/* Theme Name: beton Version: Description: Author: Mendax Author URI: */ /* Eric Meyer's CSS Reset */ /* Все что меньше 921 + iPad вертикальный */ @media (max-width: 921px) { .grid{gap: 20px;} .col-m-2{grid-template-columns: repeat(2, 1fr);} #header .menu2{color:black;} #tovars .item .image{height: 300px!important;} #tovar h1{margin-top: 20px!important;} .table td, .table th{font-size: 14px!important;padding: 5px;} #tovar .qib-container:not(#qib_id):not(#qib_id){display: flex;} #tovar .qib-button{-webkit-appearance: none;-moz-appearance: none;appearance: none;} .woocommerce table.shop_table{border-radius: 0px!important;} .woocommerce-cart-form .shop_table .cart_item{text-align: center;border-bottom: 5px solid #edf2f4;} .woocommerce-cart-form .shop_table th, .woocommerce-cart-form .shop_table .product-price{display: none;} .woocommerce-cart-form .shop_table .cart_item{display: flex;flex-direction: column;} } @media (min-width: 992px) { .grid{gap: 30px;} } @media (min-width: 1200px) { .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;} } .bg-w {background-color: #fff;} a {color: #ea722f; text-decoration: none;} .hma {padding-bottom: 15px; transition: .2s all;} .hma a:hover {color: #000!important; } /*div.tablewrap {margin: 10px -12px 0px;}*/ .reset_variations {margin: 0 10px 0 5px;} select {border-radius: 5px; padding: 5px 0 5px 10px;} .variations th.label label{padding: 5px 0;} .single_variation_wrap {z-index: 1; background: #fff;} .btss .button.is-focused, .button:focus {border-color: #ea722f8c; color: #363636;} .desc {margin-top: 50px; border: 1px solid #eaeaea; padding: 45px 15px;} .woocommerce table.shop_table a:hover {color: #ea722f;} .item .box { padding: 0 } body .is-layout-flex {background-color: #fff;} .seo-text-for-cats {padding-top: 30px;} a.cart {display: flex; align-items: center; text-decoration: none;font-size: 12px; font-weight: 500; min-width: 125px; transition: .2s all;} a.cart:hover {color: #fff;} a.cart svg {margin-right: 12px;} a.cart g {fill: #00000000; opacity: 1;} a.cart path {fill: #ea722f;} .wh a.cart path {fill: #000!important;} .wh a.cart:hover {color: #000!important;} div.cart-icon .colich {display: none; position: absolute; font-size: 10px; font-weight: 600; bottom: 1px; right: 48%; color: #ea722f;} @media (max-width: 991px) { a.cart {min-width: 100%;} a.cart svg { margin-left: 5px;} div.cart-icon {position: relative;} div.cart-icon .colich {display: block;} a.cart .price, a.cart .count {display: none;}} .grid{display: grid;} .citylst .grid {gap: 3px} .full{-webkit-overflow-scrolling: touch;background-color: white;} .full .modal-dialog {height: 100%;margin: 0;max-width: 100%;} .full .modal-dialog a{color: #212529;} .full .modal-body{position: relative;} .full .modal-content{border-radius: 0;border: 0px;min-height: 100%;margin: 0px;} .full .close{background: none;border: none;right: 0;top: 0;} .full .title{font-size: 30px;font-weight: 500;padding-bottom: 15px;} .full .st{font-size: 18px;padding-bottom: 10px;} .full .list{list-style: none;padding-left: 0px;font-size: 18px;gap: 5px;padding-top: 20px;padding-bottom: 20px;} .full .select2-selection, .full .select2-selection__arrow{height: 40px!important;} .full .select2-selection__rendered{line-height: 40px!important;} .qbox {/*display: flex; justify-content: space-between; align-items: center;*/ margin: 10px 0;} .quantity-selector .qty-input{width: 100px; border: 1px solid #dbdbdb; border-radius: 3px; padding-left: 5px;} .button.product_type_simple.add_to_cart_button.ajax_add_to_cart {display: block;} .dynamic-price {margin: 0!important; color: #ea722f;} .price-label {margin-bottom: 8px!important;} button.categ {width: 100%;} #cart {background-color: #f5f5f5; border: 1px solid #ea722f; border-radius: 8px; margin: 10px 0 20px; padding: 10px; width: max-content; opacity: 0.8;} #cart:hover {opacity: 1;} #cart .cart{display: flex; margin: 10px 0; align-items: center; text-decoration: none;} #cart .cart svg{overflow: visible;} #cart .cart .info{padding-left: 10px;} #cart .cart .info .price{display: block; color: black;font-weight: bold;line-height: 20px;} #cart .cart .info .count{display: block; color: #999999;font-size: 12px;} #price-display {font-size: 20px; color: #ea722f;} .woocommerce-privacy-policy-text{display: none;} #cats .item{/*background-color: #F4F4F4;*/margin-bottom: 30px;} #cats .item a{color: black;text-decoration: none;} #cats .item .image{height: 250px;display: flex;justify-content: center;align-items: center;} #cats .item img {width: 100%; object-fit: cover; max-height: 100%; border-radius: 6px; mix-blend-mode: darken;} #cats .item h2{font-size: 18px;text-align: center;} #cats .item .price{font-size: 14px;color: #03316B;font-weight: 500;padding-top: 5px;} #cats .item .image{display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; width: 100%; /*height: 200px;*/ padding: 0; margin-bottom: 10px;} #cats .item img{object-fit: cover; width: 100%; height: 100%; transition: .2s all; transition: .3s;} #cats .item img:hover {transform: scale(1.15);} @media (max-width: 991px) { div#cats {display: grid;grid-template-columns: 1fr 1fr;} #cats .item .image {max-height:135px;} a.vi-fra {padding: 5px;font-size: 14px;} } #tovars {background-color: #fff;} #tovars .item{margin-bottom: 30px;} #tovars .item a{font-size: 18px; font-weight: 500; margin-top: 18px !important; color: black;text-decoration: none;} #tovars .item a.button {margin-top: 0!important; margin: 0; font-size: 16px;} #tovars .item .image{display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; width: 100%; padding: 0; margin-bottom: 10px;} #tovars .item img{object-fit: cover; width: 100%; height: 100%; transition: .2s all;} #tovars .item img:hover {transform: scale(1.15);} #tovars .item .info{display: flex;justify-content: space-between;align-items: center;} #tovars .item .info h2{font-size: 16px;font-weight: normal!important;padding: 15px 0px 10px 0px!important;} #tovars .item .info .price{font-size: 20px;font-weight: 500;} #tovars .item .info .price del{font-size: 16px;font-weight: 100;} #tovars .item .info .price ins{color: #e31e24;text-decoration: none;} #tovars .item .info .addtocart circle{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #tovars .item .info .addtocart:hover g{stroke: #03316B;} #tovars .item .info .addtocart:hover circle{fill: #03316B;} #tovars .item .info .addtocart:hover path{fill: white;} @media (max-width: 991px) {#tovars .item a{font-size: 16px;} #tovars .item .image{max-height: 157px; }} /*.table tr{display: grid;} #tovar{display: grid;} */ #tovar form{display: flex; align-items: center; gap: 15px;} #tovar .qib-container{width: 110px;} #tovar .button{padding: 5px 15px;white-space:nowrap;} #tovar .screen-reader-text{display: none;} @media (max-width: 991px) {#tovar form {display: block;}} #tovar .product_type_simple{display: none;} #tovar .row{margin-top: 20px;} #tovar .image{background-color: #F4F4F4;height: auto;display: flex;justify-content: center;align-items: center;} #tovar .image img{max-width: 100%;height: auto;mix-blend-mode: darken;} #tovar .thumbs{margin-top: 10px;} #tovar .thumbs:hover .owl-nav{opacity: 1;} #tovar .owl-nav{opacity: 0;} #tovar .owl-nav svg:hover path{fill: #03316B;} #tovar .owl-nav .owl-prev{position: absolute;left: 10px;top: calc(50% - 6.625px);} #tovar .owl-nav .owl-next{position: absolute;right: 10px;top: calc(50% - 6.625px);} #tovar h1{font-size: 35px;font-weight: 500!important;padding: 0px!important;} #tovar .sku_wrapper{display: block;} #tovar .sku_wrapper .sku{color: black;} #tovar .price{font-size: 40px;margin: 20px 0px;font-weight: 500;} #tovar .price del{font-size: 25px;font-weight: 100;} #tovar .price ins{color: #e31e24;text-decoration: none;} #tovar .title{text-transform: uppercase;padding-bottom: 10px;} #tovar h2{font-size: 30px;font-weight: 400!important;} #tovar .product_meta{color: #7F7F7F;margin-top: 10px;} #tovar .product_meta a{color: black;} #tovar .summary .screen-reader-text{display: none;} #tovar .summary .qty{height: 100%; padding: 10px;width: 100px;} #tovar .summary .variations_button{display: flex;} #tovar .button{background-color: #ea722f; height: 45px; padding-left: 25px; border: none;color: white;} #tovar .button:hover{background-color: #ea722fc2;} #tovar .button:after{position: relative;content: url(images/bcart.svg);padding-left: 10px;top: 3px;} @media (max-width: 991px) {#tovar .summary .variations_button{gap: 5px;}} #tovar h3{margin: 20px 0px;} #tovar .table td:first-child{font-weight: 500;} #tovar .table td, #tovar .table th{padding: 5px 0px;font-size: 15px;} #tovar .table td p{margin: 0px;} #tovar .desc table {width: 100%;margin-bottom: 1rem;background-color: transparent;} #tovar .desc table tbody tr:nth-of-type(odd) {background-color: rgba(0,0,0,.05);} #tovar .desc table td, #tovar .desc table th {padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;} .tovar .price {color: #ea722f; font-weight: 700; margin: 10px 0; } form.cart .qib-container + button[type='submit']:not(#qib_id):not(#qib_id), form.cart .qib-container + div:not(#qib_id):not(#qib_id):not(_) { margin-left: 0!important; width: 100%;} form.cart .qib-container .single_add_to_cart_button { margin-left: 1em!important; } .qib-container:not(#qib_id):not(#qib_id) { width: 100%!important; } .qib-container:not(#qib_id):not(#qib_id) { margin-right: 10px; } .qib-button:not(#qib_id):not(#qib_id) { width: 20%!important; } .qib-container div.quantity:not(#qib_id):not(#qib_id) { width: 60%!important; } .qib-container .quantity input.qty:not(#qib_id):not(#qib_id) { width: 100%!important; } /* Мой аккаунт */ #profile{display: flex;align-items: center;justify-content:space-between;background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 20px;margin-bottom: 20px;} #profile .menu{display: flex;} #profile .menu a{color: black;font-weight: bold;margin: 0 20px;} #profile .menu .is-active{border-bottom: 2px solid #03316B;color: #03316B;} #profile .user{display: flex;align-items: center;} #profile .user .name{font-size: 18px;font-weight: bold;border-right: 1px solid #D5D5D5;padding-right: 10px;margin-right: 10px;} #profile .user .button {padding: 5px 35px;background-color: #03316B;color: white;border: none;text-transform: uppercase;} #profile_info{background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);padding: 20px;} #profile_info h3{padding-bottom: 20px;} #profile_info .form-row{display: block;margin: 0px 0px 20px 0px;} #profile_info input{padding: 13px;border: 1px solid #D7D7DD;width: 100%;} #profile_info #billing_country_field{display: none;} /* Доставка и оплата */ #ship1{font-size: 18px;padding-bottom: 0px;} #ship2{border-bottom: 1px solid #E2E2E2;} #ship2 .strong{font-weight: 500;} /* Контакты */ #contact{padding-top: 20px;} #contact .item{font-size: 14px;color: #999999;} #contact .item a, #contact .item .ad{display: block;font-size: 20px;color: black;font-weight: 500;line-height: 20px;} /* Пагинация */ .woocommerce nav.woocommerce-pagination ul{padding: 0px;display: flex;justify-content: center;} .woocommerce nav.woocommerce-pagination ul li {float: left;overflow: hidden; min-width: 40px;text-align: center;} .woocommerce nav.woocommerce-pagination ul li a, .woocommerce-page nav.woocommerce-pagination ul li span{color: #434343;display: block;font-size: 14px;line-height: 40px;transition: all 0.3s ease-in-out;font-family: "Poppins", sans-serif;text-decoration: none;} .woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {color: #ffffff !important;background-color: #000000;} #tovar .small{overflow: hidden;height: 300px;} #tovar .read-more{text-align: center;margin: 0 auto;display: block;color: black;font-weight: bold;text-transform: uppercase;font-size: 14px;margin-top: 10px;} /* Сообщение добавить в корзину и ошибка */ .woocommerce-error, .woocommerce-info, .woocommerce-message {padding: 1em 2em 1em 3.5em;margin-bottom:15px;position: relative;background-color: #f7f6f7;color: #515151;border-top: 3px solid #ea722fc2;display: flow-root;} .woocommerce-message::before {content: "✓";display: inline-block;position: absolute;top: 1em;left: 1.5em;} .woocommerce-message .button {float: right;padding: 5px 15px;} .woocommerce-info{border-top-color: #b81c23;padding: 20px;} .woocommerce-message .restore-item{color: #4391d4;} .woocommerce table.shop_table .product-thumbnail{display: none;} /*Таблица в корзине */ .woocommerce-cart-form th{background-color: #ea722f;color: white !important;} .woocommerce table.shop_table {background-color: white;box-shadow: 0 10px 29px 0 rgba(0,0,0,.05);margin: 0 -1px 24px 0;text-align: left;width: 100%;border-collapse: separate;} .woocommerce table.shop_table th {font-weight: 700;padding: 9px 12px;line-height: 1.5em;} .woocommerce table.shop_table td {border-top: 1px solid rgba(0,0,0,.1);padding: 9px 12px;vertical-align: middle;line-height: 1.5em;} .woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {font-weight: 700;border-top: 1px solid rgba(0,0,0,.1);} .woocommerce table.shop_table img{height: auto;max-width: 150px;} .woocommerce table.shop_table a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} .woocommerce table.shop_table a:hover{color: #4391d4;} .woocommerce table.shop_table .quantity .screen-reader-text{display: none;} .woocommerce table.shop_table .quantity .qty {width: 3.631em;text-align: center;} .woocommerce table.shop_table a.remove {display: block;font-size: 1.5em;height: 1em;width: 1em;text-align: center;line-height: 1;border-radius: 100%;color: red!important;text-decoration: none;font-weight: 700;border: 0;} .woocommerce table.shop_table a.remove:hover{color:#fff!important;background:red} .woocommerce table.shop_table .actions{text-align: right;} .woocommerce table.shop_table .button{padding: .618em 1em;} .woocommerce table.shop_table .button:disabled{cursor: not-allowed;opacity: .5;} .woocommerce table.shop_table .product-name{font-weight: bold;} /* Данные клиента и итого */ #customer_details .form-row{display: block;margin: 0px 0px 15px 0px;} #customer_details input, #customer_details textarea{padding: 13px;border: 1px solid #D7D7DD;width: 100%;} .pagination{text-align: center;display: block;width: 100%;margin-bottom: 20px;} .pagination a{color: #6E6E6E;} .pagination .current{color: #2CC1D6;font-weight: 500;text-decoration: underline;} .pagination .page-numbers{padding: 3px;} .woocommerce-error {border-top-color: #b81c23;} #payment{background: white;padding: 20px;} #payment a{color: black;text-decoration: none;-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #payment a:hover{color: #4391d4;} #payment ul{padding: 0px;} #payment li{list-style: none;} #payment .methods{border-bottom: 1px solid #d3ced2;} #payment .payment_box{position: relative;background-color: #edf2f4;color: #515151;padding: 15px; margin: 15px 0;} #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;} #payment .checkbox{padding-left: 5px;} #tovar_s, #cats_s {margin: 100px 0;} #tovar_s .item a, #cats_s .item a { font-size: 16px; font-weight: 500; margin-top: 18px !important; color: black; text-decoration: none; } #tovar_s {background-color: #fff;} #tovar_s .item{margin-bottom: 30px;} #tovar_s .item a{font-size: 16px; font-weight: 500; margin-top: 18px !important; color: black;text-decoration: none;} #tovar_s .item a.button {margin-top: 0!important;} #tovar_s .item .image{display: flex; justify-content: center; align-items: center; position: relative; overflow: hidden; width: 100%; /*height: 200px;*/ padding: 0; margin-bottom: 10px;} #tovar_s .item img{object-fit: cover; width: 100%; height: 100%; transition: .2s all;} #tovar_s .item img:hover {transform: scale(1.15);} #tovar_s .item .info{display: flex;justify-content: space-between;align-items: center;} #tovar_s .item .info h2{font-size: 16px;font-weight: normal!important;padding: 15px 0px 10px 0px!important;} #tovar_s .item .info .price{font-size: 20px;font-weight: 500;} #tovar_s .item .info .price del{font-size: 16px;font-weight: 100;} #tovar_s .item .info .price ins{color: #e31e24;text-decoration: none;} #tovar_s .item .info .addtocart circle{-webkit-transition: all 0.25s ease-out;transition: all 0.25s ease-out;} #tovar_s .item .info .addtocart:hover g{stroke: #03316B;} #tovar_s .item .info .addtocart:hover circle{fill: #03316B;} #tovar_s .item .info .addtocart:hover path{fill: white;} #cats_s .item{/*background-color: #F4F4F4;*/margin-bottom: 30px;} #cats_s .item a{color: black;text-decoration: none;} #cats_s .item .image{height: max-content;display: flex;justify-content: center;align-items: center;} #cats_s .item img {width: 100%; object-fit: cover; max-height: 100%; border-radius: 6px; mix-blend-mode: darken;} #cats_s .item h2{font-size: 18px;text-align: center;} #cats_s .item .price{font-size: 14px;color: #03316B;font-weight: 500;padding-top: 5px;} .vi-fra {display: block;text-align: center;margin: 0 auto;background: #ea722f;color: #fff !important;border: 1px solid; padding: 10px 15px;border-radius: 6px; transition: .3s all;} .vi-fra:hover {background: #fff; color: #ea722f!important;} .buttons {margin-top: 10px;} .buttons a.button.ccans {width: 100%; background-color:#fff!important; color:#5bb452!important; border: 2px solid #5bb452!important; gap: 5px; margin-top: 10px;max-width: 340px;} .buttons a.button.call {display: none!important;} .buttons a.button.cons {display:block!important;} a.button.ccans.cons {padding: 8px!important;} .buttons svg {margin-left: 10px;} .buttons.bann .ccans.cons { margin-top: 20px; background: #5bb452 !important; color: #fff !important; padding: 7px 20px 6px !important; font-size: 18px; font-weight: 500;} .buttons.bann .ccans.call {background: #5bb452 !important; color: #fff !important; padding: 10px 0 35px;} a.button.ccans.cons.tb { display: flex; padding: 27px !important; /*margin-bottom: 40px;*/} a.button.ccans.cons.mn { margin-bottom: 0px;} .tel-butt a.dn {display:none;} a.button.ccans.cons.gc, .tel-butt a.dn.gc, a.button.ccans.cons.gcb, a.button.ccans.call.gcb {background: #5bb452!important; color:#fff!important;} a.button.ccans.cons.gcb, a.button.ccans.call.gcb {max-width: 100%;padding: 18px 0 36px !important;} a.button.categ.ccans.cons {max-width: 100%; font-size: 16px!important; } @media (max-width: 991px) {.buttons a.button.call {display: block!important;} .buttons a.button.cons {display:none!important;} .buttons a.button.ccans.call {max-width:100%; margin: 0 10px;} .tel-butt a.dn {display:block; text-align: center;} a.button.ccans.cons.tb { display: none;}} div.dynamic-price-container, div.quantity-selector {display: flex;justify-content: space-between; align-items: center;} div.unit-selector{max-width: 355px; display: flex; justify-content: space-between; align-items: center;} @media (max-width: 991px) {div.dynamic-price-container, div.quantity-selector { font-size: 14px; align-items: baseline;}} /*Баннер на странице категорий*/ #banner-1 {background-color: #41424C; color: #fff; padding: 80px 20px; text-align: center;} #banner-1 .container {max-width: 1280px; margin: 0 auto;} #banner-1 div.zagol {font-size: 44px; font-weight: 700; margin-bottom: 20px; line-height: 1.2;} #banner-1 div.podzag {font-size: 28px; font-weight: 500; margin-bottom: 40px; color: #ea722f;} #banner-1 .button.ccans.cons { display: inline-flex; align-items: center; justify-content: center; background-color: #4caf50; color: #fff; text-decoration: none; padding: 16px 32px; font-size: 18px; font-weight: 600; border-radius: 4px; gap: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.15); transition: background-color 0.3s ease, transform 0.2s ease;} #banner-1 .button.ccans.cons:hover { background-color: #3e8e41; transform: translateY(-2px);} #banner-1 a.button.ccans.cons {padding: 10px 30px!important; border: none;} #banner-1 .response-time {margin-top: 15px; font-size: 14px; color: #ea722f;} #banner-1 .features {display: flex; justify-content: center; gap: 80px; margin-top: 45px; font-size: 17px; color: #ffffff; font-weight: 500; flex-wrap: wrap;} #banner-1 .features ul {display: flex; align-items: center; gap: 6px;} #banner-1 .features li { list-style-type: disc;} @media (max-width: 992px) {#banner-1 div.zagol {font-size: 34px;} #banner-1 div.podzag {font-size: 22px;} #banner-1 .cta-button {font-size: 18px; padding: 14px 30px;} #banner-1 .features {gap: 40px; font-size: 16px;}} @media (max-width: 576px) {#banner-1 div.zagol {font-size: 26px;} #banner-1 div.podzag {font-size: 18px;} #banner-1 .cta-button {font-size: 16px; padding: 12px 24px;} #banner-1 .features {flex-direction: column; gap: 12px; font-size: 15px; text-align: left;}} /*Новый лендинг*/ /*#hdr-profi{position:fixed;top:0;width:100%;background:#fff;z-index:1000;border-bottom:2px solid #ea722f;font-family:'Manrope',sans-serif;font-size:14px;box-shadow:0 2px 6px rgba(0,0,0,0.05);} .hdr-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:18px 24px;max-width:1440px;margin:auto;gap:30px;} .hdr-logo a{font-weight:700;font-size:35px;color:#ea722f;text-decoration:none;letter-spacing:0.5px;}*/ @media (min-width: 1025px) { #sticky-phone { bottom: 20px;}} #sticky-phone { position: fixed; bottom: 40px;left: 20px; z-index: 999;color: rgb(255, 255, 255); font-weight: 600; font-size: 15px; font-family: Manrope, sans-serif; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px; background: rgb(234, 114, 47); padding: 10px 18px; border-radius: 8px; text-decoration: none; transition: background 0.3s;} @media (max-width: 1024px) { #sticky-callback { bottom: 40px; left: 20px; right: auto;}} #sticky-callback {position: fixed; bottom: 40px; right: 20px; z-index: 999; color: rgb(255, 255, 255); font-size: 15px; font-weight: 600; cursor: pointer; font-family: Manrope, sans-serif; box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 18px; background: rgb(234, 114, 47); padding: 10px 18px; border-width: initial; border-style: none; border-color: initial; border-image: initial; border-radius: 8px; transition: background 0.3s;} .hero-delivery{background:#1d2331;padding:120px 0;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;font-family:'Poppins',sans-serif;} .hero-delivery:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35)0%,rgba(29,35,49,.85)100%);z-index:0;} .hero-bg-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.2;pointer-events:none;} .hero-delivery__content{position:relative;z-index:1;display:grid;grid-template-columns:2fr 1fr;align-items:center;gap:40px;} .hero-headline{background:none;border:0;padding:0;box-shadow:none;max-width:880px;} .hero-title{font-size:72px;font-weight:800;line-height:1.1;margin:0;color:#fff;letter-spacing:-1px;text-transform:capitalize;} .hero-orange{color:#ea8b1a;background:none;-webkit-background-clip:initial;-webkit-text-fill-color:initial;text-shadow:none;} .pass{display:block;font-size:28px;font-weight:500;color:#cfd4e1;margin-top:12px;} .hero-cta-group{display:flex;flex-direction:column;gap:18px;margin-top:36px;} .hero-btn{display:inline-block;padding:18px 44px;background:#ea8b1a;color:#fff;font-weight:600;font-size:18px;text-transform:uppercase;border:2px solid transparent;border-radius:0;letter-spacing:.5px;transition:all .3s ease;} .hero-btn:hover{background:transparent;color:#ea8b1a;border-color:#ea8b1a;} .hero-note{color:#ccc;font-size:14px;font-weight:500;padding-left:2px;} .hero-warning{ display: flex; align-items: center; gap: 14px; font-size: 18px; font-weight: 700; color: #fff; background: rgba(234, 139, 26, 0.12); border-left: 6px solid #ea8b1a; padding: 14px 20px; margin-top: 24px; box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15); backdrop-filter: blur(2px); transition: background 0.3s ease, box-shadow 0.3s ease;} .hero-timer-box{position:relative;z-index:1;} @media(max-width:1024px){.hero-title{font-size:56px;}.hero-delivery__content{grid-template-columns:1fr;gap:32px;}.hero-cta-group{flex-direction:column;align-items:flex-start;gap:16px;}} @media(max-width:768px){.hero-delivery{padding:90px 16px;}.hero-title{font-size:38px;line-height:1.2;}.pass{font-size:20px;}.hero-cta-group{gap:14px;}.hero-btn{font-size:16px;padding:14px 30px;}.hero-warning{font-size:16px;flex-direction:column;align-items:flex-start;gap:6px;}.hero-timer-box{margin-top:10px;}} @media(max-width:480px){.hero-title{font-size:32px;}.pass{font-size:18px;}.hero-btn{width:100%;text-align:center;}} .hero-timer-box{background:linear-gradient(145deg,#2a2f3b,#1a1e26);border:1px solid rgba(255,255,255,0.07);padding:32px;border-radius:20px;box-shadow:inset 0 0 14px rgba(255,255,255,0.03),0 0 24px rgba(0,0,0,0.12);color:#fff;text-align:center; margin: 0 15px;} .hero-timer-label{font-size:20px;font-weight:700;margin-bottom:18px;color:#ea8b1a;text-transform:uppercase;letter-spacing:1px;} .hero-digital-timer{font-family:'Rajdhani',sans-serif;font-size:52px;font-weight:800;color:#fff;letter-spacing:5px;background:#111;border-radius:12px;border:2px solid #444;padding:16px 28px;box-shadow:0 0 14px rgba(255,255,255,0.05);} .colon{color:#ea722f;margin:0 6px;} @media(max-width:768px){.hero-timer-box{padding:24px 16px;}.hero-timer-label{font-size:16px;margin-bottom:12px;}.hero-digital-timer{font-size:38px;padding:14px 20px;text-align:center;}} .risk-block{padding:40px 20px 15px; font-family:'Manrope',sans-serif;} .risk-title{font-size: 52px; font-weight: 900; color: #1a1a1a; text-align: center; margin-bottom: 60px; text-transform: uppercase; letter-spacing: -1px;} .risk-title::after{content:"";width:60px;height:4px;background:#ffb400;display:block;margin:24px auto 0;} .risk-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;} .risk-tile{background:#f9f9f9;padding:40px 32px;position:relative;clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,0 100%);box-shadow:0 10px 24px rgba(0,0,0,0.08);transition:transform .3s ease,box-shadow .3s ease;} .risk-tile:hover{transform:translateY(-6px);box-shadow:0 16px 36px rgba(0,0,0,0.1);} .risk-tile::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.3) 60%);clip-path:inherit;opacity:0;transition:.4s;z-index:1;} .risk-tile:hover::after{opacity:1;} .risk-hexagon{width:60px;height:60px;background:#ffb400;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);display:flex;align-items:center;justify-content:center;margin-bottom:20px;} .risk-hexagon img{width:28px;height:28px;} .risk-subtitle{font-size:18px;font-weight:900;color:#222;margin-bottom:16px;text-transform:uppercase;line-height:1.3;} .risk-text{font-size:15px;color:#555;line-height:1.6;margin-bottom:24px;} .risk-link{font-weight:700;font-size:15px;text-decoration:none;color:#000;display:inline-flex;align-items:center;gap:6px;transition:color .2s ease;} .risk-link span{font-size:18px;transition:transform .3s ease;} .risk-link:hover{color:#ffb400;} .risk-link:hover span{transform:translateX(4px);} @media(max-width:768px){ .risk-block{padding:35px 20px;} .risk-title {font-size: 2rem;} .risk-subtitle{font-size:16px;} .risk-text{font-size:14px;} .risk-tile{padding:36px 28px;} } #proof-accordion.proof-accordion-block { background: linear-gradient(135deg, #fdfdfd, #f7f7f7); position: relative; overflow: hidden; padding: 80px 20px; } #proof-accordion.proof-accordion-block::before {content: '';position: absolute; top: 0; left: -100%; width: 200%; height: 100%; background: repeating-linear-gradient( 45deg, #101c30, #101c30 40px,#162840 40px, #162840 80px);animation: slideLines 30s linear infinite; z-index: 0;} @keyframes slideLines { 0% { transform: translateX(0); } 100% { transform: translateX(50%); } } #proof-accordion .proof-accordion-title {font-size: 52px; font-weight: 900; color: #fff; text-align: center; margin-bottom: 60px; text-transform: uppercase; letter-spacing: -1px;} #proof-accordion .proof-accordion-title::after { content: ""; width: 60px; height: 4px; background: #ffb400; display: block; margin: 24px auto 0; } #proof-accordion .proof-accordion { display: flex; flex-direction: column; gap: 20px; } #proof-accordion .accordion-item { background: #fff; border-radius: 0; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1); transition: all 0.3s ease; border: 2px solid #e0e0e0; } #proof-accordion .accordion-item:hover { transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255,102,0,0.15); border-color: #ff6600; } #proof-accordion .accordion-toggle { width: 100%; padding: 25px 30px; color: rgba(0, 0, 0, .7); border: none; font-size: 1.2rem; font-weight: 600; text-align: left; cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden; background: #fff; padding: 40px 32px; position: relative; clip-path: polygon(0 0, 100% 0, 100% 90%, 90% 100%, 0 100%); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08); transition: transform .3s ease, box-shadow .3s ease; } #proof-accordion .accordion-toggle::before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent); transition: left 0.6s ease; } #proof-accordion .accordion-toggle:hover::before { left: 100%; } #proof-accordion .accordion-toggle::after { content: '+'; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); font-size: 2rem; font-weight: 300; transition: all 0.3s ease; } #proof-accordion .accordion-item.active .accordion-toggle::after { transform: translateY(-50%) rotate(45deg); } #proof-accordion .accordion-content { max-height: 0; overflow: hidden; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); background: #fff; } #proof-accordion .accordion-item.active .accordion-content { max-height: 1000px; padding: 30px; } #proof-accordion .download-block { display: flex; align-items: center; justify-content: space-between; background: #fafafa; padding: 25px; border-radius: 0; border-left: 5px solid #ff6600; border: 1px solid #e0e0e0; } #proof-accordion .download-text h3 { font-size: 1.5rem; color: #2c3e50; margin-bottom: 10px; } #proof-accordion .download-text p { color: #5a6c7d; line-height: 1.6; } #proof-accordion .download-btn { background: linear-gradient(135deg, #ff6600 0%, #ff9900 100%); color: white; padding: 15px 25px; border-radius: 0; text-decoration: none; font-weight: 600; transition: all 0.3s ease; box-shadow: 0 2px 8px rgba(255,102,0,0.3); white-space: nowrap; border: 2px solid #ff6600; } #proof-accordion .download-btn:hover { transform: translateY(-2px); box-shadow: 0 4px 15px rgba(255,102,0,0.4); } #proof-accordion .video-embed { position: relative; height: 300px; border-radius: 0; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.1); border: 2px solid #e0e0e0; } #proof-accordion .video-embed::after { content: '▶'; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 4rem; color: rgba(255,255,255,0.9); background: rgba(255,102,0,0.8); width: 80px; height: 80px; border-radius: 0; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; border: 2px solid #fff; } #proof-accordion .video-embed:hover::after { background: rgba(255,102,0,0.9); transform: translate(-50%, -50%) scale(1.1); } #proof-accordion .address-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; } #proof-accordion .address-card { background: #fafafa; padding: 20px; border-radius: 0; border-left: 4px solid #ff6600; transition: all 0.3s ease; cursor: pointer; border: 1px solid #e0e0e0; } #proof-accordion .address-card:hover { transform: translateY(-3px); box-shadow: 0 4px 15px rgba(255,102,0,0.1); border-left-color: #ff9900; border-color: #ff6600; } #proof-accordion .address-card h4 { color: #2c3e50; font-size: 1.2rem; margin-bottom: 10px; } #proof-accordion .address-card p { color: #5a6c7d; margin-bottom: 5px; line-height: 1.5; } #proof-accordion .volume-counter { text-align: center; padding: 40px 20px; background: linear-gradient(135deg, #ff6600 0%, #ff9900 100%); border-radius: 0; color: white; position: relative; overflow: hidden; border: 2px solid #ff6600; } #proof-accordion .volume-counter::before { content: ''; position: absolute; top: -50%; left: -50%; width: 200%; height: 200%; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%); animation: shimmer 4s infinite; } @keyframes shimmer { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #proof-accordion .volume-number { font-size: 4rem; font-weight: 700; margin-bottom: 10px; position: relative; z-index: 1; } #proof-accordion .volume-sub { font-size: 1.1rem; opacity: 0.9; position: relative; z-index: 1; } @media (max-width: 768px) { #proof-accordion .proof-accordion-title { font-size: 2rem; } #proof-accordion .accordion-toggle { padding: 20px; font-size: 1rem; } #proof-accordion .download-block { flex-direction: column; gap: 20px; text-align: center; } #proof-accordion .address-cards { grid-template-columns: 1fr; } #proof-accordion .volume-number { font-size: 3rem; } } #full-calc {width: 100vw; max-width: none; background: #f6f6f6; padding: 100px 40px; font-family: 'Manrope', sans-serif; position: relative;} #full-calc .full-calc-title {font-size: 52px; font-weight: 900; color: #1a1a1a; text-align: center; margin-bottom: 60px; text-transform: uppercase; letter-spacing: -1px;} #full-calc .full-calc-title::after { content: ""; width: 60px; height: 4px; background: #ffb400; display: block; margin: 24px auto 0; } #full-calc .full-calc-form {max-width: 1400px; margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 30px;} #full-calc .form-group {display: flex; flex-direction: column; gap: 12px;} #full-calc .form-group label {font-weight: 700; font-size: 16px; color: #222; text-transform: uppercase;} #full-calc .form-group input, #full-calc .form-group select {padding: 14px 16px; font-size: 16px; border: 2px solid #ccc; border-radius: 6px; background: #fff; transition: 0.3s ease;} #full-calc .form-group input:focus, #full-calc .form-group select:focus {border-color: #ff6600; outline: none;} #full-calc .calc-result {grid-column: span 2; background: #fff; border: 2px solid #eee; padding: 20px 30px; font-size: 20px; font-weight: 700; color: #222; display: flex; justify-content: space-between; border-radius: 8px;} #full-calc .calc-offer {grid-column: span 2; padding: 16px 24px; background: #fff3e0; border-left: 6px solid #ff6600; font-weight: 700; color: #cc5200; border-radius: 6px;} #full-calc .calc-submit {grid-column: span 2; display: inline-block; padding: 18px 44px; background: #ea8b1a; color: #fff; font-weight: 600; font-size: 18px; text-transform: uppercase; border: 2px solid transparent; border-radius: 0; letter-spacing: .5px; transition: all .3s ease;} #full-calc .calc-submit:hover {transform: translateY(-2px); box-shadow: 0 8px 25px rgba(255,102,0,0.3);} @media (max-width: 768px) { #full-calc .full-calc-form { display: flex; gap: 30px 0; flex-direction: column;} #full-calc .form-group { gap: 0;} #full-calc .full-calc-title {font-size: 2rem;} #full-calc .full-calc-form {grid-template-columns: 1fr;} #full-calc .calc-result {flex-direction: column; gap: 10px; text-align: center; margin-top: -30px;} div#pumpTypeWrap { margin-bottom: 10px;} #full-calc .calc-submit {font-size: 16px;} } #review-cases{background:#0a1226;background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.03)0 24px,transparent 24px 48px);padding:120px 20px;font-family:'Manrope',sans-serif;} #review-cases .review-title{font-size:52px;font-weight:900;color:#fff;text-align:center;text-transform:uppercase;margin-bottom:70px;} #review-cases .review-title::after { content: ""; width: 60px; height: 4px; background: #ffb400; display: block; margin: 24px auto 0;} #review-cases .review-title .accent{color:#ff8c00;} .review-swiper{max-width:1400px;margin:0 auto;overflow:visible;padding-bottom:60px;} .review-slide{display:flex;height:auto;} .review-card{background:#fff;display:flex;flex-direction:column;clip-path:polygon(0 0,100% 0,100% 88%,88% 100%,0 100%);box-shadow:0 6px 36px rgba(0,0,0,.25);border-radius:8px;overflow:hidden;height:100%;} .review-card .photo{height:180px;background-size:cover;background-position:center;} .review-card .text-block{padding:20px 24px 30px;display:flex;flex-direction:column;justify-content:space-between;height:100%;} .review-card .stars{font-size:20px;font-weight:900;color:#ff8c00;margin-bottom:12px;letter-spacing:3px;} .review-card .quote{font-size:18px;font-weight:600;color:#1a1a1a;line-height:1.6;margin-bottom:16px;} .review-card .meta{font-size:16px;font-weight:800;color:#222;text-transform:uppercase;margin-bottom:6px;} .review-card .tag{font-size:14px;color:#555;font-weight:600;text-transform:uppercase;} .swiper-pagination{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:flex;gap:10px;justify-content:center;} .swiper-pagination-bullet{background:#fff;opacity:.3;width:14px;height:14px;border-radius:50%;transition:.3s;} .swiper-pagination-bullet-active{background:#ff8c00;opacity:1;} @media(max-width:768px){#review-cases{padding:80px 16px;}#review-cases .review-title{font-size:2rem;}} .live-popup{position:fixed;bottom:30px;right:30px;background:#ea722f;color:#fff;padding:14px 20px;border-radius:12px;font-weight:700;box-shadow:0 6px 16px rgba(0,0,0,0.2);z-index:999;animation:fadePop 5s ease-in-out;} .contact-cta-block{background:#f6f6f6;padding:120px 20px 100px;text-align:center;font-family:'Manrope',sans-serif;} .contact-cta-block .contact-title{font-size:48px;font-weight:900;text-transform:uppercase;margin-bottom:30px;color:#1a1a1a;line-height:1.2;} .contact-cta-block .contact-title::after { content: ""; width: 60px; height: 4px; background: #ffb400; display: block; margin: 24px auto 0;} .contact-cta-block .accent{color:#ff8c00;} .contact-cta-block .contact-sub{font-size:20px;color:#555;margin-bottom:60px;line-height:1.6;} .contact-cta-block .contact-subnote{font-size:16px;color:#888;margin-top:60px;line-height:1.5;} .contact-cta-block .contact-subnote strong{color:#1a1a1a;} .contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto;} .contact-item{background:#fff;border:2px solid #eee;padding:40px 28px;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.08);transition:.3s;display:flex;flex-direction:column;align-items:center;} .contact-item:hover{transform:translateY(-5px);box-shadow:0 12px 48px rgba(255,140,0,0.2);border-color:#ff8c00;} .contact-item h3{font-size:20px;font-weight:800;margin-bottom:16px;line-height:1.4;} .contact-item p{font-size:16px;color:#333;margin-bottom:24px;line-height:1.6;} .contact-button{display:inline-block;padding:12px 24px;border:2px solid #ff8c00;color:#ff8c00;font-weight:700;text-transform:uppercase;font-size:14px;border-radius:6px;transition:.3s;} .contact-button:hover{background:#ff8c00;color:#fff;} @media(max-width:768px){ .contact-cta-block{padding:80px 16px 80px;} .contact-cta-block .contact-title{font-size:2rem;margin-bottom:20px;} .contact-cta-block .contact-sub{font-size:16px;margin-bottom:40px;} .contact-grid{gap:24px;} .contact-item{padding:32px 20px;} } .faq-block{background:#fff;padding:100px 20px;font-family:'Manrope',sans-serif;} .faq-wrapper{display:flex;gap:60px;align-items:stretch;max-width:1400px;margin:0 auto;flex-wrap:wrap;} @media (min-width: 991px) {.faq-image{flex:1 1 500px;min-width:320px;}} .faq-image img{width:100%;height:auto;border-radius:12px;object-fit:cover;} .faq-content-side{flex:1 1 500px;min-width:320px;display:flex;flex-direction:column;justify-content:center;} .faq-label{color:#ff8c00;font-weight:800;font-size:14px;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;} .faq-title{font-size:42px;font-weight:900;line-height:1.2;margin-bottom:20px;color:#1a1a1a;text-transform: uppercase;} .faq-sub{font-size:16px;color:#666;margin-bottom:36px;} .faq-list{display:flex;flex-direction:column;gap:12px;} .faq-item{border:1px solid #eee;border-radius:6px;overflow:hidden;transition:border-color .3s;} .faq-item:hover{border-color:#ff8c00;} .faq-toggle{width:100%;text-align:left;padding:18px 24px;font-size:18px;font-weight:700;background:#f9f9f9;color:#1a1a1a;border:none;cursor:pointer;position:relative;} .faq-toggle::after{content:'+';position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:20px;color:#ff6600;transition:transform .4s ease;} .faq-item.active .faq-toggle::after{content:'–';transform:translateY(-50%) rotate(180deg);} .faq-body{max-height:0;overflow:hidden;padding:0 24px;transition:max-height .4s ease,padding .4s ease;font-size:17px;line-height:1.6;color:#333;background:#fefefe;border-top:1px solid #eee;} .faq-item.active .faq-body{max-height:400px;padding:18px 24px;} .faq-body a{color:#ff8c00;text-decoration:underline;font-weight:600;} @media(max-width:1024px){.faq-wrapper{flex-direction:column-reverse;}.faq-title{font-size:32px;}} .title-wc {font-size: 60px; font-weight: 600; margin-bottom: 20px;} @media (max-width: 768px) {.title-wc {font-size: 45px; }} .tit-card h1 {font-size: 2.7rem;} /*.price-table {padding: 100px 20px; background: #fffaf5;} .price-title {text-align: center; font-size: 50px; font-weight: 900; color: #1e1e1e; margin-top: 0; margin-bottom: 60px; font-family: 'Manrope', sans-serif;} .price-subtext {text-align: center; font-size: 18px; font-weight: 600; color: #ea722f; margin-bottom: 50px;} .price-table__wrap {overflow-x: auto;} .price-grid {width: 100%; border-collapse: collapse; text-align: center; font-family: 'Manrope', sans-serif; font-size: 20px;} .price-grid th, .price-grid td {padding: 22px; border-bottom: 1px solid #f2f2f2; transition: background 0.3s, color 0.3s;} .price-grid th {background: #fff0e4; color: #ea722f; font-weight: 800; font-size: 17px; text-transform: uppercase; letter-spacing: 0.5px;} .price-grid td {color: #222; font-weight: 600;} .price-grid tr:hover {background: #ffe2cc; color: #000;} .price-grid tr:hover td {color: #000;} .price-btn-wrap {text-align: center; margin-top: 50px;} .price-btn {display: inline-block; padding: 20px 48px; background: linear-gradient(270deg, #ea722f, #ff9945, #ea722f); background-size: 300% 300%; color: #fff; font-weight: 800; font-size: 22px; border-radius: 14px; text-decoration: none; transition: all 0.4s ease; box-shadow: 0 12px 40px rgba(234,114,47,0.35); animation: gradientFlow 6s infinite linear;} .price-btn:hover {transform: scale(1.06); box-shadow: 0 16px 48px rgba(234,114,47,0.45);} @keyframes gradientFlow {0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}} @media(max-width:768px){.price-title{font-size: 30px;margin-bottom: 40px;margin-top: -30px;}.price-grid{font-size:16px;}.price-btn{font-size:18px;padding:16px 32px;}}*/