/* Theme Name: SiteRussia Theme URI: siterussia.ru Description: Дизайн сайта разработанный компанией Site Russia Author: Wolf Author URI: siterussia.ru Version: 1.0 */ @font-face { font-family: 'AdobeClean'; src: url('fonts/AdobeClean-Light.woff2') format('woff2'), url('fonts/AdobeClean-Light.woff') format('woff'), url('fonts/AdobeClean-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; font-display: block; } @font-face { font-family: 'AdobeClean'; src: url('fonts/AdobeClean-Regular.woff2') format('woff2'), url('fonts/AdobeClean-Regular.woff') format('woff'), url('fonts/AdobeClean-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: block; } @font-face { font-family: 'AdobeClean'; src: url('fonts/AdobeClean-Bold.woff2') format('woff2'), url('fonts/AdobeClean-Bold.woff') format('woff'), url('fonts/AdobeClean-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: block; } @font-face { font-family: 'stars'; src: url('fonts/stars.woff2') format('woff2'), url('fonts/stars.woff') format('woff'); font-display:swap; } /* iPhone 4 */ @media (max-width: 360px){ .modal .modal-dialog {width: 100%;padding: 60px 10px 10px 10px!important;} .modal .modal-dialog .button{width: 100%;padding: 20px!important;} #mobile .logo img{max-width: 130px;} /* Слайдер на главной */ #slide h1, .ppage h1{font-size: 30px!important;line-height: 34px!important;} #slider .right .price{font-size: 34px!important;} #scats{grid-template-columns: repeat(1, 1fr)!important;} #map .grid a{font-size: 14px;} .button, .button2{padding: 15px 15px!important;} .tovars .item .button, .tovars .item .button2{padding: 12px 20px!important;} #tovar .info .topinf{flex-direction: column;} /* Пагинация */ .page-numbers li a, .page-numbers li span{line-height: 33px!important;width: 33px!important;height: 33px!important;} /* Заголовок блока */ .block .top{flex-direction: column;text-align: center;} /* Отзывы листинг + слайдер */ .reviews-list .review-item .review-content{flex-direction: column;} } /* iPad */ @media (min-width: 768px){.container {max-width: 720px;}.col-pl-2{grid-template-columns: repeat(2, 1fr);}.col-pl-3{grid-template-columns: repeat(3, 1fr);}} /* Все что меньше 921 + iPad вертикальный */ @media (max-width: 932px) { .modal .modal-dialog{width: 100%;padding: 20px;} .block{padding: 30px 0px;} .block h2{font-size: 30px!important;line-height: 35px!important;} .button{display: block!important;width: 100%;} .grid{gap: 20px;} .ppage h1{font-size: 35px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} .o1{order: 1;} .o2{order: 2;} #mobile{background-color: #d6f4e8;} #mobile .container{display: grid;grid-auto-flow: column;align-items: center;justify-content: space-between;padding-top: 15px;padding-bottom: 5px;} #mobile .logo{position: relative;} #mobile .logo .cit {position: absolute;white-space: nowrap;color: #011D43;font-weight: 700;bottom: 5px;right: 2px;max-width: 125px;overflow: hidden;text-transform: uppercase;width: 100%;text-align: right;font-size: 11px;direction: rtl;text-overflow: ellipsis;} #mobile .item{position: relative;} #mobile .item .count {height: 20px;width: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;background: var(--greencolor);font-weight: 600;font-size: 13px;position: absolute;left: 15px;top: -5px;} #ms .aws-search-field{background: #d6f4e8;border:none;border-bottom: 1px solid #011d431f;color: #011d43;} #ms .aws-search-field::placeholder{font-size: 14px;color: #011d438c;} #ms .aws-form-btn{background: #d6f4e8;border:none;border-bottom: 1px solid #011d431f;} #ms .aws-search-btn_icon{fill: #011d43;} #top, #header, .page_sidebar .left{display: none!important;} #za{background-color: white!important;} #za .poly{margin-bottom: 20px;} #mmenu{background-color: white;} #mmenu .modal-dialog{background-color: white;padding: 20px;position: relative;} #mmenu .modal-content{position: relative;padding-bottom: 50px;} #mmenu .nav{display: inline-block;width: 100%;list-style: none;margin-bottom: 10px;} #mmenu .nav>ul{padding: 0px;} #mmenu .nav>li{border-bottom: 1px solid #F8F8F8;padding: 10px 0px;list-style: none;} #mmenu .nav>li>a{text-transform: uppercase;font-weight: 500;} #mmenu .nav .sub-menu{padding-top: 10px;} #mmenu .nav .sub-menu>li{padding: 10px 0px;list-style: none;} #mmenu .nav ul.hide {display: none!important;} #mmenu .nav .menu-item-has-children {position: relative;} #mmenu .nav span.menu-closed:after {content: "";width: 50px;max-height: 50px;position: absolute;right: 0;top: 6px;bottom: 6px;background-image: url('images/marrow.svg');background-size: 12px 7px;background-position: center;background-repeat: no-repeat;transform-origin: center;transform: rotate(-90deg);-webkit-transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);transition: transform 0.4s cubic-bezier(0, 0.5, 0.5, 1), opacity 0.3s cubic-bezier(0, 0.5, 0.5, 1);} #mmenu .nav span.menu-closed:before {content: "";position: absolute;right: 50px;top: 6px;bottom: 6px;border-left: 1px solid #F8F8F8;} #mmenu .nav span.menu-closed.menu-open:after{transform: rotate(0deg);opacity: 0.3;} #mmenu .nav span.menu-closed.menu-open:before{opacity: 0;} #mmenu .cont{display: grid;font-size: 18px;} #mmenu .cont .phone{font-weight: bold;font-size: 20px;} #mmenu .cont .ph {display: flex;gap: 10px;flex-wrap: wrap;} #mmenu .cont .ad{margin: 10px 0px;} #mmenu .cont .time{color: #81888f;font-size: 15px;} #mmenu .cont .mail{color: var(--greencolor);} #mmenu .but{margin-top: 20px;background-color: #1A171D;color: white;border-radius: 4px;padding: 13px 20px;text-align: center;} #mmenu .login{display: block;color: var(--greencolor)!important;font-weight: bold;font-size: 18px;} #mmenu .t, #mmenu .cont span{margin: 10px 0 5px;color: #81888f;font-size: 15px;} #mmenu .pay{display: flex;gap: 5px;flex-wrap: wrap;} /* Слайдер на главной */ #slider{padding: 20px 0px;text-align: center;} #slider h1{font-size: 45px;line-height: 45px;} #slider .bts{flex-direction: column;} #slider .right .title{font-size: 25px;color: #011d43;} #slider .right .price{font-size: 45px;color: #011d43;} /* Преимущества */ #prem .grid {display: flex;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;} #prem .item{flex-direction: column;min-width: 150px;text-align: center;} /* Категории товаров на главной */ #catalog .items .item{height: 250px;} #catalog .items .item img{bottom: 0px!important;} #catalog .items .item:nth-child(2){height: 100%;} #catalog .items .item:nth-child(2) img{max-width: 400px;right: -160px;bottom: 0;} #catalog .items .item:nth-child(4) img{bottom: -200px!important;} #catalog .items .item:nth-child(7) img, #catalog .items .item:nth-child(10) img{max-width: 200px!important;right: 0px!important;} #catalog .items .item:nth-child(9) img{bottom: -160px!important;} /* Карта сайта */ #map .grid .col-m-2{margin-top: 20px;} /* Категории товаров */ #scats{grid-template-columns: repeat(2, 1fr);} #scats .cat .image{width: 60px;height: 50px;} #scats .cat .title{font-size: 12px;max-width: 105px;padding-right: 5px;} #mfb {display: block;position: relative;color: #011D43;width: 100%;border: none;padding: 15px 10px;background-color: white;font-weight: 700;margin-top: -5px;} #mfb .pwf-button-text{text-transform: uppercase;} #mfb .pwf-sticky-filter-count{color: #1cb752;top: 5px;} #mfb:after {color: #011D43;content: "\2193";font-size: 20px;position: absolute;top: 9px;right: 15px} #mfb:before {color: #011D43;content: "\2193";font-size: 20px;position: absolute;top: 9px;left: 15px} .tovars .top_filters .ordering .woocommerce-result-count, .tovars .top_filters .woocommerce-ordering select{white-space: normal!important;font-size: 14px!important;} /* Карточка товара */ #tovar .grid{display: flex;flex-direction: column;} #tovar .info .topinf{margin-bottom: 35px;} #tovar .info .woocommerce-variation-description{top: -33px;} #tovar .variation-container span{padding: 9px 20px 8px!important;} #tovar .nav{display: flex;flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;} #tovar .nav .nav-link{white-space: nowrap;} #tovar .info .bts{display: grid!important;grid-template-columns: 0.3fr 2fr;flex-wrap: wrap;} #tovar .info .bts .button2{grid-column: span 2;} #tovar .posted_in {display: flex;flex-wrap: nowrap;gap: 5px;overflow-x: auto;-webkit-overflow-scrolling: touch;scrollbar-width: none;} #tovar .posted_in::-webkit-scrollbar{display: none} #tovar .posted_in a {display: inline-block;border-radius: 29px;padding: 5px 20px 4px;white-space: nowrap;background-color: white;} /* Пагинация */ .page-numbers li a, .page-numbers li span{line-height: 35px;width: 35px;height: 35px;} /* Профиль пользователя */ #profile{text-align: center;} #profile .menu{margin-bottom: 20px;justify-content: center;} /* Корзина товаров */ .woocommerce .shop_table_responsive th, .woocommerce .woocommerce-orders-table__cell-order-actions:before{display: none;} .woocommerce .shop_table_responsive td{display: block;text-align: center;} .woocommerce .shop_table_responsive .product-remove{position: absolute;right: 5px;} .woocommerce .shop_table_responsive tr td[data-title]:before {content: attr(data-title) ": ";font-weight: bold;float: left;} .woocommerce .shop_table_responsive .cart_item{display: block;border-bottom: 2px solid #F3F5FB;position: relative;} .woocommerce-cart-form h3 a{display: block;} /* Футер */ #footer{text-align: center;padding: 40px 0px!important;} #footer .pay{justify-content: center;} } @media (min-width: 992px) { #mobile, #mfb, #ms{display: none!important;} .container {max-width: 960px;} .modal .modal-dialog{max-width: 500px;padding: 40px;position: absolute;right: 0;height: 100%;margin: 0;} .block{padding-bottom: 60px;} .fullscreen .modal-content{width: 100vw;} .fullscreen .modal-body{padding-top: 50px;} /* Шапка */ #header .top .nav{gap: 5px;font-size: 12px;white-space: nowrap;} #header .menu .nav{font-size: 14px;} #header .head .logo .cit{font-size: 8px;} /* Категории товаров в каталоге */ #scats{grid-template-columns: repeat(4, 1fr);} #scats .cat .image{width: 70px;height: 55px;} #scats .cat .title{font-size: 14px;max-width: 155px;} .grid{gap: 30px;} /* Слайдер на главной */ #slider{padding: 100px 0px;} #slider h1{font-size: 65px;line-height: 70px;} #slider .right img{position: absolute;right: 0px;top: -100px;} #slider .right .title{font-size: 25px;color: #011d43;position: absolute;right: calc(50% - 190px);bottom: 10px;max-width: 300px;text-align: right;line-height: 30px;} #slider .right .price{font-size: 45px;color: #011d43;position: absolute;right: calc(50% - 190px);bottom: -50px;} /* Категории товаров на главной */ #catalog .items{grid-template-columns: repeat(5, 1fr);} /* Отзывы листинг + слайдер */ #rating_page .reviews-list{grid-template-columns: 1fr 1fr;} /* Каталог товаров */ .tovars, .page_sidebar{grid-template-columns: 20% 2fr;} /* Карточка товара (*/ #tovar .info {grid-template-columns: 50% 1fr;} #tovar .info .dop .posted_in a:not(:last-child)::after {content: ", ";} /* Калькулятор */ #calc{grid-template-columns: 2fr 1fr;} /* Пагинация */ .page-numbers li a, .page-numbers li span{line-height: 40px;width: 40px;height: 40px;} /* Профиль пользователя */ #profile{display: flex;align-items: center;justify-content: space-between;} /* Футер */ #footer .menu{grid-column: span 3;} #footer .lic, #footer .poly{grid-column: span 2;} #footer .menu ul {display: grid;grid-template-columns: repeat(3,1fr);} } @media (min-width: 1200px) { .container{max-width: 1260px;} .col-pc-2{grid-template-columns: repeat(2, 1fr);} .col-pc-3{grid-template-columns: repeat(3, 1fr);} .col-pc-4{grid-template-columns: repeat(4, 1fr);} .col-pc-5{grid-template-columns: repeat(5, 1fr);} .col-pc-1-2 {grid-template-columns: 1fr 2fr;} .col-pc-2-1 {grid-template-columns: 2fr 1fr;} #scats{grid-template-columns: repeat(5, 1fr);} #header .menu .nav{font-size: 18px;} #header .top .nav{gap: 15px;font-size: 16px;} #header .head .logo .cit{font-size: 11px;} } :root { --bgcolor: #F3F5FB; --bgcolor2: #011D43; --blackcolor: #011D43; --graycolor: #B7C0CA; --greencolor: #1CB752; } *, ::after, ::before {box-sizing: border-box;} .container{width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;} body {margin: 0;line-height: 1.5;font-family: 'AdobeClean', 'sans-serif'!important;color: var(--blackcolor);background-color: var(--bgcolor);} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} a{color: var(--blackcolor);text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);outline: none;} svg{vertical-align: middle;overflow: visible;} label {display: inline-block;margin-bottom: .5rem;} button, , optgroup, select, textarea {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;background-color: white;} .tovat input {margin: 0;font-family: inherit;font-size: inherit;line-height: inherit;-webkit-appearance: none;background-color: white;} button:active, button:focus {outline: none;} /* Убираем обводку у кнопок */ button::-moz-focus-inner {border: 0;} p {margin-top: 0;margin-bottom: 1rem;} h1, h2, h3, h4, h5, h6 {margin-top: 0;font-weight: 300;line-height: 1.2;} h1{font-size:50px;margin-bottom: 20px;} h2{font-size:35px;margin-bottom: 15px;} h3{font-size: 26px;margin-bottom: 15px;} /* Дата для мобильного */ input[type="date"]:before {color: lightgrey;content: attr(placeholder) !important;margin-right: 0.5em;} input[type="date"]:focus:before {content: '' !important;} .img-fluid {max-width: 100%;height: auto;} .aligncenter{display: block;margin: 5px auto 5px auto;} .alignright{float:right;padding-left: 10px;padding-bottom: 10px;} .table {width: 100%;margin-bottom: 1rem;border-collapse: collapse;} .table td, .table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;} .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch} .table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)} .p404{text-align: center;padding: 50px 0px;} .grid{display: grid;} .ac{align-items: center;} /* Табы */ .nav {display: flex;padding: 0;margin: 0;list-style: none;outline: none;} .nav-link:focus, .nav-link:hover {text-decoration: none;} .nav-link {display: block;} .tab-content>.tab-pane {display: none;} .tab-content>.active {display: block;} .tab-content a{color: var(--greencolor);text-decoration: underline;} .tab-content h4{font-weight: bold;font-size: 18px;margin-bottom: 10px;} .tab-content ul{margin-top: 0px;} .tab-content .har{text-align: left;} .fade {transition: opacity .15s linear;} .fade:not(.show) {opacity: 0;} /* Гармошка */ .collapse:not(.show) {display: none;} .collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease;} /* Модальное */ .modal {position: fixed;top: 0;left: 0;z-index: 1050;display: none;width: 100%;height: 100%;overflow: hidden;outline: 0;background-color: #00000060;} .modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll} /*Нужно что бы не прыгало */ .modal-open {overflow: hidden;} .modal-open .modal {overflow-x: hidden;overflow-y: auto;} .modal .modal-dialog{background-color: white;} .modal .close{cursor: pointer;position: absolute;} .modal .title{font-size: 45px;line-height: 55px;font-weight: bold;} .modal .text{color: #545560;font-size: 20px;line-height: 35px;} /* Кнопка вверх */ .btn-back-top{position:fixed;bottom:15px;right:15px;display:flex;align-items:center;justify-content:center;width:45px;height:45px;background-color:var(--greencolor);color:#fff;border-radius:2px;text-decoration:none;opacity:0;visibility:hidden;transform:translateY(20px);transition:all 0.3s ease;z-index:1000;touch-action:manipulation;-webkit-tap-highlight-color:transparent} .btn-back-top:hover{opacity:1!important;transform:translateY(0);color:white!important} .btn-back-top.visible{opacity:0.8;visibility:visible;transform:translateY(0)} @media(max-width:768px){.btn-back-top{width:40px;height:40px;bottom:10px;left:10px}} /* Кнопка вотсап */ .whatsapp-button{position: fixed;right: 60px;bottom: 60px;background: #25D366;border-radius: 50%;width: 60px;height: 60px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px rgb(37 211 102);} .whatsapp-button:before,.whatsapp-button:after {content: " ";display: block;position: absolute;border: 1px solid #25D366;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .whatsapp-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) {.whatsapp-button{bottom: 10px;right: 10px;width:50px;height:50px;}.whatsapp-button svg{width: 30px;}} /* Кнопка телеги */ .tg-button{position: fixed;right: 60px;bottom: 130px;background: #27a7e7;border-radius: 50%;width: 60px;height: 60px;z-index: 9999;display: flex;align-items: center;justify-content: center;box-shadow: 0px 0px 11px #27a7e7,;} .tg-button:before, .tg-button:after {content: " ";display: block;position: absolute;border: 1px solid #27a7e7;left: -20px;right: -20px;top: -20px;bottom: -20px;border-radius: 50%;animation: animate 1.5s linear infinite;opacity: 0;backface-visibility: hidden; } .tg-button:after{animation-delay: .5s;} @keyframes animate{0%{transform: scale(0.5);opacity: 0;}50%{opacity: 1;}100%{transform: scale(1.2);opacity: 0;}} @media (max-width: 921px) {.tg-button{bottom: 70px;right: 10px; width:50px;height:50px;}.tg-button svg{width: 30px;}} /* Анимация при наведении на картинку */ .box {overflow:hidden;} .box img {-moz-transition: all 0.25s ease-out;-o-transition: all 0.25s ease-out;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .box img:hover{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} /* Хлебные */ .breadcrumbs {color: #011D43;font-size: 15px;padding-bottom: 10px;display: flex;} .breadcrumbs a, .breadcrumbs span{color: #7a899f;} /* Слайдер */ .owl-nav .disabled{display: none;} .owl-nav .owl-prev{left: 10px;} .owl-nav .owl-next{right: 10px;} #info .owl-nav button {position: absolute;top: calc(50% - 16px);} .owl-nav button:hover path{fill: var(--greencolor);} .owl-dots{display: flex;justify-content: center;width: 100%;margin-top: 20px;} .owl-dots .owl-dot span {width: 15px;height: 15px;margin: 0px 5px;background: white;display: block;-webkit-backface-visibility: visible;border-radius: 30px;border: 1px solid var(--greencolor);} .owl-dots .owl-dot.active span, .owl-dots .owl-dot:hover span {background: var(--greencolor);} /* FAQ */ .accordion .card{padding: 15px 5px 10px 0px;border-bottom: 1px solid #f3f5fb;} .accordion .card .title{font-size: 19px;padding-bottom: 5px;display: flex;position: relative; padding-right: 20px;} .accordion .card .title.collapsed:after {transform: rotate(45deg);top: 5px;} .accordion .card .title:after {content: "";position: absolute;top: 10px;right: 0px;width: 10px;height: 10px;border: solid #898989;border-width: 0 1px 1px 0;transition: transform 0.2s ease;transform: rotate(-135deg); } .accordion .card .text a{color: var(--greencolor);text-decoration: underline;} /* Форма связи */ .wpcf7{position: relative;} .wpcf7 .wpcf7-form{display: grid;gap: 15px;} .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .ajax-loader, .wpcf7 .wpcf7-form .wpcf7-response-output, .wpcf7 .wpcf7-form .hidden-fields-container{display: none;} .wpcf7 .wpcf7-form-control.wpcf7-not-valid{border-bottom: 1px solid red!important;} .wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;font-size: 14px;color: red;font-weight: 500;} .wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;font-size: 14px;color: green;font-weight: 500;border: 2px solid green;padding: 10px;text-align: center;background-color: #00800005;} .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea{border: none;border: 1px solid #54556020;padding: 15px;width: 100%;background-color: #f3f5fb60;} .wpcf7 .wpcf7-form.submitting .ajax-loader {display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;} /* Форма загрузки фото */ .codedropz-upload-handler{border-radius: 0px;background-color: #fafbfd;border: 1px dashed #B7C0CA;margin: -10px 0px 0px 0px;} .codedropz-upload-inner h3, .codedropz-upload-inner span{display: none;} .codedropz-upload-inner a{color: #7e7e7e;} /* Другое */ .pt-0{padding-top: 0px!important;} .ppage{min-height: 500px;padding-top: 20px;padding-bottom: 20px;} .phone{white-space: nowrap;} #za .modal-dialog{display: flex;align-items: center;} .block{padding-top: 60px;padding-bottom: 60px;} .block h2{font-weight: 300;font-size: 40px;line-height: 45px;} .block .top{display: flex;justify-content: space-between;gap: 10px;align-items: center;margin-bottom: 15px;} .block .top h2{margin-bottom: 0px;} .block .top .more{position: relative;white-space: nowrap;} .block .top .more:after{content: '';display: inline-block;width: 22px;height: 12px;background-image: url('images/right_arrow.svg');margin-left: 8px;vertical-align: middle;} .citylist .grid{gap: 3px;} .screen-reader-text{display: none;} .button{padding: 15px 40px;background-color: var(--greencolor);color:white;font-size: 15px;font-weight: 500;border-radius: 29px;border: none;cursor: pointer;white-space: nowrap;text-align: center;} .button:hover{background-color: black;color: white} .button:disabled{background-color: #cccccc!important;cursor: default;} .buttonw{padding: 15px 40px;background-color: white;color:#011D43;font-size: 15px;font-weight: 500;border-radius: 29px;border: none;cursor: pointer;white-space: nowrap;text-align: center;} .buttonw:hover{background-color: black;color: white;} .button2{padding: 15px 40px;background-color: var(--blackcolor);color:white;font-size: 15px;font-weight: 500;border-radius: 29px;border: none;cursor: pointer;white-space: nowrap;text-align: center;} .button2:hover{background-color: black;} /* Анимация */ a, .button, .buynow{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;text-decoration: none;} /*HOVER*/ #top a:hover, #header a:hover, .breadcrumbs a:hover, .block .top a:hover, .accordion a:hover, #map a:hover, .citylist a:hover, .woocommerce .shop_table a:hover, .woocommerce .checkout a:hover, #footer a:hover{color: var(--greencolor)!important;} @keyframes heart-ripple {50% {transform: scale(1.1);}} .fullscreen{-webkit-overflow-scrolling: touch;background-color: white;} .fullscreen .modal-dialog {height: 100%;margin: 0;max-width: 100%;} .fullscreen .modal-dialog a{color: #212529;} .fullscreen .modal-body{position: relative;} .fullscreen .modal-content{border-radius: 0;border: 0px;min-height: 100%;} .fullscreen .close{background: none;border: none;right: 0;top: 0;} .fullscreen .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .fullscreen .st{font-size: 18px;padding-bottom: 10px;} .fullscreen .list{list-style: none;padding-left: 0px;font-size: 18px;gap: 5px;padding-top: 20px;padding-bottom: 20px;} .fullscreen .select2-selection, .fullscreen .select2-selection__arrow{height: 40px!important;} .fullscreen .select2-selection__rendered{line-height: 40px!important;} #header{background: white;} #header.bg{background: #D6F4E8;} /* Верхне меню */ #header .top{padding: 13px 0px;display: flex;justify-content: space-between;align-items: center;border-bottom: 1px solid #011D4320;} #header .top .nav a{color: #7a899f;} /*#header .top .nav > li:nth-child(-n+5) > a{color: var(--greencolor);font-weight: bold;}*/ #header .top .menu-item-has-children:after{content: url(images/arr.svg);margin-left: 3px;position: relative;top: -2px;opacity: 0.5;} #header .top .menu-item-has-children:hover .sub-menu{display: block;} #header .top .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 10;} #header .top .sub-menu li{padding: 5px 20px;} #header .top .conts{display: flex;gap: 30px;} #header .top .conts .phone:before {content: '';display: inline-block;width: 20px;height: 20px;background-image: url('images/phone.svg');margin-right: 8px;vertical-align: middle;} #header .top .conts .cont{display: flex;gap: 10px;align-items: center;} #header .top .conts .soc{display: flex;gap: 3px;} #header .top .city{display: flex;align-items: center;gap: 7px;} #header .top .city:before{content: url(images/loc.svg);line-height: 15px;} /* Шапка с лого */ #header .head{display: grid;grid-template-columns: 0.35fr 1fr 0.3fr;align-items: center;gap: 30px;padding: 20px 0px;} #header .head .logo{position: relative;} #header .head .logo .cit{position: absolute;white-space: nowrap;color: #011D43;font-weight: 700;bottom: 10px;right: 2px;max-width: 195px;overflow: hidden;text-transform: uppercase;width: 100%;text-align: right;direction: rtl;text-overflow: ellipsis;} #header .head .aws-search-form{border-radius: 6px;background: #F8F8F8;} #header .head .aws-search-field{border: none;} #header .head .aws-form-btn{background: transparent;border: none;} #header .head .aws-search-btn_icon{color: var(--greencolor);} #header .head .right{display: flex;align-items: center;gap: 15px;} #header .head .right .item{position: relative;display: flex;flex-direction: column;align-items: center;} #header .head .right .item .count{height: 20px;width: 20px;border-radius: 50%;display: flex;align-items: center;justify-content: center;color: #fff;background: var(--greencolor);font-weight: 600;font-size: 13px;position: absolute;left: 45px;top: -10px;} #header .head .right .item.cart .count{left: 40px;} #header .head .right .item .text{font-size: 13px;margin-top: 3px;white-space: nowrap;} /* Основное меню */ #header .menu .nav{justify-content: space-between;padding-bottom: 10px;} #header .menu .current-menu-item > a, #header .menu .current-menu-parent > a{color: var(--greencolor);;} #header .menu .menu-item-has-children:after{content: url(images/arr.svg);margin-left: 3px;position: relative;top: -2px;} #header .menu .menu-item-has-children:hover .sub-menu{display: block;} #header .menu .sub-menu{display: none;position: absolute;background: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 10px 0px;list-style: none;z-index: 11;} #header .menu .sub-menu li{padding: 5px 20px;} #header .menu .sub-menu a{text-transform: none;} /* Слайдер */ #slider{background: #D6F4E8 url(images/newbg.svg) no-repeat calc(50% + 310px) / 1000px;} #slider .grid{position: relative;} #slider h1{font-weight: 300;margin: 0px;} #slider .text{color: #6A8F9A;font-size: 18px;margin: 20px 0px 30px;} #slider .bts{display: flex;gap: 10px;} #slider .button, #slider .buttonw{font-size: 18px;} /* Боковое меню */ .page_sidebar .left .menu{list-style: none;padding-left: 0px;font-size: 18px;} .page_sidebar .left .menu li{margin-bottom: 5px;;} .page_sidebar .left .menu .current-menu-item a{color: var(--blackcolor);} .page_sidebar .left .menu a{color: #7a899f;} /* Белый фон */ #tags, #faq, #zakaz{background-color: white;} /* Преимущества */ #prem .item{display: flex;align-items: center;gap: 20px;} /* Теги */ #tags .tags{display: flex;flex-wrap: wrap;gap: 8px;} #tags .tags a{background-color: var(--bgcolor);padding: 10px 15px;text-decoration: none;} #tags .tags a:hover{color: var(--greencolor);} /* Вопросы-ответы */ #faq .st{font-size: 18px;} /* Карта сайта */ #map{background: white url(images/map.svg) center top no-repeat;background-size: contain;text-align: center;font-weight: 500;} #map .big{font-size: 18px;} #map .grid{row-gap: 5px;} #map .grid a{text-transform: uppercase;} #map .button:hover{color: white!important;} /* Форма заказа */ #zakaz .right .big{font-size: 20px;} #rews .owl-carousel{margin-bottom: 20px;} /* Общий рейтинг */ .average-rating{font-size: 18px;display: flex;align-items: center;gap: 10px;} .average-rating .rating-number{font-size: 35px;font-weight: bold;} /* Сообщение об отправке */ .reviews_mes{background-color: var(--greencolor);color: white;text-align: center;padding: 10px;margin: 10px 0px;} .reviews_mes.bad{background-color: red;} /* Форма для отправки отзыва */ .reviews_form{display: grid;gap: 20px;margin-bottom: 20px;} .reviews_form .text{padding: 15px;width: 100%;background-color: white;border: none;} .reviews_form .stars{unicode-bidi: bidi-override;direction: rtl;display: flex;justify-content: end;} .reviews_form fieldset{ border: none; padding: 0; margin: 0; } .reviews_form .stars input{display: none;} .reviews_form .stars label{cursor: pointer;font-family: "stars";color: var(--greencolor);font-size: 30px;} .reviews_form .stars label:before{content: "\e801";} .reviews_form .stars > input:checked ~ label:before, .reviews_form .stars > input + label:hover ~ label:before, .reviews_form .stars > input + label:hover:before {content: "\e800";} /* Отзывы листинг + слайдер */ #rating_page .reviews-list{display: grid;gap: 10px;} .reviews-list .review-item{background-color: white;padding: 20px;} .reviews-list .review-item .review-content{display: flex;justify-content: space-between;gap: 10px;border-bottom: 1px solid #f3f5fb;padding-bottom: 10px;margin-bottom: 10px;min-height: 160px;} .reviews-list .review-item .review-content img{border-radius: 50%;width: 150px;height: 150px;} .reviews-list .review-item .author{display: flex;align-items: center;justify-content: space-between;} .reviews-list .review-item .name{font-weight: bold;} .reviews-list .review-item .date{color: #B7C0CA;font-size: 14px;} /* Звездный рейтинг */ .stars{font-size: 20px;font-family: "stars";color: var(--greencolor);display: flex;align-items: center;gap: 2px;} .stars .star-filled:before {content: "\e800";} .stars .star-empty:before {content: "\e801";} /* Категории на главной */ #catalog{background-color: white;} #catalog .items{gap: 15px;} #catalog .items .item{background-color: var(--bgcolor);padding: 20px;position: relative;overflow: hidden;min-height: 270px;} #catalog .items .item a{display: flex;flex-direction: column;justify-content: space-between;height: 100%;} #catalog .items .item .title{font-size: 20px;line-height: 25px;} #catalog .items .item img{mix-blend-mode: darken;max-width: 100%;height: auto;position: absolute;bottom: -25px;right: 0;} #catalog .items .item:nth-child(2) {grid-row: span 2;} #catalog .items .item:nth-child(2) img{max-width: 400px;right: -160px;bottom: 0;} #catalog .items .item:nth-child(4) {grid-row: span 2;grid-column: span 2;} #catalog .items .item:nth-child(7) {grid-row: span 2;} #catalog .items .item:nth-child(7) img{max-width: 400px;right: -160px;bottom: 0;} #catalog .items .item:nth-child(9) {grid-row: span 2;grid-column: span 2;} #catalog .items .item:nth-child(10) {grid-row: span 2;} #catalog .items .item:nth-child(10) img{max-width: 400px;right: -160px;bottom: 0;} /* Пагинация */ .woocommerce nav.woocommerce-pagination{margin-top: 20px;} .page-numbers{padding: 0px;display: flex;justify-content: center; list-style: none;} .page-numbers li a, .page-numbers li span{text-align: center;color: var(--blackcolor);display: block;font-size: 14px;transition: all 0.3s ease-in-out;border-radius: 50%;} .page-numbers li a:focus,.page-numbers li a:hover,.page-numbers li span.current {color: white;background-color: var(--blackcolor);} /* Оповещение в корзине и др */ .wc-block-components-notice-banner{display: flex;border: 1px solid;border-radius: 4px;color: #2f2f2f;font-size: .875em;font-weight: 400;gap: 12px;padding: 16px;margin: 16px 0;} .wc-block-components-notice-banner .wc-block-components-notice-banner__summary {font-weight: 600;margin: 0 0 8px;} .wc-block-components-notice-banner .wc-forward {-moz-appearance: none;appearance: none;background: transparent!important;border: 0;color: #2f2f2f!important;float: right;margin: 0;opacity: .6;padding: 0!important;text-decoration-line: underline;text-underline-position: under;font-weight: 500;font-size: 14px;} .wc-block-components-notice-banner .wc-block-components-notice-banner__content{-ms-grid-row-align: center;align-self: center;flex-basis: 100%;} .wc-block-components-notice-banner .wc-block-components-notice-banner__content a{color: #2f2f2f;text-decoration-line: underline;opacity: .6;font-weight: 500;} .wc-block-components-notice-banner.is-error{background-color: #fff0f0;border-color: #cc1818;outline: none;} .wc-block-components-notice-banner.is-error .svg{position: relative;width: 24px;height: 24px;padding: 4px;border-radius: 50%;background-color: #cc1818;} .wc-block-components-notice-banner.is-error .svg::before{content: '';background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy42IiBoZWlnaHQ9IjE3LjYiIHZpZXdCb3g9IjAgMCAxNy42IDE3LjYiPjxwYXRoIGQ9Ik0xMiwzLjJBOC44LDguOCwwLDEsMCwyMC44LDEyLDguODEzLDguODEzLDAsMCwwLDEyLDMuMlptMCwxNkE3LjIsNy4yLDAsMSwxLDE5LjIsMTIsNy4yMzQsNy4yMzQsMCwwLDEsMTIsMTkuMlpNMTEsMTdoMlYxMUgxMVptMC04aDJWN0gxMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjIgLTMuMikiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');background-repeat: no-repeat;background-size: 100% 100%;display: block;width: 100%;height: 100%;transform: rotate(180deg);} .wc-block-components-notice-banner.is-info{background-color: #f4f8ff;border-color: #007cba;outline: none;} .wc-block-components-notice-banner.is-info .svg{position: relative;width: 24px;height: 24px;padding: 4px;border-radius: 50%;background-color: #007cba;} .wc-block-components-notice-banner.is-info .svg::before{content: '';background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNy42IiBoZWlnaHQ9IjE3LjYiIHZpZXdCb3g9IjAgMCAxNy42IDE3LjYiPjxwYXRoIGQ9Ik0xMiwzLjJBOC44LDguOCwwLDEsMCwyMC44LDEyLDguODEzLDguODEzLDAsMCwwLDEyLDMuMlptMCwxNkE3LjIsNy4yLDAsMSwxLDE5LjIsMTIsNy4yMzQsNy4yMzQsMCwwLDEsMTIsMTkuMlpNMTEsMTdoMlYxMUgxMVptMC04aDJWN0gxMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0zLjIgLTMuMikiIGZpbGw9IiNmZmYiLz48L3N2Zz4=');background-repeat: no-repeat;background-size: 100% 100%;display: block;width: 100%;height: 100%;} .wc-block-components-notice-banner.is-success{background-color: #f4fff7;border-color: #4ab866;outline: none;} .wc-block-components-notice-banner.is-success .svg{position: relative;width: 24px;height: 24px;padding: 6px;border-radius: 50%;background-color: #4ab866} .wc-block-components-notice-banner.is-success .svg::before{content: '';background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS43IiBoZWlnaHQ9IjEwLjYiIHZpZXdCb3g9IjAgMCAxMS43IDEwLjYiPjxwYXRoIGQ9Ik0xNi43LDcuMWwtNi4zLDguNUw3LjEsMTMuMWwtLjksMS4yLDQuNSwzLjRMMTcuOSw4WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTYuMiAtNy4xKSIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');background-repeat: no-repeat;background-size: 100% 100%;display: block;width: 100%;height: 100%;} /* Корзина товаров */ .woocommerce .shop_table {background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);text-align: left;width: 100%;border-collapse: collapse;margin-bottom: 20px;} .woocommerce-cart-form thead th{background-color: var(--greencolor);color: white;} .woocommerce-cart-form h3 a{color: var(--greencolor);font-weight: bold;} .woocommerce .shop_table th {padding: 9px 12px;} .woocommerce .shop_table td {border-top: 1px solid #f3f5fb;padding: 9px 12px;} .woocommerce .shop_table tbody th, .woocommerce .shop_table tfoot td, .woocommerce .shop_table tfoot th {border-top: 1px solid #f3f5fb;} .woocommerce .shop_table img{height: 100px;width: auto;} .woocommerce .shop_table a.remove {display: block;font-size: 25px;color: red;font-weight: bold;text-align: center;} .woocommerce .shop_table .quantity{border: 1px solid #e4e6ed;} .woocommerce .shop_table .actions{text-align: right;} .woocommerce .shop_table .button:disabled{cursor: not-allowed;opacity: .5;} /* Поля формы заявки */ #customer_details input, #customer_details textarea{padding: 15px;border: 1px solid #54556020;width: 100%;} #customer_details .checkbox{display: inline-flex;gap: 10px;white-space: nowrap;align-items: center;} #customer_details .checkbox .input-checkbox{width: 17px;height: 17px;margin: 0px;} #customer_details .optional{font-size: 14px;color: #7a899f;} #customer_details label{margin-bottom: 0px;} #customer_details h3:first-child{display: none;} /*Блок с заказом и оплатой */ #payment{background: white;padding: 20px;} #payment ul{padding: 0px;list-style: none;} #payment .methods{border-bottom: 1px solid #f3f5fb;} #payment .woocommerce-privacy-policy-text{color: #7a899f;font-size: 14px;} #payment .payment_box{position: relative;background-color: #f3f5fb;padding: 15px;margin: 15px 0;font-size: 15px;} #payment .payment_box p{margin: 0px;} #payment .payment_box:before{content: "";display: block;border: 1em solid #edf2f4;border-right-color: transparent;border-left-color: transparent;border-top-color: transparent; position: absolute;top: -.75em;left: 0;margin: -1em 0 0 2em;} /* Профль пользователя */ #profile{background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 20px;margin-bottom: 20px;} #profile .menu{display: flex;gap: 20px;align-items: center;font-weight: bold;} #profile .menu .is-active{border-bottom: 2px solid var(--greencolor);color: var(--greencolor);} #profile .user{display: flex;align-items: center;} #profile .user .name{font-weight: bold;border-right: 1px solid #D5D5D5;padding-right: 10px;margin-right: 10px;} #profile .button {padding: 5px 35px;} #profile_info{background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 20px;} #profile_info input{padding: 15px;border: 1px solid #54556020;width: 100%;} #profile_info label{margin-bottom: 0px;} #billing_country_field, #profile_info .form-row-last, #profile_info .optional, #customer_details .optional, .thwcfe-section-title{display: none!important;} #profile_info .clear{margin-bottom: 20px;} /* Страница авторизациии и сброса пароля */ .woocommerce-form-login .input-text, .woocommerce-form-register .input-text, .woocommerce-ResetPassword .input-text, #customer_details .input-text{padding: 13px;border: 1px solid #D7D7DD;width: 100%;} .woocommerce-form-login__submit, .woocommerce-form-register__submit{display: block;width: 100%;} .woocommerce-form-login .lost_password a{text-decoration: underline;} /* Категории товаров */ #scats{margin-bottom: 20px;gap: 5px;} #scats .cat{width: 100%;height: 65px;background: white;padding: 2px;display: flex;align-items: center;} #scats .cat:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} #scats .cat a{display: flex;align-items: center;gap: 6px;} #scats .cat img{width: 100%;height: 100%;object-fit: contain;mix-blend-mode: darken;} #scats .cat .title{line-height: 18px;overflow: hidden;position: relative;} #scats .cat .title span{color: #7a899f;} /* Блок теги */ #tagscat{margin-bottom: 5px;} #tagscat .tags{display: flex;flex-wrap: wrap;gap: 5px;max-height: 60px;overflow: hidden;transition: max-height 0.3s ease;} #tagscat .tags.expanded {max-height: none;} #tagscat .tags a{border-radius: 8px;padding: 3px 7px;text-decoration: none;color: #7a899f;text-align: center;font-size: 12px;border: 1px solid #B7C0CA;} #tagscat .tags a:hover{background: #212529;color: white!important;text-decoration: none;border-color: #212529;} #tagscat .more-tags{color: #7a899f;font-size: 14px;text-decoration: underline;} /* Фильтр */ .tovars .pwf-field-item-title{margin-bottom: 5px!important;text-transform: none;font-weight: 500;font-size: 18px;color: #011D43;} .tovars .text-title{text-transform: none!important;color: #011D43!important;} .tovars .pwf-item-label{display: flex;} .tovars .pwf-field-item{margin-bottom: 5px;} .pwf-field-item .noUi-connect, .pwf-field-item .noUi-origin{background-color: #011D43!important;} .tovars .noUi-base, .tovars .noUi-connects{margin-top: 15px!important;} .tovars .pwf-sticky-button, .pwf-button-text{text-transform: none;letter-spacing: normal;} .tovars .pwf-field-item-dropdownlist select, .tovars .pwf-search-field .pwf-search-from{background: transparent;border: 1px solid #7a899f!important;border-radius: 29px;color: #011d43!important;padding: 0 24px 0 17px;height: 40px!important;line-height: 40px;} .tovars .pwf-field-item-dropdownlist .pwf-select::after{line-height: 40px;} .tovars .pwf-search-field .pwf-search-icon{color: #7a899f;} .tovars .pwf-search-field .pwf-search-from::placeholder {color: #7a899f;padding-left: 5px;} /* Листинг товаров */ .tovars .top_filters{display: flex;align-items: center;justify-content: space-between;margin-bottom: 10px;} .tovars .top_filters .pwf-note-item{background-color: white;} .tovars .top_filters .ordering {display: flex;align-items: center;gap: 10px;} .tovars .top_filters .ordering .woocommerce-result-count{margin: 0px;color: #7a899f;white-space: nowrap;} .tovars .top_filters .woocommerce-ordering select {color: #7a899f;font-size: 15px;display: inline-block;width: auto;padding: 10px 25px 10px 15px;border: 1px solid #B7C0CA;border-radius: 29px;-moz-appearance: none;-webkit-appearance: none;appearance: none;background-color: transparent;background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22800px%22%20height%3D%22800px%22%20viewBox%3D%220%20-4.5%2020%2020%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Earrow_down%20%5B%23339%5D%3C%2Ftitle%3E%3Cdesc%3ECreated%20with%20Sketch.%3C%2Fdesc%3E%3Cg%20id%3D%22Page-1%22%20stroke%3D%22none%22%20stroke-width%3D%221%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cg%20id%3D%22Dribbble-Light-Preview%22%20transform%3D%22translate(-180.000000%2C%20-6684.000000)%22%20fill%3D%22%23000000%22%3E%3Cg%20id%3D%22icons%22%20transform%3D%22translate(56.000000%2C%20160.000000)%22%3E%3Cpath%20d%3D%22M144%2C6525.39%20L142.594%2C6524%20L133.987%2C6532.261%20L133.069%2C6531.38%20L133.074%2C6531.385%20L125.427%2C6524.045%20L124%2C6525.414%20C126.113%2C6527.443%20132.014%2C6533.107%20133.987%2C6535%20C135.453%2C6533.594%20134.024%2C6534.965%20144%2C6525.39%22%20id%3D%22arrow_down-%23339%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"); background-repeat: no-repeat, repeat;background-position: right .7em top 50%, 0 0;-webkit-background-size: .6em auto, 100%;background-size: .6em auto, 100%;cursor: pointer;} .tovars .items{gap: 5px;} .tovars .item{background-color: white;padding: 20px;position: relative;} .tovars .item .image{position: relative;overflow: hidden;} .tovars .item .image img {max-width: 100%;height: auto;margin-bottom: 10px;} .tovars .item .image .desc{color: #7a899f;position: absolute;background-color: #fff;font-size: 13px;padding: 10px 0px;transition: .15s;} .tovars .item:hover .image .desc{transform: translateY(-100%);} .tovars .item .image .desc p{margin: 0;} .tovars .item .title{font-size: 18px;line-height: 24px;height: 48px;overflow: hidden;} .tovars .item .size{color:#B7C0CA;font-size: 14px;} .tovars .item .price{font-size: 25px;margin: 10px 0px;color: #011D43;} .tovars .item .price del{color: #B7C0CA;font-size: 16px;text-decoration: none;position: relative;} .tovars .item .price del::before {content: '';position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: #B7C0CA;transform: translateY(-50%);} .tovars .item .price ins {color: #e31e24;text-decoration: none;} .tovars .item .bts{display: flex;align-items: center;gap: 5px;justify-content:space-between;} .tovars .item .button{padding: 12px 24px;} .tovars .item .button2{padding: 12px 24px;} .tovars .item .wishlist{position: absolute;top: 10px;right: 10px;cursor: pointer;opacity: .3} .tovars .item .wishlist:hover{animation: heart-ripple 2s linear infinite} .tovars .item .wishlist.active{opacity: 1;animation: heart-ripple 2s linear infinite} .tovars .item .wishlist.active path{fill: var(--greencolor);} /* Карточка товара */ #tovar .info .woocommerce-product-gallery__image img {max-width: 100%;height: auto;} #tovar .info .gallary{position: relative;} #tovar .info .gallary .main{margin-bottom: 5px;} #tovar .info .gallary .main .video{position: relative;padding-top: 100%;overflow: hidden;} #tovar .info .gallary .main .video iframe{position: absolute;left: 0;top: -39%; width: 100%;height: 178%;border: 0;} #tovar .info .gallary .thumbs .item{border: 1px solid whitesmoke;border-radius: 2px;} #tovar .info .gallary .thumbs .item img, #tovar .info .gallary .main img, #tovar .info .gallary .main .video{border-radius: 2px;} #tovar .info .wishlist{position: absolute;top: 10px;right: 10px;cursor: pointer;opacity: .3;z-index: 9;} #tovar .info .wishlist:hover {animation: heart-ripple 2s linear infinite} #tovar .info .wishlist.active {opacity: 1;animation: heart-ripple 2s linear infinite} #tovar .info .wishlist.active path {fill: var(--greencolor);} #tovar .info .topinf{display: flex;justify-content: space-between;} #tovar .info .stock{display: flex;align-items: center;gap: 5px;} #tovar .info .out-of-stock{color: #7a899f;} #tovar .info .kup{color: #7a899f;} #tovar .info .kup:before{content: '';display: inline-block;width: 20px;height: 20px;background-image: url(images/bag.svg);margin-right: 5px;vertical-align: middle;} #tovar .info .woocommerce-variation{position: relative;} #tovar .info .woocommerce-variation-description{color: #7a899f;margin: 0px;position: absolute;right: 0px;} #tovar .info .woocommerce-variation-description p:before{content: '';display: inline-block;width: 20.64px;height: 20px;background-image: url(images/size.svg);margin-right: 5px;vertical-align: middle;} #tovar .info .price{display: block;font-size: 50px;margin-bottom: 0px;margin: 10px 0px;} #tovar .info .price del {color: #B7C0CA;font-size: 25px;text-decoration: none;position: relative;} #tovar .info .price del::before {content: '';position: absolute;left: 0;right: 0;top: 50%;height: 1px;background-color: #B7C0CA;transform: translateY(-50%);} #tovar .info .price ins {color: #e31e24;text-decoration: none;display: block;line-height: normal;} #tovar .info .summary label, #tovar .info .title{font-size: 18px;margin-bottom: 5px;} #tovar .info .upakovka label{font-size: 16px;} #tovar .info .title{font-size: 18px;margin-bottom: 5px;} .radio-custom {width: 20px;height: 20px;border: 1px solid #7a899f80;border-radius: 50%;position: relative;margin-right: 5px;cursor: pointer;} .checkbox-custom,.radio-custom,.label {display: inline-block;vertical-align: middle;} .checkbox:checked + .checkbox-custom::before,.upak:checked + .radio-custom::before {content: "";display: block;position: absolute;top: 2px;right: 2px;bottom: 2px;left: 2px;background: var(--greencolor);border-radius: 50%;} #tovar .info .summary .upak{display: none;} #tovar .info .upakovka{margin-bottom: 20px;} /* Выбор вариаций */ #tovar .variations{display: none;} #tovar .variation-selector{margin-bottom: 20px;} #tovar .variation-container{display: flex;flex-wrap: wrap;gap: 5px;} #tovar .variation-container span{cursor: pointer;padding: 9px 30px 8px;background-color: white;color: #011D43;font-size: 16px;border-radius: 29px;} #tovar .variation-container span.selected{border-color: var(--greencolor);background: var(--greencolor);color: white;} .quantity {display: inline-flex;background-color: white;border-radius: 29px;padding: 0px 10px;} .quantity input {-webkit-appearance: none;-moz-appearance: none;appearance: none;border: none;outline: none;width: 50px;min-height: 40px;text-align: center;background-color: transparent;} .quantity button {display: inline-flex;align-items: center;justify-content: center;background: none;border: none;font-size: 0;color: #011D43;width: 30px;height: 100%;min-height: 40px;cursor: pointer;position: relative;padding: 8px;-webkit-tap-highlight-color: transparent;} .quantity button:active,.quantity button:focus {outline: none;} .quantity button:before {content: '';width: 13px;height: 1.5px;background-color: black;} .quantity .quantity-plus:after {content: '';position: absolute;width: 1.5px;height: 13px;background-color: black;} .quantity input[type="number"]::-webkit-inner-spin-button,.quantity input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;} .quantity input[type="number"] {-moz-appearance: textfield;} #tovar .info .bts{display: flex;gap: 10px;margin-bottom: 10px;} #tovar .info .time{color: #7a899f;margin: 20px 0;display: flex;gap: 10px;align-items: center;font-size: 14px;border-bottom: 1px solid #E4E4E4;padding-bottom: 20px;} #tovar .info .time svg{fill: #7a899f;} #tovar .info .dop{font-size: 14px;} #tovar .info .dop .posted_in a{color: #7a899f;} #tovar .info .dop .posted_in a:hover{color: var(--greencolor);} #tovar .info .payments{margin-top: 20px;} #tovar .info .payments .items{display: flex;gap: 10px;align-items: center;flex-wrap: wrap;} #tovar .nav{display: flex;margin-top: 20px;gap: 20px;font-size: 20px;border-bottom: 1px solid #70707010;padding-bottom: 5px;margin-bottom: 20px;} #tovar .nav .nav-link{color: #7a899f;} #tovar .nav .nav-link.active{color: var(--blackcolor);} /* Страница: Избранное */ .wishpage .bottom{text-align: center;font-size: 18px;} .wishpage .bottom .button{display: inline-block;margin-top: 20px;} /* Страница: Контакты */ #contpage .item{font-size: 24px;padding-top: 10px;padding-bottom: 10px;} #contpage .item .title{color: #7a899f;font-size: 18px;} #contpage .item a{color: var(--blackcolor);} #contpage .item .mail{color: var(--greencolor);;white-space: nowrap;} /* Страница: Спасибо за заказ */ #thanks{text-align: center;font-size: 18px;} #thanks svg{margin: 10px 0px;} #thanks .button{display: inline-block;margin: 20px 0px;} #thanks .mail{color: gray;} /* Футер */ #footer{background-color: #000d21;color: white;padding: 80px 0px;} #footer a{color: #a8a8a8;} #footer .text{margin-top: 10px;} #footer .button{display: block;color: white;margin-top: 10px;padding: 10px;} #footer .button:hover{color: white!important;} #footer .widget-title, #footer .widget-title a{font-size: 20px;margin-bottom: 15px;color: white;} #footer ul{padding: 0px;list-style: none;} #footer ul li{padding: 3px 0px;} #footer .phone{display: block;font-size: 20px;font-weight: 500;} #footer .ad{margin: 10px 0px;} #footer .mail{display: block;color: var(--greencolor);font-weight: 500;white-space: nowrap;} #footer .soc{margin-top: 20px;} #footer .copy{font-size: 12px;font-style: italic;margin-top: 10px;color: #999999;} #footer .login{display: block;margin-top: 10px;} #footer .t{margin-top: 15px;margin-bottom: 5px;} #footer .pay{display: flex;gap: 3px;flex-wrap: wrap;}