.article-content {
white-space: initial !important;
} ._content {
line-height: 1.4;
}
._content h6,
._content .h6,
._content h5,
._content .h5,
._content h4,
._content .h4,
._content h3,
._content .h3,
._content h2,
._content .h2,
._content h1,
._content .h1 {
margin-top: 0;
margin-bottom: 1rem;
font-weight: 600;
color: #252525;
line-height: 1.2
}
._content h1,
._content .h1 {
font-size: calc(1.375rem + 1.5vw)
}
._content h2,
._content .h2 {
font-size: calc(1.35rem + 0.5vw)
}
._content h3,
._content .h3 {
font-size: calc(1.285rem + 0.3vw)
}
._content h4,
._content .h4 {
font-size: calc(1.275rem + 0.2vw)
}
._content h5,
._content .h5 {
font-size: calc(1rem + 0.1vw)
}
._content h6,
._content .h6 {
font-size: 1rem
}
._content>*:first-child {
margin-top: 0;
}
._content>*:last-child {
margin-bottom: 0;
}
._content h2,
._content h3,
._content h4,
._content h5,
._content h6 {
margin: 30px 0 16px;
}
._content p {
margin-bottom: 20px;
color: #252525;
}
._content ul,
._content ol {
list-style: initial;
margin-bottom: 20px;
padding-left: 20px;
color: #252525;
}
._content ol {
list-style-type: decimal;
}
._content ul li {
margin-bottom: 4px;
color: #252525;
}
._content ol li::marker,
._content ul li::marker {
color: inherit;
}
._content figure.aligncenter {
display: flex;
justify-content: center;
}
.page {
display: flex;
flex-direction: column;
align-items: center;
font-family: Montserrat
}
.page__header {
width: 100%
}
.page__footer {
width: 100%;
padding: 112px 0 32px
}
.page__footer-section-contacts .wp-block-group__inner-container {
display: grid;
width: 100%;
grid-column-gap: 40px;
grid-template-columns: repeat(2, 1fr)
}
.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;
font-size: 14px
}
.footer-copyright__divider {
font-weight: inherit
}
.footer-copyright__p {
display: inline;
line-height: 1.6;
text-align: center
}
.contacts-widget__contact-icon_type_phone>svg {
transform: translateX(5px)
}
.contacts-widget__contact-icon_type_email>svg {
transform: scale(.8) translateX(1px);
transform-origin: center center
}
.page-article__sibling {
width: calc(100% - 80px);
margin-top: 56px;
margin-bottom: 100px
}
.page-article__article {
width: calc(100% - 80px);
margin-bottom: 0
}
.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;
white-space: pre-line
}
.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-title {
color: #fff
}
.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);
height: auto
}
.service-widget__image-link {
width: max-content;
display: flex
}
.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
}
.images-section__image {
width: max-content
}
.call-to-action__title {
font-size: 20px;
color: #fff;
line-height: 1.45;
width: 100%;
text-align: center;
font-weight: 300
}
.call-to-action {
padding: 50px 25px;
font-family: Montserrat;
border: 1px solid rgba(255, 255, 255, .3)
}
.call-to-action__action {
font-size: 12px;
padding: 1.5em 2em;
display: flex;
font-weight: 500;
text-transform: uppercase;
color: #fff;
border-radius: 50px;
width: max-content;
background-color: #219df3;
line-height: 1
}
.call-to-action__content {
flex-direction: column;
display: flex;
gap: 25px;
align-items: center
}
.top-bar__content {
background-color: rgba(0, 0, 0, .1);
display: flex;
flex-direction: column;
gap: 14px
}
.top-bar__section-1-icon {
display: flex;
width: 24px;
margin-top: 6px;
margin-bottom: 6px
}
.top-bar__section-1-icon>svg {
width: 100%
}
.top-bar__section-1-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 5px;
line-height: 1.8
}
.top-bar__section-1 {
display: flex;
flex-direction: column;
gap: 28px;
padding-top: 34px
}
.top-bar {
font-family: Montserrat
}
.top-bar__section-1-name {
font-size: 13px;
color: #252525
}
.top-bar__section-1-value {
font-weight: 400;
font-size: 13px;
color: #252525;
opacity: .5;
line-height: 1
}
.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;
width: max-content;
background-color: #51acfb;
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
}
.article__section-1 {
display: flex;
flex-direction: column
}
.article__image-container {
margin-bottom: 21px
}
.article__tags {
display: flex;
font-size: 12px;
text-transform: uppercase;
gap: 13px;
color: #252525
}
.article__tag {
color: #252525
}
.article__foot {
display: flex;
flex-direction: column;
gap: 28px
}
.article__action {
background-color: #219df3;
display: flex;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
padding: 1.3em 1.5em;
font-size: 10px;
border-radius: 50px;
color: #fff;
font-weight: 600;
text-transform: uppercase;
margin-top: 14px;
min-width: 130px;
justify-content: center;
align-items: center;
text-align: center;
line-height: 1
}
.article__section-2 {
display: flex;
flex-direction: column;
gap: 42px
}
.article__section-2-title {
font-size: 18px
}
.article__related {
display: flex;
flex-direction: column;
gap: 24px
}
.article__related-item {
display: grid;
grid-template-columns: 25% 1fr;
grid-column-gap: 10px
}
.article__image {
width: 100%;
-o-object-fit: cover;
object-fit: cover
}
.article__title {
font-size: 13px;
line-height: 1.6;
color: #252525
}
.article__content {
display: flex;
flex-direction: column;
gap: 56px
}
.article__items {
display: grid;
grid-row-gap: 84px
}
.article {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
gap: 15px
}
.article__image {
margin-bottom: 0
}
.article__content {
display: flex;
flex-direction: column;
gap: 10px;
white-space: pre-line
}
.article__categories {
display: flex;
font-size: 13px;
gap: .5em;
width: 100%
}
.article__category:-webkit-any-link {
text-transform: uppercase;
color: #252525;
opacity: .5;
font-weight: 600;
will-change: color;
-webkit-transition: color 300ms ease;
transition: color 300ms ease
}
.article__category:-moz-any-link {
text-transform: uppercase;
color: #252525;
opacity: .5;
font-weight: 600;
will-change: color;
-moz-transition: color 300ms ease;
transition: color 300ms ease
}
.article__category:any-link {
text-transform: uppercase;
color: #252525;
opacity: .5;
font-weight: 600;
will-change: color;
transition: color 300ms ease;
display: flex;
gap: .5em;
align-items: center;
line-height: 1
}
.article__category:-webkit-any-link:hover {
color: #51acfb
}
.article__category:-moz-any-link:hover {
color: #51acfb
}
.article__category:any-link:hover {
color: #51acfb
}
.article__title {
font-size: 35px;
line-height: 1.3;
color: #252525;
font-weight: 400;
will-change: color;
transition: color 300ms ease;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content
}
.article__title:hover {
color: #51acfb
}
.article__description {
font-size: 14px;
color: #252525;
font-weight: 400
}
.article__socials {
gap: 7px;
display: flex;
margin-top: -15px;
align-items: center;
justify-content: flex-start
}
.article__social {
display: flex;
width: 1em;
height: 1em;
border-radius: 50%;
font-size: 32px;
padding: .27em
}
.article__social-icon {
width: 100%
}
.article__social_twitter {
background-color: #1da1f2;
padding-left: .3em;
padding-right: .23em
}
.article__social-icon>path {
fill: #fff
}
.article__social_facebook {
background-color: #3b5998
}
.article__social_whatsup {
background-color: #7dd666
}
.article__social:hover {
transition: background-color 300ms ease;
will-change: background-color
}
.article__social:hover:hover {
background-color: #51acfb
}
.article__social-icon>path {
will-change: fill;
transition: background-color 300ms ease
}
.article__social:hover .article__social-icon>path {
fill: #252525
}
.article__social-icon {
width: 100%
}
.article:not(:last-child):after {
position: absolute;
bottom: -41px;
height: 2px;
width: 100%;
left: 0;
background-color: rgba(0, 0, 0, .07)
}
.article__category:not(:last-child):after {
content: '•';
display: flex;
color: #51acfb;
font-size: 20px;
transform: translateY(-.1em)
}
.article__related-item {
position: relative
}
.article__related-item:not(:last-child):after {
content: '';
position: absolute;
bottom: -11px;
height: 2px;
width: 100%;
left: 0;
background-color: rgba(0, 0, 0, .07)
}
.article__content {
display: grid;
flex-direction: column;
gap: 40px;
grid-template-columns: 70% 1fr
}
.article__related-image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.article__related-title:-webkit-any-link {
color: #252525
}
.article__related-title:-moz-any-link {
color: #252525
}
.article__related-title:any-link {
color: #252525
}
.article__related-title {
color: #252525;
font-size: 15px;
max-height: 3em;
overflow: hidden;
align-self: center
}
.article__related-image-container {
width: 100%;
aspect-ratio: 1;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
display: flex
}
.article__categories {
white-space: initial
}
.sibling-article__content {
display: flex;
flex-direction: row;
gap: 15px;
justify-content: space-between
}
.sibling-article__item {
display: grid;
grid-template-columns: 30% 1fr;
grid-column-gap: 10px;
color: #252525
}
.sibling-article__image-container {
display: flex;
width: 100%;
aspect-ratio: 1;
grid-column: 1
}
.sibling-article__image {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover
}
.sibling-article__hint {
grid-column: 2;
grid-row: 1;
height: -webkit-max-content;
height: -moz-max-content;
height: max-content;
display: flex;
font-weight: 12px;
text-transform: uppercase;
font-size: 10px;
opacity: .5;
font-weight: 500;
transition: color 300ms ease;
will-change: color
}
.sibling-article__hint:hover {
color: #51acfb
}
.sibling-article__link {
grid-column: 2;
font-size: 16px;
grid-row: 2;
font-weight: 500;
transition: color 300ms ease;
will-change: color
}
.sibling-article__link:hover {
color: #51acfb
}
.sibling-article__content-container {
grid-column: 2;
display: flex;
flex-direction: column;
gap: 0;
justify-content: center
}
.sibling-article__content-container_next {
grid-column: 1;
grid-row: 1
}
.sibling-article__image-container_next {
grid-row: 1;
grid-column: 2
}
.sibling-article__item_next {
grid-template-columns: 1fr 30%;
text-align: right
}
.sibling-article__link_next {
grid-column: 1;
grid-row: 2
}
.sibling-article__hint_next {
grid-column: 1;
grid-row: 1;
width: 100%;
display: flex;
justify-content: flex-end
}
.sibling-article__image_next {
grid-column: 2
}
.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: 1em;
will-change: transform;
transition: transform 400ms ease
}
.search__close:hover {
transform: rotate(90deg)
}
.search__close-icon {
width: 100%
}
.search__content-1 {
width: 100%;
max-width: calc(100% - 40px)
}
.search__form {
position: relative
}
.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
}
.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-hamburger {
height: 28px;
display: flex;
justify-content: center
}
.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-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__area-2__logo {
height: 38px;
max-width: 100%;
object-fit: contain
}
.header {
font-family: Montserrat;
position: relative;
z-index: 2
}
.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;
height: auto
}
.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__logo-link {
display: flex;
height: max-content
}
.footer {
background-color: #26292e;
width: 100%
}
.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;
max-width: 90%;
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
}