.page__header {
width: 100%
}
.page__footer {
width: 100%;
padding: 112px 50px 32px
}
.page__footer-section-contacts .wp-block-group__inner-container {
display: grid;
width: 100%;
grid-template-columns: repeat(2, 1fr);
gap: 56px
}
.wp-block-group.page__footer-section-contacts {
width: 100%
}
.footer-copyright__p {
overflow-wrap: break-word
}
.footer-copyright__text_link {
text-decoration: none;
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
color: inherit
}
.footer-copyright__text_link:hover {
text-decoration: none;
color: #51acfb
}
.footer-copyright__text_link,
.footer-copyright__text_link:active,
.footer-copyright__text_link:focus {
outline: none
}
.footer-copyright__p {
margin: 0 0 1em
}
.footer-copyright {
color: #fff;
margin-top: 3.5em
}
.footer-copyright {
display: flex;
justify-content: center;
font-family: Roboto;
font-size: 16px;
font-weight: 600
}
.footer-copyright__text_link:hover {
color: #51acfb
}
.footer-copyright__text_link {
color: #219df3;
font-weight: 600
}
.footer-copyright__text {
font-weight: 600
}
.footer-copyright__divider {
font-weight: inherit
}
@media (max-width:600px) {
.footer-copyright__p {
display: flex;
flex-direction: column;
text-align: center
}
.footer-copyright__divider {
display: none
}
}
.page-request-a-quote__form {
padding-top: 0;
width: 100%
}
.page-request-a-quote__columns {
padding-top: 32px;
padding-bottom: 32px;
width: 100%
}
.page-request-a-quote__call-to-action {
width: 100%
}
.page-request-a-quote__form {
width: 100%
}
.call-to-action-3 {
position: relative;
--tw-bg-opacity: 1;
background-color: rgb(249 249 249 / var(--tw-bg-opacity));
padding-top: 230px;
font-family: Montserrat
}
.call-to-action-3__content {
display: grid;
grid-template-columns: repeat(2, 1fr)
}
.call-to-action-3__section-2 {
margin-top: 56px;
margin-bottom: 56px;
display: flex;
flex-direction: column;
justify-self: center;
max-width: 700px;
width: calc(100% - 100px);
align-self: center
}
.call-to-action-3__title {
font-size: 40px;
line-height: 1.2
}
.call-to-action-3__description_1 {
margin-top: 28px;
font-size: 14px;
line-height: 1.6
}
.call-to-action-3__description_2 {
margin-top: 12px;
font-size: 14px;
line-height: 1.6
}
.call-to-action-3__actions {
margin-top: 28px;
display: flex;
flex-direction: column
}
.call-to-action-3__action {
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 130px;
border-radius: 4.5em;
border-width: 2px;
border-style: solid;
padding-top: .5em;
padding-bottom: .5em;
padding-left: 1em;
padding-right: 1em;
text-align: center;
font-size: 11px;
font-weight: 500;
--tw-border-opacity: 1;
border-color: rgb(37 37 37 / var(--tw-border-opacity));
--tw-text-opacity: 1;
color: rgb(37 37 37 / var(--tw-text-opacity))
}
.call-to-action-3__graphic {
position: absolute;
top: 0;
left: 0;
height: 130px;
width: 100%
}
.call-to-action-3__graphic-image {
height: 100%;
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.call-to-action-3__action {
will-change: transform, box-shadow;
transition: transform .3s ease, box-shadow .3s ease;
position: relative
}
.call-to-action-3__action:hover {
box-shadow: 0 0 0 3em #252525 inset;
transform: translateY(-5px)
}
.call-to-action-3__action-text {
will-change: color;
transition: color .3s ease;
font-weight: inherit
}
.call-to-action-3__action:hover .call-to-action-3__action-text {
color: #fff
}
.columns {
display: flex;
justify-content: center;
--tw-bg-opacity: 1;
background-color: rgb(255 255 255 / var(--tw-bg-opacity));
font-family: Montserrat
}
.columns__content {
width: calc(100% - 100px);
max-width: 1200px
}
.columns__items {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
row-gap: 140px
}
.columns__item {
display: flex;
flex-direction: column;
gap: 28px;
padding-left: 50px;
padding-right: 50px
}
.columns-section__title {
font-size: 40px;
line-height: 1.4
}
.columns-section__content {
font-size: 14px;
line-height: 1.6
}
.columns-section__content a {
--tw-text-opacity: 1;
color: rgb(81 172 251 / var(--tw-text-opacity))
}
.form-2 {
display: flex;
justify-content: center;
font-family: Montserrat;
line-height: 1.4
}
.form-2__content {
display: flex;
width: 100%;
max-width: 1200px;
flex-direction: column;
align-items: center;
gap: 14px;
width: calc(100% - 100px)
}
.form-2__title {
width: 100%;
text-align: center;
font-size: 32px;
font-weight: 400;
line-height: 1.4;
--tw-text-opacity: 1;
color: rgb(37 37 37 / var(--tw-text-opacity))
}
.form-2__form-2 {
width: 100%
}
.form-2 {
display: flex;
justify-content: center;
padding-top: 56px;
padding-bottom: 56px;
font-family: Montserrat;
line-height: 1.4
}
.form-2__content {
display: flex;
width: 100%;
max-width: 1200px;
flex-direction: column;
align-items: center;
gap: 14px;
width: calc(100% - 100px)
}
.form-2__title {
width: 100%;
text-align: center;
font-size: 32px;
font-weight: 400;
line-height: 1.4;
--tw-text-opacity: 1;
color: rgb(37 37 37 / var(--tw-text-opacity))
}
.form-2__form-2 {
width: 100%
}
.form-2 .wpcf7,
.form-2__form {
width: 100%
}
.form-2 .screen-reader-response {
display: none
}
.form-2 .wpcf7-response-output {
margin-top: 20px;
display: flex
}
.header-hamburger__item {
display: flex;
width: 100%;
height: 2px;
background-color: #252525;
position: relative
}
.header-hamburger {
display: flex;
width: 27px;
flex-direction: column;
outline: 0;
background-color: #fff;
border: none;
padding: 0;
flex-shrink: 0
}
.header__area-2 {
padding: 12px 20px;
display: flex;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2);
gap: 11px;
align-items: center
}
.header-hamburger__item:before {
display: flex;
width: 100%;
height: 2px;
background-color: #252525;
content: '';
position: absolute;
top: -12px
}
.header-hamburger__item:after {
display: flex;
width: 100%;
height: 2px;
background-color: #252525;
content: '';
display: flex;
position: absolute;
bottom: -12px
}
.header__area-2__logo {
height: 30px;
max-width: 100%;
object-fit: contain
}
.header {
font-family: Montserrat;
position: relative;
z-index: 3
}
.header__area-1_mobile_hidden {
display: none
}
.header-side-section {
width: 100%;
background: 0 0;
position: fixed;
height: 100%;
z-index: 3;
will-change: left;
transition: left 1s cubic-bezier(.23, 1, .32, 1);
font-family: Montserrat
}
.header-side-section[data-state=hidden] {
left: -100%
}
.header-side-section[data-state=visible][data-state-next=hidden] {
left: -100% !important
}
.header-side-section[data-state=visible] {
left: 0
}
.header-side-section[data-state=hidden][data-state-next=visible] {
left: 0 !important
}
.header-side-section__content {
max-width: 260px;
background-color: #fff;
height: 100%;
position: relative;
z-index: 2;
box-shadow: rgba(0, 0, 0, .1) 2px 0 5px 0;
display: flex;
flex-direction: column;
align-items: center
}
.header-side-section__panel {
background: #fff;
position: fixed;
right: 0;
height: 54px;
width: calc(100% - 260px);
display: flex;
align-items: center;
padding-left: 20px;
box-shadow: rgba(0, 0, 0, .2) 0 0 10px 0
}
.header-side-section__panel[data-state=hidden] {
display: none
}
.header-hamburger_close>.header-hamburger__item {
background: 0 0
}
.header-hamburger_close>.header-hamburger__item:before {
top: 0;
transform: rotate(-45deg);
transform-origin: center center
}
.header-hamburger_close>.header-hamburger__item:after {
top: 0;
transform: rotate(45deg);
transform-origin: center center
}
.header-side-section__logo {
padding: 14px 28px
}
.header-side-section__widgets {
width: 100%
}
.header-mobile-menu__nav {
display: flex;
align-items: center;
width: 100%;
position: relative;
justify-content: space-between
}
.header-mobile-menu__item_has-children {
display: flex;
flex-direction: column
}
.header-mobile-menu__button {
display: flex;
width: 10px;
height: 16px;
background: 0 0;
padding: 0;
border: none;
position: absolute;
z-index: 3;
right: .5em;
font-size: 13px;
transform-origin: center center;
will-change: transform;
transition: transform .3s ease-in-out
}
.header-mobile-menu__button[data-state=expanded] {
transform: rotate(180deg)
}
.header-mobile-menu__button:disabled {
opacity: 1
}
.header-mobile-menu__link {
flex-grow: 1
}
.header-mobile-menu__item {
width: 100%
}
.header-mobile-menu {
width: 100%
}
.header-side-section__menu {
width: 100%
}
.header-mobile-menu__link {
font-size: 13px;
color: #252525;
font-weight: 400;
text-transform: uppercase;
padding: 1em 2em;
position: relative;
width: 100%;
z-index: 2;
display: flex;
text-align: center;
justify-content: center
}
.header-mobile-menu__icon {
width: 100%;
height: 100%
}
.header-mobile-menu__icon {
fill: #252525
}
.header-mobile-menu__icon {
fill: #252525
}
.header-mobile-menu__items {
overflow: hidden
}
.header-mobile-menu__items {
will-change: height
}
.header-mobile-menu__items[data-state=collapsed] {
height: 0
}
.header-mobile-menu__items[data-state=expanded] {
height: initial
}
.header-mobile-menu__items[data-state-has-transition] {
transition: height .2s ease-out
}
.header__area-2__menu_mobile_hidden {
display: none
}
.header-hamburger_open:hover .header-hamburger__item:before {
top: -15px
}
.header-hamburger_open:hover .header-hamburger__item:after {
bottom: -15px
}
.header-hamburger_open .header-hamburger__item:before {
transition: top 300ms ease
}
.header-hamburger_open .header-hamburger__item:after {
transition: bottom 300ms ease
}
.header-hamburger {
height: 28px;
display: flex;
justify-content: center
}
@media (min-width:1200px) {
.desktop-menu__items {
position: absolute
}
.desktop-menu__items[data-state=collapsed] {
opacity: 0;
z-index: -1;
tab-index: -1;
top: calc(100% + 20px);
pointer-events: none
}
.header__area-1 {
display: flex
}
.desktop-menu__item {
position: relative;
color: #252525;
font-weight: 500;
text-transform: uppercase;
font-size: 13px
}
.header__hamburger_desktop_hidden {
display: none
}
.header__area-2 {
display: flex;
justify-content: space-between;
padding-left: 50px;
padding-right: 50px;
grid-template-columns: max-content 1fr;
align-items: stretch
}
.header__area-2__menu {
display: flex;
height: auto;
justify-content: stretch;
flex-direction: column
}
.desktop-menu {
gap: 50px;
display: flex;
flex: 1;
align-items: flex-end
}
.desktop-menu__link:any-link {
color: inherit
}
.header__area-2 {
padding-top: 0;
padding-bottom: 0
}
.header__area-2__logo {
height: 78px;
padding-top: 20px;
padding-bottom: 20px
}
.desktop-menu-items {
display: flex;
flex-direction: column;
will-change: bottom, opacity
}
.desktop-menu__items-content {
background: #fff;
box-shadow: rgb(0 0 0 / 20%) 0 0 10px 0, #51acfb 0 5px 0 0 inset;
width: 220px
}
.desktop-menu__item {
padding: 1em 1.5em
}
.desktop-menu__item_level_1 {
padding: 0
}
.desktop-menu__items_level_1 {
top: 100%
}
.desktop-menu__items_level_1 {
top: 0;
left: 0
}
.desktop-menu__item:last-child>.desktop-menu__items_level_1 {
left: initial;
right: 0
}
.desktop-menu__items:not(.desktop-menu__items_level_1) {
top: 0;
left: 100%
}
.desktop-menu__item:not(.desktop-menu__item_level_1):hover:after {
display: flex;
content: '';
width: 5px;
background-color: rgb(81 172 251);
height: 100%;
position: absolute;
left: 0;
top: 0
}
.desktop-menu__items[data-state=collapsed] {
opacity: 0;
top: calc(-5px + 20px);
z-index: -1
}
.desktop-menu__items[data-level="1"][data-state=collapsed] {
opacity: 0;
top: calc(100% + 20px);
z-index: -1
}
.desktop-menu__items[data-state=expanded] {
opacity: 1;
top: -5px;
transform: initial;
z-index: 9
}
.desktop-menu__items[data-level="1"][data-state=expanded] {
opacity: 1;
top: 100%;
transform: initial
}
.desktop-menu__items[data-state-has-transition] {
z-index: 1;
pointer-events: initial;
tab-index: initial;
transition: opacity .3s ease, top .3s ease
}
.desktop-menu__item {
display: flex;
flex-direction: column;
font-size: 13px;
line-height: 1
}
.desktop-menu__item.desktop-menu__item_level_1 {
display: flex;
flex-direction: column;
justify-content: flex-start;
height: calc(50% + .5em);
line-height: 1
}
.desktop-menu__link {
line-height: 1
}
.desktop-menu__items-content {
padding-top: 5px
}
.desktop-menu__link:hover {
color: #51acfb
}
.desktop-menu__link:not(.desktop-menu__link_level_1) {
padding: 1em 1.5em
}
.desktop-menu__link:not(.desktop-menu__link_level_1):after {
content: ' ';
display: block;
position: absolute;
bottom: 0;
height: 1px;
background-color: rgba(0, 0, 0, .1);
width: calc(100% - 3em);
top: calc(100%);
font-size: 13px;
line-height: 1;
opacity: .4;
left: 1.5em
}
.desktop-menu__item:not(.desktop-menu__link_level_1) {
padding: 0
}
.desktop-menu__link {
position: relative;
display: flex
}
.desktop-menu__item_level_1 {
display: flex;
position: relative
}
.desktop-menu__item_level_1:not(:last-child):after {
content: '/';
position: absolute;
right: -28px;
opacity: .5
}
.header__area-2 {
height: 90px
}
.header__logo-link {
height: 90px;
align-items: center
}
.desktop-menu__link:not(.desktop-menu__link_level_1) {
line-height: 1.6
}
}
.header__logo-link {
display: flex;
height: max-content
}
.desktop-menu__item_level_1.desktop-menu__item_active {
border-bottom: 4px solid #51acfb
}
.desktop-menu__link-span {
font-weight: 500
}
.desktop-menu__item.active {
position: relative
}
.desktop-menu__item.active:before {
width: 100%;
content: '';
height: 4px;
opacity: 1;
background-color: #51acfb;
bottom: 0;
left: 0;
position: absolute
}
.footer {
background-color: #26292e
}
.footer__sidebars {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 56px
}
.footer {
background-color: #26292e;
display: flex;
justify-content: center
}
.footer__sidebars {
display: grid;
grid-template-columns: 1fr;
grid-row-gap: 56px
}
.footer__content {
width: 100%
}
.footer__sidebar {
justify-self: center;
width: 100%
}
.footer__sidebar:last-child {
max-width: calc(100% - 20px)
}
.footer__sidebar_thermolux-footer-2 {
flex-direction: column;
gap: 56px
}
.footer__sidebar.footer__sidebar_thermolux-footer-3 {
margin-top: 50px
}
.footer__sidebars {
grid-template-columns: 100%
}
@media (min-width:1200px) {
.footer__content {
max-width: 1200px
}
.footer__sidebars {
width: 100%
}
.footer__sidebar {
width: 100%;
max-width: 100%
}
}
.contacts-widget__title {
font-size: 21px;
color: #fff;
font-weight: 300
}
.contacts-widget {
font-family: Montserrat
}
.contacts-widget__title:after {
margin-top: 15px;
height: 2px;
content: '';
display: flex;
width: 5%;
background: #fff;
width: 1.5em
}
.contacts-widget__contacts {
display: flex;
flex-direction: column;
color: #fff;
font-weight: 300;
gap: 15px
}
.contacts-widget__contact-title {
font-size: 13px;
font-weight: 300;
color: #fff
}
.contacts-widget__contact {
display: flex;
gap: 1em;
align-items: center;
font-size: 14px
}
.contacts-widget__contact-icon {
display: flex;
width: 25px;
font-size: 14px;
display: flex;
justify-content: center;
height: 20px
}
.contacts-widget__contact-icon>svg {
height: 17px
}
.contacts-widget__contact-icon>svg path {
fill: #219df3
}
.contacts-widget__content {
display: flex;
flex-direction: column;
gap: 20px
}
.contacts-widget__networks {
display: flex;
gap: 8px;
margin-top: 10px
}
.contacts-widget__network {
display: flex;
width: 42px;
height: 42px;
border: 2px solid #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center
}
.contacts-widget__network>svg path {
fill: #fff
}
.contacts-widget__network>svg {
width: inherit;
height: 18px
}
.contacts-widget__contact:hover .contacts-widget__contact-icon>svg path {
fill: #fff
}
.contacts-widget__contact-icon>svg path {
transition: fill 300ms ease
}
.service-widget__title {
font-size: 21px;
color: #fff;
font-weight: 300
}
.service-widget__title:after {
margin-top: 15px;
height: 2px;
content: '';
display: flex;
width: 5%;
background: #fff;
width: 1.5em
}
.service-widget__phone-icon>svg path {
fill: #219df3
}
.service-widget__phone-title {
color: #fff;
font-size: 1.3rem;
font-weight: 700
}
.service-widget {
font-family: Montserrat
}
.service-widget__phone {
display: flex;
align-items: center;
font-size: 1.3rem;
gap: 1em
}
.service-widget__content {
display: flex;
flex-direction: column;
gap: 20px
}
.service-widget__phone-icon {
width: 1.5rem
}
.service-widget__phone-icon>svg {
width: 100%;
height: auto
}
.service-widget__image {
width: calc(2.3rem + 10.5rem);
object-fit: cover;
height: auto
}
.service-widget__image-link {
width: max-content;
display: flex
}
@media (min-width:1200px) {
.service-widget__title {
font-size: 21px;
color: #fff;
font-weight: 300
}
.service-widget__title:after {
margin-top: 15px;
height: 2px;
content: '';
display: flex;
width: 5%;
background: #fff;
width: 1.5em
}
.service-widget__phone-icon>svg path {
fill: #219df3
}
.service-widget__phone-title {
color: #fff;
font-size: 1.3rem;
font-weight: 700
}
.service-widget {
font-family: Montserrat
}
.service-widget__phone {
display: flex;
align-items: center;
font-size: 1.3rem;
gap: 1em
}
.service-widget__content {
display: flex;
flex-direction: column;
gap: 28px
}
.service-widget__phone-icon {
font-size: 35px;
width: 1em
}
.service-widget__phone-icon>svg {
width: 100%;
height: auto
}
.service-widget__image {
width: 6.3em;
font-size: 35px;
height: auto
}
}
.service-widget__content-2 {
display: flex;
flex-direction: column;
position: relative;
gap: 28px;
width: max-content
}
.service-widget__image-link {
position: absolute;
display: flex;
width: 100%;
top: calc(100% + 28px)
}
.service-widget__phone {
width: max-content
}
.service-widget__image {
width: 100%;
height: auto
}
.service-widget__content-2 {
width: max-content
}
.images-section__image {
height: 80px;
max-width: 100%;
object-fit: contain
}
.images-section__background {
display: flex;
flex-direction: column;
gap: 25px;
align-items: center
}
@media (min-width:1200px) {
.images-section__background {
display: flex;
flex-direction: row;
justify-content: space-between
}
}
.images-section__image {
width: max-content
}
.call-to-action__title {
font-size: 40px;
color: #fff;
line-height: 1.45;
width: 100%;
text-align: left;
font-weight: 300
}
.call-to-action {
padding: 50px;
font-family: Montserrat;
border: 1px solid rgba(255, 255, 255, .3)
}
.call-to-action__action {
font-size: 14px;
padding: 1.5em 2.2em;
display: flex;
font-weight: 500;
text-transform: uppercase;
color: #fff;
border-radius: 50px;
width: max-content;
font-family: Roboto;
background-color: #219df3;
font-weight: 600;
line-height: 1
}
.call-to-action__content {
flex-direction: row;
display: grid;
gap: 100px;
align-items: center;
grid-template-columns: 1fr max-content
}
.call-to-action__action {
will-change: transform, box-shadow;
transition: transform .3s ease, box-shadow .3s ease;
position: relative;
overflow: hidden
}
.call-to-action__action:hover {
box-shadow: 0 2px 5px rgb(0 0 0 / 20%);
transform: translateY(-5px)
}
.call-to-action__action:before {
content: '';
position: absolute;
left: -80%;
top: 0;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .56) 50%, rgba(255, 255, 255, 0) 100%);
width: 80%;
opacity: .5;
transition: left .5s ease;
will-change: left;
transform: skewX(-30deg)
}
.call-to-action__action:hover:before {
left: 100%
}
@media screen and (min-width:1200px) {
.call-to-action__content {
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap
}
.call-to-action__title {
font-size: 40px;
max-width: 20em
}
.call-to-action__action {
background-color: #219df3;
font-size: 15px;
padding: 1.5em 2em;
line-height: 1;
letter-spacing: 1px
}
.call-to-action {
padding: 50px
}
}
.top-bar__content {
background-color: rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
gap: 10px
}
.top-bar__section-1-icon {
display: flex;
width: 24px
}
.top-bar__section-1-icon>svg {
width: 100%
}
.top-bar__section-1-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 6px
}
.top-bar__section-1 {
display: flex;
flex-direction: column;
gap: 32px;
padding-top: 28px
}
.top-bar {
font-family: Montserrat
}
.top-bar__section-1-name {
font-size: 14px;
color: #252525
}
.top-bar__section-1-value {
font-weight: 400;
font-size: 14px;
color: #252525;
opacity: .5
}
.top-bar__section-2-networks {
display: flex;
gap: 10px
}
.top-bar__section-2-network {
display: flex;
width: max-content
}
.top-bar__section-2-network>svg {
width: auto;
height: 15px
}
.top-bar__section-2 {
display: flex;
width: 100%;
flex-direction: column;
align-items: center
}
.top-bar__section-2-button {
display: flex;
background-color: #219df3;
padding: 18px 24px;
color: #fff;
font-size: 13px;
font-weight: 500;
margin-top: 12px;
justify-content: center;
width: 75%;
align-items: center;
text-align: center
}
.top-bar__section-2-network:hover path {
fill: #51acfb
}
.top-bar__section-1-icon {
width: 27px
}
.top-bar__section-1-icon {
padding-top: 13px;
padding-bottom: 13px
}
@media (min-width:1200px) {
.top-bar {
width: 100%;
display: flex
}
.top-bar__content {
flex-direction: row;
width: 100%;
padding-left: 50px;
justify-content: space-between;
padding-right: 50px;
gap: 10px
}
.top-bar__content {
height: 48px
}
.top-bar__section-1-name {
font-size: 13px
}
.top-bar__section-1-value {
font-size: 13px
}
.header__widget {
width: 100%
}
.top-bar__section-2 {
flex-direction: row;
gap: 10px;
width: max-content
}
.top-bar__section-1 {
flex-direction: row;
padding-top: 0;
width: max-content;
gap: 12px
}
.top-bar__section-2-button {
width: max-content;
margin-top: 0;
background-color: #51acfb
}
.top-bar__section-1-item {
flex-direction: row
}
.top-bar__section-1-icon {
width: 10px
}
.top-bar__section-2-network>svg path {
fill: rgba(37, 37, 37, .8)
}
.top-bar__section-2-network>svg {
height: 13px
}
.top-bar__section-1-icon {
padding-top: 0;
padding-bottom: 0
}
}
.top-bar__section-2-button {
will-change: transform, box-shadow;
position: relative;
overflow: hidden
}
.top-bar__section-2-button:before {
content: '';
position: absolute;
left: -80%;
top: 0;
height: 100%;
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .56) 50%, rgba(255, 255, 255, 0) 100%);
width: 80%;
opacity: .5;
transition: left .5s ease;
will-change: left;
transform: skewX(-30deg)
}
.top-bar__section-2-button:hover:before {
left: 100%
}
.top-bar__section-1-item:hover {
color: #51acfb
}
.top-bar__section-1-item:hover .top-bar__section-1-name {
color: inherit
}
.top-bar__section-1-item:hover .top-bar__section-1-value {
color: inherit
}
.top-bar__section-1-item:hover path {
fill: #51acfb
}
.top-bar__section-2-button {
height: 100%
}
.search {
position: fixed;
height: 100%;
width: 100%;
z-index: 999;
background: #fff;
top: 0;
left: 0;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center
}
.search__content {
width: 100%;
display: flex;
justify-content: center;
position: relative;
height: 100%;
align-items: center
}
.search__close {
width: 1.6em;
font-size: 42px;
position: absolute;
right: 1em;
top: 0;
top: 1em;
transition: transform 400ms ease
}
.search__close:hover {
transform: rotate(90deg)
}
.search__close-icon {
width: 100%
}
.search__content-1 {
width: 100%;
display: flex;
justify-content: center
}
.search__form {
position: relative;
width: calc(100% - 100px);
max-width: 1200px
}
.search__label {
display: flex;
width: 100%
}
.search__field {
font-size: 42px;
border-radius: 2.38em;
width: 100%;
padding-left: 1em;
line-height: 1;
box-shadow: 0 0 0 2px rgb(0 0 0 / 10%) inset;
padding-right: 2.2em;
outline: none;
border: none;
padding-top: .5em;
padding-bottom: .5em
}
.search__field:focus {
box-shadow: 0 0 0 2px #51acfb inset
}
.search__submit {
height: 100%;
right: .6em;
top: 0;
width: 1.5em;
position: absolute;
display: flex;
align-items: center;
font-size: 42px
}
.search__submit-icon {
width: 100%
}
.search__submit-icon>path {
fill: rgba(0, 0, 0, .1)
}
.search__close-icon>path {
fill: #51acfb
}
.search {
will-change: top, opacity;
transition: 800ms top ease, 800ms opacity ease
}
.search[data-state="expanded"][data-state-to="collapsed"],
.search[data-state="collapsed"] {
tab-index: -1;
opacity: 0;
pointer-events: none;
top: 100%
}
.search[data-state="collapsed"] {
z-index: -1
}
.search[data-state-to="expanded"],
.search[data-state="collapsed"][data-state-to="expanded"] {
visibility: visible;
tab-index: initial;
pointer-events: initial;
z-index: 999;
opacity: 1;
top: 0
}
.el-form-4 {
width: 100%;
display: flex;
flex-direction: column;
gap: 24px;
font-family: Montserrat
}
.el-form-4 .wpcf7-radio {
display: grid;
grid-template-columns: repeat(3, max-content);
column-gap: 0;
row-gap: .3em
}
.el-form-4 .wpcf7-list-item {
font-size: 12px;
display: flex;
align-items: center;
gap: .5em
}
.el-form-4 .wpcf7-list-item-label {
font-size: 13px;
text-transform: uppercase
}
.el-form-4__label {
display: flex;
width: 100%;
flex-direction: column
}
.el-form-4__field {
display: flex;
width: 100%
}
.el-form-4 .wpcf7-form-control-wrap {
display: flex;
width: 100%
}
.el-form-4 .wpcf7-form-control {
width: 100%
}
.el-form-4 .wpcf7-form {
width: 100%
}
.el-form-4 input {
font-size: 14px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 3.75em;
display: flex;
min-width: 0;
padding: .8em;
box-sizing: border-box;
background: #fff;
outline: none
}
.el-form-4 .wpcf7-list-item>label {
display: flex;
align-items: center;
gap: .5em
}
.el-form-4 .wpcf7-select {
font-size: 13px;
font-weight: 400;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 3.75em;
display: flex;
min-width: 0;
padding: .8em;
box-sizing: border-box;
background-color: #fff;
background-repeat: no-repeat;
background-size: 12px 14px;
background-position: calc(100% - 1.1em) center !important;
width: 100%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224 416c-8.188 0-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0L224 338.8l169.4-169.4c12.5-12.5 32.75-12.5 45.25 0s12.5 32.75 0 45.25l-192 192C240.4 412.9 232.2 416 224 416z'/%3E%3C/svg%3E");
-moz-appearance: none !important;
-webkit-appearance: none !important;
appearance: none !important;
padding-right: 2rem !important;
outline: none;
font-family: Montserrat
}
.el-form-4 textarea {
font-size: 14px;
border: 1px solid rgba(0, 0, 0, .1);
border-radius: 1.4em;
display: flex;
min-width: 0;
max-width: 100%;
padding: .8em;
box-sizing: border-box;
height: 240px;
outline: none
}
.el-form-4 input[type=submit] {
color: #fff;
padding: .8em 1.5em;
font-size: 12px;
background-color: #51acfb;
font-weight: 500;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
min-width: 130px;
text-align: center;
display: flex;
justify-content: center;
text-transform: uppercase
}
.el-form-4__submit {
display: flex;
align-items: center;
gap: 15px
}
.el-form-4__submit .wpcf7-spinner {
margin: 0
}
.el-form-4 .wpcf7-not-valid-tip {
color: #51acfb;
font-size: 12px;
display: block;
font-weight: 400;
text-transform: capitalize;
position: absolute;
bottom: -1.5em
}
.el-form-4 .wpcf7-form-control-wrap {
position: relative
}
.el-form-4 .wpcf7-list-item.first {
margin-left: 0
}
.el-form-4 {
gap: 24px
}
.el-form-4 .wpcf7-radio .wpcf7-list-item {
margin-left: 0;
margin-bottom: 5px;
}
.page {
display: flex;
flex-wrap: wrap;
font-family: Montserrat
}
.el-form-4__text {
display: flex;
font-size: 13px;
font-weight: 500;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 8px;
}
.el-form-4 .wpcf7-form-control {
display: block;
}
.contact-us__text,
.contact-us__form {
flex: 0 0 50%;
max-width: 50%;
padding: 80px 20px;
}
.contact-us__text {
padding-left: 50px;
margin-top: 0;
}
.contact-us__text h1 {
font-size: 40px;
line-height: 1.2;
margin-bottom: 30px;
}
.contact-us__text p {
line-height: 1.6;
margin-bottom: 16px;
max-width: 80%;
}
.contact-us__form {
padding-right: 50px;
margin-top: 0;
margin-bottom: 0px;
}