*{
box-sizing: border-box;
}
body{
font-family: "Nunito Sans", sans-serif;
font-weight: 300;
line-height: 1.5;
}
body, li, ol, p, ul {
margin: 0;
padding: 0;
}
ul{
list-style-type: none;
}
img {
max-width: 100%;
}
.container{
max-width: 1400px;
width: 100%;
margin: 0 auto;
padding: 0 40px;
}
section{
margin-top: 110px;
}
a{
text-decoration: none;
transition: color .15s, background-color .15s;
}
a:hover{ }
.d-none {
display: none;
}
hr {
border: none;
border-top: 1px solid #dcdcdc;
width: 100%;
}
.alignleft {
float: left;
}
.aligncenter {
width: 100%;
object-fit: contain;
}
.alignright {
float: right;
}
.header {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 1000;
padding: 16px 0;
background-color: white;
transition: background .3s;
}
.header.sticky{
border-bottom: 1px solid #eaeaea;
}
.header.sticky, .header:hover{
background: #fff;
}
header .container{
display: flex;
justify-content: space-between;
align-items: center;
}
.main-menu .menu{
padding: 0;
display: flex;
}
.main-menu li {
list-style-type: none;
}
.main-menu a{
padding: .5em 1.2em;
display: inline-block;
font-size: 15.3px;
word-break: break-word;
color: #423f3f;
position: relative;
text-wrap: nowrap;
}
.main-menu a:after {
content: "";
position: absolute;
width: calc(100% - 2.4em);
bottom: 0;
left: 50%;
background-color: transparent;
height: 2px;
transform: translate(-50%);
}
.main-menu a:hover:after{
background-color: #423f3f;
}
.header-mobile__controls {
display: none;
}
.mobile_menu_btn {
font-size: 30px;
}
.mobile-menu {
display: none;
position: fixed;
height: 100%;
left: 0;
bottom: 0;
width: 100%;
z-index: 10000;
background: white;
align-items: center;
justify-content: center;
text-align: center;
flex-direction: column;
gap: 20px;
}
.mobile-menu.active {
display: flex;
}
.mobile-menu .menu-item a {
color: black;
font-weight: 600;
font-size: 25px;
}
.mobile-menu-close {
position: absolute;
right: 20px;
top: 20px;
font-size: 30px;
}
.swiper-button-next, .swiper-button-prev {
width: 40px;
height: 40px;
background: #000000 !important;
color: white;
opacity: 0.5;
}
.swiper-button-next:after, .swiper-button-prev:after {
font-size: 13px;
font-weight: 600;
}
.first-screen-slide{
margin-top: 100px;
height: 600px;
}
.first-screen-slide img {
width: 100%;
object-fit: contain;
object-position: center;
height: 100%;
}
.first-screen-single-slider {
text-align: center;
}
.product{
display: flex;
flex-direction: column; text-align: center;
color: #423f3f;
gap: 10px;
}
.product .product__image {
object-fit: cover;
margin: 0 auto;
}
.product.brand .product__image {
object-fit: contain;
}
.product .product__title {
font-weight: 600;
}
#trp-floater-ls.trp-bottom-right{
display: none !important;
}
.site-main{
padding-top: 150px;
display: flex;
flex-direction: column;
margin: 0 auto;
width: 100%;
}
.slick-arrow{
transition: opacity 150ms ease, border 300ms ease-in-out;
}
.slick-arrow:hover{
border-color: #fff;
}
.footer{
background-color: #423f3f;
padding: 80px 0 30px 0;
color: #fff;
margin-top: 50px;
}
.footer-menu .menu{
display: flex;
justify-content: center;
gap: 10%;
}
.footer-menu .menu li a:hover{
text-decoration: underline;
}
.footer-menu a{
color: #fff;
}
.developed {
font-size: 14px;
}
.developed a{
color: #ae9b88;
text-decoration: underline;
}
.footer--container{
display: flex;
flex-direction: column;
gap: 80px;
}
.footer-bottom{
display: flex;
gap: 10px;
align-items: center;
font-size: 16px;
color: #ae9b88;
flex-direction: row;
justify-content: space-between;
}
.products__wrap{
display: flex;
gap: 60px;
margin-top: 30px;
}
.filter{
max-width: 30%;
}
.all-products{
flex: 1;
}
.archive-php, .single-post, .page-php{
min-height: 100vh;
}
.breadcrumbs{
margin-bottom: 40px;
}
.search-form {
display: flex;
border: 1px solid #dcdcdc;
align-items: center;
padding: 0 10px;
} .search-form #search {
background-color: #ffffff; color: black; border: none;
padding: 8px 12px;
border-radius: 4px;
width: 170px; font-size: 14px;
}
.search-form #search:focus-visible {
outline: none;
}
.woocommerce ul.products li.product a{
color: rgba(0, 0, 0, 0.6);
} .wpcf7-form {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background: #f9f9f9;
} .wpcf7-form-control {
width: 100%;
padding: 10px;
border: 1px solid #dcdcdc;
box-sizing: border-box;
margin-bottom: 15px;
}
.wpcf7-form-control:focus {
border-color: #423f3f;
outline: none;
box-shadow: 0 0 5px rgba(66, 66, 66, 0.2);
} .wpcf7-form label {
display: block;
margin-bottom: 5px;
font-weight: bold;
color: #333;
} .wpcf7-submit {
background-color: #423f3f;
color: #fff;
border: none;
padding: 10px 20px;
font-size: 16px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.wpcf7-submit:hover {
background-color: #333;
} .wpcf7-spinner {
display: none; } .wpcf7-response-output {
margin-top: 10px;
padding: 10px;
border-radius: 4px;
background-color: #e0e0e0;
color: #333;
}
.information__wrap {
overflow: hidden; }
.information img {
max-width: 40%;
height: auto;
margin: 0 20px 20px 0;
float: left;
}
.information__text {
color: #423f3f;
font-size: 16px;
line-height: 1.6;
}
select.orderby {
background-color: #423f3f;
color: white;
border: 1px solid #423f3f;
padding: 10px;
font-size: 16px;
outline: none;
cursor: pointer;
}
select.orderby option {
background-color: #423f3f;
color: white;
} select.orderby:hover,
select.orderby:focus {
background-color: #5c5959;
border-color: #5c5959;
}
select.orderby option:hover {
background-color: #f0f0f0;
}
.page-title {
text-align: center;
padding-bottom: 40px;
}
.page-title h1 {
margin-bottom: 0;
}
.aboutus-img {
padding: 0 20px 20px 0;
object-fit: cover;
float: left;
}
.contacts { padding-bottom: 30px;
display: flex;
flex-direction: column;
gap: 15px;
max-width: 320px;
margin: 0 auto;
}
.contact-item {
display: flex;
align-items: center; gap: 10px;
line-height: 1;
color: black;
}
.contact-item i {
font-size: 25px;
}
.contacts-title {
text-align: center;
}
.catalog-brands {
padding-bottom: 30px;
}
.brand_info img {
height: 150px!important;
}
.woocommerce-product-gallery__wrapper {
display: flex;
justify-content: space-between;
flex-direction: row;
}
.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
width: 100%;
margin-bottom: 100px;
margin-top: 30px;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
width: 49% !important;
display: inline-block;
height: 100px;
transition: 200ms;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image.active {
opacity: 50%;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image img {
height: 100%;
object-fit: cover;
}
.product-thumbs {
width: 15%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
width: 55%;
border: none;
height: fit-content;
}
.woocommerce-product-gallery__image--placeholder .swiper-wrapper {
height: fit-content;
}
.woocommerce-product-gallery__image--placeholder .swiper-slide:not(.swiper-slide-active) {
height: 0;
}
.product-qualities {
display: flex;
flex-direction: column;
gap: 10px;
width: 15%;
align-items: flex-end;
}
.product-qualities.hidden {
opacity: 0;
z-index: -1;
}
.product-quality img {
width: 70px!important;
}
.woocommerce div.product .product_title {
flex: 1;
text-align: center;
}
.woocommerce div.product div.summary {
width: 100%;
margin: 0;
display: flex;
align-items: center;
text-align: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
text-align: left;
}
.woocommerce div.product .woocommerce-tabs .panel {
text-align: left;
}
.product-description {
margin-bottom: 60px;
}
.posts {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.post {
width: 33.333%;
padding-right: 30px;
padding-bottom: 80px;
}
@media screen and (max-width: 768px){
.post {
width: 100%;
padding-right: 0;
}
}
.post:nth-child(3n) {
padding-right: 0;
}
.post .post-image {
width: 100%;
object-fit: cover;
height: 250px;
}
.archive-php-title {
color: black;
margin: 0;
margin-top: 10px;
}
.post_tag_time {
margin-bottom: 10px;
font-size: 14px;
}
.pagination {
margin-bottom: 50px;
}
.nav-links {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
}
.page-numbers,
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
background: #423f3f;
color: white;
padding: 10px 20px;
height: 100%;
min-height: 45px;
display: flex;
align-items: center;
}
.page-numbers.current,
.woocommerce nav.woocommerce-pagination ul li a:focus, .woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
opacity: 50%;
color: white;
background: #423f3f;
}
.dillers {
display: flex;
justify-content: center;
gap: 50px;
}
.dillers-form {
width: 40%;
}
.dillers-file {
width: 200px;
border: 1px solid #dcdcdc;
padding: 10px 20px;
text-align: center;
}
.dillers-file a {
color: black;
display: flex;
align-items: center;
}
.dillers-file .file-text {
flex: 1;
text-align: center;
}
.dillers-title {
text-align: center;
}
.dillers-files, .dillers-contacts {
flex: 1;
}
.dillers-contacts .contact-item {
justify-content: flex-start;
}
.product-attributes {
display: flex;
text-align: left;
justify-content: space-between;
flex-direction: row;
flex-wrap: wrap;
}
.product-column {
width: 49%;
}
.product-row {
margin-bottom: 40px;
}
.product-row-title {
padding-bottom: 5px;
border-bottom: 1px solid #dcdcdc;
font-size: 20px;
}
.product-desc {
margin-top: 10px;
}
.product-character {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 15px;
}
.product-character:nth-child(2n) {
background-color: #f1f2f3;
}
.product-character-value {
font-weight: 700;
text-align: right;
}
.product-files {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin-top: 10px;
justify-content: space-between;
}
.product-file {
width: 49%;
border: 1px solid #dcdcdc;
padding: 10px 20px;
text-align: center;
margin-bottom: 10px;
}
.product-file a {
color: black;
display: flex;
align-items: center;
}
.product-file .file-text {
flex: 1;
text-align: center;
}
.woocommerce .woocommerce-result-count, .woocommerce .woocommerce-ordering, .woof_checkbox_count, .woof_products_top_panel {
display: none!important;
}
.home-title {
text-align: center;
padding-bottom: 40px;
}
.home-title h1 {
margin: 0;
}
[data-panzoom-action="iterateZoom"], [data-fancybox-toggle-slideshow], [data-fancybox-toggle-fullscreen], [data-fancybox-toggle-thumbs] {
display: none;
}
.swiper-button-disabled {
display: none;
}
.single-post img[fetchpriority] {
margin: 20px;
}
.single-post img[fetchpriority].alignleft {
margin: 0;
margin-right: 20px;
margin-bottom: 20px;
}
.single-post img[fetchpriority].alignright {
margin: 0;
margin-left: 20px;
margin-bottom: 20px;
}
.woof_container_inner h4 {
margin-top: 0;
}
.woof_submit_search_form_container {
flex-direction: column;
gap: 10px;
}
.brandsToggle {
color: black;
font-weight: 500;
}
.swiper-pagination-bullet-active {
background-color: #423f3f !important;
}
.woof_submit_search_form_container {
display: none;
}
.woof_container_pwb-brand {
display: none;
}
@media screen and (max-width: 768px){
.main-menu, .header-menu .search-form {
display: none;
}
.logo img {
width: 200px;
}
.header-mobile__controls {
display: flex;
}
.container {
padding: 0 20px;
}
section {
margin-top: 30px;
}
.site-main {
padding-top: 100px;
}
.products__wrap {
flex-direction: column;
gap: 0;
}
.woocommerce .woocommerce-result-count {
width: 100%;
text-align: center;
}
.woocommerce .woocommerce-ordering {
width: 100%;
}
.filter {
max-width: 100%;
}
.woof_redraw_zone {
display: flex;
justify-content: space-around;
}
select.orderby {
width: 100%;
}
.information img {
max-width: 100%;
margin: 0;
margin-bottom: 20px;
}
.woocommerce div.product div.summary {
flex-direction: column;
}
.woocommerce div.product div.images.woocommerce-product-gallery {
flex-direction: column-reverse;
gap: 10px;
}
.product-qualities {
flex-direction: row;
align-items: center;
display: none;
}
.wpgs-thumb {
width: 100%!important;
}
.images.wpgs-wrapper .wpgs-image {
width: 100%!important;
}
.product-attributes {
flex-direction: column;
}
.product-column {
width: 100%;
}
.product-file {
width: 100%;
}
.dillers-form {
width: 100%;
}
.dillers {
gap: 20px;
flex-direction: column;
align-items: center;
}
.first-screen-slide {
height: auto;
}
.product .product__image {
height: auto;
}
.woocommerce-product-gallery__wrapper {
flex-direction: column;
}
.product-thumbs {
order: 2;
width: 100%;
gap: 10px;
justify-content: flex-start;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image--placeholder {
width: 100%;
order: 1;
}
.woocommerce div.product div.images .woocommerce-product-gallery__image {
width: 25% !important;
}
.swiper {
padding-bottom: 35px;
}
.swiper-button-next, .swiper-button-prev {
display: none;
}
.footer {
padding-top: 50px;
}
.footer--container {
gap: 50px;
}
.footer-menu .menu {
flex-direction: column;
align-items: center;
gap: 10px;
}
.footer-bottom {
flex-direction: column;
}
}
@media screen and (min-width: 768px){
.swiper-pagination {
display: none;
}
}