@charset "UTF-8";
.tax-product_brand .brand-description{overflow:hidden;zoom:1}.tax-product_brand .brand-description img.brand-thumbnail{width:25%;float:right}.tax-product_brand .brand-description .text{width:72%;float:left}.widget_brand_description img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0 0 1em}ul.brand-thumbnails{margin-left:0;margin-bottom:0;clear:both;list-style:none}ul.brand-thumbnails:before{clear:both;content:"";display:table}ul.brand-thumbnails:after{clear:both;content:"";display:table}ul.brand-thumbnails li{float:left;margin:0 3.8% 1em 0;padding:0;position:relative;width:22.05%}ul.brand-thumbnails.fluid-columns li{width:auto}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:both}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:0}ul.brand-thumbnails.columns-1 li{width:100%;margin-right:0}ul.brand-thumbnails.columns-2 li{width:48%}ul.brand-thumbnails.columns-3 li{width:30.75%}ul.brand-thumbnails.columns-5 li{width:16.95%}ul.brand-thumbnails.columns-6 li{width:13.5%}.brand-thumbnails li img{box-sizing:border-box;width:100%;max-width:none;height:auto;margin:0}@media screen and (max-width:768px){ul.brand-thumbnails:not(.fluid-columns) li{width:48%!important}ul.brand-thumbnails:not(.fluid-columns) li.first{clear:none}ul.brand-thumbnails:not(.fluid-columns) li.last{margin-right:3.8%}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(odd){clear:both}ul.brand-thumbnails:not(.fluid-columns) li:nth-of-type(even){margin-right:0}}.brand-thumbnails-description li{text-align:center}.brand-thumbnails-description li .term-thumbnail img{display:inline}.brand-thumbnails-description li .term-description{margin-top:1em;text-align:left}#brands_a_z h3:target{text-decoration:underline}ul.brands_index{list-style:none outside;overflow:hidden;zoom:1}ul.brands_index li{float:left;margin:0 2px 2px 0}ul.brands_index li a,ul.brands_index li span{border:1px solid #ccc;padding:6px;line-height:1em;float:left;text-decoration:none}ul.brands_index li span{border-color:#eee;color:#ddd}ul.brands_index li a:hover{border-width:2px;padding:5px;text-decoration:none}ul.brands_index li a.active{border-width:2px;padding:5px}div#brands_a_z a.top{border:1px solid #ccc;padding:4px;line-height:1em;float:right;text-decoration:none;font-size:.8em}

