/*.red{ background-color: red; height: 200px; } .green{ background-color: green; height: 200px; } .blue{ background-color: #2196f3; }*/ @font-face { font-family: 'Proxima Nova Cn Lt'; src: url('/fonts/ProximaNovaCond-LightIt.eot'); src: local('Proxima Nova Condensed Light Italic'), local('ProximaNovaCond-LightIt'), url('/fonts/ProximaNovaCond-LightIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-LightIt.woff') format('woff'), url('/fonts/ProximaNovaCond-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Proxima Nova Lt'; src: url('/fonts/ProximaNova-LightIt.eot'); src: local('Proxima Nova Light Italic'), local('ProximaNova-LightIt'), url('/fonts/ProximaNova-LightIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-LightIt.woff') format('woff'), url('/fonts/ProximaNova-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Rg'; src: url('/fonts/ProximaNovaCond-Regular.eot'); src: local('Proxima Nova Condensed Regular'), local('ProximaNovaCond-Regular'), url('/fonts/ProximaNovaCond-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-Regular.woff') format('woff'), url('/fonts/ProximaNovaCond-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova Th'; src: url('/fonts/ProximaNova-Extrabld.eot'); src: local('Proxima Nova Extrabold'), local('ProximaNova-Extrabld'), url('/fonts/ProximaNova-Extrabld.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Extrabld.woff') format('woff'), url('/fonts/ProximaNova-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Bl'; src: url('/fonts/ProximaNovaCond-Black.eot'); src: local('Proxima Nova Condensed Black'), local('ProximaNovaCond-Black'), url('/fonts/ProximaNovaCond-Black.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-Black.woff') format('woff'), url('/fonts/ProximaNovaCond-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Th'; src: url('/fonts/ProximaNovaCond-ExtrabldIt.eot'); src: local('Proxima Nova Condensed Extrabold Italic'), local('ProximaNovaCond-ExtrabldIt'), url('/fonts/ProximaNovaCond-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-ExtrabldIt.woff') format('woff'), url('/fonts/ProximaNovaCond-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Proxima Nova Rg'; src: url('/fonts/ProximaNova-Regular.eot'); src: local('Proxima Nova Regular'), local('ProximaNova-Regular'), url('/fonts/ProximaNova-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Regular.woff') format('woff'), url('/fonts/ProximaNova-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova Lt'; src: url('/fonts/ProximaNova-Semibold.eot'); src: local('Proxima Nova Semibold'), local('ProximaNova-Semibold'), url('/fonts/ProximaNova-Semibold.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Semibold.woff') format('woff'), url('/fonts/ProximaNova-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Th'; src: url('/fonts/ProximaNovaExCn-Thin.eot'); src: local('Proxima Nova Extra Condensed Thin'), local('ProximaNovaExCn-Thin'), url('/fonts/ProximaNovaExCn-Thin.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-Thin.woff') format('woff'), url('/fonts/ProximaNovaExCn-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Lt'; src: url('/fonts/ProximaNovaCond-Semibold.eot'); src: local('Proxima Nova Condensed Semibold'), local('ProximaNovaCond-Semibold'), url('/fonts/ProximaNovaCond-Semibold.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-Semibold.woff') format('woff'), url('/fonts/ProximaNovaCond-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Lt'; src: url('/fonts/ProximaNovaExCn-SemiboldIt.eot'); src: local('Proxima Nova Extra Condensed Semibold Italic'), local('ProximaNovaExCn-SemiboldIt'), url('/fonts/ProximaNovaExCn-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-SemiboldIt.woff') format('woff'), url('/fonts/ProximaNovaExCn-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Lt'; src: url('/fonts/ProximaNovaExCn-Semibold.eot'); src: local('Proxima Nova Extra Condensed Semibold'), local('ProximaNovaExCn-Semibold'), url('/fonts/ProximaNovaExCn-Semibold.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-Semibold.woff') format('woff'), url('/fonts/ProximaNovaExCn-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Proxima Nova Th'; src: url('/fonts/ProximaNova-ThinIt.eot'); src: local('Proxima Nova Thin Italic'), local('ProximaNova-ThinIt'), url('/fonts/ProximaNova-ThinIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-ThinIt.woff') format('woff'), url('/fonts/ProximaNova-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Th'; src: url('/fonts/ProximaNovaCond-Thin.eot'); src: local('Proxima Nova Condensed Thin'), local('ProximaNovaCond-Thin'), url('/fonts/ProximaNovaCond-Thin.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-Thin.woff') format('woff'), url('/fonts/ProximaNovaCond-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Rg'; src: url('/fonts/ProximaNovaCond-RegularIt.eot'); src: local('Proxima Nova Condensed Regular Italic'), local('ProximaNovaCond-RegularIt'), url('/fonts/ProximaNovaCond-RegularIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-RegularIt.woff') format('woff'), url('/fonts/ProximaNovaCond-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Th'; src: url('/fonts/ProximaNovaExCn-ThinIt.eot'); src: local('Proxima Nova Extra Condensed Thin Italic'), local('ProximaNovaExCn-ThinIt'), url('/fonts/ProximaNovaExCn-ThinIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-ThinIt.woff') format('woff'), url('/fonts/ProximaNovaExCn-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Proxima Nova Lt'; src: url('/fonts/ProximaNova-SemiboldIt.eot'); src: local('Proxima Nova Semibold Italic'), local('ProximaNova-SemiboldIt'), url('/fonts/ProximaNova-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-SemiboldIt.woff') format('woff'), url('/fonts/ProximaNova-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Proxima Nova Rg'; src: url('/fonts/ProximaNova-RegularIt.eot'); src: local('Proxima Nova Regular Italic'), local('ProximaNova-RegularIt'), url('/fonts/ProximaNova-RegularIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-RegularIt.woff') format('woff'), url('/fonts/ProximaNova-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Th'; src: url('/fonts/ProximaNovaCond-Extrabld.eot'); src: local('Proxima Nova Condensed Extrabold'), local('ProximaNovaCond-Extrabld'), url('/fonts/ProximaNovaCond-Extrabld.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-Extrabld.woff') format('woff'), url('/fonts/ProximaNovaCond-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Th'; src: url('/fonts/ProximaNovaExCn-ExtrabldIt.eot'); src: local('Proxima Nova Extra Condensed Extrabold Italic'), local('ProximaNovaExCn-ExtrabldIt'), url('/fonts/ProximaNovaExCn-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-ExtrabldIt.woff') format('woff'), url('/fonts/ProximaNovaExCn-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Bl'; src: url('/fonts/ProximaNovaExCn-BlackIt.eot'); src: local('Proxima Nova Extra Condensed Black Italic'), local('ProximaNovaExCn-BlackIt'), url('/fonts/ProximaNovaExCn-BlackIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-BlackIt.woff') format('woff'), url('/fonts/ProximaNovaExCn-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Lt'; src: url('/fonts/ProximaNovaExCn-LightIt.eot'); src: local('Proxima Nova Extra Condensed Light Italic'), local('ProximaNovaExCn-LightIt'), url('/fonts/ProximaNovaExCn-LightIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-LightIt.woff') format('woff'), url('/fonts/ProximaNovaExCn-LightIt.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Th'; src: url('/fonts/ProximaNovaCond-ThinIt.eot'); src: local('Proxima Nova Condensed Thin Italic'), local('ProximaNovaCond-ThinIt'), url('/fonts/ProximaNovaCond-ThinIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-ThinIt.woff') format('woff'), url('/fonts/ProximaNovaCond-ThinIt.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Lt'; src: url('/fonts/ProximaNovaExCn-Light.eot'); src: local('Proxima Nova Extra Condensed Light'), local('ProximaNovaExCn-Light'), url('/fonts/ProximaNovaExCn-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-Light.woff') format('woff'), url('/fonts/ProximaNovaExCn-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Rg'; src: url('/fonts/ProximaNovaCond-BoldIt.eot'); src: local('Proxima Nova Condensed Bold Italic'), local('ProximaNovaCond-BoldIt'), url('/fonts/ProximaNovaCond-BoldIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-BoldIt.woff') format('woff'), url('/fonts/ProximaNovaCond-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Th'; src: url('/fonts/ProximaNovaExCn-Extrabld.eot'); src: local('Proxima Nova Extra Condensed Extrabold'), local('ProximaNovaExCn-Extrabld'), url('/fonts/ProximaNovaExCn-Extrabld.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-Extrabld.woff') format('woff'), url('/fonts/ProximaNovaExCn-Extrabld.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Rg'; src: url('/fonts/ProximaNovaExCn-BoldIt.eot'); src: local('Proxima Nova Extra Condensed Bold Italic'), local('ProximaNovaExCn-BoldIt'), url('/fonts/ProximaNovaExCn-BoldIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-BoldIt.woff') format('woff'), url('/fonts/ProximaNovaExCn-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Proxima Nova Bl'; src: url('/fonts/ProximaNova-Black.eot'); src: local('Proxima Nova Black'), local('ProximaNova-Black'), url('/fonts/ProximaNova-Black.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Black.woff') format('woff'), url('/fonts/ProximaNova-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Proxima Nova Rg'; src: url('/fonts/ProximaNova-Bold.eot'); src: local('Proxima Nova Bold'), local('ProximaNova-Bold'), url('/fonts/ProximaNova-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Bold.woff') format('woff'), url('/fonts/ProximaNova-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Rg'; src: url('/fonts/ProximaNovaExCn-Bold.eot'); src: local('Proxima Nova Extra Condensed Bold'), local('ProximaNovaExCn-Bold'), url('/fonts/ProximaNovaExCn-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-Bold.woff') format('woff'), url('/fonts/ProximaNovaExCn-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova Th'; src: url('/fonts/ProximaNovaT-Thin.eot'); src: local('Proxima Nova Thin'), local('ProximaNovaT-Thin'), url('/fonts/ProximaNovaT-Thin.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaT-Thin.woff') format('woff'), url('/fonts/ProximaNovaT-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Proxima Nova Rg'; src: url('/fonts/ProximaNova-BoldIt.eot'); src: local('Proxima Nova Bold Italic'), local('ProximaNova-BoldIt'), url('/fonts/ProximaNova-BoldIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-BoldIt.woff') format('woff'), url('/fonts/ProximaNova-BoldIt.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Rg'; src: url('/fonts/ProximaNovaCond-Bold.eot'); src: local('Proxima Nova Condensed Bold'), local('ProximaNovaCond-Bold'), url('/fonts/ProximaNovaCond-Bold.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-Bold.woff') format('woff'), url('/fonts/ProximaNovaCond-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Bl'; src: url('/fonts/ProximaNovaExCn-Black.eot'); src: local('Proxima Nova Extra Condensed Black'), local('ProximaNovaExCn-Black'), url('/fonts/ProximaNovaExCn-Black.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-Black.woff') format('woff'), url('/fonts/ProximaNovaExCn-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Proxima Nova ExCn Rg'; src: url('/fonts/ProximaNovaExCn-RegularIt.eot'); src: local('Proxima Nova Extra Condensed Regular Italic'), local('ProximaNovaExCn-RegularIt'), url('/fonts/ProximaNovaExCn-RegularIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-RegularIt.woff') format('woff'), url('/fonts/ProximaNovaExCn-RegularIt.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Lt'; src: url('/fonts/ProximaNovaCond-Light.eot'); src: local('Proxima Nova Condensed Light'), local('ProximaNovaCond-Light'), url('/fonts/ProximaNovaCond-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-Light.woff') format('woff'), url('/fonts/ProximaNovaCond-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova Th'; src: url('/fonts/ProximaNova-ExtrabldIt.eot'); src: local('Proxima Nova Extrabold Italic'), local('ProximaNova-ExtrabldIt'), url('/fonts/ProximaNova-ExtrabldIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-ExtrabldIt.woff') format('woff'), url('/fonts/ProximaNova-ExtrabldIt.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Proxima Nova Cn Bl'; src: url('/fonts/ProximaNovaCond-BlackIt.eot'); src: local('Proxima Nova Condensed Black Italic'), local('ProximaNovaCond-BlackIt'), url('/fonts/ProximaNovaCond-BlackIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-BlackIt.woff') format('woff'), url('/fonts/ProximaNovaCond-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Proxima Nova ExCn Rg'; src: url('/fonts/ProximaNovaExCn-Regular.eot'); src: local('Proxima Nova Extra Condensed Regular'), local('ProximaNovaExCn-Regular'), url('/fonts/ProximaNovaExCn-Regular.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaExCn-Regular.woff') format('woff'), url('/fonts/ProximaNovaExCn-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Proxima Nova Lt'; src: url('/fonts/ProximaNova-Light.eot'); src: local('Proxima Nova Light'), local('ProximaNova-Light'), url('/fonts/ProximaNova-Light.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-Light.woff') format('woff'), url('/fonts/ProximaNova-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } @font-face { font-family: 'Proxima Nova Cn Lt'; src: url('/fonts/ProximaNovaCond-SemiboldIt.eot'); src: local('Proxima Nova Condensed Semibold Italic'), local('ProximaNovaCond-SemiboldIt'), url('/fonts/ProximaNovaCond-SemiboldIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNovaCond-SemiboldIt.woff') format('woff'), url('/fonts/ProximaNovaCond-SemiboldIt.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Proxima Nova Bl'; src: url('/fonts/ProximaNova-BlackIt.eot'); src: local('Proxima Nova Black Italic'), local('ProximaNova-BlackIt'), url('/fonts/ProximaNova-BlackIt.eot?#iefix') format('embedded-opentype'), url('/fonts/ProximaNova-BlackIt.woff') format('woff'), url('/fonts/ProximaNova-BlackIt.ttf') format('truetype'); font-weight: 900; font-style: italic; } body{ margin: 0px; padding: 0px; font-family: 'Proxima Nova Cn Rg'; } /*! * Bootstrap Grid v4.0.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 { box-sizing: border-box; -ms-overflow-style: scrollbar; } *, *::before, *::after { box-sizing: inherit; } .container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .wrap-container-header{ 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; */ /*max-width: 1028px;*/ /*max-width: 1160px;*/ max-width: 1194px; background-color: transparent; } .wrap-container-header{ max-width: 1200px; } } .container-2{ width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .container-3{ width: 100%; } @media (min-width: 576px) { .container-2 { max-width: 540px; } } @media (min-width: 768px) { .container-2 { max-width: 720px; } } @media (min-width: 992px) { .container-2 { max-width: 960px; } } @media (min-width: 1200px) { .container-2 { max-width: 1320px; } } .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-2-5, .col-md-3,.col-md-3-5, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8,.col-md-8-5, .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-2-5 { -webkit-box-flex: 0; -ms-flex: 0 0 20.833333333%; flex: 0 0 20.833333333%; max-width: 20.833333333%; } .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-3-5 { -webkit-box-flex: 0; -ms-flex: 0 0 27.6%; flex: 0 0 27.6%; max-width: 27.6%; } .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-8-5 { -webkit-box-flex: 0; -ms-flex: 0 0 72.4%; flex: 0 0 72.4%; max-width: 72.4%; } .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; } .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; -ms-grid-row-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; -ms-grid-row-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; -ms-grid-row-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; } .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; -ms-grid-row-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; -ms-grid-row-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; -ms-grid-row-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; } .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; -ms-grid-row-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; -ms-grid-row-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; -ms-grid-row-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; } .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; -ms-grid-row-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; -ms-grid-row-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; -ms-grid-row-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; } .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; -ms-grid-row-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; -ms-grid-row-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; -ms-grid-row-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; } .h-25 { height: 25% !important; } .h-50 { height: 50% !important; } .h-75 { height: 75% !important; } .h-100 { height: 100% !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: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.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: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.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: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.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: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.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: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.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: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.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: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.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: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.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: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.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: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.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; } /*bootstrap end*/ h1, h2, h3, h4, h5 { letter-spacing: normal; font-weight: 400; } h1 { font-size: 32px; line-height: normal; } h2 { font-size: 28px; line-height: normal; } h3 { font-size: 24px; line-height: normal; } h4 { font-size: 20px; line-height: normal; } h5 { font-size: 18px; line-height: normal; } p { margin: 0 0 10px; } /*_____________________import_____________________*/ a{background-color:transparent;} a:active,a:hover{outline:0;} *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} *:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} a{color:#337ab7;text-decoration:none;} a:hover,a:focus{color:#23527c;text-decoration:underline;} a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;} footer,nav{display:block;} .row [class*="col-"].no-padding-left { padding-left: 0px; } .row [class*="col-"].no-padding-right{ padding-right: 0px; } .row [class*="col-"].no-padding{ padding-right: 0px; padding-left: 0px; } .search-page{ padding-top: 20px; } .search-page form input[type="submit"] { display: inline-flex; justify-content: center; align-items: center; background-color: #ffffff; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 4px; font-weight: 600; font-size: 16px; letter-spacing: normal; line-height: normal; margin-right: 0; text-align: center; width: 140px; height: 42px; background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #FFFFFF; border: 0px; } .search-page form select[name="where"]{ height: 42px; font-weight: 600; font-size: 16px; letter-spacing: normal; } .search-page form input[type="text"]{ height: 42px; font-weight: 600; font-size: 16px; letter-spacing: normal; padding: 10px 5px; } .search-page>*{ font-size: 16px; } .h1-search{ font-size: 32px; line-height: normal; padding: 25px 0px 0px 0px; } .container-home-life-title-wrap{ display: none; } .social-network-wrap { display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; justify-content: flex-start; align-items: stretch; height: 105px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; margin: 20px 0px 20px 0px; } .social-network-left { width: 45%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; font-family: "Open Sans", Helvetica, Arial, sans-serif; font-style: normal; font-weight: 600; font-size: 18px; line-height: 25px; color: #000000; } .social-network-right { flex: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; align-items: center; } .icon-social-network-item { margin-right: 15px; } .right_block a { text-decoration: none; font-weight: 600; } #workarea .social-network-wrap a { text-decoration: none; border-bottom: 0; } .icon-social-network-item .nw-icon-a1 { width: 45px; height: 45px; } .icon-social-network-item .nw-icon-a1 svg { width: 45px; height: 45px; } .icon-social-network-item .nw-icon-a2 { width: 45px; height: 45px; } .icon-social-network-item .nw-icon-a5 { width: 45px; height: 45px; } .icon-social-network-item .nw-icon-a4 { width: 45px; height: 45px; } a:hover,a:focus { color: #78909C; text-decoration: none; } .nav-top-menu{ padding-right: 15px; width: 100%; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: nowrap; justify-content: space-between; } .nav-top-menu a{ padding: 8px 15px 5px 15px; flex-grow: 0; flex-shrink: 0; flex-basis: auto; /* width: 50%; */ color: #B0BEC5; text-decoration: none; /*border: 1px solid #000000;*/ } .nav-top-menu a:first-child{ padding-left: 0px; } .form-search-wrap{ height: 100%; margin: 0px 35px 0px 30px; /*background-color: #5bfe00;*/ display: flex; flex-direction: row; align-items: flex-start; flex-wrap: nowrap; } .form-search-wrap form{ display: flex; justify-content: flex-start; align-items: stretch; width: 100%; height: 100%; } .form-search-input{ padding: 0px 0px 0px 18px; font-family: Roboto; font-style: normal; font-weight: normal; font-size: 14px; line-height: 14px; letter-spacing: normal; color: #696969; background-color: #F8F8F8; border: 0px; height: 100%; } .form-search-button:focus, .form-search-input:focus{ outline: none; } .form-search-button{ width: 46px; height: 100%; background-image: url("/images/search.svg"); background-repeat: no-repeat; background-size: 42%; background-position: 32% 50%; background-color: #F8F8F8; cursor: pointer; border:0px; text-indent: -99999px; } .container-top-menu{ border-bottom: 1px solid #EEEEEE; } .container-top-menu .container{ background-color: #ffffff; } .cart-wrap{ margin-left: -15px; display: flex; flex-direction: row; align-items: flex-start; flex-wrap: nowrap; height: 100%; width: 100%; } .cart-icon{ width: 32px; height: 100%; background-image: url("/images/cart.svg"); background-repeat: no-repeat; background-size: 53%; background-position: 40% 47%; position: relative; } .cart-icon-count{ font-size: 12px; line-height: normal; text-align: center; padding: 1px 0px 0px 0px; color: #546E7A; background-color: #F5F5F5; border-radius: 50%; position: absolute; bottom: 1px; right: 2px; height: 16px; width: 16px; } .cart-descript{ width: 67%; height: 100%; color: #448AFF; letter-spacing: 1.4px; font-size: 14px; line-height: normal; text-align: right; padding: 10px 0px 0px 0px; } .phone-wrap{ height: 100%; display: flex; justify-content: flex-start; flex-direction: column; align-items: flex-start; padding: 0px 0px 0px 0px; } .phone-line{ } .phone-line-0 a{ padding: 0px 0px 0px 0px; display: inline-block; color: #546E7A; font-size: 16px; line-height: normal; letter-spacing: 0.8px; text-decoration: none; position: relative; font-weight: 600; } .phone-line-1 a{ padding: 7px 0px 3px 0px; display: inline-block; color: #546E7A; text-decoration: none; position: relative; width: 18px; height: 18px; margin: 0px 0px 0px 14px; } .phone-line-2 a{ padding: 0px 0px 0px 0px; display: inline-block; color: #546E7A; font-size: 16px; line-height: normal; letter-spacing: 0.8px; text-decoration: none; position: relative; font-weight: 600; } .phone-line-2.phone-icon a:before { content: ''; position: absolute; width: 13px; height: 13px; background-image: url(/images/phone.svg); background-size: cover; background-repeat: no-repeat; top: 5px; left: -24px; } .phone-line-3 a{ padding: 0px 0px 0px 0px; display: inline-block; color: #546E7A; font-size: 16px; line-height: normal; letter-spacing: 0.8px; text-decoration: none; position: relative; font-weight: 600; } .phone-line-3.phone-icon a:before { content: ''; position: absolute; width: 13px; height: 13px; background-image: url(/images/phone.svg); background-size: cover; background-repeat: no-repeat; top: 3px; left: -24px; } .phone-line.phone-line-4{ position: relative; } .phone-line.phone-line-4 a{ position: absolute; top: 0px; right: 0px; width: 331px; text-align: right; } .phone-line-0{ padding: 10px 0px 0px 0px; } .phone-line-0 a{ margin: 0px 0px 0px 9px; } .phone-line-1{ margin: 10px 0px 0px 0px; padding: 2px 0px 0px 0px; } .pr-6{ padding-right: 6px; } .pr-3{ padding-right: 3px; } .vk{ width: 18px; height: 18px; background-image: url("/images/vk.svg"); background-size: cover; background-repeat: no-repeat; } .fb{ width: 18px; height: 18px; background-image: url("/images/facebook.svg"); background-size: cover; background-repeat: no-repeat; } .ig{ width: 18px; height: 18px; background-image: url("/images/ig.svg"); background-size: cover; background-repeat: no-repeat; } .viber{ width: 16px; height: 16px; position: relative; } .viber:before{ content: ''; position: absolute; top: 3px; left: 3px; width: 16px; height: 16px; background-image: url("/images/viber.svg"); background-size: cover; background-repeat: no-repeat; background-position: 0% 0%; } .whatsup{ width: 16px; height: 16px; position: relative; } .whatsup:before{ content: ''; position: absolute; top: 3px; left: 0px; width: 16px; height: 16px; background-image: url("/images/whatsup.svg"); background-size: cover; background-repeat: no-repeat; background-position: 0% 0%; } .phone-icon a:before { content: ''; position: absolute; width: 13px; height: 13px; background-image: url("/images/phone.svg"); background-size: cover; background-repeat: no-repeat; top: 10px; left: -23px; } .container-top-logo{ border-bottom: 1px solid #EEEEEE; } .container-top-logo .container{ background-color: #ffffff; } .wrap-logo{ display: flex; justify-content: flex-start; height: 100%; } .logo-img{ width: 82px; height: 82px; } .wrap-logo-img{ width: 82px; height: 100%; display: flex; align-items: center; } .logo-link{ display: inline-block; margin-bottom: -5px; } .wrap-slogon{ height: 100%; display: flex; justify-content: center; flex-direction: column; align-items: flex-start; margin-left: 18px; } .slogon-line-top{ font-size: 24px; line-height: normal; font-weight: 600; color: #78909C; /*letter-spacing: 2.2px;*/ margin: 0px 0px 0px 0px; } .slogon-line-bottom{ font-size: 16px; line-height: normal; font-weight: 500; color: #78909C; margin: 0px 0px 5px 0px; padding: 6px 0px 0px 0px; letter-spacing: 1.22px; } .top-menu-nav{ width: 100%; display: block; } .navbar-nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-align-items: stretch; align-items: stretch; padding: 0px; margin: 0px; list-style: none; } .navbar-nav .nav-item { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; position: relative; } .nav-item:hover a.nav-link { color: #448AFF; } .container-fluid.container-top-menu-2{ overflow: visible; } .nav-item:hover a.nav-link:before { content: ''; width: 100%; height: 3px; background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); top: 0px; left: 0px; right: 0px; position: absolute; } .navbar-nav a.nav-link { width: 100%; color: #546E7A; padding: 15px 0px 16px 0px; font-size: 16px; display: inline-block; font-weight: 600; position: relative; letter-spacing: 1.2px; text-align: center; } .navbar-nav a.nav-link:hover { text-decoration: none; } .navbar-nav .active a.nav-link { color: #448AFF; } .navbar-nav .active a.nav-link:before { content: ''; width: 100%; height: 3px; background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%);; top: 0px; left: 0px; right: 0px; position: absolute; } .top-menu-item-child { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; min-width: 270px; padding: 0px; margin: 0px; font-size: 14px; background-color: #f1f1f1; border: 0px; -webkit-box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); background: #FFFFFF; /*box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2);*/ border-radius: 0px 0px 6px 6px; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .top-menu-item-child.top-menu-item-child-left{ left: inherit; right: 0px; } .nav-item:hover .top-menu-item-child{ display: block; } .top-menu-item-child-item { display: block; width: auto; padding: 13px 15px; font-size: 16px; font-weight: 500; line-height: 20px; color: #546E7A; background-color: #ffffff; border-bottom: 1px solid #EEEEEE; } .top-menu-item-child-item:last-child{ border-bottom: 0px; } .top-menu-item-child-item:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); color: #ffffff; } .container-top-menu-2{ background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); } .container-top-menu-2 .container{ background-color: #FFFFFF; } .fotter-menu-nav{ width: 100%; height: 100%; padding: 0px 6px 0px 6px; } .fotter-menu-navbar{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; height: 100%; padding:0px; margin: 0px; list-style-type: none; } .fotter-nav-item{ width: auto; } .fotter-nav-link { display: block; padding: 22px 0px 23px 0px; text-align: center; font-size: 16px; line-height: normal; color: #546E7A; text-decoration: none; letter-spacing: 0.6px; font-weight: 600; } .fotter-nav-link:hover { text-decoration: none; color: #546E7A; } .fotter-nav-item { -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .fotter-nav-item:first-child a{ text-align: left; } .fotter-nav-item:last-child a{ text-align: right; } .container-footer-menu{ border-bottom: 1px solid #EEEEEE; } .container-footer-menu{ background-color: #FFFFFF; } .container-footer-menu .container{ background-color: #FFFFFF; } .footer-box-logo-wrap{ padding: 31px 0px 0px 0px; } .footer-box-logo{ padding: 0px 0px 0px 0px; margin: 0px 0px 29px 0px; } .footer-box-logo-link{ display: inline-block; text-decoration: none; } .footer-box-logo-img{ } .footer-box-slogan{ font-size: 16px; line-height: 22px; color: #78909C; font-weight: 500; letter-spacing: 1.3px; } .footer-box-menu-1-wrap{ padding: 13px 0px 0px 45px; } .footer-box-menu-1-wrap h3{ font-size: 18px; line-height: 22px; font-weight: 600; text-transform: uppercase; color: #546E7A; margin-bottom: 28px; letter-spacing: 2px; /*color: var(--c1);*/ } .footer-box-menu-2-wrap{ padding: 13px 0px 0px 73px; margin-bottom: 58px; } .footer-box-menu-2-wrap h3{ font-size: 18px; line-height: 22px; font-weight: 600; text-transform: uppercase; color: #546E7A; margin-bottom: 28px; letter-spacing: 2px; } .footer-box-menu-3-wrap{ padding: 13px 0px 0px 73px; } .footer-box-menu-3-wrap h3{ font-size: 18px; line-height: 22px; font-weight: 600; text-transform: uppercase; color: #546E7A; margin-bottom: 28px; letter-spacing: 2px; } .footer-box-menu-4-wrap{ padding: 13px 0px 0px 15px; } .footer-box-menu-4-wrap h3{ font-size: 18px; line-height: 22px; font-weight: 600; text-transform: uppercase; color: #546E7A; margin-bottom: 28px; letter-spacing: 2px; } .footer-box-menu-1-nav{ padding: 0px; margin: 0px; list-style-type: none; } .footer-box-menu-1-nav li{ margin-bottom: 20px; } .footer-box-menu-1-nav li:hover a{ color: #448AFF; } .footer-box-menu-1-nav li a{ font-size: 16px; line-height: normal; color: #78909C; letter-spacing: 1.3px; /*color: var(--c1);*/ } .footer-box-menu-1-nav li.active a{ color: #448AFF; letter-spacing: 1.55px; } .footer-box-menu-1-nav li.active2 a{ font-weight: 600; letter-spacing: 0.97px; } .footer-box-phone{ display: block; padding: 1px 0px 0px 32px; margin-bottom: 20px; } .footer-box-email{ display: block; padding: 0px 0px 0px 32px; } .footer-box-phone a{ letter-spacing: 1.3px; display: inline-block; font-size: 16px; line-height: normal; color: #78909C; text-decoration: none; position: relative; /*color: var(--c1);*/ } .footer-box-email a{ letter-spacing: 1.3px; display: inline-block; font-size: 16px; line-height: normal; color: #78909C; text-decoration: none; position: relative; /*color: var(--c1);*/ } .footer-box-phone a:before { content: ''; position: absolute; width: 17px; height: 17px; background-image: url("/images/phone.svg"); background-size: cover; background-repeat: no-repeat; top: 1px; left: -33px; } .footer-box-email a:before { content: ''; position: absolute; width: 17px; height: 13px; background-image: url("/images/email.svg"); background-size: cover; background-repeat: no-repeat; top: 4px; left: -34px; } .container-footer-box{ background-color: #FFFFFF; } .container-footer-box .container{ background-color: #FFFFFF; } .footer-box-soc{ margin: 25px 0px 42px 0px; padding: 0px 0px 0px 0px; } .footer-box-soc a{ vertical-align: middle; padding: 0px 0px 0px 0px; display: inline-block; text-decoration: none; position: relative; margin: 0px 32px 0px 0px; } .footer-box-fb{ width: 5px; height: 15px; background-image: url("/images/footer-fb.svg"); background-size: cover; background-repeat: no-repeat; } .footer-box-vk{ width: 17px; height: 10px; background-image: url("/images/footer-vk.svg"); background-size: cover; background-repeat: no-repeat; } .footer-box-ig{ width: 11px; height: 12px; background-image: url("/images/footer-ig.svg"); background-size: cover; background-repeat: no-repeat; } .footer-box-metod-pay{ flex-wrap: wrap; justify-content: space-between; align-content: space-between; display: flex; width: 100%; height: 106px; margin-bottom: 41px; } .footer-box-mp{ width: 106px; height: 46px; background-repeat: no-repeat; background-size: cover; } .mp-3{ background-image: url("/images/yandex.png"); } .mp-5{ background-image: url("/images/webmoney.png"); } .mp-1{ background-image: url("/images/visa.png"); } .mp-6{ background-image: url("/images/sviaznoi.png"); } .mp-4{ background-image: url("/images/robokassa.png"); } .mp-2{ background-image: url("/images/evro.png"); } .footer-box-menu-4-wrap h3.h3-subscribe{ margin-bottom: 36px; } .footer-box-subscribe-wrap{ width: 100%; height: 51px; display: flex; flex-wrap: nowrap; justify-content: flex-end; align-content: space-between; padding: 0px 7px 0px 0px; margin-bottom: 16px; } .footer-box-subscribe-input-wrap{ /*flex: 1 0 auto;*/ /*background-color: green;*/ height: 100%; padding: 13px 18px 16px 18px; width: auto; background: rgba(207, 216, 220, 0.2); border-radius: 4px 0px 0px 4px; } .footer-box-subscribe-input{ width: 100%; height: 100%; font-size: 15px; line-height: normal; color: #B0BEC5; background-color: transparent; border: 0px; } .footer-box-subscribe-input:focus { outline: 0px; } .footer-box-subscribe-input::-webkit-input-placeholder{ color: #B0BEC5; } .footer-box-subscribe-input:-ms-input-placeholder{ color: #B0BEC5; } .footer-box-subscribe-input::-ms-input-placeholder{ color: #B0BEC5; } .footer-box-subscribe-input::placeholder{ color: #B0BEC5; } .footer-box-subscribe-button-wrap{ width: 140px; height: 100%; } .footer-box-subscribe-button{ background: linear-gradient(69.16deg, #79BEFF 0%, #448AFF 100%); border-radius: 0px 4px 4px 0px; /*transform: matrix(-1, 0, 0, 1, 0, 0);*/ text-decoration: none; font-size: 16px; font-weight: 600; line-height: 48px; color: #F6F7F9; width: 100%; height: 100%; display: block; text-align: center; letter-spacing: 1.2px; } .footer-box-subscribe-button:hover{ text-decoration: none; color: #F6F7F9; } .footer-box-subscribe-term{ font-size: 14px; line-height: normal; color: #B0BEC5; letter-spacing: 1.1px; padding: 0px 0px 15px 0px; } .footer-box-subscribe-term a{ font-size: 14px; line-height: normal; color: #448AFF; text-decoration: underline; } .slider-home-product-cash-back{ height: 27px; font-size: 14px; font-weight: 500; line-height: 18px; color: #000000; letter-spacing: normal; text-align: left; } .wrap-container-footer-copyright{ width: 100%; height: 100%; display: flex; justify-content: space-between; flex-direction: row; align-items: center; padding: 25px 0px 20px 0px; } .copyright{ font-size: 14px; line-height: normal; text-decoration: none; color: #78909C; letter-spacing: 1px; } .policy{ font-size: 14px; line-height: normal; text-decoration: underline; color: #78909C; letter-spacing: 1px; } .copyright:hover,.policy:hover{ text-decoration: none; color: #78909C; } .container-footer-copyright{ background-color: #F5F7F8; } .container-footer-copyright{ background-color: #F5F7F8; } .container-footer-copyright .container{ background-color: #F5F7F8; } .container-home-foto-slider-wrap{ padding: 0px 90px 0px 84px; width: 100%; height: 100%; } .container-home-foto-slider{ width: 100%; height: 100%; } .container-home-foto-slider .item{ height: 389px; width: 317px; background-color: #FFFFFF; /*border: 1px solid rgba(207, 216, 220, 0.5);*/ box-sizing: border-box; /*Внимание box-shadow обрезается потому что у слайдера wrap overflow: hidden;*/ /*box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4);*/ border-radius: 6px; background-color: #EBEFF0; overflow: hidden; } .container-home-foto-slider .owl-nav { position: absolute; top: 40.5%; width: 100%; } .container-home-foto-slider.owl-carousel .owl-nav button { margin: 0px; padding: 0px; width: 38px; height: 38px; position: absolute; z-index: 100; border-radius: 0px; outline:none; border: 0; } .container-home-foto-slider.owl-carousel .owl-nav button span { display: none; } .container-home-foto-slider.owl-carousel .owl-nav button.owl-prev { left: -70px; } .container-home-foto-slider.owl-carousel .owl-nav button.owl-next { right: -77px; } .container-home-foto-slider.owl-carousel .owl-nav button.owl-prev:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-left.svg"); background-repeat: no-repeat; background-size: cover; } .container-home-foto-slider.owl-carousel .owl-nav button.owl-next:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-right.svg"); background-repeat: no-repeat; background-size: cover; } .container-home-foto-slider.owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; color: inherit; text-decoration: none; outline:none; border: 0; } .container-home-foto-slider-img{ width: 100%; height: 306px; padding: 15px; background-color: #ffffff; } .container-home-foto-slider-img a{ width: 100%; height: 278px; text-decoration: none; display: block; overflow: hidden; } .container-home-foto-slider-img img{ width: 100%; height: auto; } .container-box-foto-body-link { display: flex; /* flex-wrap: nowrap; */ justify-content: space-between; width: 100%; height: 20px; margin-bottom: 15px; } .container-box-foto-body-data { font-size: 11px; line-height: 22px; color: #B0BEC5; letter-spacing: 1px; margin-bottom: 15px; } .container-box-foto-body-link .container-box-foto-body-like-prew-wrap { width: 110px; height: 20px; text-align: right; } .container-box-foto-body-link .container-box-foto-body-like-prew-wrap{ width: 110px; height: 20px; text-align: right; } .container-box-foto-body-prew{ position: relative; display: inline-block; width: 62px; height: 20px; color: #78909C; font-size: 11px; line-height: 23px; letter-spacing: 1.5px; padding: 0px 13px 0px 0px; vertical-align: top; } .container-box-foto-body-prew:before{ content: ''; position: absolute; top: 4px; left: 0px; width: 18px; height: 14px; background-color: transparent; background-image: url("/images/prew.svg"); background-repeat: no-repeat; background-size: cover; } a.container-box-foto-body-like{ position: relative;; display: inline-block; width: 45px; height: 20px; color: #78909C; font-size: 11px; line-height: 23px; letter-spacing: 1.5px; padding: 0px 2px 0px 0px; vertical-align: top; } .container-box-foto-body-like:before{ content: ''; position: absolute; top: 1.5px; left: 0px; width: 20px; height: 18px; background-color: transparent; background-image: url("/images/like.svg"); background-repeat: no-repeat; background-size: cover; } .container-box-foto-body-wrap { padding: 9px 12px 9px 15px; } .container-box-foto-body-descript { font-size: 13px; line-height: 13px; color: #78909C; letter-spacing: 1.46px; height: 26px; width: 100%; overflow: hidden; } .container-home-foto-showall-wrap{ padding: 55px 0px 30px 5px; text-align: center; } .container-home-foto-showall-wrap a{ font-size: 12px; line-height:normal; color: #78909C; text-decoration: none; display: inline-block; letter-spacing: 0.9px; } .container-home-foto-showall-wrap a:href{ color: #78909C; text-decoration: none; } .showall-arrow-right-3{ width: 25px; height: 12px; display: inline-block; vertical-align: middle; background-image: url("/images/showall-arrow-right.svg"); background-repeat: no-repeat; background-position: right -1px; } .container-home-life-title-wrap{ padding: 6px 0px 0px 14px; } .container-home-alt-title-wrap { padding: 0px 0px 0px 0px; } .pb-30{ padding-bottom: 30px; } .container-home-life-title-wrap h2 { color: #546E7A; font-size: 31.5px; font-weight: 600; line-height: normal; letter-spacing: 2.6px; } .container-home-life-showall-wrap{ padding: 56px 0px 30px 0px; text-align: center; } .container-home-life-showall-wrap a{ font-size: 12px; line-height:normal; color: #78909C; text-decoration: none; display: inline-block; letter-spacing: 0.9px; } .container-home-life-showall-wrap a:href{ color: #78909C; text-decoration: none; } .showall-arrow-right-2{ width: 9px; height: 12px; display: inline-block; vertical-align: middle; background-image: url("/images/showall-arrow-right.svg"); background-repeat: no-repeat; background-position: right -1px; } .container-home-life{ background-color:#E5E5E5; } .container-home-life .container{ background-color:#E5E5E5; } .r18 .container-home-life-title-wrap h2 { margin: 0px; padding: 0px; } .r18 .container-home-life-title-wrap { padding: 0px 0px 0px 0px; } .ceny-table-item{ width: 100%; height: 60px; background-color: #F8F8F8; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 5px; padding: 0px 0px 0px 69px; font-size: 18.4px; line-height: 18px; font-weight: 600; color: #78909C; letter-spacing: 0.9px; position: relative; text-align: left; display: flex; align-items: center; justify-content: flex-start; position: relative; margin-bottom: 32px; } .ceny-table-item span{ display: inline-block; padding: 0px 6px; color: #E85B12; } .ceny-table-item:nth-child(2) span{ display: inline-block; padding: 0px 6px; color: #448aff; } .ceny-table-item:after{ content: ''; position: absolute; top: 19px; right: 76px; background-image: url("/images/ceny-array-right.svg"); background-repeat: no-repeat; width: 11px; height: 20px; } .ceny-table-item.active:after{ content: ''; position: absolute; top: 24px; right: 71px; background-image: url("/images/ceny-array-down.svg"); background-repeat: no-repeat; width: 20px; height: 11px; } .ceny-button-wrap{ padding: 0px 73px 0px 70px; } .ceny-button-item{ width: 100%; height: 64px; background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #ffffff; border-radius: 5px; padding: 0px 0px 4px 0px; font-size: 16px; line-height: 19px; font-weight: 600; letter-spacing: 1.2px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 39px; } .ceny-banner-wrap{ background: linear-gradient(180deg, #79BEFF 0%, #62A8FF 100%, #448AFF 100%); border-radius: 6px; width: 100%; height: 209px; margin-bottom: 28px; position: relative; } .ceny-banner-wrap:before{ content: ''; position: absolute; top: auto; left: 0px; bottom: 0px; background-image: url('/images/Velosiped_Stels_Navigator_510_V.png'); width: 477px; height: 235px; background-repeat: no-repeat; } .ceny-banner-2-wrap{ background: linear-gradient(89.41deg, #FFFFFF 27.9%, rgba(255, 255, 255, 0) 65.13%), url('/images/gornyi.png'); border: 1px solid #79BEFF; box-sizing: border-box; border-radius: 6px; width: 100%; height: 305px; padding: 26px 0px 0px 29px; margin-bottom: 39px; } .ceny-banner-box{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; width: 100%; } .ceny-banner-item-1{ width: 34%; } .ceny-banner-item-2{ width: 27%; height: 100px; padding: 54px 41px 0px 8px; } .ceny-banner-item-3{ width: 39%; padding: 58px 0px 0px 2px; } .ceny-banner-item-2-line-1{ font-size: 77px; font-weight: bold; line-height: 49px; color: #ffffff; letter-spacing: 1.2px; } .ceny-banner-item-2-line-2{ font-size: 39px; text-align: center; font-weight: bold; line-height: normal; color: #ffffff; letter-spacing: 1.1px; } .ceny-banner-item-3-line-1{ font-size: 34px; font-weight: 500; line-height: 35px; color: #ffffff; letter-spacing: 0.9px; margin-bottom: 28px; } .ceny-banner-item-3-line-2{ font-size: 21px; text-align: left; font-weight: 500; line-height: normal; color: #ffffff; letter-spacing: 1.2px; padding-left: 62px; } .ceny-banner-2-item-1{ font-size: 34px; font-weight: 500; line-height: 35px; color: #546E7A; letter-spacing: 0.9px; margin-bottom: 16px; } .ceny-banner-2-item-1 span{ font-size: 22px; font-weight: 500; line-height: 35px; color: #546E7A; letter-spacing: 0.9px; } .ceny-banner-2-item-2{ width: 526px; height: 152px; background-color: #FF7901; display: flex; border-radius: 6px; margin-bottom: 19px; } .ceny-banner-2-item-2-line-1{ padding: 9px 0px 0px 36px; } .ceny-banner-2-item-2-line-1-a{ padding: 0px 0px 25px 23px; font-size: 40px; font-weight: bold; line-height: normal; color: #ffffff; letter-spacing: 0.9px; } .ceny-banner-2-item-2-line-1-b{ font-size: 72px; font-weight: bold; line-height: 35px; color: #ffffff; letter-spacing: 7px; } .ceny-banner-2-item-2-line-1-b span{ font-size: 72px; font-weight: bold; line-height: 35px; color: #ffffff; letter-spacing: 7px; padding: 0px 8px; } .ceny-banner-2-item-2-line-2{ padding: 41px 0px 0px 23px; font-size: 31px; font-weight: 500; line-height: 35px; color: #ffffff; letter-spacing: 2.5px; } .ceny-banner-2-item-3{ font-size: 20px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.5px; } .ceny-line-1{ font-size: 32px; font-weight: bold; line-height: normal; color: #546E7A; letter-spacing: 2.2px; margin-bottom: 23px; } .ceny-line-2-ul{ padding:0px; margin: 0px; list-style-type: none; } .ceny-line-2{ margin-bottom: 15px; } .ceny-line-2-ul li{ display: inline-block; padding-left: 26px; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.1px; position: relative; margin-left: 26px; margin-bottom: 10px; } .ceny-line-2-ul li:nth-child(1){ padding-left: 27px; margin-left: 0px; } .ceny-line-2-ul li:before{ content: ''; position: absolute; background-image:url('/images/defiz.svg'); background-repeat: no-repeat; width: 15px; height: 2px; top:9px; left: 0px; } .ceny-line-3{ font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.1px; margin-bottom: 20px; } .ceny-line-4{ margin-bottom: 32px; } .ceny-line-4-ul{ padding:0px; margin: 0px; list-style-type: none; } .ceny-line-4-ul li{ display: block; padding-left: 0px; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.1px; position: relative; margin-left: 25px; margin-bottom: 20px; } .ceny-line-4-ul li b{ font-weight: bold; } .ceny-line-4-ul li:before{ content: ''; position: absolute; background-image:url('/images/defiz.svg'); background-repeat: no-repeat; width: 15px; height: 2px; top:9px; left: -23px; } .ceny-line-5{ font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.1px; margin-bottom: 15px; } .ceny-line-6-wrap { width: 100%; height: auto; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; align-content: space-between; margin-bottom: 15px; } .ceny-line-6-wrap > div { background-color: #ffffff; width: 220px; height: 64px; color: #78909C; font-size: 18px; line-height: 19px; letter-spacing: 1px; position: relative; box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; position: relative; margin-right: 25px; margin-bottom: 25px; padding: 0px 0px 0px 0px; display: flex; text-align: center; align-content: center; align-items: center; justify-content: center; cursor: pointer; } .ceny-line-6-wrap > div.active { background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(106.65deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #FFFFFF; } .ceny-line-7-header{ width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border: 1px solid #CFE8FF; background: #FFFFFF; } .ceny-line-7-header div{ background-color: #FF7901; font-size: 16px; font-weight: 500; line-height: normal; /*color: #546E7A;*/ color: #ffffff; letter-spacing: 1.3px; } .ceny-line-7-header-1{ /*width: 48%;*/ width: 70%; padding: 15px 0px 16px 25px; text-align: left; } .ceny-line-7-header-2{ width: 30%; padding: 15px 16px 16px 0px; text-align: right; border-left: 1px solid #CFE8FF; /*border-right: 1px solid #CFE8FF;*/ display: flex; align-items: center; text-align: right; align-content: flex-end; justify-content: center; flex-direction: column; } /*.ceny-line-7-header-3{ width: 33%; padding: 15px 13px 16px 0px; text-align: right; }*/ .ceny-line-7-item{ width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; border: 1px solid #CFE8FF; background: #FFFFFF; } .ceny-line-7-item div{ font-size: 17px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 1.5px; } body div.ceny-line-7-item-1{ /*width: 48%;*/ width: 70%; padding: 18px 0px 15px 32px; text-align: left; } .ceny-line-7-header-1 h2{ margin-bottom: 8px; margin-top: 8px; } body div.ceny-line-7-item-2{ /*width: 19%;*/ width: 30%; padding: 18px 20px 15px 0px; text-align: center; border-left: 1px solid #CFE8FF; font-size: 20px; } .ceny-line-7-header-2 span{ display: block; font-size: 12px; } /*body div.ceny-line-7-item-3{ width: 33%; padding: 39px 22px 36px 0px; text-align: right; font-size: 20px; }*/ .ceny-line-7-wrap{ margin-bottom: 57px; } .ceny-line-8-button{ background: linear-gradient(167.47deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; width: 268px; height: 59px; padding: 0px 0px 1px 24px; font-size: 16px; font-weight: 600; line-height: 19px; color: #ffffff; letter-spacing: 1.1px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; } .ceny-line-8-button:hover{ color: #ffffff; } .ceny-line-8-button:before { content: ''; position: absolute; background-image: url('../images/prokat-array-gol.svg'); background-repeat: no-repeat; background-size: 100%; width: 26px; height: 12px; top: 24px; left: 22px; } .ceny-line-8-wrap{ margin-bottom: 117px; } .ceny-line-9-wrap{ font-size: 25px; font-weight: bold; line-height: normal; color: #546E7A; letter-spacing: 1.1px; margin-bottom: 26px; } .ceny-line-10{ margin-bottom: 34px; } .ceny-line-10-ul{ padding:0px; margin: 0px; list-style-type: none; } .ceny-line-10-ul li{ display: block; padding-left: 0px; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.1px; position: relative; margin-left: 25px; margin-bottom: 15px; } .ceny-line-10-ul li b{ font-weight: bold; } .ceny-line-10-ul li:before{ content: ''; position: absolute; background-image:url('/images/defiz.svg'); background-repeat: no-repeat; width: 15px; height: 2px; top:9px; left: -23px; } .ceny-line-11{ width: 100%; height: 324px; background-image: url("/images/podarochny-sertifikat.svg"); background-repeat: no-repeat; margin-bottom: 25px; } .ceny-line-12{ font-size: 25px; font-weight: bold; line-height: normal; color: #546E7A; letter-spacing: 1.1px; margin-bottom: 30px; } .ceny-line-13{ margin-bottom: 34px; } .ceny-line-13-ul{ padding:0px; margin: 0px; list-style-type: none; } .ceny-line-13-ul li{ display: block; padding-left: 0px; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.1px; position: relative; margin-left: 25px; margin-bottom: 30px; } .ceny-line-13-ul li b{ font-weight: bold; } .ceny-line-13-ul li div{ padding-top: 9px; } .ceny-line-13-ul li:before{ content: ''; position: absolute; background-image:url('/images/defiz.svg'); background-repeat: no-repeat; width: 15px; height: 2px; top:9px; left: -23px; } .container-home-life-slider-wrap{ padding: 0px 90px 0px 84px; width: 100%; height: 100%; } .container-home-life-slider{ width: 100%; height: 100%; } .container-home-life-slider .item{ height: 375px; width: 317px; background-color: #FFFFFF; /*border: 1px solid rgba(207, 216, 220, 0.5);*/ box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; } .container-home-life-slider-img{ width: 100%; height: 150px; } .container-home-life-slider-img a{ width: 100%; height: 150px; text-decoration: none; display: block; overflow: hidden; } .container-home-life-slider-img img{ width: 100%; height: auto; } .container-box-life-body-wrap{ padding: 20px 20px 20px 24px; } .container-box-life-body-title{ margin-bottom: 15px; } .container-box-life-body-title a{ font-size: 18px; font-weight: 600; line-height: 18px; color: #546E7A; letter-spacing: 1.4px; display: inline-block; } body .color_red{ color: red; } .container-box-life-body-descript{ font-size: 14px; line-height: 17px; color: #78909C; letter-spacing: 1.2px; height: 68px; width: 100%; overflow: hidden; } .container-box-life-body-link{ display: flex; /*flex-wrap: nowrap;*/ justify-content: space-between; /* align-content: space-between; align-items: center;*/ width: 100%; height: 20px; } .container-box-life-body-link a.container-box-life-body-link-read{ font-size: 14px; line-height: 20px; text-align: center; letter-spacing: 1.5px; color: #FF7901; /*color: #E65912;*/ text-decoration-line: underline; display: inline-block; } .container-box-life-body-link .container-box-life-body-like-prew-wrap{ width: 110px; height: 20px; text-align: right; } .container-box-life-body-prew{ position: relative; display: inline-block; width: 62px; height: 20px; color: #78909C; font-size: 11px; line-height: 23px; letter-spacing: 1.5px; padding: 0px 13px 0px 0px; vertical-align: top; } .container-box-life-body-prew:before{ content: ''; position: absolute; top: 4px; left: 0px; width: 18px; height: 14px; background-color: transparent; background-image: url("/images/prew.svg"); background-repeat: no-repeat; background-size: cover; } a.container-box-life-body-like{ position: relative;; display: inline-block; width: 45px; height: 20px; color: #78909C; font-size: 11px; line-height: 23px; letter-spacing: 1.5px; padding: 0px 2px 0px 0px; vertical-align: top; } .container-box-life-body-like:before{ content: ''; position: absolute; top: 1.5px; left: 0px; width: 20px; height: 18px; background-color: transparent; background-image: url("/images/like.svg"); background-repeat: no-repeat; background-size: cover; } .container-box-life-body-td-wrap{ width: 100%; height: 121px; overflow: hidden; margin-bottom: 34px; } /*.cb-step-92-wrap.hidden-mobile{ margin-bottom: 20px; }*/ .container-home-life-slider .owl-nav { position: absolute; top: 42.3%; width: 100%; } .container-home-life-slider.owl-carousel .owl-nav button { margin: 0px; padding: 0px; width: 38px; height: 38px; position: absolute; z-index: 100; border-radius: 0px; outline:none; border: 0; } .container-home-life-slider.owl-carousel .owl-nav button span { display: none; } .container-home-life-slider.owl-carousel .owl-nav button.owl-prev { left: -72px; } .container-home-life-slider.owl-carousel .owl-nav button.owl-next { right: -75px; } .container-home-life-slider.owl-carousel .owl-nav button.owl-prev:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-left.svg"); background-repeat: no-repeat; background-size: cover; } .container-home-life-slider.owl-carousel .owl-nav button.owl-next:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-right.svg"); background-repeat: no-repeat; background-size: cover; } .container-home-life-slider.owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; color: inherit; text-decoration: none; outline:none; border: 0; } .r19 .container-home-life-slider-wrap { padding: 0px 74px 0px 70px; width: 100%; height: 100%; } .slider2-item-1 .top-slider-home-sloogon-1{ font-size: 35px; } .prokat-menu-content{ width: 100%; height: 100%; /*background-color: #000000;*/ display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .prokat-menu-content a.prokat-button { width: 278px; height: 64px; background-color: #F8F8F8; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 5px; padding: 0px 0px 4px 0px; font-size: 16px; line-height: 19px; font-weight: 600; color: #78909C; letter-spacing: 1.3px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; margin-right: 15px; } .prokat-title-wrap{ padding: 0px 0px 0px 0px; width: 100%; } .prokat-title{ font-size: 50px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 3.7px; } .breadcrumb-wrap{ padding: 25px 0px 0px 0px; width: 100%; } .breadcrumb-link{ vertical-align: top; display: inline-block; font-size: 12px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.1px; cursor: pointer; } .breadcrumb-slache{ vertical-align: top; display: inline-block; padding: 0px 8px 0px 6px; font-size: 12px; font-weight: 500; line-height: normal; color: #546E7A; } .container-prokat-content{ background-color: #E5E5E5; } .container-prokat-content .container{ background-color: #E5E5E5; } .prokat-link-wrap{ width: 445px; padding: 32px 0px 0px 3px; display: flex; justify-content: space-between; } .prokat-link{ font-size: 16px; font-weight: 500; line-height: 21px; color: #448AFF; letter-spacing: 1.3px; } .prokat-link.prokat-link-l1{ color: #546E7A; } .prokat-link.prokat-link-l2{ color: #448AFF; border-bottom: 1px dashed #448AFF; } .prokat-link.prokat-link-l3{ color: #448AFF; border-bottom: 1px dashed #448AFF; } .prokat-menu-content a.prokat-button.active{ background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #ffffff; } body .prokat-button-3-wrap { padding: 0px 0px 48px 0px; } .prokat-button-2-wrap{ width: 649px; padding: 0px 0px 0px 0px; display: flex; justify-content: space-between; } .prokat-button-3-wrap{ width: 100%; padding: 0px 0px 0px 0px; display: flex; justify-content: space-between; } .prokat-button-2.prokat-button-2-icon-1{ background: linear-gradient(170.35deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; width: 32%; height: 59px; padding: 0px 35px 0px 0px; font-size: 16px; font-weight: 600; line-height: 19px; color: #ffffff; letter-spacing: 1.15px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; } .prokat-button-2.prokat-button-2-icon-2{ background: linear-gradient(167.47deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; width: 32%; height: 59px; padding: 0px 0px 1px 24px; font-size: 16px; font-weight: 600; line-height: 19px; color: #ffffff; letter-spacing: 1.1px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; } .prokat-button-2-icon-2:before{ content: ''; position: absolute; background-image: url("/images/prokat-array-gol.svg"); background-repeat: no-repeat; background-size: 100%; width: 26px; height: 12px; top: 24px; left: 22px; } .prokat-button-2.prokat-button-2-icon-3{ background: linear-gradient(167.47deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; width: 32%; height: 59px; padding: 0px 0px 1px 24px; font-size: 16px; font-weight: 600; line-height: 19px; color: #ffffff; letter-spacing: 1.1px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; } .prokat-button-2-icon-3:before{ content: ''; position: absolute; background-image: url("/images/svg/calc.svg"); background-repeat: no-repeat; background-size: 100%; width: 16px; height: 21px; top: 18px; left: 22px; } .prokat-button-2.prokat-button-2-icon-4{ background: linear-gradient(167.47deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; width: 32%; height: 59px; padding: 0px 0px 1px 24px; font-size: 16px; font-weight: 600; line-height: 19px; color: #ffffff; letter-spacing: 1.1px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; } .prokat-button-2-icon-4:before{ content: ''; position: absolute; background-image: url("/images/svg/auto.svg"); background-repeat: no-repeat; background-size: 100%; width: 28px; height: 20px; top: 18px; left: 22px; } .prokat-button-2-icon-1:before{ content: ''; position: absolute; background-image: url("/images/prokat-icon-1.svg"); background-repeat: no-repeat; background-size: 100%; width: 28px; height: 25px; top: 17px; left: 24px; } .prokat-button-2-icon-1:after{ content: ''; position: absolute; background-image: url("/images/prokat-icon-2.svg"); background-repeat: no-repeat; background-size: 100%; width: 30px; height: 30px; top: 15px; right: 24px; } .soc-link{ display: flex; justify-content: flex-start; align-items: stretch; } .soc-link a{ display: inline-block; margin-right: 3px; } .soc-link a img{ height: 48px; width: auto; } #workarea .prokat-button-3-wrap a{ text-decoration: none; border-bottom: none; } .container-home-otziv-title-wrap-2{ padding: 0px 0px 0px 19px; } .purple-ul{ padding: 0px; margin: 0px; list-style-type: none; } .purple-ul li{ font-size: 20px; font-weight: 500; line-height: normal; color: #5c2fea; } .prokat-r4-wrap{ padding: 25px 0px 0px 2px; } .prokat-r4-wrap h2 { color: #546E7A; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; margin: 0px; padding: 0px; } .ceny-item-header{ width: 100%; height: 128px; background-color: #087DB3; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .ceny-body-item{ width: 100%; background-color: #ffffff; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; } .ceny-item-header-left{ height: 128px; width: 50%; padding: 0px 0px 0px 40px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: center; } .ceny-item-header-right{ height: 128px; width: 50%; padding: 0px 0px 0px 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-direction: column; justify-content: center; } .ceny-item-body-left{ width: 50%; padding: 0px 30px 0px 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; } .ceny-item-body-right{ width: 50%; padding: 0px 30px 0px 30px; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: flex-start; } .sertificat-wrap{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .sertificat-item{ width: 32%; } .sertificat-item img{ width: 100%; height: auto; } #workarea .sertificat-item a{ border-bottom: none; } .sertificat-item-1{ margin-right: 0.5%; } .sertificat-item-3{ margin-left: 0.5%; } .sertificat-item-2{ margin-left: 0.5%; margin-right: 0.5%; } .ceny-item-header h2{ color: #ffffff; font-size: 30px; font-weight: 600; line-height: normal; margin: 0px; padding: 0px 0px 0px 0px; } .DOP-TITLE span { color: #ffffff; font-size: 20px; font-weight: 500; line-height: 12px; /* border-bottom: 1px solid #ffffff; */ } .ceny-item-header-right-line-1{ text-align: left; color: #ffffff; font-size: 30px; font-weight: 500; padding-left: 30px; } .ceny-item-header-right-line-1 span{ color: #ffffff; font-size: 30px; font-weight: 600; } .ceny-item-header-right-line-2{ text-align: left; color: #ffffff; font-size: 22px; } .ceny-item-header-right-line-2 span{ padding: 0px 10px 0px 10px; /*width: 86px;*/ } .ceny-item-body-left-icon{ width: 128px; margin-right: 10px; } .ceny-item-body-left-icon img{ width: 100%; } .ceny-item-body-left-name{ color: #000000; font-size: 22px; font-weight: 500; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; } .ceny-item-body-left-name span{ font-weight: 600; padding-right: 10px; } .ceny-item-body-right{ color: #A0A0A0; font-size: 24px; font-weight: 600; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: center; } .ceny-item-body-right span{ text-align: center; min-width: 58px; padding: 0px 10px 0px 10px; color: #000000; } .ceny-item-body-right span.nobold{ text-align: left; font-weight: 500; color: #000000; padding: 0px 0px 0px 0px; } .ceny-body-wrap{ padding: 20px 0px 20px 0px; } .prokat-r5-wrap{ width: 525px; display: flex; justify-content: space-between; padding: 0px 0px 0px 0px; } .prokat-button-r5{ color: #448AFF; font-size: 20px; line-height: normal; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; font-weight: 600; padding: 0px 0px 0px 0px; letter-spacing: 1.3px; width: 250px; height: 64px; text-align: center; display: flex; align-items: center; justify-content: center; } .prokat-button-r5.active{ background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #ffffff; } .news-page-top-images{ width: 100%; position: relative; } .news-page-top-images img{ width: 100%; } .news-page-top-images-label{ font-size: 16px; font-weight: 500; line-height: 19px; color: #FF7901; } .news-page-top-images-name{ font-size: 50px; font-weight: 600; line-height: 55px; color: #FFFFFF; text-shadow: 0px 0px 2px #000000, -1px -1px 7px #000000; } .news-page-top-images-data{ font-size: 12px; font-weight: 500; line-height: 15px; color: #FFFFFF; text-shadow: 0px 0px 2px #000000, -1px -1px 7px #000000; } .news-page-top-images-wrap{ width: 93%; position: absolute; bottom: 72px; left: 72px; right: 72px; } .news-page-text{ padding: 30px 0px 30px 0px; width: 769px; margin: 0px auto; } .news-page-text .w-100{ width: 100%; padding: 30px 0px 30px 0px; } .news-page-wrap-life.news-page-wrap-life{ padding: 0px 0px 0px 0px; height: auto; } .prokat-r6-wrap{ /*background-color: #000000;*/ width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .prokat-button-r6{ width: 174px; height: 64px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 19px; color: #78909C; letter-spacing: 1.5px; position: relative; } .prokat-button-r6.active{ background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(107.65deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #ffffff; } .pb-r6-icon-1{ padding: 0px 0px 0px 17px; display: flex; align-items: center; justify-content: center; } .pb-r6-icon-2{ padding: 0px 0px 0px 45px; display: flex; align-items: center; justify-content: center; } .pb-r6-icon-3{ padding: 3px 0px 0px 47px; display: flex; align-items: center; justify-content: center; } .pb-r6-icon-4{ padding: 0px 0px 0px 44px; display: flex; align-items: center; justify-content: center; } .pb-r6-icon-5{ padding: 0px 0px 0px 49px; display: flex; align-items: center; justify-content: center; } .pb-r6-icon-6{ padding: 0px 0px 0px 51px; display: flex; align-items: center; justify-content: center; } .prokat-button-r6:before { position: absolute; content: ''; } .pb-r6-icon-1:before{ background-image: url("/images/cat-icon-1.svg"); background-repeat: no-repeat; background-size: cover; width: 29px; height: 30px; top: 17px; left: 21px; } .pb-r6-icon-2:before{ background-image: url("/images/cat-icon-2.svg"); background-repeat: no-repeat; background-size: cover; width: 30px; height: 30px; top: 17px; left: 23px; } .pb-r6-icon-3:before{ background-image: url("/images/cat-icon-4.svg"); background-repeat: no-repeat; background-size: cover; width: 29px; height: 34px; top: 16px; left: 19px; } .pb-r6-icon-4:before{ background-image: url("/images/cat-icon-3.svg"); background-repeat: no-repeat; background-size: cover; width: 33px; height: 35px; top: 14px; left: 21px; } .pb-r6-icon-5:before{ background-image: url("/images/cat-icon-5.svg"); background-repeat: no-repeat; background-size: cover; width: 41px; height: 25px; top: 19px; left: 13px; } .pb-r6-icon-6:before{ background-image: url("/images/cat-icon-11.svg"); background-repeat: no-repeat; background-size: cover; width: 50px; height: 30px; top: 17px; left: 5px; } .pb-r6-icon-1.active:before{ background-image: url("/images/cat-icon-1-a.svg"); } .pb-r6-icon-2.active:before{ background-image: url("/images/cat-icon-2-a.svg"); } .pb-r6-icon-3.active:before{ background-image: url("/images/cat-icon-4-a.svg"); } .pb-r6-icon-4.active:before{ background-image: url("/images/cat-icon-3-a.svg"); } .pb-r6-icon-5.active:before{ background-image: url("/images/cat-icon-5-a.svg"); } .pb-r6-icon-6.active:before{ background-image: url("/images/cat-icon-11-a.svg"); } .prokat-r7-wrap{ padding: 59px 0px 0px 2px; } .prokat-r7-wrap h2 { color: #546E7A; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; margin: 0px; padding: 0px; } .slider2-item-2 .top-slider-home-sloogon-1{ font-size: 76px; text-transform: none; } .slider2-item-2 .top-slider-home-sloogon-2 { font-weight: 300; } .slider2-item-2 .top-slider-home-sloogon-3{ font-size: 32px; line-height: normal; color: #FFFFFF; font-weight: 600; margin-bottom: 10px; } body .slider2-item-2 .top-slider-home-button { padding: 0px 0px 35px 0px; } .prokat-r8-wrap{ /*background-color: #000000;*/ width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .prokat-button-r8{ width: 213px; height: 178px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 19px; color: #78909C; letter-spacing: 1.1px; position: relative; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; } .prokat-button-r8.active{ background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(107.65deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #ffffff; } .prokat-r9-wrap{ padding: 59px 0px 0px 2px; } .prokat-r9-wrap h2 { color: #546E7A; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.4px; margin: 0px; padding: 0px; } .slider2-home-descript.slider2-item-1 .top-slider-home-ul li{ display: flex; justify-content: flex-start; } .slider2-home-descript.slider2-item-1 .top-slider-home-ul{ list-style-type: none; margin-left: 0px; padding-left: 0px; } .slider2-home-descript.slider2-item-1 .top-slider-home-ul li span:nth-child(1){ width: 280px; } .prokat-r10-wrap{ padding: 0px 0px 0px 0px; width: 100%; height: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-end; align-items: flex-start; } .prokat-r10-link-1{ padding: 8px 0px 0px 0px; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.3px; width: 165px; } .prokat-r10-link-2{ width: 123px; height: 34px; margin-left: 0px; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.4px; border: 1px solid #E7ECEE; box-sizing: border-box; border-radius: 4px; display: flex; align-content: start; align-items: center; justify-content: flex-start; padding: 0px 0px 0px 12px; position: relative; } .prokat-r10-link-2:before { content: ''; position: absolute; background-image: url("/images/arrow-down.svg"); background-repeat: no-repeat; background-size: cover; width: 10px; height: 5px; top: 14.5px; right: 13px; } .container-phone-home-product{ background-color: #FFFFFF; } .phone-home-product-wrap{ display: flex; width: 100%; margin-bottom: 10px; margin-top: 10px; } .phone-home-product-item{ width: 50%; padding: 0px 0px 0px 10px; text-align: left; } .phone-home-product-item-title{ font-size: 18px; font-style: italic; font-weight: 600; line-height: normal; color: #000000; } .phone-home-product-item-num, .phone-home-product-item-num:hover, .phone-home-product-item-num:focus { font-size: 20px; font-weight: 600; line-height: normal; color: #546E7A; text-decoration: none; position: relative; } a.phone-home-product-item-num:before { content: ''; position: absolute; width: 13px; height: 13px; background-image: url("/images/phone.svg"); background-size: cover; background-repeat: no-repeat; top: 5px; left: -18px; } .phone-home-product-item-num-2, .phone-home-product-item-num-2:hover, .phone-home-product-item-num-2:focus { font-size: 19px; font-style: italic; font-weight: 500; line-height: normal; color: red; text-decoration: none; position: relative; text-align: left; display: block; } .phone-home-product-item-2{ margin-bottom: 10px; padding: 0px 0px 0px 10px; } .prokat-r11-left-wrap{ display: flex; flex-direction: column; width: 100%; height: auto; background-color: #ffffff; padding: 24px 12px 30px 13px; border-radius: 6px; overflow: hidden; } .prokat-r11-left-box-title{ /*background-color: blue;*/ width: 100%; height: 44px; font-size: 20px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 1.3px; } .prokat-r11-left-box-data{ /*background-color: #000000;*/ width: 100%; height: 103px; } .prokat-r11-left-box-cat-1{ /*background-color: red;*/ width: 100%; height: 159px; position: relative; padding: 19px 0px 0px 0px; } .prokat-r11-left-box-cat-1:after { content: ''; position: absolute; height: 1px; width: auto; bottom: 0px; left: -25px; right: -20px; background-color:#F6F7F9; } .prokat-r11-left-box-cat-2{ /*background-color: green;*/ width: 100%; height: 193px; position: relative; padding: 19px 0px 0px 0px; } .prokat-r11-left-box-cat-2:after { content: ''; position: absolute; height: 1px; width: auto; bottom: 0px; left: -25px; right: -20px; background-color:#F6F7F9; } .prokat-r11-left-box-cat-3{ /*background-color: red;*/ width: 100%; height: 325px; position: relative; padding: 19px 0px 0px 0px; } .prokat-r11-left-box-cat-3:after { content: ''; position: absolute; height: 1px; width: auto; bottom: 0px; left: -25px; right: -20px; background-color:#F6F7F9; } .prokat-r11-left-box-button{ /*background-color: green;*/ width: 100%; height: 81px; } .prokat-r11-left-box-data{ display: flex; flex-wrap: nowrap; } .prokat-r11-left-box-data-b1{ flex: 1 0 auto; max-width: 126px; height: auto; /*background-color: #000000;*/ } .prokat-r11-left-box-data-b2{ flex: 1 0 auto; height: auto; /*background-color: blue;*/ padding: 0px 0px 0px 19px; } .prokat-r11-left-box-data-b1-descript{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.2px; margin-bottom: 8px; text-align: left; } .prokat-r11-left-box-data-b2-descript{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.2px; margin-bottom: 8px; text-align: right; } .prokat-r11-left-box-data-b1-input-wrap{ padding: 14px 11px 11px 34px; position: relative; width: 100%; height: 47px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; font-size: 15px; line-height: normal; color: #78909C; } .prokat-r11-left-box-data-b2-input-wrap{ padding: 18px 0px 0px 0px; width: 100%; height: auto; /*background-color: #000000;*/ text-align: center; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1px; } .prokat-r11-left-box-data-b1-input-wrap:before { content: ''; width: 18px; height: 18px; left: 8px; top: 14px; position: absolute; background-image: url("/images/order-data.svg"); background-repeat: no-repeat; background-size: cover; } .prokat-r11-left-box-data-b1-input-wrap input { width: 100%; font-size: 15px; line-height: normal; color: #B0BEC5; border: 0px; margin: 0px; padding: 0px; letter-spacing: 0.3px; outline: none; } #workarea { background-color: #ffffff; /*margin: 60px 0px 60px 0px;*/ border-radius: 6px; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); padding-bottom: 60px; margin-top: 30px; margin-bottom: 40px; } #workarea a { text-decoration: none; border-bottom: 1px dashed #115498; } .prokat-r11-left-box-cat-title{ font-size: 20px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 1.26px; position: relative; margin-bottom: 16px; } .prokat-r11-left-box-cat-title:before { content: ''; position: absolute; background-image: url("/images/arrow-up.svg"); background-repeat: no-repeat; background-size: cover; width: 14px; height: 7px; top: 8.5px; right: 8px; } .prokat-r11-left-box-cat-list{ padding: 0px; margin: 0px; display: block; list-style-type: none; } .prokat-r11-left-box-cat-list li{ padding: 0px 0px 0px 0px; margin-bottom: 13px; } .prokat-label-wrap { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1px; } .prokat-label-input { position: absolute; z-index: -1; opacity: 0; padding: 0px; margin: 0px; } .prokat-label-indicator { width: 16px; height: 16px; position: relative; display: inline-block; vertical-align: top; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; box-sizing: border-box; border: 1px solid #79BEFF; } .prokat-label-wrap:hover .prokat-label-indicator{ background-color: #F8F8F8; border: 1px solid #79BEFF; } .prokat-label-input:checked ~ .prokat-label-indicator{ background-color: #ffffff; border: 1px solid #79BEFF; } .prokat-label-input:checked ~ .prokat-label-indicator:after { position: absolute; content: ''; left: 3px; top: 1px; width: 7px; height: 10px; border: solid #79BEFF; border-width: 0px 1px 1px 0px; transform: rotate(45deg); } .prokat-label-descript{ vertical-align: top; padding: 0px 0px 0px 6px; display: inline-block; line-height: 16px; } .container-slider-home-product-wrap-4{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; justify-content: center; width: 100%; } .container-slider-home-product-wrap-4-item-1{ font-size: 32px; font-weight: 600; line-height: normal; color: #E85B12; margin-right: 15px; } .container-slider-home-product-wrap-4-item-2{ font-size: 32px; font-weight: 600; line-height: normal; color: #000000; } .prokat-r11-left-box-button{ padding: 31px 3px 0px 0px; } .prokat-r11-left-button{ font-size: 14px; font-weight: 600; line-height: normal; color: #ffffff; text-align: center; letter-spacing: 1.3px; display: flex; align-items: center; justify-content: center; width: 100%; height: 50px; background: linear-gradient(98.43deg, #FF7901 1.4%, #E65912 100.3%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 4px; } .prokat-r11-right-wrap{ width: 100%; /*background-color: #000000;*/ display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; } .prokat-r11-right-box{ width: 273px; min-height: 570px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.199813); box-sizing: border-box; border-radius: 6px; margin-right: 15px; margin-bottom: 20px; padding: 22px 17px 19px 17px; display: flex; flex-direction: column; overflow: hidden; } .prokat-r11-right-wrap div.prokat-r11-right-box:nth-of-type(3n) { margin-right: 0px; } .prokat-r11-box-images-wrap{ width: 100%; height: 200px; /*background-color: #000000;*/ text-align: center; /*overflow: hidden;*/ display: block; } .prokat-r11-box-content-1-wrap{ width: 100%; height: 41px; /*background-color: red;*/ padding: 0px 0px 0px 0px; margin-bottom: 10px; } .prokat-r11-box-content-2-wrap{ width: 100%; height: 54px; /*background-color: green;*/ padding: 0px 0px 0px 0px; display: flex; align-content: center; align-items: center; justify-content: flex-start; } .prokat-r11-box-content-3-wrap{ width: 100%; height: 24px; /*background-color: blue;*/ } .prokat-r11-box-content-4-wrap{ width: 100%; height: 60px; /*background-color: red;*/ padding: 8px 0px 0px 0px; display: flex; align-content: center; align-items: center; justify-content: flex-start; } .prokat-r11-box-content-5-wrap{ padding: 4px 0px 0px 0px; width: 100%; height: 29px; /*background-color: green;*/ display: flex; justify-content: center; align-items: flex-start; align-content: flex-start; } .prokat-r11-box-content-6-wrap{ width: 100%; height: 38px; /*background-color: blue;*/ } .prokat-r11-box-content-button{ background: linear-gradient(170.46deg, #79BEFF 0%, #448AFF 100%); border-radius: 4px; font-size: 14px; font-weight: 500; line-height: normal; color: #ffffff; letter-spacing: 1.5px; text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; height: 40px; } .prokat-r11-box-content-button.active{ background: linear-gradient(99.09deg, #FF7901 0.71%, #E65912 100%); border-radius: 4px; } .prokat-r11-box-content-link{ display: inline-block; color: #448AFF; font-size: 14px; font-weight: 500; line-height: 12px; letter-spacing: 1.45px; text-align: center; border-bottom: 1px solid #448AFF; } .container-home-calc-title-wrap-9{ padding: 0px 0px 0px 17px; } .prokat-r11-box-content-day{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.0px; } .prokat-r11-box-content-price{ color: #448AFF; margin-left: 0px; } .prokat-r11-box-count-wrap{ background-color: #ffffff; width: 108px; height: 24px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; align-content: space-between; } .OLD_NEW_PRICE_WRAP{ display: flex; justify-content: flex-start; flex-wrap: nowrap; align-items: center; padding-top: 10px; } .OLD_PRICE{ color: #333333; margin-left: 0px; font-size: 21px; font-weight: 600; line-height: normal; margin-right: 30px; position: relative; } .OLD_PRICE:before { content: " "; display: block; width: auto; border-top: 2px solid rgba(255, 0, 0, 0.8); height: 15px; position: absolute; bottom: 0; left: -3px; right: -7px; transform: rotate(-10deg); } .NEW_PRICE{ color: #E65912; margin-left: 0px; font-size: 23px; font-weight: 600; line-height: normal; } .prokat-r11-box-count-minus{ flex: 0 0 24px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; font-size: 14px; line-height: normal; color: #546E7A; padding: 2.5px 1px 0px 0px; text-align: center; } .prokat-r11-box-count-number{ flex: 1 0 0; height: 100%; border-bottom: 1px solid rgba(207, 216, 220, 0.5); border-top: 1px solid rgba(207, 216, 220, 0.5); font-size: 14px; line-height: normal; color: #546E7A; padding: 4px 4px 0px 0px; text-align: center; } .prokat-r11-box-count-plus{ flex: 0 0 24px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px; font-size: 24px; line-height: 26px; color: #546E7A; padding: 0px 0px 0px 0px; text-align: center; } .prokat-r11-box-count-minus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .prokat-r11-box-count-plus.active{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .prokat-r11-box-count-plus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .prokat-r11-box-content-descript{ font-size: 14px; font-weight: 500; line-height: 17px; color: #78909C; letter-spacing: 1px; } .prokat-r11-box-content-name{ font-size: 18px; font-weight: 600; line-height: 22px; color: #78909C; letter-spacing: 1.26px; } .prokat-r11-box-images-wrap a{ display: inline-block; text-decoration: none; } .prokat-r11-right-bottom-wrap{ width: 100%; padding: 20px 0px 0px 13px; text-align: center; } .prokat-r11-right-bottom-box{ display: inline-flex; width: 157px; height: 32px; /*background-color: green;*/ justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .prokat-r11-right-bottom-box-step{ width: 32px; height: 32px; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 1.1px; color: #B7DAFC; border: 1px solid #B7DAFC; box-sizing: border-box; border-radius: 2px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0px 0px 0px 0px; cursor: pointer; } .prokat-r11-right-bottom-box-step.active{ color: #F3F2F3; background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%); border: 1px solid #FC6A24; } .prokat-r11-right-bottom-box-array-left{ width: 32px; height: 32px; cursor: pointer; background-image: url("/images/prokat-arrow-right.svg"); background-repeat: no-repeat; background-size: 32%; background-position: 42% 48%; } .container-text h3{ background-color: #E5E5E5; color: #5c2fea; border-left: 1px solid #E65912; font-weight: 700; padding-left: 16px; font-size: 18px; padding-top: 5px; padding-bottom: 5px; } .container-text{ background-color: #E5E5E5; } .container-text-wrap{ width: 100%; height: auto; background-color: #ffffff; position: relative; padding: 15px 15px 15px 15px; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; margin-bottom: 50px; display: flex; justify-content: flex-start; align-items: stretch; } .container-text-left{ flex: 1; padding-right: 30px; } .container-text-right{ width: 180px; padding-top: 10px; } .right-menu-item{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 14px; text-align: center; text-transform: uppercase; color: #448AFF; height: 60px; width: 180px; border-radius: 6px; display: flex; justify-content: center; align-items: center; cursor: pointer; border: 2px solid rgba(24, 106, 141, 0.2); box-shadow: 0px 10px 30px rgba(24, 106, 141, 0.2); border-radius: 6px; margin-bottom: 20px; } .right-menu-item:hover { background: linear-gradient(164.93deg, #79BEFF 0%, #448AFF 100%); border: 2px solid #448AFF; box-shadow: 0px 10px 30px rgba(24, 106, 141, 0.2); -webkit-background-clip: inherit; -webkit-text-fill-color: inherit; color: #ffffff; } .right-menu-wrap{ min-width: 180px; } .container-prokat-r13{ position: relative; } .r13-overlay{ position: absolute; background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(180deg, #79BEFF 19.71%, #62A8FF 100%, #448AFF 100%); top: 0px; height: 432px; left: 360px; width: 100%; } .r13{ background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), linear-gradient(180deg, #79BEFF 19.71%, #62A8FF 100%, #448AFF 100%); } .prokat-r13-wrap{ width: 100%; height: 100%; padding: 68px 24px 0px 72px; } .prokat-r13-box{ width: 100%; /*background-color: #000000;*/ } .prokat-r13-box-title{ font-size: 32px; font-weight: 600; line-height: 39px; color: #F6F7F9; letter-spacing: 2.2px; margin-bottom: 65px; } .prokat-r13-box-input-wrap{ /*background-color: green;*/ width: 100%; height: 152px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .top-slider-home-sloogon-2{ position: relative; } .bez-deneg{ bottom: -54px; position: absolute; font-size: 24px; letter-spacing: normal; color: #fffc03; right: 149px; -webkit-transform: rotate(45deg); transform: rotate(-47deg); } .prokat-r13-box-i1{ width: 317px; height: 71px; /*background-color: #ffffff;*/ } .prokat-r13-box-i2{ width: 317px; height: 71px; /*background-color: #ffffff;*/ } .prokat-r13-box-i3{ width: 317px; height: 49px; /*background-color: #ffffff;*/ padding: 0px 3px 0px 0px; } .prokat-r13-box-i4{ width: 317px; height: 49px; /*background-color: #ffffff;*/ display: flex; align-items: flex-start; align-content: flex-start; justify-content: flex-start; } .prokat-r13-box-i1-title{ font-size: 16px; font-weight: 500; line-height: 12px; color: #ffffff; letter-spacing: 1.55px; margin-bottom: 11px; } .prokat-r13-box-i2-title{ font-size: 16px; font-weight: 500; line-height: 12px; color: #ffffff; letter-spacing: 1.36px; margin-bottom: 11px; } .prokat-r13-box-i3-button{ padding: 0px 0px 0px 6px; width: 100%; height: 100%; font-size: 14px; font-weight: 600; line-height: normal; color: #ffffff; letter-spacing: 1.2px; text-align: center; display: flex; align-items: center; justify-content: center; background: linear-gradient(100.48deg, #FF7901 1.4%, #E65912 100.3%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 4px; } .prokat-r13-box-i4-checkbox{ padding: 0px 0px 0px 0px; /*background-color: #000000;*/ } .prokat-r13-label-wrap { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1px; cursor: pointer; } .prokat-r13-label-input { position: absolute; z-index: -1; opacity: 0; padding: 0px; margin: 0px; } .prokat-r13-label-indicator { margin-top: 4px; width: 10px; height: 10px; position: relative; display: inline-block; vertical-align: top; background-color: #fff; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing: border-box; } .prokat-r13-label-wrap:hover .prokat-r13-label-indicator{ background-color: #F8F8F8; } .prokat-r13-label-input:checked ~ .prokat-r13-label-indicator{ background-color: #ffffff; } .prokat-r13-label-input:checked ~ .prokat-r13-label-indicator:after { position: absolute; content: ''; left: 2px; top: 2px; width: 6px; height: 6px; background-color: #79BEFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .prokat-r13-box-i4-descript{ /*background-color: red;*/ font-size: 12px; font-weight: 500; line-height: 12px; color: #F5F5F5; letter-spacing: 0.98px; display: inline-block; vertical-align: top; padding: 0px 0px 0px 6px; } .prokat-r13-box-i1-input-wrap{ width: 100%; height: 48px; background-color: #FFFFFF; border: 1px solid rgba(121, 190, 255, 0.5); box-sizing: border-box; border-radius: 4px; padding: 12px 11px 10px 19px; position: relative; } .prokat-r13-box-i1-input-wrap:hover { border: 1px solid rgba(121, 190, 255, 1); } .prokat-r13-box-i1-input-wrap input { width: 100%; font-size: 15px; line-height: normal; color: #B0BEC5; border: 0px; margin: 0px; padding: 0px; letter-spacing: 0.4px; outline: none; } .prokat-r13-box-i1-input-wrap:hover input { color: #79BEFF; } .prokat-r13-box-i2-input-wrap{ width: 100%; height: 48px; background-color: #FFFFFF; border: 1px solid rgba(121, 190, 255, 0.5); box-sizing: border-box; border-radius: 4px; padding: 12px 11px 10px 19px; position: relative; } .prokat-r13-box-i2-input-wrap:hover { border: 1px solid rgba(121, 190, 255, 1); } .prokat-r13-box-i2-input-wrap input { width: 100%; font-size: 15px; line-height: normal; color: #B0BEC5; border: 0px; margin: 0px; padding: 0px; letter-spacing: 0.4px; outline: none; } .prokat-r13-box-i2-input-wrap:hover input { color: #79BEFF; } .purple-header{ font-size: 25px; font-weight: 600; line-height: normal; color: #5c2fea; text-transform: uppercase; padding: 25px 0px 15px 0px; margin: 0px; } .purple-link, a.purple-link:hover, a.purple-link:focus { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: #5c2fea; padding: 0px 0px 20px 0px; } .cb-step-grey-wrap{ font-size: 18px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 1.1px; margin-bottom: 20px; margin-top: 0px; } .step-82-button.active .step-82-descript{ color: #ffffff; } .step-82-button.disable{ opacity: 0.5; cursor: default; } #slider2-home-wrap { margin-left: 0px; margin-right: 0px; margin-top: 0px; } .slider2-home-h1 { text-transform: uppercase; font-size: 34px; color: #ffffff; display: block; text-align: center; font-weight: bold; } .slider2-home-h3 { margin-top: 10px; padding: 7px 0px 4px 0px; text-transform: uppercase; background-color: #fff900; font-size: 31px; color: #000000; display: block; text-align: center; font-weight: bold; } .slider2-home-descript { background-repeat: no-repeat; background-size: cover; width: 100%; height: 545px; display: flex; justify-content: flex-start; align-items: center; } .slider2-home-left{ width: 50%; height: 545px; position: relative; } .slider2-home-right{ width: 50%; height: 545px; } .slider2-home-left-overlay:before{ content: ''; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; background-color: rgba(68, 138, 255, 0.5); z-index: 1; } #slider2-home-wrap .wrap-top-slider-home{ z-index: 5; position: absolute; width: 696px; right: 0px; top: 39px; padding: 0px; } .wrap-top-slider-home-2{ z-index: 5; position: absolute; width: 696px; right: 0px; top: 390px; padding: 0px; } .price-wrap{ width: 100%; padding: 0px 0px 50px 0px; } .price-wrap .container-category-home-wrap { padding: 0px 0px 0px 0px; } .old-price{ color: #000000; font-size: 21px; margin-right: 13px; position: relative; padding: 0px 6px 0px 6px; } .old-price:before { border-bottom: 1px solid red; position: absolute; content: ""; width: 100%; height: 50%; left: 0px; transform: rotate(-7deg); } .price-wrap .container-category-sezon{ display: none; } .price-wrap .container-category-sezon.container-category-sezon-1{ display: none; } .price-wrap .container-category-sezon.container-category-sezon-2{ display: flex; } .price-wrap .slider-home-product-button-b1 { width: 85px; } .price-wrap .slider-home-product-wrap{ display: none; } .price-wrap .slider-home-product-wrap.slider-wrap-item-0{ display: flex; } .price-wrap .slider-home-product-uh-item{ background-image: inherit; background-repeat: no-repeat; background-size: cover; cursor: pointer; margin-right: 3px; } .price-wrap .slider-home-product-uh-item.aktive{ background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; } .price-wrap .slider-home-product-uh-item.aktive img{ opacity: 0.5; } .price-wrap .slider-home-product-button-b1{ font-size: 13px; letter-spacing: normal; } .price-wrap .slider-home-product-button-b2{ letter-spacing: normal; } .price-wrap .slider-home-product-header { background-position: -52px 0px; background-size: 63.5%; } .container-category-home-body div.cat-icon-all { padding: 0px 20px 0px 69px; display: flex; align-items: center; justify-content: flex-start; cursor: pointer; } h2.fiolet{ color: #5c2fea; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; } h2.yellow { color: #fffc03; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; } .yellow-ul { padding: 0px; margin: 0px; list-style-type: none; } .yellow-ul li { font-size: 20px; font-weight: 500; line-height: normal; color: #fffc03; } .timer { display: flex; justify-content: flex-start; margin: 30px 0px 0px 0px; } .flip-clock-wrapper * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; } .timer{ display: flex; justify-content: flex-start; } .ab__dotd_promotions-item_date{ font-size: 14px; font-weight: 500; line-height: 20px; color: #bababa; padding: 0px 0px 8px 15px; display: flex; align-content: center; align-items: center; justify-content: center; } .flip-clock-wrapper { display: flex; justify-content: center; max-height: 75px; /*grid-gap: 5px;*/ max-width: 280px; overflow: hidden; -webkit-user-select: none; text-align: center; position: relative; width: auto; margin: 0px 0px 0px 0; padding-bottom: 0px; } @media screen and (min-width: 1024px) { .flip-clock-wrapper { position:relative; left: 0px; justify-content: start; } } .ab-flip-clock-item { display: flex; flex: 1; max-width: 64px; width: 64px; position: relative; margin: 0 3px; /*border: 1px solid #e1e1e1;*/ /*border-bottom-color: #d5d5d5;*/ -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; padding: 9px 5px 0px 5px; background-color: #f0f4f7; height: 58px; /*border: 1px solid #000000;*/ } .ab-flip-clock-item .flip { overflow: hidden; } .ab-flip-clock-item .flip:nth-child(2) { -webkit-border-top-left-radius: 3px; -moz-border-radius-topleft: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-left-radius: 3px; } .ab-flip-clock-item .flip:last-child { -webkit-border-top-right-radius: 3px; -moz-border-radius-topright: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-bottomright: 3px; border-bottom-right-radius: 3px; } .flip-clock-wrapper.clearfix { *zoom:1;} .flip-clock-wrapper.clearfix:before,.flip-clock-wrapper.clearfix:after { display: table; content: ""; line-height: 0; width: 100%; } .flip-clock-wrapper.clearfix:after { clear: both; } .flip-clock-wrapper ul { position: relative; list-style-type: none; height: 33px; width: 50%; font-weight: bold; line-height: 50px; margin:0px; padding: 0px; } .flip-clock-wrapper ul li { z-index: 1; position: absolute; left: 0; top: 0px; width: 100%; height: 100%; line-height: 50px; padding: 0; overflow: hidden; text-decoration: none !important; margin-bottom: 0px; } .flip-clock-wrapper ul li:first-child { z-index: 2; } .flip-clock-wrapper ul li .zinn { display: block; height: 100%; -webkit-perspective: 200px; -moz-perspective: 200px; perspective: 200px; margin: 0 !important; overflow: hidden !important; position: relative; cursor: default !important; } .flip-clock-wrapper ul li .zinn div { z-index: 1; position: absolute; left: 0; width: 100%; height: 50%; overflow: hidden; outline: 1px solid transparent; } .flip-clock-wrapper ul li .zinn div .shadow { position: absolute; width: 100%; height: 100%; z-index: 2; } .flip-clock-wrapper ul li .zinn div.up { -webkit-transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -o-transform-origin: 50% 100%; transform-origin: 50% 100%; top: 0; } .flip-clock-wrapper ul li .zinn div.up:after { content: ""; position: absolute; top: 44px; left: 0; z-index: 5; width: 100%; height: 3px; background-color: #000; background-color: rgba(0,0,0,0.4); } .flip-clock-wrapper ul li .zinn div.down { -webkit-transform-origin: 50% 0; -moz-transform-origin: 50% 0; -ms-transform-origin: 50% 0; -o-transform-origin: 50% 0; transform-origin: 50% 0; bottom: 0; } .flip-clock-wrapper ul li .zinn div div.inn { position: absolute; left: 0; z-index: 1; width: 100%; height: 200%; text-align: center; background-color: #f0f4f7; font-size: 30px; font-weight: 300; line-height: normal; color: #1b83e6; font-family: "HelveticaNeueCyr",Arial,sans-serif; } .flip-clock-before .down { width: 99%; margin: 0 auto; } .flip-clock-wrapper ul li .zinn div.up div.inn { top: 0; } .flip-clock-wrapper ul li .zinn div.down div.inn { bottom: 0; } .flip-clock-wrapper ul.play li.flip-clock-before { z-index: 3; } .flip-clock-wrapper ul.play li.flip-clock-active { -webkit-animation: asd 0.5s 0.5s linear both; -moz-animation: asd 0.5s 0.5s linear both; animation: asd 0.5s 0.5s linear both; z-index: 5; } .flip-clock-divider:first-child { width: 0; } .flip-clock-dot { display: block; background: #232323; width: 4px; height: 4px; position: absolute; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; left: -8px; display: none; } .flip-clock-divider .flip-clock-label { position: absolute; bottom: 2px; left: 50%; transform: translateX(-50%); font-size: 86%; color: #bababa; text-shadow: none; z-index: 100; } .flip-clock-dot.top { top: 30px; } .flip-clock-dot.bottom { bottom: 25px; } @-webkit-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-moz-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @-o-keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } @keyframes asd { 0% { z-index: 2; } 20% { z-index: 4; } 100% { z-index: 4; } } .flip-clock-wrapper ul.play li.flip-clock-active .down { z-index: 2; -webkit-animation: turn 0.5s 0.5s linear both; -moz-animation: turn 0.5s 0.5s linear both; animation: turn 0.5s 0.5s linear both; } @-webkit-keyframes turn { 0% { -webkit-transform: rotateX(90deg); } 100% { -webkit-transform: rotateX(0deg); } } @-moz-keyframes turn { 0% { -moz-transform: rotateX(90deg); } 100% { -moz-transform: rotateX(0deg); } } @-o-keyframes turn { 0% { -o-transform: rotateX(90deg); } 100% { -o-transform: rotateX(0deg); } } @keyframes turn { 0% { transform: rotateX(90deg); } 100% { transform: rotateX(0deg); } } .flip-clock-wrapper ul.play li.flip-clock-before .up { z-index: 2; -webkit-animation: turn2 0.5s linear both; -moz-animation: turn2 0.5s linear both; animation: turn2 0.5s linear both; } @-webkit-keyframes turn2 { 0% { -webkit-transform: rotateX(0deg); } 100% { -webkit-transform: rotateX(-90deg); } } @-moz-keyframes turn2 { 0% { -moz-transform: rotateX(0deg); } 100% { -moz-transform: rotateX(-90deg); } } @-o-keyframes turn2 { 0% { -o-transform: rotateX(0deg); } 100% { -o-transform: rotateX(-90deg); } } @keyframes turn2 { 0% { transform: rotateX(0deg); } 100% { transform: rotateX(-90deg); } } .flip-clock-wrapper ul li.flip-clock-active { z-index: 3; } .flip-clock-wrapper ul.play li.flip-clock-before .up .shadow { background: -moz-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.1)),color-stop(100%,rgba(0,0,0,0.3))); background: linear, top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 100%; background: -o-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.3) 100%); background: linear, to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.3) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } .flip-clock-wrapper ul.play li.flip-clock-before .down .shadow { background: -moz-linear-gradient(top,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0.3)),color-stop(100%,rgba(0,0,0,0.1))); background: linear, top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%; background: -o-linear-gradient(top,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.1) 100%); background: linear, to bottom, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.1) 100%; -webkit-animation: show 0.5s linear both; -moz-animation: show 0.5s linear both; animation: show 0.5s linear both; } @-webkit-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-o-keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes show { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @-o-keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes hide { 0% { opacity: 1; } 100% { opacity: 0; } } .ab_text{ font-size: 28px; line-height: normal; letter-spacing: normal; font-weight: 400; margin-right: 30px; display: flex; display: flex; align-content: center; align-items: center; justify-content: center; } .container-category-home-body div.cat-icon-all.aktive { color: #FFFFFF; background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; } .container-category-home-body div.cat-button-icon-lyzhi{ justify-content: center; /* padding: 0px 20px 0px 20px;*/ } .container-category-home-body div.cat-button-icon-lyzhi:before { background-image: url("/local/templates/k2tour/images/cat-icon-1.svg"); background-repeat: no-repeat; background-size: cover; width: 33px; height: 36px; top: 17px; left: 23px; } .container-category-home-body div.cat-button-icon-snoubordy:before { background-image: url("/local/templates/k2tour/images/cat-icon-2.svg"); background-repeat: no-repeat; background-size: cover; width: 34px; height: 34px; top: 18px; left: 26px; } .container-category-home-body div.cat-button-icon-snegostupy:before { background-image: url("/local/templates/k2tour/images/cat-icon-3.svg"); background-repeat: no-repeat; background-size: cover; width: 38px; height: 40px; top: 15px; left: 25px; } .container-category-home-body div.cat-button-icon-ekipirovka:before { background-image: url("/local/templates/k2tour/images/cat-icon-4.svg"); background-repeat: no-repeat; background-size: cover; width: 30px; height: 35px; top: 17px; left: 31px; } .container-category-home-body div.cat-button-icon-aksesuary:before { background-image: url("/local/templates/k2tour/images/cat-icon-5.svg"); background-repeat: no-repeat; background-size: cover; width: 41px; height: 26px; top: 20px; left: 25px; } .container-category-home-body div.cat-button-icon-velosipedy-samokaty:before { background-image: url("/local/templates/k2tour/images/cat-icon-6.svg"); background-repeat: no-repeat; background-size: cover; width: 53px; height: 42px; top: 13px; left: 18px; } .container-category-home-body div.cat-button-icon-roliki-longbordy:before { background-image: url("/local/templates/k2tour/images/cat-icon-7.svg"); background-repeat: no-repeat; background-size: cover; width: 31px; height: 30px; top: 19px; left: 28px; } .container-category-home-body div.cat-button-icon-snaryazheniya-dlya-turizma:before { background-image: url("/local/templates/k2tour/images/cat-icon-8.svg"); background-repeat: no-repeat; background-size: cover; width: 35px; height: 37px; top: 16px; left: 26px; } .container-category-home-body div.cat-button-icon-elektro-tekhnika:before { background-image: url("/local/templates/k2tour/images/cat-icon-9.svg"); background-repeat: no-repeat; background-size: cover; width: 31px; height: 39px; top: 16px; left: 31px; } .container-category-home-body div.cat-button-icon-velo-aksessuary:before { background-image: url("/local/templates/k2tour/images/cat-icon-10.svg"); background-repeat: no-repeat; background-size: cover; width: 30px; height: 33px; top: 17px; left: 31px; } .price-wrap .container-slider-home-product-wrap { height: 100%; width: auto; margin-right: 0px; margin-top: 20px; } .price-wrap .container-home-product-slider .item { width: 315px; } .prokat-bg{ position: relative; } .prokat-bg:before{ content: ''; position: absolute; top: -99px; right: -360px; width: 810px; height: 534px; background-image: url("/images/prokat-bg.png"); background-size:100%; background-repeat:no-repeat; background-position: 0px 0px; z-index: 2; } .prokat-r15-wrap{ padding: 1px 0px 0px 0px; } .prokat-r15-wrap h2 { color: #546E7A; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; margin: 0px; padding: 0px; } .r16 .container-home-foto-slider-wrap { padding: 0px 76px 0px 70px; width: 100%; height: 100%; } .container-home-consultaciya{ position: relative; } .container-home-consultaciya-overlay{ position: absolute; top: 60px; left: 0px; bottom: 87px; width: 100%; background: linear-gradient(180deg, #79BEFF 0%, #62A8FF 100%, #448AFF 100%); border-radius: 6px; } .container-home-consultaciya-overlay-2{ position: absolute; top: 60px; left: 0px; height: 530px; width: 100%; background: linear-gradient(180deg, #79BEFF 0%, #62A8FF 100%, #448AFF 100%); border-radius: 6px; } .container-home-consultaciya-title-2 { width: 100%; font-size: 32px; line-height: normal; font-weight: 600; color: #FFFFFF; letter-spacing: 2.18px; margin-bottom: 24px; } .container-home-consultaciya-body-ul{ padding: 0px; margin: 0px; list-style-type: none; } .container-home-consultaciya-body-ul li{ padding: 0px; margin: 0px; color: #ffffff; font-size: 20px; line-height: normal; font-weight: 600; } .container-home-calc-title-wrap-2{ padding: 50px 0px 0px 17px; } .container-home-calc-title-wrap-2 h3 { color: #546E7A; font-size: 30px; font-weight: 600; line-height: normal; margin: 0px 0px 19px 0px; padding: 0px; } .text-descript-block-1{ font-size: 30px; font-weight: 600; line-height: normal; color: #5c2fea; padding: 40px 0px 0px 15px; } .text-descript-block-2{ font-size: 30px; font-weight: 600; line-height: normal; color: #5c2fea; padding: 60px 0px 60px 15px; } .container-home-consultaciya-wrap{ padding: 163px 86px 184px 87px; width: 100%; height: 100%; } .container-home-consultaciya-wrap-2{ padding: 83px 86px 50px 87px; width: 100%; height: 100%; } .container-home-consultaciya-title{ width: 100%; font-size: 32px; line-height: normal; font-weight:600; color: #FFFFFF; letter-spacing: 2.18px; margin-bottom: 30px; } label.box-input-terms-privacy { display: flex; margin-bottom: 0px; padding-top: 2px; padding-right: 7px; } .footer-box-subscribe-term-left{ margin-right: 10px; } .input-terms-privacy { position: absolute; z-index: -1; opacity: 0; padding: 0px; margin: 0px; } .box-akciy-popup-left-checkbox-indicator { width: 16px; height: 16px; position: relative; display: inline-block; vertical-align: top; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; } .input-terms-privacy:checked ~ .box-akciy-popup-left-checkbox-indicator { background: linear-gradient(69.16deg, #79BEFF 0%, #448AFF 100%); border: 0px; } .input-terms-privacy:hover ~ .box-akciy-popup-left-checkbox-indicator{ background: linear-gradient(69.16deg, #79BEFF 0%, #448AFF 100%); border: 0px; } .input-terms-privacy:checked ~ .box-akciy-popup-left-checkbox-indicator:after { position: absolute; content: ''; left: 4px; top: 1px; width: 7px; height: 10px; border: solid #fff; border-width: 0px 2px 2px 0px; transform: rotate(45deg); } .input-terms-privacy-2 { position: absolute; z-index: -1; opacity: 0; padding: 0px; margin: 0px; } .box-akciy-popup-left-checkbox-indicator-2 { width: 16px; height: 16px; position: relative; display: inline-block; vertical-align: top; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; } .input-terms-privacy-2:checked ~ .box-akciy-popup-left-checkbox-indicator-2 { background: #ffffff; border: 0px; } .input-terms-privacy-2:hover ~ .box-akciy-popup-left-checkbox-indicator-2{ background: #ffffff; border: 0px; } .input-terms-privacy-2:checked ~ .box-akciy-popup-left-checkbox-indicator-2:after { position: absolute; content: ''; left: 4px; top: 1px; width: 7px; height: 10px; border: solid #62a8ff; border-width: 0px 2px 2px 0px; transform: rotate(45deg); } .container-home-consultaciya-body-term-wrap a{ color: #ffffff; text-decoration: underline; } .container-home-consultaciya-body-term-wrap{ margin-bottom: 10px; } .container-home-consultaciya-body-term-wrap .footer-box-subscribe-term-right{ color: #ffffff; } .container-home-consultaciya-body-wrap{ width: 100%; height: auto; display: flex; flex-wrap: nowrap; justify-content: space-between; } .container-home-consultaciya-body-wrap-2{ width: 100%; height: auto; display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom: 30px; } .container-home-consultaciya-body-slogan{ font-size: 20.9px; font-weight: 600; line-height: 27px; letter-spacing: 1px; color: #FFFFFF; display: inline-block; padding: 2px 0px 0px 0px; } .container-home-consultaciya-body-input-box{ width: 270px; height: auto; } .container-home-consultaciya-body-input-wrap{ width: 100%; height: 50px; border: 1px solid #E7ECEE; box-sizing: border-box; border-radius: 4px; background-color: #FFFFFF; padding: 11px 24px 11px 24px; margin-bottom: 15px; } .container-home-consultaciya-body-input-wrap input{ width: 100%; height: 19px; font-size: 15px; line-height: 19px; color: #B0BEC5; border: 0px; outline:none; letter-spacing: 0.1px; } .container-home-consultaciya-body-input-wrap input::-webkit-input-placeholder{ color: #B0BEC5; } .container-home-consultaciya-body-input-wrap input:-ms-input-placeholder{ color: #B0BEC5; } .container-home-consultaciya-body-input-wrap input::-ms-input-placeholder{ color: #B0BEC5; } .container-home-consultaciya-body-input-wrap input::placeholder{ color: #B0BEC5; } .container-home-consultaciya-body-button-wrap{ display: block; } .container-home-consultaciya-body-button{ background: linear-gradient(169.51deg, #FF7901 0%, #E65912 100%); border-radius: 4px; width: 100%; height: 50px; font-size: 18px; line-height: 47px; text-align: center; color: #FFFFFF; display: block; padding-left: 2px; letter-spacing: 0.6px; cursor: pointer; } .container-home-consultaciya-body-button:hover{ color: #FFFFFF; } .container-home-consultaciya-images-wrap{ width: 100%; height: 100%; position: relative; } .container-home-consultaciya-images{ width: 782px; height: 630px; position: absolute; top: -37px; left: -140px; background-image: url("/images/snouborder.svg"); background-repeat: no-repeat; background-size: cover; z-index: 100; } .container-home-consultaciya{ background-color: #E5E5E5; } .container-home-consultaciya .container{ background-color: #E5E5E5; } .container-fluid.container-home-consultaciya{ overflow: visible; } .container-top-slider-home{ background-image: url("/images/kinder-sa-gratis-jungfrau-grindelwald-wengen_01.png"); background-size: cover; background-repeat: no-repeat; position: relative; } .container-top-slider-home-overlay{ position: absolute; top:0px; left: 0px; bottom: 0px; width: 56.2%; background-color: rgba(68, 138, 255, 0.5); } .wrap-top-slider-home{ padding: 109px 0px 0px 0px; } .top-slider-home-sloogon-1{ font-size: 40px; line-height: normal; text-transform: uppercase; color: #FFFFFF; font-weight: 600; } .top-slider-home-sloogon-2{ font-size: 32px; line-height: normal; color: #FFFFFF; font-weight: 600; margin-bottom: 10px; } .top-slider-home-descript{ font-size: 24px; line-height: normal; color: #FFFFFF; letter-spacing: 1.9px; } .top-slider-home-button{ padding: 23px 0px 0px 0px; display: block; } .top-slider-home-button-1{ display: inline-block; color: #448AFF; font-size: 20px; margin-right: 20px; line-height: normal; background: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; font-weight: 600; padding: 20px 70px 19px 71px; letter-spacing: 1.3px; cursor: pointer; } .top-slider-home-button-1.aktive{ color: #FFFFFF; background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; } .top-slider-home-button-1.aktive:hover, .top-slider-home-button-1.aktive:focus { color: #FFFFFF; } .top-slider-home-button-1:hover, .top-slider-home-button-1:focus { color: #448AFF; } .top-slider-home-button-2, .top-slider-home-button-2:hover, .top-slider-home-button-2:focus { display: inline-block; margin-left:0px; font-size: 20px; line-height: normal; color: #FFFFFF; background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; font-weight: 600; padding: 20px 70px 19px 71px; letter-spacing: 1.3px; } .container-top-slider-home .container{ background-color: transparent; } .fisher-logo{ width: 85px; position: absolute; top: 5px; left: 0px; z-index: 5; } .burton-logo{ width: 85px; position: absolute; top: 28px; left: 0px; z-index: 5; } .container-category-home-wrap{ padding: 51px 16px 51px 15px; width: 100%; height: 100%; } .container-category-home-body{ width: 100%; height: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .container-category-home-body > div{ width: 314px; height: 71px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 19px; color: #78909C; /*display: flex; align-items: center; justify-content: center;*/ letter-spacing: 1px; position: relative; margin-bottom: 25px; } .container-category-home-body > div.active{ width: 211px; height: 71px; border-radius: 6px; background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #FFFFFF; } .container-category-home-body [class*="cat-icon-"]:before{ position: absolute; content: ''; } .container-category-home-body div.cat-icon-1{ padding: 0px 0px 0px 1px; display: flex; align-items: center; justify-content: center; } .dop-spusk-2{ font-size: 26px; line-height: normal; font-weight: 500; margin-bottom: 25px; } .container-category-home-body div.cat-icon-1:before{ background-image: url("/images/cat-icon-1.svg"); background-repeat: no-repeat; background-size: cover; width: 33px; height: 36px; top: 17px; left: 23px; } .container-category-home-body div.cat-icon-2{ padding: 24px 0px 0px 77px; letter-spacing: 1.5px; } .price-h2{ color: #a0a0a0; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; } .container-category-home-body div.cat-icon-2:before{ background-image: url("/images/cat-icon-2.svg"); background-repeat: no-repeat; background-size: cover; width: 34px; height: 34px; top: 18px; left: 26px; } .container-category-home-body div.cat-icon-3{ padding: 24px 0px 0px 76px; letter-spacing: 1.4px; } .container-category-home-body div.cat-icon-3:before{ background-image: url("/images/cat-icon-3.svg"); background-repeat: no-repeat; background-size: cover; width: 38px; height: 40px; top: 15px; left: 25px; } .container-category-home-body div.cat-icon-4{ padding: 24px 0px 0px 73px; letter-spacing: 1.4px; } .container-category-home-body div.cat-icon-4:before{ background-image: url("/images/cat-icon-4.svg"); background-repeat: no-repeat; background-size: cover; width: 30px; height: 35px; top: 17px; left: 31px; } .container-category-home-body div.cat-icon-5{ padding: 24px 0px 0px 80px; letter-spacing: 1.4px; } .container-category-home-body div.cat-icon-5:before{ background-image: url("/images/cat-icon-5.svg"); background-repeat: no-repeat; background-size: cover; width: 41px; height: 26px; top: 20px; left: 25px; } .container-category-home-body div.cat-icon-6{ padding: 14px 0px 0px 85px; letter-spacing: 1.4px; } .container-category-home-body div.cat-icon-6:before{ background-image: url("/images/cat-icon-6.svg"); background-repeat: no-repeat; background-size: cover; width: 53px; height: 42px; top: 13px; left: 18px; } .container-category-home-body div.cat-icon-7{ padding: 13px 0px 0px 77px; letter-spacing: 1.4px; } .container-category-home-body div.cat-icon-7:before{ background-image: url("/images/cat-icon-7.svg"); background-repeat: no-repeat; background-size: cover; width: 31px; height: 30px; top: 19px; left: 28px; } .container-category-home-body div.cat-icon-8{ padding: 13px 0px 0px 76px; letter-spacing: 1.5px; } .counter-wrap{ position: absolute; left: -9999px; top: -9999px; } .container-category-home-body div.cat-icon-8:before{ background-image: url("/images/cat-icon-8.svg"); background-repeat: no-repeat; background-size: cover; width: 35px; height: 37px; top: 16px; left: 26px; } .container-category-home-body div.cat-icon-9{ padding: 28px 0px 0px 74px; letter-spacing: 1.2px; } .container-category-home-body div.cat-icon-9:before{ background-image: url("/images/cat-icon-9.svg"); background-repeat: no-repeat; background-size: cover; width: 31px; height: 39px; top: 16px; left: 31px; } .container-category-home-body div.cat-icon-10{ padding: 12px 0px 0px 80px; letter-spacing: 1.4px; } .container-category-home-body div.cat-icon-10:before{ background-image: url("/images/cat-icon-10.svg"); background-repeat: no-repeat; background-size: cover; width: 30px; height: 33px; top: 17px; left: 31px; } .container-category-home-body div.active.cat-icon-1:before{ background-image: url("/images/cat-icon-1-a.svg"); } .container-category-home-body div.active.cat-icon-2:before{ background-image: url("/images/cat-icon-2-a.svg"); } .container-category-home-body div.active.cat-icon-3:before{ background-image: url("/images/cat-icon-3-a.svg"); } .container-category-home-body div.active.cat-icon-4:before{ background-image: url("/images/cat-icon-4-a.svg"); } .container-category-home-body div.active.cat-icon-5:before{ background-image: url("/images/cat-icon-5-a.svg"); } .container-category-home-body div.active.cat-icon-6:before{ background-image: url("/images/cat-icon-6-a.svg"); } .container-category-home-body div.active.cat-icon-7:before{ background-image: url("/images/cat-icon-7-a.svg"); } .container-category-home-body div.active.cat-icon-8:before{ background-image: url("/images/cat-icon-8-a.svg"); } .container-category-home-body div.active.cat-icon-9:before{ background-image: url("/images/cat-icon-9-a.svg"); } .container-category-home-body div.active.cat-icon-10:before{ background-image: url("/images/cat-icon-10-a.svg"); } .container-category-home{ background-color: #E5E5E5; } .container-category-home .container{ background-color: #E5E5E5; } .container-home-slider-title-wrap { padding: 12px 0px 0px 92px; } .container-home-slider-title-wrap h2 { color: #546E7A; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; } .container-slider-home-product{ background-color: #E5E5E5; } .container-slider-home-product .container-2{ background-color: #E5E5E5; } .container-slider-home-product-wrap{ height: 100%; width: auto; margin-right: -31px; } .container-home-product-slider .item{ width: 315px; height: 526px; background: #FFFFFF; /*border: 1px solid rgba(207, 216, 220, 0.2);*/ box-sizing: border-box; border-radius: 6px; overflow: hidden; } .container-home-product-slider .owl-nav { position: absolute; top: 44.1%; width: 100%; } .container-home-product-slider.owl-carousel .owl-nav button { margin: 0px; padding: 0px; width: 38px; height: 38px; position: absolute; z-index: 100; border-radius: 0px; outline:none; border: 0; } .container-home-product-slider.owl-carousel .owl-nav button span { display: none; } .container-home-product-slider.owl-carousel .owl-nav button.owl-prev { left: -101px; } .container-home-product-slider.owl-carousel .owl-nav button.owl-next { right: -101px; } .container-home-product-slider.owl-carousel .owl-nav button.owl-prev:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-left.svg"); background-repeat: no-repeat; background-size: cover; } .container-home-product-slider.owl-carousel .owl-nav button.owl-next:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-right.svg"); background-repeat: no-repeat; background-size: cover; } .container-home-product-slider.owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; color: inherit; text-decoration: none; outline:none; border: 0; } .slider-home-product-header{ height: 56px; width: 100%; background-color: #EBEFF0; background-image: url("/images/slider-header-bg.svg"); background-repeat: no-repeat; background-position: 0px 0px; background-size: 46.5%; display: flex; flex-flow: wrap; justify-content: space-between; } .slider-home-product-header-left{ background-color: transparent; flex: 0 0 44.2%; } .slider-home-product-header-right{ background-color: transparent; flex: 0 0 51.9%; display: flex; justify-content: flex-start; } .slider-home-product-header-left .slider-home-product-header-left-title{ display: block; width: 100%; height: 100%; line-height: 56px; text-align: center; font-size: 14px; color: #FFFFFF; letter-spacing: normal; } .item .slider-home-product-header .slider-home-product-header-right img{ width: 36px; margin-right: 12px; } .slider-home-product-header-right .slider-home-product-header-right-title{ display: block; width: 100%; height: 100%; line-height: 56px; text-align: left; font-size: 14px; color: #78909C; letter-spacing: 1.1px; position: relative; } .slider-home-product-header-right a:before{ content: ''; position: absolute; background-image: url("/images/bot-sky.svg"); background-repeat: no-repeat; background-size: cover; width: 24px; height: 24px; left: 31px; top: 16px; } .slider-home-product-uh-wrap{ width: 100%; height: 60px; display: flex; justify-content: center; align-items: center; border-bottom: 1px solid #EBEFF0; } .slider-home-product-uh-body{ width: 380px; height: auto; overflow: hidden; display: flex; justify-content: center; flex-wrap: nowrap; } .slider-home-product-uh-item{ width: 75px; height: 27px; overflow: hidden; /*border: 1px solid rgba(207, 216, 220, 0.2);*/ box-sizing: border-box; border-radius: 4px; /*background-image: url("/images/selekt-ski.png"); background-repeat: no-repeat; background-size: cover;*/ } .slider-home-product-wrap{ padding: 20px 16px 25px 20px; width: 100%; height: 417px; display: flex; flex-flow: nowrap; justify-content: space-between; } .slider-home-product-body-left{ flex: 0 0 38.8%; text-align: center; padding: 4px 6px 0px 2px; overflow: hidden; } .slider-home-product-body-right{ flex: 0 0 61.2%; } .owl-carousel .owl-item .slider-home-product-body-left img{ height: auto; width: 100%; display: inline-block; } .slider-home-product-br-wrap{ width: 100%; height: 208px; overflow: hidden; } .slider-home-product-price{ width: 100%; height: 53px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 26px; font-weight: 600; line-height: normal; color: #FF7901; letter-spacing: 1.15px; } .slider-home-product-more-detailed{ height: 29px; width: 100%; text-align: left; } .slider-home-product-more-detailed a{ display: inline-block; font-size: 13px; line-height: 16px; text-decoration-line: underline; color: #448AFF; vertical-align: top; letter-spacing: 1.15px; } .slider-home-product-br-name{ width: 100%; font-size: 18px; line-height: 23px; color: #78909C; letter-spacing: 1.8px; margin-bottom: 15px; font-weight: 600; } .slider-home-product-br-param{ width: 100%; font-size: 14px; line-height: 17px; color: #78909C; letter-spacing: 0.91px; margin-bottom: 19px; } .slider-home-product-br-descript{ width: 100%; font-size: 12px; line-height: 15px; color: #78909C; letter-spacing: 1px; } .slider-home-product-br-descript strong{ letter-spacing: 0.6px; } .slider-home-product-button-wrap{ width: 100%; height: 50px; display: flex; flex-flow: wrap; justify-content: space-between; } .slider-home-product-button-b1{ width: 126px; height: 50px; background: linear-gradient(158.36deg, #79BEFF 0%, #448AFF 100%); border-radius: 4px; color: #ffffff; display: flex; text-align: center; flex-wrap: nowrap; justify-content: center; align-items: center; letter-spacing: 0.5px; cursor: pointer; } body a.slider-home-product-button-b1:focus{ color: #ffffff; } .slider-home-product-button-b1:hover{ background: linear-gradient(180deg, #FF7901 0%, #E65912 100%); border-radius: 4px; color: #ffffff; } .slider-home-product-button-b2:hover{ border: 1px solid #FF7901; box-sizing: border-box; border-radius: 4px; color: #FF7901; } .slider-home-product-button-b1.active{ background: linear-gradient(180deg, #FF7901 0%, #E65912 100%); border-radius: 4px; } .slider-home-product-button-b2{ width: 80px; height: 50px; border: 1px solid #448AFF; box-sizing: border-box; border-radius: 4px; background-color: #ffffff; font-size: 12px; line-height: 14px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; color: #448AFF; letter-spacing: 1.3px; text-align: center; cursor: pointer; } .slider-home-product-button-b2.active{ border: 1px solid #FF7901; box-sizing: border-box; border-radius: 4px; color: #FF7901; } .container-home-product-showall-wrap { padding: 55px 0px 30px 38px; text-align: center; } .container-home-product-showall-wrap a { font-size: 12px; line-height: normal; color: #78909C; text-decoration: none; display: inline-block; letter-spacing: 0.9px; } .showall-arrow-right-5 { width: 30px; height: 12px; display: inline-block; vertical-align: middle; background-image: url(/images/showall-arrow-right.svg); background-repeat: no-repeat; background-position: right -1px; } .container-slider-home-brand-title-wrap{ padding: 37px 0px 50px 79px; } .container-slider-home-brand-title-wrap h2{ color: #5c2fea; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; } .container-slider-home-brand-body-wrap { height: 100%; width: auto; margin-right: -31px; margin-bottom: 50px; } .container-slider-home-brand-slider .item { width: 262px; height: 107px; padding: 10px; } .container-slider-home-brand-slider .item img { width: 242px; height: 87px; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.3); border-radius: 4px; overflow: hidden; } /*.brand-1{ background-image: url("/images/brand-1.png"); background-repeat: no-repeat; background-size: 107%; background-position: 57% 20%; } .brand-2{ background-image: url("/images/brand-2.png"); background-repeat: no-repeat; background-size: 107%; background-position: 57% 20%; } .brand-3{ background-image: url("/images/brand-3.png"); background-repeat: no-repeat; background-size: 107%; background-position: 57% 20%; } .brand-4{ background-image: url("/images/brand-4.png"); background-repeat: no-repeat; background-size: 107%; background-position: 57% 20%; } .brand-5{ background-image: url("/images/brand-5.png"); background-repeat: no-repeat; background-size: 107%; background-position: 57% 20%; }*/ /*----------------------------*/ .container-slider-home-brand-slider .owl-nav { position: absolute; top: 19px; width: 100%; } .container-slider-home-brand-slider.owl-carousel .owl-nav button { margin: 0px; padding: 0px; width: 38px; height: 38px; position: absolute; z-index: 100; border-radius: 0px; outline:none; border: 0; } .container-slider-home-brand-slider.owl-carousel .owl-nav button span { display: none; } .container-slider-home-brand-slider.owl-carousel .owl-nav button.owl-prev { left: -101px; } .container-slider-home-brand-slider.owl-carousel .owl-nav button.owl-next { right: -101px; } .container-slider-home-brand-slider.owl-carousel .owl-nav button.owl-prev:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-left.svg"); background-repeat: no-repeat; background-size: cover; } .container-slider-home-brand-slider.owl-carousel .owl-nav button.owl-next:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-right.svg"); background-repeat: no-repeat; background-size: cover; } .container-slider-home-brand-slider.owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; color: inherit; text-decoration: none; outline:none; border: 0; } .container-slider-home-brand{ background-color: #E5E5E5 } .container-slider-home-brand .container-2{ background-color: #E5E5E5 } .container-home-preimushestva-left-wrap{ padding: 83px 11px 71px 0px; width: 100%; height: 100%; } .container-home-preimushestva-left-body{ width: 100%; height: 100%; background: linear-gradient(99.46deg, #79BEFF -1.4%, #448AFF 100%); border-radius: 4px; padding: 15px 0px 15px 260px; font-size: 16px; line-height: 19px; color: #FFFFFF; letter-spacing: 1.43px; position: relative; } .container-home-preimushestva-right-wrap{ padding: 83px 73px 71px 66px; width: 100%; height: 100%; } .container-home-preimushestva-right-body{ width: 100%; height: 100%; background: linear-gradient(99.46deg, #79BEFF -1.4%, #448AFF 100%); border-radius: 4px; padding: 15px 0px 0px 197px; font-size: 16px; line-height: 19px; color: #FFFFFF; letter-spacing: 1.47px; position: relative; } .container-home-preimushestva-left-body:before{ position: absolute; content: ''; width: 293px; height: 218px; top: -80px; left: -34px; background-image: url("/images/preimushestva-left-before.png"); background-repeat: no-repeat; background-size: cover; background-position:0% 0%; } .container-home-preimushestva-right-body:before{ position: absolute; content: ''; width: 274px; height: 210px; top: -80px; left: -97px; background-image: url("/images/preimushestva-right-before.png"); background-repeat: no-repeat; background-size: cover; background-position:0% 0%; } .container-home-preimushestva{ background-color: rgba(255, 255, 255, 0.6); } .container-home-preimushestva .container-2{ background-color: rgba(255, 255, 255, 0.6); } .container-home-calc-title-wrap{ padding: 112px 0px 0px 17px; } .container-home-calc-title-wrap h2{ color: #546E7A; font-size: 50px; font-weight: 600; line-height: normal; letter-spacing: normal; margin: 0px 0px 20px 0px; padding: 0px; } .container-home-calc-title-wrap h3{ color: #546E7A; font-size: 30px; font-weight: 600; line-height: normal; letter-spacing: normal; margin: 20px 0px 20px 0px; padding: 0px; } .container-home-calc-box-skidka{ display: block; width: 567px; height: 60px; background: linear-gradient(94.16deg, #79BEFF -0.59%, #448AFF 100%); border-radius: 4px; padding: 13px 0px 0px 0px; text-align: center; font-size: 24px; line-height: normal; color: #FFFFFF; letter-spacing: 1.95px; } .container-home-calc-box-skidka:hover, .container-home-calc-box-skidka:focus{ color: #FFFFFF; } .container-home-calc{ background-color: #E5E5E5; } .container-home-calc .row{ position: relative; } .container-home-calc .container{ background-color: transparent; z-index: 2; } .container-home-calc-overlay{ position: absolute; width: 1917px; height: 1776px; background-image: url("/images/bg-mont.png"); background-size: 99%; background-repeat: no-repeat; background-position: 0% -538px; top: 0px; left: 0px; z-index: 1 } .container-home-calc-body-wrap{ width: 100%; height: auto; padding: 0px 16px 0px 16px; } .container-home-calc-body{ width: 100%; height: auto; /*background-color: #000000;*/ background-color: #ffffff; position: relative; padding: 61px 18px 76px 22px; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; } /*.container-home-calc-body:before{ position: absolute; content: ''; width: 698px; height: 452px; top: -75px; right: -367px; background-image: url("/images/zabronirovat-body-before-old.png"); background-repeat: no-repeat; background-size: cover; }*/ .container-home-calc-body:before{ position: absolute; content: ''; width: 886px; height: 681px; top: -260px; right: -414px; background-image: url("/images/zabronirovat-body-before.png"); background-repeat: no-repeat; background-size: 95%; } .container-home-calc-box{ /*background-color: green;*/ width: 100%; height: 100%; display: flex; flex-flow: nowrap; justify-content: space-between; } .container-home-calc-box-left{ height: 100%; /*flex-grow: 1;*/ flex: 0 0 840px; max-width: 840px; padding-right: 20px; /*background-color: blue;*/ } .container-home-calc-box-right{ height: 100%; /*flex: 0 0 349px;*/ flex: 0 0 280px; /*background-color: red;*/ } .container-home-calc-box-right{ padding-top: 2129px; } .container-home-calc-box-right-block{ width: 100%; height: auto; } .container-home-calc-box-right-block-button{ display: block; width: 100%; height: 94px; margin-bottom: 15px; background: linear-gradient(164.93deg, #79BEFF 0%, #448AFF 100%); border-radius: 8px; font-size: 16px; font-weight: 600; line-height: normal; color: #FFFFFF; text-align: center; padding: 37px 0px 0px 43px; letter-spacing: 1.18px; } body .container-home-calc-box-right-block-button:hover,body .container-home-calc-box-right-block-button:focus{ color: #FFFFFF; } .icon-call-me{ position: relative; } .icon-call-me:before{ position: absolute; content: ''; width: 26px; height: 26px; left: -42px; top: -3px; position: absolute; background-image: url(/images/call-me.svg); background-repeat: no-repeat; background-size: cover; } .container-home-calc-box-order{ width: 100%; background-color: #FBFBFB; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 8px; padding: 31px 21px 30px 22px; } .container-home-calc-box-order-title{ font-size: 20px; letter-spacing: 1px; font-weight: 600; line-height: normal; color: #546E7A; margin-bottom: 24px; } .container-home-calc-box-order-data{ display: flex; flex-flow: nowrap; justify-content: space-between; margin-bottom: 14px; } .container-home-calc-box-order-data-left{ /*flex-grow: 1;*/ flex: 0 0 65%; padding: 0px 0px 0px 26px; text-align: left; font-size: 13px; font-weight:500; line-height: normal; letter-spacing: 0.8px; color: #78909C; position: relative; } .container-home-calc-box-order-data-left:before{ content: ''; width: 18px; height: 18px; left: -1px; top: -3px; position: absolute; background-image: url("/images/order-data.svg"); background-repeat: no-repeat; background-size: cover; } .container-home-calc-box-order-data-right{ flex: 0 0 35%; text-align: right; font-size: 13px; font-weight:500; line-height: normal; letter-spacing: 1.1px; color: #78909C; } .container-home-calc-box-order-hr{ width: 100%; height: 1px; background-color: #E7ECEE; margin-bottom: 13px; } .container-home-calc-box-order-product-wrap{ margin-bottom: 14px; } .container-home-calc-box-order-product{ display: flex; flex-flow: nowrap; justify-content: space-between; margin-bottom: 14px; position: relative; } .container-home-calc-box-order-product-left{ flex: 0 0 65%; padding: 0px 0px 0px 0px; text-align: left; font-size: 13px; font-weight:500; line-height: normal; color: #78909C; position: relative; } .container-home-calc-box-order-product-delete{ position: absolute; width: 12px; height: 12px; top: 2px; right: -14px; background-image: url("/images/order-delet.svg"); background-repeat: no-repeat; background-size: cover; cursor: pointer; } .container-home-calc-box-order-product-name{ padding: 0px 0px 0px 0px; text-align: left; font-size: 13px; font-weight:500; line-height: normal; color: #78909C; position: relative; } .container-home-calc-box-order-product-right{ flex: 0 0 35%; text-align: right; font-size: 13px; font-weight:500; line-height: normal; letter-spacing: 0.8px; color: #78909C; position: relative; } .container-home-calc-box-order-product:nth-child(even) .container-home-calc-box-order-product-left{ color: #546E7A; letter-spacing: 0.86px; } .container-home-calc-box-order-product:nth-child(even) .container-home-calc-box-order-product-right{ color: #546E7A; } /*.container-home-calc-box-order-product:nth-child(even) .container-home-calc-box-order-product-right:before{ content: ''; width: 10px; height: 10px; right: -13px; top: 4px; position: absolute; background-image: url("/images/order-delet.svg"); background-repeat: no-repeat; background-size: cover; }*/ .container-home-calc-box-order-samovivoz{ padding: 6px 0px 0px 37px; font-size: 13px; font-weight:500; line-height: normal; letter-spacing: 1.1px; color: #78909C; position: relative; margin-bottom: 13px; } .container-home-calc-box-order-samovivoz:before{ content: ''; width: 28px; height: 16px; left: -1px; top: 4px; position: absolute; background-image: url("/images/order-samovivoz.svg"); background-repeat: no-repeat; background-size: cover; } .container-home-calc-box-order-dopservice{ padding: 1px 0px 0px 0px; font-size: 16px; font-weight:500; line-height: normal; letter-spacing: 1.4px; color: #78909C; position: relative; margin-bottom: 13px; } .container-home-calc-box-order-service-wrap{ margin-bottom: 14px; } .container-home-calc-box-order-service{ display: flex; flex-flow: nowrap; justify-content: space-between; margin-bottom: 15px; } .container-home-calc-box-order-service-left{ flex: 0 0 65%; padding: 0px 0px 0px 0px; text-align: left; font-size: 13px; font-weight:500; line-height: normal; letter-spacing: 1.05px; color: #78909C; position: relative; } .container-home-calc-box-order-service-right{ flex: 0 0 35%; text-align: right; font-size: 13px; font-weight:500; line-height: normal; letter-spacing: 0.8px; color: #78909C; position: relative; } .container-home-calc-box-order-service-hr{ width: 100%; height: 1px; background-color: #E7ECEE; margin-bottom: 15px; } .container-home-calc-box-order-service-hr.hr-correct-height{ margin-bottom: 10px; } .container-home-calc-box-order-total-old{ text-align: right; font-size: 16px; font-weight:500; line-height: normal; letter-spacing: 0.9px; color: #78909C; margin-bottom: 14px; } .container-home-calc-box-order-total-old-sum{ display: inline-block; text-decoration-line: line-through; } .container-home-calc-box-order-total{ text-align: right; font-size: 20px; font-weight:600; line-height: normal; letter-spacing: 1.07px; color: #448AFF; } .container-home-calc-box-order-total-text { text-align: right; font-size: 16px; font-weight: 500; line-height: normal; letter-spacing: normal; color: #000000; } .calc-box-title{ font-size: 20px; font-weight: 500; line-height: normal; color: #546E7A; font-weight: 600; margin-bottom: 33px; } .cb-step-1{ /*height: 167px;*/ /*background-color: red;*/ margin-bottom: 40px; } .cb-step-1 .calc-box-title{ letter-spacing: 1.23px; } .cb-step-2{ height: auto; /*background-color: green;*/ } .cb-step-2 .calc-box-title{ letter-spacing: 1.34px; margin-bottom: 36px; } .cb-step-2-messedge{ padding: 30px 0px 30px 0px; font-size: 20px; font-weight: 600; line-height: normal; color: #5c2fea; text-align: center; } .cb-step-3{ padding: 30px 0px 0px 0px; height: auto; /*background-color: red;*/ } .cb-step-3 .calc-box-title{ letter-spacing: 1.3px; margin-bottom: 35px; } .cb-step-4{ /*height: 606px;*/ /*background-color: green;*/ } .cb-step-4 .calc-box-title{ letter-spacing: 1.28px; margin-bottom: 48px; margin-top: 25px; } .cb-step-5{ height: auto; /*background-color: red*/ } .calc-box-title-top{ padding: 20px 0px 20px 0px; } .cb-step-5 .calc-box-title{ letter-spacing: 1.31px; margin-bottom: 33px; margin-top: 33px; } .cb-step-6{ height: auto; /*background-color: green;*/ } .cb-step-6 .calc-box-title{ letter-spacing: 1.26px; margin-bottom: 33px; } .cb-step-7{ height: auto; margin-bottom: 45px; /*background-color: red;*/ } .cb-step-7 .calc-box-title{ letter-spacing: 1.24px; margin-bottom: 54px; margin-top: 30px; } .cb-step-8{ height: auto; /*background-color: green;*/ } .cb-step-8 .calc-box-title{ letter-spacing: 1.31px; margin-bottom: 35px; margin-top: 25px; } .cb-step-9{ height: auto; /*background-color: red;*/ } .cb-step-9 .calc-box-title{ letter-spacing: 1.22px; margin-bottom: 37px; } .cb-step-1-button-wrap{ display: block; } .cb-step-1-button{ vertical-align: top; display: inline-block; background-color: #ffffff; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 4px; color: #448AFF; font-weight: 600; font-size: 20px; letter-spacing: 1.7px; line-height: normal; padding: 13px 0px 0px 0px; margin-right: 26px; text-align: center; width: 200px; height: 50px; } .cb-step-1-button.active{ background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #FFFFFF; } .cb-step-2-wrap{ display: flex; position: relative; justify-content: flex-start; align-items: stretch; } .cb-step-2-b1{ margin-right: 25px; } .cb-step-2-b2{ margin-right: 25px; } .cb-step-2-b3{ margin-right: 25px; } .cb-step-2-b4{ width: 25%; } .cb-step-2-input-wrap.no-border{ width: 100%; height: 48px; background-color: transparent; border: 0px; box-sizing: border-box; border-radius: 4px; padding: 11px 0px 11px 0px; text-align: center; } .cb-step-2-input-wrap.no-border:hover { border: 0px; } .cb-step-2-descripr.tac{ text-align: center; } .cb-step-2-descripr{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.3px; margin-bottom: 8px } .cb-step-2-input-wrap{ width: 100%; height: 48px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; padding: 11px 11px 11px 51px; } .cb-step-2-input-wrap:hover{ border: 1px solid rgba(121, 190, 255, 0.5); } .cb-step-2-b1 .cb-step-2-input-wrap{ padding: 11px 11px 11px 51px; position: relative; } .cb-step-2-b1 .cb-step-2-input-wrap:before { content: ''; width: 18px; height: 18px; left: 15px; top: 14px; position: absolute; background-image: url(/images/order-data.svg); background-repeat: no-repeat; background-size: cover; } .cb-step-2-b2 .cb-step-2-input-wrap{ padding: 11px 11px 11px 60px; position: relative; } .cb-step-2-b2 .cb-step-2-input-wrap:before { content: ''; width: 18px; height: 18px; left: 24px; top: 12px; position: absolute; background-image: url(/images/order-data.svg); background-repeat: no-repeat; background-size: cover; } .cb-step-2-b3 .cb-step-2-input-wrap{ padding: 14px 11px 0px 24px; } .cb-step-2-input-wrap input{ width: 100%; font-size: 15px; line-height: normal; color: #B0BEC5; border: 0px; margin: 0px; padding: 0px; letter-spacing: 0.1px; outline:none; } .cb-step-2-input-wrap input:hover{ color: #79BEFF; } .cb-step-2-input-wrap:hover input{ color: #79BEFF; } .cb-step-3-wrap{ /*background-color: #000000;*/ width: 100%; height: auto; display: flex; flex-direction: row; /*justify-content: space-between;*/ justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; align-content: space-between; margin-bottom: 49px; } .cb-step-3-wrap > div{ background-color: #ffffff; width: 232px; height: 92px; color: #78909C; font-size: 14px; line-height: 19px; letter-spacing: 1px; position: relative; box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; position: relative; margin-right: 25px; margin-bottom: 25px; padding: 0px 10px 0px 60px; display: flex; align-content: center; align-items: center; justify-content: flex-start; cursor: pointer; /*word-break: break-all;*/ } /*.cb-step-3-wrap > div:nth-of-type(3n) { margin-right: 0px; }*/ .cb-step-3-wrap [class*="step-3-icon-"]:before { position: absolute; content: ''; } .cb-step-3-wrap div.step-3-icon-1:before { /*background-image: url("/images/cat-icon-1.svg");*/ background-repeat: no-repeat; background-size: cover; width: 30px; height: 33px; top: 29px; left: 18px; } .cb-step-3-wrap div.active.step-3-icon-1:before { /*background-image: url("/images/cat-icon-1-a.svg");*/ } .cb-step-3-wrap div.step-3-icon-2:before { background-image: url("/images/cat-icon-2.svg"); background-repeat: no-repeat; background-size: cover; width: 31px; height: 31px; top: 30px; left: 20px; } .cb-step-3-wrap div.active.step-3-icon-2:before { background-image: url("/images/cat-icon-2-a.svg"); } .cb-step-3-wrap div.step-3-icon-3:before { background-image: url("/images/cat-icon-3.svg"); background-repeat: no-repeat; background-size: cover; width: 34px; height: 36px; top: 29px; left: 26px; } .cb-step-3-wrap div.active.step-3-icon-3:before { background-image: url("/images/cat-icon-3-a.svg"); } .cb-step-3-wrap div.step-3-icon-4:before { background-image: url("/images/cat-icon-1.svg"); background-repeat: no-repeat; background-size: cover; width: 30px; height: 33px; top: 27px; left: 18px; } .cb-step-3-wrap div.step-3-icon-5:before { background-image: url("/images/cat-icon-2.svg"); background-repeat: no-repeat; background-size: cover; width: 31px; height: 31px; top: 29px; left: 20px; } .cb-step-3-wrap > div.active { background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(106.65deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #FFFFFF; } .cb-step-31-wrap{ /*background-color: #000000;*/ width: 392px; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .cb-step-31-wrap > div{ width: 183px; height: 63px; background-color: #FFFFFF; border: 1px solid #BCDFFF; box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; font-size: 16px; line-height: 19px; color: #78909C; position: relative; } .cb-step-31-wrap > div.active{ background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(108.79deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; border: 0px; font-size: 16px; line-height: 19px; color: #F6F7F9; } .cb-step-31-wrap div.step-31-icon-1 { padding: 22px 0px 0px 67px; letter-spacing: 1.4px; } .cb-step-31-wrap div.step-31-icon-2 { padding: 23px 0px 0px 70px; letter-spacing: 1.4px; } .cb-step-31-wrap [class*="step-31-icon-"]:before { position: absolute; content: ''; } .cb-step-31-wrap div.step-31-icon-1:before { background-image: url("/images/adult.svg"); background-repeat: no-repeat; background-size: cover; width: 31px; height: 30px; top: 15px; left: 21px; } .cb-step-31-wrap div.active.step-31-icon-1:before{ background-image: url("/images/adult-a.svg"); } .cb-step-31-wrap div.step-31-icon-2:before { background-image: url("/images/children.svg"); background-repeat: no-repeat; background-size: cover; width: 49px; height: 26px; top: 19px; left: 11px; } .cb-step-31-wrap div.active.step-31-icon-2:before{ background-image: url("/images/children-a.svg"); } .cb-step-4-wrap{ width: 100%; height: 64px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; margin-bottom: 10px; } .cb-step-4-wrap > .select-step-4{ vertical-align: top; width: 198px; height: 63px; background-color: #FFFFFF; box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; font-size: 16px; line-height: 19px; color: #78909C; position: relative; cursor: pointer; } .cb-step-4-wrap > .select-step-4.active{ background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(108.79deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; font-size: 16px; line-height: 19px; color: #F6F7F9; } .cb-step-4-wrap .step-4-button { padding: 23px 0px 0px 0px; text-align: center; letter-spacing: 1.4px; cursor: pointer; } .NEW_PRICE_2 { color: #E65912; margin-left: 0px; font-size: 23px; font-weight: 600; line-height: normal; } .step-4-slider-price{ position: relative; display: none; } .step-4-slider-price:before { content: " "; display: block; width: auto; border-top: 2px solid rgb(68, 138, 255); height: 21px; position: absolute; bottom: 0; left: -3px; right: -7px; transform: rotate(-11deg); } .step-4-slider-4-wrap { width: 100%; min-height: 35px; padding: 0px 0px 0px 0px; display: flex; align-content: center; align-items: center; justify-content: center; } .step-4-slider-day { font-size: 18px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.0px; display: inline-block; text-align: center; } .step-4-slider-price { color: #448AFF; margin-left: 0px; font-size: 30px; font-weight: 600; line-height: normal; vertical-align: middle; } .cb-step-42-wrap{ font-size: 18px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 1.1px; margin-bottom: 19px; margin-top: 30px; } .cb-step-43-wrap{ width: 100%; height: auto; /*background-color: #000000;*/ display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; align-content: space-between; margin-bottom: 48px; } .cb-step-43-wrap .cb-step-43-box{ width: 172px; height: 166px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; font-size: 16px; line-height: 19px; text-align: center; color: #78909C; padding: 0px 0px 0px 0px; letter-spacing: 1.4px; overflow: hidden; margin-right: 15px; margin-bottom: 15px; cursor: pointer; } .cb-step-43-box .cb-step-43-box-text{ height: 100%; width: 100%; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; font-size: 16px; line-height: 19px; text-align: center; color: #78909C; padding: 0px 0px 0px 0px; letter-spacing: 1.4px; overflow: hidden; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; flex-direction: column; } .cb-step-43-box:hover .cb-step-43-box-text{ width: 100%; height: 109px; padding: 17px 0px 0px 0px; font-size: 16px; line-height: 17px; text-align: center; letter-spacing: 1.4px; color: #ffffff; text-align: center; background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(96.9deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); } .cb-step-43-box.active .cb-step-43-box-text{ width: 100%; height: 109px; padding: 17px 0px 0px 0px; font-size: 16px; line-height: 17px; text-align: center; letter-spacing: 1.4px; color: #ffffff; text-align: center; background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(96.9deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); } .cb-step-43-box-count{ background-color: #F5F7F7; height: 57px; padding: 9px 24px 0px 19px; } .cb-step-43-box .cb-step-43-box-price{ display: none; } .cb-step-43-box:hover .cb-step-43-box-price{ display: block; } .cb-step-43-box.active .cb-step-43-box-price{ display: block; } .life-k2tour-detail .price-wrap .container-home-product-slider .item { width: 274px; } .life-k2tour-detail .price-wrap .slider-home-product-header { background-position: -70px 0px; background-size: 72.5%; } .life-k2tour-detail .slider-home-product-price { font-size: 19px; } .life-k2tour-detail .price-wrap .slider-home-product-button-b1 { width: 70px; } .life-k2tour-detail .price-wrap .slider-home-product-button-b2 { width: 70px; } .life-k2tour-detail .price-wrap .slider-home-product-button-b1 { font-size: 11px; } .life-k2tour-detail .price-wrap .slider-home-product-button-b2 { font-size: 11px; } .life-k2tour-detail .owl-carousel .owl-item .slider-home-product-body-left img { height: auto; width: 100%; display: inline-block; } .cb-step-5-wrap{ width: 100%; height: auto; /*background-color: #000000;*/ display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .cb-step-5-wrap .cb-step-5-box{ width: 135px; height: auto; background-color: #ffffff; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; padding: 24px 15px 16px 15px; margin-bottom: 15px; margin-right: 15px; } .cb-step-5-wrap .cb-step-5-box.active{ color: #ffffff; background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); } .cb-step-5-box{ position: relative; } .cb-step-5-box-title{ flex: 1 1 0; font-size: 16px; line-height: 14px; height: 100%; color: #78909C; padding: 0px 0px 0px 0px; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; } .icon-maska + .cb-step-5-box-title{ word-break: break-all; } .icon-zashita-perchatki + .cb-step-5-box-title{ word-break: break-all; } .cb-step-5-box-title-wrap{ width: 100%; height: 55px; display: flex; flex-direction: row; justify-content: flex-start; margin-bottom: 6px; } .cb-step-5-box-title-icon{ width: 35px; height: 100%; } .cb-step-5-box-title-icon.undefined{ display: none; } .cb-step-5-box-razmer{ width: 100%; height: 86px; border: 0px; margin-bottom: 0px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; padding: 0px 10px; } .cb-step-5-box-razmer-2 { width: 88px; height: 86px; border: 0px; margin-bottom: 0px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .cb-step-5-box-razmer-2 div.cbs-5-line-wrap{ width: 100%; } .cb-step-5-box-razmer-2 .cbs-5-line-1{ text-align: right; font-size: 16px; font-weight: 500; line-height: normal; color: #ffffff; letter-spacing: 1.3px; padding: 7px 0px 9px 0px; position: relative; } .cb-step-5-box-razmer-2 .cbs-5-line-1:before{ content: ''; position: absolute; top: 7px; left: -2px; width: 20px; height: 21px; background-image: url("/images/cb-step-5-box-10.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-razmer-2 .cbs-5-line-2{ text-align: right; font-size: 14px; font-weight: 500; line-height: normal; color: #ffffff; letter-spacing: 1.1px; } .cb-step-5-box-razmer div.active{ border: 1px solid #FD7702; color: #FD7702; } .cb-step-5-box-razmer > div{ text-align: center; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; background-color: #ffffff; width: 36px; height: 36px; font-size: 14px; line-height: normal; letter-spacing: 1.4px; color: rgba(176, 190, 197, 0.5); padding: 7px 0px 0px 0px; cursor: pointer; } .cb-step-5-box-razmer > div:hover{ border: 1px solid #FD7702; color: #FD7702; } .cb-step-5-box-price{ font-size: 16px; line-height: 19px; text-align: center; color: #448AFF; letter-spacing: 1.1px; padding: 0px 25px 0px 0px; margin-top: 22px; } .cb-step-5-box-price-top{ font-size: 14px; height: 17px; line-height: normal; text-align: center; color: #448AFF; letter-spacing: 1px; padding: 0px 0px 0px 0px; margin-bottom: 15px; width: 100%; } .icon-shlem{ background-image: url("/images/cb-step-5-box-1.svg"); background-repeat: no-repeat; background-size: 85%; background-position: center; } .icon-maska{ background-image: url("/images/cb-step-5-box-2.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; } .icon-zashita-verch{ background-image: url("/images/cb-step-5-box-3.svg"); background-repeat: no-repeat; background-size: 72%; background-position: center; } .icon-zashita-niz{ background-image: url("/images/cb-step-5-box-4.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; } .icon-zashita-perchatki{ background-image: url("/images/cb-step-5-box-5.svg"); background-repeat: no-repeat; background-size: 100%; background-position: center; } .icon-zashita-raciya{ background-image: url("/images/cb-step-5-box-6.svg"); background-repeat: no-repeat; background-size: 51%; background-position: center; } .icon-action-cam{ background-image: url("/images/cb-step-5-box-7.svg"); background-repeat: no-repeat; background-size: 80%; background-position: center; } .icon-kurtka{ background-image: url("/images/cb-step-5-box-8.svg"); background-repeat: no-repeat; background-size: 64%; background-position: center; } .icon-shtany{ background-image: url("/images/cb-step-5-box-9.svg"); background-repeat: no-repeat; background-size: 64%; background-position: center; } .icon-botinki{ background-image: url("/images/cb-step-5-box-10.svg"); background-repeat: no-repeat; background-size: 72%; background-position: center; } .cb-step-5-box-1 .cb-step-5-box-title{ padding: 0px 0px 0px 8px; } .cb-step-5-box-2 .cb-step-5-box-title{ padding: 0px 0px 0px 19px; } .cb-step-5-box-3 .cb-step-5-box-title{ padding: 0px 0px 0px 4px; } .cb-step-5-box-4 .cb-step-5-box-title{ padding: 0px 0px 0px 12px; } .cb-step-5-box-5 .cb-step-5-box-title{ padding: 0px 0px 0px 17px; } .cb-step-5-box-6 .cb-step-5-box-title{ padding: 0px 0px 0px 0px; } .cb-step-5-box-7 .cb-step-5-box-title{ padding: 0px 0px 0px 5px; } .cb-step-5-box-8 .cb-step-5-box-title{ padding: 0px 0px 0px 9px; } .cb-step-5-box-9 .cb-step-5-box-title{ padding: 0px 0px 0px 9px; } .cb-step-5-box-1:before{ content: ''; position: absolute; top: 17px; left: 24px; width: 28px; height: 32px; background-image: url("/images/cb-step-5-box-1.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-2:before{ content: ''; position: absolute; top: 23px; left: 21px; width: 35px; height: 22px; background-image: url("/images/cb-step-5-box-2.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-3:before{ content: ''; position: absolute; top: 22px; left: 5px; width: 21px; height: 23px; background-image: url("/images/cb-step-5-box-3.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-4:before{ content: ''; position: absolute; top: 21px; left: 5px; width: 27px; height: 26px; background-image: url("/images/cb-step-5-box-4.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-5:before{ content: ''; position: absolute; top: 19px; left: 15px; width: 28px; height: 30px; background-image: url("/images/cb-step-5-box-5.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-6:before{ content: ''; position: absolute; top: 14px; left: 30px; width: 18px; height: 31px; background-image: url("/images/cb-step-5-box-6.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-7:before{ content: ''; position: absolute; top: 20px; left: 3px; width: 24px; height: 27px; background-image: url("/images/cb-step-5-box-7.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-8:before{ content: ''; position: absolute; top: 19px; left: 25px; width: 24px; height: 30px; background-image: url("/images/cb-step-5-box-8.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-9:before{ content: ''; position: absolute; top: 19px; left: 26px; width: 22px; height: 31px; background-image: url("/images/cb-step-5-box-9.svg"); background-repeat: no-repeat; background-size: cover; } .cb-step-5-box-count-wrap{ background-color: transparent; width: 100%; height: 24px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; align-content: space-between; margin-top: 19px; margin-left: 0px; } .cb-step-5-box-count-minus{ flex: 0 0 24px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; font-size: 14px; line-height: normal; color: #546E7A; padding: 1.5px 0px 0px 0px; text-align: center; cursor: pointer; } .cb-step-5-box-count-number{ flex: 1 0 0; height: 100%; border-bottom: 1px solid rgba(207, 216, 220, 0.5); border-top: 1px solid rgba(207, 216, 220, 0.5); font-size: 14px; line-height: normal; color: #546E7A; padding: 3px 0px 0px 0px; text-align: center; } .cb-step-5-box-count-plus{ flex: 0 0 24px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px; font-size: 20px; line-height: normal; color: #546E7A; padding: 0px 0px 0px 0px; text-align: center; cursor: pointer; } .cb-step-5-box-count-minus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .cb-step-5-box-count-plus.active{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .cb-step-5-box-count-plus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .cb-step-6-wrap{ display: block; } .cb-step-6-b1{ vertical-align: top; display: inline-block; width: 233px; margin-right: 10px; } .cb-step-6-b2{ vertical-align: top; display: inline-block; width: 233px; margin-right: 10px; } .cb-step-6-b3{ vertical-align: top; display: inline-block; margin-right: 10px; width: 233px; } .cb-step-6-input-wrap{ width: 100%; height: 48px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; padding: 11px 11px 11px 11px; position: relative; } .cb-step-6-input-wrap:hover{ border: 1px solid rgba(121, 190, 255, 0.5); } .cb-step-6-input-wrap input{ width: 100%; font-size: 15px; line-height: normal; color: #B0BEC5; border: 0px; margin: 0px; padding: 0px; letter-spacing: 0.1px; outline:none; } .cb-step-6-input-wrap input:hover{ color: #79BEFF; } .cb-step-6-input-wrap:hover input{ color: #79BEFF; } .cb-step-6-error{ display: none; width: 100%; margin-top: 5px; padding-right: 4px; font-size: 10px; line-height: normal; text-align: right; color: #E14141; letter-spacing: 0.9px; } .error .cb-step-6-error{ display: block; } .cb-step-6-input-wrap:after{ display: none; content: ''; position: absolute; top: 13px; right: 13px; width: 17px; height: 18px; background-image: url("/images/cb-step-6-error.svg"); background-repeat: no-repeat; background-size: cover; } .error .cb-step-6-input-wrap:after{ display: block; } .cb-step-61-wrap{ width: 100%; margin-top: 13px; } .cb-step-61-title{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.28px; } .cb-step-61-textarea-wrap{ width: 100%; height: 96px; margin-top: 13px; } .cb-step-61-textarea{ width: 100%; height: 100%; background: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; padding: 11px 11px 11px 11px; resize: none; } .cb-step-61-textarea:focus { outline: 0px; color: #79BEFF; border: 1px solid rgba(121, 190, 255, 0.5); } .cb-step-61-textarea:hover{ color: #79BEFF; border: 1px solid rgba(121, 190, 255, 0.5); } .cb-step-7-wrap{ width: 100%; height: auto; /*background-color: blue;*/ display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .cb-step-7-wrap > div { background-color: #ffffff; width: 170px; height: 165px; color: #78909C; font-size: 16px; line-height: 19px; letter-spacing: 1px; text-align: center; position: relative; box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; position: relative; margin-right: 22px; display: flex; align-content: center; align-items: center; justify-content: center; cursor: pointer; } .cb-step-7-wrap > div.active{ background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(96.9deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); color: #F6F7F9; } .cb-step-7-wrap > div:nth-of-type(4n) { margin-right: 0px; } .cb-step-8-wrap{ width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .step-8-button{ width: 48.4%; height: 111px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; margin-bottom: 20px; cursor: pointer; } .step-8-button.active{ background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); } .step-8-button.active .step-8-descript{ color: #FFFFFF; } .step-8-icon{ width: 100%; height: 64px; } .step-8-descript{ width: 100%; height: 20px; font-size: 16px; font-weight: 500; line-height: normal; text-align: center; color: #78909C; letter-spacing: 1.3px; } .step-8-icon.icon_instruktorsky{ background-image: url("/images/step-8-button-1.svg"); background-size: 29px; background-repeat: no-repeat; background-position: 49.5% 56%; } .step-8-icon.icon_instruktorsnowboard{ background-image: url("/images/step-8-button-2.svg"); background-size: 31px; background-repeat: no-repeat; background-position: 50% 63%; } .step-8-icon.icon_free_taxy{ background-image: url("/images/step-8-button-3.svg"); background-size: 44px; background-repeat: no-repeat; background-position: 49% 59%; } .cb-step-82-wrap{ width: 100%; height: auto; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .step-82-button{ width: 48.4%; height: 111px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; margin-bottom: 20px; cursor: pointer; } .step-82-button.active{ background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); } .step-82-button.active .step-8-descript{ color: #FFFFFF; } .step-82-icon{ width: 100%; height: 64px; } .step-82-descript{ width: 100%; height: 20px; font-size: 16px; font-weight: 500; line-height: normal; text-align: center; color: #78909C; letter-spacing: 1.3px; } .step-82-icon.icon_instruktorsky{ background-image: url("/images/step-8-button-1.svg"); background-size: 29px; background-repeat: no-repeat; background-position: 49.5% 56%; } .step-82-icon.icon_instruktorsnowboard{ background-image: url("/images/step-8-button-2.svg"); background-size: 31px; background-repeat: no-repeat; background-position: 50% 63%; } .step-82-icon.icon_free_taxy{ background-image: url("/images/step-8-button-3.svg"); background-size: 44px; background-repeat: no-repeat; background-position: 49% 59%; } .cb-step-9-wrap{ width: 100%; padding: 21px 0px 30px 55px; } .step-9-button{ display: inline-block; height: 31px; background-color: #ffffff; text-align: right; font-size: 16px; font-weight: 500; line-height: normal; color:#78909C; letter-spacing: 1.43px; position: relative; } .step-9-button:before{ content: ''; position: absolute; top: 3px; left: 0px; width: 12px; height: 12px; border-radius: 50%; background-color: #79BEFF; } .step-9-button.active:before{ content: ''; position: absolute; top: 3px; left: 0px; width: 12px; height: 12px; background-color: #FE7703; border-radius: 50%; } .step-9-button.active{ border-bottom: 1px solid #FE7703; color: #FF7901; } .step-9-button-1{ width: 121px; margin-right: 112px; } .step-9-button-2{ width: 163px; margin-right: 89px; } .step-9-button-3{ width: 172px; } .cb-step-91-wrap{ display: block; width: 100%; margin-top: 45px; margin-bottom: 20px; } .cb-step-91-b1{ vertical-align: top; display: inline-block; width: 233px; margin-right: 21px; margin-bottom: 10px; } .cb-step-91-n1{ vertical-align: top; display: inline-block; width: 233px; margin-right: 21px; margin-bottom: 10px; } .cb-step-91-n2{ vertical-align: top; display: inline-block; width: 233px; margin-right: 21px; margin-bottom: 10px; } .cb-step-91-n3{ vertical-align: top; display: inline-block; width: 233px; margin-right: 21px; } .cb-step-91-b2{ vertical-align: top; display: inline-block; width: 233px; margin-right: 21px; } .cb-step-91-b3{ vertical-align: top; display: inline-block; width: 233px; margin-right: 21px; } .cb-step-91-b4{ vertical-align: top; display: inline-block; width: 233px; } .cb-step-91-b4 select { width: 100%; font-size: 100%; height: 48px; border: 0px; color: #222; background-color: #fff; background: none; padding: 4px; } .other{ margin-top: 15px; width: 100%; height: 60px; background: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; padding: 11px 11px 11px 11px; resize: none; } .other:hover { border: 1px solid rgba(121, 190, 255, 0.5); } .cb-step-91-descripr{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.3px; margin-bottom: 8px } .cb-step-91-input-wrap{ width: 100%; height: 48px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; overflow: hidden; } .cb-step-91-input-wrap:hover{ border: 1px solid rgba(121, 190, 255, 0.5); } .cb-step-91-input-wrap:hover input{ color: #79BEFF; } .cb-step-91-b1 .cb-step-91-input-wrap{ /*padding: 11px 40px 11px 13px;*/ padding: 0px 0px 0px 0px; position: relative; } .cb-step-91-n1 .cb-step-91-input-wrap, .cb-step-91-n2 .cb-step-91-input-wrap, .cb-step-91-n3 .cb-step-91-input-wrap{ position: relative; } .cb-step-91-b2 .cb-step-91-input-wrap{ /*padding: 11px 40px 11px 13px;*/ position: relative; } .cb-step-91-b3 .cb-step-91-input-wrap{ /*padding: 11px 40px 11px 13px;*/ position: relative; } .cb-step-91-b4 .cb-step-91-input-wrap{ position: relative; } .cb-step-91-input-wrap input{ padding: 11px 13px 11px 13px; width: 100%; font-size: 15px; line-height: normal; color: #B0BEC5; border: 0px; margin: 0px; /*padding: 0px;*/ height: 45px; letter-spacing: 0.3px; outline:none; } .cb-step-91-error { display: none; width: 100%; margin-top: 5px; padding-right: 4px; font-size: 12px; line-height: 15px; text-align: right; color: #E14141; letter-spacing: 0.9px; } .error .cb-step-91-error { display: block; } .cb-step-91-input-wrap:after { display: none; content: ''; position: absolute; top: 13px; right: 13px; width: 17px; height: 18px; background-image: url("/images/cb-step-6-error.svg"); background-repeat: no-repeat; background-size: cover; } .error .cb-step-91-input-wrap:after { display: block; } .cb-step-91-input-wrap input::-webkit-input-placeholder{ color: #B0BEC5; } .cb-step-91-input-wrap input:-ms-input-placeholder{ color: #B0BEC5; } .cb-step-91-input-wrap input::-ms-input-placeholder{ color: #B0BEC5; } .cb-step-91-input-wrap input::placeholder{ color: #B0BEC5; } .cb-step-92-wrap{ display: block; width: 100%; height: 50px; margin-top: 14px; text-align: right; } .cb-step-92-button { display: flex; align-items: center; align-content: center; justify-content: center; text-align: center; letter-spacing: 1.3px; background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 4px; font-weight: 600; font-size: 14px; line-height: 20px; color: #FFFFFF; box-sizing: border-box; position: relative; vertical-align: top; width: 317px; height: 50px; cursor: pointer; border: 0px; } .cb-step-92-button:focus { outline: none; } .container-home-otziv-title-wrap{ padding: 40px 0px 0px 19px; } .container-home-otziv-title-wrap h2{ color: #546E7A; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: normal; } .container-home-otziv{ background-color: #E5E5E5 } .container-home-otziv .container{ background-color: #E5E5E5 } .container-home-otziv-linerow{ margin-bottom: 10px; } .container-home-otziv-left-wrap{ padding: 0px 12px 0px 19px; width: 100%; height: 100%; } .container-home-otziv-right-wrap{ padding: 0px 12px 0px 19px; width: 100%; height: 100%; } .container-home-otziv-left-body{ width: 100%; height: 100%; display: flex; flex-flow: nowrap; justify-content: space-between; background: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.199813); box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; } .container-home-otziv-left-body-img-wrap{ padding: 14px 14px 14px 14px; width: 150px; height: 100%; } .container-home-otziv-left-body-img-wrap img{ width: 120px; height: 120px; border: 0px; } .container-home-otziv-left-body-desc-wrap{ flex-grow: 1; height: 100%; padding: 12px 15px 12px 15px; } .container-home-otziv-left-body-desc-title{ font-size: 16px; font-weight: 600; line-height: normal; color: #546E7A; margin-bottom: 14px; letter-spacing: 1.13px; } .container-home-otziv-left-body-desc-text{ font-size: 14px; font-weight: 500; line-height: 20px; color: #78909C; margin-bottom: 10px; letter-spacing: 1.1px; } .container-home-otziv-left-body-desc-link{ text-align: right; } .container-home-otziv-left-body-desc-link a{ display: inline-block; font-size: 12px; font-weight: 500; line-height: normal; color: #448AFF; letter-spacing: 1.03px; text-decoration: none; position: relative; } .container-home-otziv-left-body-desc-link a:hover{ color: #448AFF; text-decoration: none; } .container-home-otziv-left-body-desc-link a:before{ content: ''; width: 12px; height: 8px; left: -19px; top: 4px; position: absolute; background-image: url("/images/otziv-vk.svg"); background-repeat: no-repeat; background-size: cover; } .container-home-otziv-showall-wrap { padding: 56px 0px 0px 15px; text-align: center; } .container-home-otziv-showall-wrap a { font-size: 12px; line-height: normal; color: #78909C; text-decoration: none; display: inline-block; letter-spacing: 0.9px; } .container-home-otziv-showall-wrap a:href{ color: #78909C; text-decoration: none; } .container-home-otziv-showall-wrap .showall-arrow-right { width: 34px; height: 12px; /* background-color: #000000; */ display: inline-block; vertical-align: middle; background-image: url("/images/showall-arrow-right.svg"); background-repeat: no-repeat; background-position: right -1px; } .container-home-foto-title-wrap{ padding: 27px 0px 0px 0px; } .container-home-foto-title-wrap h2 { color: #546E7A; font-size: 31.5px; font-weight: 600; line-height: normal; letter-spacing: 2.4px; } .container-home-foto{ background-color: #E5E5E5; } .container-home-foto .container{ background-color: #E5E5E5; } .container-home-news-title-wrap{ padding: 22px 0px 0px 19px; } .container-home-news-title-wrap h2 { color: #546E7A; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.7px; } .container-home-news-showall-wrap{ padding: 56px 0px 30px 0px; text-align: center; } .container-home-news-showall-wrap a{ font-size: 12px; line-height:normal; color: #78909C; text-decoration: none; display: inline-block; letter-spacing: 0.9px; } .container-home-news-showall-wrap a:href{ color: #78909C; text-decoration: none; } .showall-arrow-right{ width: 32px; height: 12px; /*background-color: #000000;*/ display: inline-block; vertical-align: middle; background-image: url("/images/showall-arrow-right.svg"); background-repeat: no-repeat; background-position: right -1px; } .container-home-news{ background-color: #E5E5E5; } .container-home-news .container{ background-color: #E5E5E5; } .container-box-news{ background: #FFFFFF; width: 100%; height: 100%; overflow: hidden; /*border: 1px solid rgba(207, 216, 220, 0.199813);*/ box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; } .container-box-news-img-wrap{ width: 100%; height: 219px; } .container-box-news-img-wrap img{ width: 100%; height: auto; } .container-box-news-img-wrap a{ text-decoration: none; width: 100%; overflow: hidden; height: 100%; display: block; } .container-box-news-body-wrap{ padding: 20px 20px 20px 24px; } .container-box-news-body-title{ margin-bottom: 11px; } .container-box-news-body-title a{ font-size: 18px; font-weight: 600; line-height: 22px; color: #546E7A; letter-spacing: 1.2px; } .container-box-news-body-data{ font-size: 10px; line-height: normal; color: #B0BEC5; letter-spacing: 0.8px; margin-bottom: 15px; } .container-box-news-body-descript{ font-size: 14px; line-height: 17px; color: #78909C; letter-spacing: 1.1px; margin-bottom: 28px; height: 51px; width: 100%; overflow: hidden; } .container-box-news-body-link{ text-align: left; } .container-box-news-body-link a{ font-size: 14px; line-height: normal; text-align: center; letter-spacing: 1.7px; color: #448AFF; text-decoration: none; display: inline-block; } /***********dostavka***************/ .prokat-menu-content div.prokat-button.active{ background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), #F8F8F8; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 5px; color: #ffffff; } .dostavka-title-wrap{ padding: 68px 0px 0px 3px; margin-bottom: 51px; } .dostavka-title{ font-size: 32px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 2.28px; } .dostavka-p{ font-size: 16px; font-weight: 500; line-height: 26px; color: #878787; letter-spacing: 1.22px; margin-bottom: 53px; } .dostavka-p-select{ color: #ff7901; font-weight: 600; } .dostavka-list{ font-size: 16px; font-weight: 500; line-height: 26px; color: #878787; letter-spacing: 1.27px; margin-bottom: 35px; padding: 0px 0px 0px 32px; position: relative; } .dostavka-list:before { content: attr(data-num) '.'; position: absolute; top: 3px; left: 2px; font-size: 16px; font-weight: 500; line-height: normal; color: #448AFF; } .dostavka-list-title{ font-size: 16px; font-weight: 600; line-height: 26px; color: #546E7A; letter-spacing: 1px; } /*.dostavka-list-num{ font-size: 16px; font-weight: 500; line-height: normal; color: #448AFF; letter-spacing: 1.1px; width: 27px; display: inline-block; padding-left: 2px; background-color: #000000; }*/ .dostavka-list a{ font-size: 16px; font-weight: 500; line-height: 16px; color: #448AFF; text-decoration: underline; } .dostavka-button{ background: linear-gradient(167.47deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; width: 269px; height: 59px; padding: 0px 0px 1px 14px; font-size: 16px; font-weight: 600; line-height: 19px; color: #ffffff; letter-spacing: 1.1px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer; margin-bottom: 49px; } .dostavka-button:before { content: ''; position: absolute; background-image: url("/images/prokat-array-gol.svg"); background-repeat: no-repeat; background-size: 100%; width: 26px; height: 12px; top: 23px; left: 23px; } .dostavka-content{ padding-bottom: 65px; } .dostavka-logo-wrap{ width: 310px; height: 82px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .dostavka-logo-img-wrap{ flex: 0 0 82px; min-width: 82px; height: 82px; } .dostavka-logo-descript{ flex: 1 0 0; height: 100%; font-size: 16px; font-weight: 600; line-height: 26px; font-style: italic; color: #546E7A; letter-spacing: 1.1px; padding: 15px 0px 0px 21px; } /******************kartochka-tovara******************/ .prokat-kt1-wrap{ width: 100%; height: 100%; padding: 44px 0px 0px 0px; } .prokat-kt1-box{ height: 100%; width: 100%; padding: 41px 44px 41px 45px; height: 100%; width: 100%; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.2); box-sizing: border-box; border-radius: 6px; } .prokat-kt1-box-wrap{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .prokat-kt1-box-image-wrap{ height: 100%; flex: 0 0 411px; min-width: 411px; } .prokat-kt1-box-image-1{ padding-top: 18px; width: 100%; height: 525px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 6px; text-align: center; overflow: hidden; display: block; margin-bottom: 43px; } .prokat-kt1-box-image-1 img{ display: inline-block; } .prokat-kt1-box-image-2{ height: 50px; width: 100%; display: flex; justify-content: center; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .prokat-kt1-box-descript-wrap{ flex: 1 0 0; height: 100%; padding: 0px 0px 0px 41px; } .prokat-kt1-box-image-mini{ width: 48px; height: 48px; border: 1px solid rgba(207, 216, 220, 0.2); box-sizing: border-box; border-radius: 4px; margin: 0px 10px 0px 10px; overflow: hidden; } .prokat-kt1-box-descript-title{ font-size: 32px; font-weight: 600; line-height: 28px; color: #546E7A; letter-spacing: 2.4px; margin-bottom: 38px; } .prokat-kt1-box-descript-articul{ font-size: 14px; font-weight: 500; line-height: normal; color: #8D9293; letter-spacing: 1.1px; margin-bottom: 38px; } .prokat-kt1-box-descript-geometry{ font-size: 16px; font-weight: 600; line-height: normal; color: #78909C; letter-spacing: 0.75px; margin-bottom: 22px; } .prokat-kt1-box-descript-text-1{ font-size: 16px; font-weight: 500; line-height: 20px; color: #78909C; letter-spacing: 1.26px; margin-bottom: 28px; } .prokat-kt1-box-descript-text-2{ font-size: 16px; font-weight: 500; line-height: 21px; color: #78909C; letter-spacing: 1.22px; margin-bottom: 58px; } .prokat-kt1-box-descript-price-wrap{ width: 100%; height: 84px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; margin-bottom: 48px; } .prokat-kt1-box-descript-price-block{ height: 100%; width: 165px; } .prokat-kt1-box-descript-count{ height: 100%; width: 128px; } .prokat-kt1-box-descript-sklad{ height: 100%; width: 117px; } .prokat-kt1-box-price{ font-size: 50px; font-weight: 500; line-height: 40px; font-weight: 600; letter-spacing: 2px; color: #FF7901; margin-bottom: 27px; } .prokat-kt1-box-price-bottom{ font-size: 14px; font-weight: 500; line-height: normal; color: #BEC2C3; letter-spacing: 1.1px; } .prokat-kt1-box-count-wrap{ background-color: #ffffff; width: 100%; height: 38px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; align-content: space-between; } .prokat-kt1-box-count-minus{ flex: 0 0 38px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; font-size: 14px; line-height: normal; color: #546E7A; padding: 8.5px 0px 0px 0px; text-align: center; } .prokat-kt1-box-count-number{ flex: 1 0 0; height: 100%; border-bottom: 1px solid rgba(207, 216, 220, 0.5); border-top: 1px solid rgba(207, 216, 220, 0.5); font-size: 16px; line-height: normal; color: #546E7A; padding: 9px 3px 0px 0px; text-align: center; } .prokat-kt1-box-count-plus{ flex: 0 0 38px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px; font-size: 23px; line-height: normal; color: #546E7A; padding: 5px 0px 0px 0px; text-align: center; } .prokat-kt1-box-count-minus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .prokat-kt1-box-count-plus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .prokat-kt1-box-i4-checkbox{ padding: 10px 0px 0px 0px; /*background-color: #000000;*/ } .prokat-kt1-label-wrap { display: block; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1px; cursor: pointer; text-align: right; } .prokat-kt1-label-input { position: absolute; z-index: -1; opacity: 0; padding: 0px; margin: 0px; } .prokat-kt1-label-indicator { margin-top: 3px; width: 12px; height: 12px; position: relative; display: inline-block; vertical-align: top; background: rgba(121, 190, 255, 0.2); border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; box-sizing: border-box; } .prokat-kt1-label-wrap:hover .prokat-kt1-label-indicator{ background-color: #448AFF; } .prokat-kt1-label-input:checked ~ .prokat-kt1-label-indicator{ background-color: #ffffff; } .prokat-kt1-label-input:checked ~ .prokat-kt1-label-indicator:after { position: absolute; content: ''; left: 2px; top: 2px; width: 8px; height: 8px; background-color: #448AFF; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%; } .prokat-kt1-box-i4-descript { /* background-color: red; */ font-size: 14px; font-weight: 500; line-height: normal; color: #79BEFF; letter-spacing: 1px; display: inline-block; vertical-align: top; padding: 0px 0px 0px 5px; text-align: right; } .prokat-kt1-box-descript-button-wrap{ height: 50px; width: 431px; display: flex; justify-content: space-between; } .prokat-kt1-box-descript-button-1{ background: linear-gradient(165.96deg, #79BEFF 0%, #448AFF 100%); border-radius: 4px; width: 198px; height: 50px; padding: 0px 0px 0px 0px; font-size: 14px; font-weight: 600; line-height: normal; color: #ffffff; letter-spacing: 1.15px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; } .prokat-kt1-box-descript-button-2{ border: 1px solid #FF7901; box-sizing: border-box; background-color: #ffffff; border-radius: 4px; width: 199px; height: 50px; padding: 0px 0px 2px 3px; font-size: 14px; font-weight: 600; line-height: normal; color: #FF7901; letter-spacing: 1.15px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; } .prokat-kt2-wrap{ padding: 115px 0px 0px 0px; } .prokat-kt2-wrap h2 { color: #546E7A; font-size: 32px; font-weight: 600; line-height: 28px; letter-spacing: 2.3px; margin: 0px; padding: 0px; } .prokat-kt3-right-wrap{ width: 100%; height: auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; margin-bottom: 108px; } .prokat-kt3-right-box{ width: 273px; height: 488px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.199813); box-sizing: border-box; border-radius: 6px; padding: 22px 17px 19px 17px; display: flex; flex-direction: column; overflow: hidden; } /******************otzyvy******************/ .container-otzivy-content{ background-color: #E5E5E5; } .container-otzivy-content .container{ background-color: #E5E5E5; } .otzivy-title-wrap{ padding: 0px 0px 0px 0px; width: 100%; } .otzivy-title{ font-size: 50px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 4.8px; } .otzivy-box-wrap{ width: 100%; padding: 0px 0px 0px 0px; padding: 22px 98px 22px 69px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; margin-bottom: 20px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.199813); box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; } .otzivy-box-image-wrap{ height: 100%; flex: 0 0 164px; min-width: 164px; } .otzivy-box-descript-wrap{ flex: 1 0 0; height: 100%; } .otzivy-box-descript-wrap{ padding: 0px 0px 0px 36px; } .otzivy-box-data{ font-size: 14px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 0.9px; text-align: center; color: #626666; padding: 3px 0px 0px 0px; } .otzivy-box-descript-title{ font-size: 16px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 1.15px; margin-bottom: 30px; } .otzivy-box-descript-text{ font-size: 16px; font-weight: 500; line-height: 26px; color: #78909C; letter-spacing: 1.2px; } .otzivy-pgn-wrap{ width: 100%; padding: 60px 0px 0px 13px; text-align: center; } .otzivy-box-pgn-block{ display: inline-flex; width: 157px; height: 32px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .otzivy-box-pgn{ width: 32px; height: 32px; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 1.1px; color: #B7DAFC; border: 1px solid #B7DAFC; box-sizing: border-box; border-radius: 2px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0px 0px 0px 0px; cursor: pointer; } .otzivy-box-pgn.active { color: #F3F2F3; background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%); border: 1px solid #FC6A24; } .otzivy-box-pgn-array-left { width: 32px; height: 32px; cursor: pointer; background-image: url("/images/prokat-arrow-right.svg"); background-repeat: no-repeat; background-size: 32%; background-position: 42% 48%; } .otzivy-form-wrap{ width: 100%; height: auto; padding: 24px 72px 27px 101px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.199813); box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; } .otzivy-box-form-block{ width: 100%; height: 100%; } .otzivy-box-form-block{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .otzivy-box-form-img-wrap{ height: 100%; flex: 0 0 172px; min-width: 172px; padding: 11px 0px 0px 5px; } .otzivy-box-form-descript-wrap{ flex: 1 0 0; height: 100%; padding: 3px 0px 0px 37px; } .otzivy-box-form-top{ font-size: 16px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 1.1px; margin-bottom: 10px; } .otzivy-box-form-img{ width: 166px; height: 164px; background: rgba(208, 208, 208, 0.2); border-radius: 2px; display: flex; flex-direction: column; justify-content: center; padding: 0px 0px 17px 4px; } .otzivy-box-form-img-line-1{ text-align: center; margin-bottom: 5px; font-size: 20px; font-weight: 500; line-height: normal; color: #79BEFF; letter-spacing: 2.5px; margin-bottom: 12px; } .otzivy-box-form-img-line-2{ text-align: center; font-size: 14px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.1px; } .otzivy-box-form-descript-title{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.3px; margin-bottom: 5px; } .otzivy-box-form-descript-input-wrap{ width: 100%; height: 47px; background-color: #FFFFFF; border: 1px solid rgba(121, 190, 255, 0.5); box-sizing: border-box; border-radius: 4px; padding: 12px 11px 0px 15px; margin-bottom: 19px; } .otzivy-box-form-descript-input-wrap:hover { border: 1px solid rgba(121, 190, 255, 0.5); } .otzivy-box-form-descript-input{ width: 100%; font-size: 14px; line-height: normal; color: #B0BEC5; border: 0px; margin: 0px; padding: 0px; letter-spacing: 0.9px; outline: none; } .otzivy-box-form-descript-input-wrap:hover .otzivy-box-form-descript-input{ color: #79BEFF; } .otzivy-box-form-descript-input-2-wrap{ width: 100%; height: 55px; background-color: #FFFFFF; border: 1px solid rgba(121, 190, 255, 0.5); box-sizing: border-box; border-radius: 4px; padding: 12px 11px 0px 15px; margin-bottom: 44px; } .otzivy-box-form-descript-input-2{ width: 100%; font-size: 14px; line-height: normal; color: #B0BEC5; border: 0px; margin: 0px; padding: 0px; letter-spacing: 0.9px; outline: none; resize: none; } .otzivy-box-form-descript-button-wrap{ width: 565px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .otzivy-box-form-descript-button-1{ width: 267px; height: 59px; background: linear-gradient(167.47deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; font-size: 16px; font-weight: 600; line-height: normal; color: #ffffff; text-align: center; letter-spacing: 1.2px; padding: 0px 0px 2px 0px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .otzivy-box-form-descript-button-2{ width: 267px; height: 59px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; font-size: 16px; font-weight: 600; line-height: normal; color: #448AFF; text-align: center; letter-spacing: 1.2px; padding: 0px 0px 0px 0px; display: flex; align-items: center; justify-content: center; cursor: pointer; } .otzivy-row-2{ margin-bottom: 79px; } .container-home-calc-zabronirovat-space{ background-color: #E5E5E5; } .container-home-calc-zabronirovat-space .container{ background-color: #E5E5E5; } .container-home-calc-title-wrap.container-home-calc-title-zabronirovat-wrap{ padding: 0px 0px 39px 17px; } .container-home-calc.container-home-calc-zabronirovat{ padding-bottom: 66px; } .container-home-calc.container-home-calc-zabronirovat .container-home-calc-body:before { width: 935px; height: 685px; top: -223px; right: -416px; } .container-home-calc.container-home-calc-zabronirovat .container-home-calc-box-right { /*padding-top: 422px;*/ padding-top: 0px; } .container-home-calc-zabronirovat-space{ background-color: #E5E5E5; } .container-home-calc-zabronirovat-space .container{ background-color: #E5E5E5; } /****************kontakts****************/ .container-kontakts-content{ background-color: #E5E5E5; } .container-kontakts-content .container{ background-color: #E5E5E5; } .kontakts-box-1-wrap{ padding: 22px 0px 0px 0px; width: 100%; height: auto; } .kontakts-box-1{ width: 100%; height: 100%; background-color: #F8F8F8; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 5px; } .kontakts-box-1-header{ width: 100%; height: 61px; padding: 19px 0px 0px 74px; font-size: 18px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 1.4px; border-bottom: 1px solid #EEEEEE; } .kontakts-box-1-body-wrap{ width: 100%; height: 471px; padding: 60px 70px 31px 70px; } .kontakts-box-1-row{ width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .kontakts-box-1-body-block-1{ width: 580px; height: 149px; display: flex; justify-content: center; } .kontakts-box-1-body-block-2{ width: 361px; height: 149px; display: flex; justify-content: center; } .kontakts-box-1-body-block-3{ width: 580px; height: 149px; display: flex; justify-content: center; } .kontakts-box-1-body-block-4{ width: 361px; height: 149px; display: flex; justify-content: center; } .kontakts-box-1-row-button{ width: 100%; height: auto; background-color: transparent; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; padding: 24px 0px 0px 0px; } .kontakts-box-1-button{ background: linear-gradient(167.47deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; width: 268px; height: 59px; padding: 0px 0px 1px 15px; font-size: 16px; font-weight: 600; line-height: 19px; color: #ffffff; letter-spacing: 1.2px; position: relative; text-align: center; display: flex; align-items: center; justify-content: center; position: relative; } .kontakts-box-1-button:before { content: ''; position: absolute; background-image: url("/images/prokat-array-gol.svg"); background-repeat: no-repeat; background-size: 100%; width: 26px; height: 12px; top: 23px; left: 22px; } .kontakts-box-1-body-block-icon.kontakts-icon-1{ height: 90px; flex: 0 0 90px; min-width: 90px; background-image: url("/images/kontakts-icon-1.svg"); background-repeat: no-repeat; background-size: cover; } .kontakts-box-1-body-block-icon.kontakts-icon-2{ height: 90px; flex: 0 0 90px; min-width: 90px; background-image: url("/images/kontakts-icon-2.svg"); background-repeat: no-repeat; background-size: cover; } .kontakts-box-1-body-block-icon.kontakts-icon-3{ height: 90px; flex: 0 0 90px; min-width: 90px; background-image: url("/images/kontakts-icon-3.svg"); background-repeat: no-repeat; background-size: cover; } .kontakts-box-1-body-block-icon.kontakts-icon-4{ height: 90px; flex: 0 0 90px; min-width: 90px; background-image: url("/images/kontakts-icon-4.svg"); background-repeat: no-repeat; background-size: cover; } .kontakts-box-1-body-block-descript{ flex: 1 0 0; height: 100%; padding: 2px 0px 0px 20px; } .kontakts-box-1-body-block-descript-title{ font-size: 14px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.5px; margin-bottom: 21px; } .kontakts-box-1-body-block-descript-text{ font-size: 16px; font-weight: 500; line-height: 22px; color: #546E7A; letter-spacing: 1.1px; } .kontakts-text-link{ color: #448AFF; text-decoration-line: underline; } .kontakts-text-time{ margin-bottom: 6px; } .kontakts-title-email{ padding-top: 14px; } .kontakts-box-1-body-block-descript-title.kontakts-title-phone{ margin-bottom: 17px; } .kontakts-text-phone-1{ margin-bottom: 5px; vertical-align: middle; } .kontakts-box-1-body-block-descript-text .kontakts-text-phone-2{ margin-bottom: 5px; } .kontakts-box-1-body-block-descript-text .kontakts-text-phone-2 span{ letter-spacing: 1.06px; font-size: 14px; } .kontakts-box-1-body-block-descript-text .kontakts-text-phone-3{ letter-spacing: 1.1px; } .kontakts-box-1-body-block-descript-text .kontakts-text-phone-3 span{ letter-spacing: 1.06px; font-size: 14px; padding-left: 4px; } .kontakts-text-phone-icon-1{ vertical-align: middle; width: 13px; height: 13px; display: inline-block; margin-left: 5px; background-image: url("/images/kontakts-text-phone-icon-1.svg"); background-repeat: no-repeat; background-size: cover; } .kontakts-text-phone-icon-2{ vertical-align: middle; width: 13px; height: 13px; display: inline-block; margin-left: 8px; background-image: url("/images/kontakts-text-phone-icon-2.svg"); background-repeat: no-repeat; background-size: cover; } .kontakts-box-1-wrap.kontakts-line-1{ padding: 60px 0px 0px 0px; } .kontakts-box-1-header{ position: relative; } .kontakts-box-1-header:after{ position: absolute; content: ''; width: 20px; height: 20px; top: 19px; right: 72px; background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L10 9L18.5 0.999999' stroke='%23546E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size:100%; background-position: 0px 6px; /*background-color: #cccccc;*/ -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; -moz-transform: rotateZ(-90deg); -ms-transform: rotateZ(-90deg); -webkit-transform: rotateZ(-90deg); -o-transform: rotateZ(-90deg); transform: rotateZ(-90deg); } .kontakts-box-1-header.kontakts-box-opened:after{ background-image: url("data:image/svg+xml,%3Csvg width='20' height='10' viewBox='0 0 20 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.5 1L10 9L18.5 0.999999' stroke='%23448AFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); -webkit-transition: all ease-in-out .3s; -moz-transition: all ease-in-out .3s; -o-transition: all ease-in-out .3s; transition: all ease-in-out .3s; -moz-transform: rotateZ(0deg); -ms-transform: rotateZ(0deg); -webkit-transform: rotateZ(0deg); -o-transform: rotateZ(0deg); transform: rotateZ(0deg); } .kontakts-line-1 .kontakts-box-1-body-wrap{ display: none; } .kontakts-line-2 .kontakts-box-1-body-wrap{ display: none; } .kontakts-line-3 .kontakts-box-1-body-wrap{ display: none; } .kontakts-line-4 .kontakts-box-1-body-wrap{ display: none; } .kontakts-line-5 .kontakts-box-1-body-wrap{ display: none; } .kontakts-title-wrap{ padding: 119px 0px 0px 0px; width: 100%; } .kontakts-title{ font-size: 32px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 2.35px; } .main-title-wrap{ padding: 0px 0px 0px 0px; width: 100%; } .main-title{ font-size: 50px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 3.7px; } .kontakts-text-wrap{ padding: 0px 0px 0px 0px; } .kontakts-text{ font-size: 16px; font-weight: 500; line-height: 26px; color: #878787; letter-spacing: 1.26px; padding: 0px 0px 20px 0px; } .kontakts-text a{ color: #448AFF; text-decoration-line: underline; } .kontakts-text-title{ font-size: 24px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 1.58px; padding: 6px 0px 30px 0px; } .kontakts-text-title span{ font-size: 19.6px; font-weight: 500; } .kontakts-text-list{ padding: 0px 0px 20px 27px; letter-spacing: 1.18px; position: relative; } .kontakts-text-list:before{ content: '—'; color: #448AFF; font-size: 20px; font-weight: 500; line-height: normal; position: absolute; width: 20px; height: 20px; top: 0px; left: 1px; } .kontakts-text-br{ height: 10px; width: 100%; } .kontakts-image-wrap{ margin-top: 44px; border-radius: 6px; overflow: hidden; height: 522px; margin-bottom: 60px; } .kontakts-image{ width: 100%; } .main-logo-wrap{ width: 310px; height: 82px; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .main-logo-img-wrap{ flex: 0 0 82px; min-width: 82px; height: 82px; } .main-logo-img{ width: 82px; height: 82px; } .main-logo-descript{ flex: 1 0 0; height: 100%; font-size: 16px; font-weight: 600; line-height: 26px; font-style: italic; color: #546E7A; letter-spacing: 1.1px; padding: 15px 0px 0px 21px; } .container-main { background-color: #E5E5E5; } .container-main .container{ background-color: #E5E5E5; } .container-notpage-content{ background-color: #E5E5E5; } .container-notpage-content .container{ background-color: #E5E5E5; } .notpage-title-wrap{ padding: 0px 0px 0px 0px; width: 100%; } .notpage-title{ font-size: 31px; line-height: 40px; font-weight: 600; color: rgba(84, 110, 122, 0.7); letter-spacing: 2.7px; text-align: center; padding: 0px 0px 0px 9px; } .notpage-images-wrap{ width: 100%; height: 100%; padding: 120px 53px 0px 0px; display: flex; justify-content: center; } .notpage-images{ width: 1084px; height: 224px; background-image: url("/images/404.svg"); background-repeat: no-repeat; background-size: 100%; } .notpage-descript-wrap{ padding: 106px 18px 124px 0px; } .notpage-descript{ font-size: 16px; font-weight: 500; line-height: normal; color: rgba(84, 110, 122, 0.7); letter-spacing: 1.57px; text-align: center; } .notpage-button-wrap{ padding: 0px 0px 119px 5px; display: flex; justify-content: center; } .notpage-button{ font-size: 16px; font-weight: 600; line-height: normal; color: #ffffff; letter-spacing: 1.1px; width: 297px; height: 59px; background: linear-gradient(168.69deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; padding: 0px 0px 3px 3px; display: flex; align-items: center; justify-content: center; } .container-cart-content{ background-color: #E5E5E5; } .container-cart-content .container{ background-color: #E5E5E5; } .cart-page-wrap{ background-color: #ffffff; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; width: 100%; height: 100%; padding: 58px 21px 65px 22px; } .cart-page-body{ width: 100%; height: 100%; } .cart-page-body-step-wrap{ width: 100%; height: 56px; display: flex; justify-content: space-between; } .cart-page-body-step{ width: 378px; height: 56px; position: relative; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 0px 0px 0px; position: relative; } .cart-page-body-step.cpb-step-1{ padding: 0px 0px 0px 23px; } .cpb-step-1.active:before{ content: ''; position: absolute; top: -5px; left: -11px; width: 396px; height: 76px; background-image: url("/images/cart-step-1-active.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; } .cpb-step-1:before{ content: ''; position: absolute; top: 0px; left: 0px; width: 375px; height: 56px; background-image: url("/images/cart-step-1.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; } .cart-page-body-step.cpb-step-2{ padding: 0px 0px 0px 35px; } .cpb-step-2:before{ content: ''; position: absolute; top: -5px; left: -6px; width: 393px; height: 76px; background-image: url("/images/cart-step-2.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; } .cpb-step-2.active:before{ content: ''; position: absolute; top: -5px; left: -6px; width: 393px; height: 76px; background-image: url("/images/cart-step-2-active.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; } .cpb-step-2.active2:before{ content: ''; position: absolute; top: 0px; left: 0px; width: 375px; height: 56px; background-image: url("/images/cart-step-2-active-2.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; } .cart-page-body-step.cpb-step-3{ padding: 0px 0px 0px 14px; } .cpb-step-3:before{ content: ''; position: absolute; top: -5px; left: -2px; width: 386px; height: 76px; background-image: url("/images/cart-step-3.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; } .cart-page-body-step-text{ font-size: 16px; font-weight: 600; line-height: normal; color: #78909C; letter-spacing: 1.1px; position: relative; z-index: 150; display: inline-block; } .active .cart-page-body-step-text{ color: #FFFFFF; } .cart-page-body-step .cart-page-body-step-text:before{ position: absolute; color: #78909C; font-size: 16px; font-weight: 500; line-height: 18px; border-radius: 50%; border: 1px solid #78909C; } .cart-page-body-step.cpb-step-1 .cart-page-body-step-text:before{ content: '1'; top: 0px; left: -36px; padding: 0px 6px 0px 6px; } .cart-page-body-step.active .cart-page-body-step-text:before{ color: #ffffff; border: 1px solid #ffffff; } .cart-page-body-step.cpb-step-2 .cart-page-body-step-text:before{ content: '2'; top: 0px; left: -36px; padding: 0px 5px 0px 5px; } .cart-page-body-step.cpb-step-3 .cart-page-body-step-text:before{ content: '3'; top: 0px; left: -36px; padding: 0px 5px 0px 5px; } .cart-page-body-header-wrap{ margin-top: 10px; width: 100%; height: 54px; display: flex; justify-content: flex-start; background-color: #FFFFFF; box-shadow: 0px 10px 20px rgba(172, 181, 185, 0.15); border-radius: 6px; border: 1px solid rgba(121, 190, 255, 0.2); } .cart-page-body-header{ height: 52px; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.1px; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; padding: 1px 0px 0px 0px; overflow: hidden; } .cpbh-1{ flex: 0 0 177px; max-width: 177px; border-right: 1px solid rgba(121, 190, 255, 0.2); } .cpbh-2{ flex: 0 0 386px; max-width: 386px; border-right: 1px solid rgba(121, 190, 255, 0.2) } .cpbh-3{ flex: 0 0 193px; max-width: 193px; border-right: 1px solid rgba(121, 190, 255, 0.2) } .cpbh-4{ flex: 0 0 190px; max-width: 190px; border-right: 1px solid rgba(121, 190, 255, 0.2) } .cpbh-5{ flex: 0 0 178px; max-width: 178px; } .cart-page-body-row-wrap{ margin-top: 0px; width: 100%; height: 205px; display: flex; justify-content: flex-start; background-color: #FFFFFF; /*box-shadow: 0px 10px 20px rgba(172, 181, 185, 0.15);*/ border-bottom: 1px solid rgba(121, 190, 255, 0.2); border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; border-top: 1px solid #ffffff; } .cart-page-body-row{ height: 203px; font-size: 16px; font-weight: 500; line-height: normal; color: #546E7A; letter-spacing: 1.1px; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 0px 0px 0px; overflow: hidden; } .cpbr-1{ flex: 0 0 177px; max-width: 177px; border-right: 1px solid #ffffff; padding: 0px 0px 0px 0px; } .cpbr-2{ flex: 0 0 386px; max-width: 386px; border-right: 1px solid #ffffff; padding: 0px 0px 0px 0px; } .cpbr-3{ flex: 0 0 193px; max-width: 193px; border-right: 1px solid #ffffff; padding: 0px 0px 0px 0px; } .cpbr-4{ flex: 0 0 190px; max-width: 190px; border-right: 1px solid #ffffff; padding: 0px 0px 0px 0px; } .cpbr-5{ flex: 0 0 178px; max-width: 178px; padding: 0px 0px 0px 0px; } .cpbr-3{ font-size: 20px; font-weight: 600; line-height: normal; color: #78909C; letter-spacing: 1.1px; } .cpbr-5{ font-size: 20px; font-weight: 600; line-height: normal; color: #78909C; letter-spacing: 1.1px; position: relative; } .cart-page-body-row.cpbr-2{ align-content: flex-start; align-items: flex-start; justify-content: flex-start; padding: 30px 0px 0px 10px; } .cart-page-body-row.cpbr-4{ padding: 0px 0px 4px 0px; } .cart-page-body-count-wrap{ background-color: #ffffff; width: 129px; height: 38px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; align-content: space-between; } .cart-page-body-count-minus{ flex: 0 0 38px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; font-size: 14px; line-height: normal; color: #546E7A; padding: 8.5px 0px 0px 0px; text-align: center; } .cart-page-body-count-number{ flex: 1 0 0; height: 100%; border-bottom: 1px solid rgba(207, 216, 220, 0.5); border-top: 1px solid rgba(207, 216, 220, 0.5); font-size: 16px; line-height: normal; color: #546E7A; padding: 9px 3px 0px 0px; text-align: center; } .cart-page-body-count-plus{ flex: 0 0 38px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px; font-size: 23px; line-height: normal; color: #546E7A; padding: 5px 0px 0px 0px; text-align: center; } .cart-page-body-count-minus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .cart-page-body-count-plus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .cart-page-body-row-box{ width: 100%; height: 100%; } .cart-page-body-row-title a{ display: block; text-align: left; font-size: 18px; font-weight: 600; line-height: 23px; color: #448AFF; letter-spacing: 1.2px; text-decoration: underline; } .cart-page-body-row-descript{ display: block; margin-top: 22px; width: 100%; height: 100%; } .cart-page-body-row-descript-line{ width: 100%; height: 22px; display: flex; justify-content: space-between; margin-bottom: 2.5px; } .cart-page-body-row-descript-line-left{ flex: 0 0 131px; max-width: 131px; text-align: left; font-size: 16px; font-weight: 500; line-height: normal; color: #78909C;; letter-spacing: 1.2px; } .cart-page-body-row-descript-line-right{ flex: 1 1 0; text-align: left; font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.1px; } .cart-page-body-row-delete{ position: absolute; top: 20px; right: 15px; width: 30px; height: 30px; background-image: url("/images/cart-row-delete.svg"); background-size: auto; background-repeat: no-repeat; background-position: center center; } .cart-page-body-total-wrap{ width: 100%; height: auto; padding: 33px 50px 0px 0px; } .cart-page-body-total-1{ width: 100%; height: 16px; display: flex; justify-content: flex-end; padding: 0px 0px 0px 0px; } .cpbt-11{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.4px; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 0px 0px 0px; } .cpbt-12{ width: 114px; text-align: right; font-size: 20px; font-weight: 600; line-height: normal; color: #3C3D3E; letter-spacing: 0.8px; display: flex; align-content: center; align-items: center; justify-content: flex-end; padding: 0px 0px 0px 0px; } .cart-page-body-total-2{ margin-top:27px; width: 100%; height: 16px; display: flex; justify-content: flex-end; padding: 0px 0px 0px 0px; } .cpbt-21{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.4px; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 0px 0px 0px; } .cpbt-22{ width: 114px; text-align: right; font-size: 20px; font-weight: 600; line-height: normal; color: #3C3D3E; letter-spacing: 0.8px; display: flex; align-content: center; align-items: center; justify-content: flex-end; padding: 0px 0px 0px 0px; } .cart-page-body-total-3{ margin-top:30px; width: 100%; height: 40px; display: flex; justify-content: flex-end; padding: 0px 0px 0px 0px; } .cpbt-31{ font-size: 16px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: 1.5px; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 0px 0px 0px; } .cpbt-32{ width: 169px; height: 40px; background-color: #ffffff; border: 1px solid #79BEFF; box-sizing: border-box; border-radius: 6px; margin-left: 17px; font-size: 14px; font-weight: 500; line-height: normal; color: #79BEFF; letter-spacing: 1.1px; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 0px 0px 0px; } .cart-page-body-total-4{ margin-top:30px; width: 100%; height: 24px; display: flex; justify-content: flex-end; padding: 0px 0px 0px 0px; } .cpbt-41{ font-size: 24px; font-weight: 600; line-height: normal; color: #448AFF; letter-spacing: 1.6px; } .cpbt-42{ margin-left: 22px; font-size: 24px; font-weight: 600; line-height: normal; color: #448AFF; letter-spacing: 1.1px; } .cart-page-body-total-5{ margin-top:49px; width: 100%; height: 48px; font-size: 16px; font-weight: 500; line-height: 23px; color: #546E7A; letter-spacing: 1.25px; text-align: right; } .cart-page-body-total-5 span{ color: #448AFF; font-weight: 600; } .cart-page-body-total-6{ margin-top:42px; width: 100%; height: 60px; display: flex; justify-content: flex-end; } .cart-page-body-total-button-1{ height: 60px; width: 267px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; font-size: 16px; font-weight: 600; line-height: normal; color: #448AFF; letter-spacing: 1.2px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0px 0px 1px 2px; } .cart-page-body-total-button-2{ margin-left: 9px; margin-right: 4px; height: 60px; width: 298px; background: linear-gradient(168.69deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; font-size: 16px; font-weight: 600; line-height: normal; color: #ffffff; letter-spacing: 1.1px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0px 0px 2px 1px; } .container-news-content{ background-color: #E5E5E5; } .container-news-content .container{ background-color: #E5E5E5; } .news-title-wrap{ padding: 0px 0px 0px 0px; width: 100%; } .news-title{ font-size: 50px; font-weight: 600; line-height: normal; color: #546E7A; letter-spacing: 3.7px; } .news-page-wrap{ width: 100%; height: auto; padding: 0px 0px 0px 0px; } .news-page-body{ width: 100%; height: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; align-content: flex-start; } .news-page-block{ width: 568px; height: 417px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; margin-right: 26px; margin-bottom: 30px; overflow: hidden; } body .news-page-block:nth-of-type(2n){ margin-right: 0px } .news-page-block-img{ width: 100%; height: 223px; } .news-page-block-img a { width: 100%; height: 223px; text-decoration: none; display: block; overflow: hidden; } .news-page-block-img a img { width: 100%; } .news-page-block-wrap{ padding: 21px 20px 20px 26px; } .news-page-block-descript-wrap{ width: 100%; height: 121px; overflow: hidden; margin-bottom: 9px; } .news-page-block-title{ margin-bottom: 13px; } .news-page-block-title a{ font-size: 20px; font-weight: 600; line-height: 22px; color: #546E7A; letter-spacing: 1.6px; } .news-page-block-data{ font-size: 10px; line-height: normal; color: #B0BEC5; letter-spacing: 0.8px; margin-bottom: 12px; } .news-page-block-text{ font-size: 14px; line-height: 17px; color: #78909C; letter-spacing: 1.1px; margin-bottom: 0px; height: 51px; width: 100%; overflow: hidden; } .news-page-block-link{ display: flex; justify-content: space-between; } .news-page-block-link a{ text-align: left; font-size: 14px; line-height: normal; text-align: center; letter-spacing: 1.7px; color: #448AFF; text-decoration: none; display: inline-block; } .news-page-block-view{ width: 48px; height: 14px; position: relative; display: inline-block; color: #78909C; font-size: 11px; line-height: 22px; letter-spacing: 1.5px; padding: 0px 14px 0px 0px; vertical-align: top; text-align: right; } .news-page-block-view:before { content: ''; position: absolute; top: 2px; left: -15px; width: 18px; height: 14px; background-color: transparent; background-image: url("/images/prew.svg"); background-repeat: no-repeat; background-size: cover; } .news-page-bottom-wrap { width: 100%; padding: 59px 0px 0px 13px; text-align: center; } .news-page-bottom-box { display: inline-flex; width: 157px; height: 32px; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .news-page-bottom-box-step { width: 32px; height: 32px; font-size: 14px; font-weight: 500; line-height: normal; letter-spacing: 1.1px; color: #B7DAFC; border: 1px solid #B7DAFC; box-sizing: border-box; border-radius: 2px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0px 0px 0px 0px; cursor: pointer; } .news-page-bottom-box-step.active { color: #F3F2F3; background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%); border: 1px solid #FC6A24; } .news-page-bottom-box-array-left { width: 32px; height: 32px; cursor: pointer; background-image: url("/images/prokat-arrow-right.svg"); background-repeat: no-repeat; background-size: 32%; background-position: 42% 48%; } .cart-page-body-form-wrap{ width: 100%; height: 612px; padding: 63px 229px 0px 221px; } .cart-page-body-form{ width: 100%; height: 100%; } .cart-page-body-form-box{ } .cpbf-1{ padding-left: 4px; width: 100%; height: 20px; font-size: 18px; font-weight: 500; line-height: 20px; color: #546E7A; letter-spacing: 1.35px; } .cpbf-1 span{ color: #448AFF; } .cpbf-2{ margin-top: 52px; width: 100%; height: 12px; padding-left: 1px; width: 100%; height: 20px; font-size: 16px; font-weight: 500; line-height: 16px; color: #78909C; letter-spacing: 1.35px; } .cpbf-3{ margin-top: 5px; width: 100%; height: 48px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 18px 0px 18px; } .cpbf-4{ margin-top: 23px; width: 100%; height: 13px; padding-left: 1px; width: 100%; height: 20px; font-size: 16px; font-weight: 500; line-height: 16px; color: #78909C; letter-spacing: 1.35px; } body .cpbf-5{ margin-top: 4px; width: 100%; height: 49px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 18px 0px 18px; } .cart-page-body-form-box input{ font-size: 15px; font-weight: 500; line-height: 16px; color: #B0BEC5; letter-spacing: 0.3px; width: 100%; height: 16px; border: 0px; } .cart-page-body-form-box input:focus { outline: 0px; } .cpbf-6{ margin-top: 23px; width: 100%; height: 13px; padding-left: 1px; width: 100%; height: 20px; font-size: 16px; font-weight: 500; line-height: 16px; color: #78909C; letter-spacing: 1.35px; } .cpbf-7{ margin-top: 5px; width: 100%; height: 49px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 18px 0px 18px; } .cpbf-8{ margin-top: 22px; width: 100%; height: 16px; padding-left: 1px; width: 100%; height: 20px; font-size: 16px; font-weight: 500; line-height: 16px; color: #78909C; letter-spacing: 1.35px; } .cpbf-9{ margin-top: 5px; width: 100%; height: 49px; background-color: #FFFFFF; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; padding: 0px 18px 0px 18px; } .cpbf-10{ margin-top: 54px; width: 100%; height: 59px; display: flex; justify-content: space-between; } .cart-page-body-form-button-1{ height: 59px; width: 267px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; font-size: 16px; font-weight: 600; line-height: normal; color: #448AFF; letter-spacing: 1.2px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0px 0px 1px 3px; } .cart-page-body-form-button-2{ margin-right: 0px; height: 60px; width: 298px; background: linear-gradient(168.69deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; font-size: 16px; font-weight: 600; line-height: normal; color: #ffffff; letter-spacing: 1.13px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0px 0px 2px 2px; } .cpbf-3:hover, .cpbf-5:hover, .cpbf-7:hover, .cpbf-9:hover{ border: 1px solid rgba(121, 190, 255, 0.5); } .cpbf-3:hover input, .cpbf-5:hover input, .cpbf-7:hover input, .cpbf-9:hover input{ color: #79BEFF; } .cpb-step-1 .cart-page-body-step-text{ color: #ffffff; } .cpb-step-1 .cart-page-body-step-text:before{ color: #ffffff; border: 1px solid #ffffff; } .cpb-step-1 .cart-page-body-step-text{ color: #ffffff; } .cpb-step-1 .cart-page-body-step-text:before{ color: #ffffff; border: 1px solid #ffffff; } .cpb-step-2.active2:before{ content: ''; position: absolute; top: 0px; left: 4px; width: 374px; height: 56px; background-image: url("/images/cart-step-2-active-2.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; } .cpb-step-2.active2 .cart-page-body-step-text{ color: #ffffff; } .cpb-step-2.active2 .cart-page-body-step-text:before{ color: #ffffff; border: 1px solid #ffffff; } .cpb-step-3.active:before{ content: ''; position: absolute; top: -5px; left: -3px; width: 387px; height: 76px; background-image: url("/images/cart-step-3-active.svg"); background-repeat: no-repeat; background-size: 100%; background-position: 0px 0px; } .cart-page-body-pay-wrap{ width: 100%; height: 709px; padding: 0px 0px 0px 0px; } .cart-page-pay-form{ width: 100%; height: 100%; padding: 63px 0px 0px 0px } .cart-page-wrap.cart-correct-3 { padding: 58px 21px 35px 22px; } .cppfb-1{ height: auto; width: 100%; font-size: 18px; font-weight: 500; line-height: 24px; color: #546E7A; letter-spacing: 1.4px; } .cppfb-1 span{ color: #448AFF; font-weight: 600; } .cppfb-2{ margin-top: 41px; height: 144px; width: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap; } .cppfb-3{ margin-top: 38px; height: 150px; width: 100%; display: flex; justify-content: space-between; flex-wrap: nowrap; } .cppfb-4{ margin-top: 102px; height: 60px; width: 100%; display: flex; justify-content: space-between; } .cppfb-5{ margin-top: 25px; padding-right: 10px; height: 35px; width: 100%; font-size: 14px; font-weight: 500; line-height: 17px; color: #78909C; letter-spacing: 1.2px; text-align: right; } .cppfb-5 a{ border-bottom: 1px dashed #448AFF; text-decoration: none; color: #448AFF; } .cart-page-pay-form-block{ width: 266px; height: 144px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; padding: 18px 0px 0px 0px; } .cart-page-pay-form-title{ font-size: 16px; font-weight: 600; line-height: normal; color: #000000; letter-spacing: 1.1px; display: block; width: 100%; text-align: center; } .cart-page-pay-form-images{ margin-top: 16px; width: 100%; height: 62px; display: block; } .cart-page-pay-form-images.pay-1{ background-image: url("/images/pay-1.png"); background-repeat: no-repeat; background-size: 54%; background-position: center -5px; } .cart-page-pay-form-images.pay-2{ background-image: url("/images/pay-2.png"); background-repeat: no-repeat; background-size: 38%; background-position: center 12px; } .cart-page-pay-form-images.pay-3{ background-image: url("/images/pay-3.png"); background-repeat: no-repeat; background-size: 41%; background-position: center 13px; } .cart-page-pay-form-images.pay-4{ background-image: url("/images/pay-4.png"); background-repeat: no-repeat; background-size: 39%; background-position: 67px 15px; } .cppfb-3 .cart-page-pay-form-block { padding: 19px 0px 0px 0px; } .cart-page-pay-form-images.pay-5{ background-image: url("/images/pay-5.png"); background-repeat: no-repeat; background-size: 40%; background-position: center 15px } .cart-page-pay-form-images.pay-6{ background-image: url("/images/pay-6.png"); background-repeat: no-repeat; background-size: 26%; background-position: center 20px; } .cart-page-pay-form-images.pay-7{ background-image: url("/images/pay-7.png"); background-repeat: no-repeat; background-size: 38%; background-position: 85px 28px; } .cart-page-pay-form-images.pay-8{ background-image: url("/images/pay-8.png"); background-repeat: no-repeat; background-size: 39%; background-position: 80px 15px; } .cart-page-body-pay-button-1 { height: 59px; width: 268px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 6px; font-size: 16px; font-weight: 600; line-height: normal; color: #448AFF; letter-spacing: 1.2px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0px 0px 1px 3px; } .cart-page-body-pay-button-2 { margin-right: 11px; height: 59px; width: 268px; background: linear-gradient(168.69deg, #79BEFF 0%, #448AFF 100%); border-radius: 6px; font-size: 16px; font-weight: 600; line-height: normal; color: #ffffff; letter-spacing: 1.13px; text-align: center; display: flex; align-items: center; justify-content: center; padding: 0px 0px 2px 2px; } .ui-datepicker{ z-index: 100!important; } .cb-step-41-box-right-count-wrap{ background-color: #ffffff; width: 100%; height: 38px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; align-content: space-between; } .cb-step-41-box-right-count-minus{ flex: 0 0 38px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; font-size: 14px; line-height: normal; color: #546E7A; padding: 8.5px 0px 0px 0px; text-align: center; } .cb-step-41-box-right-count-number{ flex: 1 0 0; height: 100%; border-bottom: 1px solid rgba(207, 216, 220, 0.5); border-top: 1px solid rgba(207, 216, 220, 0.5); font-size: 16px; line-height: normal; color: #546E7A; padding: 9px 3px 0px 0px; text-align: center; } .cb-step-41-box-right-count-plus{ flex: 0 0 38px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px; font-size: 23px; line-height: normal; color: #546E7A; padding: 5px 0px 0px 0px; text-align: center; } .cb-step-41-box-right-count-minus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .cb-step-41-box-right-count-plus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .step-4-slider .item{ overflow: hidden; width: 200px; height: auto; background-color: #ffffff; border: 1px solid rgba(207, 216, 220, 0.199813); box-sizing: border-box; border-radius: 6px; } .cb-step-4-slider-wrap{ width: 100%; height: auto; } .step-4-slider .owl-nav { position: absolute; top: 44.1%; width: 100%; } body .step-4-slider.owl-carousel .owl-nav button { margin: 0px; padding: 0px; width: 38px; height: 38px; position: absolute; z-index: 100; border-radius: 0px; outline:none; border: 0; background-color: #fb781b; border-radius: 50%; } body .step-4-slider.owl-carousel .owl-nav button:hover{ background-color: #fb781b!important; } .step-4-slider.owl-carousel .owl-nav button span { display: none; } .step-4-slider.owl-carousel .owl-nav button.owl-prev { left: -22px; } .step-4-slider.owl-carousel .owl-nav button.owl-next { right: -22px; } /*.step-4-slider.owl-carousel .owl-nav button.owl-prev:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-left.svg"); background-repeat: no-repeat; background-size: cover; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 50%; }*/ /*.step-4-slider.owl-carousel .owl-nav button.owl-next:before { content: ''; top: 0px; left: 0px; position: absolute; width: 38px; height: 38px; background-image: url("/images/arrow-right.svg"); background-repeat: no-repeat; background-size: cover; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.2); border-radius: 50%; }*/ body .step-4-slider.owl-carousel .owl-nav button.owl-next:before { content: ''; top: 5px; left: 13px; position: absolute; width: 15px; height: 28px; background-image: url("/demo/images/arrow-right.svg"); background-repeat: no-repeat; background-size: cover; box-shadow: 0 5px 10px rgba(172,181,185,.2); border-radius: 50%; } body .step-4-slider.owl-carousel .owl-nav button.owl-prev:before { content: ''; top: 5px; left: 10px; position: absolute; width: 15px; height: 28px; background-image: url(/demo/images/arrow-left.svg); background-repeat: no-repeat; background-size: cover; box-shadow: 0 5px 10px rgba(172,181,185,.2); border-radius: 50%; } .step-4-slider.owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent; color: inherit; text-decoration: none; outline:none; border: 0; } .step-4-slider-header { height: 56px; width: 100%; /*background-color: #EBEFF0;*/ background-color: #FFFFFF; /*background-image: url("/images/slider-header-bg.svg");*/ background-repeat: no-repeat; background-position: -108px 0px; background-size: 104%; display: flex; flex-flow: wrap; justify-content: space-between; } .step-4-slider-header-left { background-color: transparent; flex: 0 0 44.2%; } .step-4-slider-header-right { background-color: transparent; flex: 0 0 51.9%; } /*.step-4-slider-header-left a { display: block; width: 100%; height: 100%; line-height: 56px; text-align: center; font-size: 14px; color: #FFFFFF; letter-spacing: 1.7px; }*/ .step-4-slider-header-left a { display: block; width: 100%; height: 100%; line-height: 56px; text-align: center; font-size: 14px; font-weight: 600; color: #488eff; letter-spacing: normal; } .step-4-slider-header-right a { padding: 0px 0px 0px 30px; display: block; width: 100%; height: 100%; line-height: 56px; text-align: center; font-size: 14px; color: #78909C; letter-spacing: normal; position: relative; } .step-4-slider-header-right a:before { content: ''; position: absolute; /*background-image: url("/images/bot-sky.svg");*/ background-repeat: no-repeat; background-size: cover; width: 24px; height: 24px; left: 11px; top: 16px; } .step-4-slider-images-wrap{ width: 100%; height: 201px; text-align: center; overflow: hidden; } .step-4-slider-images-wrap a { display: inline-block; text-decoration: none; } .step-4-slider-images-wrap a img { width: 100%; } .step-4-slider-name-wrap { width: 100%; height: 44px; overflow: hidden; padding: 0px 0px 0px 0px; } .step-4-slider-name{ font-size: 18px; font-weight: 600; line-height: 22px; color: #78909C; } .step-4-slider-text-wrap{ width: 100%; height: 54px; padding: 0px 0px 0px 0px; display: flex; align-content: center; align-items: center; justify-content: flex-start; overflow: hidden; margin: 10px 0px 0px 0px; } .step-4-slider-text{ font-size: 14px; font-weight: 500; line-height: 17px; color: #78909C; } .step-4-slider-button-wrap{ width: 100%; height: 50px; display: block; } .step-4-slider-button{ width: 100%; height: 50px; background: linear-gradient(158.36deg, #79BEFF 0%, #448AFF 100%); border-radius: 4px; color: #ffffff; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; letter-spacing: 0.5px; cursor: pointer; } .step-4-slider-content-wrap{ padding: 15px 15px 15px 15px; } .step-4-slider-content-3-wrap{ width: 100%; text-align: center; padding: 0px 0px 0px 0px; margin-bottom: 15px; } .step-4-slider-count-wrap{ background-color: #ffffff; width: 108px; height: 24px; display: inline-flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; align-content: space-between; } .step-4-slider-count-minus{ flex: 0 0 24px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 4px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 4px; font-size: 14px; line-height: normal; color: #546E7A; padding: 2.5px 1px 0px 0px; text-align: center; } .step-4-slider-count-number{ flex: 1 0 0; height: 100%; border-bottom: 1px solid rgba(207, 216, 220, 0.5); border-top: 1px solid rgba(207, 216, 220, 0.5); font-size: 14px; line-height: normal; color: #546E7A; padding: 4px 4px 0px 0px; text-align: center; } .step-4-slider-count-plus{ flex: 0 0 24px; height: 100%; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-top-left-radius: 0px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 0px; font-size: 24px; line-height: 26px; color: #546E7A; padding: 0px 0px 0px 0px; text-align: center; } .step-4-slider-count-minus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .step-4-slider-count-plus.active{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .step-4-slider-count-plus:hover{ background: linear-gradient(180deg, #79BEFF 0%, #448AFF 100%); border: 1px solid rgba(121, 190, 255, 0.5); color: #ffffff; cursor: pointer; } .step-4-slider-count-descript{ width: 100%; font-size: 14px; font-weight: 600; line-height: 19px; color: #546E7A; text-align: center; padding: 0px 0px 10px 0px; } .fill_parameters_title{ font-size: 20px; font-weight: 500; line-height: normal; color: #546E7A; font-weight: 600; margin-bottom: 20px; } .fill_parameters_wrap{ padding: 30px 0px 0px 0px; display: block; width: 100%; } .fill_parameters_row{ width: 100%; height: auto; margin-bottom: 15px; display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: nowrap; } .fill_parameters_left{ width: 180px; height: 67px; font-size: 16px; font-weight: 500; line-height: normal; text-align: left; display: flex; align-content: center; align-items: center; justify-content: flex-start; padding: 10px 10px 0px 10px; color: #78909C; } .fill_parameters_right{ flex: 1 1 0; height: auto; display: flex; justify-content: flex-start; } .fill_parameters_wrap .cb-step-6-wrap{ display: flex; flex-wrap: nowrap; justify-content: flex-start; width: 100%; } .cb-step-6-descripr{ font-size: 14px; font-weight: 500; line-height: normal; } .fill_parameters_wrap .cb-step-6-b1 { width: 58px } .fill_parameters_wrap .cb-step-6-b2 { width: 58px; } .fill_parameters_wrap .cb-step-6-b3 { width: 148px; } .fill_parameters_wrap .cb-step-6-b4{ width: 140px; } .fill_parameters_wrap .cb-step-6-b6{ width: 192px; } .fill_parameters_wrap .cb-step-6-b4 .cb-step-6-input-wrap{ padding: 0px; } .fill_parameters_wrap .cb-step-6-b4 select { width: 100%; font-size: 100%; height: 48px; border: 0px; color: #222; background-color: #fff; background: none; padding: 4px; } .fill_parameters_wrap .cb-step-6-b6 select { width: 100%; font-size: 100%; height: 48px; border: 0px; color: #222; background-color: #fff; background: none; padding: 4px; } .fill_parameters_wrap .cb-step-6-b4 select:focus { outline: none; } .fill_parameters_wrap .cb-step-6-b6 select:focus { outline: none; } .fill_parameters_wrap .cb-step-6-b6 .cb-step-6-input-wrap { padding: 0px; } .cb-step-6-b4 { margin-right: 10px; } .button-send{ cursor: pointer; } .pulse-error { box-shadow: 0 0 0 0 rgba(226, 31, 13, 1); -webkit-animation: pulse 1.0s infinite cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.0s infinite cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.0s infinite cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.0s infinite cubic-bezier(0.66, 0, 0, 1); } @-webkit-keyframes pulse {to {box-shadow: 0 0 0 5px rgba(232, 76, 61, 0);}} @-moz-keyframes pulse {to {box-shadow: 0 0 0 5px rgba(232, 76, 61, 0);}} @-ms-keyframes pulse {to {box-shadow: 0 0 0 5px rgba(232, 76, 61, 0);}} @keyframes pulse {to {box-shadow: 0 0 0 5px rgba(232, 76, 61, 0);}} .container-home-calc-box-2{ display: block; z-index: 100; position: relative; } .container-home-calc-box-3 { height: 260px; font-size: 20px; font-weight: 500; line-height: normal; color: #546E7A; } .calc-box-general-row{ height: auto; width: 100%; display: flex; align-content: center; align-items: center; justify-content: flex-start; flex-wrap: nowrap; } .calc-box-general{ background-color: #ffffff; padding: 0px 10px 0px 0px; } .cbgr-3 .calc-box-general-data-user{ height: 48px; /*width: 32%;*/ width: auto; margin-right: 2%; display: flex; justify-content: flex-start; flex-wrap: nowrap; } .cbgr-2 .calc-box-general-data-user{ height: 48px; width: 49%; width: auto; margin-right: 2%; display: flex; justify-content: flex-start; flex-wrap: nowrap; } .cbgr-1 .calc-box-general-data-user{ height: 48px; width: 100%; margin-right: 0px; display: flex; justify-content: flex-start; flex-wrap: nowrap; } div.calc-box-general-data-user.flex-center{ justify-content: center; } div.calc-box-general-data-user:last-child{ margin-right: 0px; justify-content: flex-end; } .cbgr-1 div.calc-box-general-data-user:last-child{ margin-right: 0px; justify-content: flex-start; } .calc-box-general-data-user-left{ color: #78909C; font-size: 16px; line-height: 19px; font-weight: 600; text-align: center; display: flex; align-content: center; align-items: center; justify-content: flex-start; padding: 0px 0px 0px 0px; } .calc-box-general-data-user-right{ color: #78909C; font-size: 16px; line-height: 19px; font-weight: 500; text-align: center; display: flex; align-content: center; align-items: center; justify-content: flex-start; padding: 0px 0px 0px 10px; } .calc-box-general-data-user-left.flex-column{ flex-direction: column; } .calc-box-general-data-user-left-up{ width: 100%; font-weight: 600; } .calc-box-general-data-user-left-down{ width: 100%; font-weight: 500; padding: 0px 0px 0px 20px; } .calc-box-general-data-user-70{ height: auto; width: 70%; color: #78909C; font-size: 16px; line-height: 19px; display: flex; align-content: center; align-items: center; justify-content: center; flex-direction: column; } .calc-box-general-data-user-30{ height: 48px; width: 30%; color: #78909C; font-size: 16px; line-height: 19px; display: flex; align-content: center; align-items: center; justify-content: flex-end; } .calc-box-general-hr{ width: 100%; height: 1px; background-color: #E7ECEE; margin: 13px 0px 13px 0px; } .calc-box-general-row.cbgr-button{ height: auto; margin-top: 30px; } .calc-box-general-row.cbgr-button .calc-box-general-data-user{ height: auto } .switch-mobile-menu{ width: 60px; height: auto; } .show-mobile{ display: none; } .uslovia-prokata{ padding:0px 15px; } .uslovia-prokata h2{ color: #5c2fea; font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; text-align: left; } .uslovia-prokata ul{ text-align: left; list-style-type: none; padding: 0px; margin: 0px; color: #5c2fea; margin-bottom: 20px; } .mobile-search{ width: 46px; } .mobile-search .form-search-button { background-color: #ffffff; } .mobile-cart .cart-icon { background-size: 68%; } .mobile-cart .cart-icon-count { bottom: 15px; } .switch-mobile-menu-wrap{ width: 100%; height: 100%; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; } .switch-mobile-menu svg{ width: 100%; } .container-top-slider-home .container-top-slider-home-height{ height: 545px; position: relative; } .top-slider-home-arrow-wrap{ text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; } .top-slider-home-arrow-left{ width: 38px; height: 38px; background-image: url("/images/home-arrow-left.svg"); background-repeat: no-repeat; background-size: cover; margin: 0px 5px 0px 5px; } .top-slider-home-arrow-right{ width: 38px; height: 38px; background-image: url("/images/home-arrow-right.svg"); background-repeat: no-repeat; background-size: cover; margin: 0px 5px 0px 5px; } .top-slider-home-arrow{ margin-bottom: 20px; } .mbz-20{ margin-bottom: 20px; } .mbz-30{ margin-bottom: 30px; } .mobile-footer-nav{ width: 100%; } .mobile-footer-nav-wrap{ width: 100%; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: nowrap; align-content: space-between; } .mobile-footer-nav-left{ width: 50%; } .mobile-footer-nav-right{ width: 50%; } .mobile-footer-nav .fotter-menu-navbar{ display: block; } .mobile-footer-nav .fotter-nav-link { text-align: left; } .mobile-footer-nav .fotter-nav-item:last-child a { text-align: left; } .mobile-footer-nav .fotter-nav-link { display: block; padding: 8px 0px 7px 0px; } .switch-mobil-menu{ margin-top: -12px; width: 40px; height: 40px; background-image: url("/img/ic-menu.svg"); background-position: 0% 0%; background-size: cover; cursor: pointer; -webkit-transition: background-image .2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: background-image .2s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: background-image .2s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: background-image .2s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .wrap-logo-2{ display: flex; justify-content: flex-start; height: 76px; padding-top: 8px; padding-bottom: 8px; background-color: #ffffff; } #mobile-menu { overflow: auto; position: fixed; /*top: 66px;*/ top: 0px; bottom: 0; background-color: #448AFF; z-index: 99999; display: none; border-right: 1px solid #ccc; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box; } #mobile-menu .mobile-menu { list-style-type: none; width: 100%; float: left; margin: 0px 0px 0px 0px; padding-left: 0; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } #mobile-menu .mobile-menu li { display: block; border-top: 1px solid #ffffff; width: 100%; float: left; margin-left: 0; padding-left: 0; position: relative; background: #448AFF; box-shadow: 4px 0px 10px rgba(68, 138, 255, 0.12); } #mobile-menu .mobile-menu li:last-child{ border-bottom: 1px solid #ffffff; } #mobile-menu .mobile-menu .expand { right: 0; position: absolute; border-left: 1px solid #ffffff; padding: 0 0px; width: 50px; height: 100%; color: #eb2c1d; margin-left: 0; text-align: center; display: flex; align-content: center; align-items: flex-start; justify-content: center; } .overlay { position: fixed; top: 0; left: 0; height: 100%; min-height: 100%; width: 100%; z-index: 20; background: black; opacity: 0.2; filter: alpha(opacity=20); } #mobile-menu li a { text-transform: none; color: #ffffff; } #mobile-menu .cat-sub-mobile li a { text-transform: none; color: #78909C; } #mobile-menu .mobile-menu li a { display: block; overflow: hidden; text-decoration: none; padding: 15px 21px 15px 15px; } #mobile-menu .mobile-menu ul { margin-left: 0; padding-left: 0; } #mobile-menu .mobile-menu li li, #mobile-menu .mobile-menu li li li, #mobile-menu .mobile-menu li li li li, #mobile-menu .mobile-menu li li li li li { background: #fff; } .btnz { margin-right: 0px; margin-top: 0px; display: inline-block; width: 24px; height: 24px; color: #e50000; transform: translateZ(0); transition: all 0.5s ease; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .btnz span.plus-wrap { display: block; position: relative; width: 15px; height: 15px; transition: transform 0.5s ease; overflow: hidden; margin: 17px 0px 0px 0px; } .btnz span.plus-wrap span { display: block; background-color: #ffffff; position: absolute; top: 0; left: 0; width: 15px; height: 15px; transition: all 0.5s ease; border: 1px solid transparent; } .btnz span.plus-wrap span { transform: scale(1,0.2); } .btnz span.plus-wrap span.s2 { transform: scale(0.2,1); } .open.btnz span.plus-wrap span { transform: scale(1,0.2); } .mmPushBody .switch-mobil-menu { background-image: url("/images/ic-close.svg"); } #modal{ background: white; padding: 0px 0px; text-align: center; max-width: 451px; margin: 40px auto; position: relative; } #modal .quick-call-all { width: 100%; background-color: #ffffff; min-height: 140px; margin-bottom: 0; padding: 30px; } #modal .quick-call-title { text-align: center; padding: 10px 0px 20px 0px; line-height: 29px; font-size: 24px; color: #1e1e1e; } #modal .box-quick-call-content { display: block; text-align: center; } #modal .box-quick-call-item { display: block; padding: 0; margin: 0px 0px 20px 0px; border: 0; vertical-align: top; position: relative; } #modal .quick-call-all .whatis-your-name, #modal .quick-call-all .your-phone-number, #modal .your-question { width: 100%; height: 42px; border: 1px solid #cccccc; border-radius: 4px; font-size: 16px; padding: 0px 10px 0px 10px; text-align: left; line-height: normal; color: #1e1e1e; } #modal .your-question{ height: 108px; padding: 8px 10px; } #modal .label-z, #modal .label-zt{ font-weight: 400; text-align: left; font-size: 12px; line-height: normal; padding: 3px 4px; background-color: #ffffff; color: #8c8c8c; margin-bottom: 0px; position: absolute; top: 10px; left: 12px; transition: all 0.2s ease-out; margin: 0px; cursor: pointer; } #modal .label-zt{ top:-10px; font-size: 12px; } #modal .label-z span, #modal .label-zt span{ color: red; font-size: 14px; line-height: 10px; } #modal .box-quick-call-item:hover .label-z{ top:-10px; font-size: 12px; } #modal .box-quick-call-item input:focus + label.label-z, #modal .box-quick-call-item input:invalid + label.label-z { top:-10px; font-size: 12px; } #modal .input-terms-privacy{ position: absolute; z-index: -1; opacity: 0; padding: 0px; margin: 0px; } #modal .box-akciy-popup-left-checkbox-indicator { width: 16px; height: 16px; position: relative; display: inline-block; vertical-align: top; background-color: #fff; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #ccc; } #modal .toggle-your-time { display: inline-block; color: #e9001e; font-size: 13px; font-weight: 700; line-height: 16px; text-decoration: none; } #modal .wrap-your-time { text-align: left; display: none; } #modal .box-quick-call-item.wrap-your-time { margin: 0px 0px 10px 0px; } body #modal .wrap-your-time-input.open { height: 44px; } body #modal .wrap-your-time-input { margin-top: 10px; height: 0px; transition-property: all; transition-duration: .5s; transition-timing-function: cubic-bezier(0, 1, 0.5, 1); overflow-y: hidden; } #modal .your-time { width: 100%; height: 42px; border: 1px solid #cccccc; border-radius: 4px; font-size: 13px; padding: 0px 10px 0px 10px; text-align: left; line-height: normal; color: #1e1e1e; } #modal .scale-b { -webkit-transform: scale(1); transform: scale(1); -webkit-transition: -webkit-transform .15s ease-out; transition: transform .15s ease-out; transition: transform .15s ease-out,-webkit-transform .15s ease-out } #modal .scale-b:hover { -webkit-transform: scale(1.04); -moz-transform: scale(1.04); transform: scale(1.04); -webkit-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1), 0 7px 25px 0 rgba(0,0,0,0.1); -moz-box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1), 0 7px 25px 0 rgba(0,0,0,0.1); box-shadow: 0 3px 8px 0 rgba(0,0,0,0.1), 0 7px 25px 0 rgba(0,0,0,0.1); } #modal .request-call-all { background-color: #e9001e; border-color: #e9001e; padding: 8px 30px 9px 30px; margin: 0; font-size: 16px; line-height: normal; font-weight: 400; color: #ffffff; text-align: center; border-radius: 5px; border: 0px; display: inline-block; cursor: pointer; opacity: 0.5; } #modal .wrap-input-terms-descript a { text-decoration: none; color: #e9001e; } #modal .terms-privacy { padding: 5px 0 5px 0px; margin-bottom: 10px; text-align: center; display: table; font-size: 13.5px; line-height: 20px; } #modal .wrap-input-terms-descriptprivacy { display: table-cell; vertical-align: top; } #modal .input-terms-privacy:hover ~ .box-akciy-popup-left-checkbox-indicator{ background-color: #e9001e; border: 0px; } #modal .input-terms-privacy:checked ~ .box-akciy-popup-left-checkbox-indicator{ background-color: #e9001e; border: 0px; } #modal label.box-input-terms-privacy{ display: block; margin-bottom: 0px; padding-top: 2px; padding-right: 7px; } #modal .input-terms-privacy:checked ~ .box-akciy-popup-left-checkbox-indicator:after { position: absolute; content: ''; left: 4px; top: 1px; width: 7px; height: 10px; border: solid #fff; border-width: 0px 2px 2px 0px; transform: rotate(45deg); } .quick-call-descript{ margin-bottom: 15px; } /************************************************************/ /************************************************************/ /************************************************************/ /************************************************************/ /************************************************************/ /************************************************************/ /***************************media***************************/ /***********************************************************/ /************************************************************/ /************************************************************/ /************************************************************/ /************************************************************/ /************************************************************/ /************************************************************/ /************************************************************/ /************************************************************/ @media (max-width: 4048px) { .wrap-top-slider-home-2 { z-index: 5; position: absolute; width: 696px; right: 0px; top: 390px; padding: 0px; } } @media (max-width: 3048px) { .wrap-top-slider-home-2 { z-index: 5; position: absolute; width: 696px; right: 0px; top: 226px; padding: 0px; } } @media (max-width: 2048px) { .wrap-top-slider-home-2 { z-index: 5; position: absolute; width: 696px; right: 0px; top: 414px; padding: 0px; } } @media (max-width: 1980px) { .wrap-top-slider-home-2 { z-index: 5; position: absolute; width: 696px; right: 0px; top: 390px; padding: 0px; } } @media (max-width: 1380px) { .fisher-logo { position: absolute; top: 5px; left: -68px; } .burton-logo { position: absolute; top: 65px; left: -68px; } } @media all and (max-width: 769px) and (orientation : portrait) { /*.slogon-line-top{ border: 1px solid red; }*/ .container-top-menu .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 140px; flex: 0 0 140px; max-width: 140px; } .nav-top-menu a { padding: 8px 3px 5px 3px; display: none; } .nav-top-menu a:nth-child(1), .nav-top-menu a:nth-child(2), .nav-top-menu a:nth-child(3), .nav-top-menu a:nth-child(4), .nav-top-menu a:nth-child(5) { display: block; } .form-search-wrap { margin: 0px 5px 0px 5px; } .form-search-input { width: 100%; } .cart-wrap { margin-left: 0px; } .cart-descript { display: none; } .container-top-logo .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 300px; max-width: 300px; } .phone-line-0 a { margin: 0px 0px 0px 3px; letter-spacing: normal; } .phone-line-2 a { letter-spacing: normal; } .phone-line-3 a { letter-spacing: normal; } .phone-line-0 a:nth-child(1) { margin: 0px 0px 0px 0px; } .container-top-logo .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 210px; flex: 0 0 210px; max-width: 210px; } .container-top-logo .col-md-2 { -webkit-box-flex: 0; -ms-flex: 0 0 150px; flex: 0 0 150px; max-width: 150px; } .wrap-slogon { margin-left: 10px; } .slogon-line-top { font-size: 20px; } .fisher-logo { position: absolute; top: 5px; left: 0px; } .burton-logo { position: absolute; top: 28px; left: 0px; } .top-slider-home-sloogon-1 { letter-spacing: normal; font-size: 26px; } .top-slider-home-sloogon-2 { font-size: 22px; line-height: normal; letter-spacing: normal; } .top-slider-home-ul{ margin: 0px; } .top-slider-home-ul li{ font-size: 18px; font-weight: 500; line-height: normal; letter-spacing: normal; } .container-top-slider-home .col-md-5{ display: none; } .container-top-slider-home .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .container-top-slider-home-overlay { width: 100%; } .wrap-top-slider-home { padding: 70px 0px 0px 0px; } .container-top-slider-home .container-top-slider-home-height { height: 345px; } .container-top-slider-home { background-size: 157%; background-position: -180px 0px; } h2.fiolet { color: #5c2fea; font-size: 28px; line-height: normal; letter-spacing: normal; text-align: left; } .container-category-home-body > div { width: 165px; margin-bottom: 0px; } .price-wrap .container-home-product-slider .item { width: 338px; height: 530px; } .owl-carousel .owl-item .slider-home-product-body-left img { height: auto; width: 100%; display: inline-block; } .price-wrap .slider-home-product-button-b1 { width: 90px; font-size: 13px; letter-spacing: normal; } .slider-home-product-button-b2 { font-size: 13px; letter-spacing: normal; width: 90px; } .price-wrap .slider-home-product-header { background-position: -44px 0px; background-size: 59.5%; } .text-descript-block-2 { font-size: 28px; padding: 0px 0px 48px 15px; } .container-home-consultaciya-images { width: 638px; height: 515px; position: absolute; top: 24px; left: -176px; } .container-home-consultaciya-wrap-2 { padding: 84px 0px 50px 0px; position: relative; z-index: 101; } .container-home-consultaciya-title-2 { width: 100%; font-size: 24px; line-height: normal; font-weight: 600; color: #FFFFFF; letter-spacing: normal; margin-bottom: 16px; } .container-home-consultaciya-body-ul li { padding: 0px; margin: 0px; color: #ffffff; font-size: 18px; line-height: 24px; font-weight: 600; } .container-home-consultaciya-body-slogan { font-size: 15px; font-weight: 600; line-height: normal; letter-spacing: normal; color: #FFFFFF; display: inline-block; padding: 4px 0px 0px 0px; } .container-slider-home-brand-title-wrap { padding: 0px 0px 50px 0px; } .container-slider-home-brand-title-wrap h2 { color: #5c2fea; font-size: 26px; font-weight: 600; line-height: normal; letter-spacing: normal; } .container-slider-home-brand-slider .item { width: 238px; height: auto; padding: 10px; } .container-slider-home-brand-body-wrap { height: 100%; width: auto; margin-right: 0px; margin-bottom: 30px; } .container-home-preimushestva .col-md-6 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .container-home-preimushestva-left-wrap { padding: 83px 0px 20px 0px; } .container-home-preimushestva-right-wrap { padding: 83px 0px 10px 65px; } .container-home-preimushestva-right-body { padding: 15px 0px 13px 197px } .show-mobile.uslovia-prokata{ display: block; position: relative; z-index: 100; } .uslovia-prokata h2 { font-size: 26px; } .container-home-calc-title-wrap h2 { font-size: 30px; line-height: normal; letter-spacing: normal; } .container-home-calc-box-left { height: auto; flex: 0 0 100%; max-width: 100%; padding-right: 0px; } .container-home-calc-box { display: block; } .cb-step-3-wrap > div:nth-of-type(3n) { margin-right: 15px; } .cb-step-3-wrap > div { font-size: 10px; line-height: 15px; width: 200px; margin-right: 15px; margin-bottom: 15px; } .cb-step-2-b1 { vertical-align: top; display: inline-block; width: 200px; margin-right: 15px; } .cb-step-2-b2 { vertical-align: top; display: inline-block; width: 200px; margin-right: 15px; } .cb-step-2-b3 { vertical-align: top; display: inline-block; width: 200px; } .cb-step-4-wrap > .select-step-4 { width: 150px; } .step-4-slider .item { width: 150px; } .step-4-slider-header { height: 48px; background-position: -100px 0px; background-size: 122%; } .step-4-slider-header-left a { line-height: 48px; font-size: 12px; letter-spacing: normal; } .step-4-slider-header-right a { padding: 0px 0px 0px 4px; line-height: 48px; font-size: 12px; letter-spacing: normal; position: relative; } .step-4-slider-images-wrap { height: 150px; } .step-4-slider-price { font-size: 19px; } .step-4-slider-day { font-size: 15px; } .step-4-slider-name { font-size: 16px; font-weight: 600; line-height: 19px; } .step-4-slider-content-wrap { padding: 10px 7px 0px 7px; } .step-4-slider-4-wrap { height: 30px; padding: 0px 0px 0px 0px; } .step-4-slider-name-wrap { height: 28px; } .fill_parameters_wrap .cb-step-6-b1 { width: 80px; } .fill_parameters_wrap .cb-step-6-b2 { width: 80px; } .fill_parameters_wrap .cb-step-6-b3 { width: 140px; } .cb-step-6-descripr { font-size: 13px; line-height: normal; width: 100%; overflow: hidden; } .fill_parameters_wrap .cb-step-6-b4 { width: 140px; } .purple-header { font-size: 26px; } .cb-step-7-wrap > div { width: 152px; height: 152px; margin-right: 12px; font-size: 13px; } .cb-step-43-wrap .cb-step-43-box { width: 150px; margin-right: 12px; } .cb-step-91-b1 { width: 200px; margin-right: 15px; } .cb-step-91-n1, .cb-step-91-n2, .cb-step-91-n3 { width: 200px; margin-right: 15px; } .cb-step-91-b2 { width: 200px; margin-right: 15px; } .cb-step-91-b3 { width: 200px; margin-right: 0px; } .cb-step-91-b4 { width: 200px; margin-right: 0px; } .cb-step-92-wrap.hidden-mobile{ display: none; } .cb-step-92-wrap.show-mobile{ display: block; } .container-home-calc-box-right { height: auto; } .container-home-calc.container-home-calc-zabronirovat { padding-bottom: 0px; } .container-home-otziv-title-wrap { padding: 0px 0px 0px 19px; } .container-home-otziv-left-body-desc-link a { font-size: 12px; letter-spacing: normal; } .container-home-otziv-left-body-desc-text { font-size: 14px; letter-spacing: normal; } .container-home-otziv-showall-wrap { padding: 0px 0px 0px 0px; text-align: center; } .container-home-foto-slider-wrap { padding: 0px 0px 0px 0px; } .container-home-foto-slider .item { height: 389px; width: 100%; } .container-home-foto-slider.owl-carousel .owl-nav button.owl-prev { left: -22px; } .container-home-foto-slider.owl-carousel .owl-nav button.owl-next { right: -22px; } .container-home-foto-showall-wrap { padding: 25px 0px 25px 0px; text-align: center; } .container-home-consultaciya-item-2 .container-home-consultaciya-wrap { padding: 94px 0px 150px 0px; } .container-home-consultaciya-item-2 .container-home-consultaciya-title { width: 100%; font-size: 25px; letter-spacing: normal; margin-bottom: 30px; } .container-home-consultaciya-item-2 .container-home-consultaciya-images { width: 567px; height: 455px; position: absolute; top: 9px; left: -123px; } .container-home-consultaciya-item-2 .container-home-consultaciya-overlay { bottom: 0px; } .container-home-consultaciya-item-2 .container-home-consultaciya-wrap { padding: 110px 0px 70px 0px; } .container-home-life-slider .item { height: 375px; width: 100%; } .container-home-life-slider-wrap { padding: 0px 0px 0px 0px; } .container-home-life-slider-img img { width: auto; height: 100%; } .container-home-life-slider.owl-carousel .owl-nav button.owl-prev { left: -22px; } .container-home-life-slider.owl-carousel .owl-nav button.owl-next { right: -22px; } .container-home-life-showall-wrap { padding: 30px 0px 0px 0px; } .container-home-news .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .container-home-news-showall-wrap { padding: 15px 0px 0px 0px; } .fotter-nav-link { display: block; padding: 22px 3px 23px 3px; font-size: 14px; letter-spacing: normal; } .fotter-menu-navbar li:nth-child(7), .fotter-menu-navbar li:nth-child(8){ display: none; } h1 { font-size: 26px; line-height: normal; } .footer-box-logo-link { width: 100%; } .footer-box-logo-link img { width: 100%; } .footer-box-menu-1-wrap { padding: 13px 0px 0px 0px; } .footer-box-menu-1-nav li { margin-bottom: 8px; } .footer-box-menu-1-nav li a { font-size: 14px; line-height: normal; letter-spacing: normal; } .footer-box-menu-2-wrap { padding: 13px 0px 0px 10px; margin-bottom: 0px; } .footer-box-menu-3-wrap { padding: 0px 0px 0px 10px; } .footer-box-menu-4-wrap { padding: 13px 0px 0px 0px; } .footer-box-soc { margin: 19px 0px 19px 0px; padding: 0px 0px 0px 0px; } .footer-box-menu-4-wrap h3 { letter-spacing: normal; } .footer-box-menu-3-wrap h3 { letter-spacing: normal; } .footer-box-menu-1-wrap h3 { letter-spacing: normal; } .footer-box-menu-2-wrap h3 { letter-spacing: normal; } .footer-box-mp { width: 104px; height: 45px; margin-bottom: 3px; } .footer-box-metod-pay { width: 100%; height: auto; margin-bottom: 0px; } .footer-box-subscribe-wrap { width: 100%; height: 51px; padding: 0px 0px 0px 0px; margin-bottom: 10px; } .footer-box-subscribe-button { font-size: 14px; display: block; letter-spacing: normal; } .footer-box-menu-4-wrap h3.h3-subscribe { margin-bottom: 12px; } .footer-box-subscribe-term a { font-size: 11px; } .container-home-product-slider.owl-carousel .owl-nav button.owl-prev { left: -22px; } .container-home-product-slider.owl-carousel .owl-nav button.owl-next { right: -22px; } } @media all and (max-width: 1025px) and (orientation : landscape) { /*.slogon-line-top{ border: 1px solid green; }*/ .ceny-item-header h2 { font-size: 22px; line-height: 21px; } .ceny-item-header-left { height: auto; padding: 0px 0px 0px 15px; } .DOP-TITLE span { font-size: 16px; } .ceny-item-header-right-line-1 span { font-size: 20px; } .ceny-item-header-right-line-1 { font-size: 19px; padding-left: 0px; } .ceny-item-header-right-line-2 { font-size: 12px; } .ceny-item-header-right-line-2 span { padding: 0px 6px 0px 6px; } .ceny-item-body-left-name { font-size: 15px; display: block; } .ceny-item-body-left { padding: 0px 0px 0px 0px; } .ceny-item-body-right { font-size: 15px; } .ceny-item-body-right { padding: 0px 0px 0px 0px; } .ceny-item-body-right span { min-width: 48px; padding: 0px 5px 0px 5px; } .ceny-item-header { height: auto; } .ceny-item-header-right { height: auto; } .ceny-item-header { padding: 15px 0px 17px 0px; } .ceny-item-body-left-icon img { width: 121px; } .ceny-item-body-left-icon { width: 121px; margin-right: 10px; } .news-page-text img{ width: 100%; height: auto; } .news-page-text img.logo-news{ width: 150px; height: auto; } .navbar-nav a.nav-link { font-size: 15px; } .hidden-mobile-1025{ display: none; } .row .col-mobile-1025{ -webkit-box-flex: 0; -ms-flex: 0 0 41.6666666667%; flex: 0 0 41.6666666667%; max-width: 41.6666666667%; } .col-mobile-1025 .phone-home-product-item-title { font-size: 12px; } .col-mobile-1025 .phone-line.phone-line-4 a { position: relative; } .col-mobile-1025 .phone-home-product-item-num-2, .col-mobile-1025 .phone-home-product-item-num-2:hover, .col-mobile-1025 .phone-home-product-item-num-2:focus { font-size: 17px; } .nav-top-menu a{ display: none; } .nav-top-menu a:nth-child(1){ display: block; } .nav-top-menu a:nth-child(2){ display: block; } .nav-top-menu a:nth-child(3){ display: block; } .nav-top-menu a:nth-child(4){ display: block; } .form-search-input { width: 100%; } .form-search-wrap { margin: 0px 25px 0px 25px; } .cart-descript{ display: none; } .cart-wrap { margin-left: 0px; } .footer-box-mp { width: 50%; height: 43px; background-size: 100%; } .footer-box-menu-1-wrap { padding: 13px 0px 0px 10px; } .footer-box-menu-2-wrap { padding: 13px 0px 0px 10px; margin-bottom: 0px; } .footer-box-menu-3-wrap { padding: 0px 0px 0px 10px; } .footer-box-menu-4-wrap { padding: 13px 0px 0px 10px; } .footer-box-menu-1-nav li { margin-bottom: 10px; } .footer-box-menu-2-wrap h3 { margin-bottom: 18px; } .footer-box-menu-1-wrap h3 { margin-bottom: 18px; } .footer-box-menu-4-wrap h3 { margin-bottom: 18px; } .footer-box-menu-4-wrap h3.h3-subscribe { margin-bottom: 18px; } .footer-box-menu-4-wrap h3 { font-size: 16px; letter-spacing: normal; margin-bottom: 18px; } .footer-box-menu-2-wrap h3 { font-size: 16px; letter-spacing: normal; margin-bottom: 18px; } .footer-box-menu-3-wrap h3 { font-size: 16px; letter-spacing: normal; margin-bottom: 18px; } .footer-box-menu-1-wrap h3 { font-size: 16px; letter-spacing:normal; margin-bottom: 18px; } .footer-box-logo-img { width: 100%; } .footer-box-logo { padding: 0px 0px 0px 0px; margin: 0px 0px 15px 0px; } .footer-box-soc { margin: 20px 0px 20px 0px; padding: 0px 0px 0px 0px; } .footer-box-subscribe-button { font-size: 11px; } .fotter-nav-link { padding: 15px 0px 16px 0px; text-align: center; font-size: 13px; text-decoration: none; letter-spacing: normal; font-weight: 600; } } @media (max-width: 814px) { .slogon-line-top { font-size: 20px; } .cart-wrap{ display: none; } .top-menu-nav .navbar-nav .nav-item:nth-child(9){ display: none; } .top-menu-nav .navbar-nav .nav-item:nth-child(8){ display: none; } .top-menu-nav .navbar-nav .nav-item:nth-child(7){ display: none; } .slider5-home-right { display: none; } body .slider5-home-left { width: 100%; } body .top-slider-home-5-sloogon-1 { font-size: 42px; } body .top-slider-home-5-sloogon-2 { font-size: 42px; } body .top-slider-home-5-sloogon-3 { font-size: 42px; } body .slider2-home-right { display: none; } body .slider2-home-left { width: 100%; } body #slider2-home-wrap .wrap-top-slider-home { width: 100%; } body .wrap-top-slider-home-5 { width: 100%; } body .container-category-home-body > div { width: 48%; } body .price-wrap .container-home-product-slider .item { width: 100%; } body .price-wrap .slider-home-product-header { background-position: -89px 0px; background-size: 82.5%; } body .slider-home-product-header-right .slider-home-product-header-right-title { display: flex; width: 100%; height: auto; line-height: normal; text-align: left; font-size: 14px; color: #78909C; letter-spacing: normal; position: relative; align-items: center; } body .slider-home-product-button-wrap { width: 100%; height: auto; display: block; flex-flow: wrap; justify-content: space-between; } body .slider-home-product-wrap { padding: 20px 5px 25px 5px; } body .slider-home-product-br-name { width: 100%; font-size: 14px; line-height: normal; color: #78909C; letter-spacing: normal; margin-bottom: 5px; font-weight: 600; } body .slider-home-product-br-param { width: 100%; font-size: 14px; line-height: normal; color: #78909C; letter-spacing: normal; margin-bottom: 0px; } body .slider-home-product-price { width: 100%; height: auto; display: block; font-size: 26px; line-height: normal; letter-spacing: normal; } body .price-wrap .slider-home-product-button-b1 { width: 100%; margin-bottom: 10px; } body .slider-home-product-button-b1 { height: 30px; width: 100%; } body .slider-home-product-button-b2 { width: 100%; height: 30px; } body .container-home-product-slider.owl-carousel .owl-nav button.owl-prev { left: -57px; } body .container-home-product-slider.owl-carousel .owl-nav button.owl-next { right: -57px; } body .container-home-consultaciya-images { display: none; } body .container-home-consultaciya-wrap-2 { padding: 81px 0px 50px 0px; } body .container-slider-home-brand-title-wrap { padding: 37px 0px 50px 0px; } body .container-slider-home-brand-slider .item { width: 200px; } body .container-home-calc-body:before { display: none; } body .container-home-calc-box { display: block; } body .container-home-calc-box-left { padding-right: 0px; } .cb-step-3-wrap > div { width: 30%; } .cb-step-3-wrap > div:nth-of-type(3n) { margin-right: 25px; } } @media (max-width: 600px) { .news-detail-instruktor img{ max-width: 100%; } .OLD_PRICE_5 { margin-right: 0px!important; } .OLD_PRICE_5, .NEW_PRICE_5{ display: block!important; } .container-text-wrap { flex-direction: column; } .container-text-left { flex: inherit; padding-right: 0px; } .container-text-right { width: 100%; padding-top: 10px; order: -1; } body div.container-home-consultaciya-wrap-2 { padding: 81px 15px 50px 15px; } .right-menu-item { width: 100%; } body .news-page-text-wrap { width: 100%; } .social-network-wrap { height: auto; flex-direction: column; } .social-network-left { padding: 13px 0px; width: 100%; } .social-network-right { padding: 13px 0px; width: 100%; flex: auto; justify-content: flex-start; } .icon-social-network-item { margin-right: 15px; } .slider2-home-descript{ flex-direction: column; } body .slider-home-product-price { width: 100%; height: 53px; display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; font-size: 26px; font-weight: 600; line-height: normal; color: #FF7901; letter-spacing: 1.15px; } .sertificat-wrap { width: 100%; display: block; } .sertificat-item-1, .sertificat-item-2, .sertificat-item-3 { margin: 0px 0px 15px 0px; width: 100%; } .ceny-line-2-ul li { display: block; } .ceny-line-2-ul li:nth-child(1) { margin-left: 26px; } .prokat-title { font-size: 25px; line-height: normal; } .prokat-menu-content a.prokat-button { width: 100%; margin-bottom: 10px; margin-right: 0px; } .prokat-button-3-wrap { display: block; } .prokat-button-2.prokat-button-2-icon-1 { width: 100%; margin-bottom: 10px; } .prokat-button-2.prokat-button-2-icon-3 { width: 100%; margin-bottom: 10px; } .prokat-button-2.prokat-button-2-icon-4 { width: 100%; margin-bottom: 10px; } .ceny-table-item { padding: 0px 0px 0px 12px; } .ceny-table-item:after { right: 5px; } .ceny-table-item.active:after { right: 5px; } .ceny-button-wrap { padding: 0px 0px 0px 0px; } .ceny-banner-wrap:before { left: -183px; } .ceny-banner-item-1{ display: none; } .ceny-banner-box { display: block; z-index: 1000; position: relative; } .ceny-banner-item-2 { width: 100%; padding: 24px 0px 0px 8px; height: auto; } .ceny-banner-item-3 { width: 100%; padding: 0px 0px 0px 0px; } .ceny-banner-item-2-line-1 { text-align: center; } .ceny-banner-item-2-line-2 { text-align: center; } .ceny-banner-item-3-line-1 { font-size: 22px; font-weight: 500; line-height: normal; color: #ffffff; text-align: center; letter-spacing: 0.9px; margin-bottom: 0px; } .ceny-banner-2-item-1 { font-size: 23px; } .ceny-banner-2-wrap { height: auto; padding: 15px 10px 0px 10px; background-position: right 0px; background-repeat: no-repeat; background-size: cover; } .ceny-banner-2-item-2 { width: 100%; height: auto; display: block; } .ceny-banner-2-item-2-line-1 { padding: 9px 0px 0px 0px; } .ceny-banner-2-item-2-line-1-a { text-align: center; padding: 0px 0px 22px 0px; } .ceny-banner-2-item-2-line-1-b { text-align: center; } .ceny-banner-2-item-2-line-2 { text-align: center; padding: 22px 0px 15px 0px; } .ceny-line-6-wrap { display: block; } .ceny-line-6-wrap > div { width: 100%; margin-bottom: 10px; } .ceny-line-7-header-1 { padding: 15px 0px 16px 10px; } .ceny-line-7-header div { font-size: 14px; font-weight: 500; line-height: normal; color: #ffffff; letter-spacing: normal; } body div.ceny-line-7-item-2 { width: 30%; padding: 15px 0px 15px 0px; text-align: center; font-size: 16px; } body div.ceny-line-7-item-3 { width: 33%; padding: 39px 22px 36px 0px; text-align: right; font-size: 16px; } body div.ceny-line-7-item-1 { width: 70%; padding: 15px 0px 15px 10px; text-align: left; } .ceny-line-7-wrap { margin-bottom: 15px; } .ceny-line-8-wrap { margin-bottom: 20px; } .ceny-line-11 { width: 100%; height: 111px; background-size: contain; background-repeat: no-repeat; margin-bottom: -20px; } .ceny-line-13 { margin-bottom: 0px; } .prokat-menu-content { display: block; } .ceny-item-body-left-name span { padding-right: 10px; display: block; } .ceny-item-header { width: 100%; height: auto; display: block; } .ceny-item-header-left { height: auto; width: 100%; padding: 0px 10px 0px 10px; display: block; } .ceny-item-header-right{ height: auto; width: 100%; padding: 0px 10px 0px 10px; display: block; } .ceny-item-header h2 { font-size: 22px; } .DOP-TITLE span { font-size: 18px; } .ceny-item-header-right-line-1 { font-size: 20px; padding-left: 0px; } .ceny-item-header-right-line-1 span { color: #ffffff; font-size: 20px; } .ceny-item-header-right-line-2 { font-size: 18px; } .ceny-item-header-right-line-2 span { padding: 0px 5px 0px 5px; } .ceny-item-header{ padding: 10px 0px 10px 0px; } .ceny-item-body-left { padding: 0px 0px 0px 0px; } .ceny-item-body-right { padding: 0px 0px 0px 5px; font-size: 10px; } .ceny-item-body-right span { min-width: 23px; padding: 0px 10px 0px 10px; } .ceny-item-body-left-name { font-size: 11px; display: block; } .news-page-text img{ width: 100%; height: auto; } .news-page-text img.logo-news{ width: 150px; height: auto; } .ceny-item-body-left-icon { width: 80px; } .ceny-item-body-left-icon img { width: 80px; } .container-slider-home-product-wrap-4.line-27{ display: block; text-align: center; } .container-slider-home-product-wrap-4-item-1 { font-size: 21px; margin-right: 8px; } .container-slider-home-product-wrap-4-item-2 { font-size: 21px; } .slider2-home-descript.slider2-item-1 .top-slider-home-ul li span:nth-child(1) { width: 183px; } .slider2-home-right { display: none; } .slider2-home-left { width: 100%; } #slider2-home-wrap .wrap-top-slider-home { z-index: 5; position: absolute; width: auto; right: 15px; left: 15px; top: 20px; padding: 0px; } .wrap-top-slider-home-2 { z-index: 5; position: absolute; width: auto; right: 15px; top: 365px; left: 26px; padding: 0px; } .wrap-top-slider-home-2 .top-slider-home-button-1{ margin-bottom: 10px; } .wrap-top-slider-home-2 .top-slider-home-button { display: block; } .wrap-top-slider-home-2 .top-slider-home-button-1 { width: 75%; } .slider-home-product-cash-back { line-height: normal; text-align: center; padding-bottom: 10px; } .slider-home-product-uh-item { width: 79px; height: 28px; } .bez-deneg{ bottom: -3px; position: absolute; font-size: 24px; letter-spacing: normal; color: #fffc03; right: 12px; -webkit-transform: rotate(45deg); transform: rotate(-47deg); } .container-home-otziv-title-wrap h2 { font-size: 28px; } .container-slider-home-brand .owl-theme .owl-nav { margin-top: 0px; } .step-4-slider-images-wrap { width: 100%; height: 201px; } .step-4-slider-name { font-size: 18px; font-weight: 600; line-height: 22px; color: #78909C; } .step-4-slider-day { font-size: 18px; font-weight: 500; line-height: normal; color: #78909C; letter-spacing: normal; display: inline-block; text-align: center; } .step-4-slider-price { color: #448AFF; margin-left: 0px; font-size: 26px; font-weight: 600; line-height: normal; vertical-align: middle; } .container-top-logo .col-md-7 { -webkit-box-flex: 0; -ms-flex: 0 0 300px; flex: 0 0 100%; max-width: 100%; } .container-slider-home-brand-slider.owl-carousel .owl-nav button.owl-prev { left: -12px; } .container-slider-home-brand-slider.owl-carousel .owl-nav button.owl-next { right: -12px; } .container-home-consultaciya-item-2 .container-home-consultaciya-wrap { padding: 110px 15px 70px 15px; } .container-home-news .col-md-3 { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .container-top-slider-home { background-size: 157%; background-position: -0px 0px; } h1 { font-size: 20px; line-height: normal; } .purple-header{ font-size: 16px; font-weight: 600; line-height: normal; color: #5c2fea; text-transform: uppercase; } .container-home-calc.container-home-calc-zabronirovat { padding-bottom: 0px; } .purple-ul li { font-size: 16px; font-weight: 500; line-height: normal; color: #5c2fea; text-align: left; } .otzivy-title { font-size: 38px; letter-spacing: normal; } .news-page-block-title a { letter-spacing: normal; } .life-k2tour-detail .container-slider-home-product-wrap { height: 100%; width: auto; margin-right: 0px; margin-left: 0px; } .life-k2tour-detail .price-wrap .container-home-product-slider .item { width: 100%; height: auto; } /*.life-k2tour-detail .owl-carousel.owl-drag .owl-item{ margin-right: 0px!important; }*/ .life-k2tour-detail .slider-home-product-uh-item { width: 104px; height: 32px; } .life-k2tour-detail .container-home-product-slider.owl-carousel .owl-nav button.owl-prev { left: -13px; } .news-page-wrap { padding: 0px 0px 0px 0px; } .news-page-block-img a img { width: auto; height: 100%; } .news-page-block { width: 100%; height: auto; margin-right: 0px; } .news-page-block-view { width: 30px; font-size: 13px; line-height: 18px; letter-spacing: normal; padding: 0px 0px 0px 0px; } .news-page-top-images-name { font-size: 25px; font-weight: 600; line-height: normal; color: #000000; text-shadow: none; } .news-page-body .news-page-text { padding: 0px 0px 30px 0px; width: 100%; margin: 0px auto; } .news-page-body .news-page-top-images-label { padding: 5px 0px 5px 0px; } .news-page-top-images-data { font-size: 16px; font-weight: 500; line-height: normal; color: #000000; text-shadow: inherit; } .news-page-top-images-wrap { width: 100%; position: relative; bottom: auto; left: auto; right: auto; } .fisher-logo { position: absolute; top: 5px; left: 0px; } .burton-logo { position: absolute; top: 27px; left: 0px; } .cb-step-5 .purple-header { font-size: 18px; } .purple-header.cb-step-92-purple-header{ font-size: 18px; } .cb-step-5 .purple-header.purple-header-item-2{ font-size: 18px; } .cb-step-7 .calc-box-title { letter-spacing: normal; font-size: 18px; } .price-h2{ color: #a0a0a0; font-size: 28px; font-weight: 600; line-height: normal; letter-spacing: inherit; } .timer { display: block; justify-content: flex-start; } .ab_text { display: block; margin-bottom: 20px; text-align: center; margin-right: 0px; } .flip-clock-wrapper { max-width: 100%; } .container-home-otziv-linerow { margin-bottom: 0px; } .price-wrap h2.fiolet { color: #5c2fea; font-size: 18px; font-weight: 600; line-height: normal; letter-spacing: inherit; } .uslovia-prokata h2 { color: #5c2fea; font-size: 18px; font-weight: 600; line-height: normal; letter-spacing: 2.3px; } .text-descript-block-2 { font-size: 18px; font-weight: 600; line-height: normal; color: #5c2fea; padding: 0px 0px 0px 15px; } .container-home-consultaciya-body-wrap-2{ display: block; margin-bottom: 15px; } .container-home-consultaciya-overlay-2 { height: 685px; width: 100%; display: none; } .container-home-consultaciya-overlay-141{ background: linear-gradient(180deg, #79BEFF 0%, #62A8FF 100%, #448AFF 100%); border-radius: 6px; } .container-fluid.container-slider-home-product{ padding-bottom: 20px; } .container-home-consultaciya-wrap-2 { padding: 20px 15px 10px 15px; } .container-home-consultaciya-title-2 { font-size: 28px; letter-spacing: normal; } .step-8-descript { font-size: 15px; } .container-home-consultaciya-images{ display: none; } .container-home-consultaciya-images-wrap{ display: none; } .container-top-menu{ display: none; } .hidden-mobile{ display: none; } body .show-mobile{ display: block; height: 100%; text-align: center; } .owl-carousel .owl-item .slider-home-product-s1.show-mobile img { display: inline-block; width: auto; height: 100%; } .slogon-line-top { font-size: 15px; line-height: 15px; font-weight: 600; color: #78909C; letter-spacing: normal; margin: 0px 0px 0px 0px; font-size: 13px; } .slogon-line-bottom { font-size: 13px; line-height: 13px; font-weight: 500; color: #78909C; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; letter-spacing: normal; } .logo-img { width: 60px; height: 60px; } .wrap-logo-img { width: 70px; } .wrap-slogon { margin-left: 3px; } .container-top-menu-2{ display: none; } .wrap-logo { padding-top: 8px; padding-bottom: 8px; } .slider2-item-1 .top-slider-home-sloogon-1 { letter-spacing: normal; font-size: 27px; line-height: normal; text-transform: uppercase; color: #FFFFFF; font-weight: 600; } .slider2-item-2 .top-slider-home-sloogon-1 { letter-spacing: normal; font-size: 34px; line-height: normal; text-transform: uppercase; color: #FFFFFF; font-weight: 600; } body .slider2-item-2 .top-slider-home-button { padding: 35px 0px 35px 0px; } .top-slider-home-sloogon-2 { font-size: 28px; line-height: normal; letter-spacing: normal; color: #FFFFFF; font-weight: 600; } .top-slider-home-descript { margin-top: 25px; font-size: 17px; line-height: normal; color: #FFFFFF; letter-spacing: normal; } .top-slider-home-button{ display: flex; flex-wrap: nowrap; padding: 66px 3px 30px 20px; width: 100%; } .top-slider-home-button-1 { width: 47%; text-align: center; display: inline-block; color: #448AFF; font-size: 20px; line-height: normal; background: #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; font-weight: 600; padding: 15px 0px 14px 0px; letter-spacing: normal; } .top-slider-home-button-2 { text-align: center; width: 47%; display: inline-block; margin-left: 20px; font-size: 20px; line-height: normal; color: #FFFFFF; background: linear-gradient(180deg, #FF7901 0%, #E85B12 100%), #FFFFFF; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; font-weight: 600; padding: 15px 0px 14px 0px; letter-spacing: normal; } .container-top-slider-home .container-top-slider-home-height{ height: auto; } .container-top-slider-home-overlay { width: 100%; } .container-top-slider-home { background-image: url("/images/mobile-baner-home.png"); background-size: cover; background-repeat: no-repeat; position: relative; } .container-category-home-body > div { width: 47%; margin-bottom: 16px; } .container-category-home-body > div.active { width: 47%; margin-bottom: 16px; } .container-category-home-body div.cat-icon-9 { padding: 17px 0px 0px 74px; letter-spacing: normal; } .container-category-home-body div.cat-icon-8 { padding: 15px 0px 0px 71px; letter-spacing: normal; } .container-category-home-body div.cat-icon-10 { padding: 14px 0px 0px 71px; letter-spacing: normal; } .container-category-home-body div.cat-icon-6 { padding: 16px 0px 0px 71px; letter-spacing: normal; } .container-category-home-body div.cat-icon-4 { padding: 26px 0px 0px 71px; letter-spacing: normal; } .container-category-home-body div.cat-icon-2 { padding: 27px 0px 0px 70px; letter-spacing: normal; } .container-category-home-body div.cat-icon-1 { padding: 0px 0px 0px 28px; } .container-category-home-body div.cat-icon-3 { padding: 26px 0px 0px 71px; letter-spacing: normal; } .container-category-home-body div.cat-icon-5 { padding: 25px 0px 0px 71px; letter-spacing: normal; } .container-category-home-body div.cat-icon-7 { padding: 18px 0px 0px 71px; letter-spacing: normal; } .container-home-slider-title-wrap { padding: 0px 0px 0px 15px; } .price-wrap .container-home-product-slider .item { width: 100%; } .container-slider-home-product-wrap { height: 100%; width: auto; margin-right: 15px; margin-left: 15px; } body .container-home-product-slider.owl-carousel .owl-nav button.owl-prev { left: -30px; } body .container-home-product-slider.owl-carousel .owl-nav button.owl-next { right: -15px; } body .container-category-home-body > div { font-size: 11px; } body .slider-home-product-button-wrap { width: 100%; height: 50px; display: flex; flex-flow: wrap; justify-content: space-between; } .container-home-product-slider.owl-carousel .owl-nav button.owl-next:before { -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.15), 0 1px 2px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.15); box-shadow: 0 1px 5px 0 rgba(0,0,0,.15), 0 1px 2px 0 rgba(0,0,0,.15); border-radius: 50%; } .container-home-product-slider.owl-carousel .owl-nav button.owl-prev:before { -webkit-box-shadow: 0 1px 5px 0 rgba(0,0,0,.15), 0 1px 2px 0 rgba(0,0,0,.15); -moz-box-shadow: 0 1px 5px 0 rgba(0,0,0,.15),0 1px 2px 0 rgba(0,0,0,.15); box-shadow: 0 1px 5px 0 rgba(0,0,0,.15), 0 1px 2px 0 rgba(0,0,0,.15); border-radius: 50%; } .container-home-product-slider .owl-nav { top: 50.1%; } .slider-home-product-header { background-position: -28px 0px; background-size: 60%; } .slider-home-product-header-right a:before { left: 20px; } .slider-home-product-button-b1 { width: auto; flex: 1 0 0; letter-spacing: normal; margin-right: 5px; } .slider-home-product-button-b2{ width: auto; flex: 1 0 0; letter-spacing: normal; margin-left: 5px; } .slider-home-product-br-wrap{ display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .slider-home-product-s1{ width: 40%; } .slider-home-product-s2{ width: 60%; } .slider-home-product-body-right { flex: 0 0 100%; width: 100%; } .slider-home-product-more-detailed { height: 30px; width: 100%; text-align: center; } .container-home-product-showall-wrap { padding: 30px 0px 0px 0px; text-align: center; } .container-slider-home-brand-title-wrap { padding: 15px 15px 30px 15px; } .container-slider-home-brand-title-wrap h2.dop-spusk { font-size: 18px; line-height: normal; letter-spacing: normal; } .container-slider-home-brand-body-wrap { height: 100%; width: auto; margin-right: 15px; margin-left: 15px; } .container-slider-home-brand-slider .owl-item{ } .container-slider-home-brand-slider .item{ width: 100%; height: 107px; /*margin-right: 3px;*/ } .owl-carousel.container-slider-home-brand-slider .owl-item img { display: block; width: 100%; height: auto; } .container-home-preimushestva-left-wrap { padding: 38px 0px 0px 0px; } .container-home-preimushestva-right-wrap { padding: 60px 0px 50px 0px; } .container-home-preimushestva-left-body:before { width: 179px; height: 131px; top: -40px; left: -23px; } .container-home-preimushestva-right-body:before { width: 170px; height: 139px; top: -43px; left: -32px; } .container-home-preimushestva-left-body { padding: 17px 15px 14px 146px; font-size: 16px; line-height: normal; letter-spacing: normal; } .container-home-preimushestva-right-body { padding: 17px 15px 14px 146px; font-size: 16px; line-height: normal; letter-spacing: normal; } .exception-for-main .breadcrumb-row{ display: none; } .container-home-calc-title-wrap h2 { font-size: 32px; font-weight: 600; line-height: normal; letter-spacing: normal; margin: 30px 0px 30px 0px; } .container-home-calc-title-wrap.container-home-calc-title-zabronirovat-wrap { padding: 0px 10px 39px 10px; } .container-home-calc-title-wrap-9 { padding: 0px 0px 0px 10px; } .container-home-calc-title-wrap-9 h2.fiolet { font-size: 20px; } .container-home-calc-box-skidka { width: 100%; height: 50px; padding: 0px 0px 0px 0px; text-align: center; font-size: 18px; line-height: normal; color: #FFFFFF; letter-spacing: normal; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; } .container-home-calc.container-home-calc-zabronirovat .container-home-calc-body:before{ display: none; } .container-home-calc-body { width: 100%; height: 100%; /* background-color: #000000; */ background-color: #ffffff; position: relative; padding: 25px 10px 25px 10px; box-shadow: 0px 5px 10px rgba(172, 181, 185, 0.4); border-radius: 6px; } .container-home-calc-body-wrap { width: 100%; height: 100%; padding: 0px 10px 0px 10px; } .container-home-calc-box { display: block; flex-flow: inherit; justify-content: inherit; } .container-home-calc-box-left { height: auto; flex-grow: inherit; width: 100%; } .container-home-calc-box-right{ height: 100%; flex-grow: inherit; width: 100%; } .cb-step-1-button-wrap { width: 100%; display: flex; flex-flow: nowrap; justify-content: space-between; } .cb-step-1-button { margin-right: 3px; width: 47%; } .cb-step-2 { height: auto; margin-bottom: 30px; } .cb-step-2-wrap { width: 100%; display: flex; flex-flow: wrap; justify-content: space-between; } .cb-step-2-b1 { vertical-align: top; display: block; width: 47%; margin-right: 3%; margin-bottom: 10px; } .cb-step-2-b2 { vertical-align: top; display: block; width: 47%; margin-right: 3%; margin-bottom: 10px; } .cb-step-2-b3 { vertical-align: top; display: block; width: 47%; margin-right: 3%; } .cb-step-2-b4 { vertical-align: top; display: block; width: 47%; margin-right: 0; } .cb-step-2-descripr.tac{ text-align: center; } .cb-step-3-wrap { width: 100%; } .cb-step-3-wrap > div { width: 48%; margin-right: 4%; } .cb-step-3-wrap > div:nth-of-type(3n) { margin-right: 4%; } .cb-step-3-wrap > div:nth-of-type(2n) { margin-right: 0%; } .cb-step-31-wrap { width: 100%; } .cb-step-31-wrap > div { width: 48%; } .cb-step-4-wrap { width: 100%; height: auto; } .cb-step-4-wrap > .select-step-4 { vertical-align: top; width: 100%; margin-bottom: 15px; } .cb-step-4 .calc-box-title { margin-bottom: 30px; } .step-4-slider .item { width: 100%; } .cb-step-4-slider-wrap { width: 100%; height: auto; margin-bottom: 30px; } .step-4-slider.owl-carousel .owl-nav button.owl-prev { left: -20px; } .step-4-slider.owl-carousel .owl-nav button.owl-next { right: -20px; } .cb-step-5-wrap { width: 100%; } .cb-step-5-wrap .cb-step-5-box { width: 48%; margin-right: 4%; } .cb-step-5-wrap .cb-step-5-box:nth-of-type(2n) { margin-right: 0%; } .cb-step-5-box-razmer > div { width: 45%; } .cb-step-7-wrap { width: 100%; } .cb-step-7-wrap > div { width: 48%; margin-bottom: 15px; margin-right: 4%; } .cb-step-7-wrap > div:nth-of-type(2n) { margin-right: 0%; } .cb-step-7 .calc-box-title { margin-bottom: 30px; } .cb-step-8-wrap { width: 100%; display: block; } .step-8-button { width: 100%; margin-bottom: 15px; height: 90px; } .step-8-icon { width: 100%; height: 55px; } .cb-step-82-wrap { width: 100%; display: block; } .step-82-button { width: 100%; margin-bottom: 15px; height: 90px; } .step-82-icon { width: 100%; height: 55px; } .cb-step-43-wrap { width: 100%; } .cb-step-43-wrap .cb-step-43-box { width: 48%; margin-right: 4%; } .cb-step-43-wrap .cb-step-43-box:nth-of-type(2n) { margin-right: 0px; } .cb-step-91-wrap { width: 100%; margin-top: 30px; } .cb-step-91-b1 { width: 100%; margin-right: 0px; margin-bottom: 15px; } .cb-step-91-n1, .cb-step-91-n2, .cb-step-91-n3{ width: 100%; margin-right: 0px; margin-bottom: 15px; } .cb-step-91-b2{ width: 100%; margin-right: 0px; margin-bottom: 15px; } .cb-step-91-b3{ width: 100%; margin-right: 0px; } .cb-step-91-b4{ width: 100%; margin-right: 0px; } .cb-step-9-wrap { width: 100%; padding: 20px 0px 30px 26px; } .step-9-button { display: block; text-align: left; margin-bottom: 15px; } .step-9-button-1 { margin-right: 0px; } .step-9-button-2 { margin-right: 0px; } .step-9-button-3 { margin-right: 0px; } .step-9-button.active:before { left: -20px; } .step-9-button:before { left: -20px; } .cb-step-61-wrap { width: 100%; margin-bottom: 30px; } .step-4-slider-header { background-position: -100px 0px; background-size: 86%; } .fill_parameters_wrap { width: 100%; } .fill_parameters_left { width: 47%; } .fill_parameters_row { display: block; height: auto; } .fill_parameters_right { display: block; height: auto; } .fill_parameters_left { width: 100%; height: auto; padding: 0px 0px 0px 0px; } .cb-step-6-input-wrap { width: 100%; height: auto; } .fill_parameters_wrap .cb-step-6-b1 { width: 100%; margin-right: 0px; margin-bottom: 10px; } .fill_parameters_wrap .cb-step-6-b2 { width: 100%; margin-right: 0px; margin-bottom: 10px; } .fill_parameters_wrap .cb-step-6-b3 { width: 100%; margin-right: 0px; margin-bottom: 10px; } .cb-step-92-wrap { display: block; width: 100%; height: 50px; margin: 25px 0px 25px 0px; text-align: inherit; } .cb-step-92-button { display: block; width: 100%; padding-top: 15px; } .cb-step-92-wrap.show-mobile{ display: block; } .cb-step-92-wrap.hidden-mobile{ display: none; } .container-home-otziv-title-wrap { padding: 0px 0px 0px 15px; } .container-home-otziv-left-wrap { padding: 0px 15px 0px 15px; width: 100%; height: 100%; } .container-home-otziv-right-wrap { padding: 0px 15px 0px 15px; width: 100%; height: 100%; } .container-home-otziv-left-body-img-wrap { padding: 14px 0px 14px 7px; width: auto; flex: 1 0 0; min-width: 100px; } .container-home-otziv-left-body-img-wrap img { width: 100%; height: auto; border: 0px; } .container-home-otziv-left-body-desc-link { text-align: left; } .container-home-otziv-linerow-1 { margin-bottom: 0px; } .container-home-otziv-showall-wrap { padding: 0px 0px 0px 0px; text-align: center; } .container-home-foto-slider-wrap { padding: 0px 15px 0px 15px; width: 100%; height: 100%; } .container-home-foto-slider .item { width: 100%; } .container-home-foto-slider.owl-carousel .owl-nav button.owl-prev { left: -15px; } .container-home-foto-slider.owl-carousel .owl-nav button.owl-next { right: -15px; } .container-home-foto-showall-wrap { padding: 30px 0px 0px 0px; text-align: center; } .container-home-consultaciya-item-2 .container-home-consultaciya-images{ display: block; } .container-home-consultaciya-item-2 .container-home-consultaciya-images { width: auto; height: 430px; position: absolute; top: 8px; right: 0px; left: -16px; background-image: url(../images/snouborder.svg); background-repeat: no-repeat; background-size: 140%; z-index: 100; } .container-home-consultaciya-item-2 .container-home-consultaciya-overlay { position: absolute; top: 60px; left: 0px; bottom: 0px; width: 100%; background: linear-gradient(180deg, #79BEFF 0%, #62A8FF 100%, #448AFF 100%); border-radius: 0px; } .container-home-consultaciya-item-2 .container-home-consultaciya-images-wrap{ height: 460px; } .container-home-consultaciya-wrap { padding: 68px 20px 30px 20px; width: 100%; height: 100%; } .container-home-consultaciya-title { font-size: 25px; } .container-home-consultaciya-body-wrap { width: 100%; height: auto; display: block; } .container-home-consultaciya-title { margin-bottom: 40px; } .container-home-consultaciya-body-slogan { font-size: 20.9px; font-weight: 600; line-height: 27px; letter-spacing: 1px; color: #FFFFFF; display: inline-block; padding: 0px 0px 27px 0px; } .container-home-consultaciya-body-input-box { width: 100%; height: auto; } .container-home-consultaciya-body-input-wrap { margin-bottom: 25px; } .container-home-life-title-wrap { padding: 6px 0px 0px 15px; } .container-home-life-slider .item { width: 100%; } .container-home-life-slider-wrap { padding: 0px 15px 0px 15px; } .container-home-life-slider.owl-carousel .owl-nav button.owl-prev { left: -15px; } .container-home-life-slider.owl-carousel .owl-nav button.owl-next { right: -15px; } .container-home-life-showall-wrap { padding: 30px 0px 0px 0px; text-align: center; } .container-home-news-title-wrap { padding: 15px 0px 0px 15px; } .container-home-news-showall-wrap { padding: 5px 0px 40px 0px; text-align: center; } .footer-box-logo-wrap { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; align-content: space-between; } .footer-box-logo { flex: 1 0 0; min-width: 42%; } .footer-box-logo-link { display: block; } .footer-box-slogan { letter-spacing: normal; flex: 1 0 0; min-width: 58%; padding-left: 10px; } .footer-box-menu-1-wrap { padding: 0px 0px 0px 15px; } .footer-box-menu-2-wrap { padding: 0px 0px 0px 15px; } .footer-box-menu-3-wrap { padding: 0px 0px 0px 15px; } .footer-box-menu-4-wrap { padding: 0px 0px 0px 0px; } .footer-box-metod-pay { margin-bottom: 20px; } .wrap-container-footer-copyright { flex-direction: column; padding: 0px 0px 0px 0px; } .wrap-container-footer-copyright .policy{ order: -1; text-align: left; width: 100%; padding: 20px 0px 20px 0px; } .wrap-container-footer-copyright .copyright{ text-align: left; width: 100%; padding: 0px 0px 20px 0px; } .footer-box-subscribe-term { padding: 0px 0px 20px 0px; } } @media (max-width: 415px){ .slider2-item-1 { background-position: -20px 0px; } .slider2-item-2 { background-position: -20px 0px; } .slider2-item-3{ background-position: 2px 0px; } .wrap-top-slider-home-2 .top-slider-home-button-1 { width: 69%; } } @media (max-width: 380px) { .slider2-item-1 { background-position: -60px 0px; } .slider2-item-2 { background-position: -60px 0px; } .slider2-item-3{ background-position: -33px 0px; } .price-wrap .slider-home-product-header { background-position: -49px 0px; background-size: 62.5%; } .bez-deneg { bottom: -3px; position: absolute; font-size: 24px; letter-spacing: normal; color: #fffc03; right: -22px; -webkit-transform: rotate(45deg); transform: rotate(-47deg); } } @media (max-width: 330px) { .slider2-item-1 .top-slider-home-sloogon-1 { font-size: 23px; } .slider2-item-1 { background-position: -114px 0px; } .slider2-item-2 { background-position: -114px 0px; } .slider2-item-3{ background-position: -63px 0px; } .slider2-home-descript.slider2-item-1 .top-slider-home-ul li span:nth-child(1) { width: 153px; } .container-slider-home-product-wrap-4-item-1 { font-size: 18px; margin-right: 5px; } .container-slider-home-product-wrap-4-item-2 { font-size: 18px; } .phone-home-product-item-num, .phone-home-product-item-num:hover, .phone-home-product-item-num:focus { font-size: 16px; font-weight: 600; line-height: normal; color: #546E7A; text-decoration: none; position: relative; } .phone-home-product-item-num-2, .phone-home-product-item-num-2:hover, .phone-home-product-item-num-2:focus { font-size: 16px; font-style: italic; font-weight: 500; line-height: normal; color: red; text-decoration: none; position: relative; text-align: left; display: block; } .bez-deneg { bottom: -43px; position: absolute; font-size: 24px; letter-spacing: normal; color: #fffc03; right: -24px; -webkit-transform: rotate(45deg); transform: rotate(-47deg); } .phone-home-product-item-title { font-size: 16px; } .price-wrap .slider-home-product-header { background-position: -74px 0px; background-size: 75.5%; } .item .slider-home-product-header .slider-home-product-header-right img { width: 36px; height: 58px; } .price-wrap .container-category-home-body { display: block; } .price-wrap .container-category-home-body > div { width: 100%; } .container-category-home-body div.cat-icon-all { padding: 0px 20px 0px 20px; justify-content: center; } } /************************END-MEDIA********************************/ .salat{ color: #e9fa63; } .container-fluid.container-notification{ padding-right: 0px; padding-left: 0px; } .notification { position: relative; overflow: hidden; transition: height .4s cubic-bezier(.165,.84,.44,1); display: none; width: 100%; z-index: 99; background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), #FFFFFF; color: #ffffff; } .notification--visible { display: block } .notification--cookie { display: none } .notification--cookie[aria-hidden=false] { display: block } .notification__inner { text-align: center; padding: 24px 0; margin: 0 auto; position: relative; transition: opacity .4s; opacity: 1 } .notification--cookie .notification__inner { max-width: none; padding: 20px 24px } @media screen and (min-width: 720px) { .notification--cookie .notification__inner { text-align:left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center } } @media screen and (min-width: 1024px) { .notification--info .notification__inner { padding-bottom:32px } } .notification--animate .notification__inner,.notification[aria-hidden=true] .notification__inner { opacity: 0 } .notification--info[aria-hidden=true] .notification__inner { display: none } .notification--info.notification--visible[aria-hidden=true] .notification__inner { display: block } .notification__content+.notification__content { border-top: 1px solid #638594; margin-top: 16px } @media screen and (min-width: 1024px) { .notification__content+.notification__content { margin-top:32px } } .notification__heading { font-size: 1.25em; font-weight: 600; margin: 16px auto 0; padding-left: 24px; padding-right: 24px; max-width: 700px } @media screen and (min-width: 1024px) { .notification__heading { font-size:1.5em; margin-top: 32px } } .notification__body,.notification__body.rte-content { font-size: 14px; margin: 16px auto 0; padding-left: 24px; padding-right: 24px; max-width: 700px } .notification--cookie .notification__body,.notification--cookie .notification__body.rte-content { margin: 0 } .notification__body.rte-content p,.notification__body p { font-family: sans-serif; font-size: 14px } .notification__body.rte-content p:last-child,.notification__body p:last-child { margin-bottom: 0 } .notification--cookie .notification__body.rte-content p,.notification--cookie .notification__body p { margin: 0 } @media screen and (min-width: 1024px) { .notification__body, .notification__body.rte-content, .notification__body.rte-content p, .notification__body p { font-size:16px; line-height: 22px; } } .notification__button { margin-top: 16px; display: inline-block; white-space: nowrap; min-width: 140px } @media screen and (min-width: 720px) { .notification__button { margin:0 0 0 32px } } .notification__close { font-size: 12px; text-transform: uppercase; font-weight: 600; margin: 0; padding: 28px 16px 6px; margin-bottom: -10px; opacity: 1; width: 100%; display: block; outline: 0 } @media screen and (min-width: 1024px) { .notification__close { font-size:14px; padding-left: 20px; padding-right: 20px } } .notification__close-icon { background-size: 10px; background-position: 0 50%; background-repeat: no-repeat; padding-left: 16px; margin-left: -16px; pointer-events: none } .notification__close-icon:before { content: "\2716"; display: inline-block } @media screen and (min-width: 1024px) { .notification__close-icon { background-size:12px; position: relative; bottom: 1px } } .notification__button-expand { display: block; text-align: center; width: 100%; padding: 0; font-size: 14px; opacity: 0; transition: opacity .4s,-webkit-transform .4s; transition: transform .4s,opacity .4s; transition: transform .4s,opacity .4s,-webkit-transform .4s; position: absolute; z-index: -1; -webkit-transform: translateY(-100%); transform: translateY(-100%); outline: 0 } @media screen and (min-width: 1024px) { .notification__button-expand { font-size:16px } } .notification--info[aria-hidden=true] .notification__button-expand { opacity: 1; position: relative; z-index: 1; -webkit-transform: translateY(0); transform: translateY(0) } .notification--animate[aria-hidden=true] .notification__button-expand { -webkit-transform: translateY(-100%); transform: translateY(-100%); opacity: 0 } .notification__button-expand__inner { display: inline-block; padding: 16px 0px 16px 0px; pointer-events: none; line-height: 24px } .notification__button-expand__inner svg { width: 24px; float: left; margin-right: 10px } .notification__link-container { margin-top: 24px } @media screen and (min-width: 1024px) { .notification__link-container { margin-top:32px } } body.appview .notification--cookie { display: none } .notification--info button { background: transparent; border: 0; padding: 0; cursor: pointer; color: #ffffff; } .notification__link { padding: .822em 1em; font-size: 14px; border: 0; display: inline-block; border-radius: 50px; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: .025em; font-family: sans-serif; font-weight: 700; cursor: pointer; position: relative; overflow: hidden; z-index: 0; line-height: normal; transition: opacity .3s; opacity: 1; -webkit-appearance: none; -moz-appearance: none; appearance: none; width: auto } @media (min-width: 1024px) and (max-width: 1199px) { .container-home-life-slider .item { width: 100%; } .container-slider-home-brand-slider .item { width: 100%; } .container-home-foto-slider .item { width: 100%; } .container-home-calc-box-left { height: 100%; flex: 0 0 600px; max-width: 600px; } .cb-step-2-wrap { width: 100%; flex-wrap: wrap; } .cb-step-2-b1 { margin-right: 15px; } .cb-step-3-wrap > div:nth-of-type(3n) { margin-right: 25px; } .cb-step-3-wrap > div:nth-of-type(2n) { margin-right: 0px; } .cb-step-3-wrap > div { width: 47%; } .cb-step-7-wrap > div { width: 29%; margin-bottom: 15px; } .cb-step-7-wrap > div:nth-of-type(4n) { margin-right: 22px; } .cb-step-7-wrap > div:nth-of-type(3n) { margin-right: 22px; } .step-4-slider .item { width: 100%; } .step-4-slider-header { background-position: -150px 0px; } .cb-step-5-wrap .cb-step-5-box { width: 31%; } .cb-step-5-wrap .cb-step-5-box:nth-of-type(3n) { margin-right: 0px; } .cb-step-5-box-razmer > div { width: 46%; } } .ceny-banner-wrap-3{ width: 100%; margin-bottom: 15px; } .ceny-banner-wrap-3 a{ display: block; } .ceny-banner-wrap-3 img{ width: 100%; height: auto; } .block-slide-button-3-wrap{ display: flex; width: 100%; justify-content: center; padding-bottom: 10px; } .block-slide-button-3{ text-decoration: none!important; /*min-width: 351px;*/ height: 68px; display: flex; justify-content: center; align-items: center; font-family: 'Open Sans', sans-serif; font-style: normal; font-weight: bold; font-size: 20px; line-height: normal; color: #13233B!important; opacity: 0.8; padding: 0px 0px 0px 0px; margin-right: 16px; background: linear-gradient(90deg, #FF923A 0%, #F16104 26.75%, #FC6A03 61.29%, #FFEACA 100%); border: 1px solid #FBE496; box-sizing: border-box; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05); border-radius: 35px; border-bottom: none!important; } .block-slide-button-3:hover{ text-decoration: none; } .open-day-video-right-new { display: flex; width: 100%; justify-content: center; margin-bottom: 30px; } .open-day-video-right-new iframe { display: block; margin: 0 auto; max-width: 100%; } .zscrolling{ cursor: pointer; } .prokat-r11-images{ width: auto; height: 100%; display: inline-block; } .prokat-r11-images-wrap{ display: flex; justify-content: center; width: 100%; height: 200px; } .prokat-r11-box-content-button{ cursor: pointer; } h2 { color: #546E7A; font-size: 32px; font-weight: 600; line-height: normal; margin: 30px 0px 30px 0px; padding: 0px; } .punkt_prokata_label { display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: wrap; } .punkt_prokata_button { width: 179px; height: 140px; background-color: #FFFFFF; box-shadow: 0px 5px 10px rgb(172 181 185 / 20%); border-radius: 6px; padding: 0px 12px 0px 12px; font-size: 16px; line-height: 19px; position: relative; text-align: center; display: flex; align-content: center; align-items: center; justify-content: center; margin-right: 15px; margin-bottom: 15px; cursor: pointer; color: #337ab7; } .punkt_prokata_button.type_2 { width: 179px; height: 90px; } .punkt_prokata_button:hover { background: linear-gradient(180deg, #FF7901 0%, #E65912 100%), linear-gradient(107.65deg, #79BEFF 0.13%, #448AFF 99.85%); box-shadow: 0px 5px 10px rgb(172 181 185 / 40%); color: #ffffff; } .prokat-r11-left-box-data-b2-input-wrap{ padding: 0px 0px 0px 0px; } select.seltimestart { width: 100%; font-size: 100%; height: 48px; border: 0px; color: #546E7A; background-color: #fff; background: none; padding: 4px 4px 4px 34px; font-size: 16px; font-weight: 500; border: 1px solid rgba(207, 216, 220, 0.5); box-sizing: border-box; border-radius: 4px; } select.seltimestart:focus { outline: none; } select.seltimestart option { font-size: 16px; font-weight: 500; display: block; white-space: pre; min-height: 1.2em; padding: 0px 2px 1px; } .prokat-r11-box-content-button.goto-cart{ background: linear-gradient(98.43deg, #FF7901 1.4%, #E65912 100.3%); } /*------------micromodal---------*/ .modal__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.6); display: flex; justify-content: center; align-items: center; } .modal__container { background-color: #fff; padding: 30px; max-width: 500px; max-height: 100vh; border-radius: 4px; overflow-y: auto; box-sizing: border-box; } .modal__header { display: flex; justify-content: space-between; align-items: center; } .modal__title { margin-top: 0; margin-bottom: 0; font-weight: 600; font-size: 1.25rem; line-height: 1.25; color: red; box-sizing: border-box; } .modal__close { background: transparent; border: 0; font-size: 24px; color: #000000; cursor: pointer; } .modal__header .modal__close:before { content: "\2715"; } .modal__close:focus-visible { outline: none; } .modal__content { margin-top: 2rem; margin-bottom: 2rem; line-height: 1.5; color: rgba(0,0,0,.8); } .modal__btn { font-size: .875rem; padding-left: 1rem; padding-right: 1rem; padding-top: .5rem; padding-bottom: .5rem; background-color: #e6e6e6; color: rgba(0,0,0,.8); border-radius: .25rem; border-style: none; border-width: 0; cursor: pointer; -webkit-appearance: button; text-transform: none; overflow: visible; line-height: 1.15; margin: 0; will-change: transform; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out,-webkit-transform .25s ease-out; } .modal__btn:focus, .modal__btn:hover { -webkit-transform: scale(1.05); transform: scale(1.05); } .modal__btn-primary { background-color: #00449e; color: #fff; } /**************************\ Demo Animation Style \**************************/ @keyframes mmfadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes mmfadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes mmslideIn { from { transform: translateY(15%); } to { transform: translateY(0); } } @keyframes mmslideOut { from { transform: translateY(0); } to { transform: translateY(-10%); } } .micromodal-slide { display: none; } .micromodal-slide.is-open { display: block; } .micromodal-slide[aria-hidden="false"] .modal__overlay { animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="false"] .modal__container { animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide[aria-hidden="true"] .modal__overlay { animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1); } .micromodal-slide[aria-hidden="true"] .modal__container { animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1); } .micromodal-slide .modal__container, .micromodal-slide .modal__overlay { will-change: transform; } /*------------micromodal---------*/