.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}body {
background-color: #f3f3f3;
}
.container {
padding: 0 24px;
max-width: 1280px;
margin: 0 auto;
}
section.section--white {
background-color: #fff !important;
}
header {
margin-bottom: 40px;
}
.header-menu {
width: 100%;
}
.header-menu ul {
gap: 15px;
width: 100%;
justify-content: space-between;
}
.header-menu .relative.group {
padding-right: 19px;
}
.header-menu .relative.group::after {
content: "";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/resources/icons/header-menu-arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
transition: all 0.1s linear;
}
.header-menu .relative.group:hover::after {
transform: translateY(-50%) rotate(180deg);
}
.header-menu .relative.group > div {
padding-top: 18px;
left: 0;
z-index: 100;
width: fit-content;
}
.header-menu .relative.group > div > div {
padding: 12px 16px;
border-radius: 4px;
box-shadow: 0px 0px 12px 0px #00000033;
}
.header-menu .relative.group > div > div > div:first-of-type {
display: none;
}
.header-menu .relative.group:not(:first-child) > div > div > div.grid {
display: flex;
flex-direction: column;
gap: 12px;
}
.header-menu .relative.group:not(:first-child) a {
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #000;
}
@media (max-width: 1450px) {
.header-menu .relative.group:last-child > div {
right: -19px;
left: unset;
}
}
.header-column {
display: flex;
flex-direction: column;
gap: 2px;
}
.header-schedule {
white-space: nowrap;
font-size: 13px;
}
.header-phone {
white-space: nowrap;
}
.header__top {
display: flex;
align-items: center;
gap: 36px;
width: 100%;
padding: 16px 0;
}
.header__top-logo {
width: 200px; display: flex;
flex-direction: column;
}
.header__top-logo .slogan {
font-size: 11px;
text-align: center;
line-height: 100%;
}
.header__top-logo img {
min-width: 200px;
}
.header__top-right {
display: flex;
flex-direction: column;
gap: 16px;
width: 100%;
}
.header__top-row {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.header__search {
max-width: 500px;
margin-right: 10px;
}
.header__calculate {
padding: 12px 16px;
border-radius: 5px;
background-color: #0c2c27;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #ffffff;
}
.header__contact {
font-size: 15px;
font-weight: 600;
line-height: 100%;
color: #0d6859;
}
.header__buttons {
align-items: center;
margin-left: auto;
}
.header__button-icon {
padding: 12px 10px;
}
.header__button-icon.header__button-icon--cart {
padding: 9px;
}
.header__button-link {
gap: 12px;
}
.header__button-title {
font-size: 13px;
font-weight: 600;
line-height: 100%;
color: #161616;
}
.header__button-inner {
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
.header__button {
position: relative;
}
.header__button .header__count {
position: absolute;
right: 0;
top: 0;
border-radius: 50%;
background-color: #fb0000;
padding: 3px 5px 2px;
font-size: 10px;
font-weight: 600;
color: #fff;
line-height: 11px;
}
.header__bottom {
background-color: #0c2c27;
padding: 12px 0;
color: #fff;
}
.header-menu ul > li > a {
color: #fff !important;
font-size: 15px;
font-weight: 400;
line-height: 100%;
}
.header__cart {
display: flex;
align-items: center;
gap: 12px;
}
.header__cart-column {
display: flex;
flex-direction: column;
gap: 2px;
font-size: 13px;
font-weight: 500;
line-height: 100%;
color: #000;
}
@media (max-width: 1150px) {
.header__calculate {
display: none;
}
}
@media (max-width: 1000px) {
.header__top {
gap: 30px;
}
.header__top-logo img {
min-width: 150px;
}
.header-column {
display: none;
}
}
@media (max-width: 48rem) {
.header__top-row {
display: none;
}
.header__top-right > div:last-of-type {
justify-content: flex-end;
}
.header__top-logo img {
width: 94px;
height: 40px;
min-width: 94px;
min-height: unset;
}
.header__top-logo {
width: unset;
height: unset;
}
.header__top-logo .slogan {
display: none;
}
} .city {
display: flex;
align-items: center;
gap: 5px;
font-size: 13px;
font-weight: 400;
line-height: 100%;
color: #000;
}
.city svg {
}
.city-list {
list-style: none;
display: flex;
flex-direction: column;
gap: 5px;
width: 100%;
}
.city-list a {
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #000;
}
.modal {
position: fixed;
z-index: 11;
transform: translateY(-50%);
top: 50%;
right: -400%;
margin: auto;
padding: 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 40px;
max-width: 665px;
border: none;
outline: none;
transition-duration: 400ms;
background-color: #fff;
}
.modal.active {
min-width: 300px;
}
.modal__header {
margin: 0 25px;
text-align: center;
}
.modal__main {
display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
width: 100%;
}
.wpcf7-list-item .wpcf7-list-item-label {
color: #000;
}
.modal__main input:not([type="submit"]),
.modal__main textarea {
border: 1px solid #042f2e;
border-radius: 4px;
padding: 4px 46px 4px 22px;
}
.modal__main textarea {
min-height: 250px;
max-height: 500px;
resize: vertical;
}
.modal__form {
display: flex;
flex-direction: column;
gap: 16px;
}
.modal__close {
position: absolute;
top: 10px;
right: 10px;
width: 16px;
height: 16px;
background: none;
cursor: pointer;
}
.modal__svg {
width: 16px;
height: 16px;
fill: #5b5b5b;
}
.lock {
position: relative;
height: 100%;
overflow: hidden;
pointer-events: none;
}
.lock::after {
content: "";
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.4);
z-index: 10;
}
.lock .modal {
pointer-events: all;
}
.modal-inner {
position: absolute;
top: 50%;
right: 50%;
transform: translate(50%, -50%);
}
.modal.active {
overflow: hidden;
left: 25%;
right: 25%;
}
.header-socials {
gap: 8px;
}
.header-socials__item {
width: 28px;
height: 28px;
}
.header-socials__item svg {
width: 100%;
height: 100%;
border-radius: 50%;
}
.header-callback {
font-size: 13px;
text-decoration: underline;
font-weight: 400;
line-height: 100%;
color: #000;
}
.dgwt-wcas-style-pirx
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input {
padding: 12px 16px;
border-radius: 5px;
background-color: #f6f6f6;
border: 1px solid #eaeaea;
font-size: 14px;
font-weight: 400;
line-height: 120%;
}
.dgwt-wcas-style-pirx
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input::placeholder {
color: #9b9b9b;
}
.dgwt-wcas-style-pirx
.dgwt-wcas-sf-wrapp
input[type="search"].dgwt-wcas-search-input:hover {
background-color: #f6f6f6;
}
.dgwt-wcas-sf-wrapp {
margin: 0;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit {
min-height: unset;
min-width: unset;
height: fit-content;
width: fit-content;
}
.dgwt-wcas-style-pirx .dgwt-wcas-sf-wrapp button.dgwt-wcas-search-submit svg {
width: 17px;
height: 17px;
position: static;
margin: 0;
}
.dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) {
width: 17px;
}
.dgwt-wcas-style-pirx.dgwt-wcas-has-submit .dgwt-wcas-search-submit svg path {
fill: unset;
}
.dgwt-wcas-style-pirx .dgwt-wcas-close:not(.dgwt-wcas-inner-preloader) path {
fill: #9b9b9b;
} footer {
margin-top: 40px;
background-color: #0c2c27;
padding-top: 60px;
}
.footer-row {
display: flex;
justify-content: space-between;
gap: 10px;
width: 100%;
}
.footer-logo {
max-width: 157px;
margin: 0;
margin-bottom: 25px;
}
.footer-item {
display: flex;
flex-direction: column;
gap: 15px;
max-width: 248px;
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #fff;
}
.footer-menu {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-menu__title {
font-size: 18px;
font-weight: 600;
line-height: 200%;
color: #fff;
}
.footer-menu ul {
gap: 8px;
}
.footer-menu ul li {
font-size: 14px;
font-weight: 400;
line-height: 150%;
}
.footer-contact__row {
display: flex;
align-items: center;
gap: 10px;
}
.footer-socials {
display: flex;
align-items: center;
gap: 8px;
}
.footer-calculate {
padding: 12px 16px;
background-color: #fff;
border-radius: 5px;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #000000;
}
.footer-contacts {
display: flex;
flex-direction: column;
gap: 16px;
font-size: 16px;
font-weight: 600;
}
.footer-schedule {
font-size: 14px;
font-weight: 400;
line-height: 100%;
}
.footer-middle {
margin: 40px 0 20px;
font-size: 14px !important;
line-height: 100%;
}
.footer-middle .footer-row {
align-items: center;
}
.footer-bottom {
padding: 20px 0;
border-top: 1px solid rgba(255, 255, 255, 0.4);
font-size: 14px;
line-height: 120%;
}
.footer-socials__item {
border-radius: 50%;
overflow: hidden;
width: 28px;
height: 28px;
}
.footer-requisites {
margin-top: 24px;
display: flex;
flex-direction: column;
gap: 12px;
}
.footer-requisites p {
font-size: 14px !important;
line-height: 100%;
}
@media (max-width: 900px) {
.footer-row {
flex-wrap: wrap;
}
.footer-item {
width: calc(50% - 10px);
max-width: unset;
}
.footer-calculate {
width: fit-content;
text-align: center;
}
}
@media (max-width: 48rem) {
footer {
margin-top: 40px;
padding-top: 40px;
}
.footer-row {
flex-direction: column;
gap: 24px;
}
.footer-item {
width: 100%;
}
.footer-bottom {
padding: 12px 0;
}
.footer-item {
gap: 12px;
}
.footer-item:not(:first-of-type) {
gap: 6px;
}
.footer-logo {
margin-bottom: 8px;
}
.footer-calculate {
margin-bottom: 8px;
}
.footer-middle {
margin: 40px 0 12px;
}
.footer-middle .footer-row {
gap: 12px;
}
}
@media (max-width: 768px) {
footer {
margin: 20px 0;
}
}
@media (max-width: 400px) {
.footer-calculate {
width: 100%;
}
}
.product__image {
position: relative;
cursor: pointer;
}
.product__price {
display: flex;
flex-direction: column;
gap: 2px;
}
.product__price-value {
font-size: 24px;
font-weight: 600;
line-height: 100%;
color: #000;
}
.product__price-value--small {
font-size: 14px;
font-weight: 600;
line-height: 100%;
color: #000;
text-decoration: line-through;
}
.product__price-measure {
font-size: 14px;
font-weight: 500;
line-height: 100%;
color: #9b9b9b;
}
.product__offer {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
}
.product__offer-title {
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #9b9b9b;
}
.product__offer-sum {
font-size: 26px;
font-weight: 600;
line-height: 100%;
color: #000000;
}
.product-image__top {
position: absolute;
top: 8px;
left: 8px;
z-index: 2;
display: flex;
gap: 8px;
}
.product__tags {
white-space: nowrap;
display: flex;
gap: 8px;
}
.product__tag {
background-color: #042f2e;
color: #fff;
border-radius: 4px;
font-size: 14px;
font-weight: 500;
line-height: 120%;
padding: 4px 6px;
width: fit-content;
height: 100%;
}
.product__tag--popular {
background-color: #48c95f;
color: #fff;
}
.product__article {
width: fit-content;
background-color: #f3f3f3;
border-radius: 4px;
font-size: 12px;
padding: 4px 6px;
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #000;
}
@media (max-width: 768px) {
.category-product .product__price {
flex-direction: row;
gap: 8px;
}
}
.product__icon.share svg {
width: 19px;
height: 19px;
}
.product__share-wrapper {
display: flex;
align-items: center;
gap: 8px;
}
.share-wrapper {
display: flex;
}
.article__share {
margin-bottom: 20px;
}
.product__share-title {
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #000000;
}
.product__icon.share .share-wrapper {
display: flex;
align-items: center;
gap: 5px;
}
.share-wrapper .ya-share2__list {
display: flex !important;
flex-direction: row;
gap: 5px;
}
.product__share
.ya-share2__container_size_m
.ya-share2__badge
.ya-share2__icon {
width: 21px;
height: 21px;
background-repeat: no-repeat;
border-radius: 50%;
}
.product__share .ya-share2__badge {
border-radius: 50%;
overflow: hidden;
}
.product__share .ya-share2__item_service_telegram .ya-share2__icon {
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/resources/icons/telegram.svg);
background-size: 10px 9px !important;
background-position: 5px 6px;
}
.product__share .ya-share2__item_service_whatsapp .ya-share2__icon {
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/resources/icons/whatsapp.svg);
background-size: 11px 11px !important;
background-position: 6px center;
}
.product__content {
font-size: 14px;
font-weight: 400;
margin: 20px 0;
}
.product__content ul {
list-style: disc;
padding-left: 18px;
}
.product__content ol {
list-style: decimal;
padding-left: 18px;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
ul.products
li.product
.price {
color: #042f2e;
}
.mobile-breadcrumbs {
display: none !important;
}
.wpc-filters-widget-wrapper {
display: flex;
align-items: center;
gap: 15px;
flex-wrap: wrap;
}
.wpc-filters-section {
position: relative;
cursor: pointer;
margin-bottom: 0;
width: calc(33.33333% - 15px);
}
.wpc-filters-section,
.wpc-filters-section button {
cursor: pointer;
}
.wpc-filter-content {
position: absolute;
top: 100%;
left: 0;
z-index: 2;
min-width: 100%;
padding: 8px 12px;
border-radius: 4px;
background-color: #fff;
box-shadow: 0 0 20px #e9e2e2;
max-height: 500px;
overflow-y: auto;
}
.wpc-filter-content .flex {
white-space: nowrap;
}
.wpc-filters-section button {
gap: 7px;
}
.wpc-filters-section button svg {
width: 16px;
height: 16px;
}
@media (max-width: 650px) {
.wpc-filters-section {
min-width: 150px;
}
}
@media (max-width: 500px) {
.wpc-filters-section {
width: 100%;
}
}
.hide {
display: none !important;
}
.product__buy-button {
position: relative;
width: fit-content;
display: flex;
}
.added_to_cart {
position: absolute;
left: calc(100% + 20px);
background-color: #fff;
padding: 5px;
box-shadow: 0 0 20px #e9e2e2;
border-radius: 4px;
white-space: nowrap;
display: none;
}
.woocommerce a.added_to_cart {
display: none;
}
.index-catalog ul li a {
word-break: break-all;
}
.category-product .add_to_cart_button {
display: inline-block;
transition: background-color 0.2s linear;
}
.category-product .product-price {
font-weight: 700;
}
.category-product .add_to_cart_button + .added_to_cart {
display: none !important;
}
.category-product__image {
position: relative;
}
.category-product__image .product__tags {
white-space: nowrap;
top: -10px;
flex-direction: row;
}
.category-product__image .product__tag {
padding: 2px;
font-size: 11px;
}
.viewed-section .product:nth-of-type(n + 9) {
display: none;
}
.mobile-cart {
margin-top: 1.25rem;
}
.cookies-block {
display: none;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
z-index: 1000;
}
.cookies-block .content {
background: #fff;
position: relative;
border-radius: 4px 4px 0 0;
box-shadow: 0px 3.83466px 43.1399px #f1f1f1;
padding: 25px 160px 25px 38px;
}
.cookies-block .content p {
font-size: 14px;
line-height: 27px;
margin: 0;
}
.cookies-block .content button {
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 80px;
background: #626262;
color: #fff;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
width: 70px;
height: 45px;
font-weight: 500;
text-transform: uppercase;
font-size: 15px;
cursor: pointer;
} #buyOneClickModal {
transition:
opacity 0.3s ease,
visibility 0.3s ease;
}
#buyOneClickModal.hidden {
visibility: hidden;
opacity: 0;
}
#buyOneClickModal:not(.hidden) {
visibility: visible;
opacity: 1;
} #buyOneClickModal .bg-white {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
max-width: 480px;
width: 100%;
position: relative;
animation: modalFadeIn 0.3s ease forwards;
}
@keyframes modalFadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.product__buttons-row,
.product__buy-buttons {
display: flex;
gap: 12px;
}
.product__buttons-column {
display: flex;
flex-direction: column;
gap: 12px;
}
.product__buy-buttons > * {
width: 50%;
white-space: nowrap;
text-align: center;
}
.product__buy-button a {
width: 100%;
padding: 12px;
border-radius: 4px;
background-color: #0d6859;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #fff;
}
.product__buttons-row .htcompare-btn {
width: 42px;
height: 42px;
}
.product__buttons-row .htcompare-btn.added,
.yith-add-to-wishlist-button-block:has(.yith-wcwl-add-to-wishlist-button--added) {
border-color: red !important;
}
.htcompare-btn.added::before {
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/resources/icons/compare-added.svg);
}
.yith-add-to-wishlist-button-block:has(.yith-wcwl-add-to-wishlist-button--added)::before {
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/resources/icons/favorite-added.svg);
}
.product__buttons-row .htcompare-btn,
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor {
font-size: 0 !important;
padding: 0 !important;
}
.yith-wcwl-add-to-wishlist-button.yith-wcwl-add-to-wishlist-button--single.yith-wcwl-add-to-wishlist-button--anchor {
width: 100%;
height: 100%;
}
.one-click-button {
padding: 12px 9px;
border-radius: 4px;
background-color: #fff;
border: 1px solid #0d6859;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #0d6859;
}
.product__info-text {
font-size: 14px;
font-weight: 400;
line-height: 122%;
color: #000000;
}
@media (max-width: 600px) {
.modal.active {
right: 0;
transform: translateY(-50%);
}
}
section.home-hero {
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/public/images/banner-bg.jpg);
position: relative;
margin: 0;
}
.home-hero__inner {
position: relative;
z-index: 3;
}
.home-hero__wrapper {
position: relative;
margin-bottom: 30px;
border-radius: 7px;
overflow: hidden;
}
.home-hero__wrapper::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.6);
z-index: 2;
}
.home-hero__image {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.home-hero {
background: none;
position: relative;
padding: 60px;
}
.home-hero__column {
display: flex;
flex-direction: column;
gap: 32px;
}
.home-hero__title {
font-size: 34px;
font-weight: 600;
line-height: 125%;
color: #fff;
text-transform: uppercase;
}
.home-hero__subtitle {
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #fff;
}
.home-hero__buttons {
display: flex;
gap: 12px;
}
.about-hero {
margin: 0;
padding: 40px 0;
}
.about-hero h1 {
font-size: 32px;
font-weight: bold;
margin-bottom: 40px;
}
@media (max-width: 768px) {
.home-hero {
padding: 24px;
}
.home-hero__title {
font-size: 24px;
}
.home-hero__wrapper {
margin-bottom: 24px;
}
}
@media (max-width: 500px) {
.home-hero {
padding: 24px 18px;
}
.home-hero__title {
font-size: 21px;
}
.home-hero__buttons {
flex-direction: column;
}
.home-hero__buttons .btn {
width: 100%;
text-align: center;
}
}
.page-grid {
gap: 20px;
}
.page-sidebar {
background-color: #fff;
border-radius: 4px;
height: fit-content;
grid-column: span 3 / span 3;
}
.page-sidebar__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
padding: 20px;
background-color: #0c2c27;
border-radius: 4px;
font-size: 16px;
font-weight: 600;
line-height: 100%;
color: #ffffff;
text-transform: uppercase;
}
.page-sidebar__list {
display: flex;
flex-direction: column;
padding: 12px 0;
}
.page-sidebar__item {
padding: 12px 20px;
}
.page-sidebar__item.active .page-sidebar__item-title {
color: #0d6859;
font-weight: 600;
}
.page-sidebar__item-title {
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #000000;
}
.page-sidebar__list {
overflow: hidden;
transition: max-height 0.3s ease;
max-height: 5000px;
}
.page-sidebar__list.collapsed {
max-height: 0 !important;
}
.page-sidebar__children {
padding-left: 20px;
display: flex;
flex-direction: column;
}
.woocommerce .woocommerce-breadcrumb {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #9b9b9b;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme))
.woocommerce-breadcrumb
a {
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #9b9b9b;
}
.woocommerce .woocommerce-breadcrumb::after,
.woocommerce .woocommerce-breadcrumb::before {
content: "";
display: none;
}
.product__title {
font-size: 36px;
font-weight: 600;
line-height: 100%;
color: #000000;
text-transform: uppercase;
margin-bottom: 20px;
}
@media (max-width: 500px) {
.product__title {
word-break: break-word;
}
}
.product__row {
display: flex;
gap: 16px;
}
.product-image__wrapper {
width: 55%;
position: relative;
}
.product-image__wrapper .product__image {
height: 400px;
border-radius: 4px;
}
.product__stars {
padding: 4px 4px;
display: flex;
gap: 4px;
align-items: center;
border-radius: 4px;
background-color: #f3f3f3;
border: 1px solid #eaeaea;
}
.product__stars-svg {
width: 16px;
height: 16px;
}
.product__stars-counter {
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #000;
line-height: 1;
}
.product__availability {
padding: 4px 4px;
display: flex;
gap: 4px;
align-items: center;
border-radius: 4px;
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #000;
line-height: 1;
background-color: #f3f3f3;
border: 1px solid #eaeaea;
}
.product-page .product__stars,
.product-page .product__availability {
background-color: #fff;
}
@media (max-width: 1000px) {
.product__stars,
.product__availability {
background-color: #fff;
}
}
.product__info {
width: 45%;
display: flex;
flex-direction: column;
gap: 20px;
padding: 30px;
border-radius: 4px;
background-color: #fff;
max-width: 400px;
height: fit-content;
}
.product__tabs {
margin-top: 80px;
}
.product__tabs-list {
display: flex;
align-items: center;
gap: 30px;
overflow-x: auto;
}
.product__tabs-button {
padding: 12px 0;
font-size: 16px;
font-weight: 400;
line-height: 175%;
color: #9b9b9b;
cursor: pointer;
white-space: nowrap;
}
.product__tabs-button.active {
color: #0c2c27;
border-bottom: 2px solid #0c2c27;
}
.product__tab {
padding-top: 20px;
display: flex;
flex-direction: column;
}
.product__tab-title {
font-size: 32px;
font-weight: 600;
line-height: 100%;
color: #000000;
margin-bottom: 20px;
text-transform: uppercase;
}
.product__chars {
padding: 24px 20px;
background-color: #fff;
border-radius: 4px;
display: flex;
flex-direction: column;
gap: 6px;
}
.product__char {
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
}
.product__char::after {
content: "";
height: 1px;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: 1;
border: 1px dashed #9b9b9b;
}
.product__char-title {
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #9b9b9b;
background-color: #fff;
position: relative;
z-index: 2;
padding-right: 8px;
}
.product__char-value {
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #000000;
background-color: #fff;
position: relative;
z-index: 2;
padding-left: 8px;
}
.product__tab p {
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #000;
}
.product__transportation {
display: flex;
flex-wrap: wrap;
gap: 12px;
justify-content: space-between;
margin: 20px 0;
}
.product__transportation-item {
width: calc(100% / 3 - 12px);
padding: 20px;
background-color: #fff;
border-radius: 4px;
display: flex;
flex-direction: column;
gap: 10px;
}
.product__transportation-item:first-of-type {
width: 100%;
}
.product__transportation-title {
font-size: 16px;
font-weight: 600;
line-height: 100%;
color: #000000;
}
.product__transportation-text {
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #9b9b9b;
}
.product__tab-subtitle {
font-size: 20px;
font-weight: 600;
line-height: 100%;
color: #000000;
margin: 10px 0 20px;
}
.payment-methods {
display: flex;
gap: 12px;
justify-content: space-between;
margin-top: 20px;
}
.payment-methods__item {
width: calc(100% / 3 - 12px);
padding: 20px;
background-color: #fff;
border-radius: 4px;
display: flex;
flex-direction: column;
gap: 10px;
height: auto;
flex: 1;
}
.payment-methods__item-title {
font-size: 20px;
font-weight: 600;
line-height: 100%;
color: #0d6859;
}
.payment-methods__item-text {
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #000000;
}
.help {
padding: 60px;
border-radius: 4px;
background-color: #0c2c27;
}
.help__inner {
display: flex;
flex-direction: column;
gap: 30px;
}
.help__title {
font-size: 36px;
font-weight: 600;
line-height: 100%;
color: #ffffff;
max-width: 690px;
text-transform: uppercase;
}
.help__form-inner {
display: flex;
flex-direction: column;
gap: 30px;
}
.help__form-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 20px;
}
.help__form-row > * {
width: calc(100% / 4 - 20px);
}
.help__input {
padding: 12px 16px;
border-radius: 4px;
background-color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #848485;
max-width: 100%;
}
.help__button {
padding: 12px;
border-radius: 4px;
background-color: #0d6859;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #ffffff;
width: 100%;
}
.wpcf7-spinner {
margin: 0 !important;
display: none;
}
.help__acceptance {
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #ffffff !important;
width: 16px;
height: 16px;
border: none;
outline: none;
background-color: #fff;
}
.help .wpcf7-list-item .wpcf7-list-item-label {
color: #fff;
font-size: 14px;
font-weight: 400;
line-height: 120%;
}
.help__contacts {
display: flex;
gap: 10px;
align-items: center;
}
.help__contacts a {
color: #fff;
}
.help__socials {
display: flex;
gap: 10px;
align-items: center;
}
.help__socials-item {
width: 28px;
height: 28px;
}
.help__socials-item svg {
width: 100%;
height: 100%;
border-radius: 50%;
}
@media (max-width: 1000px) {
.help {
padding: 40px 24px;
}
.help__title {
font-size: 26px;
width: 100%;
}
.help__form-row {
flex-direction: column;
gap: 20px;
}
.help__form-row > * {
width: 100%;
}
.help__form-row > * span:not(.wpcf7-spinner) {
display: block;
width: 100%;
}
.help__form-row input {
width: 100%;
}
}
@media (max-width: 768px) {
.help {
border-radius: 0px;
}
}
@media (max-width: 550px) {
.help__contacts {
flex-wrap: wrap;
}
}
.wpcf7-acceptance a {
text-decoration: underline;
}
.wpcf7-acceptance label {
display: flex;
align-items: center;
gap: 12px;
}
.section-title {
font-size: 36px;
font-weight: 600;
line-height: 100%;
color: #000;
margin-bottom: 30px;
}
@media (max-width: 768px) {
.section-title {
margin-bottom: 24px;
}
}
.woocommerce .woocommerce-breadcrumb {
margin: 0;
margin-bottom: 18px;
}
@media (max-width: 1050px) {
.product-image__top {
flex-direction: column;
}
.product__stars {
width: fit-content;
}
}
@media (max-width: 1000px) {
.page-grid {
display: flex;
flex-direction: column;
}
.page-sidebar {
display: flex;
flex-direction: column;
width: 100%;
}
.woocommerce .woocommerce-breadcrumb {
display: none;
}
.mobile-breadcrumbs,
.mobile-breadcrumbs .woocommerce-breadcrumb {
display: flex !important;
}
.woocommerce .woocommerce-breadcrumb {
margin-bottom: 0;
}
header {
margin-bottom: 22px;
}
.page-sidebar__header {
padding: 16px 20px;
}
.page-sidebar__header {
font-size: 14px;
}
.page-sidebar__item {
padding: 8px 20px;
}
.product__title {
font-size: 23px;
line-height: 120%;
}
.product__row {
flex-direction: column;
gap: 30px;
}
.product-image__wrapper,
.product__info {
width: 100%;
}
.product__info {
padding: 30px 24px;
}
.product-image__wrapper .product__image {
height: auto;
}
.product-image__top {
position: static;
flex-direction: row;
flex-wrap: wrap;
margin-bottom: 23px;
}
.product-image__top > * {
width: fit-content;
}
.product__price-value {
font-size: 22px;
}
.product__offer {
align-items: flex-start;
flex-direction: column;
gap: 12px;
}
.product__offer-sum {
font-size: 24px;
}
.product__buy-buttons {
flex-direction: column;
gap: 12px;
}
.product__buy-buttons > * {
width: 100%;
}
.product__share-wrapper {
justify-content: center;
}
.product__tabs-list {
gap: 20px;
}
.product__tabs {
margin-top: 40px;
}
.product__chars {
padding: 20px 12px;
}
.product__char-title {
font-size: 14px;
}
.product__char-value {
font-size: 14px;
}
.product__tab-title {
font-size: 24px;
margin-bottom: 10px;
}
.section-title {
font-size: 26px;
}
}
@media (max-width: 768px) {
.product__info {
padding: 24px 18px;
}
.product__price-value {
font-size: 20px;
}
}
@media (max-width: 670px) {
.product__transportation {
flex-direction: column;
gap: 12px;
margin-bottom: 24px;
}
.product__transportation-item {
width: 100%;
padding: 15px;
}
.product__tab-subtitle {
margin: 14px 0 20px;
}
.payment-methods {
flex-direction: column;
gap: 12px;
}
.payment-methods__item {
gap: 16px;
width: 100%;
}
}
@media (max-width: 450px) {
.frequently-searched-section .grid {
grid-template-columns: 1fr;
}
}
section {
margin-bottom: 40px;
}
section + section {
margin-top: 40px;
}
.category__content p,
.entry-content p {
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #000;
margin: 24px 0;
}
.entry-content ul {
list-style: none;
margin: 24px 0;
padding-left: 26px;
}
.category__content ul li,
.entry-content ul li {
position: relative;
}
.category__content ul li::before,
.entry-content ul li::before {
content: "";
position: absolute;
top: 8px;
left: -20px;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #0d6859;
}
.category__content ol,
.entry-content ol {
list-style: decimal;
padding-left: 26px;
margin: 24px 0;
}
.category__content h2,
.entry-content h2 {
font-size: 22px;
font-weight: 600;
line-height: 150%;
color: #000;
margin: 24px 0;
}
.category__content h3,
.entry-content h3 {
font-size: 20px;
font-weight: 600;
line-height: 150%;
color: #000000;
margin: 24px 0;
}
.content-block table,
.category__content table,
.entry-content table {
border-collapse: collapse;
margin: 24px 0;
}
.content-block table td,
.content-block table th,
.category__content table td,
.category__content table th,
.entry-content table td,
.entry-content table th {
padding: 5px;
border: 1px solid #ccc;
}
section#contact {
margin: 40px 0;
}
@media (max-width: 768px) {
section#contact {
margin: 20px 0;
}
}
.breadcrumbs-item:last-of-type {
color: #000;
}
.category-cats {
gap: 8px;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
margin-bottom: 20px;
}
.category-cat {
display: flex;
flex-direction: column;
background-color: #fff;
border-radius: 4px;
overflow: hidden;
}
.category-cat.active {
background-color: #0c2c27;
}
.category-cat.active .category-cat__name {
color: #fff;
}
.category-cat__img-wrapper {
height: 102px;
overflow: hidden;
}
.category-cat__img {
object-fit: cover;
}
.category-cat__name {
padding: 12px 10px;
font-size: 14px;
font-weight: 600;
line-height: 100%;
color: #000;
box-shadow: 0px 0px 1px 0px #00000003;
word-break: break-word;
}
.category__title {
font-size: 36px;
font-weight: 600;
line-height: 100%;
color: #000;
text-transform: uppercase;
}
.category__title-wrapper {
display: flex;
align-items: baseline;
gap: 10px;
flex-wrap: wrap;
margin-bottom: 20px;
}
.category-panel {
display: flex;
gap: 20px;
margin: 20px 0;
}
.category-panel__item {
display: flex;
align-items: center;
gap: 6px;
padding: 12px 16px;
background-color: #fff;
border-radius: 4px;
}
.category-panel__item-title {
font-size: 14px;
font-weight: 400;
line-height: 120%;
}
.category-panel__select {
cursor: pointer;
color: #0d6859;
position: relative;
}
.category-panel .wpc-sorting-form {
padding: 12px 16px;
border-radius: 4px;
background-color: #fff;
gap: 6px;
}
.category-panel .wpc-sorting-form > label {
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #000000;
}
.category-panel .wpc-orderby-select {
padding: 0;
color: #0d6859;
font-size: 14px;
font-weight: 400;
line-height: 120%;
padding-right: 23px;
border: none;
outline: none;
position: relative;
cursor: pointer;
}
.category-panel .search-select::after {
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/dist/images/panel-arrow.svg);
width: 17px;
height: 17px;
right: 0;
}
.category-pagination {
margin-top: 20px;
}
.category-pagination__list {
display: flex;
padding: 8px 6px;
background-color: #fff;
border-radius: 4px;
}
.category-pagination__list-item {
width: 40px;
height: 40px;
border-radius: 4px;
}
.category-pagination__list-item--active {
border: 1px solid #eaeaea;
}
@media (max-width: 580px) {
.category-pagination__list {
padding: 6px 4px;
flex-wrap: wrap;
}
.category-pagination__list-item {
width: 37px;
height: 37px;
}
} .category-products {
display: flex;
flex-direction: column;
gap: 12px;
}
.category-product {
padding: 20px;
border-radius: 4px;
background-color: #fff;
display: flex;
flex-direction: column;
gap: 11px;
position: relative;
}
.product__top-items {
display: flex;
align-items: center;
gap: 8px;
}
.product__bottom-row {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.product__left {
display: flex;
flex-direction: column;
gap: 12px;
align-items: flex-start;
}
.category-product .product__image {
display: none;
}
.product__attributes {
display: flex;
align-items: center;
column-gap: 20px;
row-gap: 7px;
flex-wrap: wrap;
}
.product__attribute {
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #9b9b9b;
}
.category-product__title {
font-size: 18px;
font-weight: 600;
line-height: 120%;
color: #000000;
}
.product__buttons {
display: flex;
align-items: center;
gap: 20px;
}
.add_to_cart_button {
padding: 12px 16px;
border-radius: 4px;
background-color: #0d6859 !important;
width: fit-content;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #fff !important;
}
.category-product .product__price-value {
font-size: 16px;
}
.category__filters.category__filters--mobile {
margin: 20px 0;
padding: 20px;
}
.category__filters.category__filters--desktop {
margin: 20px 0;
padding-top: 8px;
}
.wpc-after-sorting-form {
display: none;
}
.category-bottom {
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #000;
}
@media (max-width: 768px) {
.category__title {
font-size: 26px;
}
.category-cats {
display: flex;
flex-wrap: nowrap;
gap: 8px;
overflow-x: auto;
}
.category-cat {
min-width: 132px;
width: 132px;
}
.category-cat__img-wrapper {
height: 75px;
}
.category-cat__name {
padding: 10px;
font-size: 13px;
}
.category-panel {
flex-direction: column;
gap: 8px;
}
.category-panel__item,
.category-panel .wpc-sorting-form {
width: fit-content;
}
.category-product {
padding: 12px;
gap: 16px;
}
.category-product__top-row {
height: 196px;
width: 100%;
position: relative;
border-radius: 4px;
overflow: hidden;
}
.category-product .product__image {
display: block;
object-fit: cover;
width: 100%;
}
.product__top-items {
position: absolute;
top: 7px;
left: 7px;
right: 7px;
z-index: 2;
align-items: unset;
flex-wrap: wrap;
padding: 0;
background-color: transparent;
}
.product__bottom-row {
flex-direction: column;
gap: 16px;
align-items: flex-start;
}
.product__buttons {
flex-direction: column;
align-items: flex-start;
gap: 16px;
padding: 0;
}
.product__attributes {
flex-direction: column;
gap: 6px;
align-items: flex-start;
}
section {
margin-bottom: 20px;
}
section + section {
margin-top: 20px;
}
#contact .container {
padding: 0;
}
}
.category__content-button {
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #0c2c27;
padding-right: 28px;
position: relative;
display: block;
width: fit-content;
cursor: pointer;
margin-top: 20px;
}
.category__content-button::after {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
width: 16px;
height: 16px;
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/dist/images/category-text-arrow.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.category__content-button[data-expanded="true"]::after {
transform: translateY(-50%) rotate(180deg);
}
.why-us__section .category__content-button {
margin-top: 0;
}
.woocommerce div.product {
display: flex;
flex-direction: column;
}
.product-page {
margin-bottom: 40px;
}
.product__price-row {
display: flex;
align-items: center;
gap: 10px;
justify-content: space-between;
}
.product__price-column {
display: flex;
flex-direction: column;
gap: 10px;
}
.quantity-selector {
display: flex;
justify-content: space-between;
padding: 0 10px;
background-color: #f6f6f6;
border: 1px solid #eaeaea;
border-radius: 4px;
width: 106px;
height: 41px;
}
.quantity-input {
width: 50px;
text-align: center;
padding: 5px;
font-size: 18px;
font-weight: 400;
line-height: 100%;
color: #000;
}
.quantity-input:focus {
border: none;
outline: none;
}
.quantity-btn {
cursor: pointer;
font-size: 16px;
font-weight: 500;
line-height: 100%;
color: #000;
}
.category-product__price-row {
display: flex;
gap: 20px;
}
@media (max-width: 768px) {
.product__buttons {
flex-direction: column;
gap: 16px;
}
.category-product__price-row {
gap: 12px;
}
}
.sales {
padding: 60px;
border-radius: 7px;
overflow: hidden;
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/public/images/banner-bg.jpg);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
position: relative;
}
.sales::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
background-color: rgba(0, 0, 0, 0.6);
}
.sales-row {
display: flex;
align-items: center;
justify-content: space-between;
gap: 10px;
position: relative;
z-index: 2;
}
.sales-column {
display: flex;
flex-direction: column;
gap: 20px;
}
.sales-title {
font-size: 36px;
font-weight: 600;
line-height: 100%;
color: #ffffff;
text-transform: uppercase;
}
.sales-subtitle {
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #fff;
}
.sales-link {
width: 93px;
height: 93px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
background-color: #fff;
box-shadow: 0px 0px 20px 0px rgba(255, 255, 255, 0.4);
}
@media (max-width: 768px) {
.sales {
padding: 40px 16px;
}
.sales-row {
flex-direction: column;
gap: 32px;
align-items: center;
}
.sales-title {
font-size: 24px;
text-align: center;
}
.sales-subtitle {
text-align: center;
}
.sales-link {
width: 44px;
height: 44px;
}
.sales-link svg {
width: 20px;
height: 20px;
}
} .btn {
padding: 12px 16px;
border-radius: 5px;
background-color: #0c2c27;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #fff;
}
.btn.cta {
background-color: #0d6859;
}
.btn.btn--white {
background-color: #fff;
color: #000;
}
.about {
display: flex;
align-items: center;
gap: 60px;
}
.about-img {
background-color: #fff;
width: 52%;
border-radius: 4px;
overflow: hidden;
}
.about-img img {
width: 100%;
object-fit: cover;
}
.about-info {
width: 48%;
display: flex;
flex-direction: column;
gap: 30px;
}
.about-info__content.content-block {
font-size: 16px;
line-height: 125%;
}
.about-info__title.section-title {
margin-bottom: 0;
}
.about-info a {
width: fit-content;
}
@media (max-width: 768px) {
.about {
flex-direction: column;
gap: 24px;
}
.about-info {
gap: 0;
}
.about-img {
width: 100%;
}
.about-info {
width: 100%;
}
} .delivery-inner__text {
font-size: 16px;
font-weight: 400;
line-height: 100%;
color: #000;
margin-bottom: 24px;
}
.delivery-inner__list {
display: flex;
gap: 16px;
justify-content: space-between;
}
.delivery-inner__item {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 20px;
border-radius: 4px;
background-color: #fff;
}
.delivery-inner__item-img {
width: 120px;
height: 80px;
margin-bottom: 12px;
}
.delivery-inner__item-title {
font-size: 16px;
font-weight: 600;
line-height: 100%;
color: #000;
margin-bottom: 8px;
}
.delivery-inner__item-subtitle {
font-size: 14px;
font-weight: 400;
line-height: 100%;
color: #000;
}
.delivery-section .container {
position: relative;
}
.delivery-button {
position: absolute;
top: 9px;
right: 24px;
display: flex;
}
@media (max-width: 850px) {
.delivery-inner__list {
flex-wrap: wrap;
}
.delivery-inner__item {
width: calc(100% / 2 - 16px);
}
}
@media (max-width: 768px) {
.delivery-inner__item {
width: 100%;
}
.delivery-inner__item-title {
margin-bottom: 12px;
font-size: 20px;
}
.delivery-button {
position: static;
margin-top: 24px;
}
}
@media (max-width: 500px) {
.delivery-button .btn {
width: 100%;
text-align: center;
}
} .why-us__section {
padding: 70px 0;
}
.why-us__list {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 16px;
margin-bottom: 32px;
}
.why-us__list .why-us__item:nth-child(-n + 3) {
grid-column: span 4;
}
.why-us__list .why-us__item:nth-child(n + 4):nth-child(-n + 7) {
grid-column: span 3;
}
.why-us__item {
display: flex;
align-items: center;
gap: 20px;
padding: 20px;
border-radius: 4px;
background-color: #f7f7f7;
}
.why-us__item-title {
font-size: 16px;
font-weight: 400;
line-height: 145%;
}
.why-us__item-title span {
font-weight: 700;
color: #0d6859;
}
.why-us__content {
display: flex;
flex-direction: column;
gap: 24px;
}
.why-us__content h3 {
font-size: 20px;
font-weight: 600;
line-height: 150%;
color: #000000;
text-transform: uppercase;
}
.why-us__content p {
font-size: 16px;
font-weight: 400;
line-height: 150%;
color: #000;
}
.why-us__item-icon {
min-width: 40px;
min-height: 40px;
}
.why-us__item-icon img {
object-fit: cover;
width: 100%;
}
@media (max-width: 1000px) {
.why-us__section {
padding: 40px 0;
}
.why-us__list {
grid-template-columns: 1fr;
margin-bottom: 24px;
}
.why-us__list .why-us__item:nth-child(-n + 3) {
grid-column: unset;
}
.why-us__list .why-us__item:nth-child(n + 4):nth-child(-n + 7) {
grid-column: unset;
}
.why-us__list .why-us__item {
grid-column: span 12;
}
.why-us__item {
padding: 16px;
}
.why-us__item-title {
font-size: 15px;
}
.why-us__content {
gap: 20px;
}
} .partners__arrow {
background: #0d6859;
opacity: 1 !important;
width: 40px;
height: 40px;
}
.partners__arrow svg {
stroke: #fff;
fill: transparent;
width: unset;
height: unset;
}
.partners__arrow.splide__arrow--prev {
left: -20px;
}
.partners__arrow.splide__arrow--next {
right: -20px;
}
.partners__slider-item {
border-radius: 4px;
overflow: hidden;
}
.partners__slider .splide__pagination__page {
background: #fff;
border: 1px solid #dcdcdc;
margin: 0;
}
.partners__slider .splide__pagination li {
display: flex;
}
.partners__slider .splide__pagination li + li {
margin-left: 6px;
}
.partners__slider .splide__pagination__page.is-active {
transform: unset;
background: #0c2c27;
border: none;
}
@media (max-width: 768px) {
.partners__slider .splide__pagination {
bottom: -28px;
}
.partners__slider-item {
width: 115px !important;
}
.partners__slider .splide__track {
overflow: visible;
}
.partners-section {
margin-bottom: 48px;
}
} .main-categories {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 16px;
}
.main-categories__item {
display: flex;
flex-direction: column;
gap: 20px;
background-color: #fff;
border-radius: 5px;
overflow: hidden;
}
.main-categories__item-image {
height: 170px;
width: 100%;
}
.main-categories__item-inner {
padding: 0 20px 20px;
display: flex;
flex-direction: column;
gap: 20px;
}
.main-categories__item-title {
font-size: 20px;
font-weight: 600;
line-height: 100%;
color: #000;
text-transform: uppercase;
}
.main-categories__list {
display: flex;
flex-direction: column;
gap: 12px;
}
.main-categories__list-item {
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #000;
}
section.index-catalog {
margin: 0;
}
@media (max-width: 1050px) {
.main-categories {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 768px) {
.main-categories {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
.main-categories__item-inner {
padding: 0 16px 20px;
}
.main-categories__list-item {
font-size: 13px;
}
}
.faq-accordion {
display: flex;
flex-direction: column;
gap: 12px;
}
.faq-item {
border: 1px solid #eaeaea;
border-radius: 7px;
overflow: hidden;
background: #fff;
}
.faq-toggle {
width: 100%;
padding: 16px 20px;
display: flex;
justify-content: space-between;
align-items: center;
background: none;
border: none;
cursor: pointer;
text-align: left;
font-weight: bold;
font-size: 16px;
line-height: 1.4;
color: #000;
}
.faq-icon {
width: 20px;
height: 20px;
transition: transform 0.3s ease;
flex-shrink: 0;
}
.faq-toggle[aria-expanded="true"] .faq-icon {
transform: rotate(180deg);
}
.faq-content {
max-height: 0;
overflow: hidden;
transition:
max-height 0.3s ease,
opacity 0.3s ease;
opacity: 0;
}
.content-block > *:first-child {
margin-top: 0;
}
.content-block > *:last-child {
margin-bottom: 0;
}
.faq-content--open {
max-height: 500px;
opacity: 1;
}
.faq-answer {
padding: 0 20px 20px;
font-size: 16px;
line-height: 100%;
color: #000;
}
.category-content {
margin-bottom: 20px;
}
.payments {
display: flex;
align-items: center;
gap: 10px;
}
.payments__img {
width: 58px;
height: 40px;
}
.htcompare-btn {
position: relative !important;
padding: 12px 9px !important;
padding-left: 40px !important;
border-radius: 4px !important;
background-color: #fff !important;
border: 1px solid #0d6859 !important;
font-size: 14px !important;
font-weight: 400 !important;
line-height: 120% !important;
color: #0d6859 !important;
}
.htcompare-btn::before {
content: "";
width: 16px;
height: 16px;
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/resources/icons/compare.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 14px;
}
.yith-add-to-wishlist-button-block {
position: relative !important;
padding: 0 !important;
width: 42px;
height: 42px;
border-radius: 4px !important;
background-color: #fff !important;
border: 1px solid #0d6859 !important;
margin: 0 !important;
}
.yith-add-to-wishlist-button-block::before {
content: "";
width: 18px;
height: 15px;
background-image: url(//s-atlant.ru/wp-content/themes/atlant_theme/resources/icons/favorite.svg);
background-size: 18px 15px;
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 12px;
}
.yith-wcwl-add-to-wishlist-button {
font-size: 14px !important;
font-weight: 400 !important;
line-height: 120% !important;
color: #0d6859 !important;
}
@media (max-width: 1000px) {
.htcompare-btn,
.yith-add-to-wishlist-button-block {
width: 100%;
}
}
.content-block > *,
.content-block > * {
margin: 24px 0;
}
.content-block--product {
margin-bottom: 24px;
}
.content-block {
font-size: 16px;
font-weight: 400;
line-height: 150%;
}
.content-block h2,
.content-block h3,
.content-block h4 {
font-weight: 600;
line-height: 150%;
color: #000;
text-transform: uppercase;
}
.content-block h2 {
text-transform: uppercase;
}
.content-block h2 {
font-size: 22px;
}
.content-block h3 {
font-size: 20px;
}
.content-block h4 {
font-size: 18px;
}
.content-block ul {
list-style: none;
display: flex;
flex-direction: column;
gap: 12px;
}
.content-block ul li {
padding-left: 26px;
position: relative;
}
.content-block ul li::before {
content: "";
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #0d6859;
position: absolute;
top: 6px;
left: 6px;
}
.woocommerce a.remove {
color: #fff !important;
}
.wishlist-remove-btn {
position: absolute;
top: 20px;
right: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
background: #0d6859;
color: white;
border-radius: 50%;
font-size: 16px;
line-height: 1;
text-decoration: none;
z-index: 10;
}
.wishlist-remove-btn:hover {
background: #0d6859 !important;
}
.wishlist-page .product__top-items {
padding-right: 30px;
}
.woocommerce-Price-currencySymbol {
display: none;
} .catalog-tags__list {
display: flex;
flex-wrap: wrap;
gap: 7px;
padding: 0;
list-style: none;
}
.catalog-tags__list,
.catalog-tags__list li {
margin: 0;
display: flex;
}
.catalog-tags__list li a {
font-size: 14px;
font-weight: 400;
color: #fff;
padding: 6px 12px;
border-radius: 4px;
background-color: #0c2c27;
text-decoration: none;
}
.sert_element_wrapper {
margin-top: 20px;
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.sert_element_block {
width: 110px;
text-align: center;
text-decoration: none;
color: inherit;
}
.sert_element_block img {
max-width: 100%;
height: auto;
display: block;
margin-bottom: 5px;
}
.sert_element_block span {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.article-categories {
display: flex;
gap: 10px;
flex-wrap: wrap;
}
.article-categories__item {
padding: 5px 10px;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
line-height: 100%;
color: #fff;
background-color: #0c2c27;
white-space: nowrap;
}
.article-date {
font-size: 14px;
font-weight: 400;
color: #000;
line-height: 120%;
margin-bottom: 20px;
display: block;
}
@media (max-width: 500px) {
.article-categories__item {
word-break: break-word;
white-space: unset;
}
}
.modal .wpcf7 form.sent .wpcf7-response-output {
color: #000 !important;
}
.review-button {
display: inline-block;
}
.price--hidden {
display: none !important;
}
.price-toggle__wrapper {
display: flex;
width: fit-content;
}
.price-toggle {
display: flex;
gap: 5px;
align-items: center;
}
.price-toggle .product__price-secondary {
top: 100%;
}
.price-toggle .product__price-secondary > * {
display: block;
}
.price-toggle__wrapper svg {
transition: transform .13s linear;
}
.price-toggle__wrapper svg.active {
transform: rotate(180deg);
}
.product__price-secondary .product__price-value,
.product__price-secondary .product__price-measure {
white-space: nowrap;
}
.product__yandex-reviews {
margin-bottom: 20px;
}
@media (max-width: 660px) {
.product__yandex-reviews {
width: 100% !important;
}
}
.delivery-select {
max-width: 350px;
margin-bottom: 20px;
padding: 10px;
background-color: #fff;
border-radius: 4px;
}
.delivery-select h3 {
margin-bottom: 20px;
}
.delivery-select__text {
display: block;
font-size: 12px;
font-weight: 400;
line-height: 18px;
color: #36393f;
margin: 20px 0 30px;
}
.delivery-select__row {
display: flex;
}
.delivery-select__select {
padding-right: 34px;
background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ItCh0LvQvtC5XzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMzAgMzAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwIDMwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHRpdGxlPmFycm93LWRvd248L3RpdGxlPjxwYXRoIGQ9Ik0xNC41LDE3LjZsLTQuMy00LjNjLTAuMy0wLjMtMC4zLTAuNywwLTFzMC43LTAuMywxLDBsMy44LDMuOGwzLjgtMy44YzAuMy0wLjMsMC43LTAuMywxLDBjMC4zLDAuMywwLjMsMC43LDAsMWwtNC4zLDQuM2MtMC4xLDAuMS0wLjMsMC4yLTAuNSwwLjJDMTQuOCwxNy45LDE0LjYsMTcuOCwxNC41LDE3LjZMMTQuNSwxNy42eiIvPjwvc3ZnPg==");
background-size: 34px;
background-repeat: no-repeat;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 35px;
width: 80px;
-webkit-appearance: none;
-moz-appearance: none;
padding-right: 20px;
background-repeat: no-repeat;
background-position: 100% 50%;
padding: 0 10px;
border-radius: 2px;
background-color: #f6f6f6;
border-color: #f6f6f6;
}
.delivery-select__select option {
color: #444;
}
.delivery-select__distance {
display: inline-block;
vertical-align: middle;
width: auto;
height: 35px;
line-height: 35px;
border-radius: 2px;
background-color: #f6f6f6;
text-align: center;
color: #0b2e4e;
font-size: 13px;
font-weight: 400;
margin-left: 10px;
position: relative;
max-width: 100%;
}
.delivery-select__icon {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: auto;
z-index: 3;
background-color: #f6f6f6;
width: 40px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #999;
}
.delivery-select__input {
padding: 0 10px;
}
.delivery-select__input:focus {
outline: none;
border: none;
}
.delivery-select__result {
margin: 25px 0 0 0;
}
.delivery-select__result_name {
display: inline-block;
vertical-align: baseline;
color: #505050;
font-size: 12px;
font-weight: 600;
line-height: 21px;
margin-right: 10px;
}
.delivery-select__result_price {
display: inline-block;
vertical-align: baseline;
color: #111111;
font-weight: 700;
line-height: 1;
font-size: 24px;
}
@media(max-width: 1200px) {
.delivery-select {
max-width: 304px;
}
}
@media(max-width: 350px) {
.delivery-select__row {
flex-direction: column;
gap: 10px;
}
.delivery-select__distance {
margin-left: 0;
}
}
.product__views {
font-size: 16px;
color: #17A300;
margin-bottom: 15px;
}
.frequent__img-wrapper {
height: 225px;
}
.woocommerce img, .woocommerce-page img {
height: 100%;
}
.page-sidebar__submenu.hidden {
display: none;
}
.page-sidebar__toggle-btn {
cursor: pointer;
}
.page-sidebar__toggle-btn svg {
transition: all .2s linear;
width: 12px;
height: 12px;
}
.page-sidebar__toggle-btn.active svg {
transform: rotate(180deg);
}
.category-product__top-wrapper {
display: flex;
}
.category-product__top-wrapper .product__buttons-row .htcompare-btn {
width: 25px;
height: 25px;
}
.filter-link {
text-decoration: none;
color: inherit;
display: inline-block;
}
.filter-link:hover {
text-decoration: underline;
color: #042F2E;
}
.wpc-filter-content input:checked + .filter-link,
.filter-link.active-filter {
font-weight: bold;
color: #042F2E;
text-decoration: underline;
}
.wpc-filter-content label {
cursor: pointer;
}
.seo-pages-blocks {
margin-bottom: 20px;
display: flex;
flex-direction: column;
gap: 10px;
}
.seo-block__title {
font-size: 20px;
font-weight: 600;
color: #000;
line-height: 120%;
margin-bottom: 10px;
}
.seo-block__tags {
display: flex;
flex-wrap: wrap;
gap: 5px;
}
.seo-tag {
padding: 3px 5px;
border-radius: 3px;
border: 1px solid #0c2c27;
font-size: 14px;
font-weight: 400;
line-height: 120%;
color: #0c2c27;
}
@media (max-width: 1000px) {
.seo-block__title {
font-size: 18px;
}
}
.error-404 a {
text-decoration: underline;
}
.error-404 a:hover {
text-decoration: none;
}.ever-compare-shareable-link.center,.htcolumn-value,.htcompare-empty-page-text,.htcompare-return-to-shop{text-align:center}.products a.htcompare-shop-top_thumbnail{position:absolute!important;z-index:9;top:0;left:8px!important}.htcompare-btn{position:relative!important;display:-webkit-inline-box!important;display:-ms-inline-flexbox!important;display:inline-flex!important;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.htcompare-remove,.htcompare-table{position:relative}.htcompare-btn svg{width:15px;height:15px;margin-right:5px;-webkit-transition:.2s ease-out;transition:.2s ease-out;fill:currentColor}.htcompare-btn svg .ever-compare-check,.htcompare-btn.added svg .ever-compare-refresh,.htcompare-btn.added.loading svg .ever-compare-check{opacity:0}.htcompare-btn.added svg .ever-compare-check{opacity:1}.htcompare-btn.added.loading svg .ever-compare-refresh,.htcompare-btn.loading svg .ever-compare-refresh{opacity:1;-webkit-transform-origin:center;transform-origin:center;-webkit-animation:.5s linear infinite loading;animation:.5s linear infinite loading}@-webkit-keyframes loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.ever-compare-loader,.htcompare-btn.loading:after,a.htcompare-btn.added:after{display:none}.htcompare-btn.loading .ever-compare-loader,.htcompare-product-image,.htcompare-table.loading .htcompare-table-loader{display:block}.htcompare-btn-text,.htcompare-row{display:-webkit-box;display:-ms-flexbox}.htcompare-btn-text{display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.ever-compare-btn-image{display:inline-block;width:25px;margin-right:5px}.ever-compare-btn-image img{width:100%!important;margin:0!important}a.htcompare-btn.loading,a.htcompare-cart-button.loading{position:relative;opacity:.75;color:#333}.htcompare-row{display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.htcompare-col{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:15px;word-break:break-word;border-right:1px solid #ddd}.htcompare-remove,.htcompare-return-to-shop .button{display:inline-block}.htcompare-row:nth-child(2n) .htcompare-col{background-color:#f7f7f7}.htcolumn-value{-webkit-box-align:center;-ms-grid-row-align:center;align-items:center;-ms-flex-align:center;-webkit-box-flex:0;-ms-flex:0 1 26%;flex:0 1 26%}.compare-data-primary .htcolumn-value{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-top:0;border-top:1px solid #ddd}.htcolumn-field-name{font-size:16px;font-weight:600;-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;text-transform:uppercase;color:#2d2a2a}.htcompare-remove{margin-left:-5px;padding:10px}.htcompare-counter-area:focus,.htcompare-remove:focus{outline:0}.htcompare-remove:after,.htcompare-remove:before{position:absolute;top:50%;right:0;display:inline-block;width:15px;height:2px;content:' ';-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#2d2a2a}.htcompare-popup-close:after,.htcompare-remove:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.htcompare-popup-close:hover:after,.htcompare-popup-close:hover:before,.htcompare-remove:hover:after,.htcompare-remove:hover:before{background:#ec1e1e}.htcompare-empty-page-text{margin-bottom:10px}.htcompare-table.loading:before{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;content:'';background-color:rgba(255,255,255,.6)}.htcompare-table .htcompare-table-loader{position:absolute;z-index:1;top:50%;left:50%;display:none;width:50px;height:50px;-webkit-transform:translate(-30px,-25px);transform:translate(-30px,-25px);-webkit-animation:1s linear infinite htcomspin;animation:1s linear infinite htcomspin;border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%}.compare-data-availability .htcolumn-value p:last-child,.compare-data-description .htcolumn-value p:last-child,.ever-compare-message-error p{margin-bottom:0}.ever-compare-message-error{padding:4px 10px;border:1px solid #dc3545;border-left-width:4px;box-shadow:0 1px 1px rgb(0 0 0 / 4%);margin-bottom:0}.compare-data-primary.htcompare-row .htcompare-col{background-color:transparent!important}@-webkit-keyframes htcomspin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes htcomspin{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}a.htcompare-cart-button.loading:after{font-family:WooCommerce;font-weight:400;position:absolute;top:auto;right:1em;content:'\e01c';-webkit-animation:2s linear infinite spin;animation:2s linear infinite spin;vertical-align:top;-webkit-font-smoothing:antialiased}a.htcompare-cart-button.added:after{font-family:WooCommerce;margin-left:.53em;content:'\e017';vertical-align:bottom}.htcompare-popup{position:fixed;z-index:9999;top:0;left:0;display:none;visibility:hidden;overflow:hidden;width:100%;height:100%;padding-right:17px;-webkit-transition:.25s cubic-bezier(.645, .045, .355, 1);transition:.25s cubic-bezier(.645, .045, .355, 1);opacity:0;background-color:rgba(0,0,0,.5)}.logged-in.admin-bar .htcompare-popup{top:15px}.htcompare-popup.open{display:-webkit-box;display:-ms-flexbox;display:flex;visibility:visible;opacity:1}.htcompare-popup .htcompare-popup-content-area{position:relative;width:calc(100% - 30px);max-width:1500px;margin:auto;padding:30px;background:#fff}.htcompare-popup .htcompare-popup-content-area .htcompare-table{overflow-y:auto;max-height:750px}.htcompare-popup-close{position:absolute;top:-10px;right:-10px;width:25px;height:25px;cursor:pointer;border-radius:100%;background:#fff}.htcompare-popup-close:after,.htcompare-popup-close:before{position:absolute;top:50%;right:5px;display:inline-block;width:15px;height:2px;content:' ';-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#2d2a2a}.ever-compare-shareable-link{margin-top:10px}.ever-compare-shareable-link.right{text-align:right}.ever-compare-shareable-link.left{text-align:left}@media (min-width:992px) and (max-width:1200px){.htcompare-table{overflow-x:auto;-webkit-overflow-scrolling:touch}}@media (min-width:768px) and (max-width:1024px){.htcompare-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.htcompare-col{-webkit-box-flex:0;-ms-flex:0 0 33.33333%;flex:0 0 33.33333%}}@media (max-width:767px){.htcompare-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.htcompare-col{-webkit-box-flex:1;-ms-flex:1 0 50%;flex:1 0 50%}.compare-data-primary .htcolumn-value:before,.htcolumn-field-name{display:none}.htcompare-row:nth-child(2n) .htcompare-col{background-color:transparent}.htcolumn-value:before{font-size:14px;font-weight:600;display:block;width:100%;margin-top:-15px;margin-bottom:15px;padding:5px 0;content:attr(data-title);text-transform:uppercase;color:#2d2a2a;background-color:#f7f7f7}}.htcompare-error-modal{position:fixed;z-index:1999;top:0;left:0;display:none;overflow:auto;-webkit-box-align:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:.4s;animation-duration:.4s;background-color:rgba(0,0,0,.4)}.htcompare-error-modal-content{position:relative;width:100%;max-width:600px;padding:30px;-webkit-animation-name:slideIn;animation-name:slideIn;-webkit-animation-duration:.4s;animation-duration:.4s;background-color:#fefefe}.htcompare-counter-area .htcompare-counter,.htcompare-error-modal-close{position:absolute;display:-webkit-box;display:-ms-flexbox;-webkit-box-align:center}.htcompare-error-modal-close{font-size:24px;font-weight:700;top:-10px;right:-10px;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:30px;height:30px;padding:0;padding-top:revert;-webkit-transition:.3s;transition:.3s;color:#333;border-radius:50%;background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.15)}.htcompare-error-modal-close:focus,.htcompare-error-modal-close:hover{cursor:pointer;text-decoration:none;color:#ec1e1e;outline:0;background-color:#fff}@-webkit-keyframes slideIn{from{bottom:-50px;opacity:0}to{bottom:0;opacity:1}}@keyframes slideIn{from{bottom:-50px;opacity:0}to{bottom:0;opacity:1}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.htcompare-counter-area{line-height:1;position:relative;display:inline-block;width:30px;color:#333}.htcompare-counter-area .htcompare-counter{font-size:11px;font-weight:600;line-height:18px;top:-8px;right:0;display:flex;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:16px;height:16px;text-align:center;color:#fff;border-radius:8px;background:#ec5858}.htcompare-notification{position:fixed;z-index:-99;bottom:-100%;left:50%;visibility:hidden;min-width:220px;padding:20px 40px 20px 20px;-webkit-transition:1s;transition:1s;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0;border:1px solid #222;border-radius:4px;background-color:#222}.htcompare-notification.open{z-index:999999;bottom:10px;visibility:visible;opacity:1}.htcompare-notification-text{color:#fff}.htcompare-notification-close{line-height:1;position:absolute;top:23px;right:10px;-webkit-transition:.3s;transition:.3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:20px;height:20px;padding:0;cursor:pointer;text-indent:-9999px;color:#fff;border:none;background-color:transparent}.htcompare-notification-close:after{font-size:26px;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;content:"\00d7";text-indent:0}