/* Theme Name: Grigorev Theme URI: Description: Grigorev Theme Author: Grigorev Author URI: '' Version: 1.0 */ @font-face { font-family: 'Unbounded'; src: url('fonts/Unbounded-Medium.woff') format('woof'), url('fonts/Unbounded-Medium.woff2') format('woof2'), url('fonts/Unbounded-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Regular.woff') format('woof'), url('fonts/Gilroy-Regular.woff2') format('woof2'), url('fonts/Gilroy-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Medium.woff') format('woof'), url('fonts/Gilroy-Medium.woff2') format('woof2'), url('fonts/Gilroy-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'Gilroy'; src: url('fonts/Gilroy-Semibold.woff') format('woof'), url('fonts/Gilroy-Semibold.woff2') format('woof2'), url('fonts/Gilroy-Semibold.ttf') format('truetype'); font-weight: 600; font-style: bold; } @media (min-width: 320px){ .col-m-2{grid-template-columns: repeat(2, 1fr);} .col-m-3{grid-template-columns: repeat(3, 1fr);} } @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);} .col-pl-4{grid-template-columns: repeat(4, 1fr);} .col-pl-3-7{grid-template-columns: 30% auto;} .col-pl-7-3{grid-template-columns: 70% auto;} .col-pl-4-6{grid-template-columns: 40% auto;} .col-pl-6-4{grid-template-columns: 60% auto;} } @media (max-width: 1024px) { .block{padding-top: 60px;} .block h2{text-align: left;position: relative;} .button{display: block!important;width: 100%;} h1{font-size:18px;} h2{font-size:18px;margin-bottom: 20px;} :root{--text-main-size: 14px;} .btn-fill{font-size: 10px !important;font-weight: 600 !important; padding: 12px 40px !important;} .grid{gap: 20px;} .flex{flex-direction: column; gap: 15px;} .button{white-space: pre-wrap!important;} .ppage{margin-top: 100px;} .h2_title{justify-content: center !important;text-align: center !important;} h1.h2_title{margin-bottom: 20px;} #za h2{font-size: 15px !important;margin-bottom: 20px !important;} #za .close {z-index: 5;} #za .wpcf7-form .label{margin-bottom: 0px !important;font-size: 12px !important;} #za .modal-dialog{width: calc(100% - 40px) !important;padding: 40px 10px 10px 10px !important;} #za .wpcf7-form h3{margin-bottom: 20px !important;} #za .wpcf7-form .wpcf7-text{padding: 10px!important;margin-bottom: 10px !important;} #za .wpcf7-form .poly{font-size: 10px !important;} #za .wpcf7-form .btn-fill{margin-top: 10px !important;} #banner{padding-top: 100px !important;padding-bottom: 60px !important;} #banner .grid{position: relative;} #banner .descr{font-size: 10px !important;width: 60% !important;} #banner img{position: absolute!important;right: 0px!important;width: 50%!important;bottom: -15px !important;} #banner .btn-fill{display: flex !important;width: fit-content !important;margin: 0 !important;margin-top: 35px !important;} #hits .pc{display: none !important;} #hits .container{padding-bottom: 60px !important;} #about{padding-top: 15px !important;} #about p{font-size: 12px !important;font-weight: 400 !important;} #prem .grid{row-gap: 65px !important;} #prem .text{font-size: 12px !important;} #prem .fon.one{top: unset !important;bottom: -20% !important;} #catalog .grid{grid-template-columns: none !important;gap: 15px !important;} #catalog .tabs{grid-template-columns: repeat(2, 1fr) !important;display: grid !important;gap: 20px !important;} #catalog .tablink{padding: 12px 25px !important;font-size: 10px !important;white-space: nowrap;} #catalog .tabcontent{grid-template-columns: repeat(2, 1fr) !important;gap: 20px !important;} #catalog .tabcontent a {border-width: 2px !important;padding: 10px 0 !important;font-size: 12px !important;padding-right: 15px !important;background-size: 12px !important;} #etapi .grid{row-gap:60px;} #etapi .fon.one{bottom: -200% !important;top: unset !important;} #etapi .fon.two{top: unset !important;bottom: -40% !important;} #etapi .number{width: 36px !important;height: 36px !important;font-size: 15px !important;margin-bottom: 5px !important;} #etapi .name{font-size: 12px !important;} #etapi .item img{top: 18px !important;left: 33vw !important;width: 60% !important;object-fit: none;} #etapi .item:nth-child(2) img{rotate: 90deg;left: 0 !important;right: 0 !important;margin: 0 auto !important;top: 150% !important;width: 25% !important;} #etapi .pc{display: none !important;} #new .pc{display: none !important;} #form{margin-top: 60px !important;} #form .box{padding: 10px 22px !important;} #form h2{font-size: 15px !important;margin-bottom: 15px !important;} #form .btn-fill{padding: 20px !important;} #form .fon.left{display: none !important;} .wpcf7 .poly{font-size: 9px !important;} .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-mask, .wpcf7 .wpcf7-textarea, .wpcf7 .wpcf7 label, .btn-fill{font-size: 10px !important;} #category_page #content .products.columns-3{grid-template-columns: repeat(2, 1fr) !important;} #category_page #content #product-card .image a{height: 140px !important;padding: 10px !important;} #category_page #content #product-card .title, #category_page #product-card .image a, #product-card .price{margin-bottom: 10px !important;} #category_page #content #product-card .flex{gap: 10px !important;flex-direction: column !important;} #product_card_page #form{margin-top: 0 !important;} .accordion .card{padding: 10px !important;border-radius: 10px !important;} .accordion .content{margin-top: 15px !important;} .accordion .link, .accordion .content p{font-size: 12px !important;} #delivery_page .rightBottom{width: 70% !important;} #delivery_page #delivery .pc{display: none !important;} #delivery_page #delivery .grid.mobile{gap: 15px !important;} #delivery_page #delivery .mobile .flex{align-items: center !important;flex-direction: row !important;} #delivery_page #delivery .mobile .number{font-size: 30px !important;} #delivery_page #delivery .mobile .title{font-size: 12px !important;margin: 0 !important;} #delivery_page #delivery .mobile .logos{grid-template-columns: repeat(4, 1fr) !important;margin-top: 10px !important;display: grid !important;} #delivery_page #pay .text{font-size: 12px !important;} #contacts_page #contacts .flex{flex-direction: row !important;margin-bottom: 20px !important;align-items: center !important;} } @media (min-width: 1025px) { h1{font-size:35px;} h2{font-size:35px;margin-bottom: 35px;} :root{--text-main-size: 16px;} .block{padding-top: 100px;} .container{max-width: 960px;} .grid{gap: 25px;} .ppage{margin-top: 125px;} .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-6{grid-template-columns: repeat(6, 1fr);} .col-pc-3-7{grid-template-columns: 30% auto;} .col-pc-7-3{grid-template-columns: 70% auto;} .col-pc-4-6{grid-template-columns: 40% auto;} .col-pc-6-4{grid-template-columns: 60% auto;} .flex{flex-direction: row; gap: 25px;} h1.h2_title{margin-bottom: 35px;} #hits .mobile{display: none !important;} #new .mobile{display: none !important;} #etapi .mobile{display: none !important;} #delivery_page #delivery .mobile{display: none !important;} #delivery_page .rightTop{display: none !important;} } @media (min-width: 1440px) { .container{max-width: 1440px;padding-left: 70px !important;padding-right: 70px !important;} } :root{ --color1: #4E7BBA; --color2: #3f6292; --text-color: #3E3747; --transition: all 0.3s ease-in-out; } /* ОСНОВА *//* ОСНОВА *//* ОСНОВА *//* ОСНОВА *//* ОСНОВА */ *, ::after, ::before{box-sizing: border-box!important;transition: var(--transition);} html,body{margin: 0;padding: 0;scroll-behavior: smooth !important;font-family: 'Gilroy';font-size: var(--text-main-size); font-weight: 500;color: var(--text-color)!important;background-color: white;line-height: 1.2;} .container{width: 100%;padding-right: 20px;padding-left: 20px;margin-right: auto;margin-left: auto;} article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block;} label {display: inline-block;margin-bottom: .5rem;} button, input, optgroup, select, textarea {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;} a{color: var(--text-color);text-decoration: none;outline: none;} a:hover{color: var(--color1)} img, svg{vertical-align: middle;} p {margin-top: 0; margin-bottom: 20px;line-height: 1.2;} h1, h2{margin-top: 0;line-height: 1.2;font-family: 'Unbounded';text-transform: uppercase;} .flex{display: flex;} .flex-col{display: flex;flex-direction: column;} .grid{display: grid;} .img-fluid {max-width: 100%;height: auto;} table {width: 100%;margin: 20px 0!important;border-collapse: collapse;overflow: hidden;} table tr:nth-child(odd){background-color: #dfdfdf;} table td, table th{text-align: left; 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;} /* Bootstrap */ .fade{transition: opacity .35s linear;} .fade:not(.show){opacity: 0;} /* Кнопка вверх */ .btn-back-top {opacity: 0;background: black;cursor: pointer;display: block!important;width: 45px;height: 45px;position: fixed;right: 15px;bottom: 15px;transition: .5s;z-index: 1030;} .btn-back-top:hover{opacity: 1!important;} .btn-back-top:before {border-color: #fff;border-style: solid;border-width: 5px 0 0 5px;content: "";width: 17px;height: 17px;position: absolute;top: 17px;left: 15px;transform: rotate(45deg);} /* Кнопка вотсап */ .whatsapp-button{position: fixed;right: 70px;bottom: 70px;background: #25D366;border-radius: 50%;width: 65px;height: 65px;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: 50%;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!important;right: 10px;}} /* Дата для мобильного */ input[type="date"]:before {color: lightgrey;content: attr(placeholder) !important;margin-right: 0.5em;} input[type="date"]:focus:before {content: '' !important;} /* Табы */ .nav {display: flex;padding: 0;margin: 0;list-style: none;outline: none;flex-wrap: wrap; gap: 35px;row-gap: 0;align-items: center;font-size: 15px;font-weight: 500;white-space: nowrap;} .nav .sub-menu{position: absolute;margin-top: 20px; opacity: 0;visibility: hidden;transition: var(--transition);list-style: none;padding: 15px;border-radius: 10px;background-color: #ffffff17;backdrop-filter: blur(5px);width: max-content;z-index:999;max-width: 300px;} .nav .sub-menu a{padding: 10px 0;display: block;font-weight: 600;margin-bottom:5px;border-bottom:3px solid transparent;white-space: normal!important;} .nav .sub-menu a:hover{border-bottom:3px solid var(--color1);} .nav .menu-item-has-children{position: relative;white-space:nowrap;} .nav .menu-item-has-children > a::after{content: url(./images/arrow_menu.svg);display: inline-block;position: absolute;top: 0;margin: auto;right: 0;height: fit-content;} .nav .menu-item-has-children:hover .sub-menu{opacity: 1;visibility: visible;} .nav-link:focus, .nav-link:hover, .nav-link.active{text-decoration: none;background-color: var(--color1);color: white;} .nav-link {display: block;padding: 5px;background-color: var(--color1);color: var(--text-color);} .tab-content>.tab-pane {display: none;} .tab-content>.active {display: block;} .fade {transition: opacity .15s linear;} .fade:not(.show) {opacity: 0;} /* Акордион */ .accordion .card{padding: 20px 10px;background-color: #F8F7F7;border-radius: 15px;display: block;} .accordion .content{margin-top: 45px;} .accordion .content p:last-child{margin: 0;} .accordion .link{display: block;position: relative;padding-right: 30px;cursor: pointer;} .accordion .link::after{content: '';width: 24px;height: 24px;background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 0;top: 0;right: 0;margin: auto 0;position: absolute;} .accordion .link[aria-expanded="true"]::after {background-image: url(./images/minus.svg);} .accordion .link[aria-expanded="false"]::after {background-image: url(./images/plus.svg);} .accordion .link:hover::after {} /* .accordion .link::before {content: '';width: 48px;height: 48px;background-size: contain;background-repeat: no-repeat;background-position: center;bottom: 0;top: 0;right: 0;margin: auto 0;position: absolute;opacity: 0;} */ /* .accordion .link[aria-expanded="true"]:hover::before {background-image: url(./images/minus-hover.svg);} .accordion .link[aria-expanded="false"]:hover::before {background-image: url(./images/plus-hover.svg);} */ /* .accordion .link:hover::before {} */ /* Пролистывание на мобильном */ .scroll{flex-wrap: nowrap;overflow-x: auto;-webkit-overflow-scrolling: touch;white-space: nowrap;} .scroll::-webkit-scrollbar {height: 2px;-webkit-appearance: none;} .scroll::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);} .scroll::-webkit-scrollbar-thumb {background: #fd5354;} /* Гармошка */ .collapse:not(.show) {display: none;} .collapsing {position: relative;height: 0;overflow: hidden;transition: height .35s ease;} /* #za */ #za .modal-dialog{position: absolute;inset: 0; height: fit-content;padding: 25px;padding-bottom: 40px;padding-top: 40px;border-radius: 20px;background-color: white;max-width: 550px;margin: auto;} #za .close{margin: 0;position:absolute;top:0;right:0;transition: var(--transition);cursor: pointer;} #za .close:hover path{fill: var(--color1);transition: var(--transition);} #za h2{font-size: 20px;margin-bottom: 45px;text-align: center;} /* AgeModal */ #ageModal {align-items: center;justify-content: center; backdrop-filter: blur(15px);} #ageModal .modal-content {padding: 30px;background-color: white;border-radius: 20px;text-align: center;} #ageModal p{font-size: 30px;text-transform: uppercase;font-family: 'Unbounded';} #ageModal .btn-fill{color: var(--text-color);border: 1px solid #9A999B;background-color: white;padding: 15px 20px;width: 100%;} #ageModal .btn-fill:hover{border: 1px solid var(--color2);background-color: var(--color2);color: white;} /* Форма связи */ .wpcf7{position: relative;text-align: left;} .wpcf7 .wpcf7-form{display: grid;} .wpcf7 .wpcf7-not-valid-tip, .wpcf7 .screen-reader-response, .wpcf7 .wpcf7-form .ajax-loader{display: none;} .wpcf7-response-output {text-align: center;font-size: 13px;line-height: 1;margin-top: 15px;} .wpcf7 .wpcf7-form-control.wpcf7-not-valid{border: 1px solid #b50000!important;} .wpcf7 .wpcf7-form.invalid .wpcf7-response-output{display: block;color: #b50000;} .wpcf7 .wpcf7-form.sent .wpcf7-response-output{display: block;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{color: var(--text-color);width: 100%;outline: none!important;border-radius: 0;padding:12px 10px;background-color: white;font-size: 15px;border-bottom: 1px solid #848484;margin-bottom: 25px;} .wpcf7 .wpcf7-text:hover, .wpcf7 .wpcf7-mask:hover, .wpcf7 .wpcf7-textarea:hover{border-bottom:1px solid #91B3FA;} .wpcf7 .label{font-size: 14px;font-weight: 600;} .wpcf7 .btn-fill{padding: 25px;} .wpcf7 .wpcf7-form.submitting .ajax-loader {display: block;background-image: url(images/ajax-loader.gif);width: 24px;height: 24px;position: absolute;bottom: -25px;} .wpcf7 .poly{color: #848484;font-size: 13px;margin-top: 15px;text-align: center;} .wpcf7 .poly a{text-decoration: underline;display: block;} .wpcf7 input{border: 2px solid transparent;} .wpcf7 input[type="checkbox"]{width: 32px;height: 32px;border-radius: 10px;margin-bottom: -10px;margin-right: 15px;cursor: pointer;position: relative;} .wpcf7 input[aria-accepted="true"]::after{content: url(./images/checkbox-arrow.svg);position: absolute;inset: 0;margin: auto;left: 6px;top: 2px;} .wpcf7-spinner{display: none;} .wpcf7 .wpcf7-list-item > label{display:flex;} /* Owl-carousel */ .owl-controls{display: flex;margin-top: 60px;} .owl-controls .owl-next, .owl-controls .owl-dots{margin-left: 10px;} .owl-prev, .owl-next {position: relative;width: 32px;height: 32px;} .owl-prev::after, .owl-next::after,.owl-prev::before, .owl-next::before {content: '';width: 100%;height: 100%;position: absolute;inset: 0;background-size: contain;background-repeat: no-repeat;background-position: center;} .owl-prev::after, .owl-next::after{opacity: 1;} .owl-prev::before, .owl-next::before{opacity: 0;} .owl-prev::after {background-image: url(./images/owl-prev.svg);} .owl-next::after {background-image: url(./images/owl-next.svg);} .owl-prev::before {background-image: url(./images/owl-prev-hover.svg);} .owl-next::before {background-image: url(./images/owl-next-hover.svg);} .owl-prev:hover::after, .owl-next:hover::after{opacity: 0;} .owl-prev:hover::before, .owl-next:hover::before{opacity: 1;} .owl-dots{display:flex; justify-content:center;align-items:center;gap:8px;} .owl-dots:hover {margin: auto!important;} .owl-dot span {width: 8px;height: 8px;background: #cccccc;display: block;-webkit-backface-visibility: visible;border-radius:10px;} .owl-dot.active span, .owl-dots .owl-dot:hover span {opacity: 1;background-color:var(--color1);width:12px;height:12px;} /* РЕДАКЦИЯ *//* РЕДАКЦИЯ *//* РЕДАКЦИЯ *//* РЕДАКЦИЯ *//* РЕДАКЦИЯ */ .h2_title{display: flex;align-items: center;gap: 7px;line-height: 1;} .h2_title::after,.h2_title::before{content: '';background-color: var(--text-color);height: 2px;width: 36px;} .h2_title.white{color: white;} .h2_title.white::after,.h2_title.white::before{background-color: white;} /* Кнопки */ .btn-fill{cursor: pointer; white-space: nowrap;border-radius: 5px; color: white;background-color: var(--color1);display: inline-block;text-align: center;font-weight: 600;font-size: 15px;padding:25px 65px;margin: 0;} .btn-fill:hover{background-color: var(--color2);color: white;} /* Галерея */ .owl-carousel .box{aspect-ratio: 3 / 4;width: 100%;height: auto;border-radius: 10px;overflow: hidden;} .owl-carousel .box img{object-fit: cover;height: 100%;} /* Мобильное Меню */ .modal {position: fixed;top: 0;left: 0;z-index: 10;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;} #mobile{background-color: transparent;position: fixed;z-index: 5;top: 0;left: 0;right: 0;margin: auto;padding: 0 20px;backdrop-filter: blur(10px);} #mobile .container{display: flex;justify-content: space-between;align-items: center; border-bottom: 1px solid #B8B8B8;padding: 25px 0;padding-top: 40px;} #mobile .logo{max-width: 158px;} #mobile .cont{display: flex;flex-direction: column;align-items: flex-end;} #mobile .cont .btn{color: var(--color1);text-decoration: underline;font-size: 11px !important;} #mobile .cont .phone{font-size: 13px;font-weight: 600;} #mmenu .close{border: none;position: absolute;top: 30px;right: 20px;} #mmenu .logo img{margin-bottom: 20px;display: block;width: 100%;} #mmenu .modal-dialog{background-color: white; width: 100%;height: 100%;overflow-y: auto; padding: 100px 20px;} #mmenu .nav{flex-direction:column;align-items:center; gap:20px;} #mmenu .nav a{font-size:24px;font-weight:600;display:block;color: #383838;} #mmenu .nav li{border-bottom: 1px solid #CCCCCC;text-align:center;} #mmenu .nav li:last-child{padding-bottom: 0;border-bottom: none;} #mmenu .nav ul{padding: 0;list-style: none;} #mmenu .flex{margin: 40px 0 30px 0;} #mmenu .cont {margin-top: 30px;text-align: center;display: flex;flex-direction: column;gap: 20px;} #mmenu .cont .phone {font-size: 25px;} /* Header & Footer */ header{position:fixed;top:0;width: 100%;z-index: 5;backdrop-filter: blur(10px);background-color: #f3f3f35c;} header .grid{grid-template-columns: repeat(2, auto);align-items: center;justify-content: space-between;gap: 35px;border-bottom: 1px solid #B8B8B8;padding: 20px 0;} header .flex{gap: 35px; align-items: center;} header .phone{display: flex;align-items: center;gap: 15px;} footer{padding: 70px 0;background-color: #EBEBEB;margin-top: 100px;position: relative;} footer .container{display: grid;grid-template-columns: repeat(4, auto);} footer .logo{margin-bottom: 35px;display: block;} footer .phone{display: flex;align-items: center;gap: 15px;} footer .widget-title{margin: 0;margin-bottom: 15px;font-size: 20px;font-weight: 500;} footer .menu{list-style: none;padding: 0;margin: 0;display: flex;flex-direction: column;gap: 20px;} @media (min-width:1025px) { #mobile{display: none !important;} } @media (max-width:1024px) { header{display: none!important;} footer{margin-top: 60px !important;} footer .container{grid-template-columns: repeat(2, 1fr) !important;gap: 35px !important;} footer a{font-size: 10px !important;} footer .menu{gap: 10px !important;} footer .widget-title{font-size: 16px !important;margin-bottom: 10px !important;} footer .block_last{grid-row: 2;grid-column: 2;} footer .block_first{grid-row: 1;} } /* ГЛАВНАЯ */ #banner{padding-top: 150px;padding-bottom: 100px;background-image: url(./images/banner-fon.png);background-position: center;background-size: cover;background-repeat: no-repeat;} #banner .grid{justify-items: center;} #banner h1{margin-bottom: 30px;font-family: 'Unbounded';} #banner h1 span{color: var(--color1);} #banner .btn-fill{margin-top: 35px;} #hits{overflow: hidden;} #hits .grid{position: relative;z-index: 1;} #hits .container{padding-bottom: 100px;position: relative;} #hits .fon{position: absolute;} #hits .fon.one{left: 0;bottom: -10%;} #hits .fon.two{right: 0;top: -10%;} #hits .owl-dots{display: none;} #hits .owl-nav{width: fit-content;margin-left: auto;margin-top: 15px;display: flex;gap: 10px;} #about{color: white;padding-top: 50px;background-image: url(./images/o-nas-fon.png);background-position: center;background-size: cover;background-repeat: no-repeat;} #about .cont p:last-child{margin-bottom: 0;} /* #prem{overflow: hidden;} */ #prem .container{position: relative;} #prem .fon{position: absolute;} #prem .fon.one{left: 0;top: 0;} #prem .fon.two{right: 0;top: 0;} #prem .item{padding: 65px 25px 20px 25px;border-radius: 15px;border: 1px solid #9A999B;text-align: center;position: relative;background-color: white;} #prem h2{margin-bottom: calc(35px + 44px);} #prem h2, #prem .grid{position: relative;z-index: 1;} #prem .name{margin-bottom: 15px;} #prem .text{font-weight: 400;} #prem .item img{position: absolute;left: 0;right: 0;margin: auto;top: -44px;} #catalog .grid{gap: 55px;grid-template-columns: 25% auto;} #catalog .tabs{display: flex;flex-direction: column;align-items: flex-start;gap: 25px;} #catalog .tablink{cursor: pointer; padding: 20px;width: 100%;border-radius: 5px;border: 1px solid #9A999B;font-weight: 600;} #catalog .tablink.active, #catalog .tablink:hover{background-color: var(--color1);border-color: var(--color1);color: white;} #catalog .tabcontent{gap: 55px;row-gap: 0;align-content: flex-start;grid-template-columns: repeat(3, 1fr);} #catalog .tabcontent a{padding: 25px 0;border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;margin-top: -2px;filter: opacity(0.75);padding-right: 30px;background-image: url(./images/arrow-right.svg);background-position-x: right;background-position-y: center;background-repeat: no-repeat;} #catalog .tabcontent a:hover{filter: opacity(1);color: var(--text-color);} /* #etapi{overflow: hidden;} */ #etapi .container{position: relative;} #etapi h2, #etapi .grid{position: relative;z-index: 1;} #etapi .item{position: relative;text-align: center;} #etapi .item img{top: 40px;left: 220px;} #etapi .number{width: 80px;height: 80px;display: flex;align-items: center;justify-content: center;border-radius: 100%;font-size: 32px;border: 1px solid var(--text-color);margin: auto; margin-bottom: 15px;color: var(--color1);background-color: white;} #etapi img{position: absolute;} #etapi .fon.one{left: 0;top: 0;} #etapi .fon.two{right: 0;top: 0;} #new .owl-dots{display: none;} #new .owl-nav{width: fit-content;margin-left: auto;margin-top: 15px;display: flex;gap: 10px;} #form{position: relative;background-image: url(./images/tolko-kachestvennyj-tabak-dlya-vashego-biznesa.jpg);background-position: center;background-size: cover;background-repeat: no-repeat;padding: 55px 0;margin-top: 100px;} #form .box{padding: 25px;padding-bottom: 40px;border-radius: 20px;background-color: white;text-align: center;max-width: 550px;margin: auto;} #form h2{font-size: 20px;margin-bottom: 45px;} #form .fon{position: absolute;} #form .fon.left{left: 0;} #form .fon.right{right: 0;} /* КАТАЛОГ */ #catalog_page #form{margin-top: 0;} #catalog_page #catalog h1{margin-bottom: 35px;} /* ВОПРОСЫ-ОТВЕТЫ */ /* ДОСТАВКА И ОПЛАТА */ #delivery_page .container{position: relative;} #delivery_page .fon{position: absolute;} #delivery_page .rightTop{right: 0;top: 0;} #delivery_page .leftDev{left: 0;top: 0;} #delivery_page .rightBottom{right: 0; bottom: -60%;} #delivery_page #delivery .item{width: 100%;} #delivery_page #delivery .number{font-size: 50px;font-weight: 600;color: #D3D3D3;line-height: 1;} #delivery_page #delivery .title{margin-bottom: 25px;font-size: 20px;margin-top: 12px;margin-bottom: 10px !important;} #delivery_page #delivery .flex{gap: 10px;} #delivery_page #delivery .logos{gap: 15px;align-items: center;justify-content: space-between;} /* КОНТАКТЫ */ #contacts_page #contacts .container{position: relative;} #contacts_page #contacts a{cursor: pointer;} #contacts_page #contacts .flex{gap: 10px;align-items: center;margin-bottom: 20px;} #contacts_page #contacts .flex.soc{gap: 15px;} #contacts_page #contacts .flex *{font-size: 14px;} #contacts_page #contacts .cont{position: relative;overflow: hidden;z-index: 0;} #contacts_page #contacts .fon{position: absolute;inset: 0;margin: auto;width: 100%;height: 100%;scale: 2;z-index: -1;} #contacts_page #contacts .down{position: absolute;right: 0;bottom: -70%;} /* WooCommerce */ @media (max-width:1024px) { #product-card .image a{height: 225px !important;} #product-card .title{font-size: 12px !important; margin-bottom: 15px!important;height: 28px !important;} #product-card .price{font-size: 12px !important; margin-bottom: 15px;} #product-card .flex{gap: 20px !important;} .woocommerce nav.woocommerce-pagination ul{margin-top: 15px !important;} #product_card_page #product_card_content h1{font-size: 18px !important;font-weight: 500 !important;margin-bottom: 15px !important;} #product_card_page #product_card_content .price{margin-bottom: 15px !important;font-size: 14px !important;} #product_card_page #product_card_content .grid{gap: 15px !important;} #product_card_page #product_card_content .image{height: 235px !important;} #product_card_page #product_card_content .image img{object-fit: contain !important;} #product_card_page #product_card_content .description *{font-size: 10px !important;} #product_card_page #product_card_content .btn-fill{display: flex !important;width: fit-content !important;margin: auto !important;margin-top: 15px !important;} } @media (min-width:1024px) { } /* КАРТОЧКА ТОВАРА */ #product-card .image img{max-height: 100%;width: 100%;height: 100%;object-fit: contain;} #product-card .image a{border-radius: 15px;background-color: white; box-shadow: 0px 0px 8px 0px #AEAEAE4D;padding: 25px 60px;margin-bottom: 20px; display: flex;align-items: center;justify-content: center;height: 275px;} #product-card .title{font-weight: 400;margin-bottom: 20px;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; height: 38px;} #product-card .price{font-weight: 500;margin-bottom: 20px;} #product-card .flex{gap: 25px;align-items: center;flex-direction: row;} #product-card .flex a{width: 100%;} #product-card .btn-fill{padding: 15px 60px;border: 1px solid var(--color1);} #product-card .btn-fill.out{color: var(--text-color);border: 1px solid #9A999B;background-color: white;} #product-card .btn-fill:hover{border: 1px solid var(--color2);background-color: var(--color2);color: white;} .products.columns-3{display: grid;grid-template-columns: repeat(3, 1fr);row-gap: 35px; gap: 25px;} .woocommerce .products ul::after, .woocommerce .products ul::before, .woocommerce ul.products::after, .woocommerce ul.products::before{display: none !important;} .woocommerce-notices-wrapper{display: none;} /* Пагинация */ .woocommerce nav.woocommerce-pagination ul{display: flex;white-space: nowrap;justify-content: center;gap: 5px;border: none;margin: 0;margin-top: 35px;} .woocommerce nav.woocommerce-pagination ul li{border: none;} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {color: var(--text-color) !important; background-color: transparent !important; border: 1px solid transparent; font-size: 20px;font-weight: 400;width: 25px;height: 25px;padding: 0;display: flex;align-items: center;justify-content: center;border-radius: 100%;} .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {border-color: #3E3747;} /* СТРАНИЦА КАРТОЧКИ ТОВАРА */ #product_card_page #product_card_content h1{font-size: 25px;margin-bottom: 35px;} #product_card_page #product_card_content .grid{gap: 10%;} #product_card_page #product_card_content .price{margin-bottom: 25px;} #product_card_page #product_card_content .image{border: 1px solid #CACACA;border-radius: 20px;display: flex;align-items: center;justify-content: center;padding: 25px 60px;max-height: 400px;} #product_card_page #product_card_content .image img{height: 100%;} #product_card_page #product_card_content .description{font-weight: 400;} #product_card_page #product_card_content .description p{margin-bottom: 10px;} #product_card_page #product_card_content .description ul{margin-bottom: 20px;margin-top: -10px;padding-left: 30px;} #product_card_page #product_card_content .btn-fill{margin-top: 30px;}