html,
body {
margin: 0;
padding: 0;
font-family: 'Open Sans', sans-serif;
background-color: #F0F1F0;
font-size: 16px;
color: #051104;
overflow-x:hidden;
}
.top-header,
.bottom-header {
background-color: #195f14;
position: relative;
}
a {
text-decoration: none;
color: #051104;
transition: color 0.5s;
}
img {
max-width: 100%;
display: block;
}
.container {
max-width: 1300px;
}
/* -------
404 STYLES
------- */
.error404 .image-wrapper {
text-align: center;
margin: 111px 0 0;
}
.error404 .image-wrapper svg {
max-width: 50%;
width: 100%;
}
.error404 .text-wrapper {
text-align: center;
font-size: 24px;
margin: 80px 0 0;
}
.error404 .button-wrapper {
text-align: center;
margin: 70px 0 0;
}
.error404 .button-wrapper > a {
background-color: #2B6FD5;
color: #fff;
padding: 10px 80px;
display: inline-block;
transition: background-color 0.5s, color 0.5s;
}
.error404 .button-wrapper > a:hover {
transition: background-color 0.5s, color 0.5s;
background-color: transparent;
color: #2b6fd5;
}
/* ----------
HEADER STYLES
---------- */
.top-header {
color: #fff;
position: relative;
align-items: center;
padding: 8.5px 0;
}
.top-header .top-header-block-label-wrapper {
position: relative;
display: inline-block;
font-weight: 600;
font-size: 14px;
cursor: default;
}
.top-header .top-header-block-label-wrapper:before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-bottom: 1px solid #fff;
border-right: 1px solid #fff;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 5px;
right: -16px;
margin: auto;
transition: transform 0.5s, top 0.5s;
}
.top-header .top-header-block-label-wrapper:hover:before {
transform: rotate(-135deg);
top: 10px;
transition: transform 0.5s, top 0.5s;
}
.top-header .top-header-block-label-wrapper + .business-address-popup-block {
width: 245%;
}
.top-header .top-header-block-label-wrapper + .popup-block {
visibility: hidden;
opacity: 0;
position: absolute;
left: 15px;
top: 50px;
background-color: #fff;
color: #000;
padding: 10px 25px 10px 10px;
z-index: 1;
transition: visibility 0.5s, opacity 0.5s, top 0.5s;
}
.top-header .top-header-block-label-wrapper:hover + .popup-block {
visibility: visible;
opacity: 1;
top: 26px;
transition: visibility 0.5s, opacity 0.5s, top 0.5s;
}
.middle-header {
padding: 10px 0;
position: relative;
border-bottom: 1px solid #195f14;
}
.middle-header .row {
align-items: center;
}
.header-contact-phones-wrapper {
display: flex;
flex-wrap: wrap;
}
.header-contact-phones-wrapper > .contact-phone:not(:last-child) {
margin: 0 14px 0 0;
}
.custom-logo-link {
display: inline-block;
}
/* ---------------
SEARCH FORM STYLES
--------------- */
form.woocommerce-product-search {
max-width: 413px;
width: 100%;
margin: 0 auto;
position: relative;
}
form.woocommerce-product-search .search-field {
background-color: transparent;
border: none;
border-bottom: 1px solid #195F14;
width: 100%
}
form.woocommerce-product-search .search-field:focus {
outline: none;
}
form.woocommerce-product-search .search-field::placeholder {
font-size: 16px;
color: #828282;
}
form.woocommerce-product-search:after {
content: '';
display: inline-block;
width: 18px;
height: 18px;
background-image: url('/wp-content/uploads/2021/05/search.svg');
background-repeat: no-repeat;
background-position: center center;
position: absolute;
top:0;
right: 0;
}
form.woocommerce-product-search button[type="submit"] {
display: none;
}
/* -------------
MAIN MENU STYLES
------------- */
#main-menu,
.sub-menu,
.additional-menu-pages {
list-style-type: none;
padding: 0;
margin: 0;
display: flex;
flex-wrap: wrap;
position: relative;
}
#main-menu > li {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 8px 0;
}
#main-menu > li > a {
position: relative;
}
#main-menu > li:not(:last-child) {
margin: 0 auto 0 0;
}
#main-menu > li > .main-menu-icon {
margin: 0 8px 0 0;
}
#main-menu > li > a,
.additional-menu-pages > li > a {
color: #fff;
font-weight: 600;
text-transform: uppercase;
}
#main-menu > li > .sub-menu {
display: none;
position: absolute;
top: 100%;
background-color: #fff;
z-index: 3;
border: 1px solid #E4E5E4;
box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.1);
}
#main-menu > li > .sub-menu > li {
padding: 10px;
width: 100%
}
#main-menu > li > .sub-menu > li:not(:first-child) {
border-top: 1px solid #E4E5E4;
}
#main-menu > li > .sub-menu > li:hover > a {
color: #1EA714;
transition: color 0.5s;
}
.additional-menu-pages {
justify-content: space-between;
align-items: center;
height: 100%;
}
.additional-menu-pages > li {
position: relative;
}
.additional-menu-pages > li > a:after {
content: "";
display: inline-block;
width: 0%;
height: 1px;
background-color: #1EA714;
transition: width 1s, opacity 1s;
position: absolute;
bottom: -5px;
left: 0;
opacity: 0;
}
.additional-menu-pages > li:hover > a:after {
width: 100%;
opacity: 1;
transition: width 1s, opacity 1s;
}
/* ----------
BANNER STYLES
---------- */
.front-page-banner {
background-color: #fff;
color: #0B6506;
margin: 0 0 80px;
overflow: hidden;
position: relative;
padding: 0;
}
.banner-controls .prev,
.banner-controls .next {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-color: #195f14;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 100%;
z-index: 1;
cursor: pointer;
}
.banner-controls .prev:before,
.banner-controls .next:before {
content: "";
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
width: 12px;
height: 12px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
}
.banner-controls .prev:before {
left: 10px;
transform: rotate(-45deg);
}
.banner-controls .next:before {
right: 10px;
transform: rotate(135deg);
}
.banner-controls .prev {
left: 15px;
}
.banner-controls .next {
right: 15px;
}
.front-page-banner .banner-item-wrapper {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
.banners-list {
overflow: hidden;
display: flex;
position: relative;
}
.banners-list .banner-item {
max-width: 100%;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.banners-list .banner-item .row {
margin: 0;
}
.front-page-banner .row > div {
padding: 0;
}
.banner-category-block .banner-category-name {
font-size: 36px;
font-weight: 700;
text-transform: uppercase;
}
.banner-category-block .banner-category-description {
font-weight: 600;
font-size: 18px;
margin: 20px 0 0;
}
.banner-category-block .banner-category-link > a {
font-weight: 600;
color: #fff;
display: inline-block;
padding: 14px 50px;
background-color: #1EA714;
transition: color 0.5s, background-color 0.5s;
}
.banner-category-block .banner-category-link > a:hover {
color: #1EA714;
background-color: transparent;
transition: color 0.5s, background-color 0.5s;
}
/* ----------------
PRODUCT TYPES BLOCK
---------------- */
.categories-wrapper {
margin: 0 0 80px;
}
.category-wrapper > a img {
transform: scale(1.0);
transition: transform .5s;
width: 100%;
}
.category-wrapper > a > .image-wrapper {
overflow: hidden;
}
.category-wrapper:hover > a img {
transform: scale(1.1);
transition: transform .5s;
}
.categories-wrapper .category-wrapper:not(:last-child) {
margin: 0 25px 0 0;
}
.category-listing-header {
font-size: 36px;
font-weight: 700;
color: #195F14;
letter-spacing: 3px;
margin: 0 0 10px;
}
.categories-wrapper .category-wrapper > a {
display: inline-block;
color: #fff;
font-weight: 600;
}
.categories-wrapper .category-wrapper a .category-name {
background-color: #195F14;
padding: 10px 0 10px 10px;
}
/* ---------------------
BESTSELLER PRODUCTS LOOP
--------------------- */
.front-page-products-listing {
margin-bottom: 60px;
}
.front-page-product-list-header {
width: 100%;
display: block;
font-size: 36px;
font-weight: 700;
letter-spacing: 3px;
color: #195f14;
margin: 0 0 20px;
}
.front-page-product-list-wrapper {
display: flex;
flex-wrap: wrap;
}
.front-page-product-list-wrapper .woocommerce-front,
.front-page-product-list-wrapper .woocommerce-front .products.front-page {
width: 100%;
}
.front-page-product-list-wrapper .woocommerce-front .products.front-page {
display: flex;
flex-wrap: wrap;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product {
max-width: 24.06%;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product {
margin-right: 1.25%;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product:nth-child(4n) {
margin-right: 0%;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product .product-rating-wrapper {
display: flex;
align-items: center;
margin: 0 0 16px;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product .product-rating-wrapper .product-rating .star-rating {
margin: 0 8px 0 0;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product .product-price .product-regular-price,
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product .product-price .product-sale-price {
font-size: 18px;
font-weight: 600;
}
.front-page-product-list-wrapper + .show-more-wrapper {
text-align: right;
width: 100%;
margin: 10px 0 0;
position: relative;
}
.front-page-product-list-wrapper + .show-more-wrapper .show-more-button {
background-color: transparent;
position: relative;
color: #2b6fd5;
display: inline-block;
font-weight: 600;
padding: 14px 62px;
border: 1px solid #2b6fd5;
transition: background-color 0.5s, color 0.5s;
cursor: pointer;
max-width: 228px;
width: 100%;
}
.front-page-product-list-wrapper + .show-more-wrapper .show-more-button:hover {
background-color: #2b6fd5;
color: #fff;
transition: background-color 0.5s, color 0.5s;
}
.front-page-product-list-wrapper + .show-more-wrapper > .show-more-button > span {
position: relative;
}
.front-page-product-list-wrapper + .show-more-wrapper > .show-more-button > span.text::after {
content: "";
border-top: 1px solid #2b6fd5;
border-right: 1px solid #2b6fd5;
width: 10px;
height: 10px;
display: inline-block;
transform: rotate(135deg);
position: absolute;
top: -3px;
bottom: 0;
right: -20px;
margin: auto;
transition: border-top-color 0.5s, border-right-color 0.5s;
}
.front-page-product-list-wrapper + .show-more-wrapper > .show-more-button > .spinner {
background-image: url('http://test.cnat.com.ua/wp-content/uploads/2021/05/progressring.gif');
background-position: center;
background-size: cover;
display: none;
width: 15px;
height: 15px;
}
.front-page-product-list-wrapper + .show-more-wrapper .show-more-button:hover > span.text::after {
border-top-color: #fff;
border-right-color: #fff;
transition: border-top-color 0.5s, border-right-color 0.5s;
}
/* --------------
SHOP PAGES STYLES
-------------- */
.woocommerce .woocommerce-breadcrumb {
margin: 10px 0 0;
}
.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a {
color: #000;
}
.woocommerce .woocommerce-breadcrumb a:hover {
color: #1EA714;
}
h1.woocommerce-products-header__title {
font-size: 36px !important;
display: inline-block;
color: #195F14;
font-weight: bold;
letter-spacing: 3px;
margin: 20px 0 0;
}
.woocommerce-products-header h1.woocommerce-products-header__title {
display: block;
}
.woocommerce .woocommerce-ordering select {
color: #828282;
border: 1px solid #828282;
transition: color 0.5s;
}
.woocommerce .woocommerce-ordering select:hover {
color: #000;
transition: color 0.5s;
}
.woocommerce-result-count {
color: #828282;
}
/* ----------------
PRODUCT ITEM STYLES
---------------- */
.woocommerce ul.products,
.woocommerce-page ul.products {
display: flex;
flex-wrap: wrap;
}
.woocommerce .products ul::after,
.woocommerce .products ul::before,
.woocommerce ul.products::after,
.woocommerce ul.products::before {
content: "";
display: none;
}
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
background-color: #fff;
padding: 30px 10px 10px;
max-width: 24.25%;
width: 100%;
position: relative;
display: inline-block;
outline: 1px solid #E4E5E4;
margin-bottom: 10px;
transform: scale(1);
transition: transform 0.5s, box-shadow 0.5s;
box-shadow: 0px 0px 0px 0px #000;
z-index: 0;
}
.woocommerce ul.products li.product:hover,
.woocommerce-page ul.products li.product:hover {
transform: scale(1.1);
box-shadow: 2px 2px 5px 0px #000;
transition: transform 0.5s, box-shadow 0.5s;
z-index: 1;
}
.woocommerce ul.products li.product .added_to_cart.wc-forward {
display: none;
}
.woocommerce ul.products li.product .product-labels-wrapper {
position: absolute;
top: 5px;
left: -5px;
}
.woocommerce ul.products li.product .product-labels-wrapper span {
color: #fff;
font-size: 10px;
font-weight: 700;
text-transform: uppercase;
padding: 4px 8px;
}
.woocommerce ul.products li.product .product-labels-wrapper span:not(:last-child) {
margin: 0 10px 0 0;
}
.woocommerce ul.products li.product .product-labels-wrapper .bestseller-label {
background-color: #F28C33;
}
.woocommerce ul.products li.product .product-labels-wrapper .new-label {
background-color: #359612;
}
.woocommerce ul.products li.product a img {
width: initial;
margin: 0 auto;
}
.woocommerce .products .star-rating {
margin: 0;
}
.woocommerce-page ul.products li.product .woocommerce-loop-product__title {
font-size: 14px;
font-weight: normal;
margin: 5px 0 0px;
padding: 0;
}
.woocommerce-page ul.products li.product .product-rating-wrapper {
margin: 10px 0 18px;
display: flex;
align-items: center;
}
.woocommerce-page ul.products li.product .product-price .product-regular-price,
.woocommerce-page ul.products li.product .product-price .product-sale-price {
font-size: 18px;
font-weight: 600;
}
.woocommerce-page ul.products li.product .product-reviews-number,
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product .product-rating-wrapper .product-reviews-number {
font-size: 12px;
color: #828282;
margin: 0 0 0 8px;
}
.woocommerce ul.products li.product .product-price {
display: flex;
align-items: center;
}
.woocommerce ul.products li.product.sale .product-price > .product-regular-price {
font-size: 16px;
font-weight: 400;
color: #828282;
text-decoration: line-through;
margin: 0 14px 0 0;
}
.woocommerce ul.products li.product .product-price > .product-sale-price {
color: #EB5757;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link + .button {
display: none;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link + .button.add_to_cart_button {
background-image: url('/wp-content/uploads/2021/04/shopping-cart2-1.svg');
background-repeat: no-repeat;
background-position: center;
background-color: transparent;
position: absolute;
bottom: 12px;
right: 5px;
display: block;
transition: background-image 0.5s;
width: 22px;
height: 22px;
}
.woocommerce ul.products li.product .woocommerce-loop-product__link + .button.add_to_cart_button:hover {
background-image: url('/wp-content/uploads/2021/05/shopping-cart2.svg');
transition: background-image 0.5s;
}
.woocommerce #content div.product .woocommerce-tabs, .woocommerce div.product .woocommerce-tabs, .woocommerce-page #content div.product .woocommerce-tabs, .woocommerce-page div.product .woocommerce-tabs {
overflow-x: hidden;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
background-color: #fff;
}
.woocommerce div.product .woocommerce-tabs ul.tabs:before,
.woocommerce div.product .woocommerce-tabs ul.tabs li::after,
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
border: none;
box-shadow: 0 0 0 transparent;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
border: none;
background-color: transparent;
z-index: 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 18px;
font-weight: 600;
color: #031102;
transition: color 0.5s;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover,
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
color: #195F14;
transition: color 0.5s;
}
/* ------------
PRODUCTS FILTER
------------ */
.bapf_sfilter .bapf_body .mCSB_container>ul, .bapf_sfilter .bapf_body>ul {
padding: 0;
}
.bapf_slidr_main.ui-widget-content .ui-slider-range,
.berocket_filter_price_slider.ui-widget-content .ui-slider-range {
background-color: #1EA714;
}
.bapf_ckbox_square input[type=checkbox] {
border: 1px solid #BDBDBD;
margin-left: 0;
}
.bapf_ckbox_square input[type=checkbox]:checked {
background: #1EA714;
background-clip: content-box;
}
div[data-taxonomy="pa_vmist-diyuchoyi-rechovyny"] ul li:not(:last-child) {
margin: 0 0 10px!important;
}
.bapf_sfilter .bapf_button, .bapf_sfilter label {
font-size: 14px;
max-width: 240px;
margin: 0 0 0 5px;
}
.bapf_sfilter .bapf_hascolarr {
font-size: 16px;
margin: 0;
}
.bapf_sfilter.bapf_button_berocket > .bapf_body {
display: flex;
align-items: center;
justify-content: space-between;
}
.bapf_pre_button_text {
font-weight: 700;
color: #000;
}
.bapf_sfilter {
background-color: #fff;
padding: 10px;
border: 1px solid #E4E5E4;
}
.berocket_single_filter_widget:not(:last-child) .bapf_sfilter {
border-bottom: none;
}
.bapf_sfilter.bapf_button_berocket,
.bapf_head > *,
.bapf_slidr_all .bapf_slidr_main {
margin: 0;
}
.bapf_sfilter.bapf_button_berocket .bapf_button {
color: #2B6FD5;
text-decoration: underline;
font-size: 14px;
padding: 0;
border: 0;
text-transform: capitalize;
font-weight: 400;
display: inline-block;
background-color: transparent;
}
.bapf_sfilter.bapf_button_berocket .bapf_button:hover {
background-color: transparent;
}
div[data-taxonomy="product_cat"] ul li:first-child {
display: none;
}
div[data-taxonomy="product_cat"] ul li label {
font-size: 16px;
color: #000;
font-weight: 400;
text-decoration: none;
margin: 0 0 10px;
}
div[data-taxonomy="product_cat"] ul li label:hover {
color: #1EA714;
}
.bapf_sfilter {
margin: 0;
}
/* ------------------------
SHOP PAGE PAGINATION STYLES
------------------------ */
.woocommerce nav.woocommerce-pagination ul {
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
border: 1px solid #E4E5E4;
}
.woocommerce nav.woocommerce-pagination ul li:not(:last-child) {
margin: 0 15px 0 0;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
padding: 4px 15px;
font-size: 18px;
font-weight: 600;
background-color: #fff;
color: #031102;
}
.woocommerce nav.woocommerce-pagination ul li a:hover,
.woocommerce nav.woocommerce-pagination ul li span:hover {
color: #1EA714;
background-color: #fff;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background-color: #195F14;
color: #fff;
}
.page-numbers .prev,
.page-numbers .next {
padding: 0;
height: 25px;
width: 40px;
position: relative;
color:#fff!important;
}
.page-numbers .prev:after,
.page-numbers .next:after {
content: '';
display: inline-block;
width: 12px;
height: 12px;
border-top: 1px solid #828282;
border-right: 1px solid #828282;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.page-numbers .prev:after {
left: 5px;
transform: rotate(-135deg);
}
.page-numbers .next:after {
right: 5px;
transform: rotate(45deg);
}
.page-numbers .prev:hover:after,
.page-numbers .next:hover:after {
border-top-color: #195F14;
border-right-color: #195F14;
}
/* -------------------
ADDITIONAL TEXT STYLES
------------------- */
.additional-text-wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 100px;
}
.additional-text-wrapper > * {
display: inline-block;
width: 100%;
}
.additional-text-wrapper .additional-text-image-wrapper,
.additional-text-wrapper .additional-text-content-wrapper {
max-width: 49%;
}
.additional-text-wrapper .additional-text-content-wrapper .additional-text-header {
color: #195F14;
font-size: 34px;
font-weight: bold;
letter-spacing: 1px;
margin: 0 0 40px;
}
.additional-text-content {
margin: 0 0 40px;
line-height: 30px;
}
.additional-text-advantages {
list-style-type: none;
padding: 0;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.additional-text-advantages > li {
max-width: 50%;
width: 100%;
display: flex;
align-items: center;
margin: 0 0 20px 0;
}
.additional-text-advantages > li > .advantage-wrapper-icon {
margin: 0 14px 0 0;
}
/* ----------------
OUR PARTNERS STYLES
---------------- */
.our-partners-wrapper {
background-color: #fff;
padding: 20px 0 60px
}
.our-partners-header {
font-size: 36px;
font-weight: bold;
color: #195f14;
margin: 0 0 20px;
}
.our-partners-list {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
/* ------------------
SINGLE PRODUCT STYLES
------------------ */
.woocommerce div.product div.images img {
max-width: 50%;
width: 100%;
margin: 0 auto
}
.product .entry-summary .product-meta-info {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin: 0 0 17px;
}
.product .entry-summary .product-meta-info > .product-sku > .meta-label,
.product .entry-summary .product-meta-info > .product-manufacturer > .meta-label {
font-size: 14px;
color: #828282;
}
.product .entry-summary .product-meta-info > .product-sku > .meta-value,
.product .entry-summary .product-meta-info > .product-manufacturer > .meta-value {
font-size: 14px;
color: #000;
font-weight: bold;
}
.woocommerce-product-rating {
padding: 0 0 20px;
border-bottom: 1px solid #E4E5E4;
}
.woocommerce-review-link {
color: #828282;
font-size: 12px;
}
.woocommerce div.product form.cart {
margin: 0;
border-bottom: 1px solid #E4E5E4;
padding: 0 0 17px;
}
.woocommerce div.product .product-info-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background-color: #fff;
margin: 0 0 28px 0;
}
.woocommerce div.product .entry-summary .product-availability {
margin: 0 0 14px;
font-size: 14px;
}
.woocommerce div.product .entry-summary .product-availability.product-in-stock {
color: #195F14;
}
.woocommerce div.product .entry-summary .product-availability.product-out-of-stock {
color: #EB5757;
}
.woocommerce div.product form.cart div.quantity .quantity-block-wrapper {
display: flex;
align-items: center;
}
.woocommerce div.product form.cart div.quantity {
float: none;
display: flex;
align-items: center;
flex-wrap: wrap;
}
.woocommerce div.product form.cart div.quantity .quantity-text {
margin: 0 24px 0 0;
}
.woocommerce .quantity .qty {
width: initial;
height: 22px;
text-align: center;
max-width: 60px;
appearance: none;
}
input.qty::-webkit-outer-spin-button,
input.qty::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input.qty[type=number] {
-moz-appearance: textfield;
}
.quantity-block-wrapper {
display: flex;
}
.product_title.entry-title {
font-size: 32px;
margin: 20px 0 !important;
color: #195F14;
}
.quantity .quantity-block-wrapper .add-item,
.quantity .quantity-block-wrapper .remove-item,
.woocommerce .quantity .qty {
border: 1px solid #E4E5E4;
background-color: #F0F1F0;
cursor: pointer;
}
.quantity .quantity-block-wrapper .add-item,
.quantity .quantity-block-wrapper .remove-item {
display: inline-block;
width: 26px;
height: 22px;
border: 1px solid #E4E5E4;
position: relative;
}
.quantity .quantity-block-wrapper .add-item {
border-right: none;
}
.quantity .quantity-block-wrapper .add-item:before,
.quantity .quantity-block-wrapper .add-item:after,
.quantity .quantity-block-wrapper .remove-item:after {
content: '';
display: inline-block;
background-color: #828282;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
transition: background-color 0.5s;
}
.quantity .quantity-block-wrapper .add-item:before {
width: 14px;
height: 2px;
}
.quantity .quantity-block-wrapper .add-item:after {
width: 2px;
height: 14px;
}
.quantity .quantity-block-wrapper .remove-item {
border-left: none;
}
.quantity .quantity-block-wrapper .remove-item:after {
width: 14px;
height: 2px;
}
.quantity .quantity-block-wrapper .add-item:hover:before,
.quantity .quantity-block-wrapper .add-item:hover:after {
background-color: #1EA714;
transition: background-color 0.5s;
}
.quantity .quantity-block-wrapper .remove-item:hover:after {
background-color: #EB5757;
transition: background-color 0.5s;
}
.woocommerce div.product div.quantity p.price, .woocommerce div.product div.quantity span.price {
width: 100%;
}
.woocommerce div.product div.quantity p.price, .woocommerce div.product div.quantity span.price {
font-size: 36px;
color: #000;
}
.woocommerce div.product div.quantity p.price ins, .woocommerce div.product div.quantity span.price ins,
.woocommerce div.product div.quantity p.price ins + .product-single-currency,
.woocommerce div.product div.quantity span.price ins + .product-single-currency {
color: #EB5757;
text-decoration: none;
}
.woocommerce div.product div.quantity p.price del, .woocommerce div.product div.quantity span.price del {
font-size: 28px;
color: #828282;
text-decoration: line-through;
}
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt {
background-color: #1EA714;
text-transform: uppercase;
color: #fff;
border-radius: 0;
font-size: 18px;
padding: 10px 88px
}
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt,
.woocommerce div.product form.cart .single_add_to_cart_button_fast.button.alt {
max-width: 252px;
width: 100%;
text-align: center;
text-transform: uppercase;
border-radius: 0;
}
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt {
background-color: #1EA714;
color: #fff;
font-size: 18px;
padding: 10px 0px;
margin: 0 40px 0 0;
transition: background-color 0.5s, color 0.5s;
}
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt:hover {
background-color: transparent;
color: #1EA714;
transition: background-color 0.5s, color 0.5s;
}
.woocommerce div.product form.cart .single_add_to_cart_button_fast.button.alt {
border: 1px solid #2B6FD5;
background-color: transparent;
color: #2B6FD5;
transition: background-color 0.5s, color 0.5s;
}
.woocommerce div.product form.cart .single_add_to_cart_button_fast.button.alt:hover {
color: #fff;
background-color: #2B6FD5;
transition: background-color 0.5s, color 0.5s;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 20px 0 0;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > * {
display: flex;
max-width: 32%;
width: 100%;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > * > .short-service-description-icon {
max-width: 20%;
width: 100%;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > * > .short-service-description-icon > img {
margin: 0 auto;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > * > .short-service-description-text {
font-weight: 600;
font-size: 14px;
letter-spacing: 1px;
cursor: pointer;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > * > .short-service-description-text > .contact-phones {
margin: 7px 0 0;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > * > .short-service-description-text > .contact-phones > a {
font-weight: normal;
letter-spacing: 0;
display: block;
}
.product .wc-tabs-wrapper .tab-specs-wrapper {
margin: 0 0 60px 0;
}
.product .wc-tabs-wrapper .tab-specs-wrapper p {
margin: 0;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .product-specs-wrapper {
display: flex;
align-items: flex-start;
}
.woocommerce div.product .woocommerce-tabs .panel:not(#tab-reviews):not(#tab-similar-products) {
background-color: #fff;
padding: 20px;
border: 1px solid #E4E5E4;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-header,
.product .wc-tabs-wrapper .tab-advantages-wrapper .advantages-block-header {
font-weight: 600;
font-size: 18px;
margin: 10px 0;
padding-left: 20px;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech,
.product .wc-tabs-wrapper .tab-advantages-wrapper .advantages-list {
padding: 0;
list-style-type: none;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .basic-tech-info {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
line-height: 1.5;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .basic-tech-info > * {
max-width: 49%;
width: 100%;
margin: 0;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech .tech-information-item {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech .tech-information-item,
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .usage-blocks-wrapper .usage-block .usage-block-info {
position: relative;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech .tech-information-item:before,
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .usage-blocks-wrapper .usage-block .usage-block-info:before {
content: '';
width: 100%;
border: 1px dashed #BDBDBD;
position: absolute;
left: 0;
bottom: 7px;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech .tech-information-item > *,
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .usage-blocks-wrapper .usage-block .usage-block-info > * {
background-color: #fff;
position: relative;
z-index: 1;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech .tech-information-item .item-name,
.usage-blocks-wrapper .usage-block .usage-block-header {
font-weight: bold;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .usage-blocks-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .usage-blocks-wrapper .usage-block {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
max-width: 49%;
line-height: 1.5;
}
.usage-wrapper .usage-header {
font-size: 18px;
font-weight: 600;
margin: 0 0 10px;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .usage-blocks-wrapper .usage-block .usage-block-header {
width: 100%;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .usage-blocks-wrapper .usage-block .usage-block-info {
width: 100%;
display: flex;
justify-content: space-between;
}
.product .wc-tabs-wrapper .tab-advantages-wrapper .advantages-list ul {
padding: 0 0 0 20px;
}
.product .wc-tabs-wrapper .tab-advantages-wrapper .advantages-list .advantages-list-item .advantage-item-header {
font-weight: 600;
font-size: 18px;
}
.product .wc-tabs-wrapper .tab-advantages-wrapper .advantages-list .advantages-list-item:not(:last-child) {
margin: 0 0 30px 0;
}
#review_form {
position: sticky;
top: 0;
}
.woocommerce .star-rating span::before,
.woocommerce p.stars a::before {
color: #F2C94C;
}
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background-color: #2B6FD5;
color: #fff;
transition: color 0.5s, background-color 0.5s;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: transparent;
color: #2B6FD5;
transition: color 0.5s, background-color 0.5s;
}
/* --------------
CART POPUP STYLES
-------------- */
.woocommerce table.shop_table {
border:none;
border-radius: 0;
}
.woocommerce-cart-form > table.shop_table {
border-bottom: 1px solid #E4E5E4;
}
.table-header-block {
display: flex;
justify-content: space-between;
padding: 9px 12px;
border-bottom: 1px solid #E4E5E4;
}
.table-header {
font-size: 18px;
font-weight: 600;
}
.table-header-block .close-icon {
position: relative;
width: 18px;
height: 18px;
cursor: pointer;
}
.table-header-block .close-icon:before,
.table-header-block .close-icon:after {
content: "";
display: inline-block;
max-width: 100%;
background-color: #BDBDBD;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
height: 2px;
width: 100%;
}
.table-header-block .close-icon:before {
transform: rotate(45deg);
}
.table-header-block .close-icon:after {
transform: rotate(-45deg);
}
.cart-icon-wrapper {
position: relative;
display: block;
width: 24px;
height: 24px;
cursor: pointer;
margin: 0 auto;
}
.cart-icon-wrapper > img {
position: absolute;
top:0;
left: 0;
}
.cart-icon-wrapper > .cart-icon {
z-index: 1;
opacity: 1;
transition: opacity 0.5s;
}
.cart-icon-wrapper:hover > .cart-icon {
opacity: 0;
transition: opacity 0.5s;
}
.cart-icon-wrapper .cart-total-items-number {
font-size: 14px;
color:#F0F1F0;
padding: 1px 5px;
background-color: #EB5757;
border-radius: 100%;
position: absolute;
right: -10px;
top: -10px;
z-index: 2;
}
.cart-icon-wrapper .cart-block {
position: absolute;
left:0;
}
.woocommerce a.remove {
color:#BDBDBD!important;
font-weight: 400;
font-size: 2.5em;
}
.woocommerce a.remove:hover {
color:red!important;
background-color: transparent!important;
}
.woocommerce-cart-form__cart-item.cart_item {
border-bottom: 1px solid #E4E5E4;
}
.woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
max-width: 100px;
}
.woocommerce-cart-form__cart-item.cart_item .product-name {
font-size: 14px;
}
.cart-block {
background-color: #fff;
max-width: 635px;
width: 100%;
border-radius: 0;
position: absolute;
right: 19.5%;
z-index: 1;
top: 100%;
}
.cart-block .woocommerce {
border-radius: 0;
}
.cart-block .woocommerce .quantity-text,
.cart-block .woocommerce .price {
display: none;
}
.order-total {
color: #195F14;
font-size: 18px;
}
.woocommerce table.shop_table .order-total th {
padding: 0;
}
.woocommerce table.shop_table .order-total td {
text-align: right;
}
.cart_totals .wc-proceed-to-checkout {
text-align: right;
margin: 30px auto 20px;
max-width: 95%;
width: 100%;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
background-color: #2B6FD5;
color: #fff;
border-radius: 0;
width: 100%;
text-align: center;
transition: color 0.5s, background-color 0.5s;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
background-color: transparent;
color: #2B6FD5;
transition: color 0.5s, background-color 0.5s;
}
/* -----------------
CHECKOUT PAGE STYLES
----------------- */
.woocommerce-checkout .woocommerce .woocommerce-notices-wrapper {
display: none;
}
.checkout .container {
padding: 0;
}
.checkout-fields-wrapper > *:not(:last-child) {
margin: 0 0 30px;
}
.woocommerce-billing-fields,
.cart-checkout-wrapper,
.shipping-block-wrapper,
.woocommerce-checkout-payment {
background-color: #fff!important;
padding: 20px;
border-radius: 0;
}
.woocommerce-billing-fields h3 {
margin-top: 0;
}
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper > * {
max-width: 49%;
width:100%;
float:none;
}
.woocommerce-billing-fields .woocommerce-billing-fields__field-wrapper input {
background-color: #f0f1f0;
border: 1px solid #e4e5e4;
padding: 10.5px 5px;
}
.select2-container .select2-selection--single,
.select2-container--default .select2-selection--single .select2-selection__rendered {
background-color: #f0f1f0;
border: 1px solid #e4e5e4;
}
.select2-container .select2-selection--single {
height: auto;
border-radius: 0;
}
#add_payment_method #payment div.payment_box,
.woocommerce-cart #payment div.payment_box,
.woocommerce-checkout #payment div.payment_box {
display: none!important;
}
#add_payment_method #payment ul.payment_methods,
.woocommerce-cart #payment ul.payment_methods,
.woocommerce-checkout #payment ul.payment_methods {
padding: 0;
border: none;
}
#add_payment_method #payment ul.payment_methods li input,
.woocommerce-cart #payment ul.payment_methods li input,
.woocommerce-checkout #payment ul.payment_methods li input {
margin: 0;
}
.shipping-block-wrapper .shipping-title-wrapper,
.payment-title-wrapper {
font-size: 18px;
font-weight: bold;
margin: 0 0 20px;
}
#shipping_method > li > input,
.wc_payment_methods > li > input {
opacity: 0;
}
#shipping_method > li > label,
.wc_payment_methods > li > label {
position: relative;
padding: 0 0 0 20px;
}
#shipping_method > li > label:before,
.wc_payment_methods > li > label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
border: 1px solid #E4E5E4;
background-color:#f0f1f0;
position: absolute;
top:0;
bottom:0;
left:-20px;
margin: auto;
}
#shipping_method > li > label:after,
.wc_payment_methods > li > label:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
background-color:#1EA714;
position: absolute;
top:0;
bottom:0;
left:-15px;
margin: auto;
z-index: -1;
}
#shipping_method > li.chosen-opt > label,
.wc_payment_methods > li.chosen-opt > label {
color:#1EA714;
}
#shipping_method > li.chosen-opt > label:after,
.wc_payment_methods > li.chosen-opt > label:after {
z-index: 1
}
.order-review-wrapper {
background-color: #fff;
padding: 20px 0
}
.order-review-wrapper .woocommerce-checkout-review-order-table .cart_item .product-remove {
width: 20px;
}
.order-review-wrapper .woocommerce-checkout-review-order-table .cart_item .product-thumbnail {
width: 100px;
}
.order-review-wrapper .woocommerce-checkout-review-order-table thead .order-total {
color: #031102;
font-size: 18px;
}
.order-review-wrapper .woocommerce-checkout-review-order-table thead .order-total th {
padding: 0 20px;
}
.order-review-wrapper .woocommerce-checkout-review-order-table .order-total .total-sum {
text-align: right;
padding-right: 25px;
}
.order-short-summary {
background-color: #fff;
padding: 20px 0 0;
}
.order-short-summary-products-wrapper .order-short-summary-products,
.order-short-summary .order-review-short-summary {
display: flex;
justify-content: space-between;
}
.order-short-summary-products-wrapper {
padding-bottom: 10px;
}
.order-short-summary .order-review-short-summary {
border-top: 1px solid #E4E5E4;
border-bottom: 1px solid #E4E5E4;
padding-top: 10px;
padding-bottom: 10px;
}
.order-short-summary .order-short-summary-products-wrapper,
.order-short-summary .order-review-short-summary {
padding-left: 20px;
padding-right: 20px;
}
.order-short-summary-products-wrapper .order-short-summary-products-header {
font-size: 18px;
font-weight: 600;
margin: 0 0 10px;
}
.order-short-summary-products-total {
font-weight: normal!important;
}
.order-short-summary-products-wrapper .order-short-products-count,
.order-short-summary-total .order-review-short-summary-header {
color: #828282;
}
.woocommerce form .form-row.place-order {
margin: 17px 0;
padding: 0 20px;
display: inline-block;
width: 100%;
}
.woocommerce form .form-row.place-order #place_order {
background-color: #1EA714;
text-transform: uppercase;
font-size: 14px;
transition: color 0.5s, background-color 0.5s;
}
.woocommerce form .form-row.place-order #place_order:hover {
color: #1EA714;
background-color: transparent;
transition: color 0.5s, background-color 0.5s;
}
.product-price-label,
.product-total-label {
font-size: 14px;
color:#828282;
}
/* --------------------------------
PAYMENT, DELIVERY AND RETURN STYLES
-------------------------------- */
.page-template-payment-delivery-return .return-refund-info-wrapper,
.page-template-payment-delivery-return .payment-delivery {
line-height: 24px
}
.payment-delivery {
background-color: #fff;
}
.payment-delivery .shipping-info {
border-left: 1px solid #E4E5E4;
}
.return-refund-info-info .alignright {
float: right;
margin: 0 0 0 60px;
}
.payment-gateways-header,
.shipping-info-header,
.return-refund-info-header {
font-size: 36px;
color:#195F14;
font-weight: 700;
}
.payment-gateways-header,
.shipping-info-header {
margin: 20px 0;
}
.refund-return-block-wrapper {
margin: 80px 0 0;
}
.payment-gateways-info ul {
line-height: 1.5;
padding-left: 20px;
}
/* ------------------
PRODUCT POPUPS STYLES
------------------ */
.products-page-overlay {
position: fixed;
background-color: rgba(0, 0, 0, 0.5);
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
display: none;
}
.products-page-overlay .shipping-payment-wrapper,
.products-page-overlay .return-refund-wrapper {
position: absolute;
max-width: 876px;
width: 100%;
background-color: #fff;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) scale(0.75);
padding-bottom: 20px;
}
.products-page-overlay .close-icon {
position: absolute;
right: 20px;
top: 30px;
display: inline-block;
width: 24px;
height: 24px;
cursor: pointer;
}
.products-page-overlay .close-icon:after,
.products-page-overlay .close-icon:before {
content: '';
display: inline-block;
height: 100%;
width: 1px;
background-color: black;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
}
.products-page-overlay .close-icon:after {
transform: rotate(45deg);
}
.products-page-overlay .close-icon:before {
transform: rotate(-45deg);
}
.products-page-overlay .shipping-payment-wrapper .shipping-block-wrapper {
padding: 0;
}
.products-page-overlay .shipping-payment-wrapper .payment-block-header,
.products-page-overlay .shipping-payment-wrapper .shipping-block-header,
.products-page-overlay .return-refund-wrapper .return-refund-header {
font-size: 36px;
color: #195F14;
font-weight: bold;
border-bottom: 1px solid #E4E5E4;
padding: 20px;
}
.products-page-overlay .shipping-payment-wrapper .shipping-block-wrapper .shipping-block-text {
padding-left: 20px;
}
.products-page-overlay .return-refund-wrapper .return-refund-text {
padding: 0 20px;
}
/* --------------------
PRODUCTS REVIEWS STYLES
-------------------- */
.woocommerce-Reviews {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.woocommerce-Reviews #comments,
.woocommerce-Reviews #review_form_wrapper {
max-width: 49%;
width: 100%;
}
.woocommerce-Reviews .comment-form-rating {
display: flex;
align-items: center;
margin: 0 0 16px;
}
.woocommerce #review_form #author,
.woocommerce #review_form textarea {
width: 100%;
padding: 10px 5px;
background-color: #F0F1F0;
border: 1px solid #E4E5E4;
outline: transparent;
}
.woocommerce #review_form #respond p {
margin: 0 0 10px 0;
}
.woocommerce #review_form #respond p.stars {
margin: 0 0 0 10px;
}
.woocommerce-Reviews .comment-form {
background-color: #fff;
padding: 20px;
}
.woocommerce-Reviews .comment-notes {
display: none;
}
.woocommerce-Reviews .form-submit {
text-align: right;
}
.woocommerce #respond input#submit {
background-color: #2B6FD5;
color: #fff;
padding: 10px 57px;
border-radius: 0;
}
.woocommerce #respond .comment-reply-title {
font-size: 16px;
font-weight: 600;
margin: 0 0 10px;
display: inline-block;
}
.woocommerce #reviews #comments h2.woocommerce-Reviews-title {
font-size: 16px;
font-weight: 600;
margin: 0 0 10px;
}
.woocommerce #reviews #comments ol.commentlist {
padding: 0;
background-color: #fff;
border: 1px solid #E4E5E4;
padding: 20px;
}
.woocommerce #reviews #comments .commentlist .comment_container img {
display: none;
}
.woocommerce #reviews #comments ol.commentlist li {
margin: 0 0 10px;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
margin: 0;
border-radius: 0;
border: none;
border-bottom: 1px solid #E4E5E4;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author {
font-weight: 600;
font-size: 16px;
color: #031102;
margin: 0 20px 0 0;
}
/* ----------
FOOTER STYLES
---------- */
footer {
background-color: #051104;
color: #bdbdbd;
padding: 40px 0 20px;
font-weight: 600;
margin: 160px 0 0;
}
footer ul {
list-style-type: none;
padding: 0;
margin: 0;
}
footer ul a,
footer .working-hours-rows {
color: #BDBDBD;
font-weight: 400;
transition: color 0.5s;
}
footer ul a:hover {
color: #fff;
transition: color 0.5s;
}
footer ul li:not(:last-child) {
margin: 0 0 5px;
}
.footer-col-header {
margin: 0 0 16px;
color: #fff;
}
.footer-contacts {
display: flex;
}
.footer-contacts a {
color: #fff;
display: block;
}
.footer-contact-phones-wrapper,
.footer-contact-email-wrapper {
margin: 0 0 5px;
}
.footer-contact-phones-label,
.footer-contact-email-label {
margin: 0 10px 0 0;
text-align: right;
}
.payment-ways-wrapper {
display: flex;
align-items: center;
justify-content: flex-end;
}
footer .container .row:last-child {
border-top: 1px solid #828282;
margin: 40px 0 0;
padding: 20px 0 0;
}
.payment-ways-wrapper > *:not(:last-child) {
margin: 0 10px 0 0;
}
.copyright-owner-col {
padding-left: 0;
}
.payment-ways-col {
padding-right: 0;
}
.woocommerce div.product div.summary {
background-color: #fff;
padding: 12px 20px;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > * > .short-service-description-text {
margin: 0 0 0 5px;
}
/*******************
IMAGE OVERLAY STYLES
*******************/
.image-overlay {
position: fixed;
left: 0;
top: 0;
background-color: rgba(0, 0, 0, 0.5);
display: none;
width: 100%;
height: 100%;
z-index: 2;
}
.image-overlay .image-block {
display: inline-block;
max-width: 500px;
width: 100%;
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
background-color: white;
}
.image-overlay .image-block .close-button {
display: inline-block;
width: 18px;
height: 18px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
}
.image-overlay .image-block .close-button:before,
.image-overlay .image-block .close-button:after {
content: '';
display: inline-block;
width: 100%;
height: 3px;
background-color: #000;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
}
.image-overlay .image-block .close-button:before {
transform: rotate(-45deg);
}
.image-overlay .image-block .close-button:after {
transform: rotate(45deg);
}
.privacy-policy {
font-size: 0.9rem;
padding: 0.65rem;
}
.privacy-policy span.color-red{color: red;}
.privacy-policy a.color-blue{color: #2c27f7;}
@media (min-width: 320px) and (max-width: 1023px) {
.woocommerce .woocommerce-result-count {
display: none!important;
}
.cart-block {
right: 0;
left: 0;
margin: auto;
}
.product_title.entry-title {
text-align: center;
}
}
@media (min-width: 640px) and (max-width: 1023px) {
.row.main-footer-info-block > * {
text-align: center;
}
.footer-contacts {
justify-content: center;
}
}
@media (min-width: 1024px) {
.banner-category-block .banner-category-link {
margin: 30px 0 0;
}
.banner-category-block {
margin-left: 2%;
}
.mobile-menu-block {
display: none;
}
#main-menu > li:hover > .sub-menu {
display: block;
}
#main-menu > li > a:after {
content: "";
display: inline-block;
width: 0%;
height: 1px;
background-color: #1EA714;
transition: width 1s, opacity 1s;
position: absolute;
bottom: -5px;
left: -25px;
opacity: 0;
}
#main-menu > li:hover > a:after {
width: calc(100% + 25px);
opacity: 1;
transition: width 1s, opacity 1s;
}
.mobile-search-form,
.mobile-menu-block {
display: none;
}
.categories-wrapper {
display: flex;
flex-wrap: wrap;
}
.category-listing-header {
width: 100%;
}
.category-wrapper {
max-width: 228px;
}
.categories-wrapper .category-wrapper a .category-name {
font-size: 14px
}
.mobile-shop-filter-wrapper {
display: none;
}
.woocommerce:not(.woocommerce-front) ul.products li.product,
.woocommerce-page:not(.woocommerce-front) ul.products li.product {
margin-right: 1%;
}
.woocommerce-page:not(.woocommerce-front) ul.products li.product:nth-child(4n) {
margin-right: 0;
}
}
@media (min-width: 1024px) and (max-width: 1365px) {
.cart-block {
right: 7%;
}
}
@media (min-width: 1366px) {
.banner-category-block {
margin-left: 33%;
margin-top: 140px;
}
.banner-category-block .banner-category-link {
margin: 60px 0 0;
}
.categories-wrapper {
display: initial;
}
.category-wrapper {
max-width: 295px;
width: 100%;
display: inline-block;
padding: 0;
}
.categories-wrapper .category-wrapper a .category-name {
font-size: initial
}
.banner-text-block,
.banner-block {
display: inline-block;
max-width: 50%;
width: 100%;
}
}
@media (width: 1366px) {
.banner-category-block {
margin-top: 6%;
}
}
@media (max-width: 1365px) {
.woocommerce div.product form.cart .single_add_to_cart_button.button.alt,
.woocommerce div.product form.cart .single_add_to_cart_button_fast.button.alt {
margin: 0 0 20px 0;
max-width: 100%;
}
.banner-category-block {
text-align: center;
}
.banner-text-block {
width: 100%;
margin: 10px 0;
}
}
@media (max-width: 1023px) {
.top-header {
display: none;
}
.mobile-search-form {
display: none;
}
.middle-header .menu-burger {
display: flex;
flex-wrap: wrap;
padding: 3px 0;
max-width: 23px;
width: 100%;
}
.middle-header .menu-burger .burger-line {
display: block;
width: 100%;
height: 2px;
background-color: #031102;
}
.middle-header .menu-burger .burger-line:not(:last-child) {
margin: 0 0 6px;
}
.mobile-menu-block {
position: fixed;
top: 0;
left: -100%;
z-index: 5;
background-color: #fff;
max-width: 100%;
transition: left 1s;
padding: 6px 0 20px;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
width: 100%;
}
.mobile-menu-block .mobile-block-content-wrapper {
max-width: 90%;
background-color: #fff;
height: 100%;
position: absolute;
top: 0;
width: 100%;
}
.mobile-menu-block.visible {
left: 0;
transition: left 1s;
}
.mobile-menu-block #main-menu > li > a,
.mobile-menu-block .additional-menu-pages > li > a {
color: #031102;
}
#main-menu > li {
padding-left: 25px;
}
#main-menu > li > .main-menu-icon svg path {
fill: #031102;
}
.mobile-menu-block #main-menu > li.menu-item-has-children {
position: relative;
}
.mobile-menu-block #main-menu > li.menu-item-has-children::before {
content: "";
display: inline-block;
width: 10px;
height: 10px;
border-top: 1px solid #031102;
border-right: 1px solid #031102;
position: absolute;
top: 13px;
right: 20px;
bottom: unset;
margin: auto;
transform: rotate(135deg);
}
.mobile-menu-block #main-menu > li > .sub-menu {
border-top: 1px solid #E4E5E4;
border-bottom: 1px solid #E4E5E4;
box-shadow: none;
margin: 10px 0 0;
}
.mobile-menu-block #main-menu > li > .sub-menu > li {
border:none;
}
.mobile-menu-block .additional-menu-pages {
height: auto;
}
.mobile-menu-block .additional-menu-pages > li {
padding: 10px 0;
}
.mobile-menu-block #main-menu > li > .sub-menu > li,
.mobile-menu-block .additional-menu-pages > li > a {
padding-left: 25px;
}
.mobile-menu-block #main-menu > li.menu-item-has-children.active >.sub-menu {
position: static;
}
.mobile-menu-block #main-menu > li.menu-item-has-children.active >.sub-menu {
display: block;
width: 100%;
}
.mobile-menu-block #main-menu > li,
.mobile-menu-block .additional-menu-pages > li {
margin: 0;
border-bottom: 1px solid #E4E5E4;
width: 100%;
}
.mobile-menu-block .header-contact-phones-wrapper {
margin: 30px 0 0;
}
.mobile-menu-block .header-contact-phones-wrapper > .contact-phone {
width: 100%;
text-align: center;
margin: 0;
padding: 2px 0;
}
.mobile-menu-block .close-icon,
.filters-outer-wrapper .close-icon {
width: 15px;
height: 15px;
position: absolute;
top: 8px;
right: 8px;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product {
margin-right: 2%;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product:nth-child(2n) {
margin-right: 0;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product {
max-width: 49%;
}
.mobile-menu-block .close-icon:after,
.mobile-menu-block .close-icon:before,
.filters-outer-wrapper .close-icon:after,
.filters-outer-wrapper .close-icon:before {
content: "";
display: inline-block;
width: 2px;
height: 20px;
background-color: #fff;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border-radius: 5px;
}
.mobile-menu-block .close-icon:after,
.filters-outer-wrapper .close-icon:after {
transform: rotate(45deg);
}
.mobile-menu-block .close-icon:before,
.filters-outer-wrapper .close-icon:before {
transform: rotate(-45deg);
}
.banner-category-block .banner-category-link {
display: flex;
justify-content: center;
text-align: center;
}
.banner-category-block .banner-category-link {
margin-bottom: 30px;
margin-top: 30px;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product {
margin-bottom: 20px;
}
.category-wrapper {
max-width: 49%;
margin: 0 0 5px 0 !important;
display: inline-block;
}
.categories-wrapper .category-wrapper > a {
width: 100%;
}
.categories-wrapper {
text-align: center;
}
.categories-wrapper .category-wrapper a .category-name {
text-align: left;
}
.additional-text-wrapper .additional-text-image-wrapper, .additional-text-wrapper .additional-text-content-wrapper {
max-width: 100%;
}
.additional-text-image-wrapper > img {
width: 100%;
}
.mobile-shop-filter-wrapper {
max-width: 130px;
display: inline-block;
width: 100%;
}
.mobile-shop-filter-wrapper .mobile-shop-filter-button {
background-color: #2B6FD5;
color: #fff;
padding: 12px 20px;
text-align: center;
font-size: 14px;
font-weight: 600;
display: flex;
justify-content: space-around;
align-items: center;
margin: 0 0 20px;
}
.filters-outer-wrapper {
position: fixed;
left: -100%;
top: 0;
width: 100%;
max-width: 100%;
z-index: 5;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
transition: left 1s;
}
.filters-outer-wrapper.visible {
left: 0;
transition: left 1s;
}
.filters-inner-wrapper {
position: absolute;
max-width: 90%;
width: 100%;
height: 100%;
background-color: #fff;
overflow: scroll;
}
.woocommerce div.product .product-info-wrapper > .images {
max-width: 100%;
width: 100%;
}
.woocommerce div.product .product-info-wrapper > .entry-summary {
max-width: 100%;
width: 100%;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin-bottom: 2%!important;
max-width: 49%;
width: 100%!important;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin-right: 2%!important;
}
.woocommerce ul.products li.product:nth-child(2n), .woocommerce-page ul.products li.product:nth-child(2n) {
margin-right: 0!important;
}
#order_review {
width: 800px;
}
.order-review-wrapper {
overflow-x: scroll;
}
footer .footer-logo > img {
margin: 0 auto;
}
footer .main-footer-info-block > *:not(:last-child) {
margin: 0 0 20px 0;
}
}
@media (max-width: 767px) {
.middle-header {
padding: 0;
}
.middle-header .row {
align-items: flex-end;
}
.middle-header .search-form-wrapper .woocommerce-product-search,
.middle-header .search-form-wrapper .aws-container {
display: none
}
.middle-header .menu-burger {
margin: 0 auto;
}
.middle-header .mobile-icon-block {
display: inline-block;
width: 24px;
height: 24px;
background-size: cover;
}
.middle-header .mobile-search-form {
position: absolute;
bottom: -65px;
width: 100%;
background-color: #fff;
z-index: 1;
padding: 12px 15px;
display: none;
}
.banner-category-block .banner-category-name {
font-size: 24px;
text-align: center;
margin: 0px 0 0;
}
.banner-block {
order:-1;
}
.carousel-control-next, .carousel-control-prev {
display: none!important;
}
.banner-category-block .banner-category-description {
font-size: 16px;
text-align: center;
}
.banner-category-block .banner-category-link > a {
width: 90%;
margin: 40px 0 60px;
text-align: center;
}
.woocommerce .woocommerce-ordering select {
width: 130px;
height: 40px;
white-space: break-spaces;
}
.woocommerce div.product div.summary {
background-color: #fff;
padding: 20px 10px;
}
.woocommerce div.product div.images {
margin:0;
}
.woocommerce div.product div.quantity p.price del, .woocommerce div.product div.quantity span.price del {
font-size: 18px;
}
.woocommerce div.product div.quantity p.price ins,
.woocommerce div.product div.quantity span.price ins,
.woocommerce div.product div.quantity p.price ins + .product-single-currency,
.woocommerce div.product div.quantity span.price ins + .product-single-currency {
font-size: 24px;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > *:not(:last-child) {
margin: 0 0 20px 0;
}
/* .woocommerce:not(.woocommerce-front) ul.products li.product:not(:nth-child(2n)),
.woocommerce-page:not(.woocommerce-front) ul.products li.product:not(:nth-child(2n)) {
margin-right: 0;
}*/
.woocommerce div.product div.images img {
max-width: 100%;
width: 100%;
margin: 0 auto
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: flex;
overflow-x: scroll;
padding: 0;
width: 110%;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .basic-tech-info > * {
max-width: 100%;
margin: 0 0 20px;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .usage-blocks-wrapper .usage-block {
max-width: 100%;
}
.woocommerce-Reviews #comments, .woocommerce-Reviews #review_form_wrapper {
max-width: 100%;
margin: 0 0 20px;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > * {
max-width: 27%;
align-items: initial;
justify-content: initial;
width: 100%;
}
#order_review {
width: 750px;
}
.woocommerce #order_review table.shop_table td.product-remove {
max-width: 50px;
width: 50px;
}
.woocommerce #order_review table.shop_table td {
width: 200px;
}
.return-refund-info-info .alignright {
float: none;
margin: 0;
width: 100%;
}
.products-page-overlay .shipping-payment-wrapper,
.products-page-overlay .return-refund-wrapper {
top: 0;
left: 0;
transform: translate(0, 0);
}
.products-page-overlay.shipping-payment,
.products-page-overlay.return-refund {
overflow-y: scroll;
}
}
@media (max-width: 568px) {
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 17px;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech .tech-information-item .item-name {
width: 100%;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .basic-tech-info > * {
margin: 0 0 20px;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech .tech-information-item {
margin: 0 0 10px;
}
footer {
text-align: center;
line-height: 1.5;
}
footer .footer-contacts {
justify-content: center;
}
.usage-wrapper .usage-header {
margin: 0 0 5px;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech .tech-information-item:before {
display: none;
}
.middle-header .logo-wrapper {
margin: 0 0 20px;
}
.middle-header .row {
text-align: center;
}
}
@media (max-width: 567px) {
.error404 .image-wrapper {
text-align: center;
margin: 55px 0 0;
}
.error404 .image-wrapper svg {
max-width: 100%;
width: 100%;
}
.error404 .text-wrapper {
margin: 40px 0 0;
}
.error404 .button-wrapper {
text-align: center;
margin: 35px 0 0;
}
.categories-wrapper {
justify-content: center;
display: flex;
flex-wrap: wrap;
}
.our-partners-header {
text-align: center;
}
.category-listing-header {
font-size: 24px;
text-align: center;
}
.woocommerce-page:not(.woocommerce-front) ul.products li.product {
margin-right: 0;
}
.categories-wrapper .category-wrapper {
margin: 0 0 20px!important;
}
.front-page-product-list-wrapper .woocommerce-front ul.products.front-page li.product {
max-width: 100%;
}
.front-page-product-list-wrapper + .show-more-wrapper .show-more-button {
max-width: 100%;
}
.category-wrapper {
max-width: 100%;
}
.categories-wrapper .category-wrapper > a {
width: 100%;
}
.quantity-block-wrapper {
justify-content: flex-end;
}
.our-partners-wrapper {
margin: 0;
background-color: #fff;
padding: 0;
}
.partners-row {
background-color: #fff;
padding: 20px 0;
}
.our-partners-list {
justify-content: center;
}
.our-partner {
width: 100%;
}
.our-partner:not(:last-child) {
margin: 0 0 20px;
}
.our-partner img {
margin: 0 auto;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
margin-bottom: 2%!important;
margin-right: 0!important;
max-width: 100%;
width: 100%!important;
}
.woocommerce-products-header__title {
font-size: 20px;
text-align: center;
margin-top: 20px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
display: block;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li, .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
width: 100%;
text-align: center;
}
.woocommerce div.product .entry-summary .short-services-description-wrapper > * {
max-width: 100%;
align-items: center;
width: 100%;
justify-content: center;
}
.woocommerce-billing-fields__field-wrapper .form-row {
max-width: 100%;
}
}
@media (max-width: 320px) {
.mobile-menu-block #main-menu > li > .sub-menu,
.mobile-menu-block #main-menu > li.menu-item-has-children > a:before {
display: none;
}
.woocommerce-Reviews .comment-form-rating label[for='rating'] {
max-width: 50%;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .usage-blocks-wrapper .usage-block .usage-block-info > .usage-block-info-value {
text-align: right;
}
.product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content-tech .tech-information-item:before, .product .wc-tabs-wrapper .tab-specs-wrapper .tab-specs-content .usage-blocks-wrapper .usage-block .usage-block-info:before {
display: none;
}
#shipping_method > li > label, .wc_payment_methods > li > label {
padding: 0 0 0 15px;
font-size: 14px;
}
}