/* Start:/local/templates/okna_new/css/plugins/bootstrap-grid.min.css?174835609251319*/ /*! * Bootstrap Grid v5.1.0 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:var(--bs-gutter-x,.75rem);padding-left:var(--bs-gutter-x,.75rem);margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{--bs-gutter-x:1.5rem;--bs-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:calc(var(--bs-gutter-x) * -.5);margin-left:calc(var(--bs-gutter-x) * -.5)}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:calc(var(--bs-gutter-x) * .5);padding-left:calc(var(--bs-gutter-x) * .5);margin-top:var(--bs-gutter-y)}.col{flex:1 0 0%}.row-cols-auto>*{flex:0 0 auto;width:auto}.row-cols-1>*{flex:0 0 auto;width:100%}.row-cols-2>*{flex:0 0 auto;width:50%}.row-cols-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-4>*{flex:0 0 auto;width:25%}.row-cols-5>*{flex:0 0 auto;width:20%}.row-cols-6>*{flex:0 0 auto;width:16.6666666667%}.col-auto{flex:0 0 auto;width:auto}.col-1{flex:0 0 auto;width:8.33333333%}.col-2{flex:0 0 auto;width:16.66666667%}.col-3{flex:0 0 auto;width:25%}.col-4{flex:0 0 auto;width:33.33333333%}.col-5{flex:0 0 auto;width:41.66666667%}.col-6{flex:0 0 auto;width:50%}.col-7{flex:0 0 auto;width:58.33333333%}.col-8{flex:0 0 auto;width:66.66666667%}.col-9{flex:0 0 auto;width:75%}.col-10{flex:0 0 auto;width:83.33333333%}.col-11{flex:0 0 auto;width:91.66666667%}.col-12{flex:0 0 auto;width:100%}.offset-1{margin-left:8.33333333%}.offset-2{margin-left:16.66666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.33333333%}.offset-5{margin-left:41.66666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.33333333%}.offset-8{margin-left:66.66666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.33333333%}.offset-11{margin-left:91.66666667%}.g-0,.gx-0{--bs-gutter-x:0}.g-0,.gy-0{--bs-gutter-y:0}.g-1,.gx-1{--bs-gutter-x:0.25rem}.g-1,.gy-1{--bs-gutter-y:0.25rem}.g-2,.gx-2{--bs-gutter-x:0.5rem}.g-2,.gy-2{--bs-gutter-y:0.5rem}.g-3,.gx-3{--bs-gutter-x:1rem}.g-3,.gy-3{--bs-gutter-y:1rem}.g-4,.gx-4{--bs-gutter-x:1.5rem}.g-4,.gy-4{--bs-gutter-y:1.5rem}.g-5,.gx-5{--bs-gutter-x:3rem}.g-5,.gy-5{--bs-gutter-y:3rem}@media (min-width:576px){.col-sm{flex:1 0 0%}.row-cols-sm-auto>*{flex:0 0 auto;width:auto}.row-cols-sm-1>*{flex:0 0 auto;width:100%}.row-cols-sm-2>*{flex:0 0 auto;width:50%}.row-cols-sm-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-sm-4>*{flex:0 0 auto;width:25%}.row-cols-sm-5>*{flex:0 0 auto;width:20%}.row-cols-sm-6>*{flex:0 0 auto;width:16.6666666667%}.col-sm-auto{flex:0 0 auto;width:auto}.col-sm-1{flex:0 0 auto;width:8.33333333%}.col-sm-2{flex:0 0 auto;width:16.66666667%}.col-sm-3{flex:0 0 auto;width:25%}.col-sm-4{flex:0 0 auto;width:33.33333333%}.col-sm-5{flex:0 0 auto;width:41.66666667%}.col-sm-6{flex:0 0 auto;width:50%}.col-sm-7{flex:0 0 auto;width:58.33333333%}.col-sm-8{flex:0 0 auto;width:66.66666667%}.col-sm-9{flex:0 0 auto;width:75%}.col-sm-10{flex:0 0 auto;width:83.33333333%}.col-sm-11{flex:0 0 auto;width:91.66666667%}.col-sm-12{flex:0 0 auto;width:100%}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.33333333%}.offset-sm-2{margin-left:16.66666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.33333333%}.offset-sm-5{margin-left:41.66666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.33333333%}.offset-sm-8{margin-left:66.66666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.33333333%}.offset-sm-11{margin-left:91.66666667%}.g-sm-0,.gx-sm-0{--bs-gutter-x:0}.g-sm-0,.gy-sm-0{--bs-gutter-y:0}.g-sm-1,.gx-sm-1{--bs-gutter-x:0.25rem}.g-sm-1,.gy-sm-1{--bs-gutter-y:0.25rem}.g-sm-2,.gx-sm-2{--bs-gutter-x:0.5rem}.g-sm-2,.gy-sm-2{--bs-gutter-y:0.5rem}.g-sm-3,.gx-sm-3{--bs-gutter-x:1rem}.g-sm-3,.gy-sm-3{--bs-gutter-y:1rem}.g-sm-4,.gx-sm-4{--bs-gutter-x:1.5rem}.g-sm-4,.gy-sm-4{--bs-gutter-y:1.5rem}.g-sm-5,.gx-sm-5{--bs-gutter-x:3rem}.g-sm-5,.gy-sm-5{--bs-gutter-y:3rem}}@media (min-width:768px){.col-md{flex:1 0 0%}.row-cols-md-auto>*{flex:0 0 auto;width:auto}.row-cols-md-1>*{flex:0 0 auto;width:100%}.row-cols-md-2>*{flex:0 0 auto;width:50%}.row-cols-md-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-md-4>*{flex:0 0 auto;width:25%}.row-cols-md-5>*{flex:0 0 auto;width:20%}.row-cols-md-6>*{flex:0 0 auto;width:16.6666666667%}.col-md-auto{flex:0 0 auto;width:auto}.col-md-1{flex:0 0 auto;width:8.33333333%}.col-md-2{flex:0 0 auto;width:16.66666667%}.col-md-3{flex:0 0 auto;width:25%}.col-md-4{flex:0 0 auto;width:33.33333333%}.col-md-5{flex:0 0 auto;width:41.66666667%}.col-md-6{flex:0 0 auto;width:50%}.col-md-7{flex:0 0 auto;width:58.33333333%}.col-md-8{flex:0 0 auto;width:66.66666667%}.col-md-9{flex:0 0 auto;width:75%}.col-md-10{flex:0 0 auto;width:83.33333333%}.col-md-11{flex:0 0 auto;width:91.66666667%}.col-md-12{flex:0 0 auto;width:100%}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.33333333%}.offset-md-2{margin-left:16.66666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.33333333%}.offset-md-5{margin-left:41.66666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.33333333%}.offset-md-8{margin-left:66.66666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.33333333%}.offset-md-11{margin-left:91.66666667%}.g-md-0,.gx-md-0{--bs-gutter-x:0}.g-md-0,.gy-md-0{--bs-gutter-y:0}.g-md-1,.gx-md-1{--bs-gutter-x:0.25rem}.g-md-1,.gy-md-1{--bs-gutter-y:0.25rem}.g-md-2,.gx-md-2{--bs-gutter-x:0.5rem}.g-md-2,.gy-md-2{--bs-gutter-y:0.5rem}.g-md-3,.gx-md-3{--bs-gutter-x:1rem}.g-md-3,.gy-md-3{--bs-gutter-y:1rem}.g-md-4,.gx-md-4{--bs-gutter-x:1.5rem}.g-md-4,.gy-md-4{--bs-gutter-y:1.5rem}.g-md-5,.gx-md-5{--bs-gutter-x:3rem}.g-md-5,.gy-md-5{--bs-gutter-y:3rem}}@media (min-width:992px){.col-lg{flex:1 0 0%}.row-cols-lg-auto>*{flex:0 0 auto;width:auto}.row-cols-lg-1>*{flex:0 0 auto;width:100%}.row-cols-lg-2>*{flex:0 0 auto;width:50%}.row-cols-lg-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-lg-4>*{flex:0 0 auto;width:25%}.row-cols-lg-5>*{flex:0 0 auto;width:20%}.row-cols-lg-6>*{flex:0 0 auto;width:16.6666666667%}.col-lg-auto{flex:0 0 auto;width:auto}.col-lg-1{flex:0 0 auto;width:8.33333333%}.col-lg-2{flex:0 0 auto;width:16.66666667%}.col-lg-3{flex:0 0 auto;width:25%}.col-lg-4{flex:0 0 auto;width:33.33333333%}.col-lg-5{flex:0 0 auto;width:41.66666667%}.col-lg-6{flex:0 0 auto;width:50%}.col-lg-7{flex:0 0 auto;width:58.33333333%}.col-lg-8{flex:0 0 auto;width:66.66666667%}.col-lg-9{flex:0 0 auto;width:75%}.col-lg-10{flex:0 0 auto;width:83.33333333%}.col-lg-11{flex:0 0 auto;width:91.66666667%}.col-lg-12{flex:0 0 auto;width:100%}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.33333333%}.offset-lg-2{margin-left:16.66666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.33333333%}.offset-lg-5{margin-left:41.66666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.33333333%}.offset-lg-8{margin-left:66.66666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.33333333%}.offset-lg-11{margin-left:91.66666667%}.g-lg-0,.gx-lg-0{--bs-gutter-x:0}.g-lg-0,.gy-lg-0{--bs-gutter-y:0}.g-lg-1,.gx-lg-1{--bs-gutter-x:0.25rem}.g-lg-1,.gy-lg-1{--bs-gutter-y:0.25rem}.g-lg-2,.gx-lg-2{--bs-gutter-x:0.5rem}.g-lg-2,.gy-lg-2{--bs-gutter-y:0.5rem}.g-lg-3,.gx-lg-3{--bs-gutter-x:1rem}.g-lg-3,.gy-lg-3{--bs-gutter-y:1rem}.g-lg-4,.gx-lg-4{--bs-gutter-x:1.5rem}.g-lg-4,.gy-lg-4{--bs-gutter-y:1.5rem}.g-lg-5,.gx-lg-5{--bs-gutter-x:3rem}.g-lg-5,.gy-lg-5{--bs-gutter-y:3rem}}@media (min-width:1200px){.col-xl{flex:1 0 0%}.row-cols-xl-auto>*{flex:0 0 auto;width:auto}.row-cols-xl-1>*{flex:0 0 auto;width:100%}.row-cols-xl-2>*{flex:0 0 auto;width:50%}.row-cols-xl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xl-4>*{flex:0 0 auto;width:25%}.row-cols-xl-5>*{flex:0 0 auto;width:20%}.row-cols-xl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xl-auto{flex:0 0 auto;width:auto}.col-xl-1{flex:0 0 auto;width:8.33333333%}.col-xl-2{flex:0 0 auto;width:16.66666667%}.col-xl-3{flex:0 0 auto;width:25%}.col-xl-4{flex:0 0 auto;width:33.33333333%}.col-xl-5{flex:0 0 auto;width:41.66666667%}.col-xl-6{flex:0 0 auto;width:50%}.col-xl-7{flex:0 0 auto;width:58.33333333%}.col-xl-8{flex:0 0 auto;width:66.66666667%}.col-xl-9{flex:0 0 auto;width:75%}.col-xl-10{flex:0 0 auto;width:83.33333333%}.col-xl-11{flex:0 0 auto;width:91.66666667%}.col-xl-12{flex:0 0 auto;width:100%}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.33333333%}.offset-xl-2{margin-left:16.66666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.33333333%}.offset-xl-5{margin-left:41.66666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.33333333%}.offset-xl-8{margin-left:66.66666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.33333333%}.offset-xl-11{margin-left:91.66666667%}.g-xl-0,.gx-xl-0{--bs-gutter-x:0}.g-xl-0,.gy-xl-0{--bs-gutter-y:0}.g-xl-1,.gx-xl-1{--bs-gutter-x:0.25rem}.g-xl-1,.gy-xl-1{--bs-gutter-y:0.25rem}.g-xl-2,.gx-xl-2{--bs-gutter-x:0.5rem}.g-xl-2,.gy-xl-2{--bs-gutter-y:0.5rem}.g-xl-3,.gx-xl-3{--bs-gutter-x:1rem}.g-xl-3,.gy-xl-3{--bs-gutter-y:1rem}.g-xl-4,.gx-xl-4{--bs-gutter-x:1.5rem}.g-xl-4,.gy-xl-4{--bs-gutter-y:1.5rem}.g-xl-5,.gx-xl-5{--bs-gutter-x:3rem}.g-xl-5,.gy-xl-5{--bs-gutter-y:3rem}}@media (min-width:1400px){.col-xxl{flex:1 0 0%}.row-cols-xxl-auto>*{flex:0 0 auto;width:auto}.row-cols-xxl-1>*{flex:0 0 auto;width:100%}.row-cols-xxl-2>*{flex:0 0 auto;width:50%}.row-cols-xxl-3>*{flex:0 0 auto;width:33.3333333333%}.row-cols-xxl-4>*{flex:0 0 auto;width:25%}.row-cols-xxl-5>*{flex:0 0 auto;width:20%}.row-cols-xxl-6>*{flex:0 0 auto;width:16.6666666667%}.col-xxl-auto{flex:0 0 auto;width:auto}.col-xxl-1{flex:0 0 auto;width:8.33333333%}.col-xxl-2{flex:0 0 auto;width:16.66666667%}.col-xxl-3{flex:0 0 auto;width:25%}.col-xxl-4{flex:0 0 auto;width:33.33333333%}.col-xxl-5{flex:0 0 auto;width:41.66666667%}.col-xxl-6{flex:0 0 auto;width:50%}.col-xxl-7{flex:0 0 auto;width:58.33333333%}.col-xxl-8{flex:0 0 auto;width:66.66666667%}.col-xxl-9{flex:0 0 auto;width:75%}.col-xxl-10{flex:0 0 auto;width:83.33333333%}.col-xxl-11{flex:0 0 auto;width:91.66666667%}.col-xxl-12{flex:0 0 auto;width:100%}.offset-xxl-0{margin-left:0}.offset-xxl-1{margin-left:8.33333333%}.offset-xxl-2{margin-left:16.66666667%}.offset-xxl-3{margin-left:25%}.offset-xxl-4{margin-left:33.33333333%}.offset-xxl-5{margin-left:41.66666667%}.offset-xxl-6{margin-left:50%}.offset-xxl-7{margin-left:58.33333333%}.offset-xxl-8{margin-left:66.66666667%}.offset-xxl-9{margin-left:75%}.offset-xxl-10{margin-left:83.33333333%}.offset-xxl-11{margin-left:91.66666667%}.g-xxl-0,.gx-xxl-0{--bs-gutter-x:0}.g-xxl-0,.gy-xxl-0{--bs-gutter-y:0}.g-xxl-1,.gx-xxl-1{--bs-gutter-x:0.25rem}.g-xxl-1,.gy-xxl-1{--bs-gutter-y:0.25rem}.g-xxl-2,.gx-xxl-2{--bs-gutter-x:0.5rem}.g-xxl-2,.gy-xxl-2{--bs-gutter-y:0.5rem}.g-xxl-3,.gx-xxl-3{--bs-gutter-x:1rem}.g-xxl-3,.gy-xxl-3{--bs-gutter-y:1rem}.g-xxl-4,.gx-xxl-4{--bs-gutter-x:1.5rem}.g-xxl-4,.gy-xxl-4{--bs-gutter-y:1.5rem}.g-xxl-5,.gx-xxl-5{--bs-gutter-x:3rem}.g-xxl-5,.gy-xxl-5{--bs-gutter-y:3rem}}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-grid{display:grid!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:flex!important}.d-inline-flex{display:inline-flex!important}.d-none{display:none!important}.flex-fill{flex:1 1 auto!important}.flex-row{flex-direction:row!important}.flex-column{flex-direction:column!important}.flex-row-reverse{flex-direction:row-reverse!important}.flex-column-reverse{flex-direction:column-reverse!important}.flex-grow-0{flex-grow:0!important}.flex-grow-1{flex-grow:1!important}.flex-shrink-0{flex-shrink:0!important}.flex-shrink-1{flex-shrink:1!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.flex-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-start{justify-content:flex-start!important}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.justify-content-around{justify-content:space-around!important}.justify-content-evenly{justify-content:space-evenly!important}.align-items-start{align-items:flex-start!important}.align-items-end{align-items:flex-end!important}.align-items-center{align-items:center!important}.align-items-baseline{align-items:baseline!important}.align-items-stretch{align-items:stretch!important}.align-content-start{align-content:flex-start!important}.align-content-end{align-content:flex-end!important}.align-content-center{align-content:center!important}.align-content-between{align-content:space-between!important}.align-content-around{align-content:space-around!important}.align-content-stretch{align-content:stretch!important}.align-self-auto{align-self:auto!important}.align-self-start{align-self:flex-start!important}.align-self-end{align-self:flex-end!important}.align-self-center{align-self:center!important}.align-self-baseline{align-self:baseline!important}.align-self-stretch{align-self:stretch!important}.order-first{order:-1!important}.order-0{order:0!important}.order-1{order:1!important}.order-2{order:2!important}.order-3{order:3!important}.order-4{order:4!important}.order-5{order:5!important}.order-last{order:6!important}.m-0{margin:0!important}.m-1{margin:.25rem!important}.m-2{margin:.5rem!important}.m-3{margin:1rem!important}.m-4{margin:1.5rem!important}.m-5{margin:3rem!important}.m-auto{margin:auto!important}.mx-0{margin-right:0!important;margin-left:0!important}.mx-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mx-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-5{margin-right:3rem!important;margin-left:3rem!important}.mx-auto{margin-right:auto!important;margin-left:auto!important}.my-0{margin-top:0!important;margin-bottom:0!important}.my-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-0{margin-top:0!important}.mt-1{margin-top:.25rem!important}.mt-2{margin-top:.5rem!important}.mt-3{margin-top:1rem!important}.mt-4{margin-top:1.5rem!important}.mt-5{margin-top:3rem!important}.mt-auto{margin-top:auto!important}.me-0{margin-right:0!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.me-3{margin-right:1rem!important}.me-4{margin-right:1.5rem!important}.me-5{margin-right:3rem!important}.me-auto{margin-right:auto!important}.mb-0{margin-bottom:0!important}.mb-1{margin-bottom:.25rem!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mb-5{margin-bottom:3rem!important}.mb-auto{margin-bottom:auto!important}.ms-0{margin-left:0!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.ms-4{margin-left:1.5rem!important}.ms-5{margin-left:3rem!important}.ms-auto{margin-left:auto!important}.p-0{padding:0!important}.p-1{padding:.25rem!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.px-0{padding-right:0!important;padding-left:0!important}.px-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-3{padding-right:1rem!important;padding-left:1rem!important}.px-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}.py-0{padding-top:0!important;padding-bottom:0!important}.py-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-0{padding-top:0!important}.pt-1{padding-top:.25rem!important}.pt-2{padding-top:.5rem!important}.pt-3{padding-top:1rem!important}.pt-4{padding-top:1.5rem!important}.pt-5{padding-top:3rem!important}.pe-0{padding-right:0!important}.pe-1{padding-right:.25rem!important}.pe-2{padding-right:.5rem!important}.pe-3{padding-right:1rem!important}.pe-4{padding-right:1.5rem!important}.pe-5{padding-right:3rem!important}.pb-0{padding-bottom:0!important}.pb-1{padding-bottom:.25rem!important}.pb-2{padding-bottom:.5rem!important}.pb-3{padding-bottom:1rem!important}.pb-4{padding-bottom:1.5rem!important}.pb-5{padding-bottom:3rem!important}.ps-0{padding-left:0!important}.ps-1{padding-left:.25rem!important}.ps-2{padding-left:.5rem!important}.ps-3{padding-left:1rem!important}.ps-4{padding-left:1.5rem!important}.ps-5{padding-left:3rem!important}@media (min-width:576px){.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-grid{display:grid!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:flex!important}.d-sm-inline-flex{display:inline-flex!important}.d-sm-none{display:none!important}.flex-sm-fill{flex:1 1 auto!important}.flex-sm-row{flex-direction:row!important}.flex-sm-column{flex-direction:column!important}.flex-sm-row-reverse{flex-direction:row-reverse!important}.flex-sm-column-reverse{flex-direction:column-reverse!important}.flex-sm-grow-0{flex-grow:0!important}.flex-sm-grow-1{flex-grow:1!important}.flex-sm-shrink-0{flex-shrink:0!important}.flex-sm-shrink-1{flex-shrink:1!important}.flex-sm-wrap{flex-wrap:wrap!important}.flex-sm-nowrap{flex-wrap:nowrap!important}.flex-sm-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-sm-start{justify-content:flex-start!important}.justify-content-sm-end{justify-content:flex-end!important}.justify-content-sm-center{justify-content:center!important}.justify-content-sm-between{justify-content:space-between!important}.justify-content-sm-around{justify-content:space-around!important}.justify-content-sm-evenly{justify-content:space-evenly!important}.align-items-sm-start{align-items:flex-start!important}.align-items-sm-end{align-items:flex-end!important}.align-items-sm-center{align-items:center!important}.align-items-sm-baseline{align-items:baseline!important}.align-items-sm-stretch{align-items:stretch!important}.align-content-sm-start{align-content:flex-start!important}.align-content-sm-end{align-content:flex-end!important}.align-content-sm-center{align-content:center!important}.align-content-sm-between{align-content:space-between!important}.align-content-sm-around{align-content:space-around!important}.align-content-sm-stretch{align-content:stretch!important}.align-self-sm-auto{align-self:auto!important}.align-self-sm-start{align-self:flex-start!important}.align-self-sm-end{align-self:flex-end!important}.align-self-sm-center{align-self:center!important}.align-self-sm-baseline{align-self:baseline!important}.align-self-sm-stretch{align-self:stretch!important}.order-sm-first{order:-1!important}.order-sm-0{order:0!important}.order-sm-1{order:1!important}.order-sm-2{order:2!important}.order-sm-3{order:3!important}.order-sm-4{order:4!important}.order-sm-5{order:5!important}.order-sm-last{order:6!important}.m-sm-0{margin:0!important}.m-sm-1{margin:.25rem!important}.m-sm-2{margin:.5rem!important}.m-sm-3{margin:1rem!important}.m-sm-4{margin:1.5rem!important}.m-sm-5{margin:3rem!important}.m-sm-auto{margin:auto!important}.mx-sm-0{margin-right:0!important;margin-left:0!important}.mx-sm-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-sm-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-sm-3{margin-right:1rem!important;margin-left:1rem!important}.mx-sm-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-sm-5{margin-right:3rem!important;margin-left:3rem!important}.mx-sm-auto{margin-right:auto!important;margin-left:auto!important}.my-sm-0{margin-top:0!important;margin-bottom:0!important}.my-sm-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-sm-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-sm-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-sm-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-sm-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-sm-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-sm-0{margin-top:0!important}.mt-sm-1{margin-top:.25rem!important}.mt-sm-2{margin-top:.5rem!important}.mt-sm-3{margin-top:1rem!important}.mt-sm-4{margin-top:1.5rem!important}.mt-sm-5{margin-top:3rem!important}.mt-sm-auto{margin-top:auto!important}.me-sm-0{margin-right:0!important}.me-sm-1{margin-right:.25rem!important}.me-sm-2{margin-right:.5rem!important}.me-sm-3{margin-right:1rem!important}.me-sm-4{margin-right:1.5rem!important}.me-sm-5{margin-right:3rem!important}.me-sm-auto{margin-right:auto!important}.mb-sm-0{margin-bottom:0!important}.mb-sm-1{margin-bottom:.25rem!important}.mb-sm-2{margin-bottom:.5rem!important}.mb-sm-3{margin-bottom:1rem!important}.mb-sm-4{margin-bottom:1.5rem!important}.mb-sm-5{margin-bottom:3rem!important}.mb-sm-auto{margin-bottom:auto!important}.ms-sm-0{margin-left:0!important}.ms-sm-1{margin-left:.25rem!important}.ms-sm-2{margin-left:.5rem!important}.ms-sm-3{margin-left:1rem!important}.ms-sm-4{margin-left:1.5rem!important}.ms-sm-5{margin-left:3rem!important}.ms-sm-auto{margin-left:auto!important}.p-sm-0{padding:0!important}.p-sm-1{padding:.25rem!important}.p-sm-2{padding:.5rem!important}.p-sm-3{padding:1rem!important}.p-sm-4{padding:1.5rem!important}.p-sm-5{padding:3rem!important}.px-sm-0{padding-right:0!important;padding-left:0!important}.px-sm-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-sm-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-sm-3{padding-right:1rem!important;padding-left:1rem!important}.px-sm-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-sm-5{padding-right:3rem!important;padding-left:3rem!important}.py-sm-0{padding-top:0!important;padding-bottom:0!important}.py-sm-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-sm-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-sm-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-sm-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-sm-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-sm-0{padding-top:0!important}.pt-sm-1{padding-top:.25rem!important}.pt-sm-2{padding-top:.5rem!important}.pt-sm-3{padding-top:1rem!important}.pt-sm-4{padding-top:1.5rem!important}.pt-sm-5{padding-top:3rem!important}.pe-sm-0{padding-right:0!important}.pe-sm-1{padding-right:.25rem!important}.pe-sm-2{padding-right:.5rem!important}.pe-sm-3{padding-right:1rem!important}.pe-sm-4{padding-right:1.5rem!important}.pe-sm-5{padding-right:3rem!important}.pb-sm-0{padding-bottom:0!important}.pb-sm-1{padding-bottom:.25rem!important}.pb-sm-2{padding-bottom:.5rem!important}.pb-sm-3{padding-bottom:1rem!important}.pb-sm-4{padding-bottom:1.5rem!important}.pb-sm-5{padding-bottom:3rem!important}.ps-sm-0{padding-left:0!important}.ps-sm-1{padding-left:.25rem!important}.ps-sm-2{padding-left:.5rem!important}.ps-sm-3{padding-left:1rem!important}.ps-sm-4{padding-left:1.5rem!important}.ps-sm-5{padding-left:3rem!important}}@media (min-width:768px){.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-grid{display:grid!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:flex!important}.d-md-inline-flex{display:inline-flex!important}.d-md-none{display:none!important}.flex-md-fill{flex:1 1 auto!important}.flex-md-row{flex-direction:row!important}.flex-md-column{flex-direction:column!important}.flex-md-row-reverse{flex-direction:row-reverse!important}.flex-md-column-reverse{flex-direction:column-reverse!important}.flex-md-grow-0{flex-grow:0!important}.flex-md-grow-1{flex-grow:1!important}.flex-md-shrink-0{flex-shrink:0!important}.flex-md-shrink-1{flex-shrink:1!important}.flex-md-wrap{flex-wrap:wrap!important}.flex-md-nowrap{flex-wrap:nowrap!important}.flex-md-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-md-start{justify-content:flex-start!important}.justify-content-md-end{justify-content:flex-end!important}.justify-content-md-center{justify-content:center!important}.justify-content-md-between{justify-content:space-between!important}.justify-content-md-around{justify-content:space-around!important}.justify-content-md-evenly{justify-content:space-evenly!important}.align-items-md-start{align-items:flex-start!important}.align-items-md-end{align-items:flex-end!important}.align-items-md-center{align-items:center!important}.align-items-md-baseline{align-items:baseline!important}.align-items-md-stretch{align-items:stretch!important}.align-content-md-start{align-content:flex-start!important}.align-content-md-end{align-content:flex-end!important}.align-content-md-center{align-content:center!important}.align-content-md-between{align-content:space-between!important}.align-content-md-around{align-content:space-around!important}.align-content-md-stretch{align-content:stretch!important}.align-self-md-auto{align-self:auto!important}.align-self-md-start{align-self:flex-start!important}.align-self-md-end{align-self:flex-end!important}.align-self-md-center{align-self:center!important}.align-self-md-baseline{align-self:baseline!important}.align-self-md-stretch{align-self:stretch!important}.order-md-first{order:-1!important}.order-md-0{order:0!important}.order-md-1{order:1!important}.order-md-2{order:2!important}.order-md-3{order:3!important}.order-md-4{order:4!important}.order-md-5{order:5!important}.order-md-last{order:6!important}.m-md-0{margin:0!important}.m-md-1{margin:.25rem!important}.m-md-2{margin:.5rem!important}.m-md-3{margin:1rem!important}.m-md-4{margin:1.5rem!important}.m-md-5{margin:3rem!important}.m-md-auto{margin:auto!important}.mx-md-0{margin-right:0!important;margin-left:0!important}.mx-md-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-md-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-md-3{margin-right:1rem!important;margin-left:1rem!important}.mx-md-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-md-5{margin-right:3rem!important;margin-left:3rem!important}.mx-md-auto{margin-right:auto!important;margin-left:auto!important}.my-md-0{margin-top:0!important;margin-bottom:0!important}.my-md-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-md-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-md-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-md-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-md-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-md-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-md-0{margin-top:0!important}.mt-md-1{margin-top:.25rem!important}.mt-md-2{margin-top:.5rem!important}.mt-md-3{margin-top:1rem!important}.mt-md-4{margin-top:1.5rem!important}.mt-md-5{margin-top:3rem!important}.mt-md-auto{margin-top:auto!important}.me-md-0{margin-right:0!important}.me-md-1{margin-right:.25rem!important}.me-md-2{margin-right:.5rem!important}.me-md-3{margin-right:1rem!important}.me-md-4{margin-right:1.5rem!important}.me-md-5{margin-right:3rem!important}.me-md-auto{margin-right:auto!important}.mb-md-0{margin-bottom:0!important}.mb-md-1{margin-bottom:.25rem!important}.mb-md-2{margin-bottom:.5rem!important}.mb-md-3{margin-bottom:1rem!important}.mb-md-4{margin-bottom:1.5rem!important}.mb-md-5{margin-bottom:3rem!important}.mb-md-auto{margin-bottom:auto!important}.ms-md-0{margin-left:0!important}.ms-md-1{margin-left:.25rem!important}.ms-md-2{margin-left:.5rem!important}.ms-md-3{margin-left:1rem!important}.ms-md-4{margin-left:1.5rem!important}.ms-md-5{margin-left:3rem!important}.ms-md-auto{margin-left:auto!important}.p-md-0{padding:0!important}.p-md-1{padding:.25rem!important}.p-md-2{padding:.5rem!important}.p-md-3{padding:1rem!important}.p-md-4{padding:1.5rem!important}.p-md-5{padding:3rem!important}.px-md-0{padding-right:0!important;padding-left:0!important}.px-md-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-md-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-md-3{padding-right:1rem!important;padding-left:1rem!important}.px-md-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-md-5{padding-right:3rem!important;padding-left:3rem!important}.py-md-0{padding-top:0!important;padding-bottom:0!important}.py-md-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-md-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-md-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-md-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-md-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-md-0{padding-top:0!important}.pt-md-1{padding-top:.25rem!important}.pt-md-2{padding-top:.5rem!important}.pt-md-3{padding-top:1rem!important}.pt-md-4{padding-top:1.5rem!important}.pt-md-5{padding-top:3rem!important}.pe-md-0{padding-right:0!important}.pe-md-1{padding-right:.25rem!important}.pe-md-2{padding-right:.5rem!important}.pe-md-3{padding-right:1rem!important}.pe-md-4{padding-right:1.5rem!important}.pe-md-5{padding-right:3rem!important}.pb-md-0{padding-bottom:0!important}.pb-md-1{padding-bottom:.25rem!important}.pb-md-2{padding-bottom:.5rem!important}.pb-md-3{padding-bottom:1rem!important}.pb-md-4{padding-bottom:1.5rem!important}.pb-md-5{padding-bottom:3rem!important}.ps-md-0{padding-left:0!important}.ps-md-1{padding-left:.25rem!important}.ps-md-2{padding-left:.5rem!important}.ps-md-3{padding-left:1rem!important}.ps-md-4{padding-left:1.5rem!important}.ps-md-5{padding-left:3rem!important}}@media (min-width:992px){.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-grid{display:grid!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:flex!important}.d-lg-inline-flex{display:inline-flex!important}.d-lg-none{display:none!important}.flex-lg-fill{flex:1 1 auto!important}.flex-lg-row{flex-direction:row!important}.flex-lg-column{flex-direction:column!important}.flex-lg-row-reverse{flex-direction:row-reverse!important}.flex-lg-column-reverse{flex-direction:column-reverse!important}.flex-lg-grow-0{flex-grow:0!important}.flex-lg-grow-1{flex-grow:1!important}.flex-lg-shrink-0{flex-shrink:0!important}.flex-lg-shrink-1{flex-shrink:1!important}.flex-lg-wrap{flex-wrap:wrap!important}.flex-lg-nowrap{flex-wrap:nowrap!important}.flex-lg-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-lg-start{justify-content:flex-start!important}.justify-content-lg-end{justify-content:flex-end!important}.justify-content-lg-center{justify-content:center!important}.justify-content-lg-between{justify-content:space-between!important}.justify-content-lg-around{justify-content:space-around!important}.justify-content-lg-evenly{justify-content:space-evenly!important}.align-items-lg-start{align-items:flex-start!important}.align-items-lg-end{align-items:flex-end!important}.align-items-lg-center{align-items:center!important}.align-items-lg-baseline{align-items:baseline!important}.align-items-lg-stretch{align-items:stretch!important}.align-content-lg-start{align-content:flex-start!important}.align-content-lg-end{align-content:flex-end!important}.align-content-lg-center{align-content:center!important}.align-content-lg-between{align-content:space-between!important}.align-content-lg-around{align-content:space-around!important}.align-content-lg-stretch{align-content:stretch!important}.align-self-lg-auto{align-self:auto!important}.align-self-lg-start{align-self:flex-start!important}.align-self-lg-end{align-self:flex-end!important}.align-self-lg-center{align-self:center!important}.align-self-lg-baseline{align-self:baseline!important}.align-self-lg-stretch{align-self:stretch!important}.order-lg-first{order:-1!important}.order-lg-0{order:0!important}.order-lg-1{order:1!important}.order-lg-2{order:2!important}.order-lg-3{order:3!important}.order-lg-4{order:4!important}.order-lg-5{order:5!important}.order-lg-last{order:6!important}.m-lg-0{margin:0!important}.m-lg-1{margin:.25rem!important}.m-lg-2{margin:.5rem!important}.m-lg-3{margin:1rem!important}.m-lg-4{margin:1.5rem!important}.m-lg-5{margin:3rem!important}.m-lg-auto{margin:auto!important}.mx-lg-0{margin-right:0!important;margin-left:0!important}.mx-lg-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-lg-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-lg-3{margin-right:1rem!important;margin-left:1rem!important}.mx-lg-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-lg-5{margin-right:3rem!important;margin-left:3rem!important}.mx-lg-auto{margin-right:auto!important;margin-left:auto!important}.my-lg-0{margin-top:0!important;margin-bottom:0!important}.my-lg-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-lg-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-lg-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-lg-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-lg-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-lg-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-lg-0{margin-top:0!important}.mt-lg-1{margin-top:.25rem!important}.mt-lg-2{margin-top:.5rem!important}.mt-lg-3{margin-top:1rem!important}.mt-lg-4{margin-top:1.5rem!important}.mt-lg-5{margin-top:3rem!important}.mt-lg-auto{margin-top:auto!important}.me-lg-0{margin-right:0!important}.me-lg-1{margin-right:.25rem!important}.me-lg-2{margin-right:.5rem!important}.me-lg-3{margin-right:1rem!important}.me-lg-4{margin-right:1.5rem!important}.me-lg-5{margin-right:3rem!important}.me-lg-auto{margin-right:auto!important}.mb-lg-0{margin-bottom:0!important}.mb-lg-1{margin-bottom:.25rem!important}.mb-lg-2{margin-bottom:.5rem!important}.mb-lg-3{margin-bottom:1rem!important}.mb-lg-4{margin-bottom:1.5rem!important}.mb-lg-5{margin-bottom:3rem!important}.mb-lg-auto{margin-bottom:auto!important}.ms-lg-0{margin-left:0!important}.ms-lg-1{margin-left:.25rem!important}.ms-lg-2{margin-left:.5rem!important}.ms-lg-3{margin-left:1rem!important}.ms-lg-4{margin-left:1.5rem!important}.ms-lg-5{margin-left:3rem!important}.ms-lg-auto{margin-left:auto!important}.p-lg-0{padding:0!important}.p-lg-1{padding:.25rem!important}.p-lg-2{padding:.5rem!important}.p-lg-3{padding:1rem!important}.p-lg-4{padding:1.5rem!important}.p-lg-5{padding:3rem!important}.px-lg-0{padding-right:0!important;padding-left:0!important}.px-lg-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-lg-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-lg-3{padding-right:1rem!important;padding-left:1rem!important}.px-lg-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-lg-5{padding-right:3rem!important;padding-left:3rem!important}.py-lg-0{padding-top:0!important;padding-bottom:0!important}.py-lg-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-lg-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-lg-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-lg-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-lg-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-lg-0{padding-top:0!important}.pt-lg-1{padding-top:.25rem!important}.pt-lg-2{padding-top:.5rem!important}.pt-lg-3{padding-top:1rem!important}.pt-lg-4{padding-top:1.5rem!important}.pt-lg-5{padding-top:3rem!important}.pe-lg-0{padding-right:0!important}.pe-lg-1{padding-right:.25rem!important}.pe-lg-2{padding-right:.5rem!important}.pe-lg-3{padding-right:1rem!important}.pe-lg-4{padding-right:1.5rem!important}.pe-lg-5{padding-right:3rem!important}.pb-lg-0{padding-bottom:0!important}.pb-lg-1{padding-bottom:.25rem!important}.pb-lg-2{padding-bottom:.5rem!important}.pb-lg-3{padding-bottom:1rem!important}.pb-lg-4{padding-bottom:1.5rem!important}.pb-lg-5{padding-bottom:3rem!important}.ps-lg-0{padding-left:0!important}.ps-lg-1{padding-left:.25rem!important}.ps-lg-2{padding-left:.5rem!important}.ps-lg-3{padding-left:1rem!important}.ps-lg-4{padding-left:1.5rem!important}.ps-lg-5{padding-left:3rem!important}}@media (min-width:1200px){.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-grid{display:grid!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:flex!important}.d-xl-inline-flex{display:inline-flex!important}.d-xl-none{display:none!important}.flex-xl-fill{flex:1 1 auto!important}.flex-xl-row{flex-direction:row!important}.flex-xl-column{flex-direction:column!important}.flex-xl-row-reverse{flex-direction:row-reverse!important}.flex-xl-column-reverse{flex-direction:column-reverse!important}.flex-xl-grow-0{flex-grow:0!important}.flex-xl-grow-1{flex-grow:1!important}.flex-xl-shrink-0{flex-shrink:0!important}.flex-xl-shrink-1{flex-shrink:1!important}.flex-xl-wrap{flex-wrap:wrap!important}.flex-xl-nowrap{flex-wrap:nowrap!important}.flex-xl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xl-start{justify-content:flex-start!important}.justify-content-xl-end{justify-content:flex-end!important}.justify-content-xl-center{justify-content:center!important}.justify-content-xl-between{justify-content:space-between!important}.justify-content-xl-around{justify-content:space-around!important}.justify-content-xl-evenly{justify-content:space-evenly!important}.align-items-xl-start{align-items:flex-start!important}.align-items-xl-end{align-items:flex-end!important}.align-items-xl-center{align-items:center!important}.align-items-xl-baseline{align-items:baseline!important}.align-items-xl-stretch{align-items:stretch!important}.align-content-xl-start{align-content:flex-start!important}.align-content-xl-end{align-content:flex-end!important}.align-content-xl-center{align-content:center!important}.align-content-xl-between{align-content:space-between!important}.align-content-xl-around{align-content:space-around!important}.align-content-xl-stretch{align-content:stretch!important}.align-self-xl-auto{align-self:auto!important}.align-self-xl-start{align-self:flex-start!important}.align-self-xl-end{align-self:flex-end!important}.align-self-xl-center{align-self:center!important}.align-self-xl-baseline{align-self:baseline!important}.align-self-xl-stretch{align-self:stretch!important}.order-xl-first{order:-1!important}.order-xl-0{order:0!important}.order-xl-1{order:1!important}.order-xl-2{order:2!important}.order-xl-3{order:3!important}.order-xl-4{order:4!important}.order-xl-5{order:5!important}.order-xl-last{order:6!important}.m-xl-0{margin:0!important}.m-xl-1{margin:.25rem!important}.m-xl-2{margin:.5rem!important}.m-xl-3{margin:1rem!important}.m-xl-4{margin:1.5rem!important}.m-xl-5{margin:3rem!important}.m-xl-auto{margin:auto!important}.mx-xl-0{margin-right:0!important;margin-left:0!important}.mx-xl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xl-auto{margin-right:auto!important;margin-left:auto!important}.my-xl-0{margin-top:0!important;margin-bottom:0!important}.my-xl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xl-0{margin-top:0!important}.mt-xl-1{margin-top:.25rem!important}.mt-xl-2{margin-top:.5rem!important}.mt-xl-3{margin-top:1rem!important}.mt-xl-4{margin-top:1.5rem!important}.mt-xl-5{margin-top:3rem!important}.mt-xl-auto{margin-top:auto!important}.me-xl-0{margin-right:0!important}.me-xl-1{margin-right:.25rem!important}.me-xl-2{margin-right:.5rem!important}.me-xl-3{margin-right:1rem!important}.me-xl-4{margin-right:1.5rem!important}.me-xl-5{margin-right:3rem!important}.me-xl-auto{margin-right:auto!important}.mb-xl-0{margin-bottom:0!important}.mb-xl-1{margin-bottom:.25rem!important}.mb-xl-2{margin-bottom:.5rem!important}.mb-xl-3{margin-bottom:1rem!important}.mb-xl-4{margin-bottom:1.5rem!important}.mb-xl-5{margin-bottom:3rem!important}.mb-xl-auto{margin-bottom:auto!important}.ms-xl-0{margin-left:0!important}.ms-xl-1{margin-left:.25rem!important}.ms-xl-2{margin-left:.5rem!important}.ms-xl-3{margin-left:1rem!important}.ms-xl-4{margin-left:1.5rem!important}.ms-xl-5{margin-left:3rem!important}.ms-xl-auto{margin-left:auto!important}.p-xl-0{padding:0!important}.p-xl-1{padding:.25rem!important}.p-xl-2{padding:.5rem!important}.p-xl-3{padding:1rem!important}.p-xl-4{padding:1.5rem!important}.p-xl-5{padding:3rem!important}.px-xl-0{padding-right:0!important;padding-left:0!important}.px-xl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xl-0{padding-top:0!important;padding-bottom:0!important}.py-xl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xl-0{padding-top:0!important}.pt-xl-1{padding-top:.25rem!important}.pt-xl-2{padding-top:.5rem!important}.pt-xl-3{padding-top:1rem!important}.pt-xl-4{padding-top:1.5rem!important}.pt-xl-5{padding-top:3rem!important}.pe-xl-0{padding-right:0!important}.pe-xl-1{padding-right:.25rem!important}.pe-xl-2{padding-right:.5rem!important}.pe-xl-3{padding-right:1rem!important}.pe-xl-4{padding-right:1.5rem!important}.pe-xl-5{padding-right:3rem!important}.pb-xl-0{padding-bottom:0!important}.pb-xl-1{padding-bottom:.25rem!important}.pb-xl-2{padding-bottom:.5rem!important}.pb-xl-3{padding-bottom:1rem!important}.pb-xl-4{padding-bottom:1.5rem!important}.pb-xl-5{padding-bottom:3rem!important}.ps-xl-0{padding-left:0!important}.ps-xl-1{padding-left:.25rem!important}.ps-xl-2{padding-left:.5rem!important}.ps-xl-3{padding-left:1rem!important}.ps-xl-4{padding-left:1.5rem!important}.ps-xl-5{padding-left:3rem!important}}@media (min-width:1400px){.d-xxl-inline{display:inline!important}.d-xxl-inline-block{display:inline-block!important}.d-xxl-block{display:block!important}.d-xxl-grid{display:grid!important}.d-xxl-table{display:table!important}.d-xxl-table-row{display:table-row!important}.d-xxl-table-cell{display:table-cell!important}.d-xxl-flex{display:flex!important}.d-xxl-inline-flex{display:inline-flex!important}.d-xxl-none{display:none!important}.flex-xxl-fill{flex:1 1 auto!important}.flex-xxl-row{flex-direction:row!important}.flex-xxl-column{flex-direction:column!important}.flex-xxl-row-reverse{flex-direction:row-reverse!important}.flex-xxl-column-reverse{flex-direction:column-reverse!important}.flex-xxl-grow-0{flex-grow:0!important}.flex-xxl-grow-1{flex-grow:1!important}.flex-xxl-shrink-0{flex-shrink:0!important}.flex-xxl-shrink-1{flex-shrink:1!important}.flex-xxl-wrap{flex-wrap:wrap!important}.flex-xxl-nowrap{flex-wrap:nowrap!important}.flex-xxl-wrap-reverse{flex-wrap:wrap-reverse!important}.justify-content-xxl-start{justify-content:flex-start!important}.justify-content-xxl-end{justify-content:flex-end!important}.justify-content-xxl-center{justify-content:center!important}.justify-content-xxl-between{justify-content:space-between!important}.justify-content-xxl-around{justify-content:space-around!important}.justify-content-xxl-evenly{justify-content:space-evenly!important}.align-items-xxl-start{align-items:flex-start!important}.align-items-xxl-end{align-items:flex-end!important}.align-items-xxl-center{align-items:center!important}.align-items-xxl-baseline{align-items:baseline!important}.align-items-xxl-stretch{align-items:stretch!important}.align-content-xxl-start{align-content:flex-start!important}.align-content-xxl-end{align-content:flex-end!important}.align-content-xxl-center{align-content:center!important}.align-content-xxl-between{align-content:space-between!important}.align-content-xxl-around{align-content:space-around!important}.align-content-xxl-stretch{align-content:stretch!important}.align-self-xxl-auto{align-self:auto!important}.align-self-xxl-start{align-self:flex-start!important}.align-self-xxl-end{align-self:flex-end!important}.align-self-xxl-center{align-self:center!important}.align-self-xxl-baseline{align-self:baseline!important}.align-self-xxl-stretch{align-self:stretch!important}.order-xxl-first{order:-1!important}.order-xxl-0{order:0!important}.order-xxl-1{order:1!important}.order-xxl-2{order:2!important}.order-xxl-3{order:3!important}.order-xxl-4{order:4!important}.order-xxl-5{order:5!important}.order-xxl-last{order:6!important}.m-xxl-0{margin:0!important}.m-xxl-1{margin:.25rem!important}.m-xxl-2{margin:.5rem!important}.m-xxl-3{margin:1rem!important}.m-xxl-4{margin:1.5rem!important}.m-xxl-5{margin:3rem!important}.m-xxl-auto{margin:auto!important}.mx-xxl-0{margin-right:0!important;margin-left:0!important}.mx-xxl-1{margin-right:.25rem!important;margin-left:.25rem!important}.mx-xxl-2{margin-right:.5rem!important;margin-left:.5rem!important}.mx-xxl-3{margin-right:1rem!important;margin-left:1rem!important}.mx-xxl-4{margin-right:1.5rem!important;margin-left:1.5rem!important}.mx-xxl-5{margin-right:3rem!important;margin-left:3rem!important}.mx-xxl-auto{margin-right:auto!important;margin-left:auto!important}.my-xxl-0{margin-top:0!important;margin-bottom:0!important}.my-xxl-1{margin-top:.25rem!important;margin-bottom:.25rem!important}.my-xxl-2{margin-top:.5rem!important;margin-bottom:.5rem!important}.my-xxl-3{margin-top:1rem!important;margin-bottom:1rem!important}.my-xxl-4{margin-top:1.5rem!important;margin-bottom:1.5rem!important}.my-xxl-5{margin-top:3rem!important;margin-bottom:3rem!important}.my-xxl-auto{margin-top:auto!important;margin-bottom:auto!important}.mt-xxl-0{margin-top:0!important}.mt-xxl-1{margin-top:.25rem!important}.mt-xxl-2{margin-top:.5rem!important}.mt-xxl-3{margin-top:1rem!important}.mt-xxl-4{margin-top:1.5rem!important}.mt-xxl-5{margin-top:3rem!important}.mt-xxl-auto{margin-top:auto!important}.me-xxl-0{margin-right:0!important}.me-xxl-1{margin-right:.25rem!important}.me-xxl-2{margin-right:.5rem!important}.me-xxl-3{margin-right:1rem!important}.me-xxl-4{margin-right:1.5rem!important}.me-xxl-5{margin-right:3rem!important}.me-xxl-auto{margin-right:auto!important}.mb-xxl-0{margin-bottom:0!important}.mb-xxl-1{margin-bottom:.25rem!important}.mb-xxl-2{margin-bottom:.5rem!important}.mb-xxl-3{margin-bottom:1rem!important}.mb-xxl-4{margin-bottom:1.5rem!important}.mb-xxl-5{margin-bottom:3rem!important}.mb-xxl-auto{margin-bottom:auto!important}.ms-xxl-0{margin-left:0!important}.ms-xxl-1{margin-left:.25rem!important}.ms-xxl-2{margin-left:.5rem!important}.ms-xxl-3{margin-left:1rem!important}.ms-xxl-4{margin-left:1.5rem!important}.ms-xxl-5{margin-left:3rem!important}.ms-xxl-auto{margin-left:auto!important}.p-xxl-0{padding:0!important}.p-xxl-1{padding:.25rem!important}.p-xxl-2{padding:.5rem!important}.p-xxl-3{padding:1rem!important}.p-xxl-4{padding:1.5rem!important}.p-xxl-5{padding:3rem!important}.px-xxl-0{padding-right:0!important;padding-left:0!important}.px-xxl-1{padding-right:.25rem!important;padding-left:.25rem!important}.px-xxl-2{padding-right:.5rem!important;padding-left:.5rem!important}.px-xxl-3{padding-right:1rem!important;padding-left:1rem!important}.px-xxl-4{padding-right:1.5rem!important;padding-left:1.5rem!important}.px-xxl-5{padding-right:3rem!important;padding-left:3rem!important}.py-xxl-0{padding-top:0!important;padding-bottom:0!important}.py-xxl-1{padding-top:.25rem!important;padding-bottom:.25rem!important}.py-xxl-2{padding-top:.5rem!important;padding-bottom:.5rem!important}.py-xxl-3{padding-top:1rem!important;padding-bottom:1rem!important}.py-xxl-4{padding-top:1.5rem!important;padding-bottom:1.5rem!important}.py-xxl-5{padding-top:3rem!important;padding-bottom:3rem!important}.pt-xxl-0{padding-top:0!important}.pt-xxl-1{padding-top:.25rem!important}.pt-xxl-2{padding-top:.5rem!important}.pt-xxl-3{padding-top:1rem!important}.pt-xxl-4{padding-top:1.5rem!important}.pt-xxl-5{padding-top:3rem!important}.pe-xxl-0{padding-right:0!important}.pe-xxl-1{padding-right:.25rem!important}.pe-xxl-2{padding-right:.5rem!important}.pe-xxl-3{padding-right:1rem!important}.pe-xxl-4{padding-right:1.5rem!important}.pe-xxl-5{padding-right:3rem!important}.pb-xxl-0{padding-bottom:0!important}.pb-xxl-1{padding-bottom:.25rem!important}.pb-xxl-2{padding-bottom:.5rem!important}.pb-xxl-3{padding-bottom:1rem!important}.pb-xxl-4{padding-bottom:1.5rem!important}.pb-xxl-5{padding-bottom:3rem!important}.ps-xxl-0{padding-left:0!important}.ps-xxl-1{padding-left:.25rem!important}.ps-xxl-2{padding-left:.5rem!important}.ps-xxl-3{padding-left:1rem!important}.ps-xxl-4{padding-left:1.5rem!important}.ps-xxl-5{padding-left:3rem!important}}@media print{.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-grid{display:grid!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:flex!important}.d-print-inline-flex{display:inline-flex!important}.d-print-none{display:none!important}} /*# sourceMappingURL=bootstrap-grid.min.css.map */ /* End */ /* Start:/local/templates/okna_new/css/plugins/tooltipster.bundle.min.css?17483560926495*/ .tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px} /* End */ /* Start:/local/templates/okna_new/css/plugins/slick.css?17483560921775*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/okna_new/css/plugins/magnific-popup.css?17483560926950*/ /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.65; margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; } .mfp-arrow:before, .mfp-arrow:after { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { border-left: 27px solid #3F3F3F; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444; } .mfp-figure small { color: #BDBDBD; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #F3F3F3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /* End */ /* Start:/local/templates/okna_new/css/plugins/datepicker.min.css?174835609212257*/ .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} /* End */ /* Start:/local/templates/okna_new/css/all.min.css?1748356092120485*/ .owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:a;animation-name:a}@-webkit-keyframes a{0%{opacity:1}to{opacity:0}}@keyframes a{0%{opacity:1}to{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translateZ(0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;-webkit-transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-item img{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/okna_new/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:50%;background-repeat:no-repeat;background-size:contain;-webkit-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1}@font-face{font-family:muller;src:url(/local/templates/okna_new/css/../fonts/mullerregular-webfont.eot);src:url(/local/templates/okna_new/css/../fonts/mullerregular-webfont.eot?#iefix) format("embedded-opentype"),url(/local/templates/okna_new/css/../fonts/mullerregular-webfont.woff2) format("woff2"),url(/local/templates/okna_new/css/../fonts/mullerregular-webfont.woff) format("woff"),url(/local/templates/okna_new/css/../fonts/mullerregular-webfont.ttf) format("truetype"),url(/local/templates/okna_new/css/../fonts/mullerregular-webfont.svg#muller_regularregular) format("svg");font-weight:400;font-style:normal}@font-face{font-family:mullerlight;src:url(/local/templates/okna_new/css/../fonts/mullerlight-webfont.eot);src:url(/local/templates/okna_new/css/../fonts/mullerlight-webfont.eot?#iefix) format("embedded-opentype"),url(/local/templates/okna_new/css/../fonts/mullerlight-webfont.woff2) format("woff2"),url(/local/templates/okna_new/css/../fonts/mullerlight-webfont.woff) format("woff"),url(/local/templates/okna_new/css/../fonts/mullerlight-webfont.ttf) format("truetype"),url(/local/templates/okna_new/css/../fonts/mullerlight-webfont.svg#mullerlight) format("svg");font-weight:400;font-style:normal}@font-face{font-family:muller;src:url(/local/templates/okna_new/css/../fonts/mullermedium-webfont.eot);src:url(/local/templates/okna_new/css/../fonts/mullermedium-webfont.eot?#iefix) format("embedded-opentype"),url(/local/templates/okna_new/css/../fonts/mullermedium-webfont.woff2) format("woff2"),url(/local/templates/okna_new/css/../fonts/mullermedium-webfont.woff) format("woff"),url(/local/templates/okna_new/css/../fonts/mullermedium-webfont.ttf) format("truetype"),url(/local/templates/okna_new/css/../fonts/mullermedium-webfont.svg#mullermedium) format("svg");font-weight:600;font-style:normal}@font-face{font-family:muller;src:url(/local/templates/okna_new/css/../fonts/mullerbold-webfont.eot);src:url(/local/templates/okna_new/css/../fonts/mullerbold-webfont.eot?#iefix) format("embedded-opentype"),url(/local/templates/okna_new/css/../fonts/mullerbold-webfont.woff2) format("woff2"),url(/local/templates/okna_new/css/../fonts/mullerbold-webfont.woff) format("woff"),url(/local/templates/okna_new/css/../fonts/mullerbold-webfont.ttf) format("truetype"),url(/local/templates/okna_new/css/../fonts/mullerbold-webfont.svg#mullerbold) format("svg");font-weight:700;font-style:normal}@font-face{font-family:muller;src:url(/local/templates/okna_new/css/../fonts/mullerextrabold-webfont.eot);src:url(/local/templates/okna_new/css/../fonts/mullerextrabold-webfont.eot?#iefix) format("embedded-opentype"),url(/local/templates/okna_new/css/../fonts/mullerextrabold-webfont.woff2) format("woff2"),url(/local/templates/okna_new/css/../fonts/mullerextrabold-webfont.woff) format("woff"),url(/local/templates/okna_new/css/../fonts/mullerextrabold-webfont.ttf) format("truetype"),url(/local/templates/okna_new/css/../fonts/mullerextrabold-webfont.svg#mullerextrabold) format("svg");font-weight:900;font-style:normal}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}b,strong{font-weight:700}html{position:static!important;top:0!important;box-sizing:border-box}*,:after,:before{box-sizing:inherit}:focus{outline:0}#map{height:100%}.controls{background-color:#fff;border-radius:2px;border:1px solid transparent;box-shadow:0 2px 6px rgba(0,0,0,.3);box-sizing:border-box;font-family:Roboto;font-size:15px;font-weight:300;height:29px;margin-left:17px;margin-top:10px;outline:none;padding:0 11px 0 13px;text-overflow:ellipsis;width:400px}.controls:focus{border-color:#4d90fe}.fixSlide{-webkit-transition:all .4s linear;transition:all .4s linear;opacity:0!important}.slider_block{opacity:1}.slider_block,.slider_block *{-webkit-transition:width 0s ease-in-out,left 0s ease-in-out;transition:width 0s ease-in-out,left 0s ease-in-out}body{font-family:muller,sans-serif}.wrap,body.overflow{overflow:hidden}.wrap{width:1180px;margin:auto;padding-left:15px;padding-right:15px}h4.block_title{text-align:center;color:#333;text-transform:uppercase;font-size:40px;font-weight:400;margin-bottom:50px;letter-spacing:2px}.top{width:100%;height:100px;background:#fff;box-shadow:0 3px 20px rgba(0,0,0,.1);position:relative;z-index:2}.top .wrap{overflow:visible}.top .logo{float:left;margin-top:15px;margin-right:170px;max-width:130px}.top .logo svg{width:100%}.top .top_block{float:left}.top .top_block .top_block__nav{width:100%;padding-bottom:36px}.top .top_block .top_block__nav ul li{float:left}.top .top_block .top_block__nav.nav_one{margin-top:15px;padding-left:13px}.top .top_block .top_block__nav.nav_one nav>ul>li{padding-left:13px;margin-right:31px;padding-right:5px;height:25px;background:url(/local/templates/okna_new/css/../img/str_min.png) no-repeat left 7px;position:relative}.top .top_block .top_block__nav.nav_one nav>ul>li.no_ic{background:none}.top .top_block .top_block__nav.nav_one nav>ul>li a{text-decoration:none;font-size:11px;text-transform:uppercase;color:#000}.top .top_block .top_block__nav.nav_one nav>ul>li:hover{border-bottom:2px solid #eb071e}.top .top_block .top_block__nav.nav_one nav>ul>li:hover>ul{display:block}.top .top_block .top_block__nav.nav_one nav>ul>li>ul{width:250px;background:#ececed;overflow:hidden;position:absolute;top:23px;left:0;display:none;z-index:4}.top .top_block .top_block__nav.nav_one nav>ul>li>ul>li{display:block;width:100%;height:50px;float:none;border-bottom:1px solid #dbdbdb;-webkit-transition:all .2s linear;transition:all .2s linear}.top .top_block .top_block__nav.nav_one nav>ul>li>ul>li>a{display:block;width:100%;height:100%;padding-left:13px;box-sizing:border-box;line-height:50px;-webkit-transition:all .2s linear;transition:all .2s linear}.top .top_block .top_block__nav.nav_one nav>ul>li>ul>li:hover{background:#eb071e}.top .top_block .top_block__nav.nav_one nav>ul>li>ul>li:hover>a{color:#fff}.top .top_block .top_block__nav.nav_one .search{width:287px;height:35px;float:right;position:relative;margin-right:25px}.top .top_block .top_block__nav.nav_one .search .search_button{width:19px;height:18px;background:url(/local/templates/okna_new/css/../img/search.png) no-repeat 50%;cursor:pointer;float:right;position:absolute;z-index:1;right:0;top:5px;-webkit-transition:all .3s linear;transition:all .3s linear}.top .top_block .top_block__nav.nav_one .search .search_button:hover{background:url(/local/templates/okna_new/css/../img/search_h.png) no-repeat 50%}.top .top_block .top_block__nav.nav_one .search .search_open{position:absolute;top:0;height:25px;display:none;width:100%}.top .top_block .top_block__nav.nav_one .search .search_open input{border:0;width:100%;height:23px;box-sizing:border-box;padding-bottom:10px;font-size:12px;text-transform:uppercase;color:#333;letter-spacing:1px}.top .top_block .top_block__nav.nav_one .search .search_open input:focus{border-bottom:1px solid #eb071e}.top .top_block .top_block__nav.nav_one .search .search_open input::-webkit-input-placeholder{color:#eb071e}.top .top_block .top_block__nav.nav_two{margin-top:0}.top .top_block .top_block__nav.nav_two>nav>ul>li{height:49px;-webkit-transition:all .1s linear;transition:all .1s linear}.top .top_block .top_block__nav.nav_two>nav>ul>li>a{font-size:18px;display:block;width:100%;height:100%;color:#000;font-weight:600;line-height:49px;text-decoration:none;padding-right:25px;padding-left:25px}.top .top_block .top_block__nav.nav_two>nav>ul>li:hover{border-bottom:2px solid #eb071e}.top .top_block .top_block__nav.nav_two>nav>ul>li:hover>.show_navigation{height:auto}.top .top_block .top_block__nav.nav_two>nav>ul>li.no_ic{background:#fff}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation{display:block;position:absolute;width:100%;left:0;height:0;overflow:hidden;background:#ececed;-webkit-transition:all .1s linear;transition:all .1s linear}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap{padding-left:315px;padding-right:65px;overflow:hidden}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr{border-left:1px solid #ccc;border-right:1px solid #ccc;overflow:hidden}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block{width:297.5px;float:left;height:100%;border-right:1px solid #ccc;vertical-align:top}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block.three_block{width:202px;border-right:0}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li{width:100%;height:70px;border-bottom:1px solid #ccc;padding-left:20px;padding-right:20px;padding-top:16px;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li a{display:block;width:100%;height:100%;text-decoration:none}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li a p{color:#606060;font-weight:900;font-size:20px;text-transform:uppercase;line-height:1;-webkit-transition:all .2s linear;transition:all .2s linear}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li a p span{display:block;font-weight:400;text-transform:lowercase;font-size:15px;color:#eb071e;-webkit-transition:all .2s linear;transition:all .2s linear}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li:last-child{border-bottom:0}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li:hover{background:#eb071e}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li:hover p,.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li:hover p span{color:#fff}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three{width:100%;height:52.5px;padding-left:15px;padding-right:15px;box-sizing:border-box;border-bottom:1px solid #ccc;-webkit-transition:all .2s linear;transition:all .2s linear}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three a{display:block;width:100%;height:100%;font-size:15px;color:#eb071e;text-decoration:none;line-height:52.5px}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three:last-child{border-bottom:0}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three:hover{background:#eb071e}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three:hover a{color:#fff}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr.two_wr{border-right:0}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr.two_wr .show_navigation_ul_block{width:33.3%;border-right:1px solid #ccc}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap .show_navigation_wr.two_wr .show_navigation_ul_block.last-child{border-right:0}.slider_block{width:100%;height:750px;overflow:hidden}.slider_block .slider_block__item{width:100%;height:680px;overflow:hidden}.slider_block .slider_block__item p{line-height:1}.slider_block .slider_block__item p.slider_text_p_one{font-size:30px;color:#333;margin-top:115px;margin-bottom:20px}.slider_block .slider_block__item p.slider_text_p_two{font-size:60px;color:#333;font-weight:900;text-transform:uppercase;margin-bottom:20px}.slider_block .slider_block__item p.slider_text_p_two span{display:block;color:#eb071e}.slider_block .slider_block__item p.slider_text_p_three{font-size:40px;color:#333;line-height:1.3}.slider_block .slider_block__item p.slider_text_p_three span{display:block;font-weight:700;color:#eb071e}.slider_block .slider_block__item a{width:320px;height:60px;background:#eb071e;color:#fff;display:block;text-align:center;line-height:60px;text-decoration:none;font-size:15px;font-weight:600;text-transform:uppercase;border-radius:60px;margin-top:60px;letter-spacing:2px;-webkit-transition:all .2s linear;transition:all .2s linear}.slider_block .slider_block__item a:hover{opacity:.8}.slider_block .owl-controls .owl-prev{position:absolute;width:65px;height:65px;background:url(/local/templates/okna_new/css/../img/prev.png) no-repeat 50%;left:40px;margin:auto;top:0;bottom:0;color:transparent;-webkit-transition:all .2s linear;transition:all .2s linear}.slider_block .owl-controls .owl-prev:hover{background:url(/local/templates/okna_new/css/../img/prev_h.png) no-repeat 50%}.slider_block .owl-controls .owl-next{position:absolute;width:65px;height:65px;background:url(/local/templates/okna_new/css/../img/next.png) no-repeat 50%;right:40px;margin:auto;top:0;bottom:0;color:transparent;-webkit-transition:all .2s linear;transition:all .2s linear}.slider_block .owl-controls .owl-next:hover{background:url(/local/templates/okna_new/css/../img/next_h.png) no-repeat 50%}.slider_block .owl-controls .owl-dots{width:100%;height:70px;overflow:hidden;text-align:center}.slider_block .owl-controls .owl-dots .owl-dot{width:10px;height:10px;background:#afafaf;border-radius:50%;display:inline-block;margin-left:10px;margin-right:10px;margin-top:30px}.slider_block .owl-controls .owl-dots .owl-dot.active{background:#eb071e}.block_one{padding-top:20px;padding-bottom:20px;overflow:hidden}.block_one .block_one__text{width:100%;overflow:hidden}.block_one .block_one__text .block_one__text_left{width:770px;overflow:hidden;float:left}.block_one .block_one__text .block_one__text_left h4{color:#606060;font-weight:900;font-size:50px;text-transform:uppercase;margin-bottom:30px}.block_one .block_one__text .block_one__text_left p.podtitle{font-size:22px}.block_one .block_one__text .block_one__text_left p{font-size:18px;color:#333;margin-bottom:25px}.block_one .block_one__text .block_one__text_left p a{color:#eb071e;text-decoration:none}.block_one .block_one__text .block_one__text_right{width:287px;float:right;overflow:hidden;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:100%;min-height:313px}.block_one .block_one__text .block_one__text_right img{margin-bottom:15px}.block_one .block_one__text .block_one__text_right p{font-size:22px}.block_one .block_one__text .block_one__text_right p span{display:block;font-size:15px;color:#eb071e;margin-top:10px}.block_one__items{width:100%;overflow:hidden;margin-top:40px}.block_one__items .block_one__item{width:33.3%;height:390px;float:left;position:relative}.block_one__items .block_one__item .block_one__item_text{position:absolute;height:80px;background:#fff;overflow:hidden;left:0;bottom:30px;padding-left:30px;padding-right:30px;box-sizing:border-box}.block_one__items .block_one__item .block_one__item_text span{font-size:27px;color:#606060;font-weight:900;text-transform:uppercase;margin-top:12px;}.block_one__items .block_one__item .block_one__item_text h4{font-size:27px;color:#606060;font-weight:900;text-transform:uppercase;margin-top:12px;}.block_one__items .block_one__item .block_one__item_text p{color:#eb071e;font-size:16px}.block_one__items .block_one__item .border_hover{position:absolute;top:0;left:0;border:5px solid #eb071e;width:100%;height:100%;box-sizing:border-box;opacity:0;transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:.3s all linear}.block_one__items .block_one__item:hover .border_hover{opacity:1}.block_one__lists{width:100%;padding-top:60px;padding-bottom:30px;overflow:hidden}.block_one__lists .block_one__list{width:50%;height:100px;float:left;overflow:hidden;padding-right:35px;margin-bottom:20px}.block_one__lists .block_one__list .icon{display:inline-block;vertical-align:top;width:52px;margin-right:40px}.block_one__lists .block_one__list p{width:420px;display:inline-block;vertical-align:top}.block_video{width:100%;height:510px;overflow:hidden;background:url(/local/templates/okna_new/css/../img/video_bd.jpg) no-repeat 50%/cover}.block_video .block_video_link{float:left;margin-top:120px;overflow:hidden;margin-right:95px}.block_video .block_video_link svg text{fill:#fff;font-family:muller}.block_video .block_video_link svg>g>g>path,.block_video .block_video_link svg>g>path{-webkit-transition:all .3s linear;transition:all .3s linear}.block_video .block_video_link:hover svg>g>g>path{fill:#eb071e}.block_video .block_video_link:hover svg>g>path{-webkit-transform:scale(1.1) translateX(-18px) translateY(-10px);transform:scale(1.1) translateX(-18px) translateY(-10px)}.block_video p{color:#fff;font-size:30px;margin-top:170px}.block_reviews{padding-top:50px;padding-bottom:70px}.block_reviews,.block_reviews .reviews_list{overflow:hidden}.block_reviews .owl-controls .owl-prev{position:absolute;width:65px;height:65px;background:url(/local/templates/okna_new/css/../img/prev.png) no-repeat 50%;left:0;margin:auto;top:0;color:transparent;-webkit-transition:all .2s linear;transition:all .2s linear}.block_reviews .owl-controls .owl-prev:hover{background:url(/local/templates/okna_new/css/../img/prev_h.png) no-repeat 50%}.block_reviews .owl-controls .owl-next{position:absolute;width:65px;height:65px;background:url(/local/templates/okna_new/css/../img/next.png) no-repeat 50%;right:0;margin:auto;top:0;color:transparent;-webkit-transition:all .2s linear;transition:all .2s linear}.block_reviews .owl-controls .owl-next:hover{background:url(/local/templates/okna_new/css/../img/next_h.png) no-repeat 50%}.block_reviews p{font-size:18px;color:#333;text-align:center;width:760px;display:block;margin:auto;margin-bottom:30px}.block_reviews p.name{color:#8f8f8f;font-weight:700;line-height:1.6;margin-bottom:0}.block_reviews p.name span{display:block;font-family:mullerlight;font-weight:300}.block_reviews .reviews_links{width:760px;margin:auto;overflow:hidden;position:relative}.block_reviews .reviews_links a.retain_review{width:240px;height:50px;border-radius:50px;text-align:center;border:2px solid #eb071e;display:block;margin:auto;text-transform:uppercase;font-size:15px;color:#333;line-height:48px;text-decoration:none;margin-top:60px;-webkit-transition:all .2s linear;transition:all .2s linear}.block_reviews .reviews_links a.retain_review:hover{background:#eb071e;color:#fff}.block_reviews .reviews_links a.all_reviews{position:absolute;right:0;margin:auto;font-size:18px;color:#eb071e;padding-right:25px;background:url(/local/templates/okna_new/css/../img/str_link.png) no-repeat 100%;text-decoration:none;bottom:16px}.block_reviews .reviews_links a.all_reviews:hover{text-decoration:underline}.block_form{width:100%;height:630px;overflow:hidden;position:relative}.block_form .bg_form{width:100%;height:100%;position:absolute;top:0;left:0}.block_form .bg_form .bg_form_fff{width:33.5%;height:100%;background:url(/local/templates/okna_new/css/../img/bg_fff.png) repeat-x;position:absolute;left:0;top:0}.block_form .bg_form .bg_form_ccc{width:66.5%;position:absolute;height:100%;right:0;top:0;background:url(/local/templates/okna_new/css/../img/bg_ccc.jpg) repeat-x}.block_form .bg_form .bg_form_men{position:absolute;width:604px;height:630px;left:33.5%;margin-left:-333px;background:url(/local/templates/okna_new/css/../img/men.png) no-repeat 50%}.block_form .wrap{position:absolute;margin:auto;left:0;right:0;z-index:1;top:0}.block_form .wrap .block_form__item{float:right;width:522px;overflow:hidden}.block_form .wrap .block_form__item>p{color:#333;font-size:18px}.block_form .wrap .block_form__item>p span{font-weight:700}.block_form .wrap .block_form__item p.form_title{font-size:40px;margin-top:70px;line-height:1;margin-bottom:40px}.block_form .wrap .block_form__item form{display:block;margin-top:40px;overflow:hidden}.block_form .wrap .block_form__item form input{display:block;height:40px;width:380px;margin-bottom:15px;background:transparent;border:0;border-bottom:1px solid #eb071e;font-size:18px;color:#606060;font-family:mullerlight}.block_form .wrap .block_form__item form input:focus{outline:0;border-bottom:1px solid #000}.block_form .wrap .block_form__item form input::-webkit-input-placeholder{font-size:18px;color:#606060;font-family:mullerlight}.block_form .wrap .block_form__item form input:-moz-placeholder{font-size:18px;color:#606060;font-family:mullerlight}.block_form .wrap .block_form__item form button{width:280px;height:50px;border-radius:50px;background:#eb071e;color:#fff;border:0;font-size:18px;margin-top:20px;margin-bottom:40px;cursor:pointer;-webkit-transition:all .2s linear;transition:all .2s linear}.block_form .wrap .block_form__item form button:hover{opacity:.8}.block_form .wrap .block_form__item form button:focus{outline:0}.block_form .wrap .block_form__item form p{width:380px;font-size:16px;color:#606060;line-height:1.6}.footer{width:100%;height:218px;background:#333}.footer .footer_top{width:100%;height:80px;border-bottom:1px solid #454545}.footer .footer_top .footer_top_left{float:left}.footer .footer_top .footer_top_left li{display:inline-block;height:80px;float:left;vertical-align:middle;margin-right:40px}.footer .footer_top .footer_top_left li a{font-size:16px;color:#fff;text-decoration:none;line-height:80px;width:100%;height:100%;display:block;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear}.footer .footer_top .footer_top_left li a span.icon{float:left;margin-right:10px}.footer .footer_top .footer_top_left li:last-child{margin-right:0}.footer .footer_top .footer_top_left li.one a span.icon svg{margin-top:19px}.footer .footer_top .footer_top_left li.two a span.icon svg{margin-top:28px}.footer .footer_top .footer_top_left li:hover a{color:#eb071e}.footer .footer_top .footer_top_right{float:right;overflow:hidden;height:80px}.footer .footer_top .footer_top_right .soc_item{width:80px;height:80px;float:left;-webkit-transition:all .2s linear;transition:all .2s linear;position:relative}.footer .footer_top .footer_top_right .soc_item a{display:block;width:100%;height:100%}.footer .footer_top .footer_top_right .soc_item.soc_one span.icon{display:block;width:11px;height:23px;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}.footer .footer_top .footer_top_right .soc_item.soc_one:hover span.icon svg,.footer .footer_top .footer_top_right .soc_item.soc_one:hover span.icon svg path{fill:#fff}.footer .footer_top .footer_top_right .soc_item.soc_two span.icon{display:block;width:13px;height:21px;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}.footer .footer_top .footer_top_right .soc_item.soc_two:hover span.icon svg,.footer .footer_top .footer_top_right .soc_item.soc_two:hover span.icon svg path{fill:#fff}.footer .footer_top .footer_top_right .soc_item.soc_three span.icon{display:block;width:18px;height:25px;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}.footer .footer_top .footer_top_right .soc_item.soc_three:hover span.icon svg,.footer .footer_top .footer_top_right .soc_item.soc_three:hover span.icon svg path{fill:#fff}.footer .footer_top .footer_top_right .soc_item.soc_four span.icon{display:block;width:22px;height:22px;position:absolute;margin:auto;left:0;right:0;top:0;bottom:0}.footer .footer_top .footer_top_right .soc_item.soc_four:hover span.icon svg,.footer .footer_top .footer_top_right .soc_item.soc_four:hover span.icon svg path{fill:#fff}.footer .footer_top .footer_top_right .soc_item:hover{background:#606060}.footer .footer_center{height:81px;width:100%;overflow:hidden}.footer .footer_center a.footer_city{float:left;color:#d0d3d4;text-decoration:none;text-transform:uppercase;font-size:13px;line-height:81px}.footer .footer_center a.footer_city span{margin-left:15px}.footer .footer_center a.footer_city span svg,.footer .footer_center a.footer_city span svg path{fill:#d0d3d4}.footer .footer_center p.footer_phone{float:left;line-height:81px;margin-left:35px;color:#d9dbdc}.footer .footer_center p.footer_phone span{float:left;margin-right:15px}.footer .footer_center p.footer_phone span svg,.footer .footer_center p.footer_phone span svg path{fill:#868686}.footer .footer_bottom{width:100%;height:30px;overflow:hidden;margin-bottom:15px}.footer .footer_bottom .footer_bottom__left{float:left;display:block;height:30px}.footer .footer_bottom .footer_bottom__left p{line-height:30px;color:gray;font-size:13px}.footer .footer_bottom .footer_bottom__right{float:right;height:30px}.footer .footer_bottom .footer_bottom__right p{text-align:right;line-height:30px;-webkit-transition:all .2s linear;transition:all .2s linear;font-size:13px}.footer .footer_bottom .footer_bottom__right p span.icon{float:left;margin-right:20px;margin-top:5px}.footer .footer_bottom .footer_bottom__right p a{color:gray;text-decoration:none}.footer .footer_bottom .footer_bottom__right p:hover span.icon svg,.footer .footer_bottom .footer_bottom__right p:hover span.icon svg path,.footer .footer_bottom .footer_bottom__right p:hover span.icon svg polygon{fill:#fff}.footer .footer_bottom .footer_bottom__right p:hover a{color:#fff}.sidebar{width:260px;position:fixed;right:0;top:0;min-height:100vh;background:#f1f1f1;height:100%;z-index:4;overflow:hidden}.sidebar.close{width:0!important}.site{padding-right:260px}.sidebar_top,.site{width:100%;overflow:hidden}.sidebar_top{height:100px;background:#fff;-webkit-transition:all .3s linear;transition:all .3s linear}.sidebar_top p.phone{font-size:20px;color:#333;text-align:center;margin-top:27px}.sidebar_top p.phone span.icon{margin-right:10px}.sidebar_top.active{height:60px}.gist{margin-top:19px;width:100%}.gist p{text-align:center;font-size:11px;color:#606060;text-transform:uppercase}.gist p span{margin-left:5px}.gist p a{text-decoration:none;text-transform:uppercase;font-weight:700;color:#eb071e;margin-left:4px}.sidebar_navigation{width:100%;overflow:hidden}.sidebar_navigation li{display:block;width:100%;height:100px;border-bottom:1px solid #dce0e1}.sidebar_navigation li a{display:block;width:100%;height:100%;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear;font-size:17px;text-decoration:none;color:#333;line-height:1;vertical-align:middle;padding-top:28px}.sidebar_navigation li a span.icon{display:inline-block;width:37px;height:37px;float:left;margin-left:20px;margin-right:20px}.sidebar_navigation li a span.icon svg{width:37px}.sidebar_navigation li a p{display:inline-block;width:100px;padding-top:2px}.sidebar_navigation li.item_one a:hover{background:#eb071e;color:#fff}.sidebar_navigation li.item_one a:hover p{color:#fff}.sidebar_navigation li.item_one a:hover span.icon svg,.sidebar_navigation li.item_one a:hover span.icon svg path{fill:#fff}.sidebar_navigation li.item_two a:hover{background:#eb071e;color:#fff}.sidebar_navigation li.item_two a:hover p{color:#fff}.sidebar_navigation li.item_two a:hover span.icon svg,.sidebar_navigation li.item_two a:hover span.icon svg path{fill:#fff}.sidebar_navigation li.item_three p{color:#fff}.sidebar_navigation li.item_three a:hover{background:#db061c;color:#fff}.sidebar_navigation li.item_three a:hover span.icon svg,.sidebar_navigation li.item_three a:hover span.icon svg path,.sidebar_navigation li.item_three a:hover span.icon svg polygon{fill:#fff}.gist_form{position:absolute;width:100%;left:0;top:100vh;margin-top:-220px}.gist_form p{width:100%;height:35px;line-height:35px;color:#333;font-size:17px;margin-bottom:20px}.gist_form p span.icon{float:left;margin-left:20px;margin-right:20px}.gist_form input{width:210px;display:block;margin:auto;height:50px;border:0;background:transparent;border-bottom:1px solid #b9bebf;color:#606060;-webkit-transition:all .3s linear;transition:all .3s linear}.gist_form input:focus{outline:0;color:#eb071e;border-bottom:1px solid #eb071e}.gist_form input:focus::-webkit-input-placeholder{color:#eb071e}.gist_form input:focus:-moz-placeholder{color:#eb071e}.gist_form input::-webkit-input-placeholder{color:#606060}.gist_form input:-moz-placeholder{color:#606060}.gist_form button{width:220px;height:50px;display:block;background:#fff;border:0;text-transform:uppercase;color:#606060;font-size:12px;margin:auto;border-radius:50px;margin-top:25px;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}.gist_form button:hover{background:#eb071e;color:#fff}.sidebar_wr{width:260px;overflow:hidden}.sidebar_wr.fixed{position:fixed;-webkit-transition:all .3s linear;transition:all .3s linear;top:0;right:0;height:100%}.sidebar_wr.close{width:0}.close_sidebar{width:40px;height:40px;position:fixed;right:260px;top:0;background:#eb071e;cursor:pointer;z-index:4;-webkit-transition:all .2s linear;transition:all .2s linear}.close_sidebar>svg{width:90%;height:90%;display:block;margin:auto;margin-top:5%;color:#fff;fill:#fff}.close_sidebar.open{right:0}.gist_top,.mobil_zakaz,p.phone_top{display:none}.mobil_nav{position:fixed;top:0;right:-320px;-webkit-transition:all .2s linear;transition:all .2s linear;background:#fff;max-height:100vh;width:320px;min-height:100vh;z-index:6;overflow-y:auto}.mobil_nav .mobil_nav_top{width:100%;overflow:hidden;height:70px;border-bottom:1px solid #dbdbdb;padding-left:20px;padding-right:20px;box-sizing:border-box}.mobil_nav .mobil_nav_top p{line-height:70px;font-size:13px;color:#606060;text-transform:uppercase;float:left}.mobil_nav .mobil_nav_top p span{font-weight:700;color:#eb071e;margin-left:4px;padding-right:4px}.mobil_nav .mobil_nav_top p a{color:#eb071e;font-weight:700;text-decoration:none}.mobil_nav .mobil_nav_top p a:hover{text-decoration:underline}.mobil_nav .mobil_nav_top .close_mobil_nav{width:20px;height:20px;background:url(/local/templates/okna_new/css/../img/close_mobil.png) no-repeat 50%;float:right;overflow:hidden;cursor:pointer;margin-top:25px}.mobil_nav.open_navigation{right:0}.mobil_nav_wraper{overflow-y:auto}.mobil_nav_wraper::-webkit-scrollbar{background:#fff;width:3px}.mobil_nav_wraper::-webkit-scrollbar-thumb{background:#eb071e}.mobil_nav_ul_one{width:100%;overflow:hidden}.mobil_nav_ul_one ul{padding:0;margin:0}.mobil_nav_ul_one ul li{list-style:none;border-bottom:1px solid #dbdbdb;height:70px;overflow:hidden}.mobil_nav_ul_one ul li a{width:100%;height:100%;padding-left:20px;padding-right:20px;box-sizing:border-box;color:#606060;font-weight:900;text-decoration:none;text-transform:uppercase;padding-top:15px;background:url(/local/templates/okna_new/css/../img/str_max.png) #fff no-repeat right 20px center}.mobil_nav_ul_one ul li a,.mobil_nav_ul_one ul li a span{display:block;-webkit-transition:all .3s linear;transition:all .3s linear}.mobil_nav_ul_one ul li a span{color:#eb071e;font-weight:400;text-transform:lowercase}.mobil_nav_ul_one ul li a:hover{background:url(/local/templates/okna_new/css/../img/str_max_w.png) #eb071e no-repeat right 20px center;color:#fff}.mobil_nav_ul_one ul li a:hover span{color:#fff}.mobil_nav_ul_two{width:100%;overflow:hidden}.mobil_nav_ul_two>ul>li{box-sizing:border-box;height:auto;min-height:50px;border-bottom:1px solid #dbdbdb;cursor:pointer;-webkit-transition:all .3s linear;transition:all .3s linear}.mobil_nav_ul_two>ul>li p{padding-left:40px;padding-right:40px;font-size:13px;color:#000;text-transform:uppercase;font-weight:700;line-height:50px}.mobil_nav_ul_two>ul>li>ul{display:none;width:100%}.mobil_nav_ul_two>ul>li>ul>li{width:100%;height:50px;border-bottom:1px solid #dbdbdb;box-sizing:border-box;background:#f1f1f1}.mobil_nav_ul_two>ul>li>ul>li:first-child{border-top:1px solid #dbdbdb}.mobil_nav_ul_two>ul>li>ul>li:last-child{border-bottom:0}.mobil_nav_ul_two>ul>li>ul>li a{padding-left:40px;padding-right:40px;line-height:50px;text-decoration:none;color:#eb071e;font-size:15px}.mobil_nav_ul_two>ul>li.children_li{background:url(/local/templates/okna_new/css/../img/str_nav.png) no-repeat 20px 20px}.mobil_nav_ul_two>ul>li.children_li.active{background:url(/local/templates/okna_new/css/../img/str_v.png) #f1f1f1 no-repeat 18px 20px}.mobil_nav_ul_two>ul>li.children_li:hover{background:url(/local/templates/okna_new/css/../img/str_max_w.png) #eb071e no-repeat 20px 20px}.mobil_nav_ul_two>ul>li.children_li:hover p{color:#fff}.mobil_nav_ul_three{width:100%;display:block;height:auto}.mobil_nav_ul_three ul li{width:100%;height:50px;overflow:hidden;border-bottom:1px solid #dbdbdb;-webkit-transition:all .3s linear;transition:all .3s linear}.mobil_nav_ul_three ul li:hover{background:#eb071e}.mobil_nav_ul_three ul li:hover a{color:#fff}.mobil_nav_ul_three ul li a{font-size:13px;color:#eb071e;text-transform:uppercase;line-height:50px;text-decoration:none;padding-left:40px;padding-right:40px;font-weight:700;display:block;width:100%;height:100%}.mobil_nav_search{width:100%;overflow:hidden;height:50px;position:relative;border-bottom:1px solid #dbdbdb}.mobil_nav_search input{display:none;background:transparent;width:100%;height:100%;position:absolute;top:0;left:0;border:0;display:block;padding-left:40px;padding-right:60px;text-transform:uppercase;font-size:13px;color:#eb071e;z-index:1;-webkit-transition:all .3s linear;transition:all .3s linear;font-weight:700}.mobil_nav_search input:focus{outline:0;background:#eb071e;color:#fff}.mobil_nav_search input::-webkit-input-placeholder{color:#eb071e;font-weight:700;font-family:muller,sans-serif}.mobil_nav_search input:focus::-webkit-input-placeholder{color:#fff}.mobil_nav_search button{height:100%;width:20px;position:absolute;right:28px;border:0;top:0;display:block;z-index:2;cursor:pointer;background:url(/local/templates/okna_new/css/../img/search_mobil.png) no-repeat 50%;-webkit-transition:all .3s linear;transition:all .3s linear}.mobil_nav_search input:focus+.label_but>button{background:url(/local/templates/okna_new/css/../img/search_mobil_w.png) no-repeat 50%}.bg_mobil{width:100%;height:100%;position:fixed;top:0;left:0;z-index:5;background:rgba(0,0,0,.8);display:none}.mobil_nav_wraper{display:block;overflow-y:auto;overflow-x:hidden}.mobil_zakaz a{text-decoration:none}.mobil_zakaz p span.icon{display:block;float:left;margin-right:20px}.mobil_zakaz p span.icon svg,.mobil_zakaz p span.icon svg path,.mobil_zakaz p span.icon svg polygon{fill:#fff}.mobil_nav_zakaz{width:100%;height:90px;background:#eb071e}.mobil_nav_zakaz a{display:block;width:100%;height:100%;text-align:center;padding-left:20px;padding-right:40px}.mobil_nav_zakaz a p{display:inline-block;color:#fff;text-align:left;padding-top:25px}.mobil_nav_zakaz a p span.icon{margin-right:10px;float:left;margin-top:-3px}.mobil_nav_zakaz a p span.icon svg,.mobil_nav_zakaz a p span.icon svg path,.mobil_nav_zakaz a p span.icon svg polygon{fill:#fff}.mobil_footer{display:none}.content_page_block_one{width:100%;overflow:hidden;padding-top:40px;padding-bottom:60px}.content_page_block_one h1{text-transform:uppercase;font-size:50px;color:#606060;margin-bottom:50px;font-weight:900}.content_page_block_one .about_block_one__left{width:572px;float:left}.content_page_block_one .about_block_one__left p{font-size:30px;color:#333}.content_page_block_one .about_block_one__left p span{font-size:22px;color:#eb071e;display:block;font-weight:700;margin-bottom:15px}.content_page_block_one .about_block_one__right{width:504px;float:right;padding-right:128px;box-sizing:border-box}.content_page_block_one .about_block_one__right p{font-size:18px;color:#333}.content_page_block_two{width:100%;height:auto;overflow:hidden;position:relative}.content_page_block_two .block_two_bg{width:100%;height:100%;position:absolute;top:0;left:0;background:url(/local/templates/okna_new/css/../img/about_bg.jpg) no-repeat 50% fixed;background-size:cover;opacity:1}.content_page_block_two .wrap{position:relative;z-index:1}.content_page_block_two *,.content_page_block_two .content_page_block_two_block_three .content_page_block_two_block_three_left p,.content_page_block_two .content_page_block_two_block_three .content_page_block_two_block_three_right p,.content_page_block_two .content_page_block_two_wr .content_page_block_two_item p,.content_page_block_two p.title_block_two{color:#333}.content_page_block_two .block_two_bg{-webkit-transition:all .3s linear;transition:all .3s linear;opacity:0}.content_page_block_two.show_bg *,.content_page_block_two.show_bg .content_page_block_two_block_three .content_page_block_two_block_three_left p,.content_page_block_two.show_bg .content_page_block_two_block_three .content_page_block_two_block_three_right p,.content_page_block_two.show_bg .content_page_block_two_wr .content_page_block_two_item p{color:#fff}.content_page_block_two.show_bg .block_two_bg{opacity:1}.content_page_block_two.show_bg .content_page_block_one .about_block_one__left p,.content_page_block_two.show_bg .content_page_block_one .about_block_one__right p,.content_page_block_two.show_bg p.title_block_two{color:#fff}.content_page_block_two.show_bg .content_page_block_two_block_video .link_video svg path,.content_page_block_two.show_bg .content_page_block_two_block_video .link_video svg text{fill:#fff}.link_video svg text{font-family:muller}p.title_block_two{font-size:30px;color:#fff;margin-top:40px;margin-bottom:40px}.content_page_block_two_wr{width:100%;overflow:hidden;padding-left:100px;box-sizing:border-box}.content_page_block_two_wr .content_page_block_two_item{width:33.3%;float:left;padding-right:100px}.content_page_block_two_wr .content_page_block_two_item:last-child{padding-right:0}.content_page_block_two_block_video{width:100%;padding-left:100px;box-sizing:border-box;overflow:hidden;margin-top:115px}.content_page_block_two_block_video .link_video{float:left;margin-right:100px}.content_page_block_two_block_video .link_video svg path{fill:#333;-webkit-transition:all .2s linear;transition:all .2s linear}.content_page_block_two_block_video .link_video svg text{color:#333;fill:#333}.content_page_block_two_block_video .link_video:hover svg>g>path{-webkit-transform:scale(1.1) translateX(-18px) translateY(-10px);transform:scale(1.1) translateX(-18px) translateY(-10px)}.content_page_block_two_block_video .link_video:hover svg>g>g>path{fill:#eb071e}.content_page_block_two_block_video p{font-size:28px;margin-top:67px}.content_page_block_two_block_three{height:438px;margin-top:70px;overflow:hidden}.content_page_block_two_block_three .content_page_block_two_block_three_left{float:left;width:500px;padding-right:65px;box-sizing:border-box;overflow:hidden;padding-top:125px}.content_page_block_two_block_three .content_page_block_two_block_three_right{position:relative;float:right;width:642px;height:438px}.content_page_block_two_block_three .content_page_block_two_block_three_right img{position:absolute;bottom:0;left:0}.content_page_block_two_block_three .content_page_block_two_block_three_right p{left:200px;top:125px;width:350px;position:absolute;font-size:22px}.content_page_block_two_block_three .content_page_block_two_block_three_right p span{font-size:40px;margin-top:-10px}.content_page_block_two_block_three .content_page_block_two_block_three_right p span font{vertical-align:super;font-size:20px}@-webkit-keyframes b{0%{-webkit-transform:translateY(0);transform:translateY(0)}35%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}65%{-webkit-transform:translateY(0);transform:translateY(0)}85%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes b{0%{-webkit-transform:translateY(0);transform:translateY(0)}35%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}65%{-webkit-transform:translateY(0);transform:translateY(0)}85%{-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}.top_fixed{width:100%;height:0;overflow:hidden;opacity:0;border-bottom:1px solid #eaeaea;position:fixed;top:0;left:0;z-index:6;background:#fff;-webkit-transition:all .3s linear;transition:all .3s linear}.top_fixed .top_fixed_logo{width:80px;height:60px;float:left;overflow:hidden;margin-right:95px}.top_fixed .top_fixed_logo a>svg{width:100%;height:100%;padding:13px;display:block}.top_fixed .top_fixed_logo:hover path{-webkit-animation-name:b;animation-name:b;-webkit-animation-delay:.01s;animation-delay:.01s;-webkit-animation-duration:.6s;animation-duration:.6s;animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite}.top_fixed .top_fixed_nav{float:left}.top_fixed .top_fixed_nav>nav>ul>li{float:left;height:60px;-webkit-transition:all .1s linear;transition:all .1s linear}.top_fixed .top_fixed_nav>nav>ul>li>a{font-size:18px;display:block;width:100%;height:100%;color:#000;font-weight:600;line-height:59px;text-decoration:none;padding-right:25px;padding-left:25px}.top_fixed .top_fixed_nav>nav>ul>li:hover{border-bottom:2px solid #eb071e}.top_fixed .top_fixed_nav>nav>ul>li:hover>.show_navigation{height:auto}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation{display:block;position:absolute;width:100%;left:0;height:0;overflow:hidden;background:#ececed;-webkit-transition:all .1s linear;transition:all .1s linear;z-index:3}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap{width:829px;margin-left:159px;overflow:hidden}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr{border-left:1px solid #ccc;border-right:1px solid #ccc;overflow:hidden}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block{width:297.5px;float:left;height:100%;border-right:1px solid #ccc;vertical-align:top}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block.three_block{width:202px;border-right:0}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li{width:100%;height:70px;border-bottom:1px solid #ccc;padding-left:20px;padding-right:20px;padding-top:16px;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li a{display:block;width:100%;height:100%;text-decoration:none}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li a p{color:#606060;font-weight:900;font-size:20px;text-transform:uppercase;line-height:1;-webkit-transition:all .2s linear;transition:all .2s linear}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li a p span{display:block;font-weight:400;text-transform:lowercase;font-size:15px;color:#eb071e;-webkit-transition:all .2s linear;transition:all .2s linear}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li:last-child{border-bottom:0}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li:hover{background:#eb071e}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li:hover p,.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li:hover p span{color:#fff}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three{width:100%;height:52.5px;padding-left:15px;padding-right:15px;box-sizing:border-box;border-bottom:1px solid #ccc;-webkit-transition:all .2s linear;transition:all .2s linear}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three a{display:block;width:100%;height:100%;font-size:15px;color:#eb071e;text-decoration:none;line-height:52.5px}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three:last-child{border-bottom:0}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three:hover{background:#eb071e}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr .show_navigation_ul_block .paragraph_li_three:hover a{color:#fff}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr.two_wr{border-right:0}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr.two_wr .show_navigation_ul_block{width:33.3%;border-right:1px solid #ccc}.top_fixed .top_fixed_nav>nav>ul>li .show_navigation .wrap .show_navigation_wr.two_wr .show_navigation_ul_block.last-child{border-right:0}.top_fixed p.top_fixed_phone{float:right;height:60px;line-height:60px;margin-right:15px}.top_fixed p.top_fixed_phone span{margin-right:10px}.top_fixed.active{height:60px;overflow:visible;opacity:1}#map{height:800px}.page_navigation{width:100%;overflow:hidden}.page_navigation .nav_item{width:50%;height:330px;overflow:hidden;float:left;position:relative;border:1px solid #fff;border-radius:0;border-left:0;border-bottom:0}.page_navigation .nav_item .nav_item_bg{width:100%;height:100%;z-index:1;top:0;background:rgba(0,0,0,.5);opacity:0;box-sizing:border-box}.page_navigation .nav_item .nav_item_bg,.page_navigation .nav_item .nav_item_text{position:absolute;left:0;-webkit-transition:all .2s linear;transition:all .2s linear}.page_navigation .nav_item .nav_item_text{top:258px;z-index:2}.page_navigation .nav_item .nav_item_text .nav_item_text_title{background:#fff;display:inline-block;-webkit-transition:all .2s linear;transition:all .2s linear}.page_navigation .nav_item .nav_item_text .nav_item_text_title a{padding:11px 30px;text-decoration:none;font-size:27px;color:#eb071e;display:block;-webkit-transition:all .2s linear;transition:all .2s linear}page_navigation .nav_item .nav_item_text .nav_item_text_title span{padding:11px 30px;text-decoration:none;font-size:27px;color:#eb071e;display:block;-webkit-transition:all .2s linear;transition:all .2s linear}.page_navigation .nav_item .nav_item_text p{color:#fff;margin-top:20px;padding-left:30px;padding-right:60px;font-size:18px;line-height:1.5}.page_navigation .nav_item:hover .nav_item_bg{opacity:1;border:8px solid #eb071e}.page_navigation .nav_item:hover .nav_item_text{top:90px}.page_navigation .nav_item:hover .nav_item_text .nav_item_text_title{background:#eb071e}.page_navigation .nav_item:hover .nav_item_text .nav_item_text_title a{color:#fff}.page_navigation .nav_item>a{position:absolute;display:block;width:100%;height:100%;top:0;left:0;z-index:3}.page_navigation[col5] .nav_item{width:33.3%}.page_navigation[col5] .nav_item:first-child{width:66.6%}.page_navigation[col5] .nav_item .nav_item_text{max-width:80%;top:auto;top:250px}.page_navigation[col5] .nav_item:hover .nav_item_text{top:40px}.page_navigation[col5] .nav_item.twooo .nav_item_text{top:220px}.page_navigation[col5] .nav_item.twooo:hover .nav_item_text{top:40px}.page_navigation[col5_last] .nav_item{width:33.3%}.page_navigation[col5_last] .nav_item:last-child{width:66.6%}.page_navigation[col5_last] .nav_item .nav_item_text{max-width:80%;top:auto;top:250px}.page_navigation[col5_last] .nav_item:hover .nav_item_text{top:40px}.page_navigation[col5_last] .nav_item.twooo .nav_item_text{top:220px}.page_navigation[col5_last] .nav_item.twooo:hover .nav_item_text{top:40px}.page_navigation.roll .nav_item .nav_item_text{top:218px}.page_navigation.roll .nav_item:hover .nav_item_text{top:90px}.column_two_text_text{width:100%;overflow:hidden;padding-bottom:80px}.column_two_text_text .column_two_text_text__item{width:50%;float:left;overflow:hidden;padding-right:100px;box-sizing:border-box}.column_two_text_text .column_two_text_text__item h4{font-size:40px;color:#333;margin-bottom:25px;font-weight:400}.column_two_text_text .column_two_text_text__item p{color:#333;font-size:18px;line-height:1.5}.open_door{width:100%;overflow:hidden;padding-bottom:50px}.open_door h4{color:#333;font-size:42px;font-weight:400;margin-bottom:40px}.open_door .open_door_wr{width:100%;overflow:hidden}.open_door .open_door_wr .open_door__item{width:180px;margin-right:20px;overflow:hidden;float:left}.open_door .open_door_wr .open_door__item img{display:block;margin-bottom:10px}.open_door .open_door_wr .open_door__item a{display:block;text-align:center;text-decoration:none;font-size:16px;color:#333}.open_door .open_door_wr .open_door__item a:hover{text-decoration:underline}.open_door .open_door_wr .open_door__item:last-child{margin-left:90px}.open_door .open_door_wr .open_door__item:last-child a{font-weight:700;color:#eb071e}.column_two_text{padding-top:60px;padding-bottom:60px;overflow:hidden;width:100%}.column_two_text .column_two_left{width:870px;padding-right:100px;box-sizing:border-box;float:left}.column_two_text .column_two_left p{font-size:18px;color:#333;margin-bottom:40px;line-height:1.5}.column_two_text .column_two_left p a{color:#eb071e;text-decoration:none}.column_two_text .column_two_left p a:hover{text-decoration:underline}.column_two_text .column_two_left p:last-child{margin-bottom:0}.column_two_text .column_two_right{float:right;width:280px}.column_two_text .column_two_right p{font-size:18px;color:#333;line-height:1.5}.column_posts{width:100%;overflow:hidden;padding-top:20px;padding-bottom:60px}.column_posts .column_posts__item{width:33.3%;float:left;overflow:hidden}.column_posts .column_posts__item .post_item{width:370px;float:left}.column_posts .column_posts__item .post_item .column_posts_picher{width:100%;height:230px;margin-bottom:15px}.column_posts .column_posts__item .post_item .column_posts_picher a{width:100%;height:100%;display:block}.column_posts .column_posts__item .post_item a{display:block;width:100%;text-align:center;font-size:22px;color:#333;margin-bottom:5px;text-decoration:none}.column_posts .column_posts__item .post_item p{font-size:18px;color:#eb071e;text-align:center}.column_posts .column_posts__item:nth-of-type(2) .post_item{float:none;margin:auto}.column_posts .column_posts__item:last-child .post_item{float:right}.block_one__lists[border]{border-top:1px solid #eb071e;border-bottom:1px solid #eb071e}.sidebar_navigation li.item_three{background:#eb071e}.sidebar_navigation li.item_three a{color:#fff}.sidebar_navigation li.item_three a svg,.sidebar_navigation li.item_three a svg path,.sidebar_navigation li.item_three a svg polygon{fill:#fff}.akcia{padding-top:0}.akcia_top{width:100%;height:590px;overflow:hidden}.akcia_top .wrap{position:relative;height:590px}.akcia_top .wrap img{right:0;top:0;position:absolute}.akcia_top .wrap p.slider_text_p_one{font-size:30px;color:#f1f1f1;margin-top:100px;width:670px}.akcia_top .wrap p.slider_text_p_one_t{font-size:60px;color:#eb071e;width:670px}.akcia_top .wrap p.slider_text_p_two{width:670px;font-size:60px;color:#f1f1f1;font-weight:900;text-transform:uppercase;line-height:1}.akcia_top .wrap p.slider_text_p_two span{color:#eb071e}.akcia_top .wrap p.slider_text_p_proc{font-weight:900;font-size:90px;color:#eb071e}.akcia_block_two{width:100%;overflow:hidden;padding-top:80px;padding-bottom:50px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr_left{width:50%;overflow:hidden;float:left;padding-right:108px;box-sizing:border-box}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr_left p{font-size:30px;color:#333}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr_right{width:50%;float:left}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr_right p{font-size:18px;color:#333;margin-bottom:30px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr_right p:last-child{margin-bottom:0}.akcia_block_two img.akc_img{margin-top:20px;margin-bottom:20px}.akcia_block_two .akc_text_one{width:100%;padding-bottom:40px}.akcia_block_two .akc_text_one p{font-size:30px;color:#333}.akcia_block_two .akc_text_two{width:100%;padding-top:50px;padding-bottom:60px}.akcia_block_two .akc_text_two p{font-size:22px;color:#333}.akcia_block_two .akcia_block_two_wr{width:100%;overflow:hidden}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr__item{width:33.3%;height:50px;float:left;padding-left:20px;box-sizing:border-box;padding-right:100px;margin-bottom:35px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr__item span{float:left;margin-right:15px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr__item:nth-of-type(n+4){margin-bottom:0}.window_nav{width:100%;overflow:hidden}.window_nav .window_nav_left{width:929px;float:left}.window_nav .window_nav_left .window_nav_left_item{width:33.3%;height:380px;float:left;overflow:hidden;box-sizing:border-box;border:1px solid #e0e4e5;border-right:0;border-bottom:0;position:relative}.window_nav .window_nav_left .window_nav_left_item:nth-of-type(n+4){border-bottom:1px solid #e0e4e5}.window_nav .window_nav_left .window_nav_left_item a{display:block;width:100%;height:100%;text-decoration:none}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_picher{width:100%;height:292px;overflow:hidden}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_title{width:100%;height:89px;overflow:hidden;display:block;padding-left:30px;padding-right:30px;padding-top:10px;box-sizing:border-box}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_title p{font-size:27px;color:#606060;font-weight:900;line-height:1.2;text-transform:uppercase}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_title p span{display:block;font-size:16px;color:#eb071e;font-weight:400;text-transform:none}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_item_hover{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transition:all .1s linear;transition:all .1s linear}.window_nav .window_nav_left .window_nav_left_item:hover .window_nav_left_item_hover{border:5px solid #eb071e}.window_nav .window_nav_right{float:right;width:311px;overflow:hidden}.window_nav .window_nav_right .window_nav_right__item{width:100%;height:380px;overflow:hidden;position:relative}.window_nav .window_nav_right .window_nav_right__item a{display:block;width:100%;height:100%;text-decoration:none}.window_nav .window_nav_right .window_nav_right__item .window_nav_right__item_border{width:100%;height:100%;display:block;position:absolute;top:0;left:0;box-sizing:border-box;-webkit-transition:all .1s linear;transition:all .1s linear;z-index:1}.window_nav .window_nav_right .window_nav_right__item .window_nav_right__item_title{z-index:2;position:absolute;width:100%;overflow:hidden;padding-left:30px;padding-right:30px;box-sizing:border-box;bottom:30px;left:0;-webkit-transition:all .2s linear;transition:all .2s linear}.window_nav .window_nav_right .window_nav_right__item .window_nav_right__item_title h4{color:#fff;font-size:27px;font-weight:900;text-transform:uppercase;line-height:1}.window_nav .window_nav_right .window_nav_right__item .window_nav_right__item_title p{display:block;height:auto;margin-top:10px;color:#fff;-webkit-transition:all .2s linear;transition:all .2s linear}.window_nav .window_nav_right .window_nav_right__item:hover .window_nav_right__item_border{border:5px solid #eb071e}.contact{position:relative}.contact,.contact .contact_item{width:100%;overflow:hidden}.contact .contact_item .contact_left{width:50%;float:left;height:800px;overflow:hidden;background:#f8f8f8}.contact .contact_item .contact_left .contact_left_text{width:580px;float:right;overflow:hidden}.contact .contact_item .contact_left .contact_left_text h1{font-size:48px;color:#606060;text-transform:uppercase;margin-top:50px;margin-bottom:20px}.contact .contact_item .contact_left .contact_left_text p.sal_name{font-size:30px;color:#333;margin-bottom:30px}.contact .contact_item .contact_left .contact_left_text__item{width:100%;overflow:hidden;margin-bottom:30px}.contact .contact_item .contact_left .contact_left_text__item p{color:#333}.contact .contact_item .contact_left .contact_left_text__item p span{color:#eb071e;font-weight:700}.contact .contact_item .contact_left .contact_left_text__item p font{display:block;margin-bottom:4px;margin-top:2px;font-weight:700}.gall_post .owl-controls{display:none}.window_nav_wrap{width:1240px;display:block;margin:auto}.windows_block__two{width:100%;overflow:hidden;padding-top:0;padding-bottom:50px}.windows_block__two .nastr{width:100%;overflow:hidden;margin-bottom:50px}.windows_block__two .nastr .nastr_img{float:left;overflow:hidden;margin-right:20px}.windows_block__two .nastr p{color:#333;font-size:22px;line-height:1}.windows_block__two .nastr p span{font-size:16px;font-weight:700;color:#eb071e;display:block}.mont_block_one{width:100%;overflow:hidden;border-bottom:1px solid #eb071e;height:560px;margin-top:50px}.mont_block_one .mont_block_one__picher{width:580px;height:600px;float:left;overflow:hidden}.mont_block_one .mont_block_one__text{width:570px;float:right;overflow:hidden}.mont_block_one .mont_block_one__text h4{font-size:50px;color:#606060;font-weight:900;text-transform:uppercase;line-height:1;margin-bottom:30px}.mont_block_one .mont_block_one__text p{margin-bottom:30px;line-height:1.6}.mont_block_one .mont_block_one__text p.mont_block_one__text_p1{font-size:22px;font-size:18px}.img_p_three_mobil_mobil_num{display:none}.mont_block_two{width:100%;overflow:hidden;padding-top:50px;padding-bottom:80px}.mont_block_two h4{font-weight:400;font-size:40px;color:#333;margin-bottom:40px}.mont_block_two .mont_block_two_item{width:50%;float:left;overflow:hidden;padding-right:100px;box-sizing:border-box}.mont_block_two .mont_block_two_item p.title_mont_block_two_item{font-size:30px;color:#333;font-weight:400;margin-bottom:40px}.mont_block_two .mont_block_two_item img{margin-bottom:40px}.mont_block_two .mont_block_two_item p{color:#333;margin-bottom:30px;line-height:1.5}.vopr{width:100%;overflow:hidden}.vopr a{padding-left:86px;display:block;height:60px;background:url(/local/templates/okna_new/css/../img/vopr.png) no-repeat 0;text-decoration:none;font-size:22px;color:#333;padding-top:6px}.vopr a span{display:block;font-size:16px;color:#eb071e;font-weight:700}@media (max-width:1600px){.top .top_block .top_block__nav.nav_one .search{width:160px}.site{padding-right:80px}.gist_top,p.phone_top{float:right;display:block}.top .top_block .top_block__nav.nav_two>nav>ul>li .show_navigation .wrap{padding-left:0;width:864px}.top .top_block .top_block__nav.nav_two li{padding-right:0;margin-right:0}.top .logo{width:130px;overflow:hidden;margin-right:33px;}.gist_top p{font-size:11px;color:#606060;text-transform:uppercase;margin-top:19px;margin-bottom:31px}p.phone_top span.icon{margin-right:10px}.gist_top p span{margin-left:5px}.gist_top p a{text-decoration:none;color:#eb071e;margin-left:4px;font-weight:700}.sidebar{overflow:hidden;-webkit-transition:all .2s linear;transition:all .2s linear}.sidebar,.sidebar .sidebar_wr{width:80px}.sidebar:hover,.sidebar:hover .sidebar_wr{width:260px}.sidebar:hover .sidebar_navigation{width:100%;overflow:hidden}.sidebar:hover .sidebar_navigation li{display:block;width:100%;height:100px;border-bottom:1px solid #dce0e1}.sidebar:hover .sidebar_navigation li a{display:block;width:100%;height:100%;box-sizing:border-box;-webkit-transition:all .2s linear;transition:all .2s linear;font-size:17px;text-decoration:none;color:#333;line-height:1;vertical-align:middle;padding-top:28px}.sidebar:hover .sidebar_navigation li a span.icon{display:inline-block;width:37px;height:37px;float:left;margin-left:20px;margin-right:20px}.sidebar:hover .sidebar_navigation li a p{display:inline-block;width:100px;padding-top:2px;text-align:left;float:left}.sidebar:hover .sidebar_navigation li.item_three{background:#eb071e}.sidebar:hover .sidebar_navigation li.item_three a,.sidebar:hover .sidebar_navigation li.item_three a p{color:#fff}.sidebar:hover .gist_form{position:absolute;width:100%;left:0;top:100vh;margin-top:-220px}.sidebar:hover .gist_form p{width:100%;height:35px;line-height:35px;color:#333;font-size:17px;margin-bottom:20px;background:none!important}.sidebar:hover .gist_form p span.icon{margin-left:20px;margin-right:20px;float:left}.sidebar:hover .gist_form form{display:block;opacity:1}.gist,.open_nav,.sidebar_top p.phone{display:none}.open_nav{width:80px; float:right;height:100%;cursor:pointer;background:url(/local/templates/okna_new/css/../img/open_nav.png) no-repeat 50%}.sidebar_top.active{height:60px}.sidebar_navigation li a{padding-left:5px;padding-right:5px;background-size:40px;background-position:center 18px!important;font-size:10px;text-align:center;padding-top:15px}.sidebar_navigation li a span.icon{display:block;margin-left:0;margin-right:0;margin-bottom:10px;width:100%}.sidebar_navigation li a p{display:block;width:100%}.gist_form p{font-size:10px;text-align:center;line-height:1}.gist_form p span.icon{display:block;float:none;margin:auto;text-align:center;margin-bottom:10px}.gist_form form{display:none;opacity:0}}.public,.public .public_top{width:100%;overflow:hidden}.public .public_top{margin-bottom:0}.public .public_top .public_top_picher{width:620px;float:left;margin-right:72px}.public .public_top .public_top_picher img{display:block;width:100%;height:auto}.public .public_top .public_top_text p{font-size:22px;color:#333}.public .public_wr{width:100%;overflow:hidden;padding-top:70px;padding-bottom:70px}.public .public_wr .public_content{width:750px;float:left;overflow:hidden}.public .public_wr .public_content p{font-size:18px;color:#333;line-height:1.5;margin-bottom:35px}.public .public_wr .public_content p.anot{font-size:16px;color:#606060;margin-bottom:45px}.public .public_wr .public_content h4{font-weight:400;color:#333;font-size:30px;margin-bottom:25px}.public .public_wr .public_content .title{font-weight:400;color:#333;font-size:30px;margin-bottom:25px}.public .public_wr .public_content img{width:580px;display:block;height:auto;margin-bottom:25px;margin-top:40px}.public .public_wr .public_content .public_posts{width:100%;overflow:hidden;padding-top:40px;padding-bottom:0}.public .public_wr .public_content .public_posts .post:last-child{margin-bottom:0}.public .public_wr .public_content .public_posts h4{font-weight:400;font-size:30px;color:#333;text-transform:uppercase;margin-bottom:40px}.public .public_wr .public_content .public_posts .content_page_block_posts .post h4{font-size:20px;margin-bottom:20px}.public .public_wr .public_content .public_posts .content_page_block_posts .post .picher_post{width:260px;height:183px;display:inline-block;float:none;vertical-align:top;margin-right:32px}.public .public_wr .public_content .public_posts .post_text{display:inline-block;width:440px;vertical-align:top}.public .public_wr .public_content .public_posts .content_page_block_posts .post p{font-size:16px}.public .public_wr .public_content .public_posts .publick_post_button{width:100%;overflow:hidden;margin-top:40px}.public .public_wr .public_content .public_posts .publick_post_button .prev_post{float:left;display:block;padding-left:65px;height:50px;line-height:50px;background:url(/local/templates/okna_new/css/../img/prev_post.png) no-repeat 0;text-decoration:none;font-size:18px;color:#333}.public .public_wr .public_content .public_posts .publick_post_button .prev_post:hover{text-decoration:underline}.public .public_wr .public_content .public_posts .publick_post_button .all_post{float:left;width:300px;height:50px;border-radius:50px;border:2px solid #eb071e;text-align:center;color:#333;font-size:16px;text-transform:uppercase;line-height:48px;margin-left:50px;-webkit-transition:all .3s linear;transition:all .3s linear;cursor:pointer}.public .public_wr .public_content .public_posts .publick_post_button .all_post:hover{background:#eb071e;color:#fff}.public .public_wr .public_right{width:301px;float:right;overflow:hidden}.akcii{padding-left:20px;padding-right:20px;box-sizing:border-box;overflow:hidden;padding-top:20px}.akcii__item{width:100%;height:580px;overflow:hidden;margin-bottom:20px}.akcii__item p{line-height:1}.akcii__item p.slider_text_p_one{font-size:30px;color:#333;margin-top:75px;margin-bottom:20px}.akcii__item p.slider_text_p_one.white{color:#fff}.akcii__item p.slider_text_p_two{font-size:60px;color:#333;font-weight:900;text-transform:uppercase;margin-bottom:0px}.akcii__item p.slider_text_p_two span{display:block;color:#eb071e}.akcii__item p.slider_text_p_two.white{color:#fff}.akcii__item p.slider_text_p_two_pod{font-size:40px;font-weight:900;color:#333;text-transform:uppercase}.akcii__item p.slider_text_p_two_pod span{color:#eb071e}.akcii__item p.slider_text_p_two_pod.white{color:#fff}.akcii__item p.slider_text_p_three{font-size:40px;color:#333;line-height:1.3}.akcii__item p.slider_text_p_three span{display:block;font-weight:700;color:#eb071e}.akcii__item p.slider_text_p_three.white{color:#fff}.akcii__item a{width:320px;height:60px;background:#eb071e;color:#fff;display:block;text-align:center;line-height:60px;text-decoration:none;font-size:15px;font-weight:600;text-transform:uppercase;border-radius:60px;margin-top:60px;letter-spacing:2px;-webkit-transition:all .2s linear;transition:all .2s linear}.block_part{width:100%;overflow:hidden;background:#fff;padding-top:50px;padding-bottom:50px}.block_part h4{font-size:40px;color:#333;margin-bottom:30px;font-weight:400}.publick_post_button{width:100%;overflow:hidden;margin-top:40px}.publick_post_button .prev_post{float:left;display:block;padding-left:65px;height:50px;line-height:50px;background:url(/local/templates/okna_new/css/../img/prev_post.png) no-repeat 0;text-decoration:none;font-size:18px;color:#333}.publick_post_button .prev_post:hover{text-decoration:underline}.contact_right{width:50%;float:right}.contact_right>iframe{width:100%!important;height:800px!important}.contact_pag{width:385px;height:50px;display:block;position:absolute;margin:auto;left:0;right:0;top:40px}.contact_pag .contact_pag_item{width:50%;float:left;overflow:hidden;height:50px;border-top-left-radius:50px;border-bottom-left-radius:50px;background:#fff;border:1px solid #dedede;border-right:0;-webkit-transition:all .3s linear;transition:all .3s linear}.contact_pag .contact_pag_item a{display:block;width:100%;height:50px;text-align:center;line-height:48px;text-decoration:none;font-size:16px;color:#333}.contact_pag .contact_pag_item:last-child{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:50px;border-bottom-right-radius:50px;border:1px solid #dedede;border-right:1px solid #dedede;border-left:0}.contact_pag .contact_pag_item.active{background:#606060}.contact_pag .contact_pag_item.active a{color:#fff}.contact_pag .contact_pag_item:hover{background:#606060}.contact_pag .contact_pag_item:hover a{color:#fff}.content_page_block_three{width:100%;padding-top:50px;padding-bottom:60px}.content_page_block_three .content_page_block_three_wr{width:100%;overflow:hidden}.content_page_block_three .content_page_block_three_wr .content_page_block_three_left{width:50%;float:left;padding-right:60px}.content_page_block_three .content_page_block_three_wr .content_page_block_three_left p{font-size:22px;color:#333;margin-bottom:20px}.content_page_block_three .content_page_block_three_wr .content_page_block_three_left p span{font-weight:700;display:block}.content_page_block_three .content_page_block_three_wr .content_page_block_three_right{width:50%;float:right;padding-left:100px}.content_page_block_three .content_page_block_three_wr .content_page_block_three_right p{line-height:1.6}.content_page_block_three .content_page_block_three_wr .content_page_block_three_right p span{font-weight:700}.content_page_block_three_number_wr{width:100%;overflow:hidden;padding-top:60px}.content_page_block_three_number_wr .content_page_block_three__item{width:49%;display:inline-block;padding-left:50px;margin-bottom:25px;vertical-align:top}.content_page_block_three_number_wr .content_page_block_three__item p.title_num{color:#eb071e;font-size:27px;cursor:pointer}.content_page_block_three_number_wr .content_page_block_three__item p.title_num span{margin-right:10px}.content_page_block_three_number_wr .content_page_block_three__item .open_text{width:100%;overflow:hidden;padding-left:35px;box-sizing:border-box;padding-top:15px;display:none}.content_page_block_three_number_wr .content_page_block_three__item .open_text p{color:#333}.block_sertifikat{width:100%;padding-top:60px;padding-bottom:60px;background:#61c7e4}.block_sertifikat h4{color:#fff;font-size:40px;margin-left:94px;font-weight:400;margin-bottom:40px}.block_sertifikat .block_sertifikat_wr{position:relative;padding-left:70px;padding-right:70px;box-sizing:border-box}.block_sertifikat .block_sertifikat_wr .owl-controls .owl-prev{width:65px;height:65px;background:url(/local/templates/okna_new/css/../img/prev.png) no-repeat 50%;cursor:pointer;color:transparent;position:absolute;top:100px;bottom:0;left:0;-webkit-transition:all .2s linear;transition:all .2s linear}.block_sertifikat .block_sertifikat_wr .owl-controls .owl-prev:hover{background:url(/local/templates/okna_new/css/../img/prev_h.png) no-repeat 50%}.block_sertifikat .block_sertifikat_wr .owl-controls .owl-next{width:65px;height:65px;background:url(/local/templates/okna_new/css/../img/next.png) no-repeat 50%;cursor:pointer;color:transparent;position:absolute;top:100px;bottom:0;right:0;-webkit-transition:all .2s linear;transition:all .2s linear}.block_sertifikat .block_sertifikat_wr .owl-controls .owl-next:hover{background:url(/local/templates/okna_new/css/../img/next_h.png) no-repeat 50%}.block_sertifikat .block_sertifikat_item{width:100%}.block_sertifikat .block_sertifikat_item a{text-decoration:none}.block_sertifikat .block_sertifikat_item a img{width:200px;display:block;margin:auto;height:auto;margin-bottom:20px}.block_sertifikat .block_sertifikat_item a p{text-align:center;font-size:13px;color:#fff}.block_sertifikat .block_sertifikat_item:hover a p{color:#eb071e}.content_page_block_posts{width:100%;overflow:hidden}.content_page_block_posts .post{width:100%;overflow:hidden;margin-bottom:50px}.content_page_block_posts .post .picher_post{width:360px;height:240px;display:inline-block;margin-right:42px;-webkit-transition:all .1s linear;transition:all .1s linear;vertical-align:top}.content_page_block_posts .post .picher_post .picher_post_border{width:100%;height:100%;display:block;-webkit-transition:all .05s linear;transition:all .05s linear;opacity:0}.content_page_block_posts .post .post_text{display:inline-block;width:730px;vertical-align:top}.content_page_block_posts .post .post_text a{color:#333;text-decoration:none}.content_page_block_posts .post .post_text a h4{font-size:30px;font-weight:400;color:#333;margin-bottom:25px}.content_page_block_posts .post .post_text .title{font-size:30px;font-weight:400;color:#333;margin-bottom:25px}.content_page_block_posts .post .post_text a:hover,.content_page_block_posts .post .post_text a:hover h4{color:#eb071e}.content_page_block_posts .post .post_text a:hover .title{color:#eb071e}.content_page_block_posts .post .post_text p{font-size:18px;color:#010101;line-height:1.6}.content_page_block_posts .post:hover .picher_post .picher_post_border{opacity:1;border:2px solid #eb071e}.solar_top{width:100%;height:900px;overflow:hidden}.solar_top .solar_bred{width:100%;height:60px;display:block;overflow:hidden}.solar_top .solar_top_wr{width:100%;height:840px;overflow:hidden}.solar_top .solar_top_wr .solar_top_picher{width:600px;height:840px;float:left;overflow:hidden}.solar_top .solar_top_wr .solar_top_picher .solar_top_picher_text h4{font-weight:900;color:#606060;font-size:37px;text-transform:uppercase}.solar_top .solar_top_wr .solar_top_picher .solar_top_picher_text h4 span{display:block;font-size:17px;font-weight:400;color:#eb071e}.solar_top .solar_top_wr .solar_top_text{width:545px;float:right;height:840px;overflow:hidden}.solar_top .solar_top_wr .solar_top_text h4{font-size:48px;color:#6e6e6e;font-weight:900;text-transform:uppercase;margin-bottom:75px}.solar_top .solar_top_wr .solar_top_text h4 span{display:block;font-size:40px;color:#eb071e;font-weight:400;text-transform:none;line-height:1}.solar_top .solar_top_wr .solar_top_text .solar_top_text_icon{width:100%;overflow:hidden}.solar_top .solar_top_wr .solar_top_text .solar_top_text_icon .solar_top_text_icon__item{width:49%;vertical-align:top;margin-bottom:25px;display:inline-block;overflow:hidden}.solar_top .solar_top_wr .solar_top_text .solar_top_text_icon .solar_top_text_icon__item p span{float:left;width:50px;margin-right:15px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price{width:100%;overflow:hidden;margin-top:50px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr{width:100%;overflow:hidden;margin-bottom:30px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr p{float:left;font-size:30px;color:#333}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr p span{font-size:42px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr a{font-size:15px;color:#606060;text-decoration:underline;float:right;margin-right:40px;margin-top:17px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr a:hover{text-decoration:none}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price a.solar_top_text_price__link{display:inline-block;height:50px;border:2px solid #eb071e;padding-left:45px;padding-right:45px;border-radius:50px;line-height:46px;text-align:center;text-transform:uppercase;color:#2a2a2a;font-size:13px;text-decoration:none;-webkit-transition:all .2s linear;transition:all .2s linear}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price a.solar_top_text_price__link:hover{background:#eb071e;color:#fff}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price p.solar_top_text_price_ttext{font-size:13px;color:#606060;margin-top:80px}.solar_top_text_block{width:100%;overflow:hidden;padding-top:67px;padding-bottom:120px}.solar_top_text_block .solar_top_text_block__item{width:49%;display:inline-block;vertical-align:top;padding-right:40px;box-sizing:border-box}.solar_top_text_block .solar_top_text_block__item h4{font-size:40px;color:#333;font-weight:400;margin-bottom:30px}.solar_top_text_block .solar_top_text_block__item p{font-size:18px;color:#333;line-height:1.5}.solar_picher_block_one{width:100%;height:900px;overflow:hidden;background:url(/local/templates/okna_new/css/../img/bg_solar.jpg) repeat-x}.solar_picher_block_one .solar_picher_block_one_picher{width:100%;height:602px;background:url(/local/templates/okna_new/css/../img/solar_okno.png) no-repeat 50%;overflow:hidden}.solar_picher_block_one .solar_picher_block_one__text{width:100%;overflow:hidden}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr{width:936px;padding-left:195px;background:url(/local/templates/okna_new/css/../img/son.png) no-repeat 0 0}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr p.solar_picher_block_one_p1{font-size:18px;color:#333;margin-bottom:20px}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr p.solar_picher_block_one_p1 span{float:right;color:#b9b9b9}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr p.solar_picher_block_one_title{font-size:40px;color:#333;margin-bottom:30px}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr p.solar_picher_block_one_p2{font-size:18px;color:#333;line-height:1.5}.solar_picher_block_two{width:100%;overflow:hidden;min-height:885px}.solar_picher_block_two .wrap{overflow:visible;position:relative}.solar_picher_block_two .solar_picher_block_two_picher{width:50%;}.solar_picher_block_two .solar_picher_block_two_text{position:absolute;right:0;width:576px;overflow:hidden}.solar_picher_block_two .solar_picher_block_two_text .solar_picher_block_two_text_wr{overflow:hidden;width:100%;margin-top:103px}.solar_picher_block_two .solar_picher_block_two_text h4{font-size:40px;margin-bottom:30px;font-weight:400}.solar_picher_block_two .solar_picher_block_two_text p{font-size:18px;line-height:1.5;margin-bottom:5px}.solar_picher_block_two .solar_picher_block_two_text p a{color:#eb071e;text-decoration:none}.solar_picher_block_two .solar_picher_block_two_text p.list{padding-left:30px;background:url(/local/templates/okna_new/css/../img/lis.png) no-repeat left 8px}.solar_picher_block_three{padding-bottom:90px}.solar_picher_block_three img.img_p_three{display:block;margin:auto;margin-bottom:60px}.solar_picher_block_three .solar_picher_block_three_wr{width:100%;overflow:hidden}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_left{width:480px;float:left;overflow:hidden}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_left h4{font-size:40px;font-weight:400;margin-bottom:40px;line-height:1}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_left p.list{padding-left:30px;background:url(/local/templates/okna_new/css/../img/lis.png) no-repeat left 8px;margin-bottom:4px;line-height:1.5}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_right{width:565px;float:right;overflow:hidden}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_right .solar_picher_block_three_right_wr{width:100%;overflow:hidden;margin-bottom:50px}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_right .solar_picher_block_three_right_wr h4{font-size:40px;font-weight:400;margin-bottom:30px;line-height:1}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_right .solar_picher_block_three_right_wr p{line-height:1.5;margin-bottom:4px}.solar_form{width:100%;overflow:hidden;background:#eb071e;padding-top:25px;padding-bottom:25px}.solar_form .solar_form_text{display:inline-block;vertical-align:middle;width:230px;overflow:hidden;margin-right:65px}.solar_form .solar_form_text p{font-size:27px;color:#fff}.solar_form .solar_form_input{display:inline-block;vertical-align:middle;margin-right:10px}.solar_form .solar_form_input input{width:260px;float:left;background:transparent;border:0;border-bottom:1px solid #fff;height:45px;margin-right:20px;color:#fff;-webkit-transition:all .2s linear;transition:all .2s linear}.solar_form .solar_form_input input:focus{border:1px solid #fff;padding-left:10px;box-shadow:0 0 10px hsla(0,0%,100%,.8)}.solar_form .solar_form_input input::-webkit-input-placeholder{color:#fff}.solar_form .solar_form_button{display:inline-block;vertical-align:middle}.solar_form .solar_form_button button{width:270px;height:50px;border:0;border-radius:50px;background:#fff;font-size:18px;color:#606060;-webkit-transition:all .2s linear;transition:all .2s linear}.solar_form .solar_form_button button:hover{cursor:pointer;background:#f1f1f1}.solar_picher_block_four{width:100%;overflow:hidden;padding-top:70px;padding-bottom:40px}.solar_picher_block_four .solar_picher_block_fou_left{width:390px;float:left}.solar_picher_block_four .solar_picher_block_fou_left h4{font-size:27px;font-weight:400;margin-bottom:30px;line-height:1}.solar_picher_block_four .solar_picher_block_fou_left p{font-size:15px;margin-bottom:30px;line-height:1.5}.solar_picher_block_four .solar_picher_block_four_right{float:right}.solar_post{padding-top:40px}.solar_post .column_posts{border-bottom:1px solid #eb071e}.gall_post{width:100%;overflow:hidden;padding-top:50px}.gall_post h4{text-align:center;text-transform:uppercase;font-weight:400;font-size:40px;margin-bottom:40px}.gall_post .gall_post__item,.gall_post .gall_post_wr{width:100%;height:420px;overflow:hidden}.img_p_three_mobil{display:none;width:100%;height:auto}.mobil_icon_solar{display:none}@media (max-width:1500px){.slider_block .slider_block__item .wrap{width:1000px}.window_nav_wrap{width:1180px}.window_nav .window_nav_left{width:869px}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_title p span{font-size:14px}}@media (max-width:1290px){.solar_picher_block_four .solar_picher_block_four_right{width:400px}.solar_picher_block_four .solar_picher_block_four_right img{display:block;width:100%;height:auto}.top_fixed{display:none}.sidebar_top.active{height:80px}.open_nav,.sidebar_top{display:block}.top{height:80px}.top .logo{margin-top:17px;margin-right:80px}.top .logo svg{display:block;width:88px;height:auto}.wrap{box-sizing:border-box}.slider_block .slider_block__item .wrap,.wrap{width:920px}.gist_top{display:block}.gist_top p{line-height:80px;font-size:11px;color:#606060;text-transform:uppercase;margin-top:0;margin-bottom:0}.gist_top p span{margin-left:5px}.gist_top p a{text-decoration:none;color:#eb071e;margin-left:4px;font-weight:700}p.phone_top{width:auto;display:block;font-size:20px;float:right;color:#333;line-height:80px;margin-right:50px}p.phone_top span.icon{margin-right:10px}.top_block{display:none}.gist_top{float:left}.sidebar_top{height:80px}.slider_block .slider_block__item{height:476px}.slider_block{height:526px}.slider_block .owl-controls .owl-dots{height:50px}.slider_block .owl-controls .owl-dots .owl-dot{margin-top:20px}.slider_block .slider_block__item p.slider_text_p_one{margin-top:55px}.slider_block .owl-controls .owl-next,.slider_block .owl-controls .owl-prev{display:none!important}.slider_block .slider_block__item p.slider_text_p_two{font-size:48px}.slider_block .slider_block__item p.slider_text_p_one{font-size:24px}.slider_block .slider_block__item p.slider_text_p_three{font-size:32px}.slider_block .slider_block__item a{width:250px;height:50px;font-size:12px;line-height:50px;margin-top:30px}.block_one .block_one__text .block_one__text_left h4{font-size:38px}.block_one .block_one__text .block_one__text_left p.podtitle{font-size:20px}.block_one .block_one__text .block_one__text_left p{font-size:16px}.block_one .block_one__text .block_one__text_left{width:623px}.block_one .block_one__text .block_one__text_right p{font-size:22px}.block_one__items .block_one__item{height:270px}h4.block_title{font-size:30px}.block_one__lists .block_one__list{margin-bottom:35px}.block_reviews p{width:460px}.footer .footer_top .footer_top_left li.one a,.footer .footer_top .footer_top_left li.two a{background:none;padding-left:0}.gist_form p{background:url(/local/templates/okna_new/css/../img/item4.png) no-repeat 50%}.block_one .block_one__text .block_one__text_right img{display:block;width:74px;height:auto}.block_one .block_one__text .block_one__text_right{width:220px}.block_reviews .owl-controls .owl-prev{left:20px}.block_reviews .owl-controls .owl-next{right:20px}.block_reviews .reviews_links{width:100%}.block_video{height:400px}.block_video .block_video_link{margin-top:70px}.block_video p{font-size:20px;margin-top:150px}.block_form .wrap .block_form__item{width:420px}.block_form .wrap .block_form__item p.form_title{font-size:32px;margin-top:50px}.footer .footer_top .footer_top_left li a{font-size:14px}.block_one__lists .block_one__list p{width:310px}.footer .footer_top .footer_top_left li span.icon{display:none}.content_page_block_one .about_block_one__left{float:none;width:100%}.content_page_block_one .about_block_one__right{float:none;width:100%;margin-top:20px}.content_page_block_two_block_video,.content_page_block_two_wr{padding-left:0}.content_page_block_two_block_three .content_page_block_two_block_three_left{float:none;width:100%;padding-top:0}.content_page_block_two_block_three{margin-top:35px}.content_page_block_two_block_video{margin-top:45px}.content_page_block_three .content_page_block_three_wr .content_page_block_three_right{padding-left:50px!important}.content_page_block_three_number_wr .content_page_block_three__item{padding-left:10px!important}.block_part_wr img{display:block;width:100%;height:auto}.block_sertifikat .block_sertifikat_item a img{width:150px!important;display:block;height:auto!important}.block_sertifikat .block_sertifikat_item a p{font-size:12px!important}.block_sertifikat .block_sertifikat_wr .owl-controls .owl-next,.block_sertifikat .block_sertifikat_wr .owl-controls .owl-prev{top:70px!important}.akcia_top .wrap p.slider_text_p_one_t{font-size:40px}.akcia_top .wrap p.slider_text_p_two{font-size:40px;width:500px}.akcia_top .wrap p.slider_text_p_proc{font-size:60px}.content_page_block_posts .post .post_text{width:430px}.content_page_block_one h1{font-size:30px;margin-bottom:30px}.page_navigation .nav_item .nav_item_text .nav_item_text_title a{font-size:22px}.page_navigation .nav_item .nav_item_text p{font-size:14px}.column_two_text .column_two_right{float:none;width:100%;margin-top:20px}.column_two_text .column_two_left{width:100%;padding-right:0;float:none}.column_posts .column_posts__item .post_item{width:100%}.column_posts .column_posts__item .post_item a{font-size:16px}.column_posts .column_posts__item .post_item p{font-size:14px}.contact .contact_item .contact_left .contact_left_text{width:440px}.open_door .open_door_wr .open_door__item{float:none;display:inline-block;vertical-align:top;width:120px}.open_door .open_door_wr .open_door__item img{display:block;width:100%;height:auto}.open_door .open_door_wr .open_door__item p{font-size:12px}.open_door .open_door_wr .open_door__item:last-child{margin-left:0}.open_door .open_door_wr .open_door__item:last-child a{font-weight:400;color:#333}.column_two_text{padding-bottom:30px}.open_door h4{font-size:25px}.mont_block_one .mont_block_one__picher{width:300px;height:400px;margin-right:50px;background-size:cover!important}.mont_block_one .mont_block_one__text{width:500px}.mont_block_one{height:400px}.mont_block_one .mont_block_one__text h4{font-size:40px}.mont_block_one .mont_block_one__text p.mont_block_one__text_p1{font-size:16px}.mont_block_two h4{font-size:30px}.mont_block_two .mont_block_two_item p.title_mont_block_two_item{font-size:20px}.public .public_top .public_top_picher{width:500px}.public .public_wr{padding-top:40px}.public .public_wr .public_content{width:550px}.public .public_wr .public_content img{width:100%;display:block;height:auto}.public .public_wr .public_content .public_posts h4{font-size:25px}.public .public_wr .public_content .public_posts .content_page_block_posts .post .picher_post{width:220px;height:150px}.public .public_wr .public_content .public_posts .post_text{width:290px}.public .public_wr .public_content .public_posts .content_page_block_posts .post h4{font-size:18px;margin-bottom:10px}.public .public_wr .public_content .public_posts .content_page_block_posts .post p{font-size:14px}.public .public_wr .public_content .public_posts{padding-top:0}.public .public_wr .public_content .public_posts .publick_post_button .all_post{width:250px}.page_navigation .nav_item .nav_item_text p{display:none}.window_nav_wrap{width:920px}.window_nav .window_nav_left{width:670px}.window_nav .window_nav_right{width:250px}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_title p,.window_nav .window_nav_right .window_nav_right__item .window_nav_right__item_title h4{font-size:18px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr__item{padding-right:60px}.block_form .wrap .block_form__item{margin-right:100px}.solar_top .solar_top_wr .solar_top_picher{width:400px;height:540px;background-size:cover!important}.solar_top .solar_top_wr .solar_top_picher .solar_top_picher_text h4{font-size:22px}.solar_top .solar_top_wr .solar_top_picher .solar_top_picher_text h4 span{font-size:10px}.solar_top .solar_top_wr .solar_top_text h4{font-size:38px;margin-bottom:30px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price{margin-top:10px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price p.solar_top_text_price_ttext{margin-top:30px}.solar_top .solar_top_wr .solar_top_text h4 span{font-size:26px}.solar_top{height:660px}.solar_top_text_block{padding-top:30px;padding-bottom:30px}.solar_top_text_block .solar_top_text_block__item h4{font-size:25px}.solar_top_text_block .solar_top_text_block__item p{font-size:16px}.solar_picher_block_one .solar_picher_block_one_picher{background:url(/local/templates/okna_new/css/../img/solar_okno.jpg) no-repeat top;background-size:90%;height:502px}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr p.solar_picher_block_one_p2{display:none}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr{padding-left:145px;background:url(/local/templates/okna_new/css/../img/son.png) no-repeat 0 0;background-size:91px;width:100%}.solar_picher_block_one{height:680px}.solar_picher_block_two .solar_picher_block_two_picher{background-size:cover!important;width:600px;height:600px}.solar_picher_block_two .solar_picher_block_two_text .solar_picher_block_two_text_wr{margin-top:40px}.solar_picher_block_two{min-height:625px}.solar_picher_block_three img.img_p_three{width:100%;height:auto;display:block}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_left,.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_right{width:380px}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_left h4{font-size:25px}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_left p.list{font-size:16px}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_right .solar_picher_block_three_right_wr h4{font-size:25px}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_right .solar_picher_block_three_right_wr p{font-size:16px}.solar_form .solar_form_text{display:none}.solar_form .solar_form_button{float:right}.solar_top .solar_top_wr .solar_top_text{width:485px}}@media (max-width:1000px){.solar_top .solar_top_wr .solar_top_picher{width:390px!important;height:510px!important}}@media (max-width:860px){.block_form .wrap .block_form__item{margin-right:50px}.solar_top .solar_top_wr .solar_top_text{width:465px!important}.solar_top .solar_top_wr .solar_top_text .solar_top_text_icon .solar_top_text_icon__item{font-size:12px!important}.solar_top .solar_top_wr .solar_top_picher{width:240px!important;height:360px!important}}@media (max-width:740px){.solar_top .solar_top_wr .solar_top_text{width:370px!important}.solar_top .solar_top_wr .solar_top_text h4{font-size:25px}.solar_top .solar_top_wr .solar_top_text h4 span{font-size:22px}}@media (max-width:1000px){.page_navigation[col5] .nav_item .nav_item_text,.page_navigation[col5_last] .nav_item .nav_item_text{top:auto!important;bottom:30px}.solar_top .solar_top_wr .solar_top_text h4 span{font-size:14px}.solar_top{height:620px}.solar_picher_block_two .solar_picher_block_two_text{width:480px}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_left{width:100%}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_right{width:100%;margin-top:20px}.solar_top_text_block .solar_top_text_block__item{width:100%;padding-right:0;margin-bottom:30px}.solar_top_text_block{padding-bottom:20px}.solar_picher_block_one .solar_picher_block_one_picher{height:42vw}.solar_picher_block_three{padding-bottom:30px}.solar_picher_block_four{padding-top:30px;padding-bottom:30px}.solar_picher_block_four .solar_picher_block_four_right{width:600px;float:none;margin:auto}.column_posts .column_posts__item{width:100%;margin-bottom:20px}.gall_post h4{font-size:28px}.column_posts .column_posts__item .post_item .column_posts_picher{width:320px;margin:auto;margin-bottom:10px}.gall_post .gall_post__item{height:380px}.solar_picher_block_four .solar_picher_block_fou_left{width:100%;float:none}.solar_form .solar_form_input input{width:160px}.solar_picher_block_three .solar_picher_block_three_wr .solar_picher_block_three_right .solar_picher_block_three_right_wr{margin-bottom:30px}.solar_picher_block_one{height:auto;padding-bottom:30px}.solar_top_text_block .solar_top_text_block__item h4{margin-bottom:20px}.solar_top .solar_top_wr .solar_top_picher{width:240px;height:360px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_icon .solar_top_text_icon__item{font-size:14px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr p{font-size:20px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr p span{font-size:25px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr a{margin-top:0}.solar_top .solar_top_wr .solar_top_text{width:435px}.content_page_block_two_block_video p{font-size:20px}.content_page_block_one h1{font-size:25px;margin-bottom:25px}.content_page_block_one{padding-bottom:20px}.content_page_block_two p.title_block_two{margin-top:30px;font-size:20px}.content_page_block_two_block_video .link_video{width:300px}.content_page_block_two_block_video .link_video svg{width:100%}.content_page_block_two_block_three .content_page_block_two_block_three_right{float:none;width:100%;margin-top:30px}.content_page_block_two_wr .content_page_block_two_item{padding-right:30px}.content_page_block_two_block_video .link_video{margin-right:30px}.content_page_block_one .about_block_one__left p{font-size:20px}.content_page_block_two_block_video p{font-size:18px}.content_page_block_three .content_page_block_three_wr .content_page_block_three_left{padding-right:0!important}.content_page_block_three .content_page_block_three_wr .content_page_block_three_left p,.content_page_block_three_number_wr .content_page_block_three__item p.title_num{font-size:18px!important}.content_page_block_three_number_wr{padding-top:30px!important}.block_sertifikat .owl-carousel{height:auto!important}.mobil_zakaz{overflow:hidden;background:#eb071e;height:90px}.mobil_zakaz,.mobil_zakaz a{display:block;width:100%;text-align:center}.mobil_zakaz a{height:100%}.mobil_zakaz p{display:inline-block;height:40px;line-height:40px;color:#fff;text-decoration:none;font-size:20px;margin-top:25px}.slider_block .slider_block__item .wrap,.wrap{width:100%}.site{width:100%!important;padding-right:0}.sidebar{display:none}.top{height:70px}.top .logo{margin-right:21px;margin-top:12px}p.phone_top{font-size:18px;margin-right:0}.gist_top p,p.phone_top{line-height:70px}.open_nav_top{width:70px;height:70px;background:url(/local/templates/okna_new/css/../img/open_nav.png) no-repeat 50%;float:right;margin-left:20px;cursor:pointer}.slider_block .slider_block__item{height:320px}.owl-carousel{height:369px}.slider_block .slider_block__item p.slider_text_p_one{font-size:18px;margin-top:20px}.slider_block .slider_block__item p.slider_text_p_two{font-size:38px;margin-bottom:10px}.slider_block .slider_block__item p.slider_text_p_three{font-size:26px;margin-bottom:10px}.slider_block .slider_block__item a{margin-top:15px}.block_one .block_one__text .block_one__text_left{width:100%;float:none}.block_one .block_one__text .block_one__text_right{width:100%;float:none;display:block;height:auto;margin-top:10px;min-height:inherit}.block_one .block_one__text .block_one__text_right img{width:58px;float:left;margin-right:15px}.block_one__items .block_one__item{width:50%}.block_one__lists .block_one__list{width:100%;padding-right:0;margin-bottom:30px;height:auto}h4.block_title{margin-bottom:30px}.block_video{height:300px}.block_video .block_video_link{margin-right:20px}.block_video .block_video_link svg{width:100%;height:auto;display:block}.block_video p{margin-top:100px}.block_reviews p{width:100%}.block_reviews .owl-controls .owl-next,.block_reviews .owl-controls .owl-prev{display:none!important}.block_reviews .owl-carousel{height:auto}.block_reviews .reviews_links a.retain_review{float:left}.block_form{height:486px}.block_form .bg_form .bg_form_men{height:486px;background-size:contain}.block_form .wrap .block_form__item{width:290px}.block_form .wrap .block_form__item p.form_title{font-size:24px;margin-bottom:20px;margin-top:40px}.block_form .wrap .block_form__item>p{font-size:16px}.block_form .wrap .block_form__item form{margin-top:30px}.block_form .wrap .block_form__item form input{width:90%}.block_form .wrap .block_form__item form p{display:none}.footer .footer_top .footer_top_left{float:none;width:100%;overflow:hidden;border-bottom:1px solid #454545}.footer_top_left ul{display:block;width:100%;text-align:center;overflow:hidden}.footer .footer_top .footer_top_left li{float:none}.footer{height:auto}.footer .footer_top .footer_top_right,.soc{float:none;width:100%;overflow:hidden}.soc{text-align:center}.footer .footer_top .footer_top_right .soc_item{display:inline-block;float:none}.footer .footer_top{height:auto}.footer .footer_bottom .footer_bottom__left{width:240px}.footer .footer_bottom .footer_bottom__left p{line-height:1;margin-top:37px}.footer_bottom__right{width:300px}.footer .footer_bottom .footer_bottom__right p{line-height:1;margin-top:37px;font-size:13px;padding-left:0}.block_one__lists .block_one__list p{width:80%}.akcia_top .wrap img{width:240px;height:auto;right:20px}.akcia_top .wrap p.slider_text_p_one{font-size:20px;margin-top:75px}.akcia_top .wrap p.slider_text_p_one_t{font-size:22px}.akcia_top .wrap p.slider_text_p_two{font-size:27px}.akcia_top .wrap p.slider_text_p_proc{font-size:32px}.akcia_top{height:340px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr_left p{font-size:18px;margin-bottom:20px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr_left{padding-right:0;width:100%;display:block;float:none}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr_right{width:100%}.akcia_block_two img.akc_img{display:block;width:100%;height:auto;margin-bottom:35px}.akcia_block_two .akc_text_one p{font-size:18px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr__item{width:50%;margin-bottom:20px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr__item:nth-of-type(n+4){margin-bottom:20px}.akcia_block_two .akc_text_two p{font-size:18px}.akcia_block_two .akc_text_two{padding-bottom:0}.akcii__item p.slider_text_p_one{margin-top:35px;font-size:24px}.akcii__item p.slider_text_p_two{font-size:30px}.akcii__item p.slider_text_p_three{font-size:25px}.akcii__item a{margin-top:30px}.akcii__item{height:333px;padding-bottom:30px}.akcii__item a{width:270px;height:50px;border-radius:50px;line-height:50px}.akcii__item p.slider_text_p_two_pod{font-size:30px}.akcii{box-sizing:border-box;padding-left:0;padding-right:0}.content_page_block_posts .post .picher_post{width:190px;height:120px;margin-right:12px}.content_page_block_posts .post .post_text a h4{font-size:18px}.content_page_block_posts .post .post_text p{font-size:14px}.content_page_block_posts .post .post_text a h4{margin-bottom:10px}.content_page_block_posts .post .post_text{width:530px}.page_navigation .nav_item .nav_item_text p{display:none}.page_navigation .nav_item .nav_item_text{top:auto;bottom:30px}.page_navigation .nav_item{height:240px}.column_posts .column_posts__item .post_item .column_posts_picher{height:160px}.contact .contact_item .contact_left{width:100%;height:auto;float:none}.contact .contact_item .contact_left .contact_left_text{width:100%;float:none;padding:80px 20px 20px;box-sizing:border-box}.contact_pag{width:300px}.contact_right{width:100%;float:none;height:300px}.contact .contact_item .contact_left .contact_left_text h1{font-size:25px}.contact .contact_item .contact_left .contact_left_text p.sal_name{font-size:20px}.publick_post_button .prev_post{font-size:12px}.mont_block_one .mont_block_one__picher{display:none}.mont_block_one .mont_block_one__text{width:100%;float:none}.mont_block_one{height:auto;padding-bottom:20px}.mont_block_two .mont_block_two_item{padding-right:50px}.mont_block_two .mont_block_two_item img{display:block;width:100%;height:auto}.public .public_top .public_top_picher{width:300px}.public .public_top .public_top_text p{font-size:18px}.public .public_wr .public_right{display:none}.public .public_wr .public_content{width:100%}.public .public_wr .public_content .public_posts .post_text{width:450px}.page_navigation.roll .nav_item .nav_item_text{top:auto;bottom:30px}.column_two_text_text .column_two_text_text__item{padding-right:50px}.window_nav_wrap{width:95%;margin:auto}.window_nav .window_nav_right{width:25%}.window_nav .window_nav_left .window_nav_left_item,.window_nav .window_nav_right .window_nav_right__item{height:300px}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_picher{height:220px}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_title{padding-left:10px;padding-right:10px}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_title p span{font-size:12px;margin-top:5px}.windows_block__two .nastr{margin-bottom:30px;margin-top:20px}.window_nav .window_nav_right .window_nav_right__item .window_nav_right__item_title{padding-left:10px;padding-right:10px}.windows_block__two{padding-bottom:10px}.window_nav .window_nav_left{width:75%}.window_nav .window_nav_left .window_nav_left_item{width:33.3%;border-right:1px solid #e0e4e5;border-bottom:1px solid #e0e4e5}.solar_post{padding-top:0}.gall_post{padding-top:40px}.block_reviews{padding-top:30px;padding-bottom:50px}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr{background-size:61px;padding-left:81px}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr p.solar_picher_block_one_p1{font-size:16px;margin-bottom:15px}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr p.solar_picher_block_one_title{font-size:18px;margin-bottom:0}.solar_picher_block_one .solar_picher_block_one__text{margin-bottom:20px}.solar_picher_block_two .solar_picher_block_two_text{right:10px}.solar_picher_block_two .solar_picher_block_two_picher{width:400px;height:400px;left:-75px}.solar_picher_block_two .solar_picher_block_two_text .solar_picher_block_two_text_wr{margin-top:25px}.solar_picher_block_two .solar_picher_block_two_text h4{font-size:25px;margin-bottom:15px}.solar_picher_block_two .solar_picher_block_two_text p{font-size:16px}.solar_picher_block_two{min-height:475px}.solar_picher_block_two .solar_picher_block_two_text{width:420px;width:70%}.solar_top .solar_top_wr{height:auto}.footer .footer_center a.footer_city{float:none;text-align:center;width:100%;display:block;line-height:40px}.footer .footer_center p.footer_phone{margin:0;line-height:40px;width:100%;text-align:center}.footer .footer_center p.footer_phone span{float:none}.footer .footer_center{border-bottom:1px solid #454545;height:auto}.footer .footer_bottom{height:80px}}@media (max-width:770px){.solar_picher_block_two .solar_picher_block_two_text{width:65%}}@media (max-width:675px){.solar_picher_block_two .solar_picher_block_two_text{width:60%}.solar_form .solar_form_button button{width:230px}}@media (max-width:640px){.solar_picher_block_two .solar_picher_block_two_picher{position:static;margin:auto}.solar_picher_block_two .solar_picher_block_two_text{position:static;margin:auto;width:100%;margin-bottom:30px}.gist_top{display:none}.top .wrap{padding-left:0;padding-right:0}.top .logo{margin-left:10px;margin-right:0}p.phone_top{font-size:13px;padding-left:0}.open_nav_top{margin-left:0}.slider_block .slider_block__item p.slider_text_p_one{padding-left:20px}.slider_block .slider_block__item p.slider_text_p_two{font-size:30px;padding-left:20px}.slider_block__item .wrap{padding-left:0;padding-right:0}.slider_block .slider_block__item p.slider_text_p_three{width:100%;display:block;padding:20px 20px 0;box-sizing:border-box;background:#fff;font-size:22px;margin-bottom:0}.slider_block .slider_block__item .slider_block__item__link{background:#fff;width:100%;overflow:hidden;padding-top:10px;padding-bottom:10px}.slider_block .slider_block__item a{margin-left:20px;z-index:1}.slider_block.owl-carousel,.slider_block .slider_block__item{height:auto}.block_one .block_one__text .block_one__text_left h4,.slider_block .slider_block__item p.slider_text_p_two{margin-bottom:20px}.block_one .block_one__text .block_one__text_left p.podtitle{font-size:15px}.block_one .block_one__text .block_one__text_left p{font-size:13px}.block_one .block_one__text .block_one__text_right img{width:50px;margin-right:10px}.block_one .block_one__text .block_one__text_right p{font-size:14px}.block_one .block_one__text .block_one__text_right p span{margin-top:0}.block_one__items .block_one__item{height:auto;width:100%;border-bottom:1px solid #dbdbdb}.block_one__items .block_one__item:first-child{border-top:1px solid #dbdbdb}.block_one__items .block_one__item .block_one__item_text{padding-left:15px;background:url(/local/templates/okna_new/css/../img/str_max.png) #fff no-repeat right 15px center;width:100%;position:static}.block_one__lists{padding-top:30px}h4.block_title{font-size:20px}.block_one__lists .block_one__list{padding-left:0;font-size:13px}.block_one{padding-bottom:0}.block_video{height:auto}.block_video .wrap{padding-left:0;padding-right:0}.block_video .block_video_link img,.block_video p{width:100%;margin-top:0;float:none}.block_video p{padding:20px 15px;text-align:center;background:hsla(0,0%,100%,.8);display:block;font-size:18px;color:#333}.block_video .block_video_link{margin-right:0;margin-top:0;float:none}.block_reviews .reviews_links a.retain_review{float:none;margin-top:20px}.block_reviews .reviews_links a.all_reviews{position:static;text-align:center;display:block;width:240px;margin-top:20px}.block_reviews{padding-bottom:30px;padding-top:30px}.block_form .bg_form .bg_form_ccc{width:100%}.block_form .bg_form .bg_form_fff,.block_form .bg_form .bg_form_men{display:none}.footer .footer_top .footer_top_left li{display:block;margin-right:0;height:20px}.footer .footer_top .footer_top_left li a{line-height:20px;text-align:left}.footer .footer_top .footer_top_left{padding-top:10px;padding-bottom:10px}.footer .footer_top .footer_top_right .soc_item{width:60px;height:60px}.footer .footer_top .footer_top_right{height:60px}.footer .footer_bottom{height:auto}.footer .footer_bottom .footer_bottom__left{height:auto;padding-bottom:15px}.footer .footer_bottom .footer_bottom__left p{margin-top:17px}.footer .footer_bottom .footer_bottom__right{height:auto;padding-bottom:15px}.footer .footer_bottom .footer_bottom__right p{margin-top:17px}.block_form .wrap .block_form__item{float:none;margin:auto}.mobil_zakaz p{text-align:left;display:block;font-size:16px;font-weight:400;padding-left:20px;line-height:1;padding-right:30px;padding-top:5px}.mobil_zakaz p span.icon{margin-top:-4px}.block_one__lists .block_one__list .icon{width:10%;margin-right:0}.block_one__lists .block_one__list .icon svg{width:21px;height:21px;margin-top:5px}.block_one__lists .block_one__list p{width:88%}.footer .footer_bottom .footer_bottom__left{width:100%;float:none}.footer .footer_bottom .footer_bottom__left p{text-align:center}.footer .footer_bottom .footer_bottom__right p span.icon{float:none;display:block;margin:auto;width:89px;margin-bottom:10px}.footer .footer_bottom .footer_bottom__right p{text-align:center}.footer_bottom__right{width:100%}.footer .footer_bottom .footer_bottom__right{float:none}.footer .footer_top .footer_top_left li{padding-top:4px;padding-bottom:4px;height:auto}.footer .footer_top .footer_top_left li a{text-align:center;color:#d8d9db}.mobil_footer{display:block}.mobil_footer .footer_gist{width:100%;display:block;padding-top:20px}.mobil_footer .footer_gist a{width:100%;display:block;text-align:center;text-decoration:none}.mobil_footer .footer_gist a p{text-align:center;color:#d0d3d4;text-transform:uppercase}.mobil_footer .footer_gist a p span{margin-left:5px;fill:#d0d3d4}.mobil_footer .footer_gist a p span path{fill:#d0d3d4}.mobil_footer>a{display:block;width:100%;text-align:center;text-transform:uppercase;color:#eb071e;font-size:15px;margin-top:15px;margin-bottom:20px;text-decoration:none}.mobil_footer p.phone_footer{text-align:center;color:#d0d3d4;text-transform:uppercase;font-size:20px}.mobil_footer p.phone_footer span.icon{margin-right:15px}.mobil_footer p.phone_footer span.icon svg,.mobil_footer p.phone_footer span.icon svg path{fill:#d0d3d4}.mobil_footer p.phone_footer span.icon svg polygon{color:#d0d3d4}.footer .footer_top .footer_top_left{padding-top:0}.content_page_block_two_wr .content_page_block_two_item{width:100%;padding-right:0;margin-bottom:15px}.content_page_block_two_wr .content_page_block_two_item:last-child{margin-bottom:0}.content_page_block_two_block_video .link_video{float:none;display:block;margin:auto}.content_page_block_two_block_video p{margin-top:25px}.content_page_block_two{height:auto}.content_page_block_two_block_three .content_page_block_two_block_three_right img{display:none}.content_page_block_two_block_three .content_page_block_two_block_three_right p{position:static;width:100%;font-size:18px}.content_page_block_two_block_three .content_page_block_two_block_three_right{height:auto;padding-bottom:30px}.content_page_block_two_block_three{height:auto}.content_page_block_two_block_three .content_page_block_two_block_three_right p span{font-size:20px}.content_page_block_three .content_page_block_three_wr .content_page_block_three_left{width:100%;float:none}.content_page_block_three .content_page_block_three_wr .content_page_block_three_right{float:none;width:100%;padding-left:0!important}.content_page_block_three_number_wr .content_page_block_three__item{width:100%;padding-left:0!important;display:block}.content_page_block_two_block_video .link_video{width:280px}.block_sertifikat h4{text-align:center;font-size:20px;margin-left:0}.block_sertifikat .block_sertifikat_wr .owl-controls .owl-prev{width:45px;height:45px;background-size:cover}.block_sertifikat .block_sertifikat_wr .owl-controls .owl-prev:hover{background-size:cover}.block_sertifikat .block_sertifikat_wr .owl-controls .owl-next{width:45px;height:45px;background-size:cover}.block_sertifikat .block_sertifikat_wr .owl-controls .owl-next:hover{background-size:cover}.block_part h4{font-size:20px}.content_page_block_one .about_block_one__right{padding-right:0}.content_page_block_two p.title_block_two{margin-top:10px;margin-bottom:10px}.akcia_top .wrap img{display:none}.akcia_top .wrap p.slider_text_p_one,.akcia_top .wrap p.slider_text_p_one_t,.akcia_top .wrap p.slider_text_p_two{width:100%}.akcia_top{padding-bottom:25px}.akcia_top,.akcia_top .wrap{height:auto}.akcia_block_two{padding-top:20px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr__item{width:100%;padding-right:20px}.akcia_block_two .akcia_block_two_wr .akcia_block_two_wr__item span{display:block;width:60px}.akcii__item p.slider_text_p_one,.akcii__item p.slider_text_p_three,.akcii__item p.slider_text_p_two{font-size:20px}.akcii__item a{font-size:14px}.akcii__item p.slider_text_p_one{margin-top:25px}.akcii__item p.slider_text_p_two_pod{font-size:20px}.content_page_block_posts .post .picher_post{width:290px;height:180px;margin-bottom:20px;margin:auto}.content_page_block_posts .post .post_text{width:100%;margin-top:20px}.content_page_block_posts .post{margin-bottom:30px}.content_page_block_one h1{font-size:22px}.page_navigation .nav_item{width:100%;float:none}.column_posts .column_posts__item{width:100%;margin-bottom:25px}.column_posts{padding-bottom:0}.column_two_text{padding-bottom:20px;padding-top:30px}.page_navigation[col5] .nav_item,.page_navigation[col5] .nav_item:first-child{width:100%}.open_door .open_door_wr .open_door__item{margin-bottom:15px}.open_door{padding-bottom:10px}.page_navigation[col5_last] .nav_item,.page_navigation[col5_last] .nav_item:last-child{width:100%}.mont_block_one .mont_block_one__text h4,.mont_block_two h4{font-size:25px}.mont_block_two .mont_block_two_item{width:100%;padding-right:0}.mont_block_two .mont_block_two_item img{width:90%}.mont_block_two .mont_block_two_item p.title_mont_block_two_item{font-size:18px}.mont_block_two h4{font-size:20px}.mont_block_two{padding-top:30px;padding-bottom:30px}.mont_block_one{margin-top:30px}.vopr a{padding-left:0;background:none;height:auto}.public .public_top .public_top_picher{margin-right:0;float:none;margin-bottom:20px}.public .public_top .public_top_text p,.public .public_wr .public_content p{font-size:16px}.public .public_wr .public_content .public_posts h4,.public .public_wr .public_content h4{font-size:20px}.public .public_wr .public_content .public_posts .content_page_block_posts .post .picher_post{width:100%;height:190px;float:none;display:block;margin-right:0}.public .public_wr .public_content .public_posts .post_text{width:100%;display:block}.public .public_wr .public_content p{margin-bottom:10px}.public .public_wr .public_content .public_posts h4{margin-bottom:20px;margin-top:30px}.public .public_wr .public_content .public_posts .publick_post_button .prev_post{float:none;width:100%}.public .public_wr .public_content .public_posts .publick_post_button .all_post{margin:auto;margin-top:20px;float:none}.public .public_wr{padding-bottom:30px}.public .public_wr .public_content p.anot{margin-bottom:20px}.page_navigation .nav_item .nav_item_text .nav_item_text_title a{padding-left:10px}.column_two_text_text .column_two_text_text__item{width:100%;padding-right:0;margin-bottom:30px}.column_two_text_text .column_two_text_text__item h4{font-size:23px;margin-bottom:15px}.column_two_text_text .column_two_text_text__item p{font-size:16px}.column_two_text_text{padding-bottom:20px}.column_two_text .column_two_left p{font-size:16px}.window_nav .window_nav_left,.window_nav .window_nav_right{width:100%}.window_nav .window_nav_left .window_nav_left_item{width:50%;border-right:1px solid #e0e4e5;border-bottom:1px solid #e0e4e5}.window_nav .window_nav_left .window_nav_left_item .window_nav_left_title p span{font-size:11px}.content_page_block_two_block_video,.content_page_block_two_block_video p{margin-top:0}.content_page_block_two_block_three .content_page_block_two_block_three_left{padding-right:0}.block_sertifikat{padding-top:30px;padding-bottom:30px}.solar_top .solar_top_wr .solar_top_picher{width:100%!important;background-position:right -70px center!important;background-size:300px!important;height:340px!important}.solar_top_picher_text{display:none}.solar_top{position:relative}.solar_top .solar_top_wr .solar_top_text .solar_top_text_icon{display:none}.solar_top .solar_top_wr .solar_top_text{position:absolute;top:40px;left:30px;width:320px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr p{float:none;margin-bottom:10px}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr a{float:none}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price a.solar_top_text_price__link{padding-left:25px;padding-right:25px}.solar_top{height:420px}.solar_picher_block_three img.img_p_three{display:none}.img_p_three_mobil{display:block;width:300px;margin:auto;height:auto}.img_p_three_mobil_mobil_num{display:block;padding-left:20px;padding-right:20px;box-sizing:border-box;overflow:hidden;margin-bottom:30px}.img_p_three_mobil_mobil_num .img_p_three_mobil_mobil_num__item{width:100%;overflow:hidden;margin-bottom:15px}.img_p_three_mobil_mobil_num .item__n{width:30px;height:30px;border:2px solid #eb071e;box-sizing:border-box;display:inline-block;margin-right:15px;text-align:center;line-height:28px;border-radius:50px;vertical-align:top}.img_p_three_mobil_mobil_num p{display:inline-block;font-size:13px;width:200px}.img_p_three_mobil_mobil_num__item{display:block;width:100%;vertical-align:top}.solar_form .solar_form_input input{width:160px;height:40px}.solar_form .solar_form_button button{width:180px;height:40px;font-size:13px}.solar_picher_block_four .solar_picher_block_four_right{width:100%;height:auto;float:none}.solar_top,.solar_top .solar_top_wr .solar_top_text{height:auto}.mobil_icon_solar{display:block;padding:25px 20px;box-sizing:border-box}.mobil_icon_solar .solar_top_text_icon{width:100%;overflow:hidden}.mobil_icon_solar .solar_top_text_icon .solar_top_text_icon__item{width:49%;vertical-align:top;margin-bottom:25px;display:inline-block;overflow:hidden}.mobil_icon_solar .solar_top_text_icon .solar_top_text_icon__item p span{float:left;width:50px;margin-right:15px}.akcia_top .wrap p.slider_text_p_one{margin-top:30px}.akcia_block_two img.akc_img{display:none}.akcii__item{height:auto}.footer_center{display:none}}@media (max-width:500px){.solar_top .solar_top_wr .solar_top_text .solar_top_text_price a.solar_top_text_price__link{margin-top:170px;width:270px}.solar_top .solar_top_wr{height:420px}.solar_top{background-size:contain!important}.solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr a{width:90px;display:block}.solar_top .mobil_zakaz{margin-top:30px}.solar_top .solar_top_wr .solar_top_picher{background-position:right 30px center!important;background-size:150px!important;height:280px}.solar_top .solar_top_wr .solar_top_text{top:20px;left:60px}.mobil_icon_solar .solar_top_text_icon .solar_top_text_icon__item p{font-size:13px}.mobil_icon_solar .solar_top_text_icon .solar_top_text_icon__item p span{margin-right:10px}}@media (max-width:580px){.solar_form .solar_form_input{width:100%;display:block;float:none}.solar_form .solar_form_input input{width:100%;margin-right:0;overflow:hidden;margin-bottom:15px}.solar_form .solar_form_button{width:100%;display:block;float:none;overflow:hidden}.solar_form .solar_form_button button{width:290px;display:block;margin:auto}}@media (max-width:440px){.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr p.solar_picher_block_one_p1 span{width:150px}.solar_picher_block_two .solar_picher_block_two_picher{width:100%}.mobil_icon_solar .solar_top_text_icon .solar_top_text_icon__item p span{display:block;float:none;height:55px}}@media (max-width:390px){.solar_top .solar_top_wr .solar_top_picher{background-position:right 0px center!important;background-size:220px!important;height:280px}.solar_top .solar_top_wr .solar_top_text{top:20px;left:20px}}@media (max-width:370px){.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr{padding-left:71px}.solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr p.solar_picher_block_one_p1 span{width:100px}}@media (-ms-high-contrast:none),screen and (-ms-high-contrast:active){.top .logo{margin-right:60px}} .solar_top .solar_top_wr .solar_top_picher .solar_top_picher_text h1 { font-weight: 900; color: #606060; font-size: 37px; text-transform: uppercase; } .solar_top .solar_top_wr .solar_top_picher .solar_top_picher_text span { display: block; font-size: 17px; font-weight: 400; color: #eb071e; text-transform: uppercase; } .nameSity { text-decoration: none; } .nameSity:hover { text-decoration: underline; } .bx-core-popup-menu-item-text { color: #9ca4b2 !important; } .wrap p.slider_text_p_one_t { font-size: 60px; color: #eb071e; width: 670px; } @media (max-width: 1290px) { .akc_img_back { background: none !important; } } /* End */ /* Start:/local/templates/okna_new/css/kpi.css?1748356092144560*/ /*** Settings ***/ button, input, select, textarea { margin: 0; padding: 0; border: none; outline: none; background: none; -webkit-box-shadow: none; box-shadow: none; } button, select { cursor: pointer; } input[type=checkbox] { cursor: pointer; } input[type=radio] { cursor: pointer; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-family: inherit; font-size: 100%; vertical-align: baseline; } body { line-height: 1; color: #000; background: #fff; } ol, ul { list-style: none; } table { border-collapse: separate; border-spacing: 0; vertical-align: middle; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } a img { border: none; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main { margin: 0; padding: 0; border: 0; outline: 0; display: block; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]), [hidden] { display: none; } b, strong, i, em, ins { font-style: normal; font-weight: normal; } button, input { border-radius: 0; background: none; -webkit-box-shadow: none; box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /*** //Settings ***/ /*** Fonts ***/ @font-face { font-family: "SFProDisplay"; font-style: normal; font-weight: 400; src: url("/local/templates/okna_new/css/../fonts/SFProDisplay-Regular.woff") format("woff"); } @font-face { font-family: "SFProDisplay"; font-style: normal; font-weight: bold; src: url("/local/templates/okna_new/css/../fonts/SFProDisplay-Semibold.woff") format("woff"); } @font-face { font-family: "SFProDisplay"; font-style: normal; font-weight: 900; src: url("/local/templates/okna_new/css/../fonts/SFProDisplay-Bold.woff") format("woff"); } /*** //Fonts ***/ /*** Base ***/ body { font-family: "SFProDisplay"; font-size: 16px; color: #1f1d1d; line-height: 1.4; cursor: default; } .page { position: relative; padding-bottom: 95px; } .page-content { padding-top: 100px; } .page-overflow { overflow: hidden; } .page-inner { margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; } .page-inner--relative { position: relative; } .page-inner--w1 { max-width: 100%; } .page-inner--w2 { max-width: 1610px; } .page-inner--w3 { max-width: 820px; } .page-inner--w4 { max-width: 740px; } .page-inner--w5 { max-width: 500px; } .page-section { margin: 150px 0; } .page-section .page-section-title { margin-bottom: 30px; } .page-section .products { margin-bottom: -150px; } .page-section--top { margin-top: 0; } .page-notification .page-content { padding-top: 0; } .gray-bg:before, .black-bg:before, .dark-bg:before, .white-bg:before, .gray-bg:after, .black-bg:after, .dark-bg:after, .white-bg:after { content: ""; display: block; width: 100%; height: 1px; } .gray-bg.rounded, .black-bg.rounded, .dark-bg.rounded, .white-bg.rounded { border-radius: 10px; } .white-bg { background-color: #fff; } .dark-bg { background-color: #e8e8e8; } .gray-bg { background-color: #f9f9f9; } .black-bg { background-color: #312e2e; } .gray-border { border: 1px solid #e8e8e8; border-radius: 10px; } /*** //Base ***/ /*** Header ***/ .page-header { position: relative; padding: 12px 0; border-bottom: 1px solid #e8e8e8; } .header-logo { display: block; text-decoration: none; } .header-logo img { display: block; } .header-row-inner { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .header-row-inner .header-col--centered { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .header-toolbar { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .header-toolbar .btn { min-width: 190px; padding-left: 30px; padding-right: 30px; } .header-toolbar .header-contacts { margin-right: 30px; text-align: right; } .header-toolbar .header-contacts .header-contacts-phone { font-weight: bold; } .header-toolbar .header-contacts .header-location { padding-top: 3px; } .main-menu { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .main-menu .main-menu-item { margin-right: 40px; display: block; padding: 10px 0; text-transform: uppercase; font-size: 14px; font-weight: bold; color: #1f1d1d; text-decoration: none; -webkit-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .main-menu .main-menu-item:hover, .main-menu .main-menu-item.active { color: #666; } .main-menu .main-menu-item:last-child { margin-right: 0; } .header-search-btn { margin-left: 40px; display: block; width: 24px; height: 24px; background: url("/local/templates/okna_new/css/../svg/loupe.svg") no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; cursor: pointer; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .header-search-btn:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .header-search-btn:active { opacity: 1; -ms-filter: none; filter: none; } .header-search { position: fixed; left: 0; top: 93px; z-index: 2000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: none; width: 100%; height: calc(100vh - 93px); padding: 100px 0 0 0; background-color: #fff; } .header-search .header-search-inner { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); -webkit-transition: 0.4s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.4s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.4s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.4s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.4s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.4s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.4s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.4s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.4s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.4s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .header-search .header-search-form { margin-bottom: 30px; position: relative; } .header-search .header-search-form .header-search-form-input { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding: 12px 0; border-bottom: 1px solid #1f1d1d; font-family: SFProDisplay; font-size: 54px; line-height: 120%; color: #1f1d1d; font-weight: bold; } .header-search .header-search-form .header-search-form-input::placeholder { color: #e8e8e8; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .header-search .header-search-form .header-search-form-input:hover::placeholder, .header-search .header-search-form .header-search-form-input:focus::placeholder { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .header-search .header-search-form .header-search-form-submit { position: absolute; right: 0; top: 13px; width: 64px; height: 64px; opacity: 0.2; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; filter: alpha(opacity=20); -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .header-search .header-search-form .header-search-form-submit img { display: block; width: 100%; } .header-search .header-search-form .header-search-form-submit:hover { opacity: 1; -ms-filter: none; filter: none; } .header-search .header-search-suggestions { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: baseline; -moz-box-align: baseline; -o-box-align: baseline; -ms-flex-align: baseline; -webkit-align-items: baseline; align-items: baseline; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .header-search .header-search-suggestions .header-search-suggestions-title { color: #666; font-size: 14px; } .header-search .header-search-suggestions .header-search-suggestions-items { width: calc(100% - 105px); } .header-search .header-search-suggestions .header-search-suggestions-items .header-search-suggestion-item { margin: 0 30px 30px 0; } .header-search.active .header-search-inner { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .header-nav { position: absolute; left: 0; top: 100%; z-index: 5000; display: none; width: 100%; background-color: #fff; border-top: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.2s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.2s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.2s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.2s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.2s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .header-nav.show { opacity: 1; -ms-filter: none; filter: none; } .header-nav .header-nav-inner { padding: 75px 0 100px 0; } .header-nav .header-nav-items { position: relative; } .header-nav .header-nav-item { display: none; width: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.25s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.25s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.25s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.25s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.25s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .header-nav .header-nav-item.show { opacity: 1; -ms-filter: none; filter: none; } .header-nav .header-nav-item.removed { position: absolute; top: 0; left: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .header-nav .header-nav-item.removed-all { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .nav-menu .nav-menu-col-block { margin-bottom: 30px; padding-right: 25%; } .nav-menu .nav-menu-item { margin-bottom: 15px; } .nav-menu .nav-menu-item.h3 { margin-bottom: 30px; } .nav-block-banner { display: block; text-decoration: none; } .nav-block-banner .nav-block-banner-photo-holder { margin-bottom: 10px; } .nav-block-banner .nav-block-banner-photo-holder img { display: block; width: 100%; } /*** //Header ***/ /*** Home ***/ .page-home .page-content { padding-top: 0; } .catalog-nav { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .catalog-nav .catalog-nav-content { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 45%; padding: 60px 0; } .catalog-nav .catalog-nav-note { margin-bottom: 30px; font-size: 14px; text-transform: uppercase; } .catalog-nav .catalog-nav-description { margin-bottom: 50px; } .catalog-nav .catalog-nav-menu .catalog-nav-menu-items { margin-bottom: -30px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .catalog-nav .catalog-nav-menu .catalog-nav-menu-item { position: relative; margin-bottom: 30px; width: 47.5%; } .catalog-nav .catalog-nav-menu .catalog-nav-menu-item .catalog-nav-menu-item-note { position: absolute; top: -5px; padding-left: 2px; color: #eb071e; font-size: 14px; line-height: 1; font-weight: normal; text-transform: uppercase; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px); transform: translateY(-10px); -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .catalog-nav .catalog-nav-menu .catalog-nav-menu-item:hover .catalog-nav-menu-item-note { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .catalog-nav .catalog-nav-media { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } .catalog-nav .catalog-nav-media:before { content: ""; display: block; padding-top: 89%; } .catalog-nav .catalog-nav-media .catalog-nav-media-bg { z-index: 10; } .catalog-nav .catalog-nav-media .catalog-nav-media-banners { position: absolute; z-index: 20; bottom: 50px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); width: 45%; min-width: 500px; background-color: #fff; border-radius: 10px; } .catalog-nav .catalog-nav-media .catalog-nav-media-banners .catalog-nav-media-banner { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; text-decoration: none; color: #1f1d1d; } .catalog-nav .catalog-nav-media .catalog-nav-media-banners .catalog-nav-media-banner .catalog-nav-media-banner-note { margin-bottom: 10px; font-size: 14px; text-transform: uppercase; } .catalog-nav .catalog-nav-media .catalog-nav-media-banners .catalog-nav-media-banner .catalog-nav-media-banner-title { margin-bottom: 10px; } .catalog-nav--top .catalog-nav-title { margin-bottom: 100px; } .catalog-nav--top .catalog-nav-menu { margin-bottom: 100px; } .catalog-nav--top .catalog-nav-menu .catalog-nav-menu-items { margin-bottom: -50px; } .catalog-nav--top .catalog-nav-menu .catalog-nav-menu-item { margin-bottom: 50px; } .catalog-nav--top .btn--large { padding-left: 90px; padding-right: 90px; } .catalog-nav--recs { overflow: hidden; background-color: #fff; border-radius: 10px; } .catalog-nav--recs .catalog-nav-content { padding: 80px; } .catalog-nav--recs .catalog-nav-title { margin-bottom: 10px; } .catalog-nav--recs .catalog-nav-menu { margin-bottom: 50px; } .catalog-nav--recs .btn--medium { min-width: 175px; } .catalog-nav--popular .catalog-nav-note { margin-bottom: 50px; } .catalog-nav--popular .catalog-nav-content { padding: 120px 10%; width: 50%; } .catalog-nav--popular .catalog-nav-menu .catalog-nav-menu-items { display: block; } .catalog-nav--popular .catalog-nav-menu .catalog-nav-menu-item { margin-bottom: 50px; width: 100%; } .articles-promo { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .articles-promo .articles-promo-col--large { width: calc(57% - 10px); } .articles-promo .articles-promo-col--small { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: calc(43% - 10px); } .article-promo-item { position: relative; display: block; width: 100%; border-radius: 10px; } .article-promo-item .article-promo-item-type { margin-bottom: 10px; font-size: 14px; text-transform: uppercase; } .article-promo-item:before { content: ""; display: block; width: 100%; } .article-promo-item .article-promo-item-inner { position: absolute; left: 0; top: 0; z-index: 20; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; height: 100%; padding: 40px 30px; } .article-promo-item--large { color: #fff; } .article-promo-item--large:before { padding-top: 68%; } .article-promo-item--large .article-promo-item-inner { top: auto; bottom: 0; height: auto; } .article-promo-item--large img { -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .article-promo-item--large:hover img { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .article-promo-item--medium { height: calc(50% - 10px); background-color: #ebe8e6; color: #1f1d1d; -webkit-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .article-promo-item--medium .article-promo-item-inner { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .article-promo-item--medium:hover { background-color: rgba(235,232,230,0.8); } /*** //Home ***/ /*** Content ***/ .page-breadcrumbs { margin-bottom: 20px; } .page-breadcrumbs .page-breadcrumb-item { margin-right: 15px; font-size: 14px; } .page-breadcrumbs .page-breadcrumb-item:last-child { margin-right: 0; } .page-heading { margin-bottom: 30px; } .page-heading + .page-section { margin-top: 0; } .page-heading .page-heading-title { margin-bottom: 20px; } .page-heading .page-heading-title:last-child { margin-bottom: 0; } .page-heading .page-heading-title a.link--black_border { border-bottom-width: 4px; } .page-heading .page-heading-toolbar { margin-bottom: 40px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .page-heading .page-heading-toolbar .page-heading-toolbar-item { margin-right: 40px; } .page-heading .page-heading-toolbar .page-heading-toolbar-item:last-child { margin-right: 0; } .page-heading .page-heading-img { display: block; overflow: hidden; border-radius: 10px; } .page-heading .page-heading-img img { display: block; max-width: 100%; height: auto; } .content-filter { margin-bottom: 60px; } .content-filter .content-filter-item { position: relative; margin-right: 50px; } .content-filter .content-filter-item .content-filter-item-count { position: absolute; right: 0; top: -7px; -webkit-transform: translate(100%, 5px); -moz-transform: translate(100%, 5px); -o-transform: translate(100%, 5px); -ms-transform: translate(100%, 5px); transform: translate(100%, 5px); display: inline-block; color: #eb071e; font-size: 14px; line-height: 1px; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .content-filter .content-filter-item:last-child { margin-right: 0; } .content-filter .content-filter-item:hover .content-filter-item-count, .content-filter .content-filter-item.active .content-filter-item-count { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translate(100%, 0); -moz-transform: translate(100%, 0); -o-transform: translate(100%, 0); -ms-transform: translate(100%, 0); transform: translate(100%, 0); } .cover, .contain { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-position: center; } .cover { object-fit: cover; } .contain { object-fit: contain; } .page-text { font-size: 21px; } .page-text small, .page-text .small { display: block; font-size: 14px; } .page-text blockquote { margin: 70px 0; padding: 60px 90px; background-color: #ebe8e6; border-radius: 10px; } .page-text img.rounded { display: block; max-width: 100%; height: auto; border-radius: 10px; } .page-text figure { margin-bottom: 100px; display: block; } .page-text figure img { margin-bottom: 20px; display: block; width: 100%; height: auto; } .page-text figure figcaption p { margin-bottom: 10px; } .page-text figure figcaption p:last-child { margin-bottom: 0; } .page-text a:not([class]):not([href^="tel:"]) { border-bottom: 1px solid #1f1d1d; text-decoration: none; color: #1f1d1d; -webkit-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .page-text a:not([class]):not([href^="tel:"]):hover, .page-text a:not([class]):not([href^="tel:"]):focus { border-bottom-color: #666; color: #666; } .page-text ul { margin: 0 0 70px 20px; list-style: decimal; } .page-text ul li { margin-bottom: 20px; } .page-text ul li:last-child { margin-bottom: 0; } .page-text ol { list-style: decimal; font-weight: bold; } .page-text ol li { margin-bottom: 30px; padding-left: 30px; } .page-text ol li:last-child { margin-bottom: 0; } .page-text p { margin-bottom: 40px; } .page-text p > img { margin: 50px 0; display: block; width: 100%; height: auto; border-radius: 10px; } .page-text p:last-child { margin-bottom: 0; } .page-text p.small { margin-bottom: 20px; } .page-text p.small:last-child { margin-bottom: 0; } .page-text img { max-width: 100%; height: auto; } .page-text .white, .white { color: #fff; } .page-text .white a:not([class]):not([href^="tel:"]), .white a:not([class]):not([href^="tel:"]) { border-bottom-color: #fff; color: #fff; } .page-text .super, .super { font-size: 74px; line-height: 88px; font-weight: bold; } .page-text h1, .h1 { font-weight: bold; font-size: 54px; line-height: 64px; } .page-text h1 { margin-bottom: 40px; } .page-text .h1 { margin-bottom: 20px; } .page-text .h1:last-child { margin-bottom: 0; } .page-text h2, .h2 { font-size: 34px; line-height: 40px; } .page-text h2 { margin: 100px 0 30px 0; } .page-text h2:first-child { margin-top: 0; } .page-text h2:last-child { margin-bottom: 0; } .page-text .h2 { margin-bottom: 20px; } .page-text h3, .h3 { font-size: 21px; line-height: 28px; } .page-text h3 { margin: 100px 0 20px 0; } .page-text h3:first-child { margin-top: 0; } .page-text h3:last-child { margin-bottom: 0; } .page-text h3 + p > img { margin-top: 0; } .page-text .h3 { margin: 30px 0 20px 0; } .page-text--small { font-size: 16px; } .page-text--small p { margin-bottom: 15px; } b, strong { font-weight: bold; } u { text-decoration: underline; } .centered { text-align: center; } .right { text-align: right; } .inline-image { padding: 30px; text-align: center; } .inline-image img { margin: 0 auto; display: block; max-width: 100%; height: auto; } .white { color: #fff; } .red { color: #eb071e; } a[href^='tel:'] { color: inherit; text-decoration: none; white-space: nowrap; } .gray-block { padding: 80px; background-color: #ebe8e6; border-radius: 20px; } .gray-block--small { padding: 20px 40px; border-radius: 10px; } .light-block { padding: 80px; background-color: #f9f9f9; border-radius: 10px; } .social .social-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .social .social-items .social-item { margin-right: 35px; display: block; width: 34px; height: 34px; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .social .social-items .social-item:last-child { margin-right: 0; } .social .social-items .social-item img { display: block; width: 100%; } .social .social-items .social-item:hover, .social .social-items .social-item:focus { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .social .social-items .social-item:active { opacity: 1; -ms-filter: none; filter: none; } .how-choose { height: 600px; background: url("/local/templates/okna_new/css/../dummy/how_bg.png") no-repeat center bottom; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .how-choose .page-inner { height: 100%; } .how-choose .how-choose-inner { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 70px 0; height: 100%; } .how-choose .how-choose-inner .btn-holder { position: absolute; left: 0; bottom: 60px; width: 100%; } .question { margin: 150px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 80px 100px; background-color: #ebe8e6; border-radius: 10px; font-size: 21px; } .question .question-block { height: 100%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .question .question-block .question-workhours { padding: 12px 0; } .question .question-block .question-phone { margin-bottom: 50px; } .stars { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .stars .star-item { margin: 0 2px; display: block; width: 14px; height: 14px; background: url("/local/templates/okna_new/css/../svg/icon_star_gray.svg") no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .stars .star-item.active { background-image: url("/local/templates/okna_new/css/../svg/icon_star_black.svg"); } .stars .star-item.half { background-image: url("/local/templates/okna_new/css/../svg/icon_star_half.svg"); -webkit-background-size: 15px 15px; -moz-background-size: 15px 15px; background-size: 15px 15px; } .stars--large .star-item { margin: 0 3px; width: 24px; height: 24px; } .stars--large .star-item.half { -webkit-background-size: 26px 26px; -moz-background-size: 26px 26px; background-size: 26px 26px; } .features { margin-top: 40px; } .features .features-items { margin-bottom: -50px; } .features .feature-item { position: relative; margin-bottom: 50px; overflow: hidden; border-radius: 10px; background-color: #ebe8e6; } .features .feature-item:before { content: ""; display: block; padding-top: 105%; } .features .slick-slide .feature-item { margin: 0 10px; } .features .feature-item-inner { position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 100%; padding: 70px 40px 60px 40px; } ins { text-decoration: none; } .video { position: relative; margin-bottom: 80px; border-radius: 10px; } .video--black_bg:after { content: ""; position: absolute; left: -100%; top: 0; z-index: -1; display: block; width: 1000%; height: 50%; background-color: #312e2e; } .video iframe { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); object-fit: contain; object-position: center; } .video:before { content: ""; display: block; padding-top: 45%; } .video .video-title { position: absolute; z-index: 20; left: 50px; bottom: 80px; width: 45%; color: #fff; } .video .video-play { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 20; display: block; width: 150px; height: 150px; border-radius: 50%; background-color: #fff; cursor: pointer; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .video .video-play:before { content: ""; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 24px solid #1f1d1d; } .video .video-play:hover { opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); } .video img { border-radius: 10px; } .video.play .video-title, .video.play .video-play { display: none; } .video.play iframe { opacity: 1; -ms-filter: none; filter: none; } .video--title_top .video-title { bottom: auto; top: 80px; } .slick-slider .slick-arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 40px; height: 40px; padding: 0; overflow: hidden; background: no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; text-indent: -9999px; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .slick-slider .slick-arrow:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .slick-slider .slick-arrow.slick-disabled { display: none; } .slick-slider .slick-arrow.slick-prev { left: -60px; background-image: url("/local/templates/okna_new/css/../svg/slide_left.svg"); } .slick-slider .slick-arrow.slick-next { right: -60px; background-image: url("/local/templates/okna_new/css/../svg/slide_right.svg"); } .slick-slider .slick-dots { position: absolute; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: 100%; padding: 20px 0; } .slick-slider .slick-dots li { margin: 0 10px; } .slick-slider .slick-dots li button { display: block; width: 5px; height: 5px; border-radius: 50%; background-color: #fff; text-indent: -9999px; -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .slick-slider .slick-dots li:hover button { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .slick-slider .slick-dots li.slick-active button { -webkit-transform: scale(2.1); -moz-transform: scale(2.1); -o-transform: scale(2.1); -ms-transform: scale(2.1); transform: scale(2.1); } .steps-items { margin-bottom: -20px; } .step-item { position: relative; margin-bottom: 20px; overflow: hidden; border-radius: 10px; } .step-item:before { content: ""; display: block; width: 100%; padding-top: 100%; } .step-item:after { content: ""; position: absolute; top: 30px; right: 30px; display: block; width: 50px; height: 50px; background: no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .step-item .step-item-inner { position: absolute; left: 0; top: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; height: 100%; padding: 30px 30px 40px 30px; } .step-item--simple { background-color: #fff; } .step-item--simple:after { background-image: url("/local/templates/okna_new/css/../svg/step_arr.svg"); } .step-item--final { background-color: #eb071e; color: #fff; } .step-item--final:after { border-radius: 50%; background-color: #fff; background-image: url("/local/templates/okna_new/css/../svg/step_check.svg"); -webkit-background-size: 24px 14px; -moz-background-size: 24px 14px; background-size: 24px 14px; } /*** //Content ***/ /*** Buttons and links ***/ .btn-holder { margin-top: 50px; text-align: center; } .btn { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: auto; text-decoration: none; font-family: "SFProDisplay"; text-align: center; cursor: pointer; white-space: nowrap; -webkit-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .btn--small { margin: 0 10px 10px 0; height: 30px; padding: 0 18px; border-radius: 25px; font-size: 14px; line-height: 28px; } .btn--medium { min-width: 255px; height: 50px; padding: 0 50px; border-radius: 30px; font-size: 16px; line-height: 48px; } .btn--large { min-width: 255px; height: 80px; padding: 0 50px; border-radius: 60px; font-size: 21px; line-height: 78px; } .btn--fullwidth { width: 100%; } .btn--gray { min-width: 0; padding: 0 29px; border: 1px solid #ebe8e6; color: #1f1d1d; -webkit-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .btn--gray:hover { border-color: #1f1d1d; } .btn--gray:active { border-color: #ebe8e6; } .btn--white { border: 2px solid #fff; color: #fff; -webkit-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .btn--white:hover { border-color: #666; color: #666; } .btn--white:active { border-color: #fff; color: #fff; } .btn--black { border: 2px solid #1f1d1d; color: #1f1d1d; -webkit-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .btn--black.btn--small { border-width: 1px; } .btn--black:hover, .form-file:hover .btn--black { border-color: #666; } .btn--black:active, .form-file:active .btn--black { border-color: #1f1d1d; } .btn--black.active { background-color: #1f1d1d; color: #fff; } .btn--black_bg { color: #fff; background-color: #1f1d1d; } .btn--black_bg:hover { background-color: #666; } .btn--black_bg:active { background-color: #1f1d1d; } .btn--red { background-color: #eb071e; color: #fff; } .btn--red:hover, .btn--red:focus { background-color: #d9081d; } .btn--red:active { background-color: #c2091c; } .link { text-decoration: none; color: inherit; cursor: pointer; font-family: "SFProDisplay"; cursor: pointer; -webkit-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .link--location { position: relative; padding-right: 12px; cursor: pointer; -webkit-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .link--location:after { content: ""; position: absolute; right: 0; top: 8px; display: block; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #1f1d1d; -webkit-transition: 0.3s border-top-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s border-top-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s border-top-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s border-top-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s border-top-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .link--location:hover { color: #666; } .link--location:hover:after { border-top-color: #666; } .link--gray { color: #666; } .link--gray:hover, .link--gray:focus, .link--gray.active { color: #1f1d1d; } .link--gray:active { color: #666; } .link--black { color: #1f1d1d; } .link--black:hover, .link--black:focus, .link--black.active { color: #666; } .link--black:active { color: #1f1d1d; } .link--black_red { color: #1f1d1d; } .link--black_red:hover, .link--black_red:focus, .link--black_red.active { color: #eb071e; } .link--black_red:active { color: #1f1d1d; } .link--black_border { border-bottom: 1px solid #1f1d1d; color: #1f1d1d; } .link--black_border:hover, .link--black_border:focus, .link--black_border.active { border-bottom-color: #666; color: #666; } .link--black_border:active { border-bottom-color: #1f1d1d; color: #1f1d1d; } .link--white { color: #fff; } .link--white:hover, .link--white:focus, .link--white.active { color: #666; } .link--white:active { color: #fff; } .link--white_border { border-bottom: 1px solid #fff; color: #fff; } .link--white_border:hover, .link--white_border:focus, .link--white_border.active { border-bottom-color: #666; color: #666; } .link--white_border:active { border-bottom-color: #fff; color: #fff; } .link--block { margin-top: -1px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 100%; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; padding: 40px 0; border-top: 1px solid #989595; border-bottom: 1px solid #989595; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .link--block:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .link--icon { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; max-width: 300px; font-size: 16px; font-weight: bold; color: #1f1d1d; } .link--icon:before { content: ""; margin-right: 20px; display: block; width: 50px; height: 50px; background-color: #ebe8e6; border-radius: 10px; } .link--icon img { position: absolute; left: 25px; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; } .link--icon span { width: calc(100% - 70px); } .link--icon:hover { color: #666; } .link--icon:active { color: #1f1d1d; } .pager { margin: 100px 0 150px 0; font-size: 14px; } .pager .pager-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .pager .pager-item { display: block; } .pager .pager-item--text:first-child { margin-right: 10px; } .pager .pager-item--text:last-child { margin-left: 10px; } .pager .pager-item--num { width: 34px; height: 34px; border-radius: 50%; background-color: #fff; text-align: center; line-height: 34px; text-decoration: none; color: inherit; -webkit-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .pager .pager-item--num:hover { background-color: #121212; color: #fff; } .pager .pager-item--num.active { font-weight: bold; } /*** //Buttons and links ***/ /*** Forms ***/ .form-row { margin-bottom: 20px; } .form-row:last-child { margin-bottom: 0; } .form-phone { padding-top: 30px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .form-title { margin-bottom: 30px; } .form-description { margin-bottom: 30px; } .form-label { margin-bottom: 5px; display: block; cursor: pointer; } .form-fields--inline { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .form-fields--inline .form-row { width: 31.7%; } .form-fields--inline .form-row--submit { margin-top: 27px; } .form-fields--inline .form-row--submit .btn { height: 40px; line-height: 38px; } .form-fields--inline .form-policy { font-size: 12px; } .form-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; font-family: "SFProDisplay"; font-weight: normal; font-size: 16px; line-height: 20px; } .form-item--text, .form-item--textarea { padding: 9px 15px; border: 1px solid #e8e8e8; background-color: #fff; -webkit-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .form-item--textarea { min-height: 90px; resize: none; } .form-item::placeholder { font-size: 16px; line-height: 20px; color: #989595; -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .form-item:hover, .form-item:focus { border-color: #a7a7a7; } .form-item:hover::placeholder, .form-item:focus::placeholder { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .form-item--error { border-color: #f00 !important; } span.form-item--error { padding: 2px 0 0 0; font-size: 13px; line-height: 16px; color: #f00; } .form-policy { margin-top: 10px; font-size: 14px; color: #666; } .form-policy a { border-bottom: 1px solid #666; color: #666; text-decoration: none; -webkit-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s border-bottom-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .form-policy a:hover, .form-policy a:focus { border-bottom-color: #1f1d1d; color: #1f1d1d; } .form-policy a:active { border-bottom-color: #666; color: #666; } .jcf-select { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 11px 35px 11px 15px; border: 1px solid #e8e8e8; background-color: #fff; font-size: 16px; line-height: 1; color: #1f1d1d; cursor: pointer; -webkit-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .jcf-select:hover { border-color: #a7a7a7; } .jcf-select .jcf-select-opener { position: absolute; right: 7px; top: 7px; display: block; width: 24px; height: 24px; background: url("/local/templates/okna_new/css/../svg/form_select.svg") no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .jcf-select.jcf-drop-active { border-color: #a7a7a7; border-bottom-color: #fff; } .jcf-select.jcf-drop-active .jcf-select-opener { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .jcf-select.jcf-select-form-item--select_small { border-color: transparent; font-size: 12px; -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none; } .jcf-select.jcf-select-form-item--select_small .jcf-select-opener { width: 12px; height: 7px; } .jcf-select.jcf-select-form-item--select_small.jcf-drop-active { border-color: #a7a7a7; } .jcf-select-drop { z-index: 100; margin-top: -3px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; background-color: #fff; border: 1px solid #a7a7a7; border-top: none; font-size: 16px; line-height: 1; color: #000; } .jcf-select-drop .jcf-option { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 8px 17px; cursor: pointer; -webkit-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .jcf-select-drop .jcf-option.jcf-option-hideme { display: none; } .jcf-select-drop .jcf-option:hover { background-color: #d7d7d7; } .jcf-select-drop.jcf-select-form-item--select_small { font-size: 12px; } .form-row .jcf-select { width: 100%; } .form-file { position: relative; text-align: center; cursor: pointer; } .form-file input[type='file'] { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); cursor: pointer; } .jcf-checkbox { margin-right: 10px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 16px; height: 16px; border: 1px solid #a7a7a7; background-color: #fff; -webkit-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .jcf-checkbox span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 11px; height: 8px; background: url("/local/templates/okna_new/css/../svg/form_checkbox.svg") no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .jcf-checkbox input { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; } .jcf-checkbox.jcf-checked { background-color: #1d1d1d; border-color: #1d1d1d; } .jcf-checkbox.jcf-checked span { opacity: 1; -ms-filter: none; filter: none; } .form-checkbox { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .form-checkbox:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .form-checkbox:active { opacity: 1; -ms-filter: none; filter: none; } .form-checkbox .form-checkbox-title { font-size: 14px; line-height: 1; } .jcf-range { position: relative; display: block; padding: 25px 0; } .jcf-range:after { content: ""; display: block; width: 100%; height: 2px; background-color: #f8f8f8; } .jcf-range .jcf-range-wrapper { display: block; width: 100%; } .jcf-range .jcf-range-display-wrapper { position: relative; display: block; width: 100%; } .jcf-range .jcf-range-display-wrapper .jcf-range-display { position: absolute; display: block; height: 2px; background-color: #1d1d1d; } .jcf-range .jcf-range-track { position: absolute; display: block; width: 100%; } .jcf-range .jcf-range-track .jcf-range-handle { position: absolute; top: -5.5px; margin-left: -6.5px; display: block; width: 13px; height: 13px; background-color: #1d1d1d; border-radius: 50%; cursor: pointer; -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .jcf-range .jcf-range-track .jcf-range-handle:hover { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); transform: scale(1.4); } .jcf-radio { margin-right: 5px; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 16px; min-width: 16px; height: 16px; border: 1px solid #a7a7a7; background-color: #fff; border-radius: 50%; -webkit-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .jcf-radio span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); display: block; width: 7px; height: 7px; border-radius: 50%; background-color: #1d1d1d; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .jcf-radio input { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; } .jcf-radio.jcf-checked { border: 2px solid #1d1d1d; } .jcf-radio.jcf-checked span { opacity: 1; -ms-filter: none; filter: none; } .form-radio { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; cursor: pointer; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .form-radio:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .form-radio:active { opacity: 1; -ms-filter: none; filter: none; } .form-radio:active .jcf-radio { background-color: #a7a7a7; border-color: #a7a7a7; } .form-radio:active .jcf-radio span { opacity: 1; -ms-filter: none; filter: none; } .form-radio.jcf-label-active .form-radio-title { font-weight: bold; } /*** //Forms ***/ /*** Articles ***/ .articles-items { margin-bottom: -80px; } .articles-items.slick-slider { margin-bottom: 0; } .article-item { margin-bottom: 80px; display: block; text-decoration: none; } .article-item.slick-slide { padding: 0 10px; } .article-item .article-item-photo-holder { margin-bottom: 30px; position: relative; display: block; width: 100%; padding-top: 100%; overflow: hidden; border-radius: 10px; text-decoration: none; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .article-item .article-item-photo-holder:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .article-item .article-item-location { margin-bottom: 10px; font-size: 21px; } .article-item .article-item-types { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .article-item .article-item-types .article-item-type { margin-right: 40px; } .article-item .article-item-types .article-item-type:last-child { margin-right: 0; } .article-item .article-item-description { padding-top: 10px; } .articles-items.slider .article-item { margin-bottom: 0; } .articles-items.slider .article-item .article-item-photo-holder { margin-bottom: 20px; } .article .products { margin-bottom: 0; } .article .products .row { -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .article .products + .question { margin-top: 0; } .article-form { margin: 100px 0 40px 0; } .article-footer { padding-top: 40px; border-top: 1px solid #989595; } .article-footer .article-footer-toolbar, .article-footer .article-footer-toolbar-item, .article-footer .article-footer-toolbar-item-content { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .article-footer .article-footer-toolbar { margin-bottom: 20px; } .article-footer .article-footer-toolbar-item { -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .article-footer .article-footer-toolbar-item .article-footer-toolbar-item-title { margin-right: 10px; } .article-footer .article-footer-toolbar-item-content { -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .article-footer .article-footer-toolbar-item-content a.social { margin-right: 20px; display: block; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .article-footer .article-footer-toolbar-item-content a.social:hover, .article-footer .article-footer-toolbar-item-content a.social:focus { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .article-footer .article-footer-toolbar-item-content a.social:last-child { margin-right: 0; } .article-footer .article-footer-toolbar-item-content a.social img { display: block; width: 100%; height: auto; } .article-footer .article-footer-like { text-align: center; } .article-footer .article-footer-like .article-footer-like-title { margin-bottom: 20px; } .article-footer .article-footer-like .article-footer-like-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .article-footer .article-footer-like .article-footer-like-items .article-footer-like-item { margin: 0 15px; display: block; width: 48px; height: 48px; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .article-footer .article-footer-like .article-footer-like-items .article-footer-like-item img { display: block; width: 100%; } .article-footer .article-footer-like .article-footer-like-items .article-footer-like-item:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } /*** //Articles ***/ /*** Services ***/ .service-item { margin-bottom: 80px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: hidden; border-radius: 10px; } .service-item .service-item-photo-holder, .service-item .service-item-content { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } .service-item .service-item-photo-holder { position: relative; } .service-item .service-item-photo-holder:before { content: ''; display: block; width: 100%; padding-top: 92%; } .service-item .service-item-content { padding: 80px 70px; background-color: #ebe8e6; } .service-item .service-item-content .service-item-date { margin-bottom: 150px; } .service-item .service-item-content .service-item-top { margin-bottom: 10px; } .service-item .service-item-content .service-item-title { margin-bottom: 20px; } .service-item .service-item-content .service-item-text { margin-bottom: 60px; } .service-item--small .service-item-photo-holder:before { padding-top: 60%; } /*** //Services ***/ /*** Reviews ***/ .reviews-slider-heading { margin-bottom: 40px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .reviews-slider-heading .reviews-slider-heading-title { margin-right: 25px; } .review-slide-item .review-slide-item-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px; height: 100%; background-color: #ebe8e6; border-radius: 10px; } .review-slide-item .review-slide-item-title { margin-bottom: 30px; } .review-slide-item .review-slide-item-heading { margin-bottom: 10px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .review-slide-item .review-slide-item-heading .review-slide-item-heading-author { margin-right: 20px; } .review-slide-item .review-slide-item-content { margin-bottom: 30px; } .review-slide-item .review-slide-item-footer .review-slide-item-date { margin-right: 20px; } .reviews-heading { margin-bottom: 25px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .reviews-heading .reviews-heading-mark { margin-right: 30px; } .reviews-form { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #989595; } .reviews-form .form-fields--inline .form-row--submit { margin-top: 0; } .review-item { margin-bottom: 100px; font-size: 21px; } .review-item .review-item-heading { margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; color: #666; } .review-item .review-item-heading .review-item-heading-stars { margin-right: 40px; } .review-item .review-item-heading .review-item-heading-author { margin-right: 40px; } .review-item .review-item-heading .review-item-heading-date { margin-right: 40px; } .review-item .review-item-title { margin-bottom: 20px; } .review-item .review-item-text { margin-bottom: 20px; } .review-item .review-item-video { position: relative; overflow: hidden; border-radius: 10px; } .review-item .review-item-video:before { content: ""; display: block; width: 100%; padding-top: 56.3%; } .review-item .review-item-video iframe { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: containt; object-position: cover; } .review-item:last-child { margin-bottom: 0; } .review-item--video .review-item-heading .review-item-heading-author { position: relative; padding-left: 43px; } .review-item--video .review-item-heading .review-item-heading-author:before { content: ""; position: absolute; left: 0; top: -2px; display: block; width: 33px; height: 33px; background: url("/local/templates/okna_new/css/../svg/review_video.svg") no-repeat center center; -webkit-background-size: containt; -moz-background-size: containt; background-size: containt; } /*** //Reviews ***/ /*** CTA ***/ .cta { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; overflow: hidden; border-radius: 10px; } .cta .cta-promo, .cta .cta-form { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } .cta .cta-promo { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; padding: 110px 100px; } .cta .cta-promo:before { content: ""; display: block; padding-top: 100%; } .cta .cta-promo .cta-promo-content { position: relative; z-index: 10; } .cta .cta-form { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; padding: 90px 100px; background-color: #ebe8e6; } .cta .cta-form .cta-form-inner { margin: 0 auto; max-width: 410px; } .cta .cta-form .cta-form-text { margin-bottom: 60px; } .cta--bordered { border: 1px solid #e8e8e8; border-radius: 10px; } .cta--bordered .cta-promo img { left: 10%; top: 10%; width: 80%; height: 80%; object-fit: contain; } .cta--inline .cta-promo { padding: 65px; } .cta--inline .cta-promo:before { display: none; } .cta--inline .cta-promo:after { content: ""; position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: #1e1919; opacity: 0.3; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); } .cta--top .cta-promo { -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } /*** //CTA ***/ /*** Contacts ***/ .contacts-items { margin-top: 100px; } .contact-item { margin-bottom: 150px; font-size: 21px; } .contact-item .contact-item-heading { margin-bottom: 100px; } .contact-item .contact-item-content { margin-bottom: 80px; } .contact-item .contact-item-photos .contact-item-photo { position: relative; padding-top: 74%; overflow: hidden; border-radius: 10px; } .contact-item .contact-item-block .contact-item-block-title { margin-bottom: 40px; } .contact-item .contact-item-block .contact-item-block-content .h2 { margin-bottom: 20px; } .contact-item .contact-item-block .contact-item-block-content .h2:last-child { margin-bottom: 0; } .contact-item:last-child { margin-bottom: 0; } /*** //Contacts ***/ /*** Products ***/ .products { margin: 0; } .products .product-item { position: relative; margin-bottom: 150px; display: block; text-decoration: none; color: #1f1d1d; font-size: 21px; } .products .product-item .product-item-photo-holder { position: relative; margin-bottom: 20px; padding-top: 100%; overflow: hidden; border: 1px solid #e8e8e8; border-radius: 10px; -webkit-transition: border-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: border-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: border-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: border-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: border-color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .products .product-item .product-item-bars { margin-bottom: 20px; width: 80%; } .products .product-item .product-item-bars .product-item-bar { margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 24px; padding-left: 35px; background: no-repeat left center; } .products .product-item .product-item-bars .product-item-bar.price { background-image: url("/local/templates/okna_new/css/../svg/price_icon.svg"); } .products .product-item .product-item-bars .product-item-bar.volume { background-image: url("/local/templates/okna_new/css/../svg/volume_icon.svg"); } .products .product-item .product-item-bars .product-item-bar.temp { background-image: url("/local/templates/okna_new/css/../svg/temp_icon.svg"); } .products .product-item .product-item-bars .product-item-bar .product-item-bar-line { position: relative; width: 100%; height: 4px; background-color: #e8e8e8; } .products .product-item .product-item-bars .product-item-bar .product-item-bar-line .product-item-bar-value { position: absolute; left: 0; top: 0; display: block; height: 100%; background-color: #1f1d1d; } .products .product-item .product-item-content .product-item-title { margin-bottom: 10px; font-weight: bold; } .products .product-item .product-item-content .product-item-text { margin-bottom: 10px; } .products .product-item .product-item-content .product-item-price { margin-bottom: 10px; font-weight: bold; font-size: 16px; } .products .product-item .product-item-content .product-item-price:last-child { margin-bottom: 0; } .products .product-item .product-item-content .product-item-price .old { margin-left: 10px; font-size: 14px; font-weight: normal; text-decoration: line-through; } .products .product-item .product-item-promos { position: absolute; left: 20px; top: 20px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .products .product-item .product-item-promos .product-item-promo { margin-bottom: 5px; display: inline-block; padding: 2px 6px; background-color: #eb071e; border-radius: 10px; font-size: 14px; line-height: 20px; text-align: center; color: #fff; } .products .product-item .product-item-promos .product-item-promo:last-child { margin-bottom: 0; } .products .product-item .product-item-buy { max-width: 100%; min-width: 0; } .products .product-item--banner .product-item-photo-holder { padding-top: 150%; background-color: #f4f4f4; } .products .product-item--banner .product-item-content { text-align: center; } .products .product-item:hover .product-item-photo-holder { border-color: transparent; } .products .slick-slide .product-item { margin: 0 10px; } .products .products-items.slick-slider .slick-arrow { margin-top: -50px; } .products-footer { margin-top: 80px; padding-top: 45px; border-top: 1px solid #e8e8e8; } .colors { padding: 75px 140px; } .colors .colors-title { margin-bottom: 40px; } .colors .colors-block { margin-bottom: 40px; } .colors .colors-block .colors-block-title { margin-bottom: 30px; } .colors .colors-block .colors-block-title b { display: block; } .colors .colors-block:last-child { margin-bottom: 0; } .colors .colors-items { margin-bottom: -30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .colors .colors-items .color-item { margin-bottom: 30px; margin-right: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; height: 52px; padding-right: 35px; border-radius: 25px; border: 1px solid #e8e8e8; background: no-repeat center center; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .colors .colors-items .color-item .color-item-value { margin-right: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 52px; height: 52px; border: 1px solid #e8e8e8; border-radius: 50%; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; } .colors .colors-items .color-item .color-item-title { font-size: 14px; } .colors .colors-items .color-item:last-child { margin-right: 0; } /*** //Products ***/ /*** Card ***/ .product-row { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .product-media { position: sticky; top: 25px; width: 57%; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .product-media .product-media-nav { position: relative; width: 115px; padding: 60px 0; } .product-media .product-media-nav .slick-arrow { left: 37px; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: auto; right: auto; } .product-media .product-media-nav .slick-arrow.slick-prev { top: 0; } .product-media .product-media-nav .slick-arrow.slick-next { bottom: 0; } .product-media .product-media-nav .product-media-nav-item { position: relative; margin: 10px 0; width: 100%; padding-top: 100%; overflow: hidden; border-radius: 10px; cursor: pointer; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .product-media .product-media-nav .product-media-nav-item:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } .product-media .product-media-nav .product-media-nav-item--video:before { content: ""; position: absolute; z-index: 10; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(0,0,0,0.3); } .product-media .product-media-nav .product-media-nav-item--video:after { content: ""; position: absolute; z-index: 20; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 25px solid #fff; } .product-media .product-media-content { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: calc(100% - 135px); border: 1px solid #e8e8e8; border-radius: 10px; } .product-media .product-media-content .product-media-title { position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 0; z-index: 20; padding: 5px 10px; border: 1px solid #e8e8e8; border-radius: 30px; background-color: #fff; font-size: 14px; text-align: center; white-space: nowrap; } .product-media .product-media-content:before { content: ""; display: block; width: 100%; padding-top: 95%; } .product-media .product-media-content .product-photos { position: absolute; z-index: 10; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; } .product-media .product-media-content .product-photos .slick-list, .product-media .product-media-content .product-photos .slick-track { height: 100%; } .product-media .product-media-content .product-photos .product-photo-item { position: relative; height: 100%; } .product-media .product-media-content .product-features { position: absolute; bottom: 40px; z-index: 20; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; width: 100%; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .product-media .product-media-content .product-features .product-feature-item { margin: 10px 30px; font-weight: bold; } .product-promos { position: absolute; left: 50px; top: 50px; z-index: 20; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .product-promos .product-promo-item { margin-bottom: 10px; padding: 5px 10px; background-color: #ebe8e6; border-radius: 30px; font-size: 14px; } .product-promos .product-promo-item:last-child { margin-bottom: 0; } .product-content { width: 39%; } .product-title { margin-bottom: 20px; } .product-price { margin-bottom: 30px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .product-price .product-price-item { margin-right: 50px; } .product-price .product-price-item:last-child { margin-right: 0; } .product-price .product-price-note { margin-top: 10px; max-width: 50%; } .product-actions { margin-bottom: 50px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: end; -moz-box-align: end; -o-box-align: end; -ms-flex-align: end; -webkit-align-items: flex-end; align-items: flex-end; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .product-actions .product-action-item { margin-right: 20px; } .product-params { margin-bottom: 50px; } .product-params .row { margin-bottom: 20px; } .product-params .row:last-child { margin-bottom: 0; } .product-params .row > div:last-child { text-align: right; } .product-params .q { margin-left: 20px; } .product-params .product-param-line { position: relative; margin: 15px 0; width: calc(100% - 70px); height: 7px; background-color: #e8e8e8; } .product-params .product-param-line .product-param-line-track { position: absolute; right: 0; bottom: 0; display: block; height: 32px; border-left: 1px solid #1f1d1d; font-size: 14px; line-height: 1; text-align: left; text-indent: 6px; } .product-params .product-param-line .product-param-line-track:before { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 7px; background-color: #1f1d1d; } .product-params .product-param-line .product-param-line-value { position: absolute; right: -70px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: bold; } .product-description .product-description-title { margin-bottom: 10px; font-weight: bold; } .page-scroll-nav { position: relative; z-index: 100; padding: 20px 0; background-color: #ebe8e6; } .page-scroll-nav .page-scroll-nav-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .page-scroll-nav .page-scroll-nav-items .page-scroll-nav-item { margin-right: 100px; font-weight: 600; text-transform: uppercase; } .page-scroll-nav .page-scroll-nav-items .page-scroll-nav-item:last-child { margin-right: 0; } .scroll-section { position: relative; } .scroll-section .page-scroll-nav { position: sticky; top: 0; } /*** //Card ***/ /*** Catalog toolbar and filter ***/ .catalog-toolbar { margin-top: 100px; margin-bottom: 20px; } .catalog-toolbar .catalog-toolbar-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .h1 + .catalog-toolbar { margin-top: 40px; } .catalog-toolbar-sorter { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; padding: 9px 30px 9px 14px; min-width: 165px; border: 1px solid transparent; cursor: pointer; text-align: left; } .catalog-toolbar-sorter:after { content: ""; position: absolute; right: 4px; top: 8px; display: block; width: 24px; height: 24px; background: url("/local/templates/okna_new/css/../svg/filter_arrow.svg") no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .catalog-toolbar-sorter .catalog-toolbar-sorter-items { position: absolute; z-index: 1000; left: -1px; top: 100%; margin-top: 1px; display: none; width: 100%; border: 1px solid #e1e1e1; border-top: none; background-color: #fff; } .catalog-toolbar-sorter .catalog-toolbar-sorter-items .catalog-toolbar-sorter-item { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 100%; padding: 9px 14px; -webkit-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .catalog-toolbar-sorter .catalog-toolbar-sorter-items .catalog-toolbar-sorter-item:hover { background-color: #e1e1e1; } .catalog-toolbar-sorter.active { border-color: #e1e1e1; } .catalog-toolbar-sorter.active:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .catalog-toolbar-sorter.active .catalog-toolbar-sorter-items { display: block; } .filter { position: relative; z-index: 1000; } .filter-heading { position: relative; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .filter-heading .filter-heading-items { margin-right: 25px; position: relative; top: 1px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .filter-heading .filter-heading-clear { font-size: 14px; line-height: 20px; } .filter-heading .filter-heading-item { position: relative; margin-right: 10px; padding: 10px 27px 10px 10px; border-bottom: 2px solid transparent; font-size: 16px; cursor: pointer; white-space: nowrap; -webkit-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s border-color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .filter-heading .filter-heading-item:after { content: ""; position: absolute; right: 0; top: 9px; display: block; width: 24px; height: 24px; background: url("/local/templates/okna_new/css/../svg/filter_arrow.svg") no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; -webkit-transition: 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .filter-heading .filter-heading-item:before { content: ""; position: absolute; left: 0; top: 14px; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #000; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .filter-heading .filter-heading-item.selected:before { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .filter-heading .filter-heading-item:last-child { margin-right: 0; } .filter-heading .filter-heading-item:hover { border-bottom-color: #1d1d1d; } .filter-heading .filter-heading-item.active { border-bottom-color: #1d1d1d; } .filter-heading .filter-heading-item.active:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .filter-content { position: absolute; z-index: 500; width: 100%; } .filter-content-items { position: relative; } .filter-content-item { position: absolute; top: 0; display: block; height: 0; overflow: hidden; background-color: #fff; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -o-transform: translateY(15px); -ms-transform: translateY(15px); transform: translateY(15px); -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .filter-content-item.active { height: auto; opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .filter-content-item .filter-rows { margin-bottom: -10px; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: 120px; -moz-column-width: 120px; column-width: 120px; -webkit-column-gap: 35px; -moz-column-gap: 35px; column-gap: 35px; } .filter-content-item .filter-rows .filter-row { break-inside: avoid-column; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid-column; } .filter-content-item--fullwidth, .filter-content-item--brands, .filter-content-item--all { width: 100%; } .filter-content-item--fullwidth .filter-content-item-inner, .filter-content-item--brands .filter-content-item-inner, .filter-content-item--all .filter-content-item-inner { max-height: 100%; height: 100%; } .filter-content-item--fullwidth .filter-content-item-inner > .page-inner, .filter-content-item--brands .filter-content-item-inner > .page-inner, .filter-content-item--all .filter-content-item-inner > .page-inner { height: 100%; max-height: 100%; } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; max-height: 100%; height: 100%; } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs { width: 20%; max-height: 100%; height: 100%; } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .scrollable-tabs, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .scrollable-tabs, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .scrollable-tabs { padding-right: 0; max-height: 100%; height: 100%; } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item { margin-bottom: 15px; cursor: pointer; -webkit-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item:last-child, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item:last-child, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item:last-child { margin-bottom: 0; } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item:hover, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item:hover, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item:hover { color: rgba(0,0,0,0.5); } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item.active, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item.active, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-tabs .filter-inner-tab-item.active { font-weight: 600; color: #000; } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content { width: 75%; max-height: 100%; height: 100%; } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content .filter-inner-content-item, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content .filter-inner-content-item, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content .filter-inner-content-item { display: none; max-height: 100%; height: 100%; } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content .filter-inner-content-item.active, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content .filter-inner-content-item.active, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content .filter-inner-content-item.active { display: block; } .filter-content-item--fullwidth .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content .scrollable-content, .filter-content-item--brands .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content .scrollable-content, .filter-content-item--all .filter-content-item-inner .filter-content-item-inner-flex .filter-inner-content .scrollable-content { overflow-x: visible; overflow-y: hidden; padding-bottom: 35px; } .filter-content-item--all.active { height: 350px; } .filter-content-item--brands.active { height: 670px; } .filter-content-item .filter-content-item-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; padding: 20px; border: 1px solid #e1e1e1; } .filter-content-item .filter-content-item-inner .brands-letters { margin: 25px 0; } .filter-content-item .filter-content-item-inner .brands-indexes { margin: 25px 0; } .filter-content-item .filter-content-item-inner .brands-logos { margin-bottom: 25px; } .filter-content-item .filter-content-item-inner .brands-indexes-scroll { overflow: visible; overflow-y: hidden; } .filter-content-item .filter-content-item-inner .brands-indexes-rows { height: 270px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .filter-content-item .filter-content-item-inner .brands-indexes-rows .brands-index-row-items { -webkit-column-width: 200px; -moz-column-width: 200px; column-width: 200px; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .filter-row { margin-bottom: 20px; } .filter-row:last-child { margin-bottom: 0; } .filter-price { max-width: 300px; } .filter-price .filter-price-fields { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .filter-price .filter-price-fields .filter-price-field-item { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; width: 45%; } .filter-price .filter-price-fields .filter-price-field-item .filter-price-field-item-title { margin-right: 10px; font-size: 16px; line-height: 1; } .filter-price .filter-price-fields .filter-price-field-item .filter-price-field { text-align: center; } /*** //Catalog toolbar and filter ***/ /*** Instagram ***/ .instagram-item { position: relative; display: block; padding-top: 100%; text-decoration: none; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .instagram-item:hover { opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); } /*** //Instagram ***/ /*** Footer ***/ .page-footer { padding: 70px 0 45px 0; background-color: #1f1d1d; color: #fff; } .page-footer .footer-bottom { margin-top: 60px; padding-top: 30px; border-top: 1px solid #fff; } .page-footer .footer-bottom .row { margin-bottom: 65px; } .page-footer .footer-bottom .row:last-child { margin-bottom: 0; } .page-footer .footer-docs { text-align: right; } .page-footer .footer-toolbar .footer-toolbar-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .page-footer .footer-menu .footer-menu-item-holder { margin-bottom: 20px; } .page-footer .footer-menu .footer-menu-item-holder:last-child { margin-bottom: 0; } .page-footer .footer-menu .footer-menu-item-holder:first-child { font-weight: bold; } .page-bar { position: fixed; left: 0; bottom: 0; z-index: 1000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 40px 0 36px 0; background-color: #ebe8e6; } .page-bar .page-bar-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .page-bar .page-bar-items .page-bar-item { margin-right: 70px; text-transform: uppercase; font-size: 14px; } .page-bar .page-bar-items .page-bar-item:last-child { margin-right: 0; } /*** //Footer ***/ /*** Tabs ***/ .tabs-content { position: relative; } .tab-content-item { display: none; width: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateX(90%); -moz-transform: translateX(90%); -o-transform: translateX(90%); -ms-transform: translateX(90%); transform: translateX(90%); -webkit-transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .tab-content-item.show { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } .tab-content-item.remove { position: absolute; left: 0; top: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateX(-90%); -moz-transform: translateX(-90%); -o-transform: translateX(-90%); -ms-transform: translateX(-90%); transform: translateX(-90%); } .tab-content-item.active { display: block; } /*** //Tabs ***/ /*** Map ***/ .map { position: relative; width: 100%; } .map > ymaps { position: absolute; left: 0; top: 0; } .map:before { content: ""; display: block; width: 100%; padding-top: 47%; } /*** //Map ***/ /*** Popup ***/ .mfp-bg { background-color: #000; } .mfp-fade.mfp-bg { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mfp-fade.mfp-bg.mfp-ready { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; filter: alpha(opacity=60); } .mfp-fade.mfp-bg.mfp-removing { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mfp-fade.mfp-wrap .mfp-content { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -o-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } .page-popup { position: relative; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; max-width: 525px; padding: 50px 72px; overflow: hidden; background-color: #fff; cursor: default; } .page-popup#location-popup { max-width: 875px; } .page-popup#map-popup { max-width: 875px; } .page-popup .mfp-close { top: 17px; right: 27px; display: block; width: 24px; height: 24px; overflow: hidden; background: url("/local/templates/okna_new/css/../svg/form_close.svg") no-repeat center center; -webkit-background-size: 16px 16px; -moz-background-size: 16px 16px; background-size: 16px 16px; opacity: 1; -ms-filter: none; filter: none; text-indent: -9999px; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .page-popup .mfp-close:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .page-popup .page-popup-heading { margin-bottom: 30px; } .page-popup .page-popup-heading .page-popup-heading-title { margin-bottom: 10px; } .page-popup#map-popup { padding: 0; } .locations-areas { margin-bottom: 30px; } .location-cities { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; } .location-cities .location-city-item { margin-bottom: 10px; } .page-popup-product { margin-bottom: 20px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .page-popup-product .page-popup-product-image { position: relative; width: 40%; overflow: hidden; border: 1px solid #e8e8e8; border-radius: 10px; } .page-popup-product .page-popup-product-image:before { content: ""; display: block; padding-top: 100%; } .page-popup-product .page-popup-product-content { width: 50%; } .page-popup-product .page-popup-product-content .page-popup-product-title { margin-bottom: 10px; font-weight: bold; } .page-popup-product .page-popup-product-content .page-popup-product-price { font-size: 21px; font-weight: bold; } /*** //Popup ***/ /*** Ajax loading ***/ .loaded-item { -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -ms-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .loaded-item--hidden { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(50px); -moz-transform: translateY(50px); -o-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); } .loaded-item--visible { opacity: 1 !important; -ms-filter: none !important; filter: none !important; -webkit-transform: translateY(0) !important; -moz-transform: translateY(0) !important; -o-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important; } /*** //Ajax loading ***/ /*** Tooltips ***/ .q { position: relative; margin-left: 5px; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 20px; height: 20px; border: 2px solid #1f1d1d; border-radius: 50%; font-size: 16px; font-weight: 400; line-height: 18px; text-align: center; cursor: pointer; -webkit-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s background-color cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s color cubic-bezier(0.25, 0.46, 0.45, 0.94); } .q:hover { background-color: #1f1d1d; color: #fff; } .page-tooltips { display: none; } .tooltipster-sidetip .tooltipster-box { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 20px; background: none; border: none; border-radius: 0; border: 1px solid #e1e1e1; background-color: #fff; font-size: 14px; line-height: 20px; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background { top: -1px; border-top-color: #fff; } .tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border { top: 1px; border-top-color: #e1e1e1; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background { top: 1px; border-bottom-color: #fff; } .tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border { top: -1px; border-bottom-color: #e1e1e1; } .tooltipster-sidetip .tooltipster-content { max-width: 200px; padding: 0; overflow: visible; line-height: inherit; color: inherit; } .page-tooltip { display: block; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #e1e1e1; background-color: #fff; } .page-tooltip .page-tooltip-inner { padding: 20px 25px; } /*** //Tooltips ***/ /*** Tabs ***/ .tabs-content { position: relative; } .tab-content-item { display: none; width: 100%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateX(90%); -moz-transform: translateX(90%); -o-transform: translateX(90%); -ms-transform: translateX(90%); transform: translateX(90%); -webkit-transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.5s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.5s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .tab-content-item.show { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .tab-content-item.remove { position: absolute; left: 0; top: 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateX(-90%); -moz-transform: translateX(-90%); -o-transform: translateX(-90%); -ms-transform: translateX(-90%); transform: translateX(-90%); } .tab-content-item.active { display: block; } .prod { margin-top: 30px; } .prod .tabs-heading { margin-bottom: 50px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .prod .tabs-heading .tab-heading-item { margin: 0 25px; } .prod .prod-item { border-radius: 10px; background-color: #f9f9f9; } .prod .prod-item .row .col-md-6 { position: relative; } .prod .prod-item .row .col-md-6:first-child { padding: 80px; } .prod .prod-item .row .col-md-6:last-child:before { content: ""; display: block; width: 100%; padding-top: 78%; } /*** //Tabs ***/ /*** Faq ***/ .faq { margin: 0 0 110px 0; } .faq-title { margin-bottom: 35px; text-align: center; } .faq-item { overflow: hidden; border-top: 1px solid #989595; } .faq-item:last-child { border-bottom: 1px solid #989595; } .faq-item .faq-item-heading { position: relative; padding: 30px 0; cursor: pointer; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .faq-item .faq-item-heading:hover { opacity: 0.7; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); } .faq-item .faq-item-heading .faq-item-heading-toggler { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -1px; display: block; width: 20px; height: 20px; font-size: 24px; line-height: 1; color: #1f1d1d; } .faq-item .faq-item-heading .faq-item-heading-toggler:before, .faq-item .faq-item-heading .faq-item-heading-toggler:after { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; text-align: center; line-height: 20px; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .faq-item .faq-item-heading .faq-item-heading-toggler:before { content: "+"; } .faq-item .faq-item-heading .faq-item-heading-toggler:after { content: "–"; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); line-height: 14px; } .faq-item .faq-item-content { display: none; padding: 10px 0 40px 0; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(25px); -moz-transform: translateY(25px); -o-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); -webkit-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), -ms-transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); } .faq-item .faq-item-content.show { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .faq-item.opened .faq-item-heading .faq-item-heading-toggler:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .faq-item.opened .faq-item-heading .faq-item-heading-toggler:after { opacity: 1; -ms-filter: none; filter: none; } /*** //Faq ***/ .mb-20 { margin-bottom: 20px; } .mb-30 { margin-bottom: 30px; } .mb-40 { margin-bottom: 40px; } .mb-50 { margin-bottom: 50px; } .mt-50 { margin-top: 50px; } .mb-60 { margin-bottom: 60px; } .mb-80 { margin-bottom: 80px; } /* End */ /* Start:/local/templates/okna_new/css/kpi.responsive.css?174835609243885*/ /*** Settings ***/ /*** //Settings ***/ /*** Base ***/ .only-desktop { display: block; } .only-mobile { display: none; } /*** //Base ***/ /*** Header ***/ .header-row--mobile { display: none; } .header-row--mobile .header-logo { display: block; width: 120px; } .header-row--mobile .header-logo img { max-width: 100%; } .header-mobile-search { padding-top: 13px; } .header-mobile-search .header-mobile-search-input { display: block; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 32px; padding: 0 15px 0 45px; line-height: 32px; background: #f4f4f4 url("/local/templates/okna_new/css/../svg/loupe.svg") no-repeat 13px center; -webkit-background-size: 24px 24px; -moz-background-size: 24px 24px; background-size: 24px 24px; border-radius: 38px; font-family: "SFProDisplay"; color: #1f1d1d; } .header-mobile-search .header-mobile-search-input::placeholder { color: #a4a1a1; text-transform: uppercase; } .header-burger { position: relative; left: 15px; padding: 7px 15px; cursor: pointer; } .header-burger .header-burger-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; width: 18px; height: 14px; border-top: 2px solid #1e1e1e; border-bottom: 2px solid #1e1e1e; } .header-burger--three .header-burger-inner { position: relative; } .header-burger--three .header-burger-inner:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -1px; display: block; width: 100%; height: 2px; background-color: #1e1e1e; } .mobile-toolbar .mobile-toolar-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: center; -moz-box-pack: center; -o-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; } .mobile-toolbar .mobile-toolar-items .mobile-toolbar-item { position: relative; margin-right: 20px; display: block; width: 19px; } .mobile-toolbar .mobile-toolar-items .mobile-toolbar-item:last-child { margin-right: 0; } .mobile-toolbar .mobile-toolar-items .mobile-toolbar-item svg { display: block; max-width: 100%; } .mobile-toolbar .mobile-toolar-items .mobile-toolbar-item .mobile-toolbar-item-note { position: absolute; left: 6px; bottom: 3px; display: block; font-size: 12px; font-weight: bold; color: #fff; text-align: center; line-height: 1; } /*** Header ***/ /*** Nav ***/ .mobile-nav-holder { position: fixed; left: 0; top: 0; z-index: 11000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; -webkit-transform: translateX(-102%); -moz-transform: translateX(-102%); -o-transform: translateX(-102%); -ms-transform: translateX(-102%); transform: translateX(-102%); } .mobile-nav-holder .mobile-close { z-index: 50; } .mobile-nav-holder .mobile-nav-scroll-holder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; background-color: rgba(18,18,18,0.6); } .mobile-nav-holder .mobile-nav-scroll-inner { position: relative; z-index: 100; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; width: calc(100% - 50px); overflow: scroll; overflow-x: hidden; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; background-color: #fff; } .mobile-close { position: absolute; top: 0; bottom: 0; right: 0; z-index: 10500; display: block; width: 50px; } .mobile-close .mobile-close-btn { position: sticky; right: 0; top: 0; display: block; width: 50px; height: 100%; text-decoration: none; } .mobile-close .mobile-close-btn:before { content: ""; position: absolute; left: 0; top: 50%; margin-top: -25px; display: block; width: 50px; height: 50px; background: url("/local/templates/okna_new/css/../svg/icon_mobile_close.svg") no-repeat center center; -webkit-background-size: 17px 17px; -moz-background-size: 17px 17px; background-size: 17px 17px; } .mobile-nav { background-color: #fff; } .mobile-nav .mobile-nav-inner { padding: 20px; } .mobile-nav .mobile-nav-contacts { border-bottom: 1px solid #e1e1e1; } .mobile-nav .mobile-nav-contacts .mobile-nav-inner { border-top: none; } .mobile-nav .mobile-nav-contacts .mobile-nav-contacts-items .mobile-nav-contact-item { margin-bottom: 10px; font-size: 14px; } .mobile-nav .mobile-nav-contacts .mobile-nav-contacts-items .mobile-nav-contact-item:last-child { margin-bottom: 0; } .mobile-nav .mobile-nav-title { padding: 30px 20px 29px 20px; border-bottom: 1px solid #e1e1e1; font-size: 21px; font-weight: bold; } .mobile-nav .mobile-nav-heading { padding: 15px 0; border-bottom: 1px solid #e1e1e1; } .mobile-nav .mobile-nav-heading .mobile-nav-heading-items { display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .mobile-nav .mobile-nav-heading .mobile-nav-heading-items .mobile-nav-heading-item { width: 50%; } .mobile-nav .mobile-nav-heading .mobile-nav-heading-items .mobile-nav-heading-item .mobile-nav-heading-item-link--select { position: relative; padding-right: 15px; } .mobile-nav .mobile-nav-heading .mobile-nav-heading-items .mobile-nav-heading-item .mobile-nav-heading-item-link--select:after { content: ""; position: absolute; right: 0; top: 9px; display: block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #121212; -webkit-transition: 0.2s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.2s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.2s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.2s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.2s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mobile-blocks .mobile-block { display: none; } .mobile-blocks .mobile-block.show { display: block; } .mobile-blocks .mobile-block .page-popup { padding: 0 0 10px 0; } .mobile-back { position: absolute; right: 20px; top: 28px; display: block; width: 34px; height: 34px; background: url("/local/templates/okna_new/css/../svg/mobile_rarr.svg") no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; text-indent: -9999px; -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } body.show-cities .mobile-nav-heading-item-link--select:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } body .mobile-nav-menu-title { padding: 30px 20px 0 20px; } body .mobile-nav-menu { padding: 20px 0; font-size: 14px; } body .mobile-nav-menu--gray { background-color: #f4f4f4; font-size: 16px; } body .mobile-nav-menu-item-holder { position: relative; padding: 12px 20px; } body .mobile-nav-menu-item-holder .mobile-nav-menu-item { display: block; } body .mobile-nav-menu-item-holder .mobile-nav-menu-item.large { padding: 3px 0; font-weight: bold; font-size: 21px; } body .mobile-nav-menu-item-holder .mobile-nav-menu-item.medium { font-weight: bold; } body .mobile-nav-menu-item-holder .mobile-nav-menu-item.special { display: inline-block; padding: 9px 25px; border: 2px solid #1e1e1e; border-radius: 20px; text-transform: uppercase; } body .mobile-nav-menu-item-holder .mobile-nav-menu-item.large:after, body .mobile-nav-menu-item-holder .mobile-nav-menu-item.special:after { content: ""; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 34px; height: 34px; background: url("/local/templates/okna_new/css/../svg/mobile_rarr.svg") no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } body .mobile-nav-menu-item-holder .mobile-nav-menu-item-add { position: relative; margin-left: 10px; display: inline-block; width: 20px; height: 20px; background-color: #ed0972; border-radius: 50%; border-bottom: none; color: #fff; font-weight: bold; text-align: center; line-height: 20px; font-size: 12px; } body .mobile-nav-menu-item-holder:last-child:after { display: none; } body .mobile-nav-menu-item-holder--has-submenu { padding-right: 50px; } body .mobile-nav-menu-item-holder--has-submenu:before { content: "+"; position: absolute; right: 20px; top: 8px; display: block; font-size: 22px; line-height: 1; } body .mobile-nav-menu-item-holder .mobile-nav-menu-level1 { display: none; } body .mobile-nav-menu-item-holder .mobile-nav-menu-level1-inner { margin-top: 10px; } body .mobile-nav-menu-item-holder .mobile-nav-menu-level1-item-holder .mobile-nav-menu-level1-item { display: block; padding: 8px 0; } body .mobile-nav-menu-item-holder .mobile-nav-banners { margin-top: 10px; display: none; } body .mobile-nav-menu-item-holder .mobile-nav-banners .mobile-nav-banner-item { margin-bottom: 20px; display: block; text-decoration: none; } body .mobile-nav-menu-item-holder .mobile-nav-banners .mobile-nav-banner-item img { display: block; width: 100%; height: auto; } body .mobile-nav-menu-item-holder .mobile-nav-banners .mobile-nav-banner-item:last-child { margin-bottom: 0; } body .mobile-nav-menu-item-holder.open .mobile-nav-menu-level1 { display: block; } body .mobile-nav-menu-item-holder.open .mobile-nav-banners { display: block; } body .mobile-nav-menu-item-holder.open:before { content: "–"; line-height: 20px; } .show-menu { overflow: hidden; } .show-menu .mobile-nav-holder { -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /*** //Nav ***/ /*** Filter ***/ .mobile-filter-holder { position: fixed; left: 0; top: 0; z-index: 11000; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; overflow: hidden; -webkit-transform: translateX(-102%); -moz-transform: translateX(-102%); -o-transform: translateX(-102%); -ms-transform: translateX(-102%); transform: translateX(-102%); } .mobile-filter-holder .mobile-close { z-index: 50; right: auto; left: 0; } .mobile-filter-holder .mobile-filter-scroll-holder { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 100%; overflow: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; background-color: rgba(18,18,18,0.8); } .mobile-filter-holder .mobile-filter-scroll-inner { position: relative; z-index: 100; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 100%; width: calc(100%); padding: 25px 20px 90px 20px; overflow: scroll; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; background-color: #fff; } .mobile-filter { position: relative; background-color: #fff; } .mobile-filter .mobile-filter-close { position: absolute; right: 0; top: 0; display: block; width: 20px; height: 20px; background: url("/local/templates/okna_new/css/../svg/basket_remove.svg") no-repeat center center; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .mobile-filter-heading { margin-bottom: 15px; padding-top: 35px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .mobile-filter-heading .mobile-filter-heading-title { margin-bottom: 0; font-weight: bold; } .mobile-filter-heading .mobile-filter-heading-reset { font-family: "SFProDisplay"; font-size: 14px; line-height: 1; } .mobile-filter-item { position: relative; padding: 5px 0; border-bottom: 1px solid #e1e1e1; } .mobile-filter-item:first-child { border-top: 1px solid #e1e1e1; } .mobile-filter-item:before { content: ""; position: absolute; left: -12px; top: 22px; display: block; width: 4px; height: 4px; background-color: #121212; border-radius: 50%; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -o-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -webkit-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -moz-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -o-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s -ms-transform cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94), 0.3s transform cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mobile-filter-item.selected:before { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .mobile-filter-item .mobile-filter-item-heading { position: relative; padding: 12px 0; cursor: pointer; } .mobile-filter-item .mobile-filter-item-heading .mobile-filter-item-heading-title { font-size: 14px; font-weight: bold; line-height: 1; } .mobile-filter-item .mobile-filter-item-heading .mobile-filter-item-heading-toggler { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 20px; height: 20px; font-size: 19px; line-height: 1; } .mobile-filter-item .mobile-filter-item-heading .mobile-filter-item-heading-toggler:before, .mobile-filter-item .mobile-filter-item-heading .mobile-filter-item-heading-toggler:after { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; text-align: center; line-height: 20px; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .mobile-filter-item .mobile-filter-item-heading .mobile-filter-item-heading-toggler:before { content: "+"; } .mobile-filter-item .mobile-filter-item-heading .mobile-filter-item-heading-toggler:after { content: "–"; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); line-height: 14px; } .mobile-filter-item .mobile-filter-item-content { padding: 10px 0; display: none; } .mobile-filter-item .filter-price .filter-price-fields { margin-bottom: 15px; } .mobile-filter-item .filter-price .filter-price-fields .filter-price-field-item { width: 45%; min-width: 100px; } .mobile-filter-item .brand-search { margin-bottom: 20px; } .mobile-filter-item .brand-search .brand-search-field { padding-right: 40px; background: url("/local/templates/okna_new/css/../svg/icon_loupe.svg") no-repeat 95% center; } .mobile-filter-item .filter-brand { margin-bottom: 25px; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: box; display: flex; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: single; -moz-box-lines: single; -o-box-lines: single; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .mobile-filter-item .filter-brand:last-child { margin-bottom: 0; } .mobile-filter-item .filter-brand .filter-brand-title { width: 20px; font-weight: 500; text-align: center; font-size: 15px; } .mobile-filter-item .filter-brand .filter-brand-content { width: calc(100% - 25px); } .mobile-filter-item .mobile-filter-brands { max-height: 80vh; overflow: auto; overflow-x: hidden; } .mobile-filter-item.open .mobile-filter-item-heading .mobile-filter-item-heading-toggler:before { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .mobile-filter-item.open .mobile-filter-item-heading .mobile-filter-item-heading-toggler:after { opacity: 1; -ms-filter: none; filter: none; } .mobile-filter-item.open .mobile-filter-item-content { display: block; } .mobile-filter-footer { position: fixed; left: 0; bottom: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 20px; width: 100%; } .show-filter { overflow: hidden; } .show-filter .mobile-filter-holder { opacity: 1; -ms-filter: none; filter: none; -webkit-transform: translateX(0); -moz-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } /*** //Filter ***/ @media screen and (max-width: 1760px) { .slider.slick-initialized { padding: 0 60px; } .slider.slick-initialized .slick-arrow.slick-prev { left: 10px; } .slider.slick-initialized .slick-arrow.slick-next { right: 10px; } } @media screen and (max-width: 1400px) { .main-menu .main-menu-item { margin-right: 25px; } .header-toolbar .header-contacts { margin-right: 20px; } .header-search-btn { margin-left: 25px; } } @media screen and (max-width: 1300px) { .header-row-inner .header-col--centered { position: static; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; } .header-logo { width: 110px; } .header-logo img { width: 100%; } .main-menu .main-menu-item { margin-right: 18px; } .header-toolbar .btn { min-width: 170px; padding-left: 20px; padding-right: 20px; } .header-search-btn { margin-left: 20px; } .page-text .super, .super { font-size: 54px; line-height: 70px; } .page-scroll-nav .page-scroll-nav-items .page-scroll-nav-item { margin-right: 40px; } .product-media .product-media-content .product-features .product-feature-item { margin: 5px 15px; } .product-media .product-media-content .product-promos { left: 20px; top: 20px; } .product-media .product-media-nav { width: 80px; } .product-media .product-media-nav .product-media-nav-item { margin: 5px 0; } .product-media .product-media-nav .slick-arrow { left: 20px; } .product-content { width: 40%; } .product-content .product-actions { display: block; } .product-content .product-actions .product-action-item { margin: 0 0 10px 0; } .product-content .product-actions .product-action-item:last-child { margin-bottom: 0; } .colors { padding: 50px 70px; } } @media screen and (max-width: 1200px) { .filter-heading .filter-heading-items { margin-right: 15px; } .filter-heading .filter-heading-item { margin-right: 3px; padding-right: 22px; padding-left: 10px; font-size: 14px; } .filter-heading .filter-heading-item:after { top: 7px; } .catalog-toolbar-sorter { padding-right: 20px; min-width: 150px; font-size: 14px; } .catalog-toolbar-sorter:after { right: 0; top: 6px; } .form-phone { display: block; } } @media screen and (max-width: 960px) { * { -webkit-overflow-scrolling: touch; } .only-desktop { display: none; } .only-mobile { display: block; } .page { padding: 0; } .page-inner { padding: 0 10px; } .page-inner--mobile_empty { padding: 0; } .page-inner .page-inner { padding: 0 20px; } .page-inner .page-inner--w3 { padding: 0; } .page-inner .page-inner--w2 .page-inner--w2 { padding: 0; } .page-section { margin: 80px 0; } .page-section .page-section-title { margin-bottom: 20px; } .page-section .products { margin-bottom: -35px; } .page-section--top { margin-top: 0; } .mb-80 { margin-bottom: 50px; } .mb-60 { margin-bottom: 40px; } .mb-40 { margin-bottom: 30px; } .page-content { padding-top: 150px; } .page-notification .page-content { padding-top: 110px; } .page-header { position: fixed; left: 0; top: 0; z-index: 500; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: 110px; background-color: #fff; } .header-row { display: none; } .header-row--mobile { display: block; } .header-search { top: 55px; padding-top: 40px; height: calc(100vh - 55px); overflow: auto; } .header-search .header-search-form .header-search-form-input { padding: 5px 30px 5px 0; font-size: 34px; line-height: 40px; } .header-search .header-search-form .header-search-form-submit { top: 0; width: 48px; height: 48px; } .header-search .header-search-suggestions { display: block; } .header-search .header-search-suggestions .header-search-suggestions-title { margin-bottom: 20px; } .header-search .header-search-suggestions .header-search-suggestions-items { width: 100%; display: block; } .header-search .header-search-suggestions .header-search-suggestions-items .header-search-suggestion-item { margin: 0 0 20px 0; display: block; width: 100%; } .catalog-nav { display: block; } .catalog-nav .catalog-nav-description { margin-bottom: 30px; } .catalog-nav .catalog-nav-content { padding: 40px 0 50px 0; width: 100%; } .catalog-nav .catalog-nav-media { width: 100%; } .catalog-nav .catalog-nav-media:before { padding-top: 110%; } .catalog-nav--popular .catalog-nav-note { margin-bottom: 30px; } .catalog-nav--popular .catalog-nav-menu .catalog-nav-menu-item { margin-bottom: 30px; } .catalog-nav--recs .catalog-nav-content { padding-left: 10px; padding-right: 10px; } .catalog-nav--recs .catalog-nav-content .btn { width: 100%; } .catalog-nav--recs .catalog-nav-menu .catalog-nav-menu-items { margin-bottom: 0; display: block; } .catalog-nav--recs .catalog-nav-menu .catalog-nav-menu-items .catalog-nav-menu-item { margin-bottom: 20px; width: 100%; } .catalog-nav--top .catalog-nav-title { margin-bottom: 30px; } .catalog-nav--top .catalog-nav-menu { margin-bottom: 40px; } .catalog-nav--top .catalog-nav-menu .catalog-nav-menu-items { display: block; } .catalog-nav--top .catalog-nav-menu .catalog-nav-menu-items .catalog-nav-menu-item { margin: 0 15px 0 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; min-height: 64px; padding: 10px; background-color: #ebe8e6; border-radius: 10px; text-align: center; font-size: 16px; line-height: 22px; } .catalog-nav--top .catalog-nav-media img { border-radius: 10px 10px 0 0; } .catalog-nav--top .catalog-nav-media:before { padding-top: 180%; } .catalog-nav--top .catalog-nav-media .catalog-nav-media-banners { position: absolute; left: 0; bottom: -1px; -webkit-transform: none; -moz-transform: none; -o-transform: none; -ms-transform: none; transform: none; min-width: 0; width: 100%; border-radius: 0; } .catalog-nav--top .catalog-nav-media .catalog-nav-media-banners .slick-dots { top: -46px; } .page-home .page-content { padding-top: 110px; } .page-heading .page-heading-img { position: relative; } .page-heading .page-heading-img:before { content: ""; display: block; padding-top: 120%; } .page-heading .page-heading-img img { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; } .page-heading .page-heading-title a { white-space: nowrap; } .page-heading .page-heading-toolbar { display: block; } .page-heading .page-heading-toolbar .page-heading-toolbar-item { margin: 0 0 10px 0; display: block; } .page-text { font-size: 16px; } .page-text p { margin-bottom: 20px; } .page-text p > img { margin: 30px 0; } .page-text h1, .h1 { font-size: 30px; line-height: 40px; } .page-text h1 { margin-bottom: 25px; } .page-text h2, .h2 { font-size: 21px; line-height: 28px; } .h2 { margin-bottom: 20px; } .page-text h2 { margin: 50px 0 20px 0; } .page-text h3, .h3 { font-size: 16px; } .page-text h3 { margin: 50px 0 20px 0; } .page-text blockquote { margin: 30px 0; padding: 30px 20px; } .page-text ul { margin-bottom: 50px; } .page-text figure { margin-bottom: 20px; } .page-text ol { margin-left: 20px; } .page-text ol li { margin-bottom: 20px; padding-left: 10px; } .social .social-items { -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .social .social-items .social-item { margin: 0; } .content-filter { margin-bottom: 30px; } .content-filter .content-filter-item { margin-right: 20px; } .mobile-slider { display: block !important; padding: 0 10px; padding-bottom: 20px; white-space: nowrap; overflow: auto; } .mobile-slider::-webkit-scrollbar { height: 4px; } .mobile-slider::-webkit-scrollbar-track { background-color: transparent; border-bottom: 1px solid #989595; } .mobile-slider::-webkit-scrollbar-thumb { background-color: #1f1d1d; } .mobile-slider > div, .mobile-slider > a { vertical-align: top; display: inline-block; white-space: normal; } .mobile-slider > div[class^='col'] { margin-right: 20px; max-width: 240px; padding: 0; } .mobile-slider > div[class^='col'] > img { margin: 0 auto; display: block; } .steps-items > .col-md-2 { max-width: 220px; padding: 0; } .steps-items .step-item { margin-right: 20px; } .pager { margin: 50px 0 80px 0; } .pager .pager-item--num { width: 32px; height: 32px; } .features { margin-top: 0; } .features .features-items > div { margin-right: 20px; padding: 0; max-width: 260px; } .features .feature-item { margin-bottom: 0; font-size: 14px; } .features .feature-item:before { padding-top: 130%; } .features .feature-item-inner { padding: 30px 20px; } .question { margin: 80px 0; padding: 30px 20px; font-size: 16px; } .question .row > div { margin-bottom: 70px; } .question .row > div:last-child { margin-bottom: 0; } .question .question-block { margin: 0; display: block; height: auto; } .question .question-block .question-workhours { padding: 0; } .question .question-block .question-phone { margin-bottom: 20px; } .question .question-block .question-phone .super { font-size: 28px; line-height: 38px; } .question .question-block .question-phone .question-phone-note { padding-top: 5px; } .video { margin-bottom: 30px; } .video:before { padding-top: 127%; } .video .video-title { top: 30px; bottom: auto; left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 0 20px; font-size: 16px; line-height: 22px; } .video .video-play { width: 90px; height: 90px; } .video .video-play:before { border-left-width: 12px; border-top-width: 7px; border-bottom-width: 7px; } .how-choose { height: 380px; background-image: url("/local/templates/okna_new/css/../dummy/how_bg_mobile.png"); } .how-choose .centered { text-align: left; } .how-choose .how-choose-inner { padding: 30px 0; } .how-choose .how-choose-inner .btn-holder { bottom: 30px; } .gray-block { padding: 30px 20px; } .prod .tabs-heading { margin-bottom: 20px; padding-bottom: 10px; } .prod .tabs-heading .tab-heading-item { margin: 0 20px 0 0; } .prod .prod-item { overflow: hidden; border-radius: 10px; } .prod .prod-item .row .col-md-6:first-child { padding: 30px 30px; background-color: #ebe8e6; } .prod .prod-item .row .col-md-6:last-child:before { padding-top: 110%; } .light-block { padding: 40px 20px; } .articles-items { margin-bottom: -50px; } .articles-items.mobile-slider { margin-bottom: 0; } .articles-items.mobile-slider .article-item { margin-right: 20px; margin-bottom: 0; padding: 0; max-width: 260px; } .article-item { margin-bottom: 50px; } .article-item .article-item-photo-holder { margin-bottom: 20px; } .article-item .article-item-types .article-item-type { margin-right: 30px; } .article .products { margin-bottom: 40px; } .article .products .row { -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .article-footer .article-footer-toolbar { margin-bottom: 40px; display: block; } .article-footer .article-footer-toolbar .article-footer-toolbar-item { margin-bottom: 20px; } .articles-promo { display: block; } .articles-promo .articles-promo-col { width: 100%; } .articles-promo .article-promo-item { margin-bottom: 10px; position: relative; overflow: hidden; height: auto; } .articles-promo .article-promo-item:before { padding-top: 70%; } .articles-promo .article-promo-item .article-promo-item-inner { padding: 20px; } .reviews-slider-heading { display: block; } .reviews-slider-heading .reviews-slider-heading-title { margin-bottom: 15px; margin-right: 0; } .review-slide-item .review-slide-item-inner { padding: 20px; } .review-slide-item .review-slide-item-inner .review-slide-item-title { margin-bottom: 15px; } .review-slide-item .review-slide-item-inner .review-slide-item-heading { margin-bottom: 20px; } .reviews-slider-items .mobile-slider .review-slide-item { margin-right: 20px; max-width: 280px; padding: 0; } .review-item { margin-bottom: 80px; font-size: 16px; } .review-item .review-item-heading { margin-bottom: 10px; } .review-item .review-item-heading > div { margin: 0 0 10px 0 !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } .review-item .review-item-video:before { padding-top: 110%; } .review-item--video .review-item-heading .review-item-heading-author { padding-left: 35px; } .review-item--video .review-item-heading .review-item-heading-author:before { width: 25px; height: 25px; -webkit-background-size: contain; -moz-background-size: contain; background-size: contain; } .service-item { margin-bottom: 50px; display: block; } .service-item .service-item-photo-holder, .service-item .service-item-content { width: 100%; } .service-item .service-item-photo-holder:before { padding-top: 110%; } .service-item .service-item-content { padding: 30px 20px; } .service-item .service-item-content .service-item-text { margin-bottom: 20px; } .service-item .service-item-content .service-item-date { margin-bottom: 20px; } .products { margin: 40px 0; } .products .product-item { margin-bottom: 50px; font-size: 14px; } .products .product-item .product-item-photo-holder { margin-bottom: 10px; } .products .product-item .product-item-content .product-item-price { font-size: 14px; } .products .product-item .product-item-promos { left: 10px; top: 10px; } .products .product-item .product-item-buy { padding: 0 20px; height: 40px; line-height: 34px; font-size: 14px; } .catalog-toolbar { margin: 80px 0 -30px 0; } .catalog-toolbar .catalog-toolbar-items { -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .catalog-toolbar .mobile-filter-open { font-weight: bold; } .product-row { display: block; } .product-media { position: relative; width: 100%; display: block; } .product-media .product-media-content { width: 100%; } .product-content { width: 100%; } .products-footer { margin-top: 40px; padding: 0; border-top: none; } .product-promos { position: static; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -o-box-orient: horizontal; -webkit-box-lines: multiple; -moz-box-lines: multiple; -o-box-lines: multiple; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; } .product-promos .product-promo-item { margin: 0 10px 10px 0; } .product-media { top: 0; margin: 40px 0 0 0; } .product-media .product-media-content { margin-bottom: 85px; } .product-media .product-media-content:before { padding-top: 125%; } .product-media .product-media-content .product-features { bottom: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 40px; } .product-media .product-media-content .product-features .product-feature-item { margin: 0 0 10px 0; width: 50%; font-size: 12px; line-height: 14px; font-weight: normal; } .product-media .product-media-content .product-photos { overflow: visible; } .product-media .product-media-content .product-photos .slick-dots { bottom: -50px; } .product-media .product-media-content .product-photos .slick-dots li button { background-color: #1f1d1d; } .product-content .product-actions .product-action-item { margin-bottom: 20px; } .product-content .product-actions .product-action-item .btn { display: block; width: 100%; } .product-price { display: block; } .product-price .product-price-item { margin: 0; width: 100%; } .product-price .product-price-note { margin-bottom: 30px; max-width: 100%; } .product-params .q { margin-left: 10px; top: -2px; } .product-params .row > div:last-child { margin-top: 10px; text-align: left; } .product-params .product-param-line { margin-top: 20px; } .colors { padding: 30px 0; } .colors .colors-block .colors-block-title { margin-bottom: 20px; } .colors .colors-items { margin-bottom: -10px; -webkit-box-pack: justify; -moz-box-pack: justify; -o-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; } .colors .colors-items .color-item { margin: 0 0 10px 0; width: 47.5%; height: 30px; padding-right: 15px; border-radius: 25px; } .colors .colors-items .color-item .color-item-value { margin-right: 5px; width: 30px; height: 30px; min-width: 30px; min-height: 30px; } .colors .colors-items .color-item .color-item-title { font-size: 12px; line-height: 14px; } .faq { margin-bottom: 0; } .faq-item .faq-item-heading { padding: 20px 0; } .faq-item .faq-item-heading .faq-item-heading-title { margin: 0; padding-right: 40px; font-size: 16px; line-height: 22px; } .cta { display: block; } .cta .cta-promo { width: 100%; padding: 25px 20px; } .cta .cta-promo:before { display: block; padding-top: 110%; } .cta .cta-promo .cta-promo-title { font-size: 21px; line-height: 28px; } .cta .cta-promo .cta-promo-content .h3 { margin: 5px 0; } .cta .cta-form { width: 100%; padding: 30px 20px; } .cta .cta-form .cta-form-text { margin-bottom: 30px; } .contacts-items { margin: 40px 0; } .contact-item { margin-bottom: 60px; font-size: 16px; } .contact-item .contact-item-photos .contact-item-photo { margin-bottom: 20px; padding-top: 110%; } .contact-item .contact-item-content { margin-bottom: 0; } .contact-item .contact-item-heading { margin-bottom: 50px; } .contact-item .contact-item-heading .contact-item-title { margin-bottom: 20px; font-weight: bold; } .contact-item .contact-item-block { margin-bottom: 50px; } .contact-item .contact-item-block .contact-item-block-title { margin-bottom: 20px; } .contact-item .contact-item-block .contact-item-block-content .h2 { font-size: 16px; line-height: 22px; } .form-fields--inline { display: block; } .form-fields--inline .form-row { width: 100%; } .form-fields--inline .form-row--submit .btn { height: 50px; line-height: 48px; } .form-title { margin-bottom: 20px; } .form-phone { display: block; } .form-phone .form-phone-title { margin-bottom: 10px; } .btn-holder { margin-top: 30px; } .btn--large { height: 50px; line-height: 48px; font-size: 16px; } .link--block { -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; padding: 12px 0; font-size: 16px; } .link--block span { max-width: 70%; } .link--block .h2 { margin-bottom: 0; font-size: 16px; line-height: 22px; } .page-footer { padding: 60px 0 45px 0; } .page-footer .footer-top .page-text { margin-bottom: 40px; } .page-footer .footer-top .page-text .btn { width: 100%; } .page-footer .footer-bottom { margin-top: 40px; } .page-footer .footer-bottom .row { margin-bottom: 50px; } .page-footer .footer-toolbar { margin-bottom: 40px; } .page-footer .footer-toolbar .footer-toolbar-items { -webkit-box-orient: vertical; -moz-box-orient: vertical; -o-box-orient: vertical; -webkit-flex-flow: column; -ms-flex-flow: column; flex-flow: column; -webkit-box-align: start; -moz-box-align: start; -o-box-align: start; -ms-flex-align: start; -webkit-align-items: flex-start; align-items: flex-start; } .page-footer .footer-toolbar .footer-toolbar-items a { margin-bottom: 30px; } .page-footer .footer-toolbar .footer-toolbar-items a:last-child { margin-bottom: 0; } .page-footer .footer-creator { margin-bottom: 30px; } .page-footer .footer-docs { text-align: left; } .page-footer .footer-menu .footer-menu-item-holder { margin-bottom: 0; display: none; } .page-footer .footer-menu .footer-menu-item-holder .footer-menu-item { margin: 3px 0; display: block; padding: 5px 0; } .page-footer .footer-menu .footer-menu-item-holder.footer-menu-title { position: relative; display: block; padding: 10px 0; } .page-footer .footer-menu .footer-menu-item-holder.footer-menu-title:before, .page-footer .footer-menu .footer-menu-item-holder.footer-menu-title:after { content: ""; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); display: block; background-color: #fff; -webkit-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); -ms-transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: 0.3s opacity cubic-bezier(0.25, 0.46, 0.45, 0.94); } .page-footer .footer-menu .footer-menu-item-holder.footer-menu-title:before { right: 0; width: 12px; height: 2px; } .page-footer .footer-menu .footer-menu-item-holder.footer-menu-title:after { right: 5px; width: 2px; height: 12px; } .page-footer .footer-menu.open .footer-menu-item-holder { display: block; } .page-footer .footer-menu.open .footer-menu-item-holder.footer-menu-title { padding-bottom: 0; } .page-footer .footer-menu.open .footer-menu-item-holder.footer-menu-title:after { opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); } .page-popup { padding: 40px 20px; } .page-popup .mfp-close { top: 15px; right: 15px; } .page-popup .page-popup-heading { margin-bottom: 20px; } } /* End */ /* Start:/local/templates/okna_new/css/custom.css?174835609252224*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v7.0.29, * Autoprefixer: v9.7.6 * Browsers: last 4 version */ .popap_video { max-width: 900px; margin: 0 auto; position: relative; margin-top: 30px; margin-bottom: 30px; background: #fff; font-size: 0; } .popap_video video { width: 100%; } .compare_block { white-space: nowrap; } .content_page_block_one .wrap p { white-space: pre-wrap; } .logos-footer { display: flex; align-items: center; justify-content: space-between; } .logos-footer img:last-child { border-left: 1px solid black; padding-left: 10px; margin-left: 10px; } .mfp-content .popap_video .mfp-close { color: #fff; } /* Header */ .years15__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .years15__title { display: block; padding-left: 0; margin-bottom: 20px; text-align: center; } .years15__sub { margin-top: 24px; } .solar_top .solar_top_wr .solar_top_text h4 { font-size: 48px; color: #6e6e6e; font-weight: 900; text-transform: uppercase; margin-bottom: 5px; } .solar_top { overflow: visible; } .solar_top .solar_top_wr { overflow: visible; } .solar_top__table { display: table; } .table__cell { display: table-cell; } .table__row { display: table-row; } .table__row .table__cell { padding: 15px; padding-top: 10px; vertical-align: top; border-bottom: 1px solid lightgrey; } .table__row .table__cell:first-child { text-align: left; font-weight: 600; width: 50%; border-left: none; padding-left: 0; border-right: 1px solid lightgrey; } .table__row .table__cell { border-right: none; } td:first-child, td:nth-child(2) { border-top: none; } .table__row td:last-child, .table__row td::nth-last-child(2) { border-bottom: none; } .solar_top .solar_top_wr .solar_top_text .solar_top_text_price { margin-top: 45px; } .solar_top .solar_top_wr .solar_top_text { height: 900px; } .solar_top_text_price__flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 30px; } .solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price__flex .solar_top_text_price_wr { width: 45%; margin-bottom: 0; } .solar_top_text_price_ttext { font-size: 12px; } .solar_top_text_block__item { position: relative; } .btn-play { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 50%; -webkit-transform: translate(50%,-50%); -ms-transform: translate(50%,-50%); transform: translate(50%,-50%); cursor: pointer; } .solar_top_text_block__item_design { margin-top: 40px; } .solar_top__table-wrapper { width: 95%; } .solar_top__image { display: none; } .solar_top .solar_top_wr .solar_top_text { overflow: visible; } /* Стили из старого дизайна */ .content_page .window_nav_wrap, .content_page + .wrap, .solar_picher_block_four, .content_page_block_one .wrap { max-width: 1240px; display: block; margin: auto; } .content_page .content_page_block_one h1 { text-transform: uppercase; font-size: 50px; color: #606060; margin-bottom: 50px; font-weight: 900; } .content_page .sale__title { font-size: 34px; font-weight: bold; display: block; margin-bottom: 0px; } .content_page .sale__price { display: block; font-size: 38px; color: #eb071e; margin-bottom: 50px; font-weight: bold; } .content_page .section__title { font-size: 30px; margin-bottom: 15px; color: #333333; font-weight: 500; } .content_page_block_one .wrap p { margin-top: 10px; margin-bottom: 10px; word-wrap: break-word; } .public_content ul { padding: 0; margin-bottom: 40px; } .public_content ul li { padding: 0; padding-left: 30px; background: url(/local/templates/okna/img/lii.png) no-repeat left 8px; font-size: 18px; margin-bottom: 15px; } .public_content ul li { display: block; width: 100%; } .public .public_wr .public_content p { font-size: 18px; color: #333; line-height: 1.5; margin-bottom: 35px; } .akcia_top .wrap { position: relative; height: 590px; } .akcia .wrap, .akcii .wrap, .wrapper_old_block { width: 1180px; margin: auto; padding-left: 15px; padding-right: 15px; overflow: visible; } .h2.styled_as_h1 { font-weight: bold; font-size: 54px; line-height: 64px; } /** Стили из старого дизайна **/ @media (max-width: 1290px) { .years15 { position: absolute; right: 374px; top: 0; } .phone_top { margin-top: 7px; } .solar_top .solar_top_wr .solar_top_picher { height: 720px; } .solar_top .solar_top_wr .solar_top_text .solar_top_text_price { width: 90%; } } @media(max-width: 1150px) { .solar_top .solar_top_wr .solar_top_text .solar_top_text_price a.solar_top_text_price__link { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1000px) { .table__row td { padding: 0px; padding-left: 5px; padding-bottom: 5px; } .solar_top .solar_top_wr .solar_top_picher { width: 45% !important; height: 750px !important; } .solar_top .solar_top_wr .solar_top_text .solar_top_text_price a.solar_top_text_price__link { padding-left: 10px; padding-right: 10px; font-size: 11px; } .solar_top .solar_top_wr .solar_top_text h4 { font-size: 38px; margin-bottom: 30px; line-height: 40px; } .solar_top .solar_top_wr .solar_top_text { height: 860px; } .solar_top_text_block { padding-top: 70px; padding-bottom: 30px; } .mobil_zakaz { display: none; } } @media(max-width: 850px) { .solar_top .solar_top_wr .solar_top_picher { width: 36% !important; height: 470px !important; } } @media(max-width: 768px) { .solar_top .solar_top_wr .solar_top_picher { width: 36% !important; height: 455px !important; } } @media(max-width: 760px) { .solar_top .solar_top_wr .solar_top_text { height: 100%; width: 100% !important; } .solar_top__image { display: block; width: 50%; margin-left: auto; margin-right: auto; } .solar_top__image img { width: 100%; height: 100%; } .solar_top_picher { display: none; } } @media (max-width: 660px) { .solar_top .solar_top_wr .solar_top_text h4 { font-size: 25px; margin-bottom: 20px; line-height: 28px; } .solar_top .solar_top_wr .solar_top_text .solar_top_text_price { width: 100%; } .solar_top_text_price__flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price__flex .solar_top_text_price_wr { width: 100%; margin-bottom: 20px; } .solar_top .solar_top_wr .solar_top_text .solar_top_text_price .solar_top_text_price_wr p { font-size: 20px; padding-bottom: 15px; } .solar_top .solar_top_wr .solar_top_text .solar_top_text_price a.solar_top_text_price__link { width: 100%; margin-top: 10px; } .solar_top .solar_top_wr .solar_top_text { position: relative; left: 0; } .solar_top_wr { height: 100% !important; } .solar_top .solar_top_wr .solar_top_text .solar_top_text_price { overflow: visible; min-height: auto; } } @media (max-width: 340px) { .table__row .table__cell { padding: 10px; padding-top: 5px; font-size: 14px; } .table__row .table__cell:first-child { font-size: 14px; } } .solar_top_text_block__item_teploizolation { padding-bottom: 0; } .solar_top_text_block__item_design { padding-top: 0; padding-bottom: 75px; } @media (max-width: 500px) { .solar_top_text_block__item_design { padding-bottom: 25px; margin-top: 0px; } } .wrap_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .solar_picher_block_three_wrap { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 50px 0; margin-bottom: 50px; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .solar_picher_block_three__item { width: 25%; margin-bottom: 30px; } .solar_picher_block_three__item p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .solar_picher_block_three__item:nth-child(1), .solar_picher_block_three__item:nth-child(4) { width: 31%; } .solar_picher_block_three__item span img { width: 35px; margin-right: 25px; } .solar_picher_block_three_text { font-size: 18px; line-height: 27px; } @media (max-width: 1300px) { .solar_picher_block_three_wrap { width: 94%; } } @media (max-width: 1000px) { .wrap_flex { display: block; } .solar_top_text_block__item_design .wrap_flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .solar_picher_block_three_wrap { width: 100%; } } @media (max-width: 820px) { .solar_picher_block_three__item { width: 49%; } .solar_picher_block_three__item:nth-child(1), .solar_picher_block_three__item:nth-child(4) { width: 49%; } } @media (max-width: 640px) { .solar_picher_block_three__item { width: 100%; } .solar_picher_block_three__item:nth-child(1), .solar_picher_block_three__item:nth-child(4) { width: 100%; } .solar_picher_block_three_wrap { padding: 30px 0; margin-bottom: 30px; padding-bottom: 0; } } /*.row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }*/ .scheme__col { width: 50%; } .scheme__sub { color: #eb071e; font-size: 24px; text-transform: uppercase; text-align: center; display: block; margin-bottom: 40px; } .scheme__image { border: 1px solid lightgrey; padding: 65px; } .scheme__col:first-child .scheme__image { border-right: none; } .scheme__image { max-height: 456px; } .scheme__image, .scheme__image img { width: 100%; } @media (max-width: 640px) { .scheme__sub { margin-bottom: 25px; } } .section { padding-bottom: 90px; } .title_wrapper { max-width: 800px; margin: 0 auto; } .windows { display: none; } .windows.windows__tabs_active { display: -webkit-box; display: -ms-flexbox; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 40px; } .windows__item { display: block; text-decoration: none; width: 25%; padding: 60px 30px 42px; border: solid 1px #e0e5e6; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; position: relative; border-left: none; } .windows__item:first-child { border-left: 1px solid #e0e5e6; } .windows__pic { width: 100%; text-align: center; } .windows__pic img { max-height: 172px; max-width: 100%; } .windows__size { font: 800 27px/125% Muller, Helvetica, sans-serif; color: #606060; text-align: left; margin-top: 63px; } .windows__subtitle { font: 16px/125% Muller, Helvetica, sans-serif; color: #eb071e; text-align: left; } .windows-tab__header { padding-bottom: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .windows__char { margin: 10px 0 0; } .windows-char__item { display: table; width: 100%; margin: 5px 0; } .windows-char__item-name { display: block; text-align: left; vertical-align: middle; font-weight: bold; font-size: 14px; } .windows-char__item-value { display: block; text-align: left; font-size: 14px; vertical-align: middle; } .windows__price { font: 20px/125% Muller, Helvetica, sans-serif; color: #eb071e; text-align: right; position: absolute; bottom: 20px; right: 20px; } .windows-tab__link { font-size: 1.8rem; font-weight: 600; display: inline-block; color: #bfbfbf; font-size: 16px; text-decoration: none; } .windows-tab__link_active{ color: #eb071e; position: relative; } .windows-tab__link_active::after { content: ''; position: absolute; top: 25px; left: 0; width: 100%; height: 2px; background-color: #eb071e; } @media (max-width: 1290px) { .section__features .column_posts__item .post_item a { width: 65%; } .column_posts .column_posts__item { width: 30.3%; margin-right: 40px; } .column_posts .column_posts__item:last-child { margin-right: 0; } } @media (max-width: 990px) { .row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .scheme__col { width: 100%; margin-bottom: 20px; } .scheme__col:first-child .scheme__image { border-right: 1px solid lightgrey; } .column_posts { overflow: visible; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .column_posts .column_posts__item { width: 32%; margin-right: 0; } } @media only screen and (max-width: 991px) { .windows__item { width: 33%; } } @media only screen and (max-width: 767px) { .windows__item { width: 50%; } } @media only screen and (max-width: 479px) { .windows__item { width: 100%; } } .furniture .title_wrapper { max-width: 1060px } .col { width: 50%; } .furniture .wrap_flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .furniture__col img { width: 100%; max-width: 575px; height: auto; } .furniture__list { padding-right: 60px; } .furniture__item { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 25px; } .furniture__item img { width: 40px; height: 32px; margin-right: 20px; } .section__features { padding-top: 40px; } .section__features .title_wrapper { max-width: 100%; } .section__features .column_posts__item .post_item a { width: 70%; margin: 0 auto; margin-bottom: 5px; } .section__compare .compare_wrap_item { width: 100%; overflow: hidden; border-bottom: 1px solid #f1f1f1; padding-top: 10px; padding-bottom: 10px; } .windows-tab__header_mobile { display: none; } .select2-container { position: relative; display: inline-block; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; vertical-align: middle; } .select2-container .select2-selection--single { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; height: 28px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-right: 20px; padding-left: 8px; white-space: nowrap; } .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; min-height: 32px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { font-size: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 5px; border: none; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { position: absolute; z-index: 1051; left: -100000px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; border: 1px solid #ccc; border-radius: 4px; background-color: #fff; } .select2-results { display: block; } .select2-results__options { margin: 0; padding: 0; list-style: none; } .select2-results__option { padding: 6px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 4px; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .custom-select .select2-close-mask { position: fixed; z-index: 99; top: 0; left: 0; display: block; width: auto; min-width: 100%; height: auto; min-height: 100%; margin: 0; padding: 0; opacity: 0; border: 0; background-color: #fff; } .custom-select .select2-hidden-accessible { position: absolute; overflow: hidden; clip: rect(0 0 0 0); width: 1px; height: 1px; margin: -1px; padding: 0; border: 0; } .custom-select .select2-container--default .select2-selection--single { border: 1px solid #aaa; border-radius: 4px; background-color: #fff; } .custom-select .select2-container--default .select2-selection--single .select2-selection__clear { font-weight: 700; float: right; cursor: pointer; } .custom-select .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .custom-select .select2-container--default .select2-selection--single .select2-selection__arrow { position: absolute; top: 1px; right: 1px; width: 20px; height: 26px; } .custom-select .select2-container--default .select2-selection--single .select2-selection__arrow b { position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin-top: -2px; margin-left: -4px; border-width: 5px 4px 0 4px; border-style: solid; border-color: #888 transparent transparent transparent; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow { right: auto; left: 1px; } .select2-container--default.select2-container--disabled .select2-selection--single { cursor: default; background-color: #eee; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 4px 5px 4px; border-color: transparent transparent #888 transparent; } .select2-container--default .select2-selection--multiple { cursor: text; border: 1px solid #aaa; border-radius: 4px; background-color: #fff; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; padding: 0 5px; list-style: none; } .custom-select .select2-container--default .select2-selection--multiple .select2-selection__placeholder { float: left; margin-top: 5px; color: #999; } .custom-select .select2-container--default .select2-selection--multiple .select2-selection__clear { font-weight: 700; float: right; margin-top: 5px; margin-right: 10px; cursor: pointer; } .custom-select .select2-container--default .select2-selection--multiple .select2-selection__choice { float: left; margin-top: 5px; margin-right: 5px; padding: 0 5px; cursor: default; border: 1px solid #aaa; border-radius: 4px; background-color: #e4e4e4; } .custom-select .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { font-weight: 700; display: inline-block; margin-right: 2px; cursor: pointer; color: #999; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder { float: right; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-right: auto; margin-left: 5px; } .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-right: auto; margin-left: 2px; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid #000 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { cursor: default; background-color: #eee; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { border: none; outline: 0; background: 0 0; } .select2-container--default .select2-results > .select2-results__options { overflow-y: auto; max-height: 200px; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { color: #fff; background-color: #5897fb; } .select2-container--default .select2-results__group { display: block; padding: 6px; cursor: default; } .select2-container--classic .select2-selection--single { border: 1px solid #aaa; border-radius: 4px; outline: 0; background-color: #f6f6f6; background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee)); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { line-height: 28px; color: #444; } .select2-container--classic .select2-selection--single .select2-selection__clear { font-weight: 700; float: right; margin-right: 10px; cursor: pointer; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { position: absolute; top: 1px; right: 1px; width: 20px; height: 26px; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: #ddd; background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc)); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--single .select2-selection__arrow b { position: absolute; top: 50%; left: 50%; width: 0; height: 0; margin-top: -2px; margin-left: -4px; border-width: 5px 4px 0 4px; border-style: solid; border-color: #888 transparent transparent transparent; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow { right: auto; left: 1px; border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { border: none; background: 0 0; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-width: 0 4px 5px 4px; border-color: transparent transparent #888 transparent; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -o-linear-gradient(top, #fff 0, #eee 50%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(50%, #eee)); background-image: linear-gradient(to bottom, #fff 0, #eee 50%); background-repeat: repeat-x; } .custom-select .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#fff)); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; } .select2-container--classic .select2-selection--multiple { cursor: text; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-color: #fff; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .custom-select .select2-container--classic .select2-selection--multiple .select2-selection__rendered { margin: 0; padding: 0 5px; list-style: none; } .custom-select .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .custom-select .select2-container--classic .select2-selection--multiple .select2-selection__choice { float: left; margin-top: 5px; margin-right: 5px; padding: 0 5px; cursor: default; border: 1px solid #aaa; border-radius: 4px; background-color: #e4e4e4; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { font-weight: 700; display: inline-block; margin-right: 2px; cursor: pointer; color: #888; } .custom-select .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice { margin-right: auto; margin-left: 5px; } .select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove { margin-right: auto; margin-left: 2px; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; } .select2-container--classic .select2-dropdown { border: 1px solid transparent; background-color: #fff; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { overflow-y: auto; max-height: 200px; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { color: #fff; background-color: #3875d7; } .custom-select .select2-container--classic .select2-results__group { display: block; padding: 6px; cursor: default; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } .custom-select .select2-container--default .select2-selection--single .select2-selection__arrow b { top: 10px; width: .6rem; height: .6rem; margin-left: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); border: none; border-bottom: 2px solid #131313; border-left: 2px solid #131313; } .custom-select .select2-container--default .select2-selection--single { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .custom-select .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { top: 13px; width: .6rem; height: .6rem; margin-left: 0; -webkit-transform: rotate(136deg); -ms-transform: rotate(136deg); transform: rotate(136deg); border: none; border-bottom: 2px solid #131313; border-left: 2px solid #131313; } .custom-select .select2-container--default .select2-selection--single { border: none; background-color: transparent; } .custom-select .select2-container--default .select2-selection--single .select2-selection__rendered { font-weight: 600; color: #eb071e; font-size: 16px; } .custom-select .select2-container--default .select2-selection--single { width: 100%; } .windows-tab__header_mobile { margin-bottom: 40px; } @media (max-width: 1311px) { .section { padding-right: 75px; } } @media (max-width: 1000px) { .section { padding-right: 0; } .windows-tab__header { display: none; } .windows-tab__header_mobile { display: block; } } @media (max-width: 768px) { .section__features .column_posts__item .post_item a { width: 100%; margin-bottom: 5px; min-height: 40px; } .furniture .wrap_flex { -ms-flex-wrap: wrap; flex-wrap: wrap; } .col { width: 100%; } } @media (max-width: 500px) { .section { padding-bottom: 40px; } .scheme__image { padding: 10px; } .column_posts { -ms-flex-wrap: wrap; flex-wrap: wrap; } .column_posts .column_posts__item { width: 100%; margin-right: 0; margin-bottom: 50px; } .furniture__col img { width: 100%; max-width: 100%; height: auto; } .furniture__item img { width: 40px; height: 32px; margin-right: 20px; } .furniture__list { padding-right: 0px; } .solar_top_text_price__link { position: relative; bottom: 0; left: 0%; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); margin-top: 0; } .compare_wr { padding-bottom: 20px; } .block_reviews { padding-top: 0px; } .block_reviews .reviews_links a.all_reviews { width: 150px; } } .compare_wr { position: relative; } .mCSB_scrollTools.mCSB_scrollTools_horizontal { width: auto; height: 16px; top: -30px !important; } .compare__item { width: 9.8%; } .compare__item:first-child { width: 12%; } .compare__item:first-child p { font-size: 12px; text-align: center; } .compare_block_button .compare__item { padding-left: 10px; padding-right: 10px; } /* Правки */ .solar_picher_block_three-offset { width: 100%; margin-top: 4rem; float: left; } @media (max-width: 1000px) { .solar_picher_block_three-offset { margin-top: 13rem; } } @media (max-width: 760px) { .solar_picher_block_three-offset { margin-top: 2rem; } } @media (max-width: 640px) { .solar_picher_block_three-offset { margin-top: 4rem; } } .solar_picher_block_three_wrap { width: 100%; } /*панорамные окна страница*/ /**/ .page-desc{ font-size: 19px; } .red-item{ background: #EB071E; color: #fff; display: flex; align-items: stretch; } .red-item__title{ font-size:32px; display: block; margin-top: 0!important; color: #fff; } .red-item__right{ width: 60%; } .red-item__right img{ width: 100%; height: 100%; object-fit: cover; } .red-item__left{ width: 40%; color: #fff; display: flex; flex-direction: column; justify-content: space-between; padding: 32px 45px; } .page-desc_b-offset{ margin-bottom: 30px; } .red-item__right{ background-repeat: no-repeat; background-size: cover; min-height: 423px; } .red-item__desc{ font-size: 28px; color: #fff; font-weight: 700; } .red-item__desc p{ color: #fff; } .section__desc_middle{ font-size: 23px; } .section__desc_middle{ padding-top: 70px; padding-bottom: 20px; } .s-gallery__item{ height: 322px; flex: 1; position: relative; } .s-gallery{ position: relative; display: flex; align-items: flex-start; } .section-middle{ margin-bottom: 40px; } .s-gallery__desc{ padding: 11px 15px; font-size: 24px; } .full__title{ display: inline-block; padding: 8px 24px; background: #fff; color: #D9302D; font-size: 27px; position: absolute; left: 0; bottom: 20px; line-height: 1; } .ex-work-line__desc_mh{ display: block; min-height: 90px; } .full_b-offset{ margin-bottom: 30px; } .s-gallery__body{ padding:22px 13px; display:inline-block; background: rgba(255,255,255,.7); } .section__desc h2{ margin-bottom: 15px; } .full{ display: block; position: relative; height:417px; background-position: center; background-size: cover; } .s-gallery__content{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; justify-content: space-between; } .s-gallery__title{ font-size: 30px; display:inline-block; background: rgba(255,255,255,.7); padding: 3px 15px; font-weight: 700; } /*.row{ margin-left: -15px; margin-right: -15px; display: flex; align-items: flex-start; flex-wrap: wrap; }*/ .col{ padding-left: 15px; padding-right: 15px; } .col.col--lg-3{ width: 25%; } .col.col--lg-4{ width: 33.3%; } .window-tile__title{ padding-top: 5px; padding-bottom: 5px; display: block; font-size: 27px; padding-left:20px; border-left: 6px solid #DB3832; } .window-tile_b-offset{ margin-bottom: 50px; } .window-tile{ text-decoration: none; display: block; } .window-tile__content{ display: block; } img{ max-width: 100%; } .window-tile__pic{ margin-bottom: 30px; width: 100%; height: 267px; border: 4px solid #BDBCBC; display: flex; align-items: center; justify-content: center; } .window-tile__pic_large{ align-items: flex-start; height: 310px; } .ex-work__item{ border: 1px solid #DCDCDC; padding: 8px; } .ex-work__img{ display: block; } .ex-work__pic{ width: 100%; } .ex-work__title{ text-decoration: none; display: block; font-size: 22px; font-weight: 700; color: #EB071E; margin-bottom:20px; min-height: 54px; } .ex-work__content{ display: block; padding: 20px 24px; } .ex-work-line__title{ display: block; font-size: 18px; font-weight: bold; margin-bottom: 5px; } .ex-work-line{ font-size: 18px; margin-bottom: 13px; } .container_offset{ padding-left: 15px; padding-right: 15px; } .ex-work-lines{ margin-bottom: 20px; } .ex-work__link{ display: block; font-size: 18px; font-weight: 700; } .col--lg-3{ width: 25%; } .red-item__pic{ display: none; } .full-mobile{ display: none; } .form h4.form__title{ display: block; font-size: 40px; margin-bottom: 20px; margin-top: 0!important; } .form_gray{ background: #f1f1f1; padding:42px 60px; } .form-select .select2-selection--single{ border-bottom:1px solid #eb071e!important; } .form__input{ width: 100%; height: 40px; border:none; border-bottom: 1px solid #eb071e; font-size: 18px; background: rgba(255,255,255,0); } .form__input::-webkit-input-placeholder { color: #7b7b7b; } .form__input:-ms-input-placeholder { color: #7b7b7b; } .form__input::-ms-input-placeholder { color: #7b7b7b; } .form__input::placeholder { color: #7b7b7b; } .form-item_offset{ margin-bottom: 14px; } .form-select .select2-container--default .select2-selection--single{ border-radius: 0!important; } .form-select .select2-container .select2-selection--single{ height: 40px; } .form-select .select2-container--default .select2-selection--single .select2-selection__rendered{ font-weight: 500!important; font-size: 18px; padding-left: 0; color: #7b7b7b!important; } .form-select .select2-container--default .select2-selection--single .select2-selection__arrow b{ border-bottom: 2px solid #7b7b7b!important; border-left: 2px solid #7b7b7b!important; } .form-select .select2-container--default .select2-selection--single .select2-selection__rendered{ font-size: 18px!important; font-weight:400!important; font-family:Arial, sans-serif; } .file__input{ display: none; } .file__title{ cursor: pointer; text-transform: uppercase; letter-spacing: 1px; display: inline-flex; font-size: 13px; line-height: 1; font-weight: 600; align-items: center; } .file__ico{ width: 20px; height: 20px; margin-right: 10px; } .file_offset{ margin-top: 20px; margin-bottom: 20px; } .submit-btn{ display: inline-block; height: 50px; border-radius: 50px; background: #eb071e; color: #fff; padding-left: 40px; padding-right: 40px; border: 0; font-size: 18px; cursor: pointer; -webkit-transition: all .2s linear; transition: all .2s linear; } .reg-notif{ font-size: 18px; margin-top: 30px; margin-bottom: 50px; } .form-notif p{ color: #858585; } .form-notif a{ color: #858585; } .sale__content_mw{ max-width: 460px; } .sale_n-bg:before{ display: none; } .sale__content_mw .sale__desc{ margin-bottom: 30px; } .page-nav__ico{ width: 66px; height: 66px; margin-right: 35px; } .red{ color: #eb071e; } .sale__mobile{ display: none; } .page_navigation_l .nav_item_text_title{ font-size: 24px; } .page-nav_t-offset{ margin-top: 20px; margin-bottom: 20px; } .page-nav__content{ padding-top: 14px; padding-bottom: 14px; display: inline-flex; align-items: center; } .page-nav__arrow{ width: 30px; height: 20px; } .reviews-block-ajax .block_reviews{ margin-left: -15px; margin-right: -15px; } .page-nav__r{ position: absolute; right: 40px; top: 50%; transform: translateY(-50%); width: 32px; height: 22px; } .page-nav{ position: relative; display: block; border-top: 1px solid #eb071e; border-bottom: 1px solid #eb071e; padding-left: 38px; padding-right: 38px; text-decoration: none; } .success-s{ margin-top: 50px; margin-bottom: 260px; } .success-s__desc{ display: block; font-size:21px; } .success-s__title{ margin-top: 0!important; font-size:30px; margin-bottom: 20px; } .page-nav__title{ font-size: 24px; display: block; align-items: center; } .success-s__ico{ width: 74px; height: 74px; margin-bottom: 30px; } .good-luck{ margin-bottom: 60px; display: block; font-size: 21px; font-weight: 600; margin-top: 30px; } .title_reg{ font-weight: 400; } .prise-section__content{ padding: 15px 0 20px 60px ; } .how-to__title{ font-size: 21px; font-weight: 600; display: block; margin-bottom: 10px; } .how-to__content{ padding-top: 10px; } .how-to__item{ margin-bottom: 50px; display: flex; align-items: flex-start; } .prise-section__header{ display: flex; align-items: center; } .prise-section h2{ margin-bottom: 30px; } .prise__img{ margin-bottom: 14px; display: flex; border: 1px solid #e5e5e5; padding: 15px; height: 260px; justify-content: center; align-items: flex-end; } .how-to__img{ flex-shrink: 0; width: 68px; height: 68px; margin-right: 40px; } hr.hr-red{ width: 100%; height: 1px; border: none; background: #ed1c31; margin-top: 20px; margin-bottom: 30px; } .prise-section__item{ margin-bottom: 25px; } .prise-section{ margin-bottom: 60px; } .prise-section__title{ font-size: 21px; display: block; } .prise-section__numb{ width:50px; height: 50px; flex-shrink: 0; margin-right: 15px; border-radius: 50%; border: 1px solid #ed1c31; display: inline-flex; font-size: 21px; justify-content: center; align-items: center; line-height: 1; } .prise__title{ display: block; font-size: 21px; } .prise__img img{ max-height: 100%; } .prises{ display: flex; align-items:flex-start; justify-content: space-between; } .prise__item{ width: calc(33.3% - 10px); display: block; margin-bottom: 20px; } @media(max-width:1300px){ .s-gallery__content{ padding: 15px; } .s-gallery__item{ flex: none; width: 33.3%; } .s-gallery__desc{ font-size: 18px; } .s-gallery__title{ font-size: 24px; } } @media(max-width:1130px){ .ex-work__content { display: block; padding: 10px 10px; } .red-item h4{ font-size: 22px!important; } .red-item__desc{ font-size: 22px; } .red-item__left{ padding: 32px 25px; } } @media(max-width:1030px){ .ex-work-line{ font-size: 15px; } } @media(max-width:990px){ .how-to__title{ font-size: 15px; } .how-to__item{ margin-bottom: 30px; } .how-to__content{ padding-top: 0; } .how-to__img{ margin-right: 20px; width: 46px; height: 46px; } .prise-section__title{ font-size: 18px; } .prise-section h2{ font-size: 20px; } .prise__title{ font-size: 15px; } .success-s{ margin-bottom: 60px; margin-top: 10px; } .sale__title{ font-size: 22px; } .sale__desc{ font-size: 18px; } .sale_edited{ flex-wrap: wrap; height: auto; background: none!important; } .sale__content { position: relative; padding: 12px; } .sale__mobile{ width: 100%; margin-bottom: 20px; display: block; } .full{ height: inherit; background-image:none!important; } .full__title{ font-size: 18px; padding: 8px 0px; position: static; } .full-mobile{ display: block; } .ex-work .col--lg-3{ width: 50%; } .section-middle { margin-bottom: 10px; } .window-tile__pic{ margin-bottom: 10px; } .window-tile__title{ font-size: 18px; } .col.col--lg-3 { width: 50%; } .s-gallery{ flex-wrap: wrap; } .s-gallery__item{ width: 100%; } .red-item__pic{ display: block; width: 100%; } .s-gallery__body br{ display: none; } .s-gallery__body{ width: 100%; } .red-item h4 { font-size: 18px!important; } .red-item__desc { font-size: 18px; } .red-item__right{ min-height: inherit; background-image: none!important; } .s-gallery__item{ height: auto; } .s-gallery__item img{ width: 100%; } } @media(max-width:760px){ .prises{ flex-wrap: wrap; } .prise__item{ width: 100%; } .success-s__title{ font-size: 24px!important; } .success-s__desc{ font-size: 18px!important; } .slider_block .slider_block__item .wrap, .wrap{ padding-left: 15px; padding-right: 15px; } .block_form .wrap .block_form__item{ width: 100%; } .block_form .wrap .block_form__item form button{ max-width: 100%; } .block_form .wrap .block_form__item p.form_title{ font-size: 19px; } .page-nav{ padding-left: 14px; padding-right: 14px; } .page-nav__r{ display: none; } .page-nav__title{ font-size: 17px; } .submit-btn{ font-size: 15px; width: 100%; max-width: 300px; display: block; margin-left: auto; margin-right: auto; } .form h4.form__title{ font-size: 25px; } .file__title{ font-size: 10px; } .page-nav__ico { width: 48px; height: 48px; margin-right: 15px; } .registration.form_gray{ padding-left: 15px; padding-right: 15px; } .col.col--lg-4{ width: 100%; } .col.col--lg-3 { width: 100%; } .red-item{ flex-wrap: wrap; flex-direction: column-reverse; } .red-item__left{ width: 100%; } .red-item__right{ width: 100%; } .section__desc.section__desc_middle{ padding-top: 30px; font-size: 18px; } } @media(max-width:500px){ .ex-work__item{ margin-bottom: 14px; } .ex-work-line__desc_mh{ min-height: inherit; } .ex-work__title{ min-height: inherit; } .ex-work .col--lg-3{ width: 100%; } } #bx_incl_area_38{ display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -moz-box-align: center; -o-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; -webkit-box-pack: start; -moz-box-pack: start; -o-box-pack: start; -ms-flex-pack: start; -webkit-justify-content: flex-start; justify-content: flex-start; } .advantages--white { background: black; padding: 20px 0 5px 0; color: white; } .twenty-years-label { z-index: 10; position: absolute; right: 52px; bottom: 50px; display: flex; flex-direction: column; justify-content: space-between; background: white; border-radius: 10px; width: 412px; height: 254px; padding: 30px 40px 40px 40px; } .twenty-years-title { font-weight: 700; font-size: 28px; line-height: 135%; color: #1F1D1D; } @media screen and (max-width: 539px) { .twenty-years-label { width: unset; right: 0; } } @media screen and (max-width: 700px) { .tag_rm_filter_1, .tag_rm_filter_2, .tag_rm_filter_3 { flex-wrap: wrap; } .tags_readymade a { margin-bottom: 5px; } .products .btn.btn--black.btn--medium { min-width: unset; padding: 0 5px; } } /* End */ /* Start:/local/templates/okna_new/components/bitrix/news/akcii_slider/bitrix/news.list/.default/style.css?1748356082108*/ div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/okna_new/components/bitrix/menu/main_work_steps/style.css?1748356082251*/ #bx_incl_area_19,#bx_incl_area_4_4{ --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; margin-top: calc(var(--bs-gutter-y) * -1); margin-right: calc(var(--bs-gutter-x) * -.5); margin-left: calc(var(--bs-gutter-x) * -.5); } /* End */ /* Start:/local/templates/okna_new/components/bitrix/catalog.section.list/new-popup-city-list/style.css?1748356082218*/ .nameSity-head{ color: #333; cursor: pointer; font-weight: bold; margin-bottom: 10px; } .catalog-section-list>ul>li:nth-of-type(4) { position: absolute !important; left: 0px !important; top: 69px !important; ; } /* End */ /* Start:/local/templates/okna_new/styles.css?1748356094101*/ .popap_dir.os-sob form textarea { padding: 10px 0; font-size: 18px; resize: none; height: auto; } /* End */ /* Start:/local/templates/okna_new/template_styles.css?175282493241736*/ .tags_readymade { display: flex; justify-content: center; flex-direction: column; margin-bottom: 30px; } .tag_rm_filter_1, .tag_rm_filter_2, .tag_rm_filter_3 { display: flex; margin: 9px 9px; justify-content: center; align-items: center; align-content: center; flex-direction: row; } #search_sity { margin: 10px } .top .top_block .top_block__nav.nav_two ul>li>ul{ display:none; } .top_fixed_nav>ul>li>ul{ display:none; } .footer{ overflow:hidden; } .popap_sity_wr{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; display: none; background: rgba(0,0,0,.3); } .phoneInner2 { text-decoration: none; } .free-call { position: absolute; font-size: 14px; text-align: center; } .popap_sity{ width: 840px; position: relative; margin: auto; background: #fff; padding: 50px; border: 4px solid #eb071e; } .phoneList{ display: none; } .sityList { display: none; } .catalog-section-list>ul{ padding: 0; max-width: 840px; position: relative; display: flex; flex-wrap: wrap; height: auto; justify-content: space-between; } .catalog-section-list>ul:after { content: ''; display: block; clear: both; } .catalog-section-list>ul>li{ width: 33.3%; float: left; padding-bottom: 10px; padding-right: 10px; box-sizing: border-box; } .catalog-section-list>ul>li:nth-of-type(2) { order: -1; } .catalog-section-list>ul>li:nth-of-type(4) { order: -1; } .catalog-section-list>ul>li>p.sityName{ font-weight: bold; margin-bottom: 10px; } .catalog-section-list>ul>li>p.sityName>span:hover{ text-decoration: none; } .catalog-section-list>ul>li>ul{ padding-left: 10px; } .catalog-section-list>ul>li>ul>li{ padding-top: 1px; padding-bottom: 1px; } .catalog-section-list>ul>li>ul>li>p.sityName{ cursor: pointer; font-size: 13px; } .flexselect{ width: 210px; display: block; margin: auto; height: 50px; border: 0; background: transparent; border-bottom: 1px solid #b9bebf; color: #606060; -webkit-transition: all .3s linear; transition: all .3s linear; } .sity_link{ cursor: pointer; } .content_page_block_one .wrap p{ margin-top: 10px; margin-bottom: 10px; word-wrap: break-word; } .content_page_block_one .wrap h4{ margin-bottom: 15px; margin-top: 35px; font-size: 25px; font-weight: normal; } .content_page_block_one .wrap .title{ margin-bottom: 15px; margin-top: 35px; font-size: 25px; font-weight: normal; } .close_popap{ position: absolute; top: -4px; right: -4px; width: 50px; height: 50px; background: url(/local/templates/okna_new/img/close_mobil-w.png) no-repeat #eb071e center; cursor: pointer; } .success_popap2 { margin-top: 50px; } .contact_left_text .salons>li{ padding-top: 10px; padding-bottom: 10px; } .contact_left_text .all-filials-town{ padding-top: 2px; padding-bottom: 2px; } .contact_left_text .salons>li a:hover{ text-decoration: none; } .contacts2{ padding-top: 15px; padding-bottom: 15px; } .contacts2 li{ padding-top: 3px; padding-bottom: 3px; } .contact_right>ymaps{ display: block; width: 100% !important; height: 100% !important; } .footer .footer_center a.footer_city span{ margin-left: 0; color: #d0d3d4; } .footer .footer_center p.footer_phone span{ color: #d0d3d4; } .footer .footer_phone sup { color: #d0d3d4; } .footer .footer_center a.footer_phone { float: left; line-height: 81px; margin-left: 35px; color: #d9dbdc; text-decoration: none; } .page_navigation[col5] .nav_item .nav_item_text{ bottom: 25px; top: auto; } .page_navigation[col5] .nav_item:hover .nav_item_text{ top: auto; bottom: 120px !important; } .page_navigation .nav_item .nav_item_text{ bottom: 25px; top: auto; } .page_navigation .nav_item:hover .nav_item_text{ top: auto; } .slider_block .akcii__item{ height: 680px; } .slider_block { height: 650px; } .slider_block .owl-controls .owl-dots{ position: absolute; bottom: 0; background: #fff; } .content_page_block_one .wrap h4.block_title { text-align: center; color: #333; text-transform: uppercase; font-size: 40px; font-weight: 400; margin-bottom: 50px; letter-spacing: 2px; } .main-container.group .center-container .bxslider{ width: 1180px; margin: auto; padding-left: 15px; padding-top: 50px; padding-bottom: 50px; padding-right: 15px; } .column_two_text_text { width: 100%; overflow: hidden; padding-bottom: 80px; } .column_two_text_text { width: 100%; overflow: hidden; padding-bottom: 80px; border-top: 1px solid #eb071e; border-bottom: 1px solid #eb071e; padding-top: 80px; } .column_two_text_text .column_two_text_text__item { width: 50%; float: left; overflow: hidden; padding-right: 100px; box-sizing: border-box; } .column_two_text_text .column_two_text_text__item { width: 50%; float: left; overflow: hidden; padding-right: 100px; box-sizing: border-box; } .column_two_text_text .column_two_text_text__item p { color: #333333; font-size: 18px; line-height: 1.5; } .column_two_text_text .column_two_text_text__item p span { display: block; float: left; margin-right: 35px; } .content_page_block_one .wrap .t_m { width: 100%; overflow: hidden; padding-top: 80px; box-sizing: border-box; } .content_page_block_one .wrap .t_m h4 { text-align: center; color: #333333; text-transform: uppercase; font-size: 40px; font-weight: normal; margin-bottom: 30px; letter-spacing: 2px; } .t_m_wr { width: 100%; overflow: hidden; } .reviews_list .owl-stage-outer{ width: 1000px; margin: auto; } .reviews_list_footer .owl-stage-outer{ width: 760px!important; margin: auto; } .block_reviews p{ width: 380px; } .content_page_block_one .wrap .t_m_wr .t_m__item { width: 49%; display: inline-block; overflow: hidden; padding-right: 108px; vertical-align: top; margin-bottom: 80px; } .content_page_block_one .wrap .t_m_wr .t_m__item img { display: block; width: 100%; height: auto; margin-bottom: 40px; } .content_page_block_one .wrap .t_m_wr .t_m__item h4 { font-size: 30px; color: #0a090a; font-weight: normal; text-align: left; } .content_page_block_one .wrap .t_m_wr .t_m__item .title { font-size: 30px; color: #0a090a; font-weight: normal; text-align: left; text-transform: uppercase; margin-bottom: 30px; letter-spacing: 2px; } .content_page_block_one .wrap .t_m_wr .t_m__item p { font-size: 18px; color: #333333; line-height: 1.5; } .content_page_block_one .wrap .t_m_wr .t_m__item:nth-of-type(2n) { padding-right: 0; padding-left: 108px; } .content_page_block_one .wrap .t_m > p { max-width: 768px; margin: auto; text-align: center; font-size: 18px; line-height: 1.5; margin-bottom: 60px; } .dil-wr{ padding-top: 90px; padding-bottom: 90px; box-sizing: border-box; overflow: hidden; } .dil-wr p{ line-height: 1.5; } form[name="form_auth"]{ padding-top: 15px; padding-bottom: 15px; width: 500px; display: block; margin: auto; padding: 40px; border: 4px solid #eb071e; background: #fff; margin-top: 20px; } form[name="form_auth"] fieldset{ margin-bottom: 10px; display: block; overflow: hidden; } form[name="form_auth"] fieldset label{ float: left; font-size: 14px; display: none; } form[name="form_auth"] fieldset input[type="text"]{ float: right; width: 100%; height: 30px; border:0; border-bottom:1px solid #eb071e; } form[name="form_auth"] fieldset input[type="password"]{ float: right; width: 100%; height: 30px; border:0; border-bottom:1px solid #eb071e; } form[name="form_auth"] noindex{ display: none; } form[name="form_auth"] fieldset input[type="checkbox"]{ float: right; width: 20px; height: 20px; margin-top: 15px; margin-bottom: 15px; } form[name="form_auth"] fieldset label[for="USER_REMEMBER"]{ margin-top: 15px; margin-bottom: 15px; } .send-form{ float: left; } .send-form .submit{ width: 140px; height: 40px; border-radius: 50px; background: #eb071e; color: #fff; font-size: 18px; border:0; font-size: 14px; cursor: pointer; } form[name="form_auth"] fieldset a{ float: right; color: #eb071e; font-size: 14px; line-height: 40px; } form[name="bform"]{ padding-top: 15px; padding-bottom: 15px; width: 500px; display: block; margin: auto; padding: 40px; border: 4px solid #eb071e; background: #fff; margin-top: 20px; } form[name="bform"]>p:nth-of-type(1){ display: none; } form[name="bform"]>p:nth-of-type(2){ float: right; position: relative; margin-top: -40px; } form[name="bform"] fieldset{ margin-bottom: 10px; display: block; overflow: hidden; } form[name="bform"] fieldset label{ float: left; font-size: 14px; width: 100%; } form[name="bform"] fieldset.chapcha{ margin-top: 10px; } .errortext{ display: none; } form[name="bform"] fieldset.chapcha input{ float: right; width: 200px; height: 30px; border:0; border-bottom:1px solid #eb071e; } form[name="bform"] fieldset.chapcha img{ width: 190px; } form[name="bform"] fieldset.chapcha label{ margin-bottom: 15px; } form[name="bform"] fieldset input{ float: right; width: 100%; height: 30px; border:0; border-bottom:1px solid #eb071e; } form[name="bform"] fieldset input[type="password"]{ float: right; width: 100%; height: 30px; border:0; border-bottom:1px solid #eb071e; } form[name="bform"] noindex{ display: none; } form[name="bform"] fieldset input[type="checkbox"]{ float: right; width: 20px; height: 20px; margin-top: 15px; margin-bottom: 15px; } form[name="bform"] fieldset label[for="USER_REMEMBER"]{ margin-top: 15px; margin-bottom: 15px; } .send-form{ float: left; } .send-form .submit{ width: 140px; height: 40px; border-radius: 50px; background: #eb071e; color: #fff; font-size: 18px; border:0; font-size: 14px; cursor: pointer; } form[name="bform"] fieldset a{ float: right; color: #eb071e; font-size: 14px; line-height: 40px; } .public .public_wr{ padding-top: 0; } .public .public_wr .public_content img{ width: 100%; margin-top: 0; margin-bottom: 45px; } .content_page_block_one{ padding-bottom: 0; } .windows_block__two{ padding-top: 40px; } .public_content ul{ padding: 0; margin-bottom: 40px; } .public_content ul li{ padding: 0; padding-left: 30px; background: url(/local/templates/okna_new/img/lii.png) no-repeat left 8px; font-size: 18px; margin-bottom: 15px; } .bg_formm{ position: fixed; width: 100%; height: 100%; top: 0; bottom: 0; left: 0; right: 0; z-index: 99; margin: auto; background: rgba(0,0,0,.7); display: none; } .popap_dir{ width: 500px; height: 595px; display: block; background: #fff; overflow: hidden; position: fixed; top: 0; bottom: 0; left: 0; right: 0; margin: auto; padding: 50px; z-index: 100; display: none; } .popap_dir h4{ color: #333333; font-size: 30px; font-weight: normal; margin-bottom: 15px; } .popap_dir .title{ color: #333333; font-size: 30px; font-weight: normal; margin-bottom: 15px; } .popap_dir p{ font-size: 18px; color: #333333; } .popap_dir p span{ font-weight: bold; } .popap_dir form input{ display: block; width: 100%; font-size: 18px; font-weight: normal; height: 50px; border:0; border-bottom: 1px solid #eb071e; } .popap_dir form input::-webkit-input-placeholder{ font-weight: normal; font-family: muller,sans-serif; } .popap_dir form textarea{ display: block; width: 100%; height: 50px; border:0; border-bottom: 1px solid #eb071e; } .popap_dir form{ margin-top: 10px; margin-bottom: 10px; } .popap_dir form p{ margin-top: 20px; margin-bottom: 20px; } .popap_dir form button{ width: 180px; height: 50px; border-radius: 50px; border:0; background: #bec2c4; color: #fff; font-size: 18px; cursor: pointer; margin-top: 30px; } .popap_dir form button:hover{ background: #eb071e; } .popap_dir .close_popap2{ position: absolute; top: 0; right: 0; width: 50px; height: 50px; background: url(/local/templates/okna_new/img/close_popap2.png) no-repeat center; cursor: pointer; } .popap_dir .close_popap2:hover{ background: url(/local/templates/okna_new/img/close_popap2-h.png) no-repeat #eb071e center; } .zk-zv{ height: 420px; } a{ cursor: pointer; } #map>*{ transition: 0s all linear; } .page_navigation .nav_item .nav_item_text>p{ display: none !important; } .search-page{ padding-top: 50px; padding-bottom: 50px; } .search-page .search-query{ width: 100%; height: 50px; padding-left: 20px; border: 2px solid #eb071e; float: left; font-size: 14px; text-transform: uppercase; letter-spacing: 3px; } .search-page .search-button{ height: 50px; width: 200px; border: 0; background: #eb071e; color: #fff; font-size: 14px; float: right; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; } .search-page table{ margin-bottom: 20px; } .search-result{ margin-top: 20px; } .search-item{ margin-bottom: 20px; border-bottom: 1px solid #eb071e; padding-bottom: 15px; } .search-item h4{ font-size: 14px; text-transform: uppercase; letter-spacing: 2.5px; margin-bottom: 10px; } .search-item h4 a{ text-decoration: none; } .search-preview{ font-size: 14px; } .ctrl{ display: none; } .arrow{ font-size: 20px; } .navigation-arrows{ float: left; } .navigation-arrows a{ color: #eb071e; text-transform: uppercase; font-weight: bold; letter-spacing: 2.5px; margin-left: 5px; margin-right: 5px; } .navigation-arrows span{ text-transform: uppercase; font-weight: bold; letter-spacing: 2.5px; margin-left: 5px; margin-right: 5px; } .navigation-pages{ float: right; } .navigation{ padding-bottom: 25px; border-bottom: 1px solid #eb071e; overflow: hidden; } .navigation-title{ text-transform: uppercase; font-weight: bold; letter-spacing: 2.5px; margin-right: 5px; } .navigation-pages a{ color: #eb071e; text-transform: uppercase; font-weight: bold; letter-spacing: 2.5px; margin-left: 3px; margin-right: 3px; } .navigation-pages span{ text-transform: uppercase; font-weight: bold; letter-spacing: 2.5px; margin-left: 3px; margin-right: 3px; } body.scroll .content_page--bg .content_page_block_two p, body.scroll .content_page--bg .content_page_block_two h1, body.scroll .content_page--bg .content_page_block_two span, body.scroll .content_page--bg .content_page_block_two .content_page_block_two_block_three .content_page_block_two_block_three_left p, body.scroll .content_page--bg .content_page_block_two .content_page_block_two_block_three .content_page_block_two_block_three_right p, body.scroll .content_page--bg .content_page_block_two .content_page_block_two_wr .content_page_block_two_item p { color: #fff } body.scroll .content_page_block_one .about_block_one__left > p > span { color: #eb071e; } body.scroll .content_page_block_two .block_two_bg { opacity: 1 } body.scroll .content_page--bg .content_page_block_two .content_page_block_one .about_block_one__left p, body.scroll .content_page--bg .content_page_block_two .content_page_block_one .about_block_one__right p, body.scroll .content_page--bg .content_page_block_two p.title_block_two { color: #fff } body.scroll .content_page--bg .content_page_block_two .content_page_block_two_block_video .link_video svg path, body.scroll .content_page--bg .content_page_block_two .content_page_block_two_block_video .link_video svg text { fill: #fff } body.scroll .top_fixed { height: 60px; overflow: visible; opacity: 1 } body.scroll .sidebar_top { height: 60px } body.scroll .phoneFree--left { opacity: 0; z-index: -1; } .top .top_block .top_block__nav.nav_one nav>ul>li>a{ cursor: pointer; } .top_fixed .top_fixed_logo a>svg{ overflow: visible; } .top .top_block .top_block__nav.nav_two>nav>ul>li.active{ border-bottom: 2px solid #eb071e; } .top_fixed .top_fixed_nav>nav>ul>li.active{ border-bottom: 2px solid #eb071e; } .back_sity{ display: none; } .sidebar_wr.fixed{ transition: all .2s linear; transition: all .2s linear; } .top{ z-index: 101; } .solar_picher_block_three_wr h4{ font-size: 40px; font-weight: 400; margin-bottom: 20px; line-height: 1; } .solar_picher_block_three_wr p{ font-size: 18px; color: #333; line-height: 1.5; margin-bottom: 25px; } .page_navigation[col5] .nav_item:nth-of-type(n+6){ display: none; } .public_right_icon{ display: block; overflow: hidden; margin-bottom: 15px; } .public_right_icon span{ width: 60px; display: inline-block; vertical-align: middle; } .public_right_icon p{ display: inline-block; vertical-align: middle; max-width: 230px; font-size: 15px; color: #343333; } .public_right_icon span img{ width: 34px; display: block; height: auto; } .public_right_button{ display: block; width: 100%; height: 50px; line-height: 46px; text-transform: uppercase; border:2px solid #eb071e; border-radius: 50px; text-align: center; transition-duration: none; font-size: 13px; color: #2a2a2a; margin-top: 30px; } .public_right_button:hover{ background: #eb071e; color: #fff; } .page_navigation[col5_last] .nav_item .nav_item_text{ top: 220px; } .block_one__items .block_one__item .block_one__item_text span{ margin-top: 0; line-height: 80px; } .block_one__items .block_one__item .block_one__item_text h4{ margin-top: 0; line-height: 80px; } .mobil_nav_ul_one ul li a span{ display: none; } .mobil_nav_ul_one ul li a{ padding-top: 24px; } .block_one__items .block_one__item .block_one__item_text p{ display: none; } .block_one__items .block_one__item .block_one__item_text{ height: auto; } .compare_block{ width: 100%; min-width: 1150px; overflow: hidden; } .compare_block_pich{ padding-bottom: 10px; } .compare_wrap_item{ width: 100%; overflow: hidden; border-bottom: 1px solid #f1f1f1; } .compare_wr.paket .compare__item{ width: 16.3%; } .compare_wr.paket .compare__item.w100{ width: 100%; } .compare__item{ width: 10.8%; display: inline-block; overflow: hidden; vertical-align: middle; overflow: hidden; padding-top: 5px; padding-bottom: 5px; } .compare_block_button .compare__item{ padding-left: 20px; padding-right: 20px; } .compare_wrap_item:first-child .compare__item:hover p { color: #343434; transition: .3s; text-decoration: none; } .compare__item img{ display: block; margin: auto; } .compare_wrap_item .compare__item:first-child{ padding-left: 10px; } .compare_wrap_item .compare__item:first-child p{ text-align: left; } .compare__item p{ font-size: 14px; text-align: center; } .compare_block_title .compare__item:nth-of-type(n+2) p{ text-align: center; text-transform: uppercase; color: #606060; font-weight: 900; } .compare_block_title .compare__item:nth-of-type(n+2) a:hover { color: #eb071e; transition: .3s; } .compare_block_title .compare__item:nth-of-type(n+2) a:hover p { color: #eb071e; } .compare_block_button .compare__item a { display: block; max-width: 120px; height: 40px; border: 2px solid #eb071e; border-radius: 40px; text-align: center; line-height: 36px; text-decoration: none; cursor: pointer; margin: auto; transition: .2s all linear; width: 100%; } .compare_block_button{ border-bottom: 0; padding-top: 15px; padding-bottom: 10px; } .compare_block_button .compare__item a:hover{ background:#eb071e; color: #fff; } .compare_block_price .compare__item:nth-of-type(n+2) p{ font-size: 18px; } .compare_wr{ widows: 100%; overflow-x: auto; overflow-y:hidden; padding-bottom: 40px; } .nastr a{ text-decoration: none; } .rew2 .item{ width: 45%; padding-right: 30px; margin-bottom: 25px; } .rew2 .item p{ font-size: 18px; color: #333; margin-bottom: 2px; } .rew2 .item p br{ display: none; } .rew2 .item p.name{ color: #8f8f8f; font-weight: 700; line-height: 1.6; margin-bottom: 0; margin-top: 2px; } .rew2 .item p.date{ font-size: 12px; margin-top: 0; } .rew2{ padding-bottom: 40px; } .ty_form{ display: none; } .ty_form p:nth-of-type(1){ text-align: center; margin-top: 100px; font-size: 26px; margin-bottom: 15px; } .ty_form p:nth-of-type(2){ text-align: center; width: 190px; display: block; margin: auto; } .column_posts.doors .column_posts__item .post_item{ width: 33.3%; padding-left: 20px; padding-right: 20px; } .column_posts.doors .column_posts__item{ width: 100%; } .okna_form_ty{ display: none; } .okna_form_ty p{ color: #fff; text-align: center; } .okna_form_ty p:nth-of-type(1){ font-size: 23px; } .okna_form_ty p:nth-of-type(2){ font-size: 18px; margin-top: 10px; } .tabll{ margin-bottom: 30px; } .tabll td{ padding: 10px; } ul.breadcrumb-navigation{ padding-top: 20px; } ul.breadcrumb-navigation a{ font-size: 13px; color: #606060; text-decoration: none; } ul.breadcrumb-navigation a:hover{ text-decoration: underline; } ul.breadcrumb-navigation span{ font-size: 13px; color: #606060; text-decoration: none; padding-left: 5px; padding-right: 5px; } .mobil_nav_ul_two>ul>li>ul>li a{ display: block; width: 100%; } .bx-auth{ width: 1180px; margin: auto; padding-left: 15px; padding-right: 15px; } .bx-auth-note{ text-align: center; } .table{text-align:left;width:100%;color:#000;font-size:0.923em;margin:20px 0;} .table tr:first-child th{border-bottom:1px solid #B2B2B2;} .table.table-non tr:first-child th{border-bottom:none;} .table td, .table th{vertical-align:middle;} .table-main .header-table td, .table th{background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMWQxZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);background:-moz-linear-gradient(top, #fcfcfc 0%, #d1d1d1 100%);background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fcfcfc), color-stop(100%,#d1d1d1));background:-webkit-linear-gradient(top, #fcfcfc 0%,#d1d1d1 100%);background:-o-linear-gradient(top, #fcfcfc 0%,#d1d1d1 100%);background:-ms-linear-gradient(top, #fcfcfc 0%,#d1d1d1 100%);background:linear-gradient(to bottom, #fcfcfc 0%,#d1d1d1 100%);-pie-background:linear-gradient(top, #fcfcfc 0%, #d1d1d1 100%);font-weight:bold;} .table th span{font-weight:normal;} .table th, .table td{border:1px solid #D5D5D5;padding:10px;} .table.table-non th, .table.table-non td{border:none;} .table td:first-child, .table th:first-child{text-align:center;} .table th{border-top:1px solid #919191;} .table.table-non th{border-top:none;} .table td:first-child, .table th:first-child{border-left:1px solid #919191;} .public_content ul li{ display: block; width: 100%; } .public_content>.catalog-section-list>ul>ul>li{ padding-left: 65px; } .dil-wr p strong{ margin-top: 15px; margin-bottom: 15px; display: block; } .dil-wr h2{ margin-top: 15px; margin-bottom: 15px; display: block; } .dil-wr h4{ margin-top: 15px; margin-bottom: 15px; display: block; } .dil-wr h3{ margin-top: 15px; margin-bottom: 15px; display: block; } .allAd h2 { border-top: 1px solid #CCCCCC; display: block; padding-top: 10px; clear: both; margin-top: 15px; } .allAd img { max-width: 500px; } @media (max-width: 1600px){ .free-call-adaptive { display: none; } .open_nav{ width: 80px; float: right; } .top_fixed p.top_fixed_phone{ margin-right: 20px; } .sidebar *{ transition: .2s all ease-in-out; } .gist_top, p.phone_top { float: right; display: block; min-width: 170px; /*width: 180px;*/ } .gist_form input{ display: none; } .gist_form button{ display: none; } .gist_form #search_sity{ display: none; } .sidebar:hover .gist_form input{ display: block; } .sidebar:hover .gist_form button{ display: block; } .sidebar:hover #search_sity{ display: block; } } @media (max-width: 1450px) and (min-width: 1000px){ .gist_top p { margin: 3px 0 31px 5px; } } @media (max-width: 1290px){ .main-container { width: 100%; } .free-call-adaptive { display: none; } .catalog-section-list>ul>li:nth-of-type(1) { position: absolute; left: 0px; top: 365px; } .catalog-section-list>ul>li:nth-of-type(2) { position: absolute; left: 244px; top: 0px; } .catalog-section-list>ul>li:nth-of-type(3) { position: absolute; left: 488px; top: 0px; } .catalog-section-list>ul>li:nth-of-type(4) { position: absolute; left: 0px; top: 72px; } .catalog-section-list>ul>li:nth-of-type(5) { position: absolute; left: 488px; top: 99px; } .catalog-section-list>ul>li:nth-of-type(6) { position: absolute; left: 488px; top: 198px; } .catalog-section-list>ul>li:nth-of-type(7) { position: absolute; left: 488px; top: 263px; } .catalog-section-list>ul>li:nth-of-type(8) { position: absolute; left: 0px; top: 351px; } .catalog-section-list>ul>li:nth-of-type(8) { position: absolute; left: 488px; top: 362px; } .catalog-section-list>ul>li:nth-of-type(10) { position: absolute; top: 429px; } .bx-auth{ width: 920px; } .content_page_block_one .wrap h4.block_title{ font-size: 30px; } body.scroll .sidebar_top { height: 80px } .block_reviews p { width: 460px; } .reviews_list .owl-stage-outer{ width: 460px; } .gist_top, p.phone_top{ width: auto; min-width: 150px; } .content_page_block_one .wrap .t_m_wr .t_m__item { padding-right: 40px; } .content_page_block_one .wrap .t_m_wr .t_m__item:nth-of-type(2n){ padding-left: 40px; } } @media (max-width: 1000px){ .free-call-adaptive { display: none !important; position: absolute; } .bx-auth{ width: 100%; } .solar_picher_block_three_wr h4{ font-size: 25px; } .solar_picher_block_three_wr img{ width: 100%; display: block; height: auto; } .block_video .block_video_link{ margin-top: 30px; } .slider_block { height: 369px; } .gist_top{ margin-left: 0; } .footer .footer_center a.footer_phone{ display: block; line-height: 40px; width: 100%; text-align: center; height: 40px; margin-left: 0; } .mobil_footer .footer_gist p{ text-align: center; } .mobil_footer .footer_gist p span{ color: #eb071e; } .page_navigation .nav_item .nav_item_text .nav_item_text_title a{ font-size: 19px; padding: 11px 20px; } .page_navigation .nav_item .nav_item_text .nav_item_text_title span{ font-size: 19px; padding: 11px 20px; } .window_nav .window_nav_left .window_nav_left_item .window_nav_left_title p, .window_nav .window_nav_right .window_nav_right__item .window_nav_right__item_title h4{ word-wrap: break-word; } .navigation-arrows{ float: none; } .navigation-pages{ float: none; margin-top: 10px; } .solar_picher_block_one .solar_picher_block_one__text .solar_picher_block_one__text_wr{ min-height: 50px; background-size: 60px !important; padding-top: 10px; } } @media (max-width: 667px){ .solar_picher_block_two{ display: block !important; width: 100%; } .solar_picher_block_two_picher { margin-left: 0; width: inherit; } .solar_picher_block_two_text { width: 100%; } .free-call-adaptive { display: none !important; } .popap_dir{ width: 95%; height: 315px; padding: 20px;git } .popap_dir h4{ font-size: 20px; } .popap_dir .title{ font-size: 20px; } .popap_dir p{ font-size: 12px; display: none; } .popap_dir form input{ height: 40px; font-size: 14px; } .popap_dir.os-sob form textarea { font-size: 14px; height: 80px; } .popap_dir form button{ height: 40px; margin-top: 15px; font-size: 15px; } .gist_top { display: none; } .gist_top, p.phone_top{ width: 140px; margin-top: 15px; } p.phone_top { font-size: 11px; margin-top: unset; } } @media (max-width: 640px){ .free-call-adaptive { display: none !important; } .solar_picher_block_four_right>iframe{ width: 100% !important; } .column_posts.doors .column_posts__item .post_item{ width: 100%; padding-left: 0; padding-right: 0; margin-bottom: 20px; } .rew2 .item{ width: 100%; } .overflow{ position: fixed; } .top .logo svg{ width: 80px; } .top .logo{ margin-top: 10px !important; } .content_page_block_one .wrap h4.block_title{ font-size: 20px; } .column_two_text_text .column_two_text_text__item p{ font-size: 16px; } .column_two_text_text{ padding-top: 30px; padding-bottom: 30px; } .catalog-section-list>ul{ height: auto !important; position: relative !important; } .contact .contact_item .contact_left .contact_left_text h1{ margin-top: 0; } #map{ height: 300px !important; } .contact .contact_item .contact_left .contact_left_text{ padding: 40px 20px 40px; } .window_nav .window_nav_right .window_nav_right__item{ height: 150px; background: #fff !important; border: 1px solid #e0e4e5; border-top: 0; } .window_nav .window_nav_right .window_nav_right__item .window_nav_right__item_title h4{ color: #606060; } .window_nav .window_nav_right .window_nav_right__item .window_nav_right__item_title p{ color: #eb4fa2; } .back_sity{ position: absolute; top: -4px; left: -4px; width: 50px; height: 50px; background:#eb071e; color: #fff; font-size: 35px; cursor: pointer; text-align: center; line-height: 50px; display: none; } .popap_sity{ width: 95%; padding: 65px 40px; max-height: 100vh; overflow-y: auto; overflow-x: hidden; } .catalog-section-list>ul>li{ width: 100%; cursor: pointer; position: static !important; } .popap_sity.dis>.back_sity{ display: block; } .popap_sity.dis>.catalog-section-list>ul>li{ padding-bottom: 0; } .popap_sity.dis>.catalog-section-list>ul>li{ display: none; } .popap_sity.dis>.catalog-section-list>ul>li.active{ display: block; top: 0 !important; } .popap_sity.dis>.catalog-section-list>ul>li.active>ul{ display: block; } .catalog-section-list>ul>li>ul{ display: none; } .block_video .block_video_link{ margin-top: 0; } .phone_footer span, .phone_footer sup{ color: #fff; } .phone_footer .phoneInner2 { color: #fff; } .block_video_link svg g:nth-of-type(1){ display: none; } .block_reviews p { width: 280px; } .reviews_list .owl-stage-outer{ width: 280px; } .top .logo{ width: 100px; } .slider_block.owl-carousel, .slider_block .slider_block__item{ padding-bottom: 20px; } .column_two_text_text .column_two_text_text__item { width: 100%; padding-right: 0; margin-bottom: 30px; } .gist_top{ display: none; } .slider_block .akcii__item{ /*height: auto;*/ height: 290px; } .t_m__item { display: block !important; float: none; width: 290px !important; margin: auto; margin-bottom: 70px !important; } .content_page_block_one .wrap .t_m_wr .t_m__item:nth-of-type(2n) { padding-left: 0; } .content_page_block_one .wrap .t_m_wr .t_m__item h4 { font-size: 18px; } .content_page_block_one .wrap .t_m_wr .t_m__item .title { font-size: 18px; } .content_page_block_one .wrap .t_m_wr .t_m__item p { font-size: 16px; } .content_page_block_one .wrap .t_m h4 { font-size: 20px; } .content_page_block_one .wrap .t_m{ padding-top: 20px; } form[name="form_auth"]{ width: 300px; } form[name="form_auth"] fieldset label{ width: 170px; } .send-form .submit{ width: 100%; } .send-form{ width: 100%; } div.page-auto-form a.forget-link{ margin-left: 0; display: block; width: 100%; text-align: center; } .navigation-arrows a{ font-size: 11px; } .navigation-arrows span{ font-size: 11px; } .navigation-pages a{ font-size: 11px; } .navigation-pages span{ font-size: 11px; } .search-page .search-button{ width: 100px; } .slider-conteiner img{ display: block; width: 100%; height: auto; } .main-container.group .center-container .bxslider{ width: 100%; } } @media (max-width: 500px){ .solar_top .solar_top_wr .solar_top_text .solar_top_text_price a.solar_top_text_price__link{ background: #fff; } .content_page_block_one h1{ font-size: 18px; } .solar_picher_block_two_picher.size150{ background-size: 200px !important; } .solar_picher_block_one.displayNone{ margin-bottom: 20px; } .solar_picher_block_two{ background-size: contain !important; background-position: top !important; } .solar_picher_block_two .solar_picher_block_two_picher{ height: 220px; } .public .public_wr .public_content iframe{ width: 100% !important; } } .main-container{ position: relative; overflow: hidden; } .top{ box-shadow: -10px 3px 20px rgba(0,0,0,.1); } /* AJAX CUSTOM PRELOADER */ #win8_wrapper{ display: block; transition: .2s all ease-in-out; background: #fff; height: 100%; opacity: 1; width: 100%; z-index: 100; top: 2960px; left: 0; } .windows8 { width: 100px; height: 100px; margin: auto; position: absolute; left: 0;right: 0; top:50vh; margin-top: -150px; } .clear-loading { text-align: center; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; display: inline-block; } /* Loading Effect Two */ .loading-effect-2 { width: 100px; height: 100px; } .loading-effect-2 > span, .loading-effect-2 > span:before, .loading-effect-2 > span:after { content: ""; display: block; border-radius: 50%; border: 2px solid #eb071e; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .loading-effect-2 > span { width: 100%; height: 100%; top: 0; left: 0; border-left-color: #eb071e; -webkit-animation: effect-2 2s infinite linear; -moz-animation: effect-2 2s infinite linear; -ms-animation: effect-2 2s infinite linear; -o-animation: effect-2 2s infinite linear; animation: effect-2 2s infinite linear; } .loading-effect-2 > span:before { width: 75%; height: 75%; border-right-color: transparent; } .loading-effect-2 > span:after { width: 50%; height: 50%; border-bottom-color: transparent; } @-webkit-keyframes effect-2 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes effect-2 { from { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @media screen and (-webkit-min-device-pixel-ratio:0){ .mobil_nav{ padding-bottom: 70px; } } .ak-item{ width: 25%; padding: 5px; float: left; } .dl-pagination{ display: block; width: 100%; overflow: hidden; } .no-underline { text-decoration: none; } .phoneFree { position: absolute; top: 20px; left: 15px; font-size: 14px; text-transform: initial; text-decoration: none; } @media (max-width: 350px) { .gist_top, p.phone_top{ width: 130px; min-width: 130px; } } @media (max-width: 1450px) and (min-width: 1000px) { .phoneFree { left: 0; } } @media screen and (max-width: 767px) { .phoneFree { position: absolute; top: 14px; min-width: 140px; font-size: 11px; right: -28px; text-transform: initial; } .phoneFree.phoneFree-mobil { top: 22px; line-height: normal; } .phoneFree.phoneFree--top { top: -10px; left: 25px; line-height: normal; } } .phoneFree--left { position: absolute; top: 81px; font-size: 12px; left: 56px; text-transform: initial; } .gist .phoneFree--left { position: absolute; top: 39px; font-size: 12px; left: 50px; text-transform: initial; } .phoneInner2--left { position: absolute; top: 75px; font-size: 12px; left: 56px; text-transform: initial; } .top_fixed .phoneFree { position: absolute; top: 39px; font-size: 12px; left: 0; text-transform: initial; line-height: 15px; } .top_fixed .phoneFree--top { top: 0; line-height: normal; } .top_fixed .phoneInner { text-decoration: none; } .phone_top .phoneFree { left: 25px; top: 42px; line-height: 15px; } /*.phone_top .phoneFree--top {*/ /*top: -15px;*/ /*left: 23px;*/ /*}*/ @media screen and (min-width: 668px) { .phone_top .phoneFree--top { display: none; } .phoneFree.phoneFree-mobil { line-height: normal; top: 27px; } .top_fixed .phoneFree.phoneFree-mobil { line-height: normal; top: 38px; } } @media screen and (max-width: 1600px) and (min-width: 1291px) { .phoneFree.phoneFree-mobil { line-height: normal; top: 21px; } } @media (max-width: 767px) { .solar_picher_block_two { display: block !important; width: 100%; } .solar_picher_block_two_picher { margin-left: 0 !important; width: inherit !important; } .solar_picher_block_two_text { width: 100% !important; padding-top: 20px !important; } } .pink { color: #eb071e; } .years15 { position: absolute; right: 30px; top: 0 } .years15__pic { display: inline-block; } .years15__text { display: inline-block; vertical-align: top; margin-top: 19px; margin-left: 15px; font: 600 12px/142% Muller, Helvetica, sans-serif; text-transform: uppercase; } @media screen and (max-width: 1630px) { .years15 { right: 5px; } } @media screen and (max-width: 1600px) { .years15 { position: absolute; right: 184px; top: 0; } .years15__text { display: none; } } @media screen and (max-width: 1450px) { .years15 { top: 0; } .years15__text { display: none; } } @media screen and (max-width: 1600px) and (min-width: 1401px) { p.phone_top { position: relative; top: 48px; left: 192px; } @media screen and (max-width: 1450px) { p.phone_top { position: relative; left: 180px; } } } @media screen and (max-width: 1290px) { .years15 { display: none; } } /* AJAX CUSTOM PRELOADER END */ .errorText{ display: none; color: red; } .solar_form .errorText{ background-color: white; } .agree { color: white; padding-top: 10px; } form[name="form_auth"], form[name="bform"], .success-block { margin-bottom: 50px; } .form p { text-align: center; } .footer-link { display: flex; flex-direction: row; justify-content: flex-end; margin-top: 10px; } .link-list { display: flex; flex-direction: column; } .link-list a { margin-bottom: 10px; } .vacancy-block { margin-top: 50px; } .vacancy-text { font-size: 20px; } @media screen and (max-width: 1290px) { .vacancy-text { margin-bottom: 30px; } } .page-breadcrumbs { display: flex; } /*.page-bar.only-desktop { display: none!important; } .new_year2024 { position: fixed; right: 0; bottom: 0; left: 0; width: 100%; height: 100px; z-index: 989; display: block; pointer-events: none; background-image: url(/local/templates/okna_new/images/new2024.png); background-repeat: repeat-x; background-repeat-y: no-repeat; background-position: bottom; background-size: contain; } */ .cookies { position: fixed; z-index: 1000; margin: auto; left: 0; /* right: 0; */ bottom: 138px; width: 100%; max-width: 690px; padding: 10px 32px; min-height: 50px; display: none; -webkit-box-pack: justify; justify-content: space-between; -webkit-column-gap: 8px; /* column-gap: 8px; */ -webkit-box-align: center; align-items: center; background: #ebe8e6; /* border-top-left-radius: 15px; */ /* border-top-right-radius: 15px; */ /* border-bottom-left-radius: 0; */ /* border-bottom-right-radius: 0; */ box-shadow: -7px -7px 16px -2px rgba(27, 36, 44, .12), 0 2px 2px -1px rgba(27, 35, 44, .04); } .cookies.active { display: flex; } .cookies .info { display: -webkit-box; display: flex; -webkit-box-align: center; align-items: center; -webkit-column-gap: 8px; column-gap: 8px; width: 90%; } .cookies .info svg { height: 2.4rem; width: 2.4rem; -webkit-box-flex: 0; flex: none; fill: black; } .cookies a { color: black; } .cookies a:hover { color: black; } .cookies-but { cursor: pointer; padding: 7px 30px; border: 2px solid #1f1d1d; color: #1f1d1d; border-radius: 30px; font-size: 16px; } @media (max-width: 768px) { .cookies { padding: 5px 20px; -webkit-box-orient: vertical; -webkit-box-direction: normal; row-gap: 8px; max-width: 70%; bottom: 0; left: unset; align-items: center; -webkit-box-align: center; /* border-top-left-radius: 30px; */ /* border-top-right-radius: 30px; */ /* border-bottom-left-radius: 0; */ /* border-bottom-right-radius: 0; */ flex-direction: column; justify-content: flex-end; } .cookies .info { -webkit-box-align: start; align-items: start; } .cookies .info svg { display: none; } .cookies .description { font-size: 12px; line-height: 1.67; } } /* End */ /* /local/templates/okna_new/css/plugins/bootstrap-grid.min.css?174835609251319 */ /* /local/templates/okna_new/css/plugins/tooltipster.bundle.min.css?17483560926495 */ /* /local/templates/okna_new/css/plugins/slick.css?17483560921775 */ /* /local/templates/okna_new/css/plugins/magnific-popup.css?17483560926950 */ /* /local/templates/okna_new/css/plugins/datepicker.min.css?174835609212257 */ /* /local/templates/okna_new/css/all.min.css?1748356092120485 */ /* /local/templates/okna_new/css/kpi.css?1748356092144560 */ /* /local/templates/okna_new/css/kpi.responsive.css?174835609243885 */ /* /local/templates/okna_new/css/custom.css?174835609252224 */ /* /local/templates/okna_new/components/bitrix/news/akcii_slider/bitrix/news.list/.default/style.css?1748356082108 */ /* /local/templates/okna_new/components/bitrix/menu/main_work_steps/style.css?1748356082251 */ /* /local/templates/okna_new/components/bitrix/catalog.section.list/new-popup-city-list/style.css?1748356082218 */ /* /local/templates/okna_new/styles.css?1748356094101 */ /* /local/templates/okna_new/template_styles.css?175282493241736 */