.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}@media (min-width:1400px){.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px}}.row{display:flex;flex-wrap:wrap;margin-top:calc(var(--bs-gutter-y) * -1);margin-right:-15px;margin-left:-15px}.row>*{box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%;padding-right:15px;padding-left:15px;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%}@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%}}@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%}}@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%}}@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%}}@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-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-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-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-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-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-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}}body.compensate-for-scrollbar {
overflow: hidden;
}
.fancybox-active {
height: auto;
}
.fancybox-is-hidden {
left: -9999px;
margin: 0;
position: absolute !important;
top: -9999px;
visibility: hidden;
}
.fancybox-container {
-webkit-backface-visibility: hidden;
height: 100%;
left: 0;
outline: none;
position: fixed;
-webkit-tap-highlight-color: transparent;
top: 0;
touch-action: manipulation;
transform: translateZ(0);
width: 100%;
z-index: 99992;
}
.fancybox-container * {
box-sizing: border-box;
}
.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0;
}
.fancybox-outer {
-webkit-overflow-scrolling: touch;
overflow-y: auto;
}
.fancybox-bg {
background: #1e1e1e;
opacity: 0;
transition-duration: inherit;
transition-property: opacity;
transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
opacity: 0.9;
transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-caption, .fancybox-infobar, .fancybox-navigation .fancybox-button, .fancybox-toolbar {
direction: ltr;
opacity: 0;
position: absolute;
transition: opacity 0.25s ease, visibility 0s ease 0.25s;
visibility: hidden;
z-index: 99997;
}
.fancybox-show-caption .fancybox-caption, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-nav .fancybox-navigation .fancybox-button, .fancybox-show-toolbar .fancybox-toolbar {
opacity: 1;
transition: opacity 0.25s ease 0s, visibility 0s ease 0s;
visibility: visible;
}
.fancybox-infobar {
color: #ccc;
font-size: 13px;
-webkit-font-smoothing: subpixel-antialiased;
height: 44px;
left: 0;
line-height: 44px;
min-width: 44px;
mix-blend-mode: difference;
padding: 0 10px;
pointer-events: none;
top: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
user-select: none;
}
.fancybox-toolbar {
right: 0;
top: 0;
}
.fancybox-stage {
direction: ltr;
overflow: visible;
transform: translateZ(0);
z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
overflow: hidden;
}
.fancybox-slide {
-webkit-backface-visibility: hidden;
display: none;
height: 100%;
left: 0;
outline: none;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: absolute;
text-align: center;
top: 0;
transition-property: transform, opacity;
white-space: normal;
width: 100%;
z-index: 99994;
}
.fancybox-slide:before {
content: "";
display: inline-block;
font-size: 0;
height: 100%;
vertical-align: middle;
width: 0;
}
.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {
display: block;
}
.fancybox-slide--image {
overflow: hidden;
padding: 44px 0;
}
.fancybox-slide--image:before {
display: none;
}
.fancybox-slide--html {
padding: 6px;
}
.fancybox-content {
background: #fff;
display: inline-block;
margin: 0;
max-width: 100%;
overflow: auto;
-webkit-overflow-scrolling: touch;
padding: 44px;
position: relative;
text-align: left;
vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
-webkit-backface-visibility: hidden;
background: transparent;
background-repeat: no-repeat;
background-size: 100% 100%;
left: 0;
max-width: none;
overflow: visible;
padding: 0;
position: absolute;
top: 0;
transform-origin: top left;
transition-property: transform, opacity;
-webkit-user-select: none;
user-select: none;
z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
cursor: zoom-in;
}
.fancybox-can-pan .fancybox-content, .fancybox-can-swipe .fancybox-content {
cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
cursor: grabbing;
}
.fancybox-container [data-selectable=true] {
cursor: text;
}
.fancybox-image, .fancybox-spaceball {
background: transparent;
border: 0;
height: 100%;
left: 0;
margin: 0;
max-height: none;
max-width: none;
padding: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
user-select: none;
width: 100%;
}
.fancybox-spaceball {
z-index: 1;
}
.fancybox-slide--iframe .fancybox-content, .fancybox-slide--map .fancybox-content, .fancybox-slide--pdf .fancybox-content, .fancybox-slide--video .fancybox-content {
height: 100%;
overflow: visible;
padding: 0;
width: 100%;
}
.fancybox-slide--video .fancybox-content {
background: #000;
}
.fancybox-slide--map .fancybox-content {
background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
background: #fff;
}
.fancybox-iframe, .fancybox-video {
background: transparent;
border: 0;
display: block;
height: 100%;
margin: 0;
overflow: hidden;
padding: 0;
width: 100%;
}
.fancybox-iframe {
left: 0;
position: absolute;
top: 0;
}
.fancybox-error {
background: #fff;
cursor: default;
max-width: 400px;
padding: 40px;
width: 100%;
}
.fancybox-error p {
color: #444;
font-size: 16px;
line-height: 20px;
margin: 0;
padding: 0;
}
.fancybox-button {
background: rgba(30, 30, 30, 0.6);
border: 0;
border-radius: 0;
box-shadow: none;
cursor: pointer;
display: inline-block;
height: 44px;
margin: 0;
padding: 10px;
position: relative;
transition: color 0.2s;
vertical-align: top;
visibility: inherit;
width: 44px;
}
.fancybox-button, .fancybox-button:link, .fancybox-button:visited {
color: #ccc;
}
.fancybox-button:hover {
color: #fff;
}
.fancybox-button:focus {
outline: none;
}
.fancybox-button.fancybox-focus {
outline: 1px dotted;
}
.fancybox-button[disabled], .fancybox-button[disabled]:hover {
color: #888;
cursor: default;
outline: none;
}
.fancybox-button div {
height: 100%;
}
.fancybox-button svg {
display: block;
height: 100%;
overflow: visible;
position: relative;
width: 100%;
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0;
}
.fancybox-button--fsenter svg:nth-child(2), .fancybox-button--fsexit svg:nth-child(1), .fancybox-button--pause svg:nth-child(1), .fancybox-button--play svg:nth-child(2) {
display: none;
}
.fancybox-progress {
background: #ff5268;
height: 2px;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: scaleX(0);
transform-origin: 0;
transition-property: transform;
transition-timing-function: linear;
z-index: 99998;
}
.fancybox-close-small {
background: transparent;
border: 0;
border-radius: 0;
color: #ccc;
cursor: pointer;
opacity: 0.8;
padding: 8px;
position: absolute;
right: -12px;
top: -44px;
z-index: 401;
}
.fancybox-close-small:hover {
color: #fff;
opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
color: currentColor;
padding: 10px;
right: 0;
top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
display: none;
}
.fancybox-navigation .fancybox-button {
background-clip: content-box;
height: 100px;
opacity: 0;
position: absolute;
top: calc(50% - 50px);
width: 70px;
}
.fancybox-navigation .fancybox-button div {
padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
left: 0;
padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
padding: 31px 6px 31px 26px;
right: 0;
}
.fancybox-caption {
bottom: 0;
color: #eee;
font-size: 14px;
font-weight: 400;
left: 0;
line-height: 1.5;
padding: 25px 44px;
right: 0;
text-align: center;
z-index: 99996;
}
.fancybox-caption:before {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAD6CAQAAADKSeXYAAAAYklEQVQoz42RwQ3AMAgDjfcfup8WoRykfBAK5mQHKSz5rbXJPis1hjiV3CIqgG0hLZPkVkA4p4x5oR1bVeDrdCLrW2Q0D5bcwY3TGMHbdw3mPRuOtaspYP1w//G1OIcW148H0DMCqI/3mMMAAAAASUVORK5CYII=);
background-repeat: repeat-x;
background-size: contain;
bottom: 0;
content: "";
display: block;
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: -44px;
z-index: -1;
}
.fancybox-caption a, .fancybox-caption a:link, .fancybox-caption a:visited {
color: #ccc;
text-decoration: none;
}
.fancybox-caption a:hover {
color: #fff;
text-decoration: underline;
}
.fancybox-loading {
animation: a 1s linear infinite;
background: transparent;
border: 4px solid #888;
border-bottom-color: #fff;
border-radius: 50%;
height: 50px;
left: 50%;
margin: -25px 0 0 -25px;
opacity: 0.7;
padding: 0;
position: absolute;
top: 50%;
width: 50px;
z-index: 99999;
}
@keyframes a {
to {
transform: rotate(1turn);
}
}
.fancybox-animated {
transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
opacity: 0;
transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
opacity: 1;
transform: translateZ(0);
}
.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {
opacity: 0;
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
opacity: 0;
transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
opacity: 0;
transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
opacity: 1;
transform: scaleX(1);
}
.fancybox-fx-rotate.fancybox-slide--previous {
opacity: 0;
transform: rotate(-1turn);
}
.fancybox-fx-rotate.fancybox-slide--next {
opacity: 0;
transform: rotate(1turn);
}
.fancybox-fx-rotate.fancybox-slide--current {
opacity: 1;
transform: rotate(0deg);
}
.fancybox-fx-circular.fancybox-slide--previous {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
opacity: 0;
transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
opacity: 1;
transform: scaleX(1) translateZ(0);
}
.fancybox-fx-tube.fancybox-slide--previous {
transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
transform: translateZ(0) scale(1);
}
@media (max-height: 576px) {
.fancybox-caption {
padding: 12px;
}
.fancybox-slide {
padding-left: 6px;
padding-right: 6px;
}
.fancybox-slide--image {
padding: 6px 0;
}
.fancybox-close-small {
right: -6px;
}
.fancybox-slide--image .fancybox-close-small {
background: #4e4e4e;
color: #f2f4f6;
height: 36px;
opacity: 1;
padding: 6px;
right: 0;
top: 0;
width: 36px;
}
}
.fancybox-share {
background: #f4f4f4;
border-radius: 3px;
max-width: 90%;
padding: 30px;
text-align: center;
}
.fancybox-share h1 {
color: #222;
font-size: 35px;
font-weight: 700;
margin: 0 0 20px;
}
.fancybox-share p {
margin: 0;
padding: 0;
}
.fancybox-share__button {
border: 0;
border-radius: 3px;
display: inline-block;
font-size: 14px;
font-weight: 700;
line-height: 40px;
margin: 0 5px 10px;
min-width: 130px;
padding: 0 15px;
text-decoration: none;
transition: all 0.2s;
-webkit-user-select: none;
user-select: none;
white-space: nowrap;
}
.fancybox-share__button:link, .fancybox-share__button:visited {
color: #fff;
}
.fancybox-share__button:hover {
text-decoration: none;
}
.fancybox-share__button--fb {
background: #3b5998;
}
.fancybox-share__button--fb:hover {
background: #344e86;
}
.fancybox-share__button--pt {
background: #bd081d;
}
.fancybox-share__button--pt:hover {
background: #aa0719;
}
.fancybox-share__button--tw {
background: #1da1f2;
}
.fancybox-share__button--tw:hover {
background: #0d95e8;
}
.fancybox-share__button svg {
height: 25px;
margin-right: 7px;
position: relative;
top: -1px;
vertical-align: middle;
width: 25px;
}
.fancybox-share__button svg path {
fill: #fff;
}
.fancybox-share__input {
background: transparent;
border: 0;
border-bottom: 1px solid #d7d7d7;
border-radius: 0;
color: #5d5b5b;
font-size: 14px;
margin: 10px 0 0;
outline: none;
padding: 10px 15px;
width: 100%;
}
.fancybox-thumbs {
background: #ddd;
bottom: 0;
display: none;
margin: 0;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
padding: 2px 2px 4px;
position: absolute;
right: 0;
-webkit-tap-highlight-color: transparent;
top: 0;
width: 212px;
z-index: 99995;
}
.fancybox-thumbs-x {
overflow-x: auto;
overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
display: block;
}
.fancybox-show-thumbs .fancybox-inner {
right: 212px;
}
.fancybox-thumbs__list {
font-size: 0;
height: 100%;
list-style: none;
margin: 0;
overflow-x: hidden;
overflow-y: auto;
padding: 0;
position: absolute;
position: relative;
white-space: nowrap;
width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
background: #fff;
border-radius: 10px;
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
background: #2a2a2a;
border-radius: 10px;
}
.fancybox-thumbs__list a {
backface-visibility: hidden;
background-color: rgba(0, 0, 0, 0.1);
background-position: 50%;
background-repeat: no-repeat;
background-size: cover;
cursor: pointer;
float: left;
height: 75px;
margin: 2px;
max-height: calc(100% - 8px);
max-width: calc(50% - 4px);
outline: none;
overflow: hidden;
padding: 0;
position: relative;
-webkit-tap-highlight-color: transparent;
width: 100px;
}
.fancybox-thumbs__list a:before {
border: 6px solid #ff5268;
bottom: 0;
content: "";
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
z-index: 99991;
}
.fancybox-thumbs__list a:focus:before {
opacity: 0.5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active:before {
opacity: 1;
}
@media (max-width: 576px) {
.fancybox-thumbs {
width: 110px;
}
.fancybox-show-thumbs .fancybox-inner {
right: 110px;
}
.fancybox-thumbs__list a {
max-width: calc(100% - 10px);
}
} @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color: #007aff ;
}
.swiper-container {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto;
}
.swiper-container-pointer-events {
touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
touch-action: pan-x;
}
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height;
}
.swiper-container-3d {
perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
scroll-snap-type: y mandatory;
}
:root {
--swiper-navigation-size: 44px ;
}
.swiper-button-next,
.swiper-button-prev {
cursor: pointer;
transition: 0.3s;
height: 6.6rem;
width: 6.6rem;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #C6C6C6;
color: #012D6E;
outline: none;
appearance: none;
font-size: 6.6rem;
}
@media (hover: hover) {
.swiper-button-next:hover,
.swiper-button-prev:hover {
background: #F0BA46;
border-color: #F0BA46;
color: #012D6E !important;
}
}
.swiper-button-prev {
margin-bottom: 3rem;
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
opacity: 0.35;
cursor: not-allowed;
}
.swiper-button-next:after,
.swiper-button-prev:after {
display: none;
}
.swiper-button-lock {
display: none;
}
.swiper-pagination {
position: absolute;
text-align: center;
transition: 0.3s opacity;
transform: translate3d(0, 0, 0);
z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
opacity: 0;
}
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33);
}
.swiper-pagination-bullet {
width: 2.8rem;
height: 5px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #C6C6C6;
margin: 0 0.4rem;
transition: 0.3s;
}
button.swiper-pagination-bullet {
background: 0;
padding: 0;
box-shadow: none;
appearance: none;
position: relative;
color: #5C514B;
}
.swiper-pagination-bullet-active {
background: #F0BA46;
border-color: #F0BA46;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer;
}
.swiper-pagination-bullets {
position: absolute;
bottom: 2rem;
left: 50%;
transform: translateX(-50%);
z-index: 200;
display: flex;
align-items: center;
}
@media screen and (max-width: 767px) {
.swiper-pagination-bullets {
bottom: 12px;
}
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
width: 4px;
height: 100%;
left: 0;
top: 0;
}
.swiper-pagination-white {
--swiper-pagination-color: #ffffff ;
}
.swiper-pagination-black {
--swiper-pagination-color: #000000 ;
}
.swiper-pagination-lock {
display: none;
}
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%;
}
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0;
}
.swiper-scrollbar-cursor-drag {
cursor: move;
}
.swiper-scrollbar-lock {
display: none;
}
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.swiper-slide-zoomed {
cursor: move;
}
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent;
}
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff ;
}
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000 ;
}
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg);
}
}
.swiper-container .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
pointer-events: none;
transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube {
overflow: visible;
}
.swiper-container-cube .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
pointer-events: auto;
visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
content: "";
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px);
}
.swiper-container-flip {
overflow: visible;
}
.swiper-container-flip .swiper-slide {
pointer-events: none;
backface-visibility: hidden;
z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
z-index: 0;
backface-visibility: hidden;
}
.ymaps-2-1-79-copyrights-pane {
display: none !important;
visibility: hidden;
}
.datepicker {
z-index: 99995;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
ul li {
list-style: none;
}
.overflow {
overflow: hidden;
}
.wrapper {
display: flex;
flex-direction: column;
min-height: 100vh;
overflow: hidden;
}
.wrapper header,
.wrapper main,
.wrapper footer {
display: block;
width: 100%;
}
footer {
margin-top: auto;
}
main {
flex-grow: 1;
}
html {
-webkit-text-size-adjust: none;
text-size-adjust: none;
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 10px;
line-height: 1.3;
color: #474747;
}
@media screen and (max-width: 1800px) {
html {
font-size: 9px;
}
}
@media screen and (max-width: 1100px) {
html {
font-size: 7.8px;
}
}
.content {
width: 100%;
max-width: calc(146rem + 40px);
margin: 0 auto;
padding-left: 20px;
padding-right: 20px;
}
body {
font-size: 1.6rem;
}
@media screen and (max-width: 767px) {
body {
font-size: 14px;
}
}
select,
button,
input,
textarea {
font-family: "Inter", sans-serif;
}
a {
text-decoration: none;
transition: 0.3s;
color: inherit;
outline: 0;
cursor: pointer;
}
.a, .offer-content .offer-content__left:after, .offer-header .offer-header__txt:after, .offer-header .offer-header__txt:before,
.offer-header .offer-header__txt span:before,
.offer-header .offer-header__txt span:after, .news-item .news-item__promo:after, .news-item:after, .news-list:after, .about-numbers:after, .single-offer .single-offer__thumb:after, .contact-item:after, .contact-item:before, .contacts:before, .contacts:after, .contacts .contacts__map > span:before, .contacts .contacts__map > span:after, .review-benefit:after, .review-benefit:before, .portfolio-item:after, .portfolio:after, .services:after, .modal-line-2:before, .modal-line-2:after, .modal-line-1:before, .modal-line-1:after, .icon-menu:after, .icon-menu:before, .btn__blick:before, .btn .btn__arr span:after, .btn .btn__arr span, .btn .btn__arr:before, .btn .btn__arr:after, .btn .btn__line:before, .btn .btn__line:after, .entry-content._page ol > li:after, .entry-content blockquote:before, .entry-content .wp-block-quotes:after, .entry-content .wp-block-quotes:before, .zoom:after {
content: "";
display: block;
box-sizing: border-box;
}
.flex {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
justify-content: space-between;
}
.ff, .offer-benefits .offer-benefits__title, .offer-content .entry-content h3,
.offer-content .entry-content h2, .offer-header .offer-header__txt, h4, h3, h2,
.h2 {
font-family: "Ysabeau", sans-serif;
}
.thumb {
position: relative;
display: block;
overflow: hidden;
}
.thumb img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-position: center center;
object-fit: cover;
}
.zoom {
cursor: pointer;
}
.zoom:after {
position: absolute;
z-index: 30;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: 0.3s;
color: #fff;
font-size: 40px;
background: rgba(240, 186, 70, 0.2) url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/zoom.svg) center no-repeat;
background-size: 5rem;
}
@media (hover: hover) {
.zoom:hover:after {
opacity: 1;
}
}
.grecaptcha-badge {
visibility: hidden !important;
}
.breadcrumbs {
font-size: 12px;
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.breadcrumbs {
margin-bottom: 20px;
}
}
.breadcrumbs a {
text-decoration: underline;
}
@media (hover: hover) {
.breadcrumbs a:hover {
color: #F0BA46;
}
}
.swiper-container:not(.swiper-container-initialized) {
opacity: 0;
visibility: hidden;
}
.row {
margin-left: -1rem;
margin-right: -1rem;
}
.row > * {
padding-left: 1rem;
padding-right: 1rem;
}
@media screen and (min-width: 992px) {
.row._offset100 {
margin-left: -5rem;
margin-right: -5rem;
}
.row._offset100 > * {
padding-left: 5rem;
padding-right: 5rem;
}
}
@media screen and (min-width: 992px) {
.row._offset30 {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
.row._offset30 > * {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.row._offset50 {
margin-left: -2.5rem;
margin-right: -2.5rem;
}
@media screen and (max-width: 1000px) {
.row._offset50 {
margin-left: -1.5rem;
margin-right: -1.5rem;
}
}
.row._offset50 > * {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
@media screen and (max-width: 1000px) {
.row._offset50 > * {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
}
.size-14 {
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.size-14 {
font-size: 12px;
}
}
.weight-500 {
font-weight: 500;
}
.line {
border-bottom: 2px solid #DEDEDE;
margin-bottom: 3.3rem;
}
.line._header {
margin-bottom: 4rem;
}
@media screen and (max-width: 991px) {
.line._header {
margin-bottom: 20px;
}
}
.line .line__txt {
opacity: 0.4;
font-size: 2rem;
line-height: 1.2;
margin-bottom: 0.8rem;
}
@media screen and (max-width: 767px) {
.line .line__txt {
font-size: 13px;
}
}
em {
font-style: normal;
}
h2,
.h2 {
font-size: 4.8rem;
font-weight: 500;
line-height: 1.3;
text-transform: uppercase;
color: #012D6E;
margin-bottom: 6rem;
}
@media screen and (max-width: 767px) {
h2,
.h2 {
margin-bottom: 3rem;
font-size: 27px;
}
}
h3 {
font-size: 3.6rem;
font-weight: 500;
line-height: 1.3;
color: #012D6E;
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
h3 {
font-size: 24px;
}
}
h4 {
font-size: 2.4rem;
font-weight: 500;
line-height: 1.3;
margin-bottom: 1.5rem;
}
@media screen and (max-width: 767px) {
h4 {
font-size: 19px;
}
}
.txt {
font-size: 1.8rem;
}
.txt-20 {
font-size: 2rem;
}
.link-style {
color: #F0BA46;
text-decoration: underline;
}
@media (hover: hover) {
.link-style:hover {
text-decoration: none;
}
}
.min-300 {
min-width: 30rem;
}
.after-title {
margin-bottom: 4rem;
margin-top: -1.5rem;
}
@media screen and (max-width: 767px) {
.after-title {
margin-bottom: 3rem;
}
}
@media screen and (min-width: 1000px) {
.disabled-on-pc .swiper-wrapper {
transform: none !important;
flex-wrap: wrap;
width: auto;
margin-right: -30px;
}
.disabled-on-pc .swiper-wrapper .swiper-slide-duplicate {
display: none !important;
}
}
@media screen and (min-width: 767px) {
.disabled-on-pc-tablet .swiper-wrapper {
transform: none !important;
flex-wrap: wrap;
width: auto;
margin-right: 0;
}
.disabled-on-pc-tablet .swiper-wrapper .swiper-slide-duplicate {
display: none !important;
}
.disabled-on-pc-tablet.whom-swiper .swiper-wrapper {
margin-right: -30px;
}
}
.txt-white {
color: #fff !important;
}
.max-390 {
max-width: 390px;
}
.max-500 {
max-width: 50rem;
}
.max-560 {
max-width: 56rem;
}
@media screen and (min-width: 991px) {
.max-600 {
max-width: 60rem;
}
}
@media screen and (min-width: 1000px) {
.hidden-pc {
display: none;
}
}
.txt-14 {
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.txt-14 {
font-size: 12px;
}
}
.txt-16 {
font-size: 16px;
}
@media screen and (max-width: 767px) {
.txt-16 {
font-size: 14px;
}
}
.txt-18 {
font-size: 1.8rem;
}
@media screen and (max-width: 767px) {
.txt-18 {
font-size: 16px;
}
}
.main-color {
color: #F0BA46;
}
.red-line {
height: 0.4rem;
width: 5rem;
position: absolute;
}
.pt-10 {
padding-top: 1rem !important;
}
.pt-20 {
padding-top: 2rem !important;
}
.pb-20 {
padding-bottom: 2rem !important;
}
.pb-30 {
padding-bottom: 3rem;
}
.center {
text-align: center;
}
.mb-26 {
margin-bottom: 2.6rem;
}
.mb-16 {
margin-bottom: 1.6rem;
}
.mb-60 {
margin-bottom: 6rem;
}
.mb-50 {
margin-bottom: 5rem;
}
.mb-40 {
margin-bottom: 4rem;
}
.mb-30 {
margin-bottom: 3rem !important;
}
.mb-20 {
margin-bottom: 2rem !important;
}
.mb-10 {
margin-bottom: 1rem;
}
.mt-50 {
margin-top: 50px;
}
.mt-40 {
margin-top: 40px;
}
.mt-30 {
margin-top: 30px;
}
.mt-20 {
margin-top: 20px;
}
.fw-800 {
font-weight: 800;
}
.w-100 {
width: 100%;
}
.max-full {
max-width: inherit !important;
}
.max-full p {
max-width: inherit !important;
}
.mr-10 {
margin-right: 0.7rem;
}
.mb-20-reverse {
margin-bottom: -2rem;
}
.txt-gray {
opacity: 0.48;
}
.pt-50 {
padding-top: 5rem;
}
.pb-50 {
padding-bottom: 5rem;
}
.swiper-controls {
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 1000px) {
.swiper-controls.hide-on-pc {
display: flex !important;
}
}
.swiper-controls .swiper-pagination-fraction {
width: auto;
color: #CD9E6D;
font-size: 16px;
min-width: 35px;
text-align: center;
}
.swiper-controls .swiper-button-next,
.swiper-controls .swiper-button-prev {
margin: 0 10px;
}
@media screen and (max-width: 1000px) {
.swiper-controls {
flex-wrap: wrap;
}
}
.swiper-controls .swiper-pagination {
position: static;
width: auto;
font-size: 1.8rem;
min-width: 8rem;
color: #959595;
}
.swiper-controls .swiper-pagination .swiper-pagination-current {
color: #222;
}
.swiper-controls .swiper-pagination-progressbar {
position: relative;
flex-grow: 1;
height: 2px;
margin-right: 3rem;
background: #EAEAEA;
border-radius: 2px;
}
.swiper-controls .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
top: -1px;
height: 4px;
background: #F0BA46;
border-radius: 2px;
}
@media screen and (max-width: 767px) {
.swiper-controls .swiper-pagination-progressbar {
width: 100%;
margin: 0 0 20px 0;
}
}
.swiper-controls .swiper-pagination-bullets {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
background: linear-gradient(270deg, rgba(78, 171, 194, 0) 3.44%, #4EABC2 20.87%, #4EABC2 70.04%, rgba(78, 171, 194, 0) 95.94%);
height: 1px;
margin-bottom: 25px;
margin-top: 5px;
}
.swiper-controls .swiper-pagination-bullets .swiper-pagination-bullet {
border: 0;
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/dot.svg) center no-repeat;
background-size: contain;
width: 13px;
height: 13px;
}
.swiper-controls .swiper-pagination-bullets .swiper-pagination-bullet-active {
width: 27px;
height: 27px;
}
.link {
color: #F0BA46;
font-weight: 500;
font-size: 14px;
}
@media (hover: hover) {
.link:hover {
text-decoration: underline;
}
}
.loader {
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/loader.svg) center no-repeat;
background-size: 40px auto;
width: 100%;
height: 50px;
margin: 0 auto;
}
.tubs {
display: inline-flex;
align-items: center;
white-space: nowrap;
border-radius: 1.5rem;
background: #F8F8F8;
padding: 5px 0;
overflow-x: auto;
max-width: 100%;
box-shadow: 0px 4px 22.9px 0px rgba(0, 0, 0, 0.25);
}
.tubs li {
padding: 0 5px;
flex-grow: 1;
}
.tubs li a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
height: 4.6rem;
border-radius: 1rem;
padding: 0 2rem;
font-size: 2rem;
font-weight: 500;
-webkit-user-select: none;
user-select: none;
color: #717171;
}
.tubs li a.active {
background: #F4F3F1;
color: #252551;
}
.tubs li a.active span {
color: rgba(255, 255, 255, 0.52);
}
.tubs li a.disabled {
pointer-events: none;
opacity: 0.3;
}
@media (hover: hover) {
.tubs li a:not(.active):hover {
color: #F0BA46;
}
}
.tubs-content {
position: relative;
}
.tubs-content .tubs-content__item {
transition: 0.2s;
}
.tubs-content .tubs-content__item:not(.active) {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
background: #F0BA46;
color: #fff;
font-size: 14px;
width: 35px;
height: 35px;
font-weight: 600;
border: 0;
border-radius: 50%;
opacity: 0.7;
-webkit-user-select: none;
user-select: none;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/bullet.svg) center no-repeat;
background-size: contain;
opacity: 1;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: translateX(7px) scale(0.5) !important;
opacity: 0.4;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: translateX(-7px) scale(0.5) !important;
opacity: 0.4;
}
.leaflet-popup-content p {
margin: 5px 0 !important;
}
.marker-hidden {
visibility: hidden;
opacity: 0;
}
.marker-visible {
visibility: visible;
opacity: 1;
}
.contacts .leaflet-popup-content {
margin: 0;
font-size: 14px;
font-weight: 500;
text-align: center;
padding: 5px 10px;
}
.contacts .leaflet-popup {
margin-bottom: 40px;
}
.contacts .leaflet-popup-content-wrapper, .contacts .leaflet-popup-tip {
background: #D4AC83;
color: #fff;
box-shadow: 0px 4px 22.9px 0px rgba(0, 0, 0, 0.1);
}
.contacts .leaflet-container a.leaflet-popup-close-button {
color: #FED9B3;
}
.leaflet-info {
display: flex;
align-items: center;
}
.leaflet-info img {
margin-right: 10px;
}
@font-face {
font-family: "icomoon";
src: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/fonts/icomoon.eot?v=22);
src: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/fonts/icomoon.eot?v=22) format("embedded-opentype"), url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/fonts/icomoon.ttf?v=22) format("truetype"), url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/fonts/icomoon.woff?v=22) format("woff"), url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/fonts/icomoon.svg?v=22) format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class^=icon-]:before, [class*=" icon-"]:before { font-family: "icomoon" !important;
speak: never;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-next2:before {
content: "\e907";
}
.icon-prev:before {
content: "\e900";
}
.icon-required:before {
content: "\e901";
}
.icon-tel:before {
content: "\e902";
}
.icon-address:before {
content: "\e903";
}
.icon-clock:before {
content: "\e904";
}
.icon-email:before {
content: "\e905";
}
.icon-next:before {
content: "\e906";
}
.entry-content {
line-height: 1.5;
font-size: 1.6rem;
}
.entry-content a:not(.button) {
color: #F0BA46;
}
.entry-content a:not(.button):hover {
text-decoration: underline;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin-bottom: 2rem;
text-transform: none;
color: inherit;
line-height: 1;
}
.entry-content h2 {
font-size: 4.2rem;
}
@media screen and (max-width: 767px) {
.entry-content h2 {
font-size: 26px;
}
}
.entry-content p {
margin-bottom: 2rem;
}
.entry-content ul {
padding-bottom: 1rem;
text-align: left;
}
.entry-content ul li {
position: relative;
margin-bottom: 1rem;
padding-left: 3rem;
}
.entry-content ul li:before {
content: "";
width: 2rem;
height: 2rem;
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/li.svg) center no-repeat;
background-size: contain;
top: 0.1rem;
left: 0;
position: absolute;
}
.entry-content ol {
text-align: left;
margin-left: 15px;
margin-bottom: 2rem;
}
.entry-content .wp-block-quotes {
border-radius: 10px;
padding-left: 34px;
margin-bottom: 2em;
position: relative;
}
.entry-content .wp-block-quotes:after, .entry-content .wp-block-quotes:before {
position: absolute;
left: 0;
width: 10px;
height: 50%;
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/quote-1.svg) 0 0 no-repeat;
}
.entry-content .wp-block-quotes:before {
top: 0;
}
.entry-content .wp-block-quotes:after {
bottom: 0;
background-position: 0 100%;
}
@media screen and (max-width: 767px) {
.entry-content .wp-block-quotes {
padding-left: 24px;
}
}
.entry-content .wp-block-quotes p {
padding: 0.5em 0;
}
.entry-content blockquote {
display: block;
background: #F9F9F9;
padding: 35px 60px;
margin-bottom: 2em;
position: relative;
}
@media screen and (max-width: 767px) {
.entry-content blockquote {
padding: 45px 15px 15px;
}
}
.entry-content blockquote:before {
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/quote-2.svg) center no-repeat;
background-size: contain;
width: 22px;
height: 22px;
position: absolute;
top: 26px;
left: 24px;
}
@media screen and (max-width: 767px) {
.entry-content blockquote:before {
left: 15px;
top: 15px;
}
}
.entry-content blockquote * {
padding: 0;
margin: 0 !important;
}
.entry-content img {
max-width: 100%;
height: auto;
}
.entry-content table {
width: 100% !important;
border-collapse: collapse;
margin-bottom: 1.875em;
}
.entry-content table tr td {
width: auto !important;
height: auto !important;
padding: 10px 10px;
border: 1px solid #222;
}
.entry-content table thead tr {
font-weight: 700;
}
.entry-content._page p {
margin-bottom: 1.1em;
}
.entry-content._page h2 {
font-size: 2em;
margin-bottom: 1.1em;
padding-top: 0.5em;
}
.entry-content._page h3 {
font-size: 1.8em;
margin-bottom: 1.1em;
padding-top: 0.5em;
}
.entry-content._page h4 {
font-size: 1.5em;
margin-bottom: 1.1em;
padding-top: 0.5em;
}
.entry-content._page ol {
margin-left: 20px;
padding-bottom: 1.25em;
margin-bottom: 0;
}
.entry-content._page ol > li {
margin-bottom: 0.7em;
padding-bottom: 0;
position: relative;
}
.entry-content._page ol > li::marker {
color: #000;
font-weight: 600;
}
.entry-content._page ol > li:after {
position: absolute;
left: -0.9em;
width: 1px;
background: #CECECE;
bottom: -0.6em;
top: 1.5em;
}
@media screen and (max-width: 767px) {
.entry-content._page ol > li:after {
left: -16px;
}
}
.entry-content._page ol > li:last-child:after {
display: none;
}
.entry-content._page ol > li ul {
padding-top: 0.7em;
}
.entry-content._page ul {
margin-left: 20px;
padding-bottom: 1.25em;
margin-bottom: 0;
}
.entry-content._page ul li {
padding: 0;
list-style: disc;
margin-bottom: 0.7em;
}
.entry-content._page ul li::marker {
color: #F0BA46;
font-size: 1.3em;
vertical-align: middle;
line-height: 1px;
}
.entry-content._page ul li:before {
display: none;
}
.entry-content._page .wp-block-image {
margin-bottom: 2em;
}
.entry-content._list ul li {
padding-left: 1.5em;
margin-bottom: 0.5em;
}
.entry-content._list ul li:before {
background: #F0BA46;
width: 0.6em;
height: 0.6em;
top: 0.5em;
}
@media screen and (max-width: 767px) {
.entry-content {
font-size: 14px !important;
}
}
.alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 30px 30px;
}
.alignleft {
float: left;
margin: 5px 30px 30px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%;
padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
.c-form .entry-content {
padding-bottom: 2rem;
}
@media screen and (max-width: 992px) {
.c-form .entry-content {
padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.c-form .entry-content {
font-size: 12px;
}
}
@media screen and (max-width: 992px) {
.c-form {
margin: 0 auto;
text-align: center;
}
}
.form {
position: relative;
}
.form-item {
position: relative;
margin-bottom: 2rem;
}
.form-item:before {
color: #F0BA46;
font-size: 1.2rem;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
.form-item._privacy {
padding: 2rem 0 3rem;
}
@media screen and (max-width: 767px) {
.form-item._privacy {
padding: 1rem 0;
}
} button[type=submit],
input[type=submit] {
appearance: none;
cursor: pointer;
transition: 0.3s;
border: 0;
outline: 0;
} .file-field,
textarea,
input[type=search],
input[type=number],
input[type=password],
input[type=email],
input[type=text],
input[type=tel] {
height: 6rem;
background: none;
border: 0;
border-bottom: 1px solid #B8BABB;
padding: 0;
font-size: 1.6rem;
display: block;
outline: none;
width: 100%;
border-radius: 0;
color: #474747;
font-weight: 400;
-webkit-appearance: none;
transition: 0.3s;
letter-spacing: 0.25px;
}
.file-field.wpcf7-not-valid,
textarea.wpcf7-not-valid,
input[type=search].wpcf7-not-valid,
input[type=number].wpcf7-not-valid,
input[type=password].wpcf7-not-valid,
input[type=email].wpcf7-not-valid,
input[type=text].wpcf7-not-valid,
input[type=tel].wpcf7-not-valid {
border-color: red !important;
}
textarea {
height: 105px;
padding-top: 15px;
resize: none;
overflow: auto;
}
select {
display: none !important;
} *::-webkit-input-placeholder {
color: #838383;
opacity: 1;
-webkit-transition: 0.3s;
transition: 0.3s;
font-weight: normal;
}
*:-moz-placeholder {
color: #838383;
opacity: 1;
-moz-transition: 0.3s;
transition: 0.3s;
font-weight: normal;
}
*::-moz-placeholder {
color: #838383;
opacity: 1;
-moz-transition: 0.3s;
transition: 0.3s;
font-weight: normal;
}
*:-ms-input-placeholder {
color: #838383;
opacity: 1;
-ms-transition: 0.3s;
transition: 0.3s;
font-weight: normal;
}
textarea:focus::-webkit-input-placeholder,
input[type=search]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=text]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder {
opacity: 0;
}
textarea:focus:-moz-placeholder,
input[type=search]:focus:-moz-placeholder,
input[type=number]:focus:-moz-placeholder,
input[type=password]:focus:-moz-placeholder,
input[type=email]:focus:-moz-placeholder,
input[type=text]:focus:-moz-placeholder,
input[type=tel]:focus:-moz-placeholder {
opacity: 0;
}
textarea:focus::-moz-placeholder,
input[type=search]:focus::-moz-placeholder,
input[type=number]:focus::-moz-placeholder,
input[type=password]:focus::-moz-placeholder,
input[type=email]:focus::-moz-placeholder,
input[type=text]:focus::-moz-placeholder,
input[type=tel]:focus::-moz-placeholder {
opacity: 0;
}
textarea:focus:-ms-input-placeholder,
input[type=search]:focus:-ms-input-placeholder,
input[type=number]:focus:-ms-input-placeholder,
input[type=password]:focus:-ms-input-placeholder,
input[type=email]:focus:-ms-input-placeholder,
input[type=text]:focus:-ms-input-placeholder,
input[type=tel]:focus:-ms-input-placeholder {
opacity: 0;
}
.checkbox {
display: inline-flex;
align-items: center;
-webkit-user-select: none;
user-select: none;
text-align: left;
}
.checkbox a {
display: inline-block;
color: #2793FF;
text-decoration: underline;
}
@media (hover: hover) {
.checkbox a:hover {
text-decoration: none;
}
}
input[type=radio],
input[type=checkbox] {
display: none;
}
input[type=radio] + span,
input[type=checkbox] + span {
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #012D6E;
width: 2.2rem;
height: 2.2rem;
border-radius: 2px;
cursor: pointer;
margin-right: 8px;
min-width: 2.2rem;
font-size: 1.6rem;
color: #fff;
}
input[type=radio] + span .icon-check,
input[type=checkbox] + span .icon-check {
opacity: 0;
}
input[type=radio] + span {
border-radius: 50%;
}
input[type=radio]:checked + span,
input[type=checkbox]:checked + span {
background: #012D6E url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/check.svg) center no-repeat;
background-size: 80%;
}
input[type=radio]:checked + span {
background: #fff;
border-width: 5px;
}
.btn {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
display: inline-flex;
justify-content: center;
align-items: center;
text-align: center;
height: 5rem;
padding: 0 2.5rem;
font-size: 1.4rem;
font-weight: 500;
color: #012D6E;
background: #F0BA46;
position: relative;
z-index: 200;
border: 0;
outline: 0;
transition: 0.3s;
line-height: 1.1;
text-transform: uppercase;
}
@media (hover: hover) {
.btn:not(:disabled):hover {
background: #eca817;
}
.btn:not(:disabled):hover .btn__arr:before {
bottom: 0.5rem;
top: -1.5rem;
}
.btn:not(:disabled):hover .btn__arr:after {
top: 0.5rem;
bottom: -1.5rem;
}
.btn:not(:disabled):hover .btn__arr span {
right: -3rem;
}
}
.btn:disabled {
box-shadow: none;
cursor: not-allowed;
opacity: 0.5;
}
@media screen and (max-width: 767px) {
.btn._mob100 {
width: 100%;
}
}
.btn._small {
height: 4rem;
font-size: 1.2rem;
}
.btn._big {
height: 7rem;
font-size: 1.6rem;
}
.btn._gradient {
background: linear-gradient(88deg, #F0BA46 1.78%, #FFD477 98.22%) !important;
}
.btn._border-dark {
background: 0;
border: 1px solid #012D6E;
}
@media (hover: hover) {
.btn._border-dark:not(:disabled):hover {
background: #012D6E;
color: #fff;
}
.btn._border-dark:not(:disabled):hover .btn__line {
opacity: 0;
}
}
.btn._border-white {
background: 0;
border: 1px solid #fff;
color: #fff;
}
.btn._border-white .btn__line:after, .btn._border-white .btn__line:before {
background: #fff;
}
@media (hover: hover) {
.btn._border-white:not(:disabled):hover {
background: #fff;
color: #012D6E;
}
.btn._border-white:not(:disabled):hover .btn__line {
opacity: 0;
}
}
.btn .btn__line {
transition: 0.3s;
}
.btn .btn__line:before, .btn .btn__line:after {
position: absolute;
background: #012D6E;
}
.btn .btn__line:before {
right: 0.6rem;
top: -0.8rem;
bottom: 2px;
width: 1px;
}
.btn .btn__line:after {
bottom: 0.5rem;
left: 0.6rem;
right: -0.8rem;
height: 1px;
}
.btn .btn__arr {
pointer-events: none;
}
.btn .btn__arr span, .btn .btn__arr:before, .btn .btn__arr:after {
position: absolute;
background: #012D6E;
width: 1px;
transition: 0.3s;
}
.btn .btn__arr:before {
right: 0;
top: 0;
bottom: -1rem;
}
.btn .btn__arr:after {
right: 1rem;
top: -1.5rem;
bottom: 0.5rem;
}
.btn .btn__arr span {
left: 2rem;
bottom: 1rem;
width: auto;
right: -2rem;
height: 1px;
}
@media screen and (max-width: 992px) {
.btn .btn__arr span {
right: -1.3rem;
}
}
.btn .btn__arr span:after {
width: 6px;
height: 6px;
border-top: 1px solid #012D6E;
border-right: 1px solid #012D6E;
position: absolute;
right: 1px;
top: 50%;
transform: translate(0, -50%) rotate(45deg);
}
.btn__blick {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: 0.7rem;
z-index: 10;
overflow: hidden;
}
.btn__blick:before {
margin-left: -30px;
width: 50px;
height: 300px;
background: rgba(255, 255, 255, 0.1);
animation-delay: 50ms;
position: absolute;
left: -40px;
top: -150px;
animation-timing-function: ease-in-out;
transition: all 0.3s;
animation-name: slideme;
animation-duration: 3s;
animation-iteration-count: infinite;
transform: rotate(45deg);
z-index: 2;
}
@keyframes slideme {
0% {
left: -70px;
margin-left: 0;
}
30% {
left: 110%;
margin-left: 80px;
}
100% {
left: 110%;
margin-left: 80px;
}
}
.to-top-link {
width: 5.3rem;
height: 5.3rem;
display: inline-flex;
align-items: center;
justify-content: center;
border: 1px solid #F0BA46;
color: #F0BA46;
font-size: 5rem;
border-radius: 50%;
transition: 0.3s;
}
@media (hover: hover) {
.to-top-link:hover {
background: #F0BA46;
color: #fff;
}
} .to-top {
position: fixed;
cursor: pointer;
transition: 0.5s;
width: 44px;
z-index: 800;
bottom: 140px;
border-radius: 50%;
right: -100px;
animation-duration: 1s;
animation-fill-mode: both;
color: #464343;
}
@media (hover: hover) {
.to-top:hover {
color: #012D6E;
}
}
.to-top svg {
width: 44px;
height: auto;
}
.to-top span {
color: #77AC20;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
white-space: nowrap;
display: block;
transform: rotate(-90deg) translate(-50px, 1px);
}
@media screen and (max-width: 1000px) {
.to-top {
position: static;
animation-name: none !important;
width: auto;
display: flex;
flex-direction: column;
align-items: center;
margin: 5rem 0 -2rem 0;
}
.to-top span {
transform: none;
}
}
.to-top.active {
right: 30px;
} .icon-menu {
width: 35px;
height: 35px;
cursor: pointer;
display: none;
position: relative;
z-index: 800;
transition: ease-out 0.3s;
padding: 10px 5px;
border: 1px solid #012D6E;
}
.icon-menu:after, .icon-menu:before {
width: 0;
height: 1px;
background: #012D6E;
transition: 0.3s;
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.icon-menu:before {
top: -5px;
}
.icon-menu:after {
bottom: -5px;
}
.icon-menu.active:after, .icon-menu.active:before {
width: 13px;
}
@media screen and (max-width: 1000px) {
.icon-menu {
display: block;
}
}
.sw-topper,
.sw-bottom,
.sw-footer {
position: relative;
top: 0;
width: 100%;
height: 2px;
background: #012D6E;
border-radius: 2px;
border: none;
transition: transform 0.5s, top 0.2s;
}
.sw-topper {
max-width: 12px;
margin-left: auto;
margin-right: auto;
}
.sw-bottom {
top: 4px;
}
.sw-footer {
top: 8px;
max-width: 12px;
margin-left: auto;
margin-right: auto;
}
.icon-menu.active .sw-topper {
top: 6px;
transform: rotate(135deg);
max-width: 100%;
}
.icon-menu.active .sw-bottom {
top: 4px;
transform: rotate(-135deg);
max-width: 100%;
}
.icon-menu.active .sw-footer {
top: 0;
transform: rotate(180deg);
opacity: 0;
}
@keyframes bounceInRight {
from, 60%, 75%, 90%, to {
animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
from {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
to {
transform: none;
}
}
.bounceInRight {
animation-name: bounceInRight;
}
.modals {
display: none;
}
.fancybox-container {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.fancybox-slide--html {
padding: 70px 15px;
}
@media screen and (max-width: 767px) {
.fancybox-slide--html {
padding: 50px 15px 20px;
}
}
.fancybox-bg {
background: #fff;
}
.fancybox-is-open .fancybox-bg {
opacity: 0.2;
}
.fancybox-content.modals__item {
background: #ECF3F6;
overflow: visible;
padding: 0;
border-radius: 0;
border: 1px solid #CCE1EA;
max-width: 59rem;
width: 100%;
box-shadow: 0px 4px 4rem 0px rgba(114, 140, 168, 0.44);
}
.fancybox-content.modals__item .wpcf7-form .ajax-loader {
background-color: rgba(236, 243, 246, 0.7);
}
.fancybox-content.modals__item.modals-txt {
max-width: 1200px;
}
.fancybox-content .fancybox-button--close,
.fancybox-content .fancybox-close-small {
padding: 7px;
color: #012D6E;
transition: 0.3s;
background: 0;
border-radius: 0;
width: 7rem;
height: 7rem;
opacity: 1;
top: 0;
right: 0;
border: 0;
transform: translate(90%, -70%);
}
.fancybox-content .fancybox-button--close svg path,
.fancybox-content .fancybox-close-small svg path {
stroke-width: 1;
}
@media (hover: hover) {
.fancybox-content .fancybox-button--close:hover,
.fancybox-content .fancybox-close-small:hover {
color: #F0BA46;
}
}
@media screen and (max-width: 767px) {
.fancybox-content .fancybox-button--close,
.fancybox-content .fancybox-close-small {
transform: translate(14px, -90%);
}
}
.modals__body {
padding: 4rem;
}
.modals-form {
text-align: center;
}
.modals-form h2, .modals-form .h2 {
margin-bottom: 1rem;
}
@media screen and (min-width: 767px) {
.modals-form h2, .modals-form .h2 {
font-size: 3.6rem;
}
}
.modals-form .c-form {
margin: 0 auto;
}
.modals-form .c-form .entry-content {
padding-bottom: 0;
}
.modals-form .c-form .form-item._privacy {
padding: 1rem 0;
}
.modal-line-1 {
pointer-events: none;
}
.modal-line-1:before, .modal-line-1:after {
position: absolute;
background: #012D6E;
}
.modal-line-1:before {
width: 16rem;
height: 1px;
top: 0;
left: -8rem;
}
@media screen and (max-width: 767px) {
.modal-line-1:before {
left: -10px;
}
}
.modal-line-1:after {
width: 1px;
height: 16rem;
left: 0;
top: -2rem;
}
.modal-line-2 {
pointer-events: none;
}
.modal-line-2:before, .modal-line-2:after {
position: absolute;
background: #012D6E;
}
.modal-line-2:before {
width: 23rem;
height: 1px;
bottom: -1px;
right: -8rem;
}
@media screen and (max-width: 767px) {
.modal-line-2:before {
right: -10px;
}
}
.modal-line-2:after {
width: 1px;
height: 40%;
right: 0;
bottom: -4rem;
}
.fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
.fancybox-thumbs {
height: auto;
background: 0;
}
.fancybox-thumbs.fancybox-thumbs-x {
top: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
height: 95px;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
background: 0;
text-align: center;
}
.fancybox-thumbs .fancybox-thumbs__list {
display: inline-block;
}
.fancybox-thumbs .fancybox-thumbs__list a {
width: 60px;
height: 60px;
opacity: 0.5;
border: 2px solid transparent;
border-radius: 5px;
}
.fancybox-thumbs .fancybox-thumbs__list a:before {
display: none;
}
.fancybox-thumbs .fancybox-thumbs__list a.fancybox-thumbs-active {
opacity: 1;
border-color: #F0BA46;
}
.wpcf7-form-control-wrap {
position: static !important;
}
.wpcf7-form.submitting .ajax-loader {
visibility: visible;
opacity: 1;
}
.wpcf7-form .ajax-loader {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.8) url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/loader.svg) center no-repeat;
background-size: 65px;
transition: 0.3s;
opacity: 0;
visibility: hidden;
z-index: 500;
border-radius: 0;
}
.wpcf7-form-control-wrap {
position: static !important;
}
.wpcf7-not-valid-tip {
font-size: 11px !important;
color: #fff !important;
background: red !important;
padding: 1px 3px !important;
margin: 0 !important;
text-align: center;
display: block;
position: absolute;
bottom: 0;
right: 0;
border-radius: 3px;
z-index: 50;
}
.wpcf7-response-output {
display: none !important;
}
.compensate-for-scrollbar .header {
margin-left: -8.5px;
}
.header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 99990;
transition: box-shadow 0.3s;
padding: 4rem 0;
}
@media screen and (max-width: 1000px) {
.header {
padding: 15px 0;
position: fixed;
transition: background 0.3s, box-shadow 0.3s, padding 0.3s;
}
.header.active {
background: #ECF3F6;
box-shadow: 0px 4px 38px 0px rgba(114, 140, 168, 0.44);
}
}
.header .content {
display: flex;
align-items: center;
justify-content: space-between;
}
.header .header__content {
margin-left: 4rem;
flex-grow: 1;
max-width: 118rem;
}
@media screen and (max-width: 1000px) {
.header .header__content {
display: flex;
align-items: center;
justify-content: flex-end;
}
}
.header .header__contacts {
display: flex;
align-items: center;
justify-content: flex-end;
margin-bottom: 2.5rem;
}
@media screen and (max-width: 1000px) {
.header .header__contacts {
flex-grow: 1;
justify-content: center;
margin-bottom: 0;
}
}
.header .header__contacts .header__address {
margin-right: 3rem;
}
.header .header__contacts .header__social {
margin-right: 4rem;
}
@media screen and (max-width: 1000px) {
.header .header__contacts .header__social {
margin-right: 10rem;
}
}
.header .header__contacts .header__phone {
margin-right: 4rem;
}
.logo {
display: block;
width: 15rem;
}
@media screen and (max-width: 1000px) {
.logo {
width: 90px;
}
}
.logo img {
display: block;
width: 100%;
height: auto;
}
.time-work {
font-size: 1.2rem;
}
.phone-link {
display: inline-flex;
align-items: center;
white-space: nowrap;
font-weight: 700;
color: #164488;
font-size: 1.8rem;
}
@media (hover: hover) {
.phone-link:hover {
color: #F0BA46 !important;
}
}
.address {
display: flex;
align-items: center;
font-size: 1.4rem;
}
.address:before {
font-size: 2rem;
margin-right: 1.4rem;
color: #B3CFEC;
}
.nav {
flex-grow: 1;
}
@media screen and (max-width: 1000px) {
.nav {
position: fixed;
top: 0;
right: 0;
width: 240px;
margin: 0;
background: #ECF3F6;
box-shadow: 0px 4px 38px 0px rgba(114, 140, 168, 0.44);
bottom: 0;
z-index: 700;
transform: translateX(120%);
transition: ease-out 0.3s;
display: flex;
}
.nav .nav__content {
overflow-y: auto;
padding: 0;
}
.nav .nav__top {
height: 83px;
display: flex;
align-items: center;
padding: 0 80px 0 20px;
}
.nav .nav__bottom {
padding: 20px;
}
.nav .nav__bottom .time-work {
font-size: 11px;
}
.nav .nav__bottom .phone-link {
font-size: 18px;
}
.nav .nav__bottom .header__callback {
padding: 20px 0;
}
.nav .nav__bottom .header__callback .btn {
width: 100%;
}
.nav.active {
transform: translateX(0%);
transition: ease-in 0.3s;
}
}
.hide-on-pc {
display: none;
}
@media screen and (max-width: 1000px) {
.hide-on-pc {
display: block;
}
}
.nav__menu {
display: flex;
flex-wrap: wrap;
color: #164488;
justify-content: space-between;
}
@media screen and (max-width: 1000px) {
.nav__menu {
width: 100%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 20px 20px;
}
}
.nav__menu > li {
margin: 0;
order: 1;
position: relative;
}
@media screen and (max-width: 1000px) {
.nav__menu > li {
width: 100%;
padding: 0 0 20px 0;
margin: 0;
}
.nav__menu > li:last-child {
padding-bottom: 0;
}
}
.nav__menu > li.current-menu-item > a {
color: #F0BA46;
}
.nav__menu > li > a {
font-weight: 500;
display: flex;
align-items: center;
position: relative;
padding: 6px 0;
}
.nav__menu > li > a svg {
margin-left: 8px;
}
@media screen and (max-width: 1000px) {
.nav__menu > li > a svg {
display: none;
}
}
@media screen and (max-width: 1400px) {
.nav__menu > li > a {
padding: 3px 0;
}
}
@media screen and (max-width: 1000px) {
.nav__menu > li > a {
font-size: 14px;
padding: 0;
}
}
@media (hover: hover) {
.nav__menu > li:hover > a {
color: #F0BA46;
}
.nav__menu > li:hover .sub-menu {
visibility: visible;
opacity: 1;
transition: 0.3s;
}
}
.nav__menu > li .sub-menu {
position: absolute;
top: 100%;
left: 0;
padding: 3px;
background: #FFF;
box-shadow: 0px 4px 10.5px 0px rgba(0, 0, 0, 0.14);
visibility: hidden;
opacity: 0;
transition: 0.1s;
z-index: 900;
}
@media screen and (max-width: 1000px) {
.nav__menu > li .sub-menu {
position: static;
opacity: 1;
visibility: visible;
background: 0;
box-shadow: none;
padding: 5px 0 0 0;
}
}
.nav__menu > li .sub-menu a {
font-weight: 500;
display: flex;
align-items: center;
height: 33px;
padding: 0 15px 0 10px;
}
@media screen and (min-width: 1000px) {
.nav__menu > li .sub-menu a {
white-space: nowrap;
}
}
@media (hover: hover) {
.nav__menu > li .sub-menu a:hover {
background: #ECF3F6;
}
}
@media screen and (max-width: 1000px) {
.nav__menu > li .sub-menu a {
padding: 0 0 0 15px;
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/menu-right.svg) 0 center no-repeat;
background-size: auto 12px;
}
}
.menu-bg {
position: fixed;
z-index: 600;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.2);
-webkit-backdrop-filter: blur(6px);
backdrop-filter: blur(6px);
opacity: 0;
visibility: hidden;
transition: 0.3s;
}
.menu-bg.active {
opacity: 1;
visibility: visible;
}
.offer {
position: relative;
z-index: 100;
padding-top: 22.5rem;
padding-bottom: 28rem;
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/offer-bg.webp) center no-repeat;
background-size: cover;
}
@media screen and (max-width: 1000px) {
.offer {
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/offer-bg-mob.webp) center bottom no-repeat;
background-size: cover;
text-align: center;
padding-bottom: 0;
padding-top: 18rem;
}
}
@media screen and (max-width: 767px) {
.offer {
padding-top: 115px;
}
}
.offer h1 {
margin-bottom: 2rem;
}
.offer .offer__benefits {
max-width: 65rem;
padding-bottom: 3.6rem;
}
@media screen and (max-width: 1000px) {
.offer .offer__benefits {
margin: 0 auto;
padding-bottom: 2rem;
}
}
@media screen and (max-width: 767px) {
.offer .offer__benefits {
max-width: 220px;
}
}
.offer .offer__thumb {
position: absolute;
bottom: -11rem;
left: 50%;
transform: translateX(-35%);
width: 132rem;
z-index: -1;
}
.offer .offer__thumb img {
display: block;
width: 100%;
height: auto;
}
@media screen and (max-width: 1000px) {
.offer .offer__thumb {
position: relative;
bottom: 0;
width: 120%;
transform: translate(-35%, 20.5%);
}
}
.offer-benefit {
position: relative;
padding-left: 3.7rem;
padding-top: 0.4rem;
margin-bottom: 2rem;
text-align: left;
}
.offer-benefit img {
position: absolute;
top: 0;
left: 0;
width: 2.4rem;
height: 2.4rem;
}
.choose-us {
position: relative;
}
.choose-us .choose-us__head {
padding-top: 25rem;
padding-bottom: 4rem;
background: #021738;
font-weight: 300;
}
@media screen and (max-width: 767px) {
.choose-us .choose-us__head {
padding-top: 70px;
padding-bottom: 0;
}
.choose-us .choose-us__head h2 {
text-align: center;
}
}
.choose-us .choose-us__benefits {
padding: 4rem 0 11rem;
}
@media screen and (max-width: 767px) {
.choose-us .choose-us__benefits {
padding: 120px 0 40px;
}
}
.choose-us .choose-us__benefits .entry-content {
padding-bottom: 5rem;
}
@media screen and (max-width: 767px) {
.choose-us .choose-us__benefits .entry-content {
padding-bottom: 10px;
}
}
.choose-us .choose-us__thumb {
position: absolute;
top: 25rem;
left: 50%;
bottom: 0;
right: 0;
}
@media screen and (max-width: 767px) {
.choose-us .choose-us__thumb {
position: relative;
top: auto;
left: auto;
height: 200px;
transform: translateY(100px);
margin-top: -90px;
}
}
.services {
padding: 13rem 0;
position: relative;
z-index: 100;
}
@media screen and (max-width: 767px) {
.services {
padding: 40px 0;
}
}
.services h2 {
margin-bottom: 1rem;
}
@media screen and (max-width: 992px) {
.services h2 {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.services h2 {
margin-bottom: -2rem;
}
}
.services:after {
position: absolute;
top: 0;
left: 0;
right: 50%;
bottom: 0;
background: #ECF3F6;
z-index: -1;
}
@media screen and (max-width: 992px) {
.services:after {
right: 0;
}
}
.services .services__slider {
position: relative;
}
.services .services__slider .slider-btn {
position: absolute;
left: 104rem;
top: 50%;
transform: translateY(-50%);
z-index: 500;
}
@media screen and (max-width: 992px) {
.services .services__slider .slider-btn {
position: relative;
top: auto;
left: auto;
transform: none;
display: flex;
justify-content: center;
}
.services .services__slider .slider-btn .swiper-button-prev {
margin-bottom: 0;
margin-right: 3rem;
}
}
.services .service__pagination {
max-width: 100rem;
text-align: right;
color: #012D6E;
font-size: 2.4rem;
font-weight: 300;
line-height: 1;
padding-right: 3rem;
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding-bottom: 1.5rem;
}
@media screen and (max-width: 992px) {
.services .service__pagination {
max-width: 550px;
bottom: 7rem;
}
}
@media screen and (max-width: 767px) {
.services .service__pagination {
width: calc(100% - 30px);
}
}
.services-slider {
padding: 6rem 2.5rem;
margin: 0 calc((-100vw + 130rem) / 2) 0 -2.5rem;
}
@media screen and (max-width: 1400px) {
.services-slider {
margin: 0 -20px;
padding-left: 20px;
padding-right: 20px;
}
}
.services-slider .swiper-slide {
width: 100rem;
height: auto;
display: flex;
margin-right: 15rem;
}
@media screen and (max-width: 992px) {
.services-slider .swiper-slide {
width: 550px;
margin-right: 40px;
}
}
@media screen and (max-width: 767px) {
.services-slider .swiper-slide {
width: calc(100% - 30px);
margin-right: 30px;
}
}
.services-slider .swiper-slide.swiper-slide-active .service-item {
box-shadow: 0px 0px 2.5rem 0px rgba(0, 0, 0, 0.08);
background: #fff;
}
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-1,
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-2,
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-3,
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-4,
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-5 {
opacity: 1;
transition-delay: 0.5s;
}
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-1 {
left: -1.5rem;
}
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-2 {
top: -0.5rem;
}
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-3 {
bottom: -6rem;
}
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-4 {
right: -2.5rem;
}
.services-slider .swiper-slide.swiper-slide-active .service-item .service-item__line-5 {
height: 7rem;
}
.service-item {
width: 100%;
background: #ECF3F6;
padding: 5rem;
transition: background 0.3s, box-shadow 0.3s;
}
@media screen and (max-width: 992px) {
.service-item {
background: #fff;
display: flex;
}
.service-item > .row {
flex-grow: 1;
flex-direction: column !important;
}
.service-item > .row .col-12:nth-child(2) {
flex-grow: 1;
}
}
@media screen and (max-width: 767px) {
.service-item {
padding: 15px;
}
}
.service-item .service-item__thumb {
padding-bottom: 73%;
}
@media screen and (max-width: 992px) {
.service-item .service-item__thumb {
margin-bottom: 3rem;
padding-bottom: 66%;
}
}
.service-item h4 {
text-transform: uppercase;
margin-bottom: 4rem;
}
@media screen and (max-width: 992px) {
.service-item h4 {
margin-bottom: 2rem;
}
}
.service-item .txt-14 {
max-width: 30rem;
}
@media screen and (max-width: 992px) {
.service-item .txt-14 {
max-width: 100%;
}
}
.service-item .service-item__btn {
padding-top: 4rem;
margin-top: auto;
}
@media screen and (max-width: 767px) {
.service-item .service-item__btn .col-12:first-child {
margin-bottom: 10px;
}
}
.service-item .service-item__line-1,
.service-item .service-item__line-2,
.service-item .service-item__line-3,
.service-item .service-item__line-4,
.service-item .service-item__line-5 {
background: #012D6E;
position: absolute;
opacity: 0;
transition: 0.3s;
}
.service-item .service-item__line-1 {
top: 0;
left: 0;
width: 10rem;
height: 1px;
}
.service-item .service-item__line-2 {
top: 0;
left: 0;
height: 8rem;
width: 1px;
}
.service-item .service-item__line-3 {
bottom: 0;
right: 0;
height: 100%;
width: 1px;
}
.service-item .service-item__line-4 {
bottom: 0;
right: 0;
height: 1px;
width: calc(55.5% + 2.5rem);
}
.service-item .service-item__line-5 {
bottom: -1.2rem;
right: -1.2rem;
height: 0;
width: 1px;
}
.portfolio {
position: relative;
z-index: 100;
padding: 12rem 0 9rem;
background: #ECF3F6;
}
@media screen and (max-width: 992px) {
.portfolio {
padding-top: 0;
}
}
@media screen and (max-width: 767px) {
.portfolio {
padding: 10px 0 40px;
}
}
.portfolio .content {
position: relative;
}
.portfolio .content h2 {
position: absolute;
left: 20px;
top: 0;
}
@media screen and (max-width: 992px) {
.portfolio .content h2 {
position: static;
text-align: center;
}
.portfolio .content h2 br {
display: none;
}
}
@media screen and (max-width: 767px) {
.portfolio .content h2 {
min-height: 70px;
display: flex;
align-items: flex-end;
justify-content: center;
}
}
.portfolio:after {
position: absolute;
z-index: -1;
top: 0;
right: 0;
bottom: 0;
width: 50%;
background: #021738;
}
@media screen and (max-width: 992px) {
.portfolio:after {
width: 100%;
top: 545px;
}
}
@media screen and (max-width: 767px) {
.portfolio:after {
top: 313px;
}
}
.portfolio .portfolio__slider {
position: relative;
}
.portfolio .portfolio__slider .slider-btn {
position: absolute;
right: 0;
bottom: 3rem;
z-index: 500;
}
.portfolio .portfolio__slider .slider-btn .swiper-button-prev,
.portfolio .portfolio__slider .slider-btn .swiper-button-next {
color: #fff;
}
@media screen and (max-width: 992px) {
.portfolio .portfolio__slider .slider-btn {
position: static;
display: flex;
justify-content: center;
}
.portfolio .portfolio__slider .slider-btn .swiper-button-prev {
margin-bottom: 0;
margin-right: 3rem;
}
}
.portfolio-slider {
padding: 0 3rem 3rem 3rem;
margin: 0 -3rem;
}
.portfolio-slider > .swiper-wrapper > .swiper-slide {
height: auto;
display: flex;
}
.portfolio-slider > .swiper-wrapper > .swiper-slide.swiper-slide-active .portfolio-item:after {
box-shadow: 0px 0 3rem 0px rgba(0, 0, 0, 0.08);
}
.portfolio-item {
width: 100%;
position: relative;
z-index: 100;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
}
@media screen and (max-width: 992px) {
.portfolio-item {
flex-direction: column-reverse;
}
}
.portfolio-item:after {
position: absolute;
bottom: 0;
left: 0;
right: 9rem;
top: 18rem;
background: #fff;
z-index: -1;
transition: box-shadow 0.3s;
}
@media screen and (max-width: 992px) {
.portfolio-item:after {
top: 0;
right: 0;
}
}
.portfolio-item .portfolio-item__desc {
width: 43%;
padding: 23rem 5rem 2rem;
}
@media screen and (max-width: 992px) {
.portfolio-item .portfolio-item__desc {
width: 100%;
padding: 30px 30px;
flex-grow: 1;
}
}
@media screen and (max-width: 767px) {
.portfolio-item .portfolio-item__desc {
padding: 20px;
display: flex;
flex-direction: column;
}
}
.portfolio-item .portfolio-item__desc .portfolio-item__title {
text-transform: uppercase;
margin-bottom: 2rem;
}
@media screen and (max-width: 992px) {
.portfolio-item .portfolio-item__desc .portfolio-item__title {
margin-bottom: 20px;
}
}
@media screen and (max-width: 767px) {
.portfolio-item .portfolio-item__desc .portfolio-item__title {
margin-bottom: 15px;
}
}
.portfolio-item .portfolio-item__desc .portfolio-item__address {
display: flex;
align-items: center;
margin-bottom: 2rem;
}
.portfolio-item .portfolio-item__desc .portfolio-item__address:before {
font-size: 2rem;
margin-right: 1rem;
color: #B3CFEC;
}
@media screen and (max-width: 992px) {
.portfolio-item .portfolio-item__desc .portfolio-item__address {
margin-bottom: 15px;
}
}
.portfolio-item .portfolio-item__desc .entry-content {
font-size: 1.4rem;
line-height: 1.3;
}
.portfolio-item .portfolio-item__desc .entry-content h4 {
color: #012D6E;
}
.portfolio-item .portfolio-item__desc .entry-content ul li {
padding-left: 2.3rem;
margin-bottom: 1rem;
}
.portfolio-item .portfolio-item__desc .entry-content ul li:before {
background: #F0BA46;
width: 1rem;
height: 1rem;
top: 0.4rem;
}
.portfolio-item .portfolio-item__photo {
width: 57%;
}
@media screen and (max-width: 992px) {
.portfolio-item .portfolio-item__photo {
width: 100%;
}
}
.portfolio-item .portfolio-item__btn {
padding: 2rem 0;
margin-top: auto;
}
@media screen and (max-width: 992px) {
.portfolio-item .portfolio-item__btn {
padding: 1rem 0 0 0;
}
}
.portfolio-gallery .thumb {
padding-bottom: 66%;
}
@media screen and (max-width: 992px) {
.portfolio-gallery .thumb {
padding-bottom: 0;
height: 450px;
}
}
@media screen and (max-width: 767px) {
.portfolio-gallery .thumb {
height: 210px;
}
}
.portfolio-gallery-thumb {
margin-right: 22rem;
margin-top: 30px;
margin-bottom: 30px;
}
@media screen and (max-width: 992px) {
.portfolio-gallery-thumb {
display: none;
}
}
.portfolio-gallery-thumb .swiper-slide {
transition: opacity 0.3s;
}
.portfolio-gallery-thumb .swiper-slide.swiper-slide-thumb-active {
opacity: 0.5;
}
.portfolio-gallery-thumb .thumb {
padding-bottom: 66%;
cursor: pointer;
}
.reviews {
padding: 9.5rem 0;
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/review-bg.svg) center bottom no-repeat;
background-size: cover;
}
@media screen and (max-width: 992px) {
.reviews {
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/review-bg-mob.svg) center bottom no-repeat;
background-size: cover;
}
}
@media screen and (max-width: 767px) {
.reviews {
padding: 40px 0 36px;
}
}
.reviews h2 {
padding-top: 4rem;
}
@media screen and (max-width: 992px) {
.reviews h2 {
padding-top: 0;
text-align: center;
}
}
.reviews .reviews__benefits {
padding-top: 8rem;
}
@media screen and (max-width: 992px) {
.reviews .reviews__benefits {
padding-top: 4rem;
max-width: 520px;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.reviews .reviews__benefits .row {
margin: 0 -2px;
}
.reviews .reviews__benefits .row > * {
padding-left: 2px;
padding-right: 2px;
}
}
@media screen and (max-width: 992px) {
.reviews .reviews__yandex {
padding-top: 30px;
}
}
@media screen and (max-width: 992px) {
.reviews .max-560 {
max-width: 660px;
text-align: center;
margin: 0 auto;
}
}
.reviews-yandex {
max-width: 620px;
margin-left: auto;
height: 80rem;
}
@media screen and (max-width: 992px) {
.reviews-yandex {
max-width: 520px;
margin-right: auto;
height: 500px;
}
}
.reviews-yandex iframe {
border: 0;
border-radius: 8px;
box-shadow: 0px 4px 32px 0px rgba(1, 45, 110, 0.22);
}
.review-benefit {
width: 100%;
box-shadow: 0px 4px 16.6px 0px rgba(104, 137, 159, 0.3);
background: #fff url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/about-item-bg.svg) center no-repeat;
background-size: cover;
margin-bottom: 2rem;
padding: 4rem;
display: flex;
align-items: center;
height: 17rem;
position: relative;
font-size: 1.8rem;
font-weight: 600;
line-height: 1.5;
}
@media screen and (max-width: 767px) {
.review-benefit {
margin-bottom: 4px;
font-size: 12px;
height: auto;
padding: 10px 30px 10px 10px;
line-height: 1.3;
}
}
.review-benefit figure {
position: absolute;
bottom: 2rem;
right: 2rem;
}
@media screen and (max-width: 767px) {
.review-benefit figure {
right: 1rem;
bottom: 50%;
transform: translateY(50%);
}
}
.review-benefit figure img {
width: 3.5rem;
height: 3.5rem;
display: block;
}
@media screen and (max-width: 767px) {
.review-benefit figure img {
width: 3rem;
height: 3rem;
}
}
.review-benefit:after, .review-benefit:before {
position: absolute;
background: #012D6E;
}
.review-benefit:before {
width: 10rem;
height: 1px;
}
@media screen and (max-width: 767px) {
.review-benefit:before {
width: 7rem;
}
}
.review-benefit:after {
height: 8rem;
width: 1px;
}
@media screen and (max-width: 767px) {
.review-benefit:after {
height: 3rem;
}
}
.review-benefit._1:before {
left: -2rem;
top: 0;
}
@media screen and (max-width: 767px) {
.review-benefit._1:before {
left: -1rem;
}
}
.review-benefit._1:after {
top: -0.5rem;
left: 0;
}
.review-benefit._2:before {
right: -2rem;
top: 0;
}
@media screen and (max-width: 767px) {
.review-benefit._2:before {
right: -1rem;
}
}
.review-benefit._2:after {
top: -0.5rem;
right: 0;
}
.review-benefit._3:before {
left: -2rem;
bottom: 0;
}
@media screen and (max-width: 767px) {
.review-benefit._3:before {
left: -1rem;
}
}
.review-benefit._3:after {
bottom: -0.5rem;
left: 0;
}
.review-benefit._4:before {
right: -2rem;
bottom: 0;
}
@media screen and (max-width: 767px) {
.review-benefit._4:before {
right: -1rem;
}
}
.review-benefit._4:after {
bottom: -0.5rem;
right: 0;
}
.have-question .have-question__thumb img {
object-position: center top;
}
@media screen and (max-width: 992px) {
.have-question .have-question__thumb {
padding-bottom: 80%;
}
}
.have-question .have-question__form {
padding-left: 10rem;
max-width: calc(74rem + 20px);
padding-right: 20px;
padding-top: 14rem;
padding-bottom: 15rem;
}
.have-question .have-question__form h2 {
margin-bottom: 5rem;
}
@media screen and (max-width: 992px) {
.have-question .have-question__form h2 {
margin-bottom: 3rem;
}
}
@media screen and (max-width: 992px) {
.have-question .have-question__form {
padding: 40px 20px;
text-align: center;
max-width: inherit;
}
}
@media screen and (max-width: 767px) {
.have-question .have-question__form {
padding: 20px 20px 20px;
}
}
.c-form {
max-width: 50rem;
}
.contacts {
position: relative;
z-index: 100;
padding: 15rem 0 9rem;
}
@media screen and (max-width: 992px) {
.contacts {
padding-top: 0;
padding-bottom: 7rem;
background: #021738;
}
}
@media screen and (max-width: 767px) {
.contacts {
padding-bottom: 40px;
}
}
.contacts h2 {
margin-bottom: 16rem;
}
@media screen and (max-width: 992px) {
.contacts h2 {
margin-bottom: 20px;
text-align: center;
}
}
.contacts .contacts__btn {
max-width: 70rem;
margin: 0 auto;
}
@media screen and (max-width: 992px) {
.contacts .contacts__btn {
max-width: inherit;
}
}
.contacts .contacts__btn .btn {
margin-bottom: 2rem;
}
@media screen and (max-width: 992px) {
.contacts .contacts__content {
position: relative;
z-index: 110;
}
}
.contacts .contacts__content .col-lg-6 {
position: relative;
z-index: 110;
}
@media screen and (max-width: 992px) {
.contacts .contacts__content {
background: #ECF3F6;
padding: 20px 20px;
margin-top: -90px;
}
}
@media screen and (max-width: 767px) {
.contacts .contacts__content {
margin-top: -77px;
}
}
.contacts .content {
position: relative;
}
.contacts .contacts__list {
padding-bottom: 7rem;
padding-right: 4rem;
}
@media screen and (max-width: 992px) {
.contacts .contacts__list {
padding-right: 0;
padding-bottom: 20px;
}
}
.contacts .contacts__map {
position: absolute;
z-index: 70;
left: 50rem;
right: 20px;
top: 1rem;
}
@media screen and (max-width: 992px) {
.contacts .contacts__map {
position: static;
margin: 0 -20px;
}
}
.contacts .contacts__map > span:before, .contacts .contacts__map > span:after {
background: #4D5C73;
position: absolute;
z-index: 200;
}
@media screen and (max-width: 992px) {
.contacts .contacts__map > span:before, .contacts .contacts__map > span:after {
display: none;
}
}
.contacts .contacts__map > span:nth-child(1):before {
left: 0;
top: -2rem;
bottom: 0;
width: 1px;
}
.contacts .contacts__map > span:nth-child(1):after {
width: 16rem;
height: 1px;
top: 0;
left: -8rem;
}
.contacts .contacts__map > span:nth-child(2):before {
bottom: 0;
height: 1px;
right: -7rem;
width: 19rem;
}
.contacts .contacts__map > span:nth-child(2):after {
height: 19rem;
width: 1px;
bottom: -16rem;
right: 0;
}
.contacts:after {
position: absolute;
bottom: 0;
left: 0;
width: 50%;
top: 30rem;
z-index: 100;
background: #ECF3F6;
}
@media screen and (max-width: 992px) {
.contacts:after {
display: none;
}
}
.contacts:before {
position: absolute;
right: 0;
width: 50%;
height: 59rem;
top: 0;
z-index: -1;
background: #021738;
}
@media screen and (max-width: 992px) {
.contacts:before {
display: none;
}
}
.contacts-map {
height: 57.3rem;
background: #D9D9D9;
}
@media screen and (max-width: 767px) {
.contacts-map {
height: 270px;
}
}
.contact-item {
width: 100%;
margin-bottom: 2rem;
background: linear-gradient(290deg, #FFF 0%, rgba(255, 255, 255, 0) 56.72%);
border: 1px solid #4D5C73;
padding: 3.3rem;
position: relative;
min-height: 17rem;
}
@media screen and (max-width: 767px) {
.contact-item {
padding: 10px 40px 10px 15px;
min-height: 1px;
margin-bottom: 10px;
}
}
.contact-item .contact-item__label {
color: #758CB1;
margin-bottom: 1rem;
}
@media screen and (max-width: 767px) {
.contact-item .contact-item__label {
margin-bottom: 0;
}
}
.contact-item .contact-item__value {
font-size: 1.8rem;
}
@media (hover: hover) {
.contact-item .contact-item__value a:hover {
color: #F0BA46;
}
}
.contact-item [class^=icon-],
.contact-item [class*=" icon-"] {
position: absolute;
color: #F0BA46;
font-size: 2.4rem;
bottom: 1.5rem;
right: 1.5rem;
}
@media screen and (max-width: 767px) {
.contact-item [class^=icon-],
.contact-item [class*=" icon-"] {
bottom: 50%;
transform: translateY(50%);
}
}
.contact-item [class^=icon-].icon-email,
.contact-item [class*=" icon-"].icon-email {
font-size: 2.1rem;
}
.contact-item:after, .contact-item:before {
background: #4D5C73;
position: absolute;
}
.contact-item:before {
top: -1px;
right: 100%;
height: 1px;
width: 2rem;
}
@media screen and (max-width: 992px) {
.contact-item:before {
width: 1rem;
}
}
.contact-item:after {
left: -1px;
bottom: 100%;
height: 6px;
width: 1px;
}
.contact-item._2:before {
right: auto;
left: 100%;
}
.contact-item._2:after {
left: auto;
right: -1px;
}
.contact-item._3:before {
top: auto;
bottom: -1px;
}
.contact-item._3:after {
bottom: auto;
top: 100%;
}
.contact-item._4:before {
top: auto;
right: auto;
bottom: -1px;
left: 100%;
}
.contact-item._4:after {
bottom: auto;
left: auto;
top: 100%;
right: -1px;
height: 2rem;
}
.single-offer {
min-height: 100vh;
position: relative;
z-index: 100;
padding-top: 24rem;
padding-bottom: 10rem;
}
@media screen and (max-width: 1000px) {
.single-offer {
padding-top: 14rem;
}
}
@media screen and (max-width: 767px) {
.single-offer {
padding-top: 100px;
padding-bottom: 40px;
display: flex;
}
.single-offer .content {
display: flex;
}
}
.single-offer .single-offer__content {
background: rgba(255, 255, 255, 0.89);
max-width: 82rem;
padding: 4rem 4rem;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media screen and (max-width: 1000px) {
.single-offer .single-offer__content {
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.single-offer .single-offer__content {
padding: 0;
background: 0;
text-align: center;
align-items: center;
}
}
.single-offer .single-offer__content h1 {
margin-bottom: 2rem;
}
.single-offer .single-offer__content .entry-content {
padding-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.single-offer .single-offer__content .entry-content {
margin-bottom: auto;
}
.single-offer .single-offer__content .entry-content ul li {
margin-bottom: 0;
}
}
.single-offer .single-offer__thumb {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
overflow: visible;
}
@media screen and (max-width: 767px) {
.single-offer .single-offer__thumb {
top: 240px;
}
}
.single-offer .single-offer__thumb:after {
position: absolute;
top: -2px;
left: 0;
width: 100%;
bottom: 0;
background: linear-gradient(180deg, #FFF 12.17%, rgba(255, 255, 255, 0) 38.77%);
}
@media screen and (max-width: 1000px) {
.single-offer .single-offer__thumb:after {
background: linear-gradient(180deg, #FFF 7.14%, rgba(255, 255, 255, 0) 26.5%);
}
}
@media screen and (max-width: 767px) {
.single-offer .single-offer__thumb:after {
background: linear-gradient(180deg, #FFF 12.17%, rgba(255, 255, 255, 0) 55%);
}
}
.types {
padding: 10rem 0 14rem;
background: #ECF3F6;
}
@media screen and (max-width: 1000px) {
.types {
padding: 9rem 0;
}
}
@media screen and (max-width: 767px) {
.types {
padding: 40px 0;
}
}
.types .types__slider .slider-btn {
padding-top: 6rem;
display: flex;
justify-content: center;
}
.types .types__slider .slider-btn .swiper-button-prev {
margin-bottom: 0;
margin-right: 3rem;
}
.types-slider {
margin: -2.5rem -2.5rem -5rem;
padding: 0 2.5rem;
}
.types-slider .swiper-slide {
height: auto;
display: flex;
padding: 2.5rem 0 5rem;
}
@media screen and (max-width: 1000px) {
.types-slider .swiper-slide {
width: 450px;
}
}
@media screen and (max-width: 767px) {
.types-slider .swiper-slide {
width: calc(100% - 30px);
}
}
.type-item {
width: 100%;
background: #FFF;
box-shadow: 0px 0px 2.5rem 0px rgba(0, 0, 0, 0.08);
padding: 3rem;
display: flex;
flex-direction: column;
position: relative;
}
@media screen and (max-width: 767px) {
.type-item {
padding: 15px;
}
}
.type-item .type-item__thumb {
padding-bottom: 57%;
margin-bottom: 1.5rem;
}
.type-item .type-item__title {
text-transform: uppercase;
}
.type-item p {
margin-bottom: 1.5rem;
}
.type-item .type-item__desc {
line-height: 1.3;
}
.type-item .type-item__desc strong {
font-weight: 500;
}
.type-item .type-item__desc ul {
font-size: 1.4rem;
}
.type-item .type-item__number {
font-size: 2.4rem;
font-weight: 300;
color: #012D6E;
position: absolute;
top: 100%;
right: 0;
padding: 0.5rem 1.5rem 0 0;
}
.type-item .type-item__btn {
text-align: center;
margin-top: auto;
}
.type-item .type-item__btn .btn {
min-width: 21rem;
}
.type-item .type-item__line-1,
.type-item .type-item__line-2,
.type-item .type-item__line-3,
.type-item .type-item__line-4,
.type-item .type-item__line-5 {
background: #012D6E;
position: absolute;
}
.type-item .type-item__line-1 {
top: 0;
left: -2rem;
width: 10rem;
height: 1px;
}
.type-item .type-item__line-2 {
top: -1rem;
left: 0;
height: 8rem;
width: 1px;
}
.type-item .type-item__line-3 {
bottom: -5rem;
right: 0;
height: 50%;
width: 1px;
}
.type-item .type-item__line-4 {
bottom: 0;
right: -2.5rem;
height: 1px;
width: 17rem;
}
.type-item .type-item__line-5 {
bottom: -1rem;
right: -1rem;
height: 7rem;
width: 1px;
}
.about {
padding-top: 14rem;
overflow: hidden;
}
@media screen and (max-width: 992px) {
.about {
padding: 0;
background: #ECF3F6;
}
}
.about h2 {
margin-bottom: 3rem;
}
@media screen and (min-width: 992px) {
.about .col-lg-5 {
width: 47%;
}
}
@media screen and (min-width: 992px) {
.about .col-lg-7 {
width: 53%;
}
}
.about .about__txt {
padding-bottom: 40px;
}
@media screen and (max-width: 992px) {
.about .about__txt {
margin: 0 -20px;
padding: 40px 20px;
background: #fff;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.about .about__txt {
padding: 30px 20px 20px;
}
.about .about__txt .txt-18 {
font-size: 14px;
}
}
.about-gallery {
padding-bottom: 8rem;
position: relative;
z-index: 100;
}
@media screen and (max-width: 767px) {
.about-gallery {
padding-bottom: 0;
}
}
.about-gallery .col-7 {
width: 56%;
}
.about-gallery .col-5 {
width: 44%;
}
.about-gallery .thumb {
margin-bottom: 2rem;
}
.about-gallery .thumb._h1 {
height: 34rem;
}
@media screen and (max-width: 767px) {
.about-gallery .thumb._h1 {
height: 20rem;
}
}
.about-gallery .thumb._h2 {
height: 16rem;
}
@media screen and (max-width: 767px) {
.about-gallery .thumb._h2 {
height: 10rem;
}
}
.about-gallery .thumb._h3 {
height: 25rem;
}
@media screen and (max-width: 767px) {
.about-gallery .thumb._h3 {
height: 15rem;
}
}
.about-numbers {
position: relative;
z-index: 50;
padding-top: 6rem;
padding-bottom: 10rem;
}
@media screen and (max-width: 767px) {
.about-numbers {
padding: 20px 0;
}
}
.about-numbers:after {
z-index: -1;
position: absolute;
top: 0;
left: -2000px;
right: -3000px;
bottom: -300px;
background: #ECF3F6;
}
@media screen and (max-width: 992px) {
.about-numbers:after {
display: none;
}
}
.about-numbers .row {
margin: 0;
}
.about-numbers .row .col-6 {
padding: 0;
}
.about-numbers .row .col-6:nth-child(even) .about-numbers__item {
border-right: 0;
}
.about-numbers .row .col-6:nth-last-child(1) .about-numbers__item, .about-numbers .row .col-6:nth-last-child(2) .about-numbers__item {
border-bottom: 0;
}
.about-numbers .about-numbers__item {
border-bottom: 1px solid #000;
border-right: 1px solid #000;
width: 100%;
padding: 3rem;
}
@media screen and (max-width: 767px) {
.about-numbers .about-numbers__item {
padding: 20px 15px 15px;
}
}
.about-numbers .about-numbers__item .about-numbers__value {
font-size: 8rem;
color: #012D6E;
line-height: 0.8;
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.about-numbers .about-numbers__item .about-numbers__value {
font-size: 48px;
}
}
.main {
padding: 20rem 0 5rem;
}
@media screen and (max-width: 1000px) {
.main {
padding-top: 100px;
padding-bottom: 2rem;
}
}
.footer {
color: #fff;
background: #01112A;
}
@media screen and (max-width: 767px) {
.footer {
font-size: 12px;
}
}
.footer .footer__top {
padding: 2.5rem 0;
border-bottom: 1px solid #213A62;
}
.footer .footer__top .col-6,
.footer .footer__top .col-12 {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
}
.footer .footer__bottom {
padding: 2.3rem 0;
font-size: 1.4rem;
}
@media screen and (max-width: 767px) {
.footer .footer__bottom {
font-size: 12px;
}
}
.footer .footer__bottom .col-6,
.footer .footer__bottom .col-12 {
padding-top: 1.3rem;
padding-bottom: 1.3rem;
}
@media (hover: hover) {
.footer .footer__bottom a:hover {
color: #F0BA46;
}
}
@media screen and (max-width: 767px) {
.footer .footer__bottom {
text-align: center;
}
}
.footer .footer__logo img {
width: 15rem;
height: auto;
display: block;
filter: brightness(0) invert(1);
}
.footer .footer__nav ul {
margin-bottom: -2rem;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 300px;
}
@media screen and (max-width: 992px) {
.footer .footer__nav ul {
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
.footer .footer__nav ul {
max-width: 120px;
margin-left: auto;
}
}
.footer .footer__nav ul li {
width: calc(50% - 10px);
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.footer .footer__nav ul li {
width: 100%;
font-size: 13px;
}
}
.footer .footer__nav ul li a {
font-weight: 300;
}
@media (hover: hover) {
.footer .footer__nav ul li a:hover {
color: #E5B278;
}
}
@media screen and (max-width: 767px) {
.footer .footer__contacts-mob {
padding-top: 35px;
}
}
.footer .footer__phone {
color: #758CB1;
margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
.footer .footer__phone {
margin-bottom: 20px;
}
}
.footer .footer__phone .time-work {
font-size: 1.4rem;
margin-bottom: 5px;
}
.footer .footer__phone .phone-link {
font-size: 2rem;
color: #FFF;
}
@media (hover: hover) {
.footer .footer__email a:hover {
color: #F0BA46;
}
}
.social {
display: inline-flex;
align-items: center;
margin: 0 -0.5rem;
}
.social li {
padding: 0 0.5rem;
}
.social li a img {
display: block;
width: 3.8rem;
height: 3.8rem;
}
@media (hover: hover) {
.social li a:hover {
opacity: 0.7;
}
}
.social li.social__phone {
display: none;
}
@media screen and (max-width: 1000px) and (min-width: 767px) {
.social li.social__phone {
display: block;
}
}
address {
font-style: normal;
}
.main-404 {
padding: 80px 0;
}
.page-404 {
max-width: 650px;
margin: 0 auto;
text-align: center;
padding: 7rem 0;
}
.page-404__title {
font-size: 80px;
font-weight: bold;
}
.page-404__img {
margin: 0 auto -50px;
max-width: 505px;
width: 100%;
display: block;
transform: translateX(-10px);
}
.page-404__text {
font-size: 16px;
}
.page-404__text p {
padding-bottom: 5px;
}
.page-404__text strong {
font-size: 22px;
font-weight: 500;
}
@media screen and (max-width: 500px) {
.page-404__img {
transform: none;
margin-bottom: -30px;
}
.page-404__text {
font-size: 14px;
}
.page-404__text strong {
font-size: 18px;
}
}
.tags-menu {
display: flex;
align-items: center;
flex-wrap: wrap;
padding-top: 2rem;
}
@media screen and (max-width: 991px) {
.tags-menu {
margin-bottom: 10px;
}
}
.tags-menu li {
padding: 0 14px 14px 0;
}
@media screen and (max-width: 767px) {
.tags-menu li {
padding: 0 2px 4px;
}
}
.tags-menu li a {
display: flex;
align-items: center;
font-size: 1.4rem;
padding: 0 2.5rem;
height: 4.5rem;
border: 1px solid #012D6E;
color: #012D6E;
justify-content: center;
}
@media (hover: hover) {
.tags-menu li a:hover {
border-color: #F0BA46;
background: #F0BA46;
}
}
@media screen and (max-width: 767px) {
.tags-menu li a {
padding: 0 15px;
font-size: 12px;
}
}
.tags-menu li.current-menu-item a {
border-color: #F0BA46;
background: #F0BA46;
}
.news-list {
padding-top: 26px;
position: relative;
}
@media screen and (max-width: 767px) {
.news-list {
padding-top: 16px;
}
}
.news-list:after {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
height: 1px;
background: #E6E6E6;
}
@media screen and (max-width: 767px) {
.news-list:after {
display: none;
}
}
@media screen and (min-width: 1200px) {
.news-list .col-12:nth-child(4n) .news-item:after {
right: 0;
}
}
@media screen and (min-width: 992px) {
.news-list .col-12:nth-child(3n) .news-item:after {
right: 0;
}
}
@media screen and (min-width: 768px) {
.news-list .col-12:nth-child(2n) .news-item:after {
right: 0;
}
}
.news-item {
display: flex;
flex-direction: column;
width: 100%;
font-size: 14px;
padding-bottom: 25px;
margin-bottom: 40px;
position: relative;
}
@media screen and (max-width: 1800px) {
.news-item {
font-size: 13px;
}
}
@media screen and (max-width: 992px) {
.news-item {
font-size: 12px;
}
}
@media screen and (max-width: 767px) {
.news-item {
margin-bottom: 30px;
}
}
.news-item:after {
position: absolute;
bottom: 0;
left: 0;
right: -20px;
height: 1px;
background: #E6E6E6;
}
@media screen and (max-width: 767px) {
.news-item:after {
right: 0;
}
}
.news-item .news-item__thumb {
width: 100%;
padding-bottom: 60%;
margin-bottom: 1em;
}
.news-item .news-item__thumb img {
transition: 0.6s;
}
@media (hover: hover) {
.news-item .news-item__thumb:hover img {
transform: scale(1.1);
}
}
.news-item .news-item__title {
font-size: 1.42em;
font-weight: 700;
transition: color 0.3s;
}
@media (hover: hover) {
.news-item .news-item__title:hover {
color: #F0BA46;
}
}
.news-item .news-item__desc {
font-weight: 300;
line-height: 1.4;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
margin: 1em 0;
}
.news-item .news-item__bottom {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: auto;
}
.news-item .news-item__date {
color: #9F9F9F;
font-size: 0.9em;
}
.news-item .news-item__more {
display: inline-flex;
align-items: center;
color: #012D6E;
}
.news-item .news-item__more .icon-next2 {
margin-left: 5px;
font-size: 0.9em;
margin-top: 2px;
}
.news-item .news-item__more span:not(.icon-next2) {
text-decoration-line: underline;
text-underline-offset: 15%;
}
@media (hover: hover) {
.news-item .news-item__more:hover span:not(.icon-next2) {
text-decoration: none;
}
}
.news-item .news-item__promo {
position: absolute;
top: -1px;
left: -7px;
z-index: 30;
background: #F0BA46;
color: #012D6E;
font-weight: 700;
font-size: 14px;
height: 30px;
padding: 0 12px;
border-radius: 10px;
display: flex;
align-items: center;
pointer-events: none;
}
.news-item .news-item__promo:after {
background: url(//stroypetrobalt.ru/wp-content/themes/stroypetrobalt/images/promo-bg.svg) 0 0 no-repeat;
position: absolute;
top: 0;
left: 0;
width: 8px;
height: 50px;
}
.pagination {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
padding-bottom: 2rem;
}
.pagination li {
padding: 5px;
}
.pagination li .current,
.pagination li a {
transition: 0.3s;
height: 6rem;
width: 6rem;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #C6C6C6;
color: #012D6E;
outline: none;
appearance: none;
font-size: 1.8rem;
}
.pagination li .current .icon-next,
.pagination li .current .icon-prev,
.pagination li a .icon-next,
.pagination li a .icon-prev {
font-size: 6rem;
}
.pagination li .current {
background: #F0BA46;
border-color: #F0BA46;
}
@media (hover: hover) {
.pagination li a:hover {
background: #F0BA46;
border-color: #F0BA46;
}
}
.single-post {
background: #F0F0F0;
padding: 5rem 0;
}
@media screen and (max-width: 767px) {
.single-post {
background: 0;
padding-top: 0;
}
}
.single-post-content {
border-radius: 10px;
background: #FFF;
padding: 50px 0;
}
@media screen and (max-width: 767px) {
.single-post-content {
padding: 10px 0 0 0;
}
}
.single-post-content .single-post-content__center {
max-width: 780px;
margin: 0 auto;
}
@media screen and (max-width: 992px) {
.single-post-content .single-post-content__center {
max-width: 580px;
}
}
@media screen and (max-width: 767px) {
.single-post-content .single-post-content__center {
max-width: 100%;
}
}
.single-post-top {
padding-bottom: 10px;
font-size: 14px;
}
@media screen and (max-width: 767px) {
.single-post-top {
padding-bottom: 0;
}
}
.single-post-date {
color: #393939;
display: flex;
align-items: center;
margin-bottom: 23px;
}
.single-post-date svg {
width: 1.1em;
margin-right: 0.5em;
}
.single-thumb {
aspect-ratio: 16/9;
margin-bottom: 3rem;
}
.author {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 15px;
}
.author .author__name {
font-weight: 700;
margin-bottom: 0.5rem;
}
.author .author__desc {
color: #393939;
font-weight: 300;
font-size: 0.9em;
}
.author .author__thumb {
width: 50px;
height: 50px;
border-radius: 50%;
}
.author .author__body {
width: 10px;
flex-grow: 1;
}
.read-also {
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 30px;
margin-top: 40px;
}
.read-also-post {
margin: 0 -20px;
padding: 0 20px;
}
.read-also-post .swiper-slide {
width: calc(100% - 30px);
display: flex;
height: auto;
}
@media screen and (min-width: 768px) {
.read-also-post .swiper-wrapper {
transform: none !important;
height: auto;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-column-gap: 20px;
}
.read-also-post .news-item {
padding-bottom: 0;
margin-bottom: 40px;
}
.read-also-post .news-item:after {
display: none;
}
.read-also-post .swiper-slide {
width: auto;
margin: 0 !important;
}
}
.share-this {
position: relative;
margin-bottom: 23px;
}
.share-this .share-this__visible {
display: flex;
align-items: center;
color: #393939;
cursor: pointer;
transition: color 0.3s;
}
.share-this .share-this__visible svg {
width: 1.3em;
margin-right: 0.5em;
color: #9F9F9F;
transition: color 0.3s;
}
.share-this .share-this__content {
position: absolute;
bottom: 100%;
right: 50%;
transform: translateX(50%);
opacity: 0;
visibility: hidden;
transition: 0.3s;
padding: 15px 0;
z-index: 700;
}
.share-this .share-this__content .addtoany_list {
display: flex;
}
.share-this .share-this__content .share-this__body {
box-shadow: 0px 4px 50px 0px rgba(0, 0, 0, 0.3);
border-radius: 1rem;
padding: 10px 20px 5px;
background: #fff;
font-size: 1.1em;
}
@media screen and (max-width: 992px) {
.share-this .share-this__content {
bottom: auto;
top: 100%;
right: 0;
transform: none;
}
}
.share-this .share-this__content .addtoany_list.a2a_kit_size_32 a:not(.addtoany_special_service) > span {
border-radius: 50%;
}
.share-this .share-this__content .a2a_svg svg {
transform: scale(0.7);
}
.share-this:hover .share-this__content {
opacity: 1;
visibility: visible;
}
.share-this:hover .share-this__visible {
color: #F0BA46;
}
.share-this:hover .share-this__visible svg {
color: #F0BA46;
}
#a2a_copy_link_copied,
.a2a_logo_color {
background-color: #012D6E !important;
}
.valo-gallery {
margin-bottom: 2em;
padding-top: 0.5em;
}
.valo-gallery .valo-gallery__slider {
position: relative;
}
@media screen and (max-width: 767px) {
.valo-gallery .valo-gallery__slider .swiper-container {
margin: 0 -20px;
padding: 0 20px;
}
}
.valo-gallery .valo-gallery__slider .swiper-button-next,
.valo-gallery .valo-gallery__slider .swiper-button-prev {
position: absolute;
top: 50%;
margin-top: -3.3rem;
z-index: 100;
}
.valo-gallery .valo-gallery__slider .swiper-button-prev {
left: -9rem;
}
@media screen and (max-width: 992px) {
.valo-gallery .valo-gallery__slider .swiper-button-prev {
left: -60px;
}
}
@media screen and (max-width: 767px) {
.valo-gallery .valo-gallery__slider .swiper-button-prev {
display: none;
}
}
.valo-gallery .valo-gallery__slider .swiper-button-next {
right: -9rem;
}
@media screen and (max-width: 992px) {
.valo-gallery .valo-gallery__slider .swiper-button-next {
right: -60px;
}
}
@media screen and (max-width: 767px) {
.valo-gallery .valo-gallery__slider .swiper-button-next {
top: auto;
right: 45px;
bottom: 35px;
background: rgba(255, 255, 255, 0.8);
color: #000;
width: 35px;
height: 35px;
border: 0;
}
}
.valo-gallery .valo-gallery__slider .swiper-pagination {
bottom: 20px;
}
@media screen and (max-width: 767px) {
.valo-gallery .valo-gallery__slider .swiper-pagination {
position: static;
margin-top: 1.1em;
transform: none;
justify-content: center;
}
}
@media screen and (max-width: 767px) {
.valo-gallery .swiper-slide {
width: calc(100% - 30px);
}
}
.valo-gallery .thumb {
aspect-ratio: 16/9;
}
.valo-gallery .valo-gallery__caption {
color: #606060;
font-size: 0.85em;
margin-top: 1.1em;
}
.valo-gallery[data-slides-per-view="2"] .valo-gallery__slider .swiper-btn-next,
.valo-gallery[data-slides-per-view="2"] .valo-gallery__slider .swiper-btn-prev, .valo-gallery[data-slides-per-view="3"] .valo-gallery__slider .swiper-btn-next,
.valo-gallery[data-slides-per-view="3"] .valo-gallery__slider .swiper-btn-prev, .valo-gallery[data-slides-per-view="4"] .valo-gallery__slider .swiper-btn-next,
.valo-gallery[data-slides-per-view="4"] .valo-gallery__slider .swiper-btn-prev {
margin-top: -35px;
}
.valo-gallery[data-slides-per-view="2"] .valo-gallery__slider .swiper-pagination, .valo-gallery[data-slides-per-view="3"] .valo-gallery__slider .swiper-pagination, .valo-gallery[data-slides-per-view="4"] .valo-gallery__slider .swiper-pagination {
position: static;
margin-top: 1.1em;
transform: none;
justify-content: center;
}
.valo-gallery[data-thumb-size="1/1"] .thumb {
aspect-ratio: 1/1;
}
.valo-gallery[data-thumb-size="2/3"] .thumb {
aspect-ratio: 2/3;
}
.offer-page {
margin-top: 0 !important;
}
.offer-page .wrapper {
flex-direction: row;
padding: 0 15px;
}
@supports (-webkit-touch-callout: none) {
.offer-page .wrapper {
min-height: -webkit-fill-available;
}
}
@media screen and (max-width: 767px) {
.offer-page .wrapper {
padding: 0;
}
}
.offer-page .offer-page__content {
width: 100%;
max-width: 165rem;
margin: 0 auto;
display: flex;
flex-direction: column;
color: #474747;
font-size: 1.4rem;
padding-bottom: 4rem;
}
@media screen and (max-width: 1200px) {
.offer-page .offer-page__content {
padding-bottom: 3rem;
}
}
@media screen and (max-width: 767px) {
.offer-page .offer-page__content {
font-size: 11px;
padding-bottom: 0;
}
}
.offer-header {
display: flex;
align-items: flex-end;
gap: 5rem;
padding: 3rem 0 5rem;
width: 100%;
}
@media screen and (max-width: 1200px) {
.offer-header {
padding: 3rem 0;
}
}
@media screen and (max-width: 767px) {
.offer-header {
flex-wrap: wrap;
padding: 10px 15px 0;
gap: 0;
justify-content: space-between;
}
}
.offer-header .offer-header__logo {
width: 15rem;
min-width: 15rem;
}
@media screen and (max-width: 767px) {
.offer-header .offer-header__logo {
min-width: 1px;
width: 11rem;
}
}
.offer-header .offer-header__logo img {
width: 100%;
display: block;
height: auto;
}
.offer-header .offer-header__txt {
font-size: 2rem;
font-weight: 500;
padding: 1.8rem 3rem;
position: relative;
}
.offer-header .offer-header__txt span {
display: block;
}
@media screen and (max-width: 1000px) {
.offer-header .offer-header__txt {
max-width: 350px;
}
.offer-header .offer-header__txt br {
display: none;
}
}
@media screen and (max-width: 767px) {
.offer-header .offer-header__txt {
max-width: calc(100% - 13rem);
font-size: inherit;
margin-bottom: -0.8rem;
padding: 1.5rem 2rem;
}
}
.offer-header .offer-header__txt:after, .offer-header .offer-header__txt:before,
.offer-header .offer-header__txt span:before,
.offer-header .offer-header__txt span:after {
background: #C6C6C6;
position: absolute;
}
.offer-header .offer-header__txt:before {
width: 5rem;
height: 1px;
top: 0.8rem;
left: 0;
}
.offer-header .offer-header__txt:after {
left: 1rem;
width: 1px;
top: 0;
height: 4rem;
}
.offer-header .offer-header__txt span:before {
width: 5rem;
height: 1px;
bottom: 0.8rem;
right: 0;
}
.offer-header .offer-header__txt span:after {
right: 1rem;
width: 1px;
bottom: 0;
height: 4rem;
}
.offer-header .offer-header__contacts {
margin-left: auto;
}
@media screen and (max-width: 1200px) {
.offer-header .offer-header__contacts {
max-width: 40rem;
}
}
@media screen and (max-width: 1000px) {
.offer-header .offer-header__contacts {
max-width: 30rem;
}
}
@media screen and (max-width: 767px) {
.offer-header .offer-header__contacts {
width: calc(100% + 30px);
max-width: inherit;
margin: 1.5rem -15px 0;
background: #ECF3F6;
padding: 0.5rem 15px 1rem;
}
}
.offer-contacts {
display: table;
}
.offer-contacts .offer-contacts__item {
display: table-row;
}
.offer-contacts .offer-contacts__item .offer-contacts__label {
display: table-cell;
color: #758CB1;
padding-right: 1.5rem;
white-space: nowrap;
}
@media screen and (max-width: 1000px) {
.offer-contacts .offer-contacts__item .offer-contacts__label {
display: none;
}
}
.offer-contacts .offer-contacts__item .offer-contacts__val {
display: table-cell;
}
.offer-contacts .offer-contacts__item .offer-contacts__val a {
font-weight: 700;
}
@media screen and (max-width: 767px) {
.offer-contacts .offer-contacts__item .offer-contacts__val a {
font-size: 1.2em;
}
}
@media (hover: hover) {
.offer-contacts .offer-contacts__item .offer-contacts__val a:hover {
color: #F0BA46;
}
}
.offer-contacts .offer-contacts__item .offer-contacts__label,
.offer-contacts .offer-contacts__item .offer-contacts__val {
padding-top: 0.8rem;
}
@media screen and (max-width: 767px) {
.offer-contacts .offer-contacts__item .offer-contacts__label,
.offer-contacts .offer-contacts__item .offer-contacts__val {
padding-top: 0.4rem;
}
}
.offer-content {
width: 100%;
flex-grow: 1;
margin-bottom: 4rem;
display: flex;
flex-wrap: wrap;
border-radius: 1.5rem;
overflow: hidden;
color: #fff;
}
@media screen and (max-width: 1200px) {
.offer-content {
margin-bottom: 3rem;
}
}
@media screen and (max-width: 1000px) {
.offer-content {
flex-direction: column;
}
}
@media screen and (max-width: 767px) {
.offer-content {
margin-bottom: 0;
border-radius: 0;
}
}
.offer-content .offer-content__left {
width: 61%;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
padding: 4rem 8rem;
align-items: flex-start;
}
@media screen and (max-width: 1200px) {
.offer-content .offer-content__left {
padding: 4rem;
}
}
@media screen and (max-width: 1000px) {
.offer-content .offer-content__left {
width: 100%;
flex-grow: 1;
justify-content: center;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.offer-content .offer-content__left {
padding: 2rem 15px;
}
}
.offer-content .offer-content__left .offer-content__left-txt {
position: relative;
z-index: 10;
max-width: 53rem;
}
@media screen and (max-width: 767px) {
.offer-content .offer-content__left .offer-content__left-txt {
width: 100%;
}
}
.offer-content .offer-content__left:after {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.75);
z-index: 5;
}
.offer-content .offer-content__title {
font-weight: 400;
font-size: 4.4rem;
text-transform: uppercase;
line-height: 1.2;
}
@media screen and (max-width: 1000px) {
.offer-content .offer-content__title {
text-align: center;
}
}
@media screen and (max-width: 767px) {
.offer-content .offer-content__title {
font-size: 2.7rem;
}
.offer-content .offer-content__title br {
display: none;
}
}
.offer-content .offer-content__title strong {
font-weight: 800;
}
.offer-content .btn {
border-radius: 1.5rem;
height: 6.5rem;
font-weight: 700;
font-size: 1.6rem;
margin-top: 2rem;
padding: 0 5rem;
}
@media screen and (max-width: 767px) {
.offer-content .btn {
width: 100%;
margin-top: 1rem;
}
}
.offer-content .offer-content__right {
width: 39%;
display: flex;
flex-direction: column;
justify-content: center;
background: #021738;
padding: 4rem 4rem;
}
@media screen and (max-width: 1200px) {
.offer-content .offer-content__right {
padding: 3rem;
}
}
@media screen and (max-width: 1000px) {
.offer-content .offer-content__right {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.offer-content .offer-content__right {
padding: 1.5rem 15px;
margin-top: -2px;
}
}
.offer-content .offer-content__right .offer-content__txt-1 {
padding-bottom: 3rem;
}
@media screen and (max-width: 1000px) {
.offer-content .offer-content__right .offer-content__txt-1 {
padding-bottom: 0;
}
}
@media screen and (max-width: 767px) {
.offer-content .offer-content__right .offer-content__txt-1 {
width: 100%;
}
}
@media screen and (max-width: 767px) {
.offer-content .offer-content__right .offer-content__txt-2 {
width: 100%;
padding-top: 0;
}
}
.offer-content .entry-content {
font-weight: 300;
text-align: left;
}
.offer-content .entry-content h3,
.offer-content .entry-content h2 {
font-size: 3.2rem;
font-weight: 500;
margin-bottom: 3rem;
line-height: 1.2;
}
@media screen and (max-width: 767px) {
.offer-content .entry-content h3,
.offer-content .entry-content h2 {
font-size: 2.4rem;
margin-bottom: 1.5rem;
}
}
.offer-content .entry-content ul li {
margin-bottom: 2rem;
}
@media screen and (max-width: 767px) {
.offer-content .entry-content ul li {
margin-bottom: 0.5rem;
}
}
.offer-benefits {
border-radius: 15px;
background: #ECF3F6;
display: flex;
align-items: center;
padding: 4.5rem 12rem 4.5rem 8rem;
gap: 12rem;
width: 100%;
}
@media screen and (max-width: 1400px) {
.offer-benefits {
padding: 3rem;
}
}
@media screen and (max-width: 1200px) {
.offer-benefits {
display: block;
padding-top: 2rem;
}
}
@media screen and (max-width: 767px) {
.offer-benefits {
padding: 1.5rem 15px 0.5rem;
border-radius: 0;
}
}
.offer-benefits .offer-benefits__title {
color: #012D6E;
font-size: 2.8rem;
font-weight: 500;
}
@media screen and (max-width: 1200px) {
.offer-benefits .offer-benefits__title {
margin-bottom: 2rem;
}
}
@media screen and (max-width: 1000px) {
.offer-benefits .offer-benefits__title {
text-align: center;
}
}
.offer-benefits .offer-benefits__list {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
flex-grow: 1;
}
@media screen and (max-width: 767px) {
.offer-benefits .offer-benefits__list {
flex-wrap: wrap;
gap: 0;
}
}
.offer-benefits .offer-benefits__list .offer-benefits__item {
display: flex;
align-items: center;
gap: 1.6rem;
}
@media screen and (max-width: 767px) {
.offer-benefits .offer-benefits__list .offer-benefits__item {
width: calc(50% - 10px);
margin-bottom: 1.5rem;
}
}
.offer-benefits .offer-benefits__list .offer-benefits__item img {
width: 4rem;
height: 4rem;
object-fit: contain;
object-position: center center;
transition: 0.6s;
}
.offer-benefits .offer-benefits__list .offer-benefits__item .offer-benefits__desc {
max-width: 16rem;
}
@media (hover: hover) {
.offer-benefits .offer-benefits__list .offer-benefits__item:hover img {
transform: translateY(-1rem);
}
}body .footer .footer__bottom {
padding:2.3rem 0 8rem;
}
.space-free {
display: flex;
align-items: center;
text-align: right;
justify-content: end;
}
.space-free img {
height: 16px;
margin-right: 5px;
}
.space-free a {
white-space: nowrap;
display: flex;
align-items: center;
}
@media screen and (max-width: 768px) {
.space-free {
display: flex;
text-align: left;
align-items: center;
justify-content: center;
margin-top: 1rem;
flex-direction: column;
}
}
.header .header__contacts .header__phone {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.header .header__contacts {
align-items: flex-end;
}