@font-face {
font-family: "Roboto";
src: url(//biforce.kg/wp-content/themes/BiforceTheme/assets/fonts/Roboto/Roboto-Regular.ttf) format("TrueType");
font-weight: 400;
}
@font-face {
font-family: "Roboto";
src: url(//biforce.kg/wp-content/themes/BiforceTheme/assets/fonts/Roboto/Roboto-Medium.ttf) format("TrueType");
font-weight: 500;
}
@font-face {
font-family: "Roboto";
src: url(//biforce.kg/wp-content/themes/BiforceTheme/assets/fonts/Roboto/Roboto-Bold.ttf) format("TrueType");
font-weight: 700;
}
@font-face {
font-family: "Roboto";
src: url(//biforce.kg/wp-content/themes/BiforceTheme/assets/fonts/Roboto/Roboto-Black.ttf) format("TrueType");
font-weight: 800;
}
:root {
--rubik-font: "Roboto";
--main-color: #0066af;
--second-color: #f4ce14;
--blue-dark: #001c30;
}
html,
body {
font-family: var(--rubik-font);
background-color: #f5f7f8;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
img {
max-width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
p {
line-height: 130%;
}
a {
text-decoration: none;
display: inherit;
}
input,
textarea,
button {
cursor: pointer;
border: none;
outline: none;
padding: 5px 10px;
font-family: var(--rubik-font);
}
@media (max-width: 480px) {
input,
textarea,
button {
padding: 4px 6px;
}
}
.wrapper {
max-width: 1920px;
margin: 0 auto;
}
.container {
max-width: 1280px;
margin: 0 auto;
padding: 0 20px;
}
@media (max-width: 480px) {
.container {
padding: 0 10px;
}
}
.desktop {
display: block;
}
@media (max-width: 480px) {
.desktop {
display: none;
}
}
.mobile {
display: none;
}
@media (max-width: 480px) {
.mobile {
display: block;
}
}
header .wrapper .top-header {
padding: 15px 0;
border-bottom: 1px solid #f3f3f3;
}
@media (max-width: 480px) {
header .wrapper .top-header {
padding: 10px 0;
}
}
header .wrapper .top-header .container .block {
display: flex;
align-items: center;
justify-content: space-between;
}
header .wrapper .top-header .container .block a {
display: flex;
align-items: center;
color: black;
font-size: 15px;
font-weight: 500;
}
@media (max-width: 480px) {
header .wrapper .top-header .container .block .top-left {
display: none;
}
}
header .wrapper .top-header .container .block .top-left a img {
margin-right: 5px;
}
header .wrapper .top-header .container .block .top-center {
width: 100%;
align-items: center;
justify-content: center;
display: flex;
}
header .wrapper .top-header .container .block .top-center a {
font-weight: bold;
}
@media (max-width: 480px) {
header .wrapper .top-header .container .block .top-center a {
font-weight: 400;
}
}
@media (max-width: 480px) {
header .wrapper .top-header .container .block .top-right {
display: none;
}
}
header .wrapper .top-header .container .block .top-right a img {
margin-right: 5px;
}
header .wrapper .header {
background-color: var(--main-color);
}
header .wrapper .header .container.header-block {
display: flex;
align-items: center;
justify-content: space-between;
}
header .wrapper .header .container.header-block .header-left .catalog-btn {
display: flex;
align-items: center;
background-color: var(--second-color);
padding: 12px 20px;
}
header .wrapper .header .container.header-block .header-left .catalog-btn img {
margin-right: 5px;
}
header .wrapper .header .container.header-block .header-left .catalog-btn span {
font-size: 15px;
font-weight: bold;
}
header .wrapper .header .container.header-block .header-center ul {
display: flex;
align-items: center;
gap: 10px;
}
header .wrapper .header .container.header-block .header-center ul li {
list-style-type: none;
}
header .wrapper .header .container.header-block .header-center ul li a {
color: white;
padding: 8px 14px;
border-radius: 20px;
font-size: 15px;
}
header .wrapper .header .container.header-block .header-center ul li a:hover {
color: var(--second-color);
}
header .wrapper .header .container.header-block .header-center ul li.current-menu-item a {
background-color: var(--second-color);
color: #000;
font-weight: bold;
}
header .wrapper .header .container.header-block .header-center ul li.current-menu-item a:hover {
color: black;
}
header .wrapper .header .container.header-block .header-right {
display: flex;
gap: 20px;
align-items: center;
margin-top: 4px;
}
header .wrapper .header .container.header-block .header-right span {
position: absolute;
min-width: 20px;
min-height: 20px;
border-radius: 20px;
background-color: var(--second-color);
color: black;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 600;
top: -30%;
right: -30%;
}
header .wrapper .header .container.header-block .header-right .favorite-btn a {
position: relative;
}
header .wrapper .header .container.header-block .header-right .favorite-btn a img {
width: 24px;
}
header .wrapper .header .container.header-block .header-right .cart-btn a {
position: relative;
}
header .wrapper .header .container.header-block .header-right .cart-btn a img {
width: 24px;
}
header .wrapper .header-bottom {
padding: 20px 0;
}
header .wrapper .header-bottom .container.header-bottom-block {
display: flex;
align-items: center;
justify-content: space-between;
gap: 40px;
}
header .wrapper .header-bottom .container.header-bottom-block .header-logo a img {
max-width: 150px;
}
header .wrapper .header-bottom .container.header-bottom-block .header-search {
width: 100%;
}
header .wrapper .header-bottom .container.header-bottom-block .header-search form {
display: flex;
width: 100%;
gap: 10px;
}
header .wrapper .header-bottom .container.header-bottom-block .header-search form .header-search-input {
flex: 1;
padding: 14px 20px;
border-radius: 5px;
border: 1px solid #b6bbc4;
width: 100%;
}
header .wrapper .header-bottom .container.header-bottom-block .header-search form .search-form-bth {
display: flex;
align-items: center;
padding: 10px 20px;
border-radius: 5px;
background-color: var(--main-color);
color: white;
}
header .wrapper .header-bottom .container.header-bottom-block .header-search form .search-form-bth img {
margin-right: 5px;
}
header .wrapper .header-bottom .container.header-bottom-block .header-search form .search-form-bth span {
font-size: 14px;
}
header .wrapper .mobile-header .mobile-top-header .container {
background-color: var(--main-color);
padding: 5px 0;
display: flex;
align-items: center;
justify-content: space-between;
}
header .wrapper .mobile-header .mobile-top-header .container .mobile-logo a img {
max-width: 120px;
}
header .wrapper .mobile-header .mobile-top-header .container .mobile-cart-favorite {
display: flex;
gap: 20px;
align-items: center;
margin-top: 4px;
margin-right: 20px;
}
header .wrapper .mobile-header .mobile-top-header .container .mobile-cart-favorite span {
position: absolute;
min-width: 20px;
min-height: 20px;
border-radius: 20px;
background-color: var(--second-color);
color: black;
display: flex;
align-items: center;
justify-content: center;
font-size: 10px;
font-weight: 600;
top: -30%;
right: -30%;
}
header .wrapper .mobile-header .mobile-top-header .container .mobile-cart-favorite .favorite-btn a {
position: relative;
}
header .wrapper .mobile-header .mobile-top-header .container .mobile-cart-favorite .favorite-btn a img {
width: 24px;
}
header .wrapper .mobile-header .mobile-top-header .container .mobile-cart-favorite .cart-btn a {
position: relative;
}
header .wrapper .mobile-header .mobile-top-header .container .mobile-cart-favorite .cart-btn a img {
width: 24px;
}
header .wrapper .mobile-header .mobile-bottom-header {
margin: 8px 0;
display: flex;
padding: 0 5px;
justify-content: space-between;
gap: 10px;
}
header .wrapper .mobile-header .mobile-bottom-header .mb-catalog-btn {
background-color: var(--second-color);
color: white;
display: flex;
align-items: center;
justify-content: center;
gap: 4px;
border-radius: 3px;
height: 38px;
padding: 0 15px;
color: black;
}
header .wrapper .mobile-header .mobile-bottom-header .mb-catalog-btn span {
font-size: 15px;
font-weight: 500;
}
header .wrapper .mobile-header .mobile-bottom-header form {
display: flex;
width: 80%;
position: relative;
align-items: center;
height: 38px;
}
header .wrapper .mobile-header .mobile-bottom-header form input {
width: 100%;
box-shadow: 0 0 0 1px #b6bbc4;
height: 35px;
border-radius: 4px;
padding: 0 10px;
}
header .wrapper .mobile-header .mobile-bottom-header form button {
position: absolute;
top: 3px;
height: 33px;
width: 32px;
right: 1px;
background-color: transparent;
border-radius: 4px;
}
.welcome-container .wrapper .container .slider-block {
display: grid;
grid-template-columns: 60% 38%;
grid-gap: 2%;
}
@media (max-width: 480px) {
.welcome-container .wrapper .container .slider-block {
grid-template-columns: repeat(1, 1fr);
}
}
.welcome-container .wrapper .container .slider-block .big-slider {
border-radius: 14px;
overflow: hidden;
}
@media (max-width: 480px) {
.welcome-container .wrapper .container .slider-block .big-slider {
height: 200px;
}
}
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-wrapper {
align-items: center;
}
@media (max-width: 480px) {
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-wrapper {
height: 200px;
}
}
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-wrapper .swiper-slide {
height: 450px;
}
@media (max-width: 480px) {
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-wrapper .swiper-slide {
height: 250px;
}
}
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-wrapper .swiper-slide a img {
width: 100%;
height: 450px;
-o-object-fit: cover;
object-fit: cover;
display: block;
}
@media (max-width: 480px) {
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-wrapper .swiper-slide a img {
height: 250px;
}
}
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-pagination.welcome-pagination {
bottom: 10px;
text-align: center;
}
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-button-prev.welcome-prev-btn {
left: 0px;
top: auto;
bottom: 0;
width: 40px;
margin-top: 0px;
height: 40px;
background-color: var(--main-color);
}
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-button-prev.welcome-prev-btn:after {
font-size: 1.2em;
color: white;
}
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-button-next.welcome-next-btn {
right: 0px;
top: auto;
bottom: 0;
width: 40px;
margin-top: 0px;
height: 40px;
background-color: var(--main-color);
}
.welcome-container .wrapper .container .slider-block .big-slider .swiper.welcome-slider .swiper-button-next.welcome-next-btn:after {
font-size: 1.2em;
color: white;
}
.welcome-container .wrapper .container .slider-block .banner-block {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 10px;
}
@media (max-width: 480px) {
.welcome-container .wrapper .container .slider-block .banner-block {
flex-direction: row;
}
}
.welcome-container .wrapper .container .slider-block .banner-block .top-bunner,
.welcome-container .wrapper .container .slider-block .banner-block .bottom-bunner {
height: 100%;
border-radius: 10px;
overflow: hidden;
}
@media (max-width: 480px) {
.welcome-container .wrapper .container .slider-block .banner-block .top-bunner,
.welcome-container .wrapper .container .slider-block .banner-block .bottom-bunner {
height: 120px;
}
}
.welcome-container .wrapper .container .slider-block .banner-block .top-bunner a,
.welcome-container .wrapper .container .slider-block .banner-block .bottom-bunner a {
height: 100%;
display: block;
}
.welcome-container .wrapper .container .slider-block .banner-block .top-bunner a img,
.welcome-container .wrapper .container .slider-block .banner-block .bottom-bunner a img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 100%;
}
.timer {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
font-size: 14px;
font-weight: bold;
justify-items: center;
padding: 5px 20px;
padding: 5px 10px;
background-color: var(--second-color);
border-radius: 20px;
height: 33px;
width: -moz-max-content;
width: max-content;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
margin-left: 0;
}
.timer .timer__item {
position: relative;
}
.timer .timer__days span {
margin-left: 5px;
}
.block-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.block-header .subject {
display: flex;
align-items: center;
margin: 20px 0;
}
.block-header .link a {
display: flex;
align-content: center;
justify-content: center;
gap: 10px;
color: var(--blue-dark);
font-weight: bold;
}
.discounts-container {
margin: 20px 0;
}
.discounts-container .wrapper .container .discounts-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.discounts-container .wrapper .container .discounts-header .subject {
display: flex;
align-items: center;
margin: 20px 0;
}
.discounts-container .wrapper .container .discounts-header .subject .timer {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
font-size: 14px;
font-weight: bold;
justify-items: center;
padding: 5px 20px;
margin-left: 10px;
padding: 5px 10px;
background-color: var(--second-color);
border-radius: 20px;
}
.discounts-container .wrapper .container .discounts-header .subject .timer .timer__item {
position: relative;
}
.discounts-container .wrapper .container .discounts-header .subject .timer .timer__days span {
margin-left: 5px;
}
.discounts-container .wrapper .container .discounts-header .link a {
display: flex;
align-content: center;
justify-content: center;
gap: 10px;
color: var(--blue-dark);
font-weight: bold;
}
.discounts-container .wrapper .container .discounts-items .swiper.discounts-slider {
position: relative;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide {
width: 100%;
border-radius: 10px;
overflow: hidden;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item {
width: 100%;
background-color: #faf5ef;
border-radius: 8px;
box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.3s ease;
display: grid;
grid-template-columns: 40% 60%;
padding: 14px;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .img {
background-color: white;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
width: 100%;
height: 100%;
position: relative;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .img img {
width: 100%;
height: auto;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details {
padding: 15px;
padding-right: 0px;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .product-title strong {
color: var(--blue-dark);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal;
font-size: 15px;
line-height: 1.4;
height: 2.8em;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .product-price {
margin-bottom: 10px;
display: flex;
align-items: center;
margin: 6px 0;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .product-price strong {
font-size: 16px;
color: #333;
display: block;
margin-bottom: 5px;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .product-price .is-sale {
font-size: 14px;
color: #999;
position: relative;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .product-price .is-sale::after {
content: "";
width: 100%;
height: 2px;
background-color: red;
position: absolute;
display: block;
top: calc(50% - 1px);
left: 0;
transform: rotate(-10deg);
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .product-price .seperator {
margin: 0 5px;
color: #999;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .product-price .real-price {
font-size: 14px;
color: var(--blue-dark);
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .product-price .real-price span {
font-weight: bold;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .in-stock {
margin-bottom: 15px;
display: flex;
align-items: center;
gap: 5px;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .in-stock .text {
font-size: 12px;
color: #666;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .in-stock .strong {
font-size: 12px;
font-weight: bold;
color: green;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .progress-bar {
position: relative;
height: 18px;
border-radius: 20px;
overflow: hidden;
background-color: #d9d9d9;
border-radius: 20px;
margin-top: 10px;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .progress-bar .bar {
position: absolute;
height: 100%;
width: 60%;
background: rgb(255, 124, 2);
background: linear-gradient(90deg, rgb(255, 124, 2) 0%, rgb(244, 206, 20) 100%);
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .progress-bar .text {
position: absolute;
top: calc(50% - 6px);
left: 50%;
transform: translateX(-50%);
font-size: 12px;
line-height: 3px;
color: #333;
margin-top: 5px;
display: flex;
}
.discounts-container .wrapper .container .discounts-items .swiper .swiper-slide .item .product-details .progress-bar .text span {
margin-left: 5px;
}
.discounts-container .wrapper .container .discounts-items .swiper .discount-prev-btn {
left: 0;
width: 30px;
height: 44px;
background-color: #fff;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
box-shadow: 0 0 5px 0px #9f9f9f;
}
.discounts-container .wrapper .container .discounts-items .swiper .discount-prev-btn:after {
font-size: 25px;
margin-left: -10px;
color: var(--blue-dark);
}
.discounts-container .wrapper .container .discounts-items .swiper .discount-next-btn {
right: 0;
width: 30px;
height: 44px;
background-color: #fff;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
box-shadow: 0 0 5px 0px #9f9f9f;
}
.discounts-container .wrapper .container .discounts-items .swiper .discount-next-btn:after {
font-size: 25px;
margin-right: -10px;
color: var(--blue-dark);
}
.discounts-container .wrapper .container .add_cart {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 10px;
width: 100%;
gap: 10px;
}
.discounts-container .wrapper .container .add_cart .add_cart_btn {
display: flex;
align-items: center;
background-color: var(--blue-dark);
border-radius: 30px;
color: #fff;
padding: 10px 16px;
text-decoration: none;
}
.discounts-container .wrapper .container .add_cart .add_cart_btn img {
margin-right: 5px;
}
.discounts-container .wrapper .container .add_cart .add_cart_btn span {
font-size: 13px;
white-space: nowrap;
}
.discounts-container .wrapper .container .add_cart .add_cart_btn:hover {
opacity: 0.7;
}
.discounts-container .wrapper .container .add_cart .favorite-product-btn {
width: 38px;
height: 38px;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
}
.discounts-container .wrapper .container .add_cart a {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
background-color: var(--blue-dark);
padding: 7px 12px;
border-radius: 20px;
color: white;
font-size: 14px;
}
.discounts-container .wrapper .container .add_cart a img {
width: 18px;
height: 18px;
cursor: pointer;
}
.discounts-container .wrapper .container .add_cart a img:hover {
opacity: 0.7;
}
.added_to_cart.wc-forward {
display: none !important;
}
.contacts_phone {
display: grid;
grid-template-columns: repeat(2, 1fr);
width: 70%;
margin-bottom: 20px;
gap: 20px;
}
@media (max-width: 480px) {
.contacts_phone {
width: 100%;
}
}
.contacts_phone a {
height: 60px;
display: block;
background-color: var(--blue-dark);
color: white;
font-size: 24px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 5px;
}
@media (max-width: 480px) {
.contacts_phone a {
height: 45px;
font-size: 18px;
}
}
.contacts_phone a:last-child {
background-color: #33a100;
}
.popular-category-container .wrapper .container .category.items {
display: grid;
grid-template-columns: 60% 38%;
gap: 2%;
}
@media (max-width: 480px) {
.popular-category-container .wrapper .container .category.items {
grid-template-columns: repeat(1, 1fr);
}
}
.popular-category-container .wrapper .container .category.items .row-items {
display: grid;
justify-content: space-between;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
@media (max-width: 480px) {
.popular-category-container .wrapper .container .category.items .row-items {
gap: 10px;
}
}
.popular-category-container .wrapper .container .category.items .row-items .item {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.3s ease;
display: flex;
align-items: center;
padding: 20px;
}
@media (max-width: 480px) {
.popular-category-container .wrapper .container .category.items .row-items .item {
padding: 12px;
flex-direction: column;
}
}
.popular-category-container .wrapper .container .category.items .row-items .item .img img {
width: 100%;
height: auto;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 480px) {
.popular-category-container .wrapper .container .category.items .row-items .item .img img {
height: 70px;
}
}
.popular-category-container .wrapper .container .category.items .row-items .item .item-cat {
padding: 15px;
text-align: center;
}
@media (max-width: 480px) {
.popular-category-container .wrapper .container .category.items .row-items .item .item-cat {
padding: 7px 0 0 0;
}
}
.popular-category-container .wrapper .container .category.items .row-items .item .item-cat strong {
font-size: 16px;
color: #333;
display: block;
margin-bottom: 10px;
}
@media (max-width: 480px) {
.popular-category-container .wrapper .container .category.items .row-items .item .item-cat strong {
font-size: 14px;
}
}
.popular-category-container .wrapper .container .category.items .row-items .item .item-cat a {
font-size: 14px;
color: white;
background-color: var(--main-color);
border-radius: 30px;
padding: 8px 15px;
text-decoration: none;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
.popular-category-container .wrapper .container .category.items .row-items .item .item-cat a {
font-size: 12px;
padding: 10px 10px;
}
}
.popular-category-container .wrapper .container .category.items .row-items .item .item-cat a img {
margin-left: 5px;
width: 12px;
height: 12px;
}
.popular-category-container .wrapper .container .category.items .row-items .item .item-cat a:hover {
opacity: 0.8;
}
.popular-category-container .wrapper .container .category.items .big-item {
display: flex;
justify-content: space-between;
background-color: #fff;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0px 10px rgba(154, 154, 154, 0.1);
}
.popular-category-container .wrapper .container .category.items .big-item .img {
width: 45%;
}
.popular-category-container .wrapper .container .category.items .big-item .img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.popular-category-container .wrapper .container .category.items .big-item .text {
width: 55%;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 20px;
}
.popular-category-container .wrapper .container .category.items .big-item .text span {
font-size: 12px;
color: var(--blue-dark);
font-weight: bold;
margin-bottom: 10px;
}
.popular-category-container .wrapper .container .category.items .big-item .text strong {
font-size: 30px;
color: #333;
font-weight: bold;
margin-bottom: 15px;
}
@media (max-width: 480px) {
.popular-category-container .wrapper .container .category.items .big-item .text strong {
font-size: 24px;
}
}
.popular-category-container .wrapper .container .category.items .big-item .text a {
background-color: var(--main-color);
color: #fff;
padding: 10px 20px;
font-size: 16px;
text-decoration: none;
border-radius: 30px;
text-align: center;
width: -moz-max-content;
width: max-content;
float: right;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
}
@media (max-width: 480px) {
.popular-category-container .wrapper .container .category.items .big-item .text a {
padding: 10px 24px;
font-size: 14px;
}
}
a.tech_list_product {
color: #777777;
border-bottom: 2px dotted;
display: inline-block;
margin-top: 5px;
font-size: 13px;
}
.product-card {
background-color: white;
padding: 20px 10px;
border-radius: 10px;
}
@media (max-width: 480px) {
.product-card {
padding: 10px;
}
}
.product-card__header {
display: flex;
align-items: center;
justify-content: space-between;
}
.product-card__header .raiting {
display: flex;
align-items: center;
justify-content: center;
gap: 3px;
}
.product-card__details a .product-card__img img {
height: 150px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 480px) {
.product-card__details a .product-card__img img {
height: 120px;
}
}
.product-card__details a .discount {
position: absolute;
top: 50px;
background: #ff6464;
padding: 4px 10px;
border-radius: 20px;
color: white;
font-size: 14px;
}
.product-card__details a .product-card__title {
margin-top: 10px;
}
.product-card__details a .product-card__title strong {
color: var(--blue-dark);
font-size: 17px;
line-height: 1.4;
max-height: 2.8em; min-height: 2.8em; max-width: 200px;
display: -webkit-box;
-webkit-line-clamp: 2; -webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal; }
@media (max-width: 480px) {
.product-card__details a .product-card__title strong {
max-width: 170px;
}
}
@media (max-width: 480px) {
.product-card__details a .product-card__title strong {
font-size: 14px;
}
}
.product-card__details .product-card__cart-btn {
display: flex;
align-items: center;
justify-content: space-between;
margin-top: 10px;
}
.product-card__details .product-card__cart-btn .product-card__price {
font-size: 17px;
font-weight: 800;
color: #ee9322;
}
.product-card__details .product-card__cart-btn .product-card__price p.sale-price {
display: flex;
flex-direction: column;
}
.product-card__details .product-card__cart-btn .product-card__price p.sale-price span.regular_ins {
color: #666;
font-size: 15px;
font-weight: 300;
text-decoration: line-through;
}
.product-card__details .product-card__cart-btn .product-card_cart a {
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
background-color: var(--blue-dark);
padding: 7px 12px;
border-radius: 20px;
color: white;
font-size: 14px;
}
.product-card__details .product-card__cart-btn .product-card_cart a img {
width: 18px;
}
@media (max-width: 480px) {
.product-card__details .product-card__cart-btn .product-card_cart a {
font-size: 12px;
white-space: nowrap;
}
}
.swiper-button-prev {
left: 0 !important;
width: 30px !important;
height: 44px !important;
background-color: #fff;
border-top-right-radius: 30px;
border-bottom-right-radius: 30px;
box-shadow: 0 0 5px 0px #9f9f9f;
}
.swiper-button-prev:after {
font-size: 25px !important;
margin-left: -10px;
color: var(--blue-dark);
}
.swiper-button-next {
right: 0 !important;
width: 30px !important;
height: 44px !important;
background-color: #fff;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
box-shadow: 0 0 5px 0px #9f9f9f;
}
.swiper-button-next:after {
font-size: 25px !important;
margin-right: -10px;
color: var(--blue-dark);
}
.top-sale-container {
margin: 20px 0;
}
.top-sale-container .wrapper .container .top-sale-items {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-gap: 15px;
}
@media (max-width: 480px) {
.top-sale-container .wrapper .container .top-sale-items {
grid-template-columns: repeat(2, 1fr);
gap: 7px;
}
}
.our_project_container .wrapper .container .project_items .swiper-slide .item .img {
margin: 4px;
}
.our_project_container .wrapper .container .project_items .swiper-slide .item .img img {
box-shadow: 0 0 5px 0 #cfcfcf;
border-radius: 10px;
height: 280px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 480px) {
.our_project_container .wrapper .container .project_items .swiper-slide .item .img img {
height: 200px;
}
}
.our_project_container .wrapper .container .project_items .swiper-slide .item .content .meta {
display: flex;
align-items: center;
gap: 10px;
}
.our_project_container .wrapper .container .project_items .swiper-slide .item .content .meta .date span {
font-size: 12px;
}
.our_project_container .wrapper .container .project_items .swiper-slide .item .content .meta .author span {
font-weight: bold;
font-size: 12px;
}
.our_project_container .wrapper .container .project_items .swiper-slide .item .content h3 {
font-size: 18px;
margin: 10px 0;
}
.our_project_container .wrapper .container .project_items .swiper-slide .item .content a {
width: 100%;
display: block;
border-radius: 20px;
height: 45px;
background-color: var(--blue-dark);
color: white;
display: flex;
align-items: center;
justify-content: center;
}
.meta {
margin-top: 12px;
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 480px) {
.meta {
margin-top: 7px;
}
}
.meta span {
color: black;
}
@media (max-width: 480px) {
.meta span {
font-size: 12px;
}
}
.meta .author span {
font-weight: bold;
}
.news_container .wrapper .container .news_items {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
}
@media (max-width: 480px) {
.news_container .wrapper .container .news_items {
grid-template-columns: repeat(1, 1fr);
grid-gap: 14px;
}
}
.news_container .wrapper .container .news_items .big_item {
position: relative;
border-radius: 20px;
overflow: hidden;
height: 450px;
}
@media (max-width: 480px) {
.news_container .wrapper .container .news_items .big_item {
height: 300px;
}
}
.news_container .wrapper .container .news_items .big_item:after {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
background: rgb(0, 0, 0);
background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0) 70%);
z-index: 1;
}
.news_container .wrapper .container .news_items .big_item .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.news_container .wrapper .container .news_items .big_item .abs-text {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
padding: 20px;
z-index: 2;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.news_container .wrapper .container .news_items .big_item .abs-text .top span {
padding: 6px 12px;
border-radius: 10px;
background-color: var(--second-color);
}
@media (max-width: 480px) {
.news_container .wrapper .container .news_items .big_item .abs-text .top span {
font-size: 14px;
}
}
.news_container .wrapper .container .news_items .big_item .abs-text .bottom h3 {
font-size: 24px;
color: white;
}
@media (max-width: 480px) {
.news_container .wrapper .container .news_items .big_item .abs-text .bottom h3 {
font-size: 20px;
}
}
.news_container .wrapper .container .news_items .big_item .abs-text .bottom .meta span {
color: white;
}
.news_container .wrapper .container .news_items .big_item .item_link {
position: absolute;
top: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7333333333);
transition: all 0.2s linear;
transform: translateY(120%);
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
}
.news_container .wrapper .container .news_items .big_item .item_link a {
width: 70%;
height: 60px;
display: flex;
font-size: 18px;
align-items: center;
justify-content: center;
background-color: #000;
color: white;
border-radius: 20px;
transition: all 0.2s linear;
}
.news_container .wrapper .container .news_items .big_item .item_link a:hover {
background-color: var(--second-color);
color: black;
transition: all 0.2s linear;
}
.news_container .wrapper .container .news_items .big_item:hover .item_link {
transition: all 0.2s linear;
transform: translateY(0);
}
.news_container .wrapper .container .news_items .row_items {
display: flex;
flex-direction: column;
gap: 20px;
}
@media (max-width: 480px) {
.news_container .wrapper .container .news_items .row_items {
gap: 15px;
}
}
.news_container .wrapper .container .news_items .row_items .item a {
color: black;
display: grid;
grid-template-columns: 70% 27%;
grid-gap: 3%;
}
.news_container .wrapper .container .news_items .row_items .item .content h3 {
font-size: 19px;
margin-bottom: 6px;
display: block;
}
.news_container .wrapper .container .news_items .row_items .item .content .meta {
margin: 0px;
}
.news_container .wrapper .container .news_items .row_items .item .content .meta .author span,
.news_container .wrapper .container .news_items .row_items .item .content .meta .date span {
font-size: 12px;
font-weight: bold;
}
.news_container .wrapper .container .news_items .row_items .item .img {
width: 100%;
height: 70px;
border-radius: 10px;
overflow: hidden;
}
.news_container .wrapper .container .news_items .row_items .item .img img {
width: 100%;
height: 70px;
-o-object-fit: cover;
object-fit: cover;
display: inherit;
}
.favorite-btn {
display: none;
}
footer {
margin-top: 50px;
padding: 50px 0;
padding-bottom: 20px;
background-color: var(--blue-dark);
}
@media (max-width: 480px) {
footer {
padding: 24px 0;
padding-bottom: 20px;
}
}
footer .wrapper .container .footer .rows {
display: grid;
grid-template-columns: 35% 20% 15% 20%;
gap: 3.3%;
}
@media (max-width: 480px) {
footer .wrapper .container .footer .rows {
grid-template-columns: repeat(1, 1fr);
}
}
footer .wrapper .container .footer .rows .footer_logo a img {
width: 100%;
max-width: 180px;
}
@media (max-width: 480px) {
footer .wrapper .container .footer .rows .footer_logo a img {
max-width: 130px;
}
}
footer .wrapper .container .footer .rows .footer_logo .footer-description {
margin: 7px 14px;
}
footer .wrapper .container .footer .rows .footer_logo .footer-description p {
color: white;
}
@media (max-width: 480px) {
footer .wrapper .container .footer .rows .footer_logo .footer-description p {
font-size: 14px;
}
}
footer .wrapper .container .footer .rows .footer_logo .social_links {
display: flex;
align-items: center;
gap: 10px;
margin: 10px 0;
margin-left: 30px;
}
@media (max-width: 480px) {
footer .wrapper .container .footer .rows .footer_logo .social_links {
margin-left: 10px;
}
}
footer .wrapper .container .footer .rows .footer_logo .social_links a img {
width: 34px;
height: 34px;
}
@media (max-width: 480px) {
footer .wrapper .container .footer .rows .footer_logo .social_links a img {
width: 24px;
height: 24px;
}
}
@media (max-width: 480px) {
footer .wrapper .container .footer .rows .footer_menu {
margin-left: 10px;
width: 45%;
float: left;
}
}
footer .wrapper .container .footer .rows .footer_menu strong {
color: white;
display: block;
margin-bottom: 20px;
}
footer .wrapper .container .footer .rows .footer_menu ul {
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 480px) {
footer .wrapper .container .footer .rows .footer_menu ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-column-gap: 30px;
}
}
footer .wrapper .container .footer .rows .footer_menu ul li {
list-style-type: none;
}
footer .wrapper .container .footer .rows .footer_menu ul li a {
color: white;
font-weight: 300;
}
footer .wrapper .container .footer .rows .footer_menu ul li a:hover {
color: var(--second-color);
}
footer .wrapper .container .footer .rows .footer_contacts .contacts a {
color: white;
font-size: 20px;
display: block;
margin-bottom: 10px;
display: flex;
align-items: center;
}
footer .wrapper .container .footer .rows .footer_contacts .contacts a img {
width: 24px;
height: auto;
display: inline-block;
margin-right: 5px;
}
footer .wrapper .container .footer .copyright {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: 20px;
margin-top: 50px;
border-top: 1px solid #aaaaaa;
}
@media (max-width: 480px) {
footer .wrapper .container .footer .copyright {
flex-direction: column;
gap: 5px;
}
}
footer .wrapper .container .footer .copyright a,
footer .wrapper .container .footer .copyright p {
color: rgb(157, 157, 157);
}
@media (max-width: 480px) {
footer .wrapper .container .footer .copyright a,
footer .wrapper .container .footer .copyright p {
font-size: 14px;
}
}
footer .wrapper .container .footer .copyright a {
text-decoration: underline;
}
.page_title {
padding: 30px 0;
}
.page_title h1 {
text-align: center;
font-size: 40px;
}
@media (max-width: 480px) {
.page_title h1 {
font-size: 20px;
}
}
.contact_page_container .wrapper .container .contacts_page_phone strong {
font-size: 30px;
padding-bottom: 14px;
position: relative;
border-bottom: 4px solid var(--blue-dark);
display: inline-block;
min-width: 30%;
margin-bottom: 20px;
}
@media (max-width: 480px) {
.contact_page_container .wrapper .container .contacts_page_phone strong {
min-width: 100%;
font-size: 20px;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 3px solid var(--blue-dark);
}
}
.contact_page_container .wrapper .container .contacts_page_phone strong:after {
content: "";
width: 50%;
height: 4px;
position: absolute;
bottom: -4px;
left: 0;
z-index: 1;
display: block;
background-color: var(--second-color);
}
@media (max-width: 480px) {
.contact_page_container .wrapper .container .contacts_page_phone strong:after {
height: 3px;
bottom: -3px;
}
}
.contact_page_container .wrapper .container .contacts_page_phone_items {
display: grid;
width: 60%;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
@media (max-width: 480px) {
.contact_page_container .wrapper .container .contacts_page_phone_items {
grid-gap: 20px;
grid-template-columns: repeat(1, 1fr);
}
}
.contact_page_container .wrapper .container .contacts_page_phone_items ul {
display: flex;
flex-direction: column;
gap: 10px;
}
@media (max-width: 480px) {
.contact_page_container .wrapper .container .contacts_page_phone_items ul {
gap: 4px;
}
}
.contact_page_container .wrapper .container .contacts_page_phone_items ul li {
list-style-type: none;
}
.contact_page_container .wrapper .container .contacts_page_phone_items ul li a {
font-size: 20px;
color: black;
}
@media (max-width: 480px) {
.contact_page_container .wrapper .container .contacts_page_phone_items ul li a {
font-size: 16px;
}
}
.contact_page_container .wrapper .container .contacts_page_form {
margin: 50px 0;
}
@media (max-width: 480px) {
.contact_page_container .wrapper .container .contacts_page_form {
margin: 24px 0;
}
}
.contact_page_container .wrapper .container .contacts_page_form .page_subject strong {
font-size: 30px;
padding-bottom: 14px;
position: relative;
border-bottom: 4px solid var(--blue-dark);
display: inline-block;
min-width: 30%;
margin-bottom: 20px;
}
@media (max-width: 480px) {
.contact_page_container .wrapper .container .contacts_page_form .page_subject strong {
min-width: 100%;
font-size: 20px;
margin-bottom: 14px;
padding-bottom: 10px;
border-bottom: 3px solid var(--blue-dark);
}
}
.contact_page_container .wrapper .container .contacts_page_form .page_subject strong:after {
content: "";
width: 50%;
height: 4px;
position: absolute;
bottom: -4px;
left: 0;
z-index: 1;
display: block;
background-color: var(--second-color);
}
@media (max-width: 480px) {
.contact_page_container .wrapper .container .contacts_page_form .page_subject strong:after {
height: 3px;
bottom: -3px;
}
}
.contact_page_container .wrapper .container .contacts_page_form .page_subject p {
font-size: 20px;
}
@media (max-width: 480px) {
.contact_page_container .wrapper .container .contacts_page_form .page_subject p {
font-size: 16px;
}
}
.single-page-container .wrapper {
display: grid;
grid-template-columns: 72% 25%;
max-width: 1280px;
margin: 0 auto;
gap: 3%;
}
@media (max-width: 480px) {
.single-page-container .wrapper {
grid-template-columns: repeat(1, 1fr);
}
}
.single-page-container .wrapper .container .img {
margin-bottom: 20px;
}
.single-page-container .wrapper .container .content .title {
margin: 0px;
}
.single-page-container .wrapper .container .content .title h2 {
font-size: 25px;
}
.single-page-container .wrapper .container .content .meta {
margin-bottom: 20px;
margin-top: 5px;
}
.single-page-container .wrapper .container .content .text * {
margin-bottom: 10px;
}
.single-page-container .wrapper .container .content .text p {
line-height: 135%;
}
@media (max-width: 480px) {
.single-page-container .wrapper .saidbar {
margin-bottom: 50px;
padding: 0 10px;
}
}
.single-page-container .wrapper .saidbar .saidbar_subject strong {
display: inline-block;
font-size: 22px;
margin-bottom: 10px;
}
@media (max-width: 480px) {
.single-page-container .wrapper .saidbar .saidbar_subject strong {
font-size: 20px;
}
}
.single-page-container .wrapper .saidbar .saidbar_items .item {
margin-bottom: 12px;
}
.single-page-container .wrapper .saidbar .saidbar_items .item a {
display: flex;
gap: 10px;
}
.single-page-container .wrapper .saidbar .saidbar_items .item a .img {
width: 25%;
}
.single-page-container .wrapper .saidbar .saidbar_items .item a .img img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 10px;
}
.single-page-container .wrapper .saidbar .saidbar_items .item a .text h3 {
color: black;
font-size: 18px;
}
@media (max-width: 480px) {
.single-page-container .wrapper .saidbar .saidbar_items .item a .text h3 {
font-size: 16px;
}
}
.single-page-container .wrapper .saidbar .saidbar_items .item a .text .meta {
margin-top: 5px;
}
.single-page-container .wrapper .saidbar .saidbar_items .item a .text .meta span {
font-size: 14px;
}
@media (max-width: 480px) {
.single-page-container .wrapper .saidbar .saidbar_items .item a .text .meta span {
font-size: 12px;
}
}
.news_page_container .wrapper .container .news_page_items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 20px;
}
@media (max-width: 480px) {
.news_page_container .wrapper .container .news_page_items {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width: 480px) {
.news_page_container .wrapper .container .news_page_items .item {
display: grid;
grid-template-columns: 28% 70%;
grid-gap: 2%;
}
}
.news_page_container .wrapper .container .news_page_items .item .img {
margin: 4px;
}
.news_page_container .wrapper .container .news_page_items .item .img img {
box-shadow: 0 0 5px 0 #cfcfcf;
border-radius: 10px;
height: 260px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 480px) {
.news_page_container .wrapper .container .news_page_items .item .img img {
border-radius: 5px;
width: 100%;
height: 80px;
}
}
.news_page_container .wrapper .container .news_page_items .item .content .meta {
display: flex;
align-items: center;
gap: 10px;
}
@media (max-width: 480px) {
.news_page_container .wrapper .container .news_page_items .item .content .meta {
margin-top: 0;
}
}
.news_page_container .wrapper .container .news_page_items .item .content .meta .date span {
font-size: 12px;
}
.news_page_container .wrapper .container .news_page_items .item .content .meta .author span {
font-weight: bold;
font-size: 12px;
}
.news_page_container .wrapper .container .news_page_items .item .content h3 {
font-size: 18px;
margin: 10px 0;
}
@media (max-width: 480px) {
.news_page_container .wrapper .container .news_page_items .item .content h3 {
font-size: 16px;
margin: 0;
margin-bottom: 6px;
}
}
.news_page_container .wrapper .container .news_page_items .item .content p {
margin: 5px 0;
}
@media (max-width: 480px) {
.news_page_container .wrapper .container .news_page_items .item .content p {
display: none;
}
}
.news_page_container .wrapper .container .news_page_items .item .content a {
width: 100%;
display: block;
border-radius: 20px;
height: 45px;
background-color: var(--blue-dark);
color: white;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
.news_page_container .wrapper .container .news_page_items .item .content a {
display: none;
}
}
section.page .wrapper .container .page-info {
margin: 40px 0;
width: 100%;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 40px;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info {
grid-template-columns: repeat(1, 1fr);
margin: 24px 0;
}
}
section.page .wrapper .container .page-info .page-info-img {
width: 668px;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-img {
width: 325px;
max-width: 100%;
min-width: 100%;
margin: 0 auto;
}
}
section.page .wrapper .container .page-info .page-info-img .swiper.mySwiper2 {
margin-bottom: 20px;
}
section.page .wrapper .container .page-info .page-info-img .swiper.mySwiper2 .swiper-wrapper {
background-color: #fff;
border-radius: 20px;
}
section.page .wrapper .container .page-info .page-info-img .swiper.mySwiper2 .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
height: 450px;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-img .swiper.mySwiper2 .swiper-slide {
height: 300px;
}
}
section.page .wrapper .container .page-info .page-info-img .swiper.mySwiper2 .swiper-slide img {
height: 300px;
width: 100%;
-o-object-fit: contain;
object-fit: contain;
margin: 0 auto;
}
section.page .wrapper .container .page-info .page-info-img .swiper.mySwiper {
max-width: 100%;
}
section.page .wrapper .container .page-info .page-info-img .swiper.mySwiper .swiper-slide {
background-color: #fff;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
border: 2px solid var(--second-color);
}
section.page .wrapper .container .page-info .page-info-img .swiper.mySwiper .swiper-slide img {
height: 80px;
width: -moz-max-content;
width: max-content;
-o-object-fit: cover;
object-fit: cover;
width: 100%;
}
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox {
position: fixed;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.2509803922);
z-index: 100;
top: 0px;
right: 0;
left: 0;
bottom: 0;
align-items: center;
display: none;
}
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox .block {
display: block;
width: 80%;
height: -moz-max-content;
height: max-content;
max-height: 85%;
padding: 40px;
background: white;
margin: 0 auto;
position: relative;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox .block {
padding: 30px 20px;
width: 100%;
padding-top: 40px;
}
}
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox .block .lightbox-close {
position: absolute;
top: 0px;
right: 0px;
cursor: pointer;
}
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox .block .swiper-wrapper .swiper-slide {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox .block .swiper-wrapper .swiper-slide img {
height: 100%;
max-height: 600px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox .block .swiper-wrapper .swiper-slide img {
max-height: 100%;
}
}
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox .block .arrows {
display: flex;
align-items: center;
justify-content: center;
margin-top: 20px;
gap: 30px;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox .block .arrows {
margin-top: 10px;
}
}
section.page .wrapper .container .page-info .page-info-img .modal-container-lightbox .block .arrows button {
position: initial;
top: auto;
bottom: 30px;
margin: 0;
top: auto;
left: auto;
right: auto;
color: white;
background-color: var(--main-color);
}
section.page .wrapper .container .page-info .page-info-data {
width: 604px;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-data {
width: 100%;
}
}
section.page .wrapper .container .page-info .page-info-data .title {
margin-bottom: 20px;
}
section.page .wrapper .container .page-info .page-info-data .title h2 {
font-size: 36px;
font-weight: 700;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-data .title h2 {
font-size: 26px;
}
}
section.page .wrapper .container .page-info .page-info-data .product_price {
font-size: 24px;
color: #56af2c;
font-weight: 700;
margin-bottom: 20px;
}
section.page .wrapper .container .page-info .page-info-data .product_price del {
font-weight: 300;
color: #9f9f9f;
margin-right: 20px;
font-size: 16px;
}
section.page .wrapper .container .page-info .page-info-data .woocommerce-product-details__short-description {
font-size: 13px;
color: #5b5b5b;
}
section.page .wrapper .container .page-info .page-info-data .product_meta {
margin: 15px 0;
}
section.page .wrapper .container .page-info .page-info-data .specifications {
display: grid;
grid-template-columns: repeat(2, 1fr);
align-items: flex-start;
gap: 30px;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-data .specifications {
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
}
section.page .wrapper .container .page-info .page-info-data .specifications p {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 18px;
text-transform: uppercase;
}
section.page .wrapper .container .page-info .page-info-data .specifications p:nth-child(3) {
text-transform: none;
}
section.page .wrapper .container .page-info .page-info-data .specifications p span {
font-size: 12px;
color: #7c7c7c;
text-transform: none;
}
section.page .wrapper .container .page-info .page-info-data .btns {
padding: 20px 0;
display: flex;
justify-content: start;
gap: 20px;
margin: 20px 0;
border-top: 1px solid #a5a5a5;
border-bottom: 1px solid #a5a5a5;
align-items: center;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-data .btns {
padding-top: 10px;
}
}
section.page .wrapper .container .page-info .page-info-data .btns .count {
position: relative;
width: 100%;
max-width: 180px;
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 5px;
gap: 10px;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-data .btns .count {
width: 100%;
}
}
section.page .wrapper .container .page-info .page-info-data .btns .count button {
position: relative;
width: 35px;
height: 35px;
border-radius: 35px;
border: 1px solid var(--blue-dark);
background-color: var(--blue-dark);
color: white;
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-width: 35px;
font-size: 27px;
}
section.page .wrapper .container .page-info .page-info-data .btns .count input {
width: 100%;
background-color: transparent;
text-align: center;
font-size: 20px;
border-radius: 30px;
margin: 5px 0;
display: inline-block;
border: 1px solid var(--blue-dark);
}
section.page .wrapper .container .page-info .page-info-data .btns .totals {
margin-left: 20px;
font-size: 17px;
font-weight: 300;
}
section.page .wrapper .container .page-info .page-info-data .btns .totals span.summ {
font-weight: 600;
font-size: 20px;
}
section.page .wrapper .container .page-info .page-info-data .btns button {
max-width: 250px;
width: 100%;
height: 50px;
font-size: 14px;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-data .btns button {
width: 100%;
height: 45px;
}
}
section.page .wrapper .container .page-info .page-info-data .btns .button .cart-btn,
section.page .wrapper .container .page-info .page-info-data .btns .button .favorite-btn {
background-color: transparent;
border: 2px solid var(--main-color);
text-transform: uppercase;
color: var(--main-color);
font-weight: 700;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-data .btns .button .cart-btn,
section.page .wrapper .container .page-info .page-info-data .btns .button .favorite-btn {
font-size: 15px;
font-weight: normal;
}
}
section.page .wrapper .container .page-info .page-info-data .btns .calculator {
background-color: var(--main-color);
color: var(--white-color);
}
section.page .wrapper .container .page-info .page-info-data .tech_list {
margin-bottom: 20px;
}
@media (max-width: 480px) {
section.page .wrapper .container .page-info .page-info-data .tech_list {
margin-bottom: 10px;
}
}
section.page .wrapper .container .page-info .page-info-data .tech_list a {
padding: 0 10px;
min-width: 130px;
max-width: -moz-max-content;
max-width: max-content;
background: #0066b0;
height: 36px;
display: flex;
align-items: center;
justify-content: center;
color: #ffffff;
border: none;
border-radius: 5px;
font-size: 16px;
}
section.page .wrapper .container .page-info .page-info-data .add_btns {
display: flex;
gap: 20px;
}
section.page .wrapper .container .page-info .page-info-data .add_btns button {
border-radius: 30px;
background: #fff;
border: 1px solid #e1e1e1;
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
padding: 7px;
}
section.page .wrapper .container .page-info .page-info-data .add_btns button img {
margin-top: 2px;
margin-left: 2px;
}
section.page .wrapper .container .page-info .page-info-data .add_btns .opt_link {
margin-top: 20px;
}
section.page .wrapper .container .page-info .page-info-data .add_btns .opt_link a {
padding: 10px 30px;
border-radius: 50px;
background: green;
color: white;
}
section.page .wrapper .container .page-info .page-info-data .add_btns .button button {
width: 250px;
height: 36px;
border: 1px solid var(--blue-dark);
color: var(--blue-dark);
background: transparent;
border-radius: 36px;
}
section.page .wrapper .container a.download {
display: flex;
align-items: center;
justify-content: center;
gap: 15px;
width: 221px;
height: 43px;
margin-top: 25px;
color: var(--white-color);
background-color: var(--main-color);
text-transform: uppercase;
font-size: 13px;
}
@media (max-width: 480px) {
section.page .wrapper .container a.download {
max-width: 100%;
width: 100%;
}
}
section.page .wrapper .container .description {
margin-top: 30px;
}
@media (max-width: 480px) {
section.page .wrapper .container .description {
margin-top: 30px;
}
}
section.page .wrapper .container .description .title {
border-bottom: 2px solid var(--silver-color);
padding-bottom: 18px;
margin-bottom: 40px;
}
@media (max-width: 480px) {
section.page .wrapper .container .description .title {
margin-bottom: 20px;
padding-top: 0px;
}
}
section.page .wrapper .container .description .description-info {
width: 100%;
display: grid;
grid-template-columns: 70% 28%;
justify-content: space-between;
}
@media (max-width: 480px) {
section.page .wrapper .container .description .description-info {
display: block;
}
}
section.page .wrapper .container .description .description-info .description-info-data {
width: 100%;
display: flex;
flex-direction: column;
gap: 10px;
}
section.page .wrapper .container .description .description-info .description-info-data .text {
max-height: 500px;
overflow: hidden;
}
section.page .wrapper .container .description .description-info .description-info-data .text ul {
margin-bottom: 10px;
}
section.page .wrapper .container .description .description-info .description-info-data .text ul li {
list-style-type: auto;
margin-bottom: 10px;
}
section.page .wrapper .container .description .description-info .description-info-data .text {
max-height: 24em; overflow: hidden; position: relative; line-height: 1.2em; display: -webkit-box; -webkit-box-orient: vertical; transition: transform 0.5s ease-in;
-webkit-line-clamp: 20; }
section.page .wrapper .container .description .description-info .description-info-data .text.expanded {
max-height: none; -webkit-line-clamp: inherit;
}
section.page .wrapper .container .description .description-info .description-info-data .text.expanded ~ .show_text img {
transform: rotate(-180deg);
transition: transform 0.5s linear;
}
section.page .wrapper .container .description .description-info .description-info-data .text.expanded::after {
content: ""; }
@media (max-width: 480px) {
section.page .wrapper .container .description .description-info .description-info-data .show_text {
margin-bottom: 30px;
}
}
section.page .wrapper .container .description .description-info .description-info-data .show_text button {
height: 30px;
color: var(--footer-bg);
padding: 0;
font-weight: 600;
background-color: transparent;
text-decoration: underline;
}
section.page .wrapper .container .description .description-info .description-info-data .show_text button img {
transition: transform 0.5s linear;
}
section.page .wrapper .container section.related {
margin: 70px 0 80px;
}
@media (max-width: 480px) {
section.page .wrapper .container section.related {
margin: 30px 0;
}
}
section.page .wrapper .container section.related .popular-slider .swiper-slide {
padding: 0;
}
section.page .wrapper .container section.related .popular-slider .size-arrow h2 {
font-size: 26px;
text-transform: uppercase;
}
@media (max-width: 480px) {
section.page .wrapper .container section.related .popular-slider .size-arrow h2 {
font-size: 20px;
}
}
.woocommerce a.added_to_cart {
padding: 0px;
}
@media (max-width: 480px) {
section.breadcurms {
margin-top: 20px;
margin-bottom: 20px;
}
}
section.breadcurms .wrapper .container {
display: flex;
align-items: center;
gap: 5px;
flex-wrap: wrap;
font-size: 14px;
}
section.breadcurms .wrapper .container span {
color: var(--main-color);
}
section.breadcurms .wrapper .container a {
font-weight: 500;
}
.added_product_message {
display: none;
position: fixed;
top: 10%;
left: calc(50% - 150px);
width: 300px;
height: -moz-max-content;
height: max-content;
padding: 10px 20px;
background-color: white;
color: var(--main-color);
font-size: 16px;
z-index: 200;
text-align: center;
border: 2px solid var(--main-color);
}
@media (max-width: 480px) {
.added_product_message {
top: 50px;
}
}
.cart_row {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 40px;
}
@media (max-width: 480px) {
.cart_row {
grid-template-columns: repeat(1, 1fr);
grid-gap: 20px;
}
}
.cart_row .cart_woocommerce_cart_container {
margin: 40px 0;
border-radius: 12px;
background-color: white;
padding: 20px;
}
.cart_row .cart_woocommerce_cart_container .cart_title {
padding-bottom: 10px;
border-bottom: 1px solid #666;
margin-bottom: 10px;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_title {
display: none;
}
}
.cart_row .cart_woocommerce_cart_container .cart_title .row {
display: grid;
grid-template-columns: 42% 13% 20% 25%;
align-items: center;
justify-content: space-between;
}
.cart_row .cart_woocommerce_cart_container .cart_title .row p {
font-weight: bold;
font-size: 20px;
}
.cart_row .cart_woocommerce_cart_container .cart_title .row .table-total,
.cart_row .cart_woocommerce_cart_container .cart_title .row .table-count {
padding-left: 30px;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items {
display: flex;
flex-direction: column;
gap: 10px;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item {
display: grid;
grid-template-columns: 42% 13% 45%;
padding: 15px 0;
align-items: center;
border-bottom: 1px solid #a7a7a7;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item {
grid-template-columns: repeat(1, 1fr);
gap: 10px;
}
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item_info,
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total {
display: flex;
grid-gap: 20px;
align-items: start;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item_info strong,
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total strong {
font-size: 16px;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item_info,
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total {
grid-gap: 10px;
}
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item {
padding-right: 20px;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item a .product-thumbnail {
width: -moz-max-content;
width: max-content;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item a .product-thumbnail img {
height: auto;
-o-object-fit: contain;
object-fit: contain;
aspect-ratio: 1;
width: 60px;
border-radius: 6px;
border: 2px solid var(--second-color);
max-width: 60px;
padding: 4px;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item a .product-name {
display: flex;
flex-direction: column;
grid-gap: 10px;
justify-content: space-between;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item a .product-name strong {
font-size: 14px;
font-weight: 500;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item a .product-name {
grid-gap: 10px;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item a .product-name strong {
font-size: 16px;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .product_item a .product-name span {
font-size: 14px;
}
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .cart-price {
display: flex;
align-items: center;
justify-content: space-between;
}
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .cart-price span.cart_price {
font-size: 15px;
font-weight: 600;
color: green;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .cart-price span.cart_price {
font-size: 18px;
}
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .cart-price .woocommerce-Price-amount {
display: none;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .cart-price .woocommerce-Price-amount {
display: inline-block;
color: black;
font-size: 20px;
}
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total {
display: flex;
align-items: center;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total {
grid-template-columns: repeat(1, 1fr);
justify-items: start;
}
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total .product-quantity {
width: 50%;
text-align: center;
display: flex;
align-items: center;
gap: 5px;
justify-content: center;
grid-gap: 0px;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total .product-quantity input {
width: 60px;
height: 30px;
border: 1px solid #b9b9b9;
font-size: 14px;
font-weight: 600;
padding: 0 10px;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total .product-quantity input {
width: 50px;
height: 30px;
}
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total .product-quantity button {
height: 30px;
width: 30px;
background-color: var(--main-color);
color: white;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total .product-quantity button {
padding: 0px;
width: 27px;
height: 30px;
}
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total .product-subtotal {
width: 55%;
text-align: right;
font-weight: 600;
font-size: 17px;
display: flex;
gap: 10px;
align-items: center;
justify-content: space-between;
}
@media (max-width: 480px) {
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total .product-subtotal {
width: 86%;
margin-top: 10px;
flex-direction: row-reverse;
justify-content: space-between;
}
.cart_row .cart_woocommerce_cart_container .cart_product_items .item .total .product-subtotal .woocommerce-Price-amount {
display: none;
}
}
.cart_row .cart_woocommerce_cart_container button.cart_update_btn {
margin-top: 20px;
background-color: var(--main-color);
border-radius: 0;
color: white;
font-weight: 400;
}
.cart_row .cart_woocommerce_cart_container button.cart_update_btn:hover {
background-color: var(--main-color);
}
.woocommerce a.remove {
color: var(--footer-bg) !important;
transition: all 0.3s linear;
font-size: 15px;
font-weight: 400;
width: -moz-max-content;
width: max-content;
height: -moz-max-content;
height: max-content;
border-radius: 0;
}
.woocommerce a.remove:hover {
color: rgb(255, 0, 0) !important;
transition: all 0.3s linear;
background-color: transparent;
}
.cart_total_block {
max-width: 80%;
margin-left: 0px;
margin-top: 40px;
float: right;
padding: 20px;
border-radius: 10px;
background-color: #fff;
height: -moz-max-content;
height: max-content;
}
@media (max-width: 480px) {
.cart_total_block {
max-width: 100%;
margin: 0px;
}
}
.cart_total_block .cart_totals .total_title {
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 2px solid #666;
}
.cart_total_block .cart_totals .total_title h2 {
font-size: 20px;
font-weight: 600;
}
@media (max-width: 480px) {
.cart_total_block .cart_totals .total_title h2 {
font-size: 24px;
}
}
.cart_total_block .cart_totals .shop_table .item {
padding: 10px 20px;
display: flex;
align-items: center;
align-items: center;
justify-content: space-between;
}
.cart_total_block .wc-proceed-to-checkout {
padding: 0px;
}
.cart_total_block .wc-proceed-to-checkout a.checkout-button.button.wc-forward {
color: var(--blue-dark) !important;
background-color: var(--second-color) !important;
height: 40px;
width: 100%;
padding: 0px;
border-radius: 30px;
margin-top: 10px;
font-size: 17px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
.cart_total_block .wc-proceed-to-checkout a.checkout-button.button.wc-forward {
height: 36px;
}
}
span.onsale,
.woocommerce span.onsale {
position: absolute;
top: 12px;
padding: 5px 20px;
background: var(--second-color);
border-radius: 12px;
color: #000000;
font-size: 15px;
min-height: auto;
line-height: normal;
font-weight: normal;
left: 0px;
}
section.checkout .wrapper .container form.checkout_form_container {
margin-top: 40px;
display: grid;
gap: 40px;
grid-template-columns: 2fr 1fr;
}
@media (max-width: 480px) {
section.checkout .wrapper .container form.checkout_form_container {
grid-template-columns: repeat(1, 1fr);
}
}
section.checkout .wrapper .container form.checkout_form_container h3 {
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
}
section.checkout .wrapper .container form.checkout_form_container .left,
section.checkout .wrapper .container form.checkout_form_container .right {
padding: 20px;
border-radius: 12px;
background-color: white;
}
section.checkout .wrapper .container form.checkout_form_container .left .woocommerce-billing-fields h3 {
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 2px solid #666;
}
section.checkout .wrapper .container form.checkout_form_container .left .woocommerce-billing-fields input,
section.checkout .wrapper .container form.checkout_form_container .left .woocommerce-billing-fields select,
section.checkout .wrapper .container form.checkout_form_container .left .woocommerce-billing-fields .select2-selection {
border-radius: 30px;
height: 45px;
padding-left: 20px;
}
section.checkout .wrapper .container form.checkout_form_container .left .woocommerce-billing-fields label {
padding-left: 20px;
}
section.checkout .wrapper .container form.checkout_form_container .woocommerce-billing-fields__field-wrapper {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 30px;
}
@media (max-width: 480px) {
section.checkout .wrapper .container form.checkout_form_container .woocommerce-billing-fields__field-wrapper {
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
}
}
section.checkout .wrapper .container form.checkout_form_container .woocommerce-billing-fields__field-wrapper p {
width: 100%;
}
section.checkout .wrapper .container form.checkout_form_container .woocommerce-billing-fields__field-wrapper p label {
font-size: 14px;
}
section.checkout .wrapper .container form.checkout_form_container .woocommerce-billing-fields__field-wrapper p span input {
height: 45px;
width: 100%;
border: 1px solid #dfdfdf;
}
section.checkout .wrapper .container form.checkout_form_container .policy_text {
font-size: 14px;
line-height: 140%;
}
section.checkout .wrapper .container form.checkout_form_container #place_order {
float: left !important;
margin-top: 10px;
border-radius: 0;
background-color: var(--second-color);
color: black;
font-weight: 500;
min-width: 230px;
border-radius: 20px;
}
section.checkout .wrapper .container form.checkout_form_container .woocommerce-checkout-payment {
background-color: transparent !important;
}
section.checkout .wrapper .container form.checkout_form_container table.shop_table {
border-radius: 0 !important;
border: none !important;
}
section.checkout .wrapper .container form.checkout_form_container .payment_box.payment_method_cod {
background-color: rgba(2, 95, 86, 0.168627451) !important;
}
section.checkout .wrapper .container form.checkout_form_container .payment_box.payment_method_cod:before {
border: none !important;
}
.cart-checkout-wrapper .wrapper_title {
display: flex;
align-items: center;
justify-content: center;
padding: 24px 0;
margin-bottom: 20px;
}
@media (max-width: 480px) {
.cart-checkout-wrapper .wrapper_title {
padding: 10px;
}
}
.cart-checkout-wrapper .wrapper_title h2 {
font-size: 35px;
}
@media (max-width: 480px) {
.cart-checkout-wrapper .wrapper_title h2 {
font-size: 30px;
}
}
.cart-checkout-wrapper .wrapper-grid {
grid-template-columns: repeat(3, 1fr);
width: 100%;
display: grid;
align-items: center;
justify-content: center;
}
@media (max-width: 480px) {
.cart-checkout-wrapper .wrapper-grid {
grid-template-columns: repeat(1, 1fr);
}
}
.cart-checkout-wrapper .wrapper-grid .item {
display: flex;
align-items: center;
justify-content: center;
padding: 0 20px;
gap: 10px;
border-bottom: 1px solid #7c7c7c;
padding-bottom: 30px;
}
@media (max-width: 480px) {
.cart-checkout-wrapper .wrapper-grid .item {
display: none;
padding-bottom: 14px;
}
}
.cart-checkout-wrapper .wrapper-grid .item .step span {
width: 40px;
height: 40px;
font-size: 23px;
font-weight: bold;
display: flex;
color: var(--blue-dark);
align-items: center;
justify-content: center;
border-radius: 40px;
border: 2px solid var(--blue-dark);
}
.cart-checkout-wrapper .wrapper-grid .item .text {
display: flex;
flex-direction: column;
gap: 5px;
}
.cart-checkout-wrapper .wrapper-grid .item .text strong {
font-size: 23px;
font-weight: bold;
color: var(--blue-dark);
}
.cart-checkout-wrapper .wrapper-grid .item .text p {
font-size: 13px;
display: inline-block;
color: #666;
}
.cart-checkout-wrapper .wrapper-grid .item.active {
border-bottom: 4px solid #ee9322;
border-radius: 3px;
}
@media (max-width: 480px) {
.cart-checkout-wrapper .wrapper-grid .item.active {
display: flex;
}
}
.woocommerce-order .thanks-order-block {
width: 60%;
margin: 0 auto;
padding: 35px 50px;
border-radius: 13px;
background-color: #fff;
color: black;
display: flex;
flex-direction: column;
gap: 10px;
justify-content: center;
align-items: center;
}
@media (max-width: 480px) {
.woocommerce-order .thanks-order-block {
width: 100%;
padding: 20px 10px;
}
}
.woocommerce-order .thanks-order-block img {
max-width: 140px;
}
.woocommerce-order .thanks-order-block strong {
font-size: 30px;
color: var(--blue-dark);
}
.woocommerce-order .thanks-order-block p {
font-size: 14px;
color: #666;
}
.woocommerce-order .woocommerce-order-details {
max-width: 60%;
margin: 40px auto;
padding: 30px;
border-radius: 13px;
background: #fff;
}
@media (max-width: 480px) {
.woocommerce-order .woocommerce-order-details {
max-width: 100%;
padding: 20px 10px;
margin: 30px 0;
}
}
.woocommerce-order .woocommerce-order-details h2 {
margin-bottom: 20px;
}
.woocommerce-order .woocommerce-order-details table {
border: none !important;
}
article.archive-products-container {
display: grid;
grid-template-columns: 20% 80%;
margin: 40px 0;
gap: 30px;
}
@media (max-width: 480px) {
article.archive-products-container {
grid-template-columns: repeat(1, 1fr);
grid-gap: 10px;
margin: 20px 0;
}
}
article.archive-products-container .products_archive {
display: flex;
flex-direction: column;
}
article.archive-products-container .products_archive .archive_product_header {
padding: 5px 14px;
border-radius: 5px;
margin-bottom: 14px;
}
article.archive-products-container .products_archive .archive_product_header .bapf_sfilter {
display: none;
}
@media (max-width: 480px) {
article.archive-products-container .products_archive .archive_product_header {
padding: 5px 0;
}
}
article.archive-products-container .products_archive .archive_product_header .woocommerce-result-count {
width: 50%;
}
article.archive-products-container .products_archive .archive_product_header p,
article.archive-products-container .products_archive .archive_product_header form {
margin: 0 !important;
font-size: 15px;
}
article.archive-products-container .products_archive .archive_product_header p select,
article.archive-products-container .products_archive .archive_product_header form select {
font-family: "Roboto", sans-serif;
height: 30px;
border-radius: 4px;
padding: 0 10px;
border: 1px solid #9f9f9f;
}
article.archive-products-container .products_archive .products {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 12px;
}
@media (max-width: 480px) {
article.archive-products-container .products_archive .products {
grid-template-columns: repeat(2, 1fr);
grid-gap: 6px;
}
}
article.archive-products-container .products_archive .products .product-card .product-card__title strong {
max-width: 200px;
}
@media (max-width: 480px) {
article.archive-products-container .products_archive .products .product-card .product-card__title strong {
max-width: 170px;
}
}
article.archive-products-container .products_archive .woocommerce-pagination {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}
article.archive-products-container .products_archive .woocommerce-pagination ul {
border: none;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
article.archive-products-container .products_archive .woocommerce-pagination ul li {
border: none;
}
article.archive-products-container .products_archive .woocommerce-pagination ul li span,
article.archive-products-container .products_archive .woocommerce-pagination ul li a {
display: inline-block;
padding: 1em;
border-radius: 50px;
line-height: 0.5;
font-size: 16px;
color: var(--blue-dark);
}
article.archive-products-container .products_archive .woocommerce-pagination ul li span.current {
background-color: var(--blue-dark);
color: white;
}
article.archive-products-container .products_archive .woocommerce-pagination ul li a:hover {
background-color: var(--blue-dark);
color: white;
}
section.filter {
padding: 20px 0;
}
@media (max-width: 480px) {
section.filter {
padding: 0;
padding-bottom: 10px;
}
}
section.filter .title h2 {
font-weight: 300;
}
section.filter .filter-track .filter-func {
margin: 10px 0;
display: flex;
justify-content: space-between;
}
section.filter .filter-track .filter-func button {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
background: transparent;
padding: 0px;
border-radius: 30px;
}
section.filter .filter-track .filter-func button span {
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
section.filter .filter-track .filter-func a {
width: 218px;
padding-left: 20px;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
font-size: 14px;
}
section.filter .filter-track .filter-func a span {
text-transform: uppercase;
}
@media (max-width: 480px) {
section.filter .filter-track .filter-func button,
section.filter .filter-track .filter-func a {
border: 1px solid var(--blue-dark);
background-color: var(--blue-dark);
color: white;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
}
section.filter .filter-track .filter-func button img,
section.filter .filter-track .filter-func a img {
display: none;
}
section.filter .filter-track .filter-func button {
width: 50%;
margin-right: 5px;
}
section.filter .filter-track .filter-func button img {
width: 20px;
height: 20px;
}
section.filter .filter-track .filter-func button span {
font-size: 15px;
}
section.filter .filter-track .filter-func button span strong {
font-weight: 400;
font-size: 17px;
}
section.filter .filter-track .filter-func a {
width: 50%;
font-size: 14px;
padding-left: 0px;
margin-left: 5px;
background-color: transparent;
color: var(--blue-dark);
border: 1px solid var(--blue-dark);
}
}
section.filter .filter-track .filter-func .reset-mobile {
width: 50%;
margin-left: 5px;
}
section.filter .filter-track .filter-func .reset-mobile .berocket_single_filter_widget {
background-color: transparent;
}
section.filter .filter-track .filter-func .reset-mobile .bapf_body {
background-color: transparent;
}
section.filter .filter-track .filter-func .reset-mobile .bapf_body button {
font-size: 14px;
width: 100%;
background-color: transparent;
color: var(--blue-dark);
}
section.filter .filter-track .filter-option {
display: grid;
grid-template-columns: repeat(1, 1fr);
transition: all 0.5s ease;
background: #fff;
padding: 14px 0px;
border-radius: 6px;
}
section.filter .filter-track .filter-option.show {
transition: all 0.5s ease;
transform: translateX(0%);
}
@media (max-width: 480px) {
section.filter .filter-track .filter-option {
position: fixed;
top: 0px;
left: 0;
right: 0;
bottom: 0;
background-color: white;
width: 80%;
height: 100vh;
overflow: auto;
padding: 30px 10px;
z-index: 10;
display: flex;
align-items: stretch;
flex-direction: column;
transform: translateX(-120%);
}
section.filter .filter-track .filter-option .filter-mobile-title {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 10px;
}
section.filter .filter-track .filter-option .filter-mobile-title .text {
display: flex;
align-items: center;
}
section.filter .filter-track .filter-option .filter-mobile-title img {
width: 20px;
height: 20px;
}
section.filter .filter-track .filter-option .filter-mobile-title strong {
font-size: 16px;
padding: 0;
height: -moz-max-content;
height: max-content;
}
}
section.filter .filter-track .berocket_single_filter_widget .bapf_head {
margin-bottom: 10px;
padding: 0 10px 5px 10px;
border-bottom: 1px solid #c3c3c3;
}
section.filter .filter-track .berocket_single_filter_widget .bapf_head h3 {
font-size: 20px;
color: var(--blue-dark);
}
section.filter .filter-track .berocket_single_filter_widget .bapf_body {
padding: 0 10px 0 10px;
}
section.filter .filter-track .berocket_single_filter_widget .bapf_body ul li label {
color: var(--blue-dark);
max-width: 70%;
margin-bottom: 10px;
display: inline-block !important;
font-weight: 600;
}
section.filter .filter-track .berocket_single_filter_widget .bapf_body ul li input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: inline-block;
vertical-align: middle;
border: 1px solid var(--blue-dark);
width: 15px;
height: 15px;
outline: 0;
border-radius: 10px;
padding: 2px;
margin-right: 3px;
aspect-ratio: 1;
}
section.filter .filter-track .berocket_single_filter_widget .bapf_body ul li input[type=checkbox]:checked {
background: var(--blue-dark);
background-clip: border-box;
}
section.filter .filter-track .berocket_single_filter_widget .bapf_body ul li i {
margin-left: 10px;
width: 15%;
float: right;
margin-top: 2px;
}
section.filter .filter-track .berocket_single_filter_widget .bapf_body ul li ul li {
display: flex;
align-items: center;
gap: 4px;
margin-bottom: 10px;
}
section.filter .filter-track .berocket_single_filter_widget .bapf_body ul li ul li label {
font-weight: 400;
max-width: 100%;
font-size: 14px;
}
section.filter .filter-track .berocket_single_filter_widget .bapf_body .bapf_slidr_all .irs-line,
section.filter .filter-track .berocket_single_filter_widget .bapf_body .bapf_slidr_all .irs-min,
section.filter .filter-track .berocket_single_filter_widget .bapf_body .bapf_slidr_all .irs-max,
section.filter .filter-track .berocket_single_filter_widget .bapf_body .bapf_slidr_all .irs-from,
section.filter .filter-track .berocket_single_filter_widget .bapf_body .bapf_slidr_all .irs-to,
section.filter .filter-track .berocket_single_filter_widget .bapf_body .bapf_slidr_all .irs-single,
section.filter .filter-track .berocket_single_filter_widget .bapf_body .bapf_slidr_all .irs-bar {
background-color: var(--blue-dark);
border: 1px solid var(--blue-dark);
}
section.filter .filter-track .berocket_single_filter_widget .bapf_body button.bapf_update {
width: 100%;
border-radius: 40px;
background-color: var(--second-color);
color: black;
font-size: 15px;
}
section.filter .filter-track .berocket_single_filter_widget_2375,
section.filter .filter-track .berocket_single_filter_widget_2376 {
padding: 0;
}
section.filter .filter-track .berocket_single_filter_widget_2375 .bapf_sfilter,
section.filter .filter-track .berocket_single_filter_widget_2376 .bapf_sfilter {
margin-bottom: 10px;
}
section.filter .filter-track .berocket_single_filter_widget_2375 .bapf_sfilter button,
section.filter .filter-track .berocket_single_filter_widget_2376 .bapf_sfilter button {
width: 100%;
border-radius: 40px;
background-color: var(--second-color);
color: black;
font-size: 15px;
}
section.filter .filter-track .berocket_single_filter_widget_2375 .bapf_sfilter .bapf_reset,
section.filter .filter-track .berocket_single_filter_widget_2376 .bapf_sfilter .bapf_reset {
border: 2px solid var(--blue-dark);
color: var(--blue-dark);
background-color: transparent;
margin-bottom: 20px;
}
section.filter .filter-track .berocket_single_filter_widget_2375 .bapf_sfilter .bapf_update,
section.filter .filter-track .berocket_single_filter_widget_2376 .bapf_sfilter .bapf_update {
margin-bottom: 20px;
}
section.filter .filter-track .berocket_single_filter_widget_2374 .bapf_body {
max-height: 300px;
overflow-y: auto;
scrollbar-width: thin; border-radius: 5px;
scrollbar-color: var(--blue-dark) transparent;
}
section.filter .filter-track .berocket_single_filter_widget_2374 .bapf_body::-webkit-scrollbar {
width: 3px; }
section.filter .filter-track .berocket_single_filter_widget_2374 .bapf_body::-webkit-scrollbar-track {
background: transparent; }
section.filter .filter-track .berocket_single_filter_widget_2374 .bapf_body::-webkit-scrollbar-thumb {
background: var(--blue-dark); border-radius: 5px; }
section.filter .filter-track .berocket_single_filter_widget_2374 .bapf_body::-webkit-scrollbar-thumb:hover {
background: var(--blue-dark); }
.bapf_hideckbox li input:checked + label:hover,
.bapf_hideckbox li input:checked + label:hover a,
.bapf_hideckbox li label:hover,
.bapf_hideckbox li label:hover a {
color: var(--blue-dark);
}
.product-tabs {
margin-top: 30px;
border-radius: 5px;
overflow: hidden;
background: #fff;
}
.product-tabs .tabs-header {
display: flex;
background: #f8f8f8;
border-bottom: 1px solid #ddd;
}
.product-tabs .tabs-header .tab-btn {
flex: 1;
padding: 12px 15px;
border: none;
cursor: pointer;
background: none;
transition: all 0.3s ease;
font-weight: bold;
font-size: 16px;
}
.product-tabs .tabs-header .tab-btn.active {
background: var(--second-color);
color: black;
}
.product-tabs .tabs-header .tab-btn:hover {
background: var(--second-color);
color: var(--blue-dark);
}
.product-tabs .tabs-content-wrapper {
padding: 20px;
}
.product-tabs .tab-content {
display: none;
}
.product-tabs .tab-content.active {
display: block;
}
.product_reviews-content {
background-color: transparent;
}
.product_reviews-content #reviews #comments .commentlist li .comment_container .user_details {
display: flex;
align-items: center;
justify-content: space-between;
}
.product_reviews-content #reviews #comments .commentlist li .comment_container .user_details .img {
display: flex;
align-items: center;
gap: 10px;
}
.product_reviews-content #reviews #comments .commentlist li .comment_container .user_details .img img {
width: 50px;
position: initial;
height: 50px;
border-radius: 50px;
}
.product_reviews-content #reviews #comments .commentlist li .comment_container .user_details .img .user_meta {
display: flex;
flex-direction: column;
gap: 4px;
}
.product_reviews-content #reviews #comments .commentlist li .comment_container .user_details .img .user_meta .meta {
margin-top: 0px;
}
.product_reviews-content #reviews #comments .commentlist li .comment_container .comment-text {
background-color: #fff;
margin: 10px 0 0 0;
border-radius: 6px;
}
.product_reviews-content #reviews #comments .commentlist li .comment_container .comment-text .description {
margin-top: 0px;
}
.product_reviews-content #reviews #review_form_wrapper {
padding: 10px;
}
.product_reviews-content #reviews #review_form_wrapper form textarea {
border-radius: 6px;
border: 1px solid #666;
height: 100px;
}
.product_reviews-content #reviews #review_form_wrapper form input[type=submit] {
background-color: var(--blue-dark);
color: white;
}
.category-sidebar {
position: fixed;
left: -300px;
top: 0;
width: 300px;
height: 100vh;
background: #fff;
box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
transition: right 0.3s ease-in-out;
padding: 20px;
z-index: 9999;
overflow-y: auto;
}
.category-sidebar.active {
left: 0;
}
.category-sidebar .close-btn {
background: none;
border: none;
font-size: 20px;
cursor: pointer;
position: absolute;
top: 10px;
right: 10px;
}
.category-sidebar h3 {
font-size: 22px;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 2px solid var(--blue-dark);
}
.category-sidebar .category-list {
list-style: none;
padding: 0;
}
.category-sidebar .category-list .category-item {
margin-bottom: 10px;
font-size: 16px;
}
.category-sidebar .category-list .category-item a {
text-decoration: none;
color: #333;
font-weight: bold;
transition: 0.3s;
display: block;
margin-bottom: 10px;
}
.category-sidebar .category-list .category-item a:hover {
color: #0071a1;
}
.category-sidebar .category-list .category-item .subcategory-list {
margin-left: 15px;
list-style: none;
font-size: 14px;
margin-top: 5px;
margin-bottom: 5px;
}
.category-sidebar .category-list .category-item .subcategory-list li a {
font-weight: normal;
}
.category-sidebar .category-list .category-item .subcategory-list li {
margin-bottom: 13px;
}
.pagination {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 20px;
padding: 10px 0;
}
.pagination .page-numbers {
display: inline-block;
padding: 10px 14px;
border-radius: 50px;
border: 1px solid #ddd;
background: #f9f9f9;
color: #333;
text-decoration: none;
font-size: 16px;
transition: all 0.3s ease-in-out;
}
.pagination .page-numbers:hover {
background: var(--blue-dark, #0073aa);
color: #fff;
border-color: var(--blue-dark, #0073aa);
}
.pagination .page-numbers.current {
background: var(--blue-dark, #0073aa);
color: white;
border-color: var(--blue-dark, #0073aa);
font-weight: bold;
pointer-events: none;
}
.pagination .dots {
background: transparent;
border: none;
color: #777;
font-weight: bold;
pointer-events: none;
}