body, html {
font-display: swap;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-smoothing: antialiased;
}
input.filter-item[type="checkbox"]:checked,
input.filter-item[type="checkbox"]:not(:checked),
input.filter-item[type="radio"]:checked,
input.filter-item[type="radio"]:not(:checked)
{
position: absolute;
left: -9999px;
}
input.filter-item[type="checkbox"]:checked + label,
input.filter-item[type="checkbox"]:not(:checked) + label,
input.filter-item[type="radio"]:checked + label,
input.filter-item[type="radio"]:not(:checked) + label {
display: inline-block;
position: relative;
padding-left: 25px;
line-height: 18px;
cursor: pointer;
}
input.filter-item[type="checkbox"]:checked + label:before,
input.filter-item[type="checkbox"]:not(:checked) + label:before,
input.filter-item[type="radio"]:checked + label:before,
input.filter-item[type="radio"]:not(:checked) + label:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 16px;
height: 16px;
border: 2px solid #d6dbe0;
background-color: #ffffff;
}
input.filter-item[type="checkbox"]:not(:checked) + label:hover:before,
input.filter-item[type="radio"]:checked + label:hover:before,
input.filter-item[type="radio"]:not(:checked) + label:hover:before {
content: "";
position: absolute;
left: 0px;
top: 0px;
width: 16px;
height: 16px;
border: 2px solid #d6dbe0;
background-color: #99bdff;
}
input.filter-item[type="checkbox"]:checked + label:before {
background-color: #005bff;
border: 2px solid #005bff;
}
input.filter-item[type="checkbox"]:checked + label:before,
input.filter-item[type="checkbox"]:not(:checked) + label:before {
border-radius: 2px;
}
input.filter-item[type="radio"]:checked + label:before,
input.filter-item[type="radio"]:not(:checked) + label:before {
border-radius: 100%;
}
input.filter-item[type="checkbox"]:checked + label:after,
input.filter-item[type="checkbox"]:not(:checked) + label:after,
input.filter-item[type="radio"]:checked + label:after,
input.filter-item[type="radio"]:not(:checked) + label:after {
content: "";
position: absolute;
-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
input.filter-item[type="checkbox"]:checked + label:after,
input.filter-item[type="checkbox"]:not(:checked) + label:after {
left: 3px;
top: 4px;
width: 10px;
height: 5px;
border-radius: 1px;
border-left: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.color-fields input.filter-item[type="checkbox"]:checked + label:after,
.color-fields input.filter-item[type="checkbox"]:not(:checked) + label:after {
left: 6px;
top: 7px;
width: 10px;
height: 5px;
border-radius: 1px;
border-left: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
input.filter-item[type="radio"]:checked + label:after,
input.filter-item[type="radio"]:not(:checked) + label:after {
left: 5px;
top: 5px;
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #e145a3;
}
input.filter-item[type="checkbox"]:not(:checked) + label:after,
input.filter-item[type="radio"]:not(:checked) + label:after {
opacity: 0;
}
input.filter-item[type="checkbox"]:checked + label:after,
input.filter-item[type="radio"]:checked + label:after {
opacity: 1;
}
.wishlist-count .count, .compared-products .count {
top: 5px;
right: 3px;
background: #97c21a;
color: #fff;
padding: 0 3px;
min-width: 14px;
height: 14px;
font-size: 11px;
line-height: 0;
position: absolute;
display: flex;
align-items: center;
justify-content: center;
border-radius: 7px;
}
.btn:focus, .btn.focus {
box-shadow: unset;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
box-shadow: unset;
}
.btn-primary:hover, .btn-primary:focus {
color: #fff;
background-color: #97c21a;
}
.btn-light:hover, .btn-light:focus {
color: #97c21a;
background-color: #eaedef;
border: 2px #eaedef;
}
.btn {
border: 0px solid transparent;
}
.btn {
transition: unset;
}
.home_banner_area .banner_inner .home_right_img {
padding-top: 197px;
}
.home_banner_area .banner_inner {
width: 100%;
}
.home_banner_area .banner_inner .banner_content {
text-align: left;
}
.home_banner_area .banner_inner .banner_content h1 {
margin-top: 20px;
font-size: 48px;
line-height: 60px;
margin-bottom: 25px;
}
.home_banner_area .banner_inner .banner_content h5 {
font-size: 17px;
margin-bottom: 20px;
color: #141414;
line-height: 24px;
margin-top: 20px;
}
.home_banner_area .banner_inner .home_right_img {
padding-top: 197px;
}
.home_banner_area .banner_inner2 .home_right_img {
padding-top: 80px;
}
.home_banner_area .banner_inner2 {
width: 100%;
padding-top: 80px;
}
.home_banner_area .banner_inner2 .banner_content {
text-align: left;
}
.home_banner_area .banner_inner2 .banner_content h1 {
margin-top: 20px;
font-size: 48px;
line-height: 60px;
margin-bottom: 25px;
}
.home_banner_area .banner_inner2 .banner_content h5 {
font-size: 17px;
margin-bottom: 20px;
color: #141414;
line-height: 24px;
margin-top: 20px;
}
.home_banner_area .banner_inner2 .home_right_img {
padding-top: 197px;
}
.dstcontainer {
margin-top: 50px;
margin-bottom: 60px;
}
.features-width {
border: 0px solid #fff;
transition: all 0.4s ease 0s;
padding: 0px 10px 10px 30px;
cursor: pointer;
}
.main_title {
text-align: left;
margin-bottom: 30px;
}
.main_titledst {
font-size: 17px;
font-weight: 400;
line-height: 28px;
}
.main_title h2 {
font-size: 36px;
font-weight: 700;
margin-bottom: 15px;
line-height: 48px;
}
.features_area {
padding-bottom: 10px;
background: #f5f7f9;
}
.section_gap_top {
padding-top: 60px;
}
.section_gap {
padding-top: 60px;
margin-bottom: 60px;
}
.about_area .about_img {
position: relative;
}
.cattitle {
margin-bottom:80px;
}
.mojoospec{
border-radius: 8px;
transition: 0.3s;
}
.mojoospec:hover {
filter: brightness(.95);
transition: 0.3s;
}
.mojootxtpr{
font-size: 60px;
line-height: 1.1em;
}
.logoIcon_1U {
display: none;
width: 51px;
height: 18px;
background-repeat: no-repeat;
background-size: contain;
}
.chatCopyright_3s .text_30 {
display: none;
color: #9fabb7;
line-height: 30px !important;
}
.mojoolinetextcopy{
font-size: 12px;
color: #fff;
line-height: 18px;
text-align: left;
margin-top: 20px;
margin-bottom: 10px;
}
.ddcopy{
font-size: 12px;
color: #828282;
line-height: 16px;
text-align: left;
margin-left: 20px;
width: 150px;
}
.widget_text_block2 {
overflow: hidden;
background: #f2f6fa;
margin-top: 40px;
margin-bottom: 10px;
}
.widget_text_block3 {
border-radius: 8px;
transition: all 0.3s ease-in 0s;
}
.widget_text_block3:hover {
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
border-radius: 8px;
transition: all 0.3s ease-in 0s;
}
.bannercat {
background: #f2f6fa;
margin-top: 20px;
margin-bottom: 20px;
}
.fa8 {
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
font-size: 17px;
color:#bbb;
transition: all 0.3s ease-in;
}
.fa8:hover {
display: inline-block;
font-family: FontAwesome;
font-feature-settings: normal;
font-kerning: auto;
font-language-override: normal;
font-size: inherit;
font-size-adjust: none;
font-stretch: normal;
font-style: normal;
font-variant: normal;
font-weight: normal;
line-height: 1;
text-rendering: auto;
font-size: 17px;
opacity: 0.8;
transition: all 0.3s ease-in;
}
.slide-info {
background-color: #eeeeee;
}
.slide-info b{
font-size: 17px;
}
.chatCopyright_505 {
display: none;
}
.leaf_3da._bottom_6b8, .leaf_3da._left_c88, .leaf_3da._right_00e {
right: 0;
top: 0;
width: 0px;
border-radius: 0px;
display: none;
}
.leaf_da6._bottom_809, .leaf_da6._left_9c8, .leaf_da6._right_617 {
display: none;
}
.logoIcon_03c {
display: none;
}
.label_69d._bottom_4b5._pad100_131, .label_69d._left_2e0._pad100_131, .label_69d._right_8f7._pad100_131 {
right: 30px;
left: auto;
display: none;
}
.chapternav-icon{
transition: all 0.3s ease-in 0s;
}
.chapternav-icon:hover{
opacity:0.5;
transition: all 0.3s ease-in 0s;
}
.indexmob {
margin-top: 20px;
transition: all 0.3s ease-in 0s;
}
.indexmob:hover {
margin-top: 20px;
opacity:0.8;
transition: all 0.3s ease-in 0s;
}
.indexmob2 {
margin: 0 auto;
transition: all 0.3s ease-in 0s;
margin-bottom: 70px;
margin-top: 10px;
}
.indexmob2:hover {
opacity:0.8;
transition: all 0.3s ease-in 0s;
}
.header-image {
max-width:180px;
transition: all 0.3s ease-in 0s;
}
.header-image:hover {
opacity:0.9;
transition: all 0.3s ease-in 0s;
}
.header-image-big {
}
.header-image-big:hover {
opacity:0.9;
transition: all 0.3s ease-in 0s;
}
.mini-logo:hover {
opacity:0.9;
transition: all 0.3s ease-in 0s;
}
.nav-tabber {
font-size: 17px;
color:#999;
font-weight: 600;
}
.nav-tabber a.active {
font-size: 17px;
transition: all 0.3s ease 0s;
color: #141414;
}
.nav-tabber a {
font-size: 17px;
color:#808d9a;
text-transform: none;
}
.product-white {
/*background: #fff;*/
}
.cart-info-dst-buy {
font-size: 17px;
font-weight: 700;
}
.cart-process {
background: #fff;
}
.cart-header{
background: #fff;
}
.cart-totals {
background: #fff;
}
.cart-save{
background: #fff;
}
.carousel-inner {
transition: all 0.3s ease-in 0s;
}
.carousel-inner:hover {
transition: all 0.3s ease-in 0s;
}
.filter-sorts {
}
.filter-sorts button{
background: none;
padding: 3px;
color: #999;
font-size: 15px;
}
.filter-sorts button .fas {
display: none;
}
.filter-sorts button.active.asc .fa-sort-up {
display: inline-block;
vertical-align: sub;
}
.filter-sorts button.active.desc .fa-sort-down{
display: inline-block;
vertical-align: top;
}
.filter-views .view-change {
background: none;
padding: 3px;
color: #999;
font-size: 15px;
opacity: 0.8;
}
.filter-views .view-change.active {
color: #141414;
opacity: 1;
}
.dstlogo5 {
font-size: 12px;
}
.trkfootericon {
margin-right: 15px;
}
.delivery-term {
background-color: #138F46;
color: #fff;
font-size: 15px;
font-weight: 600;
border-radius: 6px;
width: 100%;
margin: auto;
padding: 5px 15px;
}
.delivery-term:hover{
transition: .3s ease;
background-color: #007632;
cursor: pointer;
}
.product-n {
padding: 20px;
height: 450px;
transition: all 0.3s ease-in 0s;
margin-bottom: 30px;
border-radius: 8px;
background: #fff;
position: relative;
transition: all 0.3s ease-in 0s;
}
@media (max-width: 400px) {
.product-n {
height: 440px;
}
}
@media (max-width: 475px) {
.product-n {
height: 440px;
}
}
@media (max-width: 480px) {
.product-n {
height: 440px;
}
}
@media (max-width: 525px) {
.product-n {
height: 440px;
}
}
.product-n .image {
text-align: center;
max-height: 192px;
min-height: 192px;
}
.product-n .image img {
max-height: 192px;
border-radius: 4px;
margin-top: 10px;
}
.product-n .open-callback {
color: #212529;
}
.product-n:hover {
border-radius: 8px;
padding: 20px;
transition: all 0.3s ease-in 0s;
opacity: 0.9;
}
.product-n .title {
overflow: hidden;
font-size: 15px;
line-height: 1.38;
margin-bottom: 6px;
position: relative;
color: #001a34;
max-width: 100%;
word-break: break-word;
width: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.product-n .title:hover {
cursor: pointer;
color: #97c21a;
}
.product-n .btn-toolbar {
position: relative;
}
.product-n .actions {
/*position: absolute;*/
bottom: 0px;
}
@media (max-width: 1400px) {
}
@media (max-width: 1350px) {
}
@media (max-width: 1300px) {
}
@media (max-width: 1250px) {
}
@media (max-width: 1200px) {
.btn-primary {
padding: 6px 20px;
font-size: 15px;
}
.btn {
padding: 0.375rem 0.60rem;
}
}
.btn-cartt {
padding: 0px;
border-radius: 24px;
background: #eee;
width:60px;
}
.btn-cartt2 {
padding: 0px !important;
margin:0 auto;
text-align: center;
display:block;
}
@media only screen and (min-width: 991px) and (max-width: 1150px) {
.btn-cartt {
width:50px;
}
.product-n .actions a, .product-n .actions btn {
padding: 6px 15px !important;
}
}
@media (max-width: 1150px) {
}
@media (max-width: 1125px) {
.product-n .rating .stars-count {
font-size: 12px !important;
}
.btn-cart-dst, .btn-cart-dst:hover, .btn-cart-dst:focus, .btn-cart-dst.focus, .delivery-term {
width: 200px !important;;
}
}
@media (max-width: 1100px) {
.btn-primary {
padding: 6px 20px;
font-size: 15px;
}
.btn {
padding: 0.375rem 0.60rem;
}
}
@media only screen and (min-width: 991px) and (max-width: 1210px) {
.product-n .rating .stars-count {
display: none;
}
}
@media only screen and (min-width: 300px) and (max-width: 580px) {
}
@media (max-width: 1050px) {
.btn-primary {
padding: 6px 25px;
font-size: 14px;
}
.btn {
padding: 0.375rem 0.70rem;
}
}
@media (max-width: 991px) {
.btn-primary {
padding: 6px 35px !important;
font-size: 15px;
}
.btn {
padding: 0.375rem 0.90rem;
}
.product-n .rating .stars-count {
font-size: 13px !important;
}
.btn-cart-dst, .btn-cart-dst:hover, .btn-cart-dst:focus, .btn-cart-dst.focus {
width: 280px !important;;
}
}
@media (max-width: 600px) {
.btn-primary {
padding: 6px 25px !important;
font-size: 15px;
}
.btn {
padding: 0.375rem 0.90rem;
}
}
@media (max-width: 575px) {
}
@media (max-width: 550px) {
}
@media (max-width: 525px) {
.btn-primary {
padding: 6px 15px !important;
font-size: 15px;
}
.btn {
padding: 0.375rem 0.90rem;
}
}
@media (max-width: 500px) {
}
@media (max-width: 480px) {
.product-n .image, .product-n .image img {
text-align: center;
height: 150px;
}
.product-n .image, .product-n .image img.cashback_icon {
height: 16px !important;
}
.product-n .rating {
display: block;
}
.product-n .rating a{
display: block;
margin: 5px 0px 0px 0px !important;
}
}
@media (max-width: 475px) {
.btn-primary {
padding: 8px 10px !important;
font-size: 13px !important;
}
.btn {
padding: 0.375rem 0.35rem;
}
}
.product-n .sub-info {
color: rgb(128, 141, 154);
display: -webkit-box;
height: 20px;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 4px;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
}
.product-n .cart-other.show {
position: initial;
}
.product-n .cart-other .dropdown-menu {
border: 0px;
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 12%);
}
.product-n .cart-other .dropdown-menu.show {
display: block;
transform: translate3d(0, 40px, 0px) !important;
}
.product-n .dropdown-toggle::after {
display:none;
}
.product-n .dropdown-toggle::after { border: none; }
.product-n .title a {
color: #141414;
}
.product-n .price-block {
align-items: center;
flex-wrap: wrap;
margin-bottom: 4px;
}
.product-n .price-block .price {
font-size: 17px;
font-weight: 700;
line-height: 26px;
color: rgb(0, 26, 52);
}
.product-n .price-block .price.price-sale {
color: #DB4437;
}
.product-n .old-price {
font-size: 14px;
line-height: 14px;
color: rgb(0, 26, 52);
position: relative;
margin-left: 5px;
}
/*.product-n .old-price:before {
content: "";
position: absolute;
top: 50%;
width: 100%;
height: 1px;
display: block;
background: #DB4437;
transform: rotate(-3deg);
}*/
.product-n .image {
position: relative;
margin-bottom: 15px;
}
.product-n .sale-sum span {
white-space: nowrap;
max-width: 100%;
text-overflow: ellipsis;
}
.product-n .rating {
min-height: 18px;
margin-bottom: 10px;
margin-top:20px;
display: flex;
align-items: center;
}
.product-n .rating .stars {
height: 18px;
width: 96px;
display: inline-block;
position: relative;
vertical-align: middle;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMid'%20viewBox='0%200%2015%2015'%3E%3Cpath%20class='st0'%20fill='%23d6dbe0'%20d='M7.5%200l2.3%204.9%205.2.8-3.7%203.8.9%205.4-4.6-2.6L2.9%2015l.9-5.4L0%205.7l5.2-.8L7.5%200z'/%3E%3C/svg%3E") repeat-x 0;
}
.product-n .rating .stars .stars-active {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23ffc107' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E") repeat-x 0;
height: 15px;
width: 0;
}
.product-n .rating .stars .stars-active, .product-n .rating .stars {
background-size: 20px 16px;
height: 18px;
}
.product-n .rating .stars-count {
margin-left: 6px;
font-size: 13px;
line-height: 1.29;
color: #808d9a;
}
.product-n .stiker {
width: 48px;
background: #DB4437;
display: inherit;
border-radius: 25px;
position: absolute;
height: 48px;
right: 0px;
bottom: 2px;
transition: all 0.3s ease-in 0s;
}
.product-n .stiker:hover {
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
transition: all 0.3s ease-in 0s;
}
.product-n .slick-list {
margin-left: 30px;
}
.product-n .slick-next.slick-arrow {
margin-top: 10px;
border: 0;
color: #fff;
display: block;
opacity: 1;
background: 0 0;
background-size: 25px auto;
width: 35px;
height: 31px;
position: absolute;
right: -10px;
top: 30%;
}
.product-n .slick-next.slick-arrow:before {
display: block;
width: 25px;
height: 31px;
content: ' ';
background: transparent url(/templates/default/images/next-image.png) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -12px;
}
.product-n .slick-prev.slick-arrow {
margin-top: 10px;
border: 0;
color: #fff;
display: block;
opacity: 1;
background: 0 0;
background-size: 25px auto;
width: 35px;
height: 31px;
position: absolute;
left: 10px;
top: 30%;
z-index: 2;
}
.product-n .slick-prev.slick-arrow:before {
display: block;
width: 25px;
height: 31px;
content: ' ';
background: transparent url(/templates/default/images/prev-image.png) no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -12px;
}
.product-n .image .slick-prev, .product-n .image .slick-next {
opacity: 0;
}
.product-n .image {
margin-top: 15px;
}
.product-n .favorite {
float: right;
}
.product-n .add-favorite {
color: #ccc;
}
.product-n .add-favorite .not_add svg {
color: #808d9a;
}
.product-n .add-favorite .not_add:hover svg {
color: #DB4437;
}
.product-n .add-favorite .is_add svg {
color: #DB4437;
}
.product-n .image:hover .slick-prev {
opacity: 1;
}
.product-n .image:hover .slick-next {
opacity: 1;
}
table.products-list {
}
table.products-list thead th {
border: 0px;
color: #999;
font-size: 13px;
}
table.products-list .product-n, table.products-list .product-n:hover {
height: auto;
border: 0px;
}
table.products-list .product-n .image img, table.products-list .product-n .image {
margin: 0px auto;
height: 132px;
}
table.products-list .image, table.products-list .slick-slider {
width: 180px;
overflow: hidden;
}
@media only screen and (min-width: 992px) and (max-width: 1100px) {
table.products-list .product-n .image img, table.products-list .product-n .image {
margin: 0px auto;
height: 100%;
max-height: 100px;
}
table.products-list .image, table.products-list .slick-slider {
width: 110px;
overflow: hidden;
}
}
table.products-list .product-n .slick-list {
margin: 0;
z-index: 0;
}
table.products-list .product-n .favorite {
position: absolute;
right: 10px;
z-index: 1;
}
table.products-list .product-n .slick-arrow {
margin: 0px;
}
table.products-list .product-n .slick-prev.slick-arrow {
left: -10px;
}
table.products-list .product-n .slick-prev.slick-arrow {
left: -10px;
}
table.products-list .product-n .slick-next.slick-arrow {
right: -10px;
}
table.products-list .product-n .sale-sum {
position: relative;
display: block;
width: max-content;
}
table.products-list .product-n .title, table.products-list .product-n .price-block {
margin: 0px;
z-index: 0;
}
table.products-list .product-n .rating {
margin-bottom: 0px;
margin-top: 10px;
}
table.products-list td {
vertical-align: middle;
}
table.products-list .cart-counter {
width: 120px;
}
table.products-list .cart-counter input, table.products-list .cart-counter input:active, table.products-list .cart-counter input:focus {
width: 45px;
padding: 5px 5px;
text-align: center;
color: #fff;
border-radius: 0.25rem;
background: #999;
float: left;
border: 0px !important;
box-shadow: unset;
transition: unset;
}
table.products-list .cart-counter .btn {
float: left;
height: calc(2.25rem + 2px);
line-height: 1.8rem;
margin-left: -4px;
padding: 5px 20px;
border-radius: 0.25rem;
}
table.products-list .cart-counter .btn-primary:hover {
opacity: 1;
}
.filter-sorts .sort:hover {
color: #141414;
}
.filter-sorts .sort.active {
font-weight: bold;
color: #141414;
}
.color-field input {
display: none !important;
}
.color-field {
padding-left: 0px;
float:left;
}
.color-field span {
height: 36px;
display: inherit;
width: 36px;
border-radius: 10px;
margin-right: 5px;
}
.color-field {
padding-left: 0px;
float:left;
}
.filter-product .color-group {
display: inline-block;
}
.color-field label {
border: 2px solid #fff;
border-radius: 50%;
display: block;
width: 40px;
height: 40px;
cursor: pointer;
position: relative;
box-sizing: border-box;
transition: border-color .2s ease;
}
.color-field {
margin-bottom: 5px;
}
.color-field {
float: left;
/*margin-right: 10px;*/
display: block;
box-sizing: border-box;
position: relative;
min-width: 45px;
}
.variable_block .color-field input:checked+label {
/* background-color: transparent; */
border: 2px solid #97c21a;
}
.color-field label:before {
content: "";
display: block;
height: 30px;
width: 30px;
border-radius: 50%;
margin-top: 3px;
margin-left: 3px;
background-size: 30px;
border:2px solid #eeeeee;
}
.color-field label:hover {
opacity:0.85;
}
.sub-cats .chapternav-icon {
margin-bottom: 6px;
}
.sub-cats .chapternav-icon {
background: center bottom no-repeat;
display: block;
margin: 0 auto 6px;
height: 64px;
}
/*.sub-cats .cat4 .chapternav-icon {
width: 40px;
}
.sub-cats .cat4 .chapternav-icon {
background-size: 40px 54px;
background-repeat: no-repeat;
background-image: url(/templates/default/shop/icon/ipadpro_dark_large.svg);
width: 40px;
}
.sub-cats .cat5 .chapternav-icon {
background-size: 28px 54px;
background-repeat: no-repeat;
background-image: url(/templates/default/shop/icon/ipad_dark_large.svg);
width: 28px;
}
.sub-cats .cat6 .chapternav-icon {
background-size: 22px 54px;
background-repeat: no-repeat;
background-image: url(/templates/default/shop/icon/ipadmini_dark_large.svg);
width: 22px;
}
.sub-cats .cat7 .chapternav-icon {
background-size: 32px 54px;
background-repeat: no-repeat;
background-image: url(/templates/default/shop/icon/ipad_ios10_dark_large.svg);
width: 32px;
}
.sub-cats-2, .sub-cats-4,.sub-cats-5,.sub-cats-6,.sub-cats-7,.sub-cats-8 {
background-color: #DB4437;
}
.sub-cats-3 a, .sub-cats-4 a ,.sub-cats-5 a,.sub-cats-6 a ,.sub-cats-7 a,.sub-cats-8 a{
color: #fff;
}
.sub-cats-10, .sub-cats-11,.sub-cats-12,.sub-cats-13,.sub-cats-14,.sub-cats-15 {
background-color: #1c1c1c;
}
.sub-cats-10 a, .sub-cats-11 a,.sub-cats-12 a,.sub-cats-13 a,.sub-cats-14 a,.sub-cats-15 a {
color: #fff;
}
.sub-cats .cat11 .chapternav-icon {
background-size: 46px 54px;
background-repeat: no-repeat;
background-image: url(/templates/default/shop/icon/macbook_dark_large.svg);
width: 46px;
}
.sub-cats .cat12 .chapternav-icon {
background-size: auto auto;
background-repeat: no-repeat;
background-image: url(/templates/default/shop/icon/iphonex_dark_large.svg);
}
.sub-cats .cat13 .chapternav-icon {
background-size: 28px 54px;
background-repeat: no-repeat;
background-image: url(/templates/default/shop/icon/ipad_dark_large.svg);
width: 28px;
}
.sub-cats .cat14 .chapternav-icon {
width: 25px;
height: 54px;
background-size: 25px 54px;
background-repeat: no-repeat;
background-image: url(/templates/default/shop/icon/watch_nav_series_2_dark_large.svg);
}
.sub-cats .cat15 .chapternav-icon {
width: 25px;
height: 54px;
background-size: 25px 54px;
background-repeat: no-repeat;
background-image: url(/templates/default/shop/icon/ipod_dark_large.svg);
}*/
.product-sticky {
background-color: #ddd;
bottom: 0;
left: 0;
position: fixed;
width: 100%;
z-index: 55;
box-shadow: 0 10px 20px 20px rgba(0, 0, 0, 0.3);
}
.cart-buttom {
color: #141414;
padding: 5px;
background: none;
font-weight: bold;
}
.cart-buttom:hover {
color: #141414;
padding: 5px;
background: none;
font-weight: bold;
}
.all_sum {
font-size: 15px;
font-weight: 600;
}
.btn-a {
color: #fff !important;
}
.color-group {
display: inline-block;
}
.slick-prev.slick-arrow:before {
display: block;
width: 25px;
height: 11px;
content: ' ';
background: transparent url(/templates/default/shop/images/arrow-preview.svg) 0 -11px no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -12px;
}
.slick-prev.slick-arrow {
margin-bottom: 10px;
border: 0;
color: #fff;
display: block;
opacity: 1;
background: 0 0;
background-size: 25px auto;
width: 100px;
height: 20px;
position: relative;
}
.slick-next.slick-arrow {
margin-top: 10px;
border: 0;
color: #fff;
display: block;
opacity: 1;
background: 0 0;
background-size: 25px auto;
width: 100px;
height: 20px;
position: relative;
}
.slick-next.slick-arrow:before {
display: block;
width: 25px;
height: 11px;
content: ' ';
background: transparent url(/templates/default/shop/images/arrow-preview.svg) -25px -11px no-repeat;
position: absolute;
top: 50%;
left: 50%;
margin: -6px 0 0 -12px;
}
.product-images-small .slick-list {
height: 100px;
overflow: hidden;
}
.product-images-small .slick-list {
border: none;
}
.product-images-small .slick-list {
height: 300px!important;
overflow: hidden;
}
.product-images-small .slick-slide img {
display: inherit;
}
.product-images-normal .slick-initialized .slick-slide {
display: none;
}
.product-images-normal .slick-initialized .slick-slide {
display: block;
}
.slick-slide img{
margin: 0 auto;
}
.footer {
background: #97c21a;
}
.footer a {
color: #141414;
font-size: 14px;
}
.footer a:hover{
text-decoration: underline;
}
.footer .phone {
font-size: 17px;
font-weight: 600;
}
.phone a {
font-size: 17px;
font-weight: 600;
}
.footer .border-bottom {
border-bottom: 0px solid #e6e6e6;
}
.footer .title-footer {
color: #fff;
font-weight: 600;
font-size: 17px;
line-height: 30px;
}
.footer .social-links {
border-top: 0px solid #e6e6e6;
display: inline-block;
}
.footer .social-links img {
width: 20px;
height: 20px;
padding: 3px;
transition: all 0.3s ease-in 0s;
}
.footer .social-links img:hover{
width: 20px;
height: 20px;
padding: 3px;
opacity:0.8;
transition: all 0.3s ease-in 0s;
}
.footer .footer-menu{
padding: 0px;
margin: 0px;
}
.footer .footer-menu li a{
font-size: 14px;
line-height: 32px;
color: #fff;
}
.footer .footer-menu li a:hover{
text-decoration: underline;
}
.footer .time-open {
font-size: 17px;
font-weight: 400;
}
.footer .phone-soc {
margin-right: 60px;
}
.footer .subline {
background-color: #0d8e4f;
}
.footer_market .border-bottom {
border-bottom: 0px solid #e6e6e6;
}
.footer_market .title-footer {
color: #fff;
font-weight: 600;
font-size: 17px;
line-height: 30px;
}
.footer_market .social-links {
border-top: 0px solid #e6e6e6;
display: inline-block;
}
.footer_market .social-links img {
width: 20px;
height: 20px;
padding: 3px;
transition: all 0.3s ease-in 0s;
}
.footer_market .social-links img:hover{
width: 20px;
height: 20px;
padding: 3px;
opacity:0.8;
transition: all 0.3s ease-in 0s;
}
.footer_market .footer-menu{
padding: 0px;
margin: 0px;
}
.footer_market .footer-menu li a{
font-size: 14px;
line-height: 32px;
color: #fff;
}
.footer_market .footer-menu li a:hover{
text-decoration: underline;
}
.footer_market .time-open {
font-size: 17px;
font-weight: 400;
}
.footer_market .phone-soc {
margin-right: 60px;
}
.footer_market .subline {
background-color: #e34d43;
}
.footer_services .border-bottom {
border-bottom: 0px solid #e6e6e6;
}
.footer_services .title-footer {
color: #fff;
font-weight: 600;
font-size: 17px;
line-height: 30px;
}
.footer_services .social-links {
border-top: 0px solid #e6e6e6;
display: inline-block;
}
.footer_services .social-links img {
width: 20px;
height: 20px;
padding: 3px;
transition: all 0.3s ease-in 0s;
}
.footer_services .social-links img:hover{
width: 20px;
height: 20px;
padding: 3px;
opacity:0.8;
transition: all 0.3s ease-in 0s;
}
.footer_services .footer-menu{
padding: 0px;
margin: 0px;
}
.footer_services .footer-menu li a{
font-size: 14px;
line-height: 32px;
color: #fff;
}
.footer_services .footer-menu li a:hover{
text-decoration: underline;
}
.footer_services .time-open {
font-size: 17px;
font-weight: 400;
}
.footer_services .phone-soc {
margin-right: 60px;
}
.footer_services .subline {
background-color: #dd7808;
}
.footer_deposit .border-bottom {
border-bottom: 0px solid #e6e6e6;
}
.footer_deposit .title-footer {
color: #fff;
font-weight: 600;
font-size: 17px;
line-height: 30px;
}
.footer_deposit .social-links {
border-top: 0px solid #e6e6e6;
display: inline-block;
}
.footer_deposit .social-links img {
width: 20px;
height: 20px;
padding: 3px;
transition: all 0.3s ease-in 0s;
}
.footer_deposit .social-links img:hover{
width: 20px;
height: 20px;
padding: 3px;
opacity:0.8;
transition: all 0.3s ease-in 0s;
}
.footer_deposit .footer-menu{
padding: 0px;
margin: 0px;
}
.footer_deposit .footer-menu li a{
font-size: 14px;
line-height: 32px;
color: #fff;
}
.footer_deposit .footer-menu li a:hover{
text-decoration: underline;
}
.footer_deposit .time-open {
font-size: 17px;
font-weight: 400;
}
.footer_deposit .phone-soc {
margin-right: 60px;
}
.footer_deposit .subline_deposit {
background-color: #661773;
border-top: #ddd 0px solid;
}
.social-links img {
width: 20px;
height: 20px;
padding: 3px;
transition: all 0.3s ease-in 0s;
}
.social-links img:hover{
width: 20px;
height: 20px;
padding: 3px;
opacity:0.8;
transition: all 0.3s ease-in 0s;
}
body {
font-family: Montserrat, sans-serif;
/**/
font-size: 14px;
}
body, button, input, select, textarea {
font-family: Montserrat, sans-serif;
font-weight: 400;
text-transform: none;
font-size: 17px;
}
.main-nav {
}
.site-logo {
float: left;
}
.main-nav ul {
float: left;
margin: 0px;
}
.main-nav ul li{
}
.main-nav ul li a{
}
.info-icon {
}
.slide-info {
}
.slide-info b {
font-size: 17px;
font-weight: 500;
}
.slide-info .info-icon .fa {
font-size: 120px;
color: #141414;
}
.slide-info .info-icon .fa:hover {
font-size: 120px;
color: #808d9a;
}
.wpmenucartli {
margin-left: 50px;
position: absolute !important;
right: 230px;
}
h1, h2, h3, h4, h5, h6 {
color: #141414;
font-weight: 700;
margin-bottom: 10px;
}
h2 {
font-size: 17px;
}
.main-leftbar {
border-right: 0px solid #d6d6d6;
}
.pagebar {
text-align: center;
font-size: 22px;
font-weight: 600;
border: 1px solid #eee;
padding: 15px;
border-radius: 6px;
}
.pagebar .pagebar_notice, .pagebar .pagebar_nav{
display: none;
}
.pagebar a {
color: #141414;
}
.pagebar .pagebar_current {
color:#141414;
margin: 5px;
padding: 10px;
border-radius: 50px;
}
.product-char {
}
.product-char .tab-content {
margin: 0 auto;
}
.product-char .name{
margin-right: 20px;
}
.product-char .nav-tabber a.active {
color: #141414;
}
.add-cart {
background-color: #DB4437;
}
.mojoomob{
text-align: center;
margin: 0 auto;
display: inline;
width: 500px;
}
.mojoomob2{
text-align: center;
margin: 0 auto;
display: inline;
float:left;
transition: all 0.3s ease-in 0s;
}
.mojoomob2:hover{
opacity:0.8;
transition: all 0.3s ease-in 0s;
}
/* General Menu Styles */
.js .menu {
/* If we have JavaScript enabled and we're just waiting for flexMenu to load and run, hide list items that don't fit on one line. If JavaScript is not enabled, just show 'em all. */
height: 1.5em;
overflow: hidden;
}
.menu > li {
margin: 0 0 0 1.5em;
float: left;
/*height: 2em;*/
}
@media only screen and (min-width: 1040px) and (max-width: 1485px) {
.menu > li {
margin: 0 0 0 0.7em;
float: left;
/*height: 2em;*/
}
.toolbar-dst {
font-size: 15px;
}
}
@media only screen and (min-width: 970px) and (max-width: 1040px) {
.menu > li {
margin: 0 0 0 0.6em;
float: left;
/*height: 2em;*/
}
.top-grid .ty-text-links a {
font-size: 13px;
}
}
.menu > li:first-child {
margin-left: 0;
}
.menu a:hover {
}
.flex-multi {
float: left;
width: 45%;
margin-bottom: 100px;
}
.flex-multi + .flex-multi {
float: right;
}
.clear {
clear: both;
}
/* flexMenu styles */
.flexMenu-viewMore > a {
/*background-color: #FF9640;*/
}
.flexMenu-viewMore.active > a, .flexMenu-viewMore > a:hover {
/*background-color: #FF7400;*/
}
.flexMenu-popup {
z-index: 9;
list-style-type: none;
padding: 0;
background-color: #5CCCCC;
margin: 0;
}
.lt-ie8 .flexMenu-popup {
}
.flexMenu-popup a {
display: block;
}
.flexMenu-popup a:hover {
background-color: #006363;
color: #fff;
display: block;
}
#primary-menu {
margin-top: 5px;
}
#menu-pages li a {
text-transform: lowercase;
}
.dstwhite {
font-size: 13px;
color: #fff;
margin-top:20px;
}
.dstwhite a{
font-size: 13px;
color: #fff;
}
.dst-order-name {
margin-top: 20px;
background: #eee;
font-size: 15px;
}
.dstshipp {
font-size: 60px;
line-height: 1.1;
color: #97c21a;
margin-top: 20px;
}
.header-site {
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
transition: all 3.3s ease-in 0s;
z-index: 10000;
background: #fff;
}
.header-site:hover {
}
.nav-page li a{
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
line-height: 10px;
}
.nav-page2 li a{
color: #ffffff;
padding-left: 10px;
padding-right: 10px;
line-height: 10px;
}
.nav-cats li a{
text-transform: none;
font-weight: 500;
font-size: 15px;
color: #ffffff;
}
.nav-cats li a:hover{
text-transform: none;
font-weight: 500;
font-size: 15px;
color: #ddd;
}
.nav-cats2 li a{
text-transform: none;
font-weight: 500;
font-size: 1.5rem;
color: #ffffff;
}
.nav-cats2 li a:hover{
text-transform: none;
font-weight: 500;
color: #ddd;
}
.header {
margin: 0 auto;
}
.nav-cats {
display: table;
margin: 0;
overflow: hidden;
}
.nav-cats2 {
display: table;
margin: 0;
overflow: hidden;
}
.menu li, .mobile-menu li {
list-style: none;
}
.nav-page li a{
font-size: 14px;
padding-right: 5px;
color: #ffffff;
}
.nav-page2 li a{
font-size: 14px;
padding-right: 5px;
color: #ffffff;
}
@media (min-width: 981px) {
.header-small {
display: none !important;
}
}
@media (max-width: 980px) {
.header-big {
display: none !important;
}
}
.mobile-menu li {
margin: 0 0 0 1.5em;
float: left;
}
.mobile-menu li .sub-cats{
display: none;
}
.mobile-menu li:hover .sub-cats{
position: absolute;
margin: 0px;
background: #0c0c0c;
text-align: left;
right: -46px;
top: 69px;
width: 200px;
}
#mobile-cats {
background: #141414;
top: 67px;
margin: 0px -20px 0px -20px;
}
#mobile-cats li a{
text-transform: none;
font-weight: 500;
font-size: 15px;
color: #ffffff;
}
#mobile-cats .sub-cats{
display: block;
list-style: none;
margin: 0px;
}
#mobile-cats .sub-cats li{
border-bottom: 1px solid #111111;
}
#mobile-cats .sub-cats li a{
padding: 8px 10px;
width: 100%;
display: inline-block;
}
.header-phone {
color: #fff;
}
.stiker .fa {
font-weight: 900;
line-height: 46px;
color: #fff;
}
.mobile-menu li button, .mobile-menu li button:hover{
color: #fff;
}
.header-site .cart{
white-space: nowrap;
}
.header-site .phone{
white-space: nowrap;
}
.header-site .nav-cats{
white-space: nowrap;
}
.header-site .nav-page {
margin: 0px;
margin-left: -10px;
height: 25px;
white-space: nowrap;
}
.header-site .nav-page2 {
margin: 0px;
margin-left: -10px;
height: 25px;
white-space: nowrap;
}
.flexMenu-popup {
list-style-type: none;
padding: 5px 20px 15px 10px;
background-color: #141414;
margin: 0;
}
.flexMenu-popup li a {
padding: 10px;
}
.flexMenu-popup li a:hover{
background-color: #141414;
}
.edit_wlinks {
display:none;
}
button:active, button:focus {
outline: none;
}
button::-moz-focus-inner {
border: 0;
}
.header-big .search {
}
.variable-radio {
padding: 0px;
display: inline-block;
}
.variable-radio .variable_value {
display:none !important;
}
.variable-radio span {
margin-bottom: 10px;
float: left;
margin-right: 10px;
display: block;
box-sizing: border-box;
}
.variable-radio span label {
text-align: center;
font-size: 15px;
}
.variable-radio input:checked+label {
background-color: #fff;
border: 2px solid #97c21a;
}
.variable-radio label {
display: block;
text-align: center;
font-size: 14px;
background-color: #fff;
border: 2px solid #e6e6e6;
border-radius: 5px;
padding: 10.5px 10px;
line-height: 15px;
cursor: pointer;
transition: border-color .2s ease;
}
.hidden {
display: none !important;
}
.dst-header-index {
position:relative;
}
.header-search {
}
.typeahead__group-product .image img {
height: 48px;
width: 48px;
}
.typeahead__group-product {
display: block;
padding: 0;
}
.typeahead__group-product span{
padding: 0.2rem 0.75rem;
}
#search_field {
margin: 10px 25px;;
}
.header-small #search_field {
margin: 0px 0px 0px 0px;
}
.header-small .typeahead__field {
margin-top: 0px;
}
.sub-cats-orange {
background-color: #DB4437;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
display: none;
}
.sub-cats-black {
background-color: #222222;
box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.2);
display: none;
}
.sub-cats-orange a, .sub-cats-black a {
color: #fff;
font-size: 14px;
word-wrap: normal;
transition: all 0.3s ease-in 0s;
}
.sub-cats-orange a, .sub-cats-black a:hover {
color: #fff;
transition: all 0.3s ease-in 0s;
}
.content-block {
}
.content-block .item{
}
.content-block .item a{
}
.content-block .item a img {
width: 100%;
}
#right-sidebar .widget{
background: none;
margin-top: 35px;
}
.titfil{
border-top:#eee 1px solid;
padding: 10px 0px;
}
.titfil2{
border-top:#eee 1px solid;
padding: 10px 0px;
}
.dstport {
font-size: 17px;
margin-bottom: 20px;
color: #141414;
font-family: "Styrene A Web", sans-serif;
font-weight: 700;
}
.dstline {
border: 3px solid #97c21a;
content: "";
margin-top: 40px;
margin-bottom: 25px;
width: 80px;
}
.dstline2 {
margin-top: 20px;
margin-bottom: 60px;
}
.mainbrands {
background: #fff;
}
.mainbrands2 {
font-size: 36px;
transition: all 0.3s ease 0s;
color: #262626;
font-weight: 700;
line-height: 48px;
}
.mainbrands3{
color: #262626;
font-size: 17px;
line-height:28px;
font-weight: 500;
margin-top:15px;
margin-bottom: 50px;
}
.mainbrands4{
color: #262626;
font-size: 17px;
line-height:28px;
font-weight: 500;
margin-top:15px;
margin-bottom: 5px;
}
.mainbrands5{
color: #262626;
font-size: 17px;
line-height:28px;
font-weight: 400;
margin-top:25px;
margin-bottom: 30px;
}
.navbar {
padding: 0px;
}
.show_filter {
display: none;
}
.sale-sum-card{
padding: 3px 6px;
background-color: #FF2C2C;
border-radius: 50px;
color: #fff;
margin-left: 20px;
position: relative;
top: 90%;
}
@media (max-width: 768px) {
.attribute-item:nth-child(n+6) {
display: none;
}
.product-white .show-more-btn{
border: none;
outline: none;
background: none;
color: #2C54BB;
transition: .3s ease;
cursor: pointer;
margin-bottom: 50px;
}
.show-all .attribute-item {
display: block !important;
}
.product-white .slick-prev.slick-arrow{
left: -55px;
}
.product-white .slick-prev.slick-arrow:before{
top: 30px;
}
#share_block{
margin-top: unset !important;
}
#reviews_block{
padding-top:5px;
}
.mobile_rev_shar{
flex-direction: row !important;
justify-content: space-between;
}
.share_text{
display: none;
}
.card_row{
max-width: unset !important;
margin-right: 0;
padding: 0 40px !important;
}
.card_last_row{
max-width: unset !important;
padding: 0 40px !important;
}
.product-white .card_row{
padding: 0 !important;
}
.product-white .card_last_row{
padding: 0 !important;
}
.show_filter {
display: inline-block;
}
#right-sidebar {
order: 1;
display: none;
}
}
#right-sidebar.show {
display: block;
width: 100%;
}
@media (max-width: 767px) {
#right-sidebar.show {
display: block;
width: 100%;
background: #eee;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.15);
border-radius: 0px 0px 24px 24px;
}
}
.main-leftbar {
order: 2;
}
.sub-cats .chapternav-icon {
background: rgba(0, 0, 0, 0) none no-repeat scroll center bottom;
display: block;
height: 40px;
margin: 0 auto 6px;
width: 60px;
}
.sub-cats-orange a, .sub-cats-black a {
color: #fff;
font-size: 12px;
overflow-wrap: normal;
}
.nav-tabber a.active {
color: #141414;
font-size: 17px;
}
.nav-tabber a {
color: #808d9a;
text-transform: none;
}
.slide-info2 {
background-color: #141414;
color: #fff;
padding: 5em 0em !important;
}
.slide-info2 h3{
color: #fff;
}
.slide-info2 p{
font-size: 15px;
}
.product-info {
margin: 0px;
font-size: 14px;
}
.product-info li {
list-style: none;
float: left;
margin-right: 15px;
}
.product-info .fa {
color: #808d9a;
}
.product-desc {
font-size: 14px;
}
.counter {
margin-top: 10px;
font-size: 12px;
}
.consultant {
font-size: 12px;
margin-top: 10px;
text-align: center;
}
.login-page {
background-color: #fff;
}
.login-page .container{
max-width: 1400px;
}
.phone-logo {
text-align: center;
}
.login-page a{
color: #141414;
}
.login-page .btn-primary{
background: #97c21a;
font-size: 15px;
padding: 7px 25px;
}
.login-page .form-control {
border-radius: 0.25rem;
}
.dstloginindex{
color: #828282;
font-size: 12px;
line-height: 18px;
}
.header-site {
}
.header-site .header-index {
background-color: #fff;
}
.header-site .header-index-club {
background-color:#fff;
max-width: 1260px;
margin: 0 auto;
}
.header-site .avatar-colorbox, .header-mini .avatar-colorbox{
width: 24px !important;
height: 24px !important;
margin-bottom: 5px;
margin-top: 2px;
text-align: center;
line-height: 24px !important;
font-size: 10px !important;
}
.header-mini .avatar-colorbox {
margin-bottom: 0px;
margin-top: 4px;
}
.header-mini .avatar-colorbox.letter {
margin-bottom: 0px;
margin-top: 3px;
}
.header-site .avatar-colorbox2, .header-mini .avatar-colorbox2{
width: 24px !important;
height: 24px !important;
margin-bottom: 11px;
margin-top: 9px;
text-align: center;
line-height: 24px !important;
font-size: 10px !important;
}
.header-mini .avatar-colorbox2 {
margin-bottom: 0px;
margin-top: 4px;
}
.header-mini .avatar-colorbox2.letter {
margin-bottom: 0px;
margin-top: 3px;
}
.header-site .header-cats{
}
.nav-page li a {
color: #000;
font-size: 12px;
}
.nav-page2 li a {
color: #000;
font-size: 17px;
}
.header-site .header-cats .nav-cats li {
/*padding: 5px 5px;*/
margin: 0px;
padding: 0px;
}
.header-site .header-cats .nav-cats li.active a {
color: #141414;
}
.header-site .header-cats .nav-cats li a {
font-size: 14px;
font-weight: 500;
color: #141414;
margin-left: 10px;
line-height: 30px;
transition: all 0.3s ease-in;
padding: 7px;
}
.header-site .header-cats .nav-cats li a:hover {
font-size: 14px;
font-weight: 500;
color: #141414;
margin-left: 10px;
line-height: 30px;
transition: all 0.3s ease-in;
padding: 7px;
}
.header-cats .nav-cats .active > a {
}
.header-site .search-line {
margin-top: 7px;
}
.header-site .search-line .line{
float: left;
}
.header-site .search-line .line-cats{
text-align: left;
float: left;
height: 100%;
text-transform: none;
font-size: 14px !important;
text-transform: none;
font-weight: 600 !important;
margin-right: 10px;
border-radius: 3px;
line-height: 36px;
}
.header-site .search-line .line-search {
width: 80%;
position: relative;
}
.line-search .btn {
background: #97c21a !important;
margin: 0px;
right: -6px;
position: absolute;
color: #fff !important;
height: 100%;
border-radius: 0px;
padding: 0px 30px !important;
}
.header-site .search-line .line-search-market {
width: 80%;
position: relative;
}
.line-search-market .btn {
background: #F15045 !important;
margin: 0px;
right: -6px;
position: absolute;
color: #fff !important;
height: 100%;
border-radius: 0px;
padding: 0px 30px !important;
}
.header-site .search-line .line-search-services {
width: 80%;
position: relative;
}
.line-search-services .btn {
background: #ee8108 !important;
margin: 0px;
right: -6px;
position: absolute;
color: #fff !important;
height: 100%;
border-radius: 0px;
padding: 0px 30px !important;
}
.header-site .search-line .line-search-deposit {
width: 80%;
position: relative;
}
.line-search-deposit .btn {
background: #731982 !important;
margin: 0px;
right: -6px;
position: absolute;
color: #fff !important;
height: 100%;
border-radius: 0px;
padding: 0px 30px !important;
}
.search-input input {
background: transparent none repeat scroll 0 0;
}
.search-input input:active, .search-input input:focus {
background: transparent none repeat scroll 0 0;
outline: none;
box-shadow: none;
}
.search-input .form-group {
margin: 0px;
font-size: 12px;
}
.search-input select {
border: 0px;
border-left: 1px solid #afafaf;
border-radius: 0px;
box-shadow: none;
background: transparent none repeat scroll 0 0;
line-height: 1px;
padding: 0px;
height: 27px;
margin-top: 6px;
padding-left: 24px;
text-transform: none;
font-size: 16px !important;
text-transform: none;
font-weight: 500 !important;
}
.search-input select:hover {
border-left: 1px solid #afafaf;
}
.search-input select:active, .search-input select:focus {
background: transparent none repeat scroll 0 0;
outline: none;
box-shadow: none;
}
.search-input input {
background: transparent none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
font-size: 15px;
}
.search-input button {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
color: #808d9a;
margin: 5px 0 0;
padding: 0 8px 0 10px;
}
.search-input {
margin: 0 auto;
width: 100%;
transition: all 0.3s ease 0s;
border-radius: 3px;
border-color: #97c21a;
border: 2px solid #97c21a;
}
.dropdown-cats .dropdown-toggle{
background: #97c21a !important;
margin: 0px;
height: 100%;
color: #fff !important;
height: 39px;
border-radius: 0px;
padding: 0px 10px !important;
transition: 0.5s;
}
.dropdown-cats .dropdown-toggle:hover{
opacity: 0.8;
transition: 0.5s;
}
.dropdown-cats .dropdown-toggle::after{
display: none;
}
.dropdown-cats .btn {
background: no-repeat;
font-size: 17px;
color: #535257;
padding: 0;
}
.dropdown-cats .btn:active, .dropdown-cats .btn:focus {
outline: none;
box-shadow: none;
}
.dropdown-cats .btn::-moz-focus-inner {
border: 0;
}
.dropdown-cats .dropdown-menu {
margin-top: 5px;
border-radius: 0px;
border: 0px;
box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
-webkit-box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
-moz-box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
border-radius: 6px;
}
.dropdown-cats .dropdown-menu .menu {
display: grid;
margin: 0px;
}
.dropdown-cats .dropdown-menu .menu{
}
.dropdown-cats .dropdown-menu .menu li{
margin-left: 5px;
width: 100%;
font-size: 13px;
text-transform: none;
padding: 5px 0px;
}
.dropdown-cats .dropdown-menu .menu .cat {
width: 250px;
}
.dropdown-cats .dropdown-menu .subcats-block {
border-left: #ddd 1px solid;
}
.dropdown-cats .dropdown-menu .subcats {
display: none;
opacity:0;
-webkit-transition:0.25s linear opacity;
}
.dropdown-cats .dropdown-menu .subcats.view {
display: block;
opacity:1;
-webkit-transition:0.25s linear opacity;
}
.dropdown-cats .dropdown-menu .cat .cat-href,.dropdown-cats .dropdown-menu .sub-cats a {
padding: 5px 0px;
margin-bottom: 10px;
color: #141414;
font-size: 15px;
font-weight: 500;
}
.dropdown-cats .dropdown-menu .cat .cat-href:hover,.dropdown-cats .dropdown-menu .sub-cats a:hover {
color: #141414;
}
.dropdown-cats .dropdown-menu .root-cat .cat.active a{
color: #141414;
}
.dropdown-cats {
display: flex;
}
.dropdown-cats-market .dropdown-toggle{
background: #F15045 !important;
margin: 0px;
height: 100%;
color: #fff !important;
height: 39px;
border-radius: 0px;
padding: 0px 10px !important;
transition: 0.5s;
}
.dropdown-cats-market .dropdown-toggle:hover{
opacity: 0.8;
transition: 0.5s;
}
.dropdown-cats-market .dropdown-toggle::after{
display: none;
}
.dropdown-cats-market .btn {
background: no-repeat;
font-size: 17px;
color: #535257;
padding: 0;
}
.dropdown-cats-market .btn:active, .dropdown-cats-market .btn:focus {
outline: none;
box-shadow: none;
}
.dropdown-cats-market .btn::-moz-focus-inner {
border: 0;
}
.dropdown-cats-market .dropdown-menu {
margin-top: 5px;
border-radius: 0px;
border: 0px;
box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
-webkit-box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
-moz-box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
border-radius: 6px;
}
.dropdown-cats-market .dropdown-menu .menu {
display: grid;
margin: 0px;
}
.dropdown-cats-market .dropdown-menu .menu{
}
.dropdown-cats-market .dropdown-menu .menu li{
margin-left: 5px;
width: 100%;
font-size: 13px;
text-transform: none;
padding: 5px 0px;
}
.dropdown-cats-market .dropdown-menu .menu .cat {
width: 250px;
}
.dropdown-cats-market .dropdown-menu .subcats-block {
border-left: #ddd 1px solid;
}
.dropdown-cats-market .dropdown-menu .subcats {
display: none;
opacity:0;
-webkit-transition:0.25s linear opacity;
}
.dropdown-cats-market .dropdown-menu .subcats.view {
display: block;
opacity:1;
-webkit-transition:0.25s linear opacity;
}
.dropdown-cats-market .dropdown-menu .cat .cat-href,.dropdown-cats-market .dropdown-menu .sub-cats a {
padding: 5px 0px;
margin-bottom: 10px;
color: #141414;
font-size: 15px;
font-weight: 500;
}
.dropdown-cats-market .dropdown-menu .cat .cat-href:hover,.dropdown-cats-market .dropdown-menu .sub-cats a:hover {
color: #141414;
}
.dropdown-cats-market .dropdown-menu .root-cat .cat.active a{
color: #141414;
}
.dropdown-cats-market {
display: flex;
}
.dropdown-cats-services .dropdown-toggle{
background: #ee8108 !important;
margin: 0px;
height: 100%;
color: #fff !important;
height: 39px;
border-radius: 0px;
padding: 0px 10px !important;
transition: 0.5s;
}
.dropdown-cats-services .dropdown-toggle:hover{
opacity: 0.8;
transition: 0.5s;
}
.dropdown-cats-services .dropdown-toggle::after{
display: none;
}
.dropdown-cats-services .btn {
background: no-repeat;
font-size: 17px;
color: #535257;
padding: 0;
}
.dropdown-cats-services .btn:active, .dropdown-cats-services .btn:focus {
outline: none;
box-shadow: none;
}
.dropdown-cats-services .btn::-moz-focus-inner {
border: 0;
}
.dropdown-cats-services .dropdown-menu {
margin-top: 5px;
border-radius: 0px;
border: 0px;
box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
-webkit-box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
-moz-box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
border-radius: 6px;
}
.dropdown-cats-services .dropdown-menu .menu {
display: grid;
margin: 0px;
}
.dropdown-cats-services .dropdown-menu .menu{
}
.dropdown-cats-services .dropdown-menu .menu li{
margin-left: 5px;
width: 100%;
font-size: 13px;
text-transform: none;
padding: 5px 0px;
}
.dropdown-cats-services .dropdown-menu .menu .cat {
width: 250px;
}
.dropdown-cats-services .dropdown-menu .subcats-block {
border-left: #ddd 1px solid;
}
.dropdown-cats-services .dropdown-menu .subcats {
display: none;
opacity:0;
-webkit-transition:0.25s linear opacity;
}
.dropdown-cats-services .dropdown-menu .subcats.view {
display: block;
opacity:1;
-webkit-transition:0.25s linear opacity;
}
.dropdown-cats-services .dropdown-menu .cat .cat-href,.dropdown-cats-services .dropdown-menu .sub-cats a {
padding: 5px 0px;
margin-bottom: 10px;
color: #141414;
font-size: 15px;
font-weight: 500;
}
.dropdown-cats-services .dropdown-menu .cat .cat-href:hover,.dropdown-cats-services .dropdown-menu .sub-cats a:hover {
color: #141414;
}
.dropdown-cats-services .dropdown-menu .root-cat .cat.active a{
color: #141414;
}
.dropdown-cats-services {
display: flex;
}
.dropdown-cats-deposit .dropdown-toggle{
background: #731982 !important;
margin: 0px;
height: 100%;
color: #fff !important;
height: 39px;
border-radius: 0px;
padding: 0px 10px !important;
transition: 0.5s;
}
.dropdown-cats-deposit .dropdown-toggle:hover{
opacity: 0.8;
transition: 0.5s;
}
.dropdown-cats-deposit .dropdown-toggle::after{
display: none;
}
.dropdown-cats-deposit .btn {
background: no-repeat;
font-size: 17px;
color: #535257;
padding: 0;
}
.dropdown-cats-deposit .btn:active, .dropdown-cats-deposit .btn:focus {
outline: none;
box-shadow: none;
}
.dropdown-cats-deposit .btn::-moz-focus-inner {
border: 0;
}
.dropdown-cats-deposit .dropdown-menu {
margin-top: 5px;
border-radius: 0px;
border: 0px;
box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
-webkit-box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
-moz-box-shadow:0px 1px 13px 0px rgba(0,0,0,0.17);
border-radius: 6px;
}
.dropdown-cats-deposit .dropdown-menu .menu {
display: grid;
margin: 0px;
}
.dropdown-cats-deposit .dropdown-menu .menu{
}
.dropdown-cats-deposit .dropdown-menu .menu li{
margin-left: 5px;
width: 100%;
font-size: 13px;
text-transform: none;
padding: 5px 0px;
}
.dropdown-cats-deposit .dropdown-menu .menu .cat {
width: 250px;
}
.dropdown-cats-deposit .dropdown-menu .subcats-block {
border-left: #ddd 1px solid;
}
.dropdown-cats-deposit .dropdown-menu .subcats {
display: none;
opacity:0;
-webkit-transition:0.25s linear opacity;
}
.dropdown-cats-deposit .dropdown-menu .subcats.view {
display: block;
opacity:1;
-webkit-transition:0.25s linear opacity;
}
.dropdown-cats-deposit .dropdown-menu .cat .cat-href,.dropdown-cats-deposit .dropdown-menu .sub-cats a {
padding: 5px 0px;
margin-bottom: 10px;
color: #141414;
font-size: 15px;
font-weight: 500;
}
.dropdown-cats-deposit .dropdown-menu .cat .cat-href:hover,.dropdown-cats-deposit .dropdown-menu .sub-cats a:hover {
color: #141414;
}
.dropdown-cats-deposit .dropdown-menu .root-cat .cat.active a{
color: #141414;
}
.dropdown-cats-deposit {
display: flex;
}
.header-site .nav-page{
height: 24px;
display: inline-block;
margin-top: 5px;
}
.header-site .nav-page li{
margin: 0px;
line-height: 20px;
font-size: 14px;
}
.header-site .nav-page li a:hover{
color: #141414;
}
.header-site .nav-page2{
height: 24px;
display: inline-block;
margin-top: 5px;
}
.header-site .nav-page2 li{
margin: 0px;
line-height: 20px;
font-size: 14px;
}
.header-site .nav-page2 li a:hover{
color: #141414;
}
.header-site .pages li a{
}
.phone-cart-line {
margin-top: 13px;
margin-left: 16px;
float: right;
}
.phone-cart a {
font-size: 16px !important;
text-transform: none;
font-weight: 600 !important;
}
.dstcartgood {
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
}
.dstcartgoodtext {
font-size: 14px;
text-align: left;
border: 1px solid #eee;
padding: 15px;
margin: 0px 20px 0px 20px;
width: 100%;
border-radius: 4px;
color: #828282;
}
.mini-logo {
margin: 0px;
display: none;
}
.header-cats .nav-cats {
line-height: 48px;
overflow: hidden;
}
.header-cats.mini-logo-view .mini-logo {
display: inline-block;
margin-left: 14px;
overflow: hidden;
line-height: 40px;
float: left;
}
.header-cats.mini-logo-view .mini-logo img{
width: 23px;
height: 30px;
margin-top: 6px;
}
.header-cats.mini-logo-view .nav-cats {
display: inline-block;
float: left;
height: 50px;
width: 95%;
}
.flexMenu-popup {
right: 0px;
}
.header-index {
-moz-transition: all 1s linear;
-o-transition: all 1s linear;
-webkit-transition: all 1s linear;
}
.header-club, .header-club:hover {
box-shadow: none;
border-bottom: 1px solid #e7e8ec;
}
.header-club .small-logo-name {
border-left: 0px solid #e7e8ec;
padding-left: 0px;
margin-left: 5px;
transition: all 0.3s ease 0s;
height: 50%;
}
.header-club .small-logo-name:hover {
opacity: 0.8;
transition: all 0.3s ease 0s;
}
.club-left .club_menu {
margin: -15px;
}
.club-left .club_menu {
margin: -15px;
}
.club-left .widget {
margin: 0px 15px;
}
.club-left .club_menu .fas {
color: #55677d;
display: inline-block;
line-height: 1;
margin-left: 12px;
margin-top: 8px;
position: absolute;
text-rendering: auto;
font-size: 32px;
}
.club-left .club_menu a {
overflow: hidden;
display: block;
color: #141414;
text-decoration: none;
padding: 18px 10px 10px 60px;
font-size: 15px;
font-weight: 500;
transition: all 0.3s ease 0s;
}
.club-left .club_menu a:hover {
opacity: 0.8;
transition: all 0.3s ease 0s;
}
.club_menu .comments .fas {
color: #e3001b;
}
.club_menu .cubes .fas {
color: #fabb22;
}
.club_menu .book .fas {
color: #009136;
}
.club_menu .microphone .fas {
color: #009de0;
}
.club_menu .paint-brush .fas {
color: #f37f02;
}
.club_menu .question-circle .fas {
color: #790197;
}
.club_menu .hourglass-start .fas {
color: #3429f5;
}
.club_menu .puzzle-piece .fas {
color: #e2001a;
}
.club_menu .sun .fas {
color: #fabb22;
}
.club_menu .birthday-cake .fas {
color: #019038;
}
.club_menu .graduation-cap .fas {
color: #009ee0;
}
.club_menu .smile .fas {
color: #f37f02;
}
.widget-club {
padding: 10px 30px 20px 30px;
border: 1px solid #ddd;
border-radius: 4px;
margin-bottom: 30px;
}
.post-add {
display:none;
}
.widget-club > .body {
padding: 0px;
}
.widget-club > .title {
padding: 0;
height: 47px;
line-height: 47px;
background: none;
font-weight: 400;
font-size: 15px;
color: #808d9a;
text-transform: none;
margin: 0 0px 20px 0px;
}
.widget-club .links a, .post-add a {
display: inline;
padding: 5px 10px;
background: #141414 !important;
color: #fff;
font-size: 14px !important;
font-weight: normal;
border-radius: 4px;
text-transform: none;
text-decoration: none;
margin: 0 5px 0 0;
}
.club_news .item{
float: left;
margin-bottom: 15px;
width: calc(33% - 15px) !important;
margin-right: 15px;
box-sizing: border-box;
}
.club_news .item .image a {
background-color: #fff !important;
}
.club_news .item .info {
display: inline-block;
margin-top: 10px;
font-size: 16px !important;
font-weight: 500;
}
.club-left {
}
.club-right {
margin-left: 30px;
}
.header-margin{
margin-top: 50px;
}
.containerclub{
max-width: 1200px;
margin: 0 auto;
}
.club-center .content h1{
color: #141414;
font-size: 17px;
font-weight: 500;
margin-bottom: 20px;
}
.club-center .content_datasets ul li {
font-size: 15px;
text-transform: none;
color: #676767;
}
.club-center .content_datasets ul .active {
color: #141414;
}
.club-center h1 + .content_datasets {
margin: 0px;
}
.club-center .content_list .info_bar {
display: block;
padding: 10px;
}
.club-center .content_list_item .info_bar .bi_rating {
background: none;
}
.club-page .mini-footer{
border-top: 1px solid #e7e8ec;
padding-top: 20px;
margin: 0px;
}
.club-page .mini-footer a {
color: #999;
font-size: 12px;
margin-left: 7px;
}
.club-page .mini-footer img{
width: 40%;
float: left;
margin-right: 10px;
}
.club-page .mini-footer img:hover {
opacity: 0.8;
transition: all 0.3s ease 0s;
}
.club-page .read-more {
display: none !important;
}
.club-page .posts_list .f_content {
font-size: 17px;
margin-top: 20px;
margin-bottom: 20px;
padding: 5px 20px 5px 20px;
}
.club-page .posts_list .user-avatar img{
border-radius: 50%;
}
.club-page .f_title h2 {
font-size: 16px !important;
font-weight: 500;
}
.club-page .widget_comments_list .item {
margin-bottom: 15px;
overflow: hidden;
font-size: 15px;
}
.products_new {
}
.products_new .item{
font-size: 14px;
margin-bottom: 10px;
}
.products_new .item .title{
margin-bottom: 5px;
}
.products_new .item .image{
padding-right: 0px;
}
.products_new .item .title a {
color: #141414;
font-weight: 500;
font-size: 14px;
}
.products_new .item .info a {
color: #808d9a;
font-weight: 400;
}
.view-all {
text-align: center;
font-size: 14px;
}
.header-club .nav-page {
overflow: hidden;
height: 29px;
display: inline-block;
vertical-align: text-top;
}
.header-club .nav-page .fas {
color: #141414;
font-size: 22px;
transition: all 0.3s ease 0s;
}
.header-club .nav-page .fas:hover {
opacity: 0.8;
transition: all 0.3s ease 0s;
}
.header-club .nav-page li {
margin: 0px;
padding-left: 14px;
}
.header-club .nav-page2 {
overflow: hidden;
height: 29px;
display: inline-block;
vertical-align: text-top;
}
.header-club .nav-page2 .fas {
color: #141414;
font-size: 22px;
transition: all 0.3s ease 0s;
}
.header-club .nav-page2 .fas:hover {
opacity: 0.8;
transition: all 0.3s ease 0s;
}
.header-club .nav-page2 li {
margin: 0px;
padding-left: 14px;
}
.profile-page {
margin-top: 30px;
margin-bottom: 30px;
}
.profile-page .container{
max-width: 1200px;
box-shadow: 0px 0px 0px 0px #dfdfdf;
border: 1px solid #dbdbdb;
border-radius: 3px;
}
.profile-page .left-panel {
border-right: 0px solid #dbdbdb;
min-height: 500px;
}
.profile-page .user-info {
text-align: center;
margin-top: 25px;
}
.profile-page .user-info > div {
margin-bottom: 10px;
}
.profile-page .user-info .avatar {
width: 100px;
text-align: center;
margin: 0 auto;
height: 100px;
}
.profile-page .user-info .avatar img {
border-radius: 50%;
height: 100%;
width: 100%;
transition: all 0.4s ease 0s;
}
.profile-page .user-info .avatar img:hover{
opacity: 0.9;
transition: all 0.4s ease 0s;
}
.profile-page .user-info .nickname {
margin-top: 15px;
color: #141414;
font-weight: 600;
font-size: 17px;
}
.profile-page .user-info .city {
font-size: 12px;
background: #97c21a;
max-width: 120px;
margin: 0 auto;
margin-bottom: 0px;
border-radius: 24px;
padding: 3px;
color: #fff;
margin-bottom: 10px;
}
.profile-page .left-panel .menu {
margin-top: 30px;
margin-bottom: 100px;
}
.profile-page .left-panel .menu ul {
margin: 0px;
}
.profile-page .left-panel .menu ul li {
margin-bottom: 20px;
}
.profile-page .left-panel .menu ul li.active a span.name {
color: #141414;
}
.profile-page .left-panel .menu ul li a {
display: inherit;
}
.profile-page .left-panel .menu ul li a span.name{
color: #141414;
font-weight: 600;
font-size: 15px;
}
.profile-page .left-panel .menu ul li a span.right {
float: right;
font-size: 15px;
padding-top: 4px;
color: #141414;
}
.profile-page .right-panel .content {
padding: 25px 10px;
}
.profile-page .right-panel .view-all {
margin-top: 20px;
}
.profile-page .right-panel .view-all a{
background: #97c21a;
color: #fff;
padding: 12px 45px;
border-radius: 4px;
font-size: 15px;
}
.profile-page .right-panel .view-all a:hover{
opacity: 0.9;
}
.profile-page .right-panel .orders a{
color: #3a3a3a;
}
.profile-page .right-panel .title {
font-size: 17px;
font-weight: 600;
margin-bottom: 25px;
}
.avatar-colorbox {
margin: 0;
padding: 0;
background: no-repeat center;
background-size: 1em;
float: left;
border-radius: 50%;
}
.avatar-colorbox.letter {
position: relative;
font-style: normal;
font-weight: 600;
text-align: center;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: 50%;
}
.avatar-colorbox.letter:before {
content: attr(data-letter);
display: inline-block;
position: absolute;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
transition: all 0.3s ease 0s;
}
.avatar-colorbox.letter:hover {
transition: all 0.3s ease 0s;
opacity:0.8;
}
.avatar-colorbox.user-white {
background-image: url('data:image/svg+xml;utf8,');
}
.avatar-colorbox.user-black {
background-image: url('data:image/svg+xml;utf8,');
}
.content_list .avatar-colorbox{
float: left;
}
.content_list_item .ft_caption .value {
line-height: 29px;
}
.profile_info .avatar-colorbox {
margin: 0 auto;
}
.discount-card .discount-sum {
font-weight: 600;
font-size: 52px;
color: #141414;
}
.add-favorite .is_add .fa{
color: #DB4437;
}
.reviews .form, .reviews .items {
margin: 0 auto;
}
.reviews input, .reviews textarea {
border-radius: 0px;
resize: none;
background: unset;
}
.reviews textarea {
height: 160px;
}
.reviews .form .stars {
text-align: center;
}
.reviews .reviews-list {
text-align: center;
}
.reviews .form .stars .starrating > input {display: none;}
.reviews .form .stars .starrating > label:before {
content: "\f005"; /* Star */
margin: 2px;
font-size: 4em;
font-family: "Font Awesome 5 Free";
display: inline-block;
font-weight: 600;
}
.reviews .form .stars .starrating > label{
cursor: pointer;
color: #141414;
}
.reviews .form .stars .starrating > input:checked ~ label{
color: #F4B400;
}
.reviews .form .stars .starrating > input:hover ~ label{
color: #F4B400;
}
.btn-orange {
color: #fff;
background-color: #97c21a;
border-color: #97c21a;
}
.btn-orange:hover {
color: #fff;
background-color: #97c21a;
border-color: #97c21a;
opacity: 0.7;
}
.btn-orange:focus, .btn-primary.focus {
background-color: #97c21a;
border-color: #97c21a;
}
.btn-orange.disabled, .btn-primary:disabled {
color: #fff;
}
.reviews .load-page {
cursor: pointer;
text-align: center;
}
.reviews-list .review-item {
margin: 0 auto;
text-align: left;
background: unset;
border-radius: 0;
border: 0;
}
.reviews .add-commit textarea {
height: 80px;
}
.reviews .add-commit input, .reviews .add-commit textarea {
padding: 5px;
font-size: 13px;
}
.reviews .review-item .text {
padding: 5px 0px;
}
.reviews .review-item .date {
color: #999;
font-size: 12px;
}
.reviews .review-item .action a {
color: #999;
font-size: 12px;
}
.review-item-commit .avatar-colorbox {
height: 32px !important;
width: 32px !important;
font-size: 13px !important;
line-height: 34px !important;
}
.confirmation-buttons a{
color: #fff;
font-size: 12px;
}
.cart-item-disabled {
opacity: 0.6;
}
.nav-tabber .nav-link.active {
font-size: 17px;
transition: all 0.3s ease 0s;
color: #808d9a;
text-transform: none;
font-weight: 600;
}
/* bootstrap hack: fix content width inside hidden tabs */
.tab-content > .tab-pane, .pill-content > .pill-pane {
display: block; /* undo display:none */
height: 0; /* height:0 is also invisible */
overflow: hidden;
}
.tab-content > .active, .pill-content > .active {
height: auto; /* let the content decide it */
overflow: unset;
} /* bootstrap hack end */
.header-icon a, .nav-item a {
position: relative;
}
.block-icon {
position: relative;
}
.header-icon .count, .nav-item .count {
border-radius: 50%;
background: #97c21a;
color: #fff;
font-size: 11px;
padding: 0px 0px 0px 0px;
line-height: 18px;
height: 16px;
right: -6px;
position: absolute;
top: -3px;
min-width: 15px;
text-align: center;
}
.nav-item .count {
right: -7px;
}
.mini-cart-deposit {
position: relative;
}
.mini-cart-deposit .cart-count {
border-radius: 50%;
background: #DB4437;
color: #fff;
font-size: 11px;
padding: 0px 0px 0px 0px;
line-height: 18px;
height: 16px;
left: 33px;
position: absolute;
top: -3px;
min-width: 15px;
text-align: center;
}
.count-messages {
}
.phone-cart-line .fa {
font-size: 17px;
margin-right: 4px;
}
.btn-orange:disabled {
color: #fff;
background-color: #DB4437;
border-color: #DB4437;
opacity: 0.3
}
.counter-enable .fas{
color: #008000;
}
.counter-disabled .fas{
color: #ff0000;
}
.counter-enable .fas{
color: #008000;
}
.counter-one-click {
cursor: pointer;
}
.counter-one-click .fas{
color: #141414;
}
#shareModal ul {
width: 79%;
}
#shareModal li {
margin-bottom: 5px;
}
.filter-product .ui-slider {
border: 0px !important;
height: .4em;
margin: 10px 0px;
}
.filter-product .ui-widget-content {
background: #ddd;
}
.filter-product .ui-slider .ui-slider-handle:last-child {
margin-left: -15px;
}
.filter-product .slider {
margin-bottom: 1rem;
}
.filter-product .filter-slide .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
box-shadow: inset 0 0 0 0 rgba(0,0,0,0) !important;
-webkit-box-shadow: inset 0 0 0 0 rgba(0,0,0,0) !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
background: #141414 !important;
}
.filter-product .filter-slide .ui-slider-handle {
background: #fff;
border-width: 3px;
border-style: solid;
width: 15px;
height: 15px;
top: -5px;
position: absolute;
z-index: 2;
width: 1em;
height: 1em;
border-color: #141414;
border-radius: 1em;
cursor: ew-resize;
outline: 0;
top: -.3em;
margin-left: 0;
}
.show-all-filter {
margin-top: 5px;
}
.filter-product .form-checks {
display: inline-grid;
}
.filter-product .year .form-checks{
display: none;
}
.filter-product .slider-text {
color: #999;
font-size: 13px;
}
.searchBox {
width: 100%;
margin: 0px;
padding: 0;
}
.searchBox .items {
max-height: 500px;
overflow-y: auto;
overflow-x: hidden;
}
.searchBox .load-page, .search_full .load-page {
text-align: center;
background: #f9f9f9;
padding: 15px;
cursor: pointer;
}
.searchBox .search-all, .search_full .search-all {
text-align: center;
background: #f9f9f9;
padding: 15px;
cursor: pointer;
color: #141414;
}
.searchBox .load-page:hover, .search_full .load-page:hover, .searchBox .search-all:hover {
background: #f1f1f1;
}
.searchBox .items .item, .search_full .items .item {
border-bottom: 1px solid #eee;
padding: 5px 0px;
}
.searchBox .product .image, .search_full .product .image {
height: 44px;
text-align: center;
}
.searchBox .product .image img,.search_full .product .image img {
height: 100%;
border-radius: 4px;
}
.searchBox .product .price {
text-align: left;
font-weight: bold;
}
.searchBox .product .title, .searchBox .product .price, .search_full .product .title, .search_full .product .price, .search_full .product .cart{
padding-top: 13px;
}
.searchBox .product .cart{
padding-top: 3px;
}
.searchBox .product .title a{
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
height: 20px /* fallback; */;
font-weight: 400;
font-size: 15px;
}
.searchBox .product .cart,.search_full .product .cart {
text-align: center;
}
.searchBox .product .cart .fa, .search_full .product .cart .fa{
color: #97c21a;
font-size: 17px;
transition: all 0.3s ease-in;
padding: 10px;
}
.searchBox .product .cart .fa:hover{
color: #0d8e4f;
font-size: 17px;
transition: all 0.3s ease-in;
background: #e8f2fe;
border-radius: 50%;
padding: 10px;
}
.searchBox span {
color: #828282;
float: left;
margin-left: 10px;
padding-right: 20px;
font-size: 13px;
min-width: 80px;
}
.notification-count {
position: relative;
}
.notification-count .counter {
top: 20px;
}
.notification-count .counter {
border-radius: 50%;
background: #DB4437;
color: #fff;
font-size: 11px;
padding: 0px 1px 0px 0px;
line-height: 18px;
height: 16px;
left: 18px;
position: absolute;
top: -15px;
min-width: 15px;
text-align: center;
font-weight: 500;
}
.slider-mobile {
margin: -50px -15px 15px -15px;
}
.ac-container{
width: 100%;
margin: 10px auto 30px auto;
text-align: left;
}
.ac-container label{
padding: 15px 20px 15px 20px;
position: relative;
z-index: 1;
display: block;
height: auto;
cursor: pointer;
color: #141414;
font-size: 15px;
font-weight: 700;
background: #ffffff;
border-radius: 4px;
border: #eee 1px solid;
}
.ac-container label:hover{
background: #fff;
}
.ac-container input:checked + label,
.ac-container input:checked + label:hover{
background: #fff;
color: #141414;
}
.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
content: '';
position: absolute;
width: 24px;
height: 24px;
right: 13px;
top: 15px;
background: transparent url(../images/arrow_down.png) no-repeat center center;
}
.ac-container input:checked + label:hover:after{
background-image: url(../images/arrow_up.png);
}
.ac-container input{
display: none;
}
.ac-container article{
margin-top: -1px;
overflow: hidden;
height: 0px;
position: relative;
z-index: 1;
-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
}
.ac-container article p{
padding: 20px;
transition: all 0.5s ease 0s;
margin: 10px 20px 0px 20px;
margin-bottom: 0px;
background: #f5f7f9;
border-radius: 4px;
font-size: 15px;
line-height: 24px;
}
.ac-container input:checked ~ article{
-webkit-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-moz-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-o-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
-ms-transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
transition: height 0.5s ease-in-out, box-shadow 0.1s linear;
}
.ac-container input:checked ~ article.ac-small{
height: auto;
transition: all 0.5s ease 0s;
margin-bottom: 15px;
}
.ac-container input:checked ~ article.ac-medium{
height: auto;
transition: all 0.5s ease 0s;
margin-bottom: 15px;
}
.ac-container input:checked ~ article.ac-large{
height: auto;
transition: all 0.5s ease 0s;
margin-bottom: 15px;
}
.alert-delivery-free {
background: #0d8e4f !important;
color: #fff !important;
padding: 5px 30px 0px 20px !important;
font-size: 5px !important;
border-radius: 0px !important;
margin: 0px !important;
border-color: #0d8e4f !important;
font-weight: 400 !important;
display: grid !important;
transition: all 0.3s ease-in 0s !important;
}
.alert-delivery-free:hover {
opacity: 0.9 !important;
transition: all 0.3s ease-in 0s !important;
}
.alert-delivery-free .close {
position: absolute;
top: 0;
right: 0;
padding: 0.2rem 0.2rem;
color: inherit;
}
.alert-delivery-free .close:hover {
background: unset;
color: #fff;
}
.alert-delivery-free .close:hover span {
background: unset;
color: #fff;
}
.alert-delivery-free span { margin-right: 5px;}
.alert-delivery-free .free {
border-radius: 12px;
background: #DB4437;
padding: 2px 5px;
margin-left: 10px;
}
.alert-delivery-free .methods {
margin: 0 auto;
}
.alert-delivery-free .method{
float: left;
}
.develery-item {
margin-bottom: 5px;
font-weight: 600;
}
.search-line .dropdown{
position: unset;
}
.read_more {
text-align: center;
}
.button_1O {
display: none !important;
}
.autocomplete-suggestions { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold; color: #141414; }
.autocomplete-group { padding: 2px 5px; font-weight: bold; font-size: 15px; color: #141414; display: block; border-bottom: 1px solid #141414; }
.btn-cart, .btn-cart:hover, .btn-cart:focus, .btn-cart.focus {
background:#97c21a;
width: 280px;
display: inline-block;
height: 50px;
color:#fff;
border: 0;
box-shadow: unset;
border-radius: 4px;
transition: unset;
font-size: 15px;
line-height: 1.5rem;
font-weight: 600;
transition: all 0.3s ease-in;
}
.btn-cart:not(:disabled):not(.disabled):active:focus, .btn-cart:not(:disabled):not(.disabled).active:focus {
box-shadow: unset;
background-color: unset;
border-color:unset;
}
.btn-cart:hover {
opacity: 0.8;
transition: all 0.3s ease-in;
}
.btn-cart-dst, .btn-cart-dst:hover, .btn-cart-dst:focus, .btn-cart-dst.focus {
background:#97c21a;
width: 280px;
display: inline-block;
height: 50px;
color:#fff;
border: 0;
box-shadow: unset;
border-radius: 4px;
transition: unset;
font-size: 15px;
line-height: 1.5rem;
font-weight: 600;
transition: all 0.3s ease-in;
}
.btn-cart-dst:not(:disabled):not(.disabled):active:focus, .btn-cart-dst:not(:disabled):not(.disabled).active:focus {
box-shadow: unset;
background-color: unset;
border-color:unset;
}
.btn-cart-dst:hover {
opacity: 0.8;
transition: all 0.3s ease-in;
}
.animation {
}
.header-index {
}
@-webkit-keyframes anim {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.header-index.hidden-header {
max-height: 0;
transition: max-height 0.25s ease-out;
overflow: hidden;
}
.header-index {
max-height: 500px;
transition: max-height 0.5s ease-in;
overflow: unset;
}
.flexMenu-popup {
-webkit-animation:anim 0.5s;
}
.header-site {
transition:all .2s ease;
}
.search_full .product-n .slick-list {
margin-left: 45px;
text-align: center;
}
.btn-white, .btn-white:hover {
color: #141414;
background: #fff;
}
.btn-white.active {
color: #fff;
background: #141414;
}
.product-cart-block {
padding: 0 20px;
overflow: hidden;
}
.product-cart-block .counter-one-click {
color: #141414;
font-size: 14px !important;
}
.product-cart-block .line {
margin-bottom: 15px;
margin-top: 0;
font-size: 14px;
text-align: left;
}
.product-info {
/* border-bottom: 1px solid #e6e8ea; */
padding-bottom: 5px;
display: flex;
}
.product-cart-block .grey {
color: #808d9a;
}
.product-cart-block .line .title {
}
.product-cart-block .line .content {
font-size: 14px;
padding-top: 1px;
}
.product-white .read_more{
margin-top: 5px;
text-align: left;
display: block;
color: #141414;
text-decoration: underline;
font-size: 14px;
}
.tooltip-city {
position: absolute;
background: #fff;
top: 32px;
z-index: 2;
padding: 13px;
font: 14px;
-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.17);
-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.17);
border-radius: 6px;
box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.17);
}
.tooltip-city:after {
content: '\A';
position: absolute;
top: -19px;
left:calc(50% - 78px);
border-width: 10px 15px;
border-style: solid;
border-color: transparent transparent #fff;
}
.tooltip-city .close {
position: absolute;
right: 9px;
top: 6px;
font-size: 15px;
}
.tooltip-city button {
margin-top: 7px;
font-size: unset;
padding: 4px 21px;
}
.tooltip-city .btn-primary:active, .tooltip-city .btn-primary:focus {
background: #141414 none repeat scroll 0 0;
box-shadow: unset;
}
.modal .close {
right: 7px;
position: absolute;
top: 7px;
line-height: 14px;
font-weight: 100;
border-radius: 50%;
font-size: 26px;
padding: 6px;
background: #141414;
z-index: 5;
}
.modal .close span{
color: #fff;
}
.open-callback {
cursor: pointer;
}
.cart-buttom-fixed {
display: none;
}
.cart-buttom-fixed .btn-cart, .cart-buttom-fixed .btn-cart:hover, .cart-buttom-fixed .btn-cart:focus, .cart-buttom-fixed .btn-cart.focus {
background-color: #97c21a;
display: inline-block;
color: #fff;
border: 0;
width: 100%;
box-shadow: unset;
border-radius: 0;
transition: unset;
margin: 0px !important;
font-size: 1.25rem;
font-weight: 600;
transition: all 0.3s ease-in;
height: auto;
}
.cart-buttom-fixed .btn-cart-dst, .cart-buttom-fixed .btn-cart-dst:hover, .cart-buttom-fixed .btn-cart-dst:focus, .cart-buttom-fixed .btn-cart-dst.focus {
background-color: #97c21a;
display: inline-block;
color: #fff;
border: 0;
width: 100%;
box-shadow: unset;
border-radius: 0;
transition: unset;
margin: 0px !important;
font-size: 1.25rem;
font-weight: 600;
transition: all 0.3s ease-in;
height: auto;
}
.menu-cats-block a{
display: block;
font-size: 14px;
font-weight: 700;
padding: 5px 0 5px 10px;
transition: 0.5s;
}
.menu-cats-block a:hover {
display: block;
font-size: 14px;
font-weight: 700;
background: #e5efff;
padding: 5px 0 5px 10px;
transition: 0.5s;
border-radius: 2px;
}
.field-title {
font-size: 15px;
font-weight: 700;
line-height: 1.25;
margin-bottom: 16px;
cursor: pointer;
color: #141414;
}
#right-sidebar .widget {
margin-top: 0;
}
#right-sidebar .widget:first-child {
margin-top: 35px;
border: 1px solid #e7e8ec;
padding: 10px;
}
#breadcrumbs {
color: #141414;
height: 30px;
position: relative;
}
#breadcrumbs ul {
overflow: hidden;
position: relative;
margin: 0px;
margin-bottom: 30px;
}
#breadcrumbs {
white-space: nowrap;
overflow: hidden;
}
#breadcrumbs::after {
content: ''; /* Выводим элемент */
position: absolute; /* Абсолютное позиционирование */
right: 0; top: 0; /* Положение элемента */
width: 40px; /* Ширина градиента*/
height: 100%; /* Высота родителя */
/* Градиент */
background: -moz-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
background: -webkit-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
background: -o-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
background: -ms-linear-gradient(left, rgba(255,255,255, 0.2), #fff 100%);
background: linear-gradient(to right, rgba(255,255,255, 0.2), #fff 100%);
}
#breadcrumbs ul li {
font-size: 14px;
color: #141414;
display: contents;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
margin: 0;
padding: 0;
border-spacing: 0;
vertical-align: middle;
float: left;
}
#breadcrumbs ul li.sep {
margin: 0 4px 0 8px;
vertical-align: top;
height: 16px;
width: 16px;
color: #999;
margin-top: 1px;
}
#breadcrumbs ul li.sep svg {
overflow: visible;
vertical-align: baseline;
}
.product-info-mini {
border: 0px;
margin: 0px;
font-size: 14px;
}
.product-info {
font-size: 14px;
}
h1 {
font-size: 26px;
}
.open-callback {
color: #141414;
}
.security-payment {
border-top: 1px solid #d6dbe0;
padding-top: 14px;
padding-bottom: 0;
margin-top: 17px !important;
display: -webkit-box;
display: flex;
width: 100%;
}
.fs-14 {
font-size: 16px !important;
}
.fs-12 {
font-size: 14px !important;
}
.line .title {
font-weight: bold;
font-size: 14px;
}
.line.delivery svg{
flex-shrink: 0;
-webkit-box-flex: 0;
flex-grow: 0;
vertical-align: initial;
margin-right: 5px;
}
.line.delivery .content {
display: inline-block;
}
.line.counter-enable svg{
vertical-align: middle;
}
.line.btn-gray {
color: #141414;
background-color: #f2f3f5;
min-height: 56px;
padding: 16px 24px;
font-size: 15px;
line-height: 1.25;
border-radius: 3px;
}
.line.btn-gray:hover {
background-color: #eaedef;
}
.form-checks .hide {
display: none;
}
.form-checks.show .hide {
display: block !important;
}
.form-checks .hide {
display: none;
}
.form-checks.show-all .hide {
display: block !important;
}
.features-overview .content-header {
padding: 0px 0 60px;
text-align: center;
}
.customer-designation, .section-subtitle {
font-weight: 400;
}
.mojoostocks {
transition: 0.3s;
border-radius: 8px;
}
.discount-text {
text-align: left;
padding: 20px;
}
.text-muted {
color: #141414 !important;
font-size: 17px;
line-height: 28px;
text-align: left;
padding-right: 30px;
font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Ubuntu,Cantarell,Montserrat, sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
}
.text-muted2 {
color: #141414 !important;
font-size: 17px;
line-height: 26px;
text-align: left;
height: 90px;
}
.text-muted3 {
color: #141414 !important;
font-size: 17px;
line-height: 28px;
text-align: left;
height: 110px;
}
.text-muted4 {
color: #141414 !important;
font-size: 15px;
line-height: 26px;
text-align: left;
height: 110px;
}
.textactmojoo {
color: #141414 !important;
font-size: 17px;
line-height: 28px;
text-align: center;
}
.textactmojoodark {
color: #fff !important;
font-size: 17px;
line-height: 28px;
text-align: center;
}
.textactmojoodark2 {
color: #fff !important;
font-size: 15px;
line-height: 28px;
text-align: center;
}
.textop {
color: #141414 !important;
font-size: 17px;
line-height: 28px;
padding-top: 20px;
padding-bottom: 20px;
}
.textopblack {
color: #fff !important;
font-size: 17px;
line-height: 28px;
padding-top: 20px;
padding-bottom: 20px;
}
.mojoocontent{
padding: 20px 10px 20px 10px;
border: 1px solid #eee;
border-radius: 4px;
font-size: 17px;
font-weight: 500;
line-height: 34px;
color: #808d9a;
}
.productpr .buys {
background: #97c21a;
display: inline-block;
line-height: 28px;
color: #fff;
margin: 10px 0px;
font-size: 15px;
font-weight: 500;
transition: all 0.3s ease-in;
border-radius: 4px;
text-align: center;
padding: 8px 40px;
}
.productpr .buys:hover {
opacity: 0.8;
}
.grid-margin {
margin-bottom: 80px;
}
.mojoopromo{
margin-top: 40px;
}
.PageTitle__middleText {
display: inline-block;
white-space: nowrap;
color: #141414;
background-color: rgba(73,134,204,.08);
}
.justify-content-start {
justify-content: flex-start !important; width: 100%; padding: 15px;
}
.justify-content-center {
justify-content: center !important; width: 100%; padding: 15px;
}
.justify-content-end {
justify-content: flex-end !important; width: 100%; padding: 15px;
}
.features-overview .features-width {
flex-basis: 85%;
}
.features-overview .img-icons {
transition: all .4s ease-in-out;
}
.features-overview .readmore-link {
font-size: 13px;
color: #97a3be;
font-weight: 500;
transition: color .5s ease-in-out;
}
.align-items-center {
align-items: center !important;
}
html:not(.no-js) [data-aos^="fade"][data-aos^="fade"].aos-animate {
opacity: 1;
-webkit-transform: none;
transform: none;
}
.stretch-card .card {
width: 100%;
min-width: 100%;
}
.card {
border: none;
border-radius: 8px;
}
.card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #fff;
background-clip: border-box;
border: 1px solid #eee;
border-radius: .25rem;
}
.card:hover{
background: #ededed;
opacity: 0.9;
transition: all 0.4s ease 0s;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);
}
.card-body {
flex: 1 1 auto;
padding: 1.25rem;
}
.card-attr-dst{
margin-bottom: 15px;
}
.card-attr-dst2{
margin-bottom: 15px;
background-color: #e8f2fe;
}
.bg-primary {
background-color:
#000637 !important;
}
.case-studies .bg-violet {
background:
#bbbbf2;
}
.bg-warning {
background-color:
#ffad00 !important;
}
.bg-success {
background-color:
#5ed6b3 !important;
}
.case-studies .case-studies-card-img {
height: 106px;
}
.case-studies .card-desc-box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,51,204,.8);
transition: all .8s ease-in-out;
opacity: 0;
}
.case-studies .color-cards .btn {
padding: 6px 14px;
font-size: 12px;
}
.align-items-center {
align-items: center !important;
}
.cif {
color: #97c21a;
font-size: 48px;
font-weight: 700;
line-height: 60px;
text-align: left;
font-family: "Styrene A Web", sans-serif;
}
.cif2 {
font-size: 17px;
font-weight: 400;
line-height: 28px;
text-align: left;
}
.cif2 a {
color: #141414;
}
.cif3 {
font-size: 17px;
font-weight: 600;
line-height: 36px;
text-align: left;
height: 130px;
}
.cif4 {
font-size: 17px;
font-weight: 600;
line-height: 36px;
text-align: left;
height: 150px;
}
.actionmojoo {
font-size: 36px;
font-weight: 600;
line-height: 100px;
text-align: center;
color: #fff;
background: #97c21a;
padding: 20px;
border-radius: 28%;
width: 135px;
height: 135px;
margin: 0 auto;
transition: all 0.3s ease 0s;
cursor:pointer;
}
.actionmojoo:hover {
opacity: 0.9;
font-size: 45px;
font-weight: 600;
line-height: 100px;
text-align: center;
color: #fff;
background: #97c21a;
padding: 20px;
border-radius: 28%;
width: 135px;
height: 135px;
margin: 0 auto;
transition: all 0.3s ease 0s;
}
.mojooiconpng {
text-align: center;
width: 200px;
margin: auto;
padding: 50px;
}
.mojoogarant {
border-radius: 8px;
padding: 20px;
margin-right: 10px;
min-height: 350px;
margin-bottom: 60px;
background: #fff;
transition: 0.5s;
}
.mojoogarant:hover {
background: #eee;
transition: 0.5s;
}
.mojoogarant2 {
border-radius: 8px;
padding: 30px 30px 40px 40px;
margin-right: 10px;
min-height: 280px;
margin-bottom: 60px;
background: #f5f7f9;
transition: 0.5s;
margin-top: 60px;
}
.mojoogarant2:hover {
background: #eee;
transition: 0.5s;
}
.productpr2 .buys2 {
background: #97c21a;
display: inline-block;
line-height: 28px;
color: #fff;
margin: 10px 0px;
font-size: 15px;
font-weight: 500;
transition: all 0.3s ease-in;
border-radius: 4px;
text-align: center;
padding: 8px 40px;
}
.productpr2 .buys2:hover {
opacity: 0.8;
}
.productpr2 {
text-align: center;
}
.productpr3 .buys3 {
background: #141414;
width: 280px;
display: inline-block;
height: 36px;
line-height: 36px;
color: #fff;
margin: 10px 0px;
font-size: 14px;
font-weight: 600;
transition: all 0.3s ease-in;
border-radius: 4px;
text-align: center;
}
.mojootex {
margin-left: 30px;
}
.justify-content-around {
justify-content: space-around !important;
}
.mojootit {
padding: 20px 20px 20px 30px;
width: 20%;
border: 1px solid #eee;
border-radius: 8px;
line-height: 1.2em;
color: #97c21a;
font-size: 17px;
font-weight: 700;
}
.mojootex {
margin-left: 0px;
}
.mojootit {
padding: 20px 20px 20px 30px;
width: 100%;
border: 1px solid #eee;
border-radius: 8px;
line-height: 1.2em;
color: #97c21a;
font-size: 17px;
font-weight: 700;
}
.product-info-mini {
border: 0px;
margin: 0px;
font-size: 14px;
position: absolute;
top: 0;
right: 0;
}
.filter-product .form-check {
padding-left: 0px;
}
.product-block-title {
font-size: 24px;
transition: all 0.3s ease 0s;
color: #141414;
text-transform: none;
font-weight: 600;
margin-bottom: 20px;
}
.dst-char-item {
font-size: 14px;
background: #97c21a;
color: #fff;
max-width: 60px;
display: block;
margin-left: 12px;
border-radius: 4px;
line-height: 26px;
height: 28px;
}
.char-item {
}
.char-item .char-name{
color: #808d9a;
position: relative;
margin-bottom: 8px;
}
.char-item .char-name:before {
content: "";
display: block;
left: 0;
bottom: .2em;
position: absolute;
width: 100%;
border-bottom: 1px dotted #d6dbe0;
}
.char-item .char-name .name {
padding-right: 3px;
font-size: 14px;
background: #fff;
position: relative;
display: inline-flex;
align-items: flex-start;
}
.product-white .char-item .char-name .name{
color: #AAAAAA;
}
.char-item-name-content {
font-size: 14px;
height: 40px;
}
.fs {
font-size: 14px;
}
.reviews_widget, #reviews_widget {
margin: 0px;
}
.cart-page {
}
.cart-page .cart-info{
border: 1px solid #d6d6d6;
padding: 30px 30px;
border-radius: 4px;
}
.cart-page .cart-header-items {
background: #f2f3f5;
font-weight: 500;
font-size: 15px;
border-radius: 4px;
}
.cart-page .cart-box-items {
padding-right: 30px;
}
.cart-page .cart-info .info {
border-bottom: 1px solid #e6e8ea;
font-size: 15px;
font-weight: normal !important;
padding-bottom: 10px;
}
.h3 {
font-size: 25px;
font-weight: bold;
}
.cart-page .cart-item img {
max-height: 100px;
}
.cart-page .btn-to-confirm {
min-height: 56px;
padding: 16px 24px;
font-size: 17px;
line-height: 1.25;
border-radius: 3px;
}
.cart-page .btn-submit-order, .btn-submit-order:active {
padding: 12px 50px;
background-color: #f2f3f5;
color: #1f2930;
font-weight: bold;
font-size: 17px;
box-shadow: none !important;
}
.btn-green {
background-color: #2fc36f !important;
color: #fff !important;
}
.btn-green:hover, .btn-green:focus, .btn-green:active {
background-color: #2fbf6f !important;
box-shadow: none !important;
color: #fff;
}
#reviews_add_form textarea, #reviews_add_form .emojionearea {
background: #fff;
font-size: 17px;
}
#reviews_add_form .actions a {
font-size: 14px;
color: #333
}
.brand_area {
padding-bottom: 60px; }
.features_area {
padding-bottom: 10px;
background: #f5f7f9;}
.features_area_dst {
padding-bottom: 10px;
}
.feature_item {
border-radius: 8px;
padding: 45px 25px;
background: #fff;
text-align: center;
border: 1px solid #e6e8ea;
cursor: pointer;
margin-bottom: 30px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s; }
.feature_item img {
margin-bottom: 35px;
height: 45px;
display: block;
border: 2px solid #555;
padding: 5px 15px;
border-radius: 8px;
}
.feature_item h4 {
font-size: 17px;
margin-bottom: 20px;
min-height: 90px;}
.feature_item p {
margin-bottom: 0px;
min-height: 110px;}
.feature_item:hover {
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
background: #f3f4f5;
transition: all 0.4s ease 0s;
}
.feature_itemdst {
border-radius: 8px;
padding: 35px 20px;
background: #fff;
min-height: 350px;
text-align: center;
border: 1px solid #f3f4f5;
cursor: pointer;
margin-bottom: 30px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s; }
.feature_itemdst img {
margin-bottom: 35px;
height: 50px;
transition: all 0.4s ease 0s;
}
.feature_itemdst img:hover {
margin-bottom: 35px;
filter: blur(1px);
transition: all 0.4s ease 0s;
}
.feature_itemdst h4 {
font-size: 17px;
margin-bottom: 20px;
min-height: 60px;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-weight: 400;
line-height: 28px;
}
.feature_itemdst p {
margin-bottom: 0px;
min-height: 100px;}
.feature_itemdst:hover {
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
background: #fff; }
.swiper-container {
width: 100%;
height: 100%;
max-height: 450px;
min-width: 300px;
max-width: 1920px;
margin-bottom: 20px;
padding-bottom: 50px;
}
.swiper-slide {
text-align: center;
font-size: 17px;
background: #fff;
border-radius:8px;
border:1px solid #e6e8ea;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: all 0.4s ease 0s;
}
.swiper-slide:hover {
box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);
background: #fff;
transition: all 0.4s ease 0s;
}
.avatar-block {
display: block;
margin: 0 auto;
}
.avatar-block.xy120 img, .avatar-block.xy120 .avatar-colorbox {
width: 120px !important;
height: 120px !important;
line-height: 110px !important;
}
.avatar-block.xy150 img, .avatar-block.xy150 .avatar-colorbox {
width: 150px !important;
height: 150px !important;
line-height: 140px !important;
}
.avatar-block.xy150 img, .avatar-block.xy150 .avatar-colorbox {
border-radius: 50%;
float: unset !important;
margin: 0 auto;
}
.partner-item {
display: grid;
text-align: center;
}
.partner-item .name {
-ms-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-ms-line-clamp: 1;
-webkit-line-clamp: 1;
line-clamp: 1;
display: -webkit-box;
display: box;
word-wrap: break-word;
-webkit-box-orient: vertical;
box-orient: vertical;
}
.rating-user {
min-height: 18px;
margin-bottom: 10px;
display: flex;
align-items: center;
}
.rating-user .stars .stars-active, .rating-user .stars {
background-size: 20px 16px;
height: 18px;
}
.rating-user .stars {
height: 18px;
width: 96px;
display: inline-block;
position: relative;
vertical-align: middle;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20preserveAspectRatio='xMinYMid'%20viewBox='0%200%2015%2015'%3E%3Cpath%20class='st0'%20fill='%23d6dbe0'%20d='M7.5%200l2.3%204.9%205.2.8-3.7%203.8.9%205.4-4.6-2.6L2.9%2015l.9-5.4L0%205.7l5.2-.8L7.5%200z'/%3E%3C/svg%3E") repeat-x 0;
}
.rating-user .stars .stars-active {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMinYMid' viewBox='0 0 15 15'%3E%3Cpath class='st0' fill='%23ffc107' d='M7.5 0l2.3 4.9 5.2.8-3.7 3.8.9 5.4-4.6-2.6L2.9 15l.9-5.4L0 5.7l5.2-.8L7.5 0z'/%3E%3C/svg%3E") repeat-x 0;
height: 15px;
width: 0;
}
.rating-user .stars .stars-active, .rating-user .stars {
background-size: 20px 16px;
height: 18px;
}
.rating-user .stars-count {
margin-left: 6px;
font-size: 14px;
line-height: 1.29;
color: #808d9a;
}
.rating-user.d-grid {
display: grid;
}
.rating-user.text-left {
align-items: left;
justify-content: left;
}
.rating-user.d-grid .stars-count {
margin-left: 0;
}
.dsrt{
text-align: center;
color: #fff;
font-size: 25px;
font-weight: bold;
}
.feature-dst-icon {
margin-bottom: 35px;
height: 45px;
display: block;
border: 2px solid #0a5a3f;
padding: 5px 15px;
border-radius: 8px;
width: 60px;
}
.dst-inline {
min-height: 90px;
background: #e8f2fe;
font-size: 15px;
transition: all 0.4s ease 0s;
cursor: pointer;
padding: 30px;
border-radius: 4px;
font-size: 15px;
text-align: center;
font-weight: 700;
}
.dst-action-proc {
font-size: 47px;
margin-bottom: 20px;
color: #fff;
font-weight: 700;
}
.discount-card-dst-prog {
background: #eee;
border-radius: 8px;
padding: 0px 30px 5px 30px;
margin-bottom: 30px;
}
.section_gap_bottom_dst {
padding-bottom: 30px;
}
/*
============================================================================================ */
/* ADMIN
============================================================================================ */
.dst-admin-filter {
background: #eee;
border-radius: 4px;
padding: 20px 20px;
}
.dst-admin-user {
font-size: 13px;
color:#6D7986;
}
.dst-variable-no {
color: #fff;
background: #F15045;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 30px;
display: inherit;
}
.dst-variable-yes {
color: #fff;
background: #97c21a;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 30px;
display: inherit;
}
.dst-code-sku {
color: #6D7986;
background: #eee;
padding: 11px 10px 0px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 30px;
margin-bottom: 10px;
min-height: 36px;
font-weight: 400;
max-width: 100px;
}
.dst-code-sku-admin {
color: #6D7986;
background: #eee;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 120px;
display: inline-block;
font-weight: 500;
margin-right: 10px;
}
.btn-primary-red {
border: #F15045 1px solid;
color: #F15045;
cursor: pointer;
font-size: 14px;
padding: 7px 16px;
text-decoration: none;
display: inline-block;
border-radius: 4px;
}
.dst-comiss {
color: #fff;
background: #97c21a;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 60px;
display: inherit;
}
.dst-comiss-buy {
color: #fff;
background: #97c21a;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 80px;
display: inline-block;
font-weight: 600;
}
.dst-comiss-buy-front {
color: #fff;
background: #97c21a;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 80px;
display: inline-block;
font-weight: 600;
margin-left: 5px;
transition: all 0.4s ease 0s;
}
.dst-comiss-buy-front:hover {
opacity:0.9;
transition: all 0.4s ease 0s;
}
.dst-comiss-buy-front2 {
color: #fff;
background: #97c21a;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 80px;
display: inline-block;
font-weight: 600;
margin-left: 5px;
transition: all 0.4s ease 0s;
}
.dst-comiss-buy-front2:hover {
opacity:0.9;
transition: all 0.4s ease 0s;
}
.dst-comiss-buy-front2 a {
color: #fff;
font-weight: 400;
}
.dst-button-buy {
color: #fff;
background: #97c21a;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 50px;
display: inline-block;
font-weight: 600;
margin-right: 10px;
}
.dst-button-buy-green {
color: #fff;
background: #97c21a;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 110px;
display: inline-block;
margin-right: 10px;
}
.dst-summ {
color: #6D7986;
background: #eee;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 120px;
display: inherit;
}
.dst-summ-partner {
color: #6D7986;
background: #eee;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 160px;
display: inherit;
}
.dst-summ-admin {
color: #141414;
background: #fff;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 120px;
display: inline;
margin-left: 5px;
}
.dst-summ-skid {
color: #F15045;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 120px;
display: inline;
margin-left: 5px;
border: #F15045 1px solid;
}
.dst-summ-skid-green {
color: #97c21a;
padding: 4px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 50px;
display: inline-block;
font-weight: 600;
margin-right: 10px;
border: #97c21a 1px solid;
}
.dst-summ-skid-green-front {
color: #97c21a;
padding: 4px 10px;
border-radius: 4px;
font-size: 12px;
display: inline-block;
font-weight: 600;
border: #97c21a 1px solid;
}
.dst-summ-skid-gray {
color: #6D7986;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 140px;
display: inline-block;
margin-left: 5px;
border: #ddd 1px solid;
}
.dst-summ-admin-total {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
flex-direction: column;
min-width: 0;
word-wrap: break-word;
background-color: #e8f2fe;
background-clip: border-box;
border: 1px solid rgba(0, 0, 0, 0.125);
border-radius: 0.25rem;
}
.dst-product-admin {
color: #6D7986;
border: #eee 1px solid;
padding: 5px 10px;
border-radius: 4px;
font-size: 12px;
min-width: 80px;
display: inline-block;
font-weight: 500;
margin-right: 10px;
text-decoration: none;
transition: all 0.3s ease 0s;
}
.dst-product-admin a {
color: #6D7986;
text-decoration: none;
}
.dst-product-admin:hover {
opacity: 0.9;
transition: all 0.3s ease 0s;
}
.dst-code-sku-price {
color: #fff;
background: #97c21a;
padding: 8px 8px 0px 10px;
border-radius: 4px;
font-size: 14px;
min-width: 30px;
margin-bottom: 10px;
min-height: 36px;
font-weight: 600;
max-width: 90px;
}
.dst-code-sku-price-old {
color: #6D7986;
border: #2FC26E 1px solid;
padding: 7px 8px 0px 10px;
border-radius: 4px;
font-size: 14px;
min-width: 30px;
margin-bottom: 10px;
min-height: 36px;
font-weight: 500;
max-width: 90px;
}
.filter-sorts button {
background: none;
padding: 3px;
color: #6D7986;
font-size: 13px;
border: 0px;
margin-bottom: 8px;
cursor: pointer;
}
.product_har{
}
.product_har .list{
}
.product_har .list .point{
display: flex;
flex-wrap: nowrap;
}
.product_har .list h2,
.product_har .list h3
{
}
.product_har .list h3{
color: #000000;
}
.delivery-btn{
width: 100%;
background-color: #138F46;
color: #fff;
height: 45px;
border-radius: 6px;
font-size: 14px;
font-weight: 400;
}
.delivery-btn:hover{
background-color: #007632;
transition: .3s ease;
}
.shoper{
width: 100%;
min-width: 350px;
background-color: #f5f5f5;
border-radius: 10px;
padding: 10px 20px;
margin-top: 14px;
position: relative;
overflow: visible;
}
.attribute-line {
display: flex;
width: 100%;
align-items: baseline;
margin-bottom: 20px;
}
.attribute-title {
white-space: nowrap;
padding-right: 5px;
font-weight: 400;
font-size: 14px;
line-height: 100%;
letter-spacing: 0;
color: #AAAAAA;
}
.attribute-dots {
flex-grow: 1;
background-image: radial-gradient(circle, #000 1px, transparent 1px);
background-size: 6px 100%; /* 2px расстояние между точками (1px точка + 2px пробел + 1px точка) */
height: 1px;
margin: 0 5px;
position: relative;
}
.attribute-value {
white-space: nowrap;
padding-left: 5px;
}
/* .slick_img{
aspect-ratio: 3 / 4;
} */
.read-more-btn{
background: none;
color: #2C54BB;
font-size: 14px;
padding: 10px 0 0 0;
}
.read-more-btn:hover{
background: none;
}
.read-more-btn:focus{
background: none;
}
.list-btn{
width: 100%;
height: 44px;
border-radius: 6px;
background-color: #f5f5f5;
color: #000;
}
.product-white .card_row{
max-width: 470px;
margin-right: auto;
}
.product-white .card_last_row{
max-width: 350px;
padding: 0;
margin: 0;
}
.product_cart_block{
overflow: visible;
}
.product-title{
font-size: 20px;
}
.cashback-sum{
color: #008C3A;
font-weight: 700;
font-size: 14px;
}
.delivery-btn, .go-to-cart-btn {
background: #138F46;
color: white;
border: none;
padding: 10px 15px;
border-radius: 4px;
cursor: pointer;
transition: background 0.3s;
}
.delivery-btn:hover {
background-color: #007632;
}
.quantity-selector {
display: flex;
align-items: center;
gap: 10px;
}
.quantity-btn {
width: 44px;
height: 44px;
background: none;
border: none;
cursor: pointer;
font-size: 17px;
color: #176FE8;
}
.quantity {
font-family: Golos Text;
min-width: 20px;
font-size: 14px;
text-align: center;
}
.go-to-cart-btn {
margin-left: auto;
padding: 5px 10px;
background-color: #E6F4EC;
color: #138F46;
}
.sale-sum{
padding: 3px 6px;
background-color: #138F46;
border-radius: 50px;
color: #fff;
margin-left: 20px;
}
.sale-sum span {
font-size: 12px;
font-weight: 700;
}
.tooltip-container {
display: inline-block;
position: relative;
float: right;
}
.mini-slide{}
.tooltip-icon {
cursor: pointer;
color: #6c757d; /* Цвет иконки */
}
.custom-tooltip {
visibility: hidden;
width: 210px;
background-color: #FFFFFF;
color: #000000;
border-radius: 10px;
padding: 14px;
position: absolute;
z-index: 100;
left: 0%;
top: 100%;
transform: translateX(-90%);
opacity: 0;
transition: opacity 0.3s;
margin-bottom: 10px;
height: 170px;
}
.custom-tooltip::after {
content: "";
position: absolute;
bottom: 98%;
left: 94%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
transform: rotate(180deg);
border-color: #fff transparent transparent transparent;
}
.tooltip-container:hover .custom-tooltip {
visibility: visible;
opacity: 1;
}
.li-name{
margin-top: 8px;
color: #AAAAAA;
font-size: 12px;
}
.share-container {
position: relative;
display: inline-block;
}
.share-item {
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
}
.share-tooltip {
visibility: hidden;
position: absolute;
z-index: 100;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 200px;
background: white;
border: 1px solid #ddd;
border-radius: 10px;
padding: 20px;
box-shadow: 0 2px 8px rgba(0,0,0,0.1);
opacity: 0;
transition: opacity 0.3s, visibility 0.3s;
margin-bottom: 10px;
}
.share-tooltip::after {
content: "";
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: white transparent transparent transparent;
}
.share-container:hover .share-tooltip {
visibility: visible;
opacity: 1;
}
.share-tooltip ul {
list-style: none;
padding: 0;
margin: 0;
}
.share-tooltip ul li{
padding: 7px 0;
font-size: 12px;
}
.social-share-list {
list-style: none;
padding: 0;
margin: 0;
}
.share-item {
display: flex;
align-items: center;
gap: 5px;
}
.share-item a {
color: #333;
text-decoration: none;
transition: color 0.3s;
}
.share-item:hover a {
color: #2c7be5;
}
.share-item:hover .icon-path {
stroke:#008C3A;
}
.not_add:hover .icon-path{
stroke:#008C3A;
}
.share-item-second:hover .icon-path{
fill:#008C3A;
}
.copy-link {
cursor: pointer;
}
#share_block{
margin-top:25px;
margin-bottom: 50px
}
.product-white .slick-list.draggable{
padding: 0 !important;
height: 585px !important;
}
.product-white .slick-vertical .slick-slide{
margin-bottom: 20px !important;
width: 101px !important;
height: 101px !important;
box-sizing: border-box;
}
.slider_prod .col-3{
max-width: 21%;
}
.product-white .slick-next.slick-arrow{
margin-top: -15px !important;
}
.product-white .slick-prev.slick-arrow{
margin-bottom: -20px !important;
}
.product-white .slick-prev.slick-arrow:before{
z-index: 4;
}
.product-white .slick-next.slick-arrow:before{
width: 40px !important;
height: 40px !important;
margin: -40px 0 0 -18px;
border-radius: 50%;
background: #F0F0F099 url(/templates/default/shop/images/arrow.svg) 15px 18px no-repeat;
}
.product-white .slick-prev.slick-arrow:before{
width: 40px !important;
height: 40px !important;
margin: 0 0 0 -18px;
border-radius: 50%;
background: #F0F0F099 url(/templates/default/shop/images/arrow.svg) 13px 16px no-repeat;
rotate: 180deg;
}
.product-white .slick-list.draggable .slick-current img{
border: 1px solid #008C3A;
}
.product-white .slick_img{
border: none !important;
}
.mobile_rev_shar{
display: flex;
flex-direction: column;
}
.cart-controls-mob{
display: none;
width: 100%;
background: #FFFFFF;
position: fixed;
z-index: 10;
bottom: 65px;
padding: 0;
margin: 0;
}
.partner_link{
color: #2C54BB;
cursor: pointer;
transition: .3s ease;
}
.product-white .cashback_icon{
margin-top: -2px !important;
}
.product-white .product-images-normal .slick-initialized .slick-slide{
position: relative
}
.product-white .product-images-normal .slick-initialized .slick-slide.slick-active:before{
padding-top: 133.333%;
display: block;
content: "";
}
.slide-cont{
display: block;
position: absolute !important;
width: 100%;
z-index: 1;
top: 0;
left: 0;
}
.product-white .slick_img{
position: absolute;
top: 50%;
transform: translate(0,-50%);
}
/*
============================================================================================ */
/* 1619px
============================================================================================ */
@media (max-width: 1619px) {
.header_area .navbar .search {
margin-left: 40px; }
.product-white .card_row{
margin-right: auto;
}
.product-white .card_last_row{
padding: 0 20px 0 0;
}
}
/*
============================================================================================ */
/* 1400px
============================================================================================ */
@media only screen and (min-width: 1550px) and (max-width: 4000px) {
.mobil-hide-1400{
display: none;
}
}
/*
============================================================================================ */
/* 1400px
============================================================================================ */
@media (max-width: 1550px) {
.mobil-hide{
display: none;
}
}
/*
============================================================================================ */
/* 1400px
============================================================================================ */
@media (max-width: 1400px) {
.product-white .slick_img{
top: unset;
transform: unset;
}
.product-white .slick-prev.slick-arrow
{
margin: 0 0 0 20px;
}
.product-white .slick-next.slick-arrow:before{
margin: -40px 0 0 20px;
}
.product-white .slick-prev.slick-arrow:before{
margin: 0 0 0 0;
}
.product-white .slick-slide img{
margin: unset;
}
.product-white .slick-track{
margin-left: unset;
margin-right: unset;
padding: 0 0 0 40px;
width: 100px;
}
.product-white .card_row{
max-width: unset;
order: 1;
width: 93.5%;
margin: 0 auto;
flex: unset;
}
.product-white .card_last_row{
max-width: unset;
order: 3;
width: 92%;
margin: 0 auto;
flex: unset;
}
.slider_prod{
order: 2;
}
.product_har{
display: none;
}
.col-12.pt-3.pb-3.pt-lg-5.pb-lg-5 .row{
}
.slider_prod{
max-width: unset;
flex: unset;
}
#desc_prod{
margin: 0 auto;
width: 95%;
}
.product-white .slick_img{
width: 94%;
padding-left: 1px;
}
#share_block{
margin-bottom: unset;
}
}
/*
============================================================================================ */
/* 980px - 1506px
============================================================================================ */
@media only screen and (min-width: 980px) and (max-width: 1506px) {
.nav-page li a{
padding-left: 4px;
}
.nav-page2 li a{
padding-left: 4px;
}
}
/*
============================================================================================ */
/* 992px - 1400px
============================================================================================ */
@media only screen and (min-width: 992px) and (max-width: 1400px) {
.primary_btn3 {
display: none;
}
.primary_btnblue {
display: none;
}
}
/*
============================================================================================ */
/* 990px - 1300px
============================================================================================ */
@media only screen and (min-width: 990px) and (max-width: 1300px) {
.features_area {
padding-bottom: 50px;
}
.features_area_dst {
padding-bottom: 50px;
}
.feature_item {
border: 1px solid #e6e8ea;
border-radius: 8px;
padding: 25px 20px;
text-align: center;
background: #f9f9fd;
cursor: pointer;
margin-bottom: 30px;
-webkit-transition: all 0.4s ease 0s;
-moz-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
}
.primary_btn span {
padding: 0 38px; }
.primary_btn span {
font-size: 17px; }
.client-info {
padding: 25px 0px;
text-align: center;
position: relative;
margin-top: 25px;
}
.client-info .smll {
text-align: left;
color: #141414;
font-family: "Styrene A Web", sans-serif;
font-size: 17px;
margin-left: 0px;
}
.feature_item img {
margin-bottom: 25px;
height: 40px;
display: block;
}
.cif {
font-size: 50px;
line-height: 60px;
}
}
/*
============================================================================================ */
/* 1300px - 1200px
============================================================================================ */
@media only screen and (min-width: 1200px) and (max-width: 1300px) {
.btn-cart-dst, .btn-cart-dst:hover, .btn-cart-dst:focus, .btn-cart-dst.focus, .delivery-term {
width: 240px;
}
}
/*
============================================================================================ */
/* 1245px
============================================================================================ */
@media (max-width: 1245px) {
.phone-cart-line {
font-size: 12px;
}
.phone-cart-line a{
font-size: 11px !important;
}
}
/*
============================================================================================ */
/* 992px - 1200px
============================================================================================ */
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.brand-carousel .single-brand-item {
height: 100px;
width: 140px; }
.line.btn-gray {
font-size: 12px;
padding: 16px 10px;
}
.btn-cart-dst, .btn-cart-dst:hover, .btn-cart-dst:focus, .btn-cart-dst.focus, .delivery-term {
width: 180px !important;
font-size: 14px;
}
}
/*
============================================================================================ */
/* 1199px
============================================================================================ */
@media (max-width: 1199px) {
.features_area {
padding-bottom: 50px; }
.features_area_dst {
padding-bottom: 50px; }
.brand_area {
padding-bottom: 60px; }
.home_banner_area .banner_inner {
padding: 100px 0px; }
.header_area .navbar .primary_btn {
margin-left: 40px; }
.home_banner_area .banner_inner .banner_content h2 br {
display: none;
font-size: 36px; }
.home_banner_area .banner_inner .banner_content h2 {
font-size: 36px;
line-height: 45px; }
.single-brand-item {
width: 170px !important;
}
.single-brand-item img {
max-width: 130px !important;
}
}
/*
============================================================================================ */
/* 1100px
============================================================================================ */
@media (max-width: 1100px) {
.features-overview .features-width {
flex-basis: 100%;
}
.containerclub{
max-width: 1200px;
margin: 0 auto;
padding: 0px 30px 0px 30px;
}
}
/*
============================================================================================ */
/* 1024px
============================================================================================ */
@media (max-width: 1024px) {
.home_banner_area .banner_inner .banner_content h1 {
font-size: 50px;
line-height: 60px; }
.product-n .actions a, .product-n .actions btn {
padding-left: 10px;
padding-right: 10px;
}
.product-n .special-label {
font-size: 12px;
}
}
/*
============================================================================================ */
/* 300px - 992px
============================================================================================ */
@media only screen and (min-width: 300px) and (max-width: 992px) {
.product-white .slick-track{
padding: 0 0 0 30px;
}
.dstimg6feature_item {
background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.6) 0), url(/img/img9.jpg) no-repeat top center;
background-size: cover;
}
.dstimg7feature_item {
background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.6) 0), url(/img/img11.jpg) no-repeat top center;
background-size: cover;
}
.dstimg8feature_item {
background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.7) 0), url(/img/img13.jpg) no-repeat top center;
background-size: cover;
}
.delivery-term {
margin-top: 10px;
width: max-content;
}
.feature_item p {
margin-bottom: 0px;
min-height: 112px;
}
.feature_item h4 {
font-size: 17px;
margin-bottom: 20px;
min-height: 87px;
}
.feature_item img {
margin-bottom: 20px;
height: 40px;
display: block;
}
.dstswfeature_item h4 {
font-size: 17px;
margin-bottom: 20px;
min-height: 110px;
}
.dstmain_title h2 {
font-size: 35px;
line-height: 40px;
}
}
/*
============================================================================================ */
/* 991px
============================================================================================ */
@media (max-width: 991px) {
.navbar-toggler {
border: none;
border-radius: 0px;
padding: 0px;
cursor: pointer;
margin-top: 27px;
margin-bottom: 23px; }
.header_area .navbar {
background: #fff;
box-shadow: 0px 3px 16px 0px rgba(0, 0, 0, 0.1);
position: fixed;
}
.navbar-toggler[aria-expanded="false"] span:nth-child(2) {
opacity: 1; }
.navbar-toggler[aria-expanded="true"] span:nth-child(2) {
opacity: 0; }
.navbar-toggler[aria-expanded="true"] span:first-child {
transform: rotate(-45deg);
position: relative;
top: 7.5px; }
.navbar-toggler[aria-expanded="true"] span:last-child {
transform: rotate(45deg);
bottom: 6px;
position: relative; }
.navbar-toggler span {
display: block;
width: 25px;
height: 3px;
background: #141414;
margin: auto;
margin-bottom: 4px;
transition: all 400ms linear;
cursor: pointer; }
.navbar .container {
padding-left: 15px;
padding-right: 15px; }
.nav {
padding: 0px 0px; }
.header_area + section,
.header_area + row,
.header_area + div {
margin-top: 117px; }
.header_top .nav {
padding: 0px; }
.header_area .navbar .nav .nav-item .nav-link {
line-height: 40px;
margin-right: 0px;
display: block;
border-bottom: 1px solid #ededed33;
border-radius: 0px;
color: #141414; }
.header_area .navbar .search {
margin-left: 0px; }
.header_area .navbar-collapse {
overflow-y: hidden;
height: auto;
padding-bottom: 30px; }
.header_area .navbar .nav .nav-item.submenu ul .nav-item .nav-link {
padding: 0px 15px;
font-size: 14.5px;
font-weight: 300; }
.header_area .navbar .nav .nav-item {
margin-right: 0px; }
.header_area + section,
.header_area + row,
.header_area + div {
margin-top: 0px; }
.header_area.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
line-height: 40px;
color: #fff; }
.header_area.white_menu.navbar_fixed .main_menu .navbar .nav .nav-item .nav-link {
line-height: 40px;
color: #fff; }
.header_area.white_menu .navbar .nav .nav-item .nav-link {
color: #222; }
.home_banner_area {
margin-top: 0; }
.home_right_img {
display: none; }
.categories_post img {
width: 100%; }
.categories_post {
max-width: 360px;
margin: 0 auto; }
.blog_categorie_area .col-lg-4 {
margin-top: 30px; }
.blog_area {
padding-bottom: 80px; }
.single-post-area .blog_right_sidebar {
margin-top: 30px; }
.contact_info {
margin-bottom: 50px; }
.home_banner_area .donation_inner {
margin-bottom: -30px; }
.home_banner_area .dontation_item {
max-width: 350px;
margin: auto; }
.home_banner_area .banner_inner .home_left_img {
display: none; }
.header_area .navbar .primary_btn {
display: none; }
.left_side_text {
margin-bottom: 50px; }
.price_item {
max-width: 360px;
margin: 0px auto 30px; }
.price_inner {
margin-bottom: -30px; }
.actionmojoo {
font-size: 26px;
font-weight: 600;
line-height: 75px;
text-align: center;
color: #fff;
background: #97c21a;
padding: 20px;
border-radius: 28%;
width: 110px;
height: 110px;
margin: 0 auto;
transition: all 0.3s ease 0s;
cursor:pointer;
}
.actionmojoo:hover {
opacity: 0.9;
font-size: 17px;
font-weight: 600;
line-height: 75px;
text-align: center;
color: #fff;
background: #97c21a;
padding: 20px;
border-radius: 28%;
width: 110px;
height: 110px;
margin: 0 auto;
transition: all 0.3s ease 0s;
}
.tr-bg-none {
display: none !important;
}
}
/*
============================================================================================ */
/* 300px - 990px
============================================================================================ */
@media only screen and (min-width: 300px) and (max-width: 990px) {
.cif {
font-size: 36px;
line-height: 48px;
}
}
/*
============================================================================================ */
/* 990px
============================================================================================ */
@media (max-width: 990px) {
.alert-delivery-free .method{
float: unset;
margin-bottom: 6px;
}
}
/*
============================================================================================ */
/* 980px
============================================================================================ */
@media (max-width: 980px) {
.product-white .slick-prev.slick-arrow:before{
margin: 0 0 0 15px;
}
.product-white .slick-next.slick-arrow:before{
margin: -40px 0 0 15px;
}
.product-white .slick-prev.slick-arrow{
margin: 0 0 0 0px;
}
.product-white .cart-controls{
width: 100%;
background: #FFFFFF;
position: fixed;
z-index: 10;
bottom: 65px;
padding: 0;
margin: 0;
transform: translate(-50%, 0);
left: 50%;
}
.cart-controls-mob{
display: none;
}
.quantity-selector{
width: calc(100% - 32px);
margin: 10px 16px;
}
.delivery-btn, .go-to-cart-btn{
padding: 0;
margin: 10px 16px;
width: calc(100% - 32px);
}
.cart-buttom-fixed {
display: none;
position: fixed;
bottom: 65px;
text-align: center;
height: 65px;
line-height: 50px;
z-index: 3;
width: 100%;
box-shadow: 0px 10px 20px 10px rgba(0, 0, 0, 0.3);
}
.cart-buttom-fixed button {
height: 100% !important;
}
.product-cart-block .btn-cart {
display: none;
}
.btn-cart-dst {
display: none;
}
.collections-widget-dst .item {
width: 120px !important;
height: 190px !important;
}
.collections-widget-dst .item img {
height: 80px !important;
width: 80px !important;
}
.profile-page .user-info .avatar .avatar-colorbox {
height: 60px !important;
width: 60px !important;
float: left;
display: inline;
}
.profile-page .user-info .avatar {
text-align: left;
}
.profile-page .left-panel {
border-right: 0px solid #dbdbdb;
min-height: 0px;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.12);
}
.profile-page .right-panel .content {
padding: 0px 0px;
}
.avatar-colorbox.letter:before {
position: initial;
}
}
/*
============================================================================================ */
/* 972px
============================================================================================ */
@media (max-width: 972px) {
#breadcrumbs ul {
margin-bottom: 5px;
}
.product-info-mini {
display: contents;
}
}
/*
============================================================================================ */
/* 300px - 768px
============================================================================================ */
@media (max-width: 860px) {
}
@media only screen and (min-width: 300px) and (max-width: 768px) {
.product-white .slick-next.slick-arrow:before {
margin: -60px 0 0 0;
}
.product-white .slick-prev.slick-arrow:before{
margin: 15px 0 0 0;
}
.product-white .slick_img{
top: 50%;
transform: translate(0, -50%);
}
.product-white .slick-prev.slick-arrow{
top: 50%;
z-index: 10;
}
.product-white .slick-next.slick-arrow{
top: 52.5%;
}
.product-white .slick-track{
padding: 0;
}
.product-white .cart-controls{
position: fixed;
width: 100%;
background: #FFFFFF;
z-index: 19;
bottom: 65px;
padding: 0;
margin: 0;
}
.product-white .product-images-normal .slick-initialized .slick-slide{
padding: 0 !important;
}
.product-white .slick_img{
width: 99%;
}
.product-white .product-images-normal{
padding: 0 !important;
}
.product-white .slick-list.draggable{
height: unset !important;
}
.feature_item2 {
background: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.7) 0), url(/img/0.gif) no-repeat top center;
}
.dstport_item5 {
background: linear-gradient(to right, transparent 0%, rgba(255,255,255,0.5) 0), url(/img/dst25.jpg) no-repeat left center;
}
.dstport_item9 {
background: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.4) 0), url(/img/dst85.jpg) no-repeat top center;
}
.dstport_item10 {
background: linear-gradient(to right, transparent 0%, rgba(0,0,0,0.4) 0), url(/img/dst86.jpg) no-repeat top center;
}
}
/*
============================================================================================ */
/* 767px
============================================================================================ */
@media (max-width: 767px) {
.home_banner_area {
min-height: 300px; }
.home_banner_area .banner_inner {
min-height: 300px;
padding-top: 70px;
padding-bottom: 80px; }
.home_banner_area .banner_inner .banner_content {
margin-top: 0px; }
.home_banner_area .banner_inner .banner_content .primary_btn {
margin-right: 15px;
}
.primary_btn.tr-bg {
display: none;
}
.primary_btn4.tr-bg {
display: none;
}
.product-cart-block {
margin-top: 30px;
}
.single-brand-item {
height: 100px;
width: 140px; }
.single-brand-item img {
max-width: 100px; }
}
/*
============================================================================================ */
/* 300px - 750px
============================================================================================ */
@media only screen and (min-width: 300px) and (max-width: 750px) {
.dstshipp {
font-size: 38px;
line-height: 46px;
}
.desc.h4 {
font-size: 15px;
}
.home_banner_area .banner_inner .banner_content h1 {
font-size: 32px;
line-height: 42px;
}
.mainbrands2 {
font-size: 32px;
line-height: 42px;
}
}
/*
============================================================================================ */
/* 700px
============================================================================================ */
@media (max-width: 700px) {
.cart-totals .sum {
display: inherit;
font-size: 17px;
margin-right: 25px;
}
.cart-item {
text-align: center;
}
.widget_text_block2 {
overflow: hidden;
background: #f2f6fa;
margin-top: 50px;
display:none;
color: #808d9a;
font-size: 14px;
}
.containertext {
font-size: 12px;
}
}
/*
============================================================================================ */
/* 300px - 650px
============================================================================================ */
@media only screen and (min-width: 300px) and (max-width: 650px) {
h5 {
font-size: 38px;
line-height: 46px;
}
.mojootxtpr{
font-size: 38px;
line-height: 46px;
}
}
/*
============================================================================================ */
/* 600px
============================================================================================ */
@media (max-width: 600px) {
.product-n .cart-other .dropdown-menu.show {
display: block;
transform: translate3d(-25px, 40px, 0px) !important;
}
.product-n .special-label {
font-size: 12px;
}
.product-n .buy {
padding: 7px 10px;
}
}
/*
============================================================================================ */
/* 300px - 576px
============================================================================================ */
@media only screen and (min-width: 300px) and (max-width: 576px) {
.feature_item2 h4 {
font-size: 26px !important;
color: #fff;
}
.product-n .rating .stars-count {
margin-left: 6px;
font-size: 12px;
line-height: 1.29;
color: #808d9a;
}
.home_banner_area .banner_inner .banner_content h1 {
font-size: 32px;
line-height: 42px;
}
.home_banner_area .banner_inner2 .banner_content h1 {
font-size: 32px;
line-height: 42px;
}
.main_title h2 {
font-size: 17px;
line-height: 34px;
}
.swiper-slide {
text-align: center;
font-size: 13px;
}
}
/*
============================================================================================ */
/* 575px
============================================================================================ */
@media (max-width: 575px) {
.header_area + section,
.header_area + row,
.header_area + div {
margin-top: 0px; }
.home_banner_area .banner_inner .banner_content h2 {
font-size: 17px;
line-height: 38px; }
.home_banner_area {
min-height: 450px; }
.home_banner_area .banner_inner {
min-height: 450px; }
.home_banner_area .banner_inner .banner_content img {
display: none; }
.home_banner_area .banner_inner .banner_content h5 {
margin-top: 0px; }
.section_gap {
padding-top: 70px;
padding-bottom: 70px; }
.main_title h2 {
font-size: 25px; }
.sample-text-area {
padding: 70px 0 70px 0; }
.generic-blockquote {
padding: 30px 15px 30px 30px; }
.blog_details h2 {
font-size: 17px;
line-height: 30px; }
.footer-area {
padding: 70px 0px; }
.news_widget {
padding-left: 0 !important; }
.pad_top {
padding-top: 70px; }
.pad_btm {
padding-bottom: 70px; }
.cart-page .cart-header-items {
font-size: 13px;
}
.all_sum {
font-size: 13px;
}
.cart-totals .sum {
font-size: 17px;
}
.cart-page .btn-to-confirm {
font-size: 14px;
}
}
/*
============================================================================================ */
/* 500px
============================================================================================ */
@media (max-width: 500px) {
.single-brand-item {
height: 90px !important;
width: 130px !important;
}
.single-brand-item img {
max-width: 100px !important;
}
}
/*
============================================================================================ */
/* 480px
============================================================================================ */
@media (max-width: 480px) {
.card_last_row{
order: 2;
}
.header_area .navbar-collapse {
padding-bottom: 30px;
}
.home_banner_area .banner_inner .banner_content {
padding: 30px 15px;
margin-top: 0px; }
.home_banner_area .banner_inner .banner_content h3 {
font-size: 17px; }
.banner_area .banner_inner .banner_content h2 {
font-size: 32px; }
.comments-area .thumb {
margin-right: 10px; }
.testi_item .media .d-flex {
padding-right: 0px; }
.testi_item .media .d-flex img {
width: auto;
margin-bottom: 15px; }
.testi_item .media {
display: block; }
.product-n .rating .stars-count {
display: none;
}
.cart-page .btn-to-confirm {
font-size: 13px;
}
}
/*
============================================================================================ */
/* 450px
============================================================================================ */
@media (max-width: 450px) {
.alert-delivery-free {
background: #3529f5;
color: #fff;
padding: 5px;
font-size: 11px;
border-radius: 0px;
margin: 0px;
border-color: #3529f5;
font-weight: 600;
display: grid;
transition: all 0.3s ease-in 0s;
}
.alert-delivery-free .free {
border-radius: 12px;
background: #DB4437;
padding: 2px 4px;
margin-left: 5px;
}
.containertext {
font-size: 11px;
}
.btn {
font-size: 1.2rem;
padding: 0rem 0.5rem;
}
.nav-cats2 li a{
font-size: 1.2rem;
}
.single-brand-item {
height: 80px !important;
width: 110px !important;
}
.single-brand-item img {
max-width: 90px !important;
}
.mainbrands2 {
font-size: 20px !important;
line-height: 36px !important;
}
.mainbrands5 {
font-size: 15px !important;
line-height: 24px !important;
}
.dstport {
font-size: 20px !important;
line-height: 32px !important;
}
.dstport3 {
font-size: 15px !important;
}
.dstportdark {
font-size: 20px !important;
line-height: 32px !important;
}
.shipping-carousel .item .title {
font-size: 16px !important;
}
.shipping-carousel .item .desc {
font-size: 15px !important;
}
.feature_item2 p {
font-size: 15px !important;
}
.feature_item2 h4 {
font-size: 20px !important;
}
.feature_item4 h4 {
font-size: 20px !important;
}
.feature_item4 p {
font-size: 15px !important;
line-height: 24px !important;
}
.dstfeature_item2 h4 {
font-size: 20px !important;
}
.dstfeature_item2 p {
font-size: 15px !important;
}
.primary_btn {
font-size: 13px !important;
line-height: 40px !important;
}
.primary_btn span {
padding: 0 8px !important;
}
.primary_btn5 {
font-size: 13px !important;
line-height: 40px !important;
}
.primary_btn5 span {
padding: 0 8px !important;
}
.primary_btn6 {
font-size: 13px !important;
line-height: 40px !important;
}
.primary_btn6 span {
padding: 0 8px !important;
}
.dstlink{
font-size: 20px !important;
line-height: 36px !important;
}
.main_title h2 {
font-size: 20px !important;
line-height: 36px !important;
}
.main_title p {
font-size: 15px !important;
line-height: 24px !important;
}
.contact_info .info_item p {
font-size: 15px !important;
line-height: 24px !important;
}
.contact_form .form-group .form-control {
font-size: 15px !important;
}
.footer_deposit .social-links img {
width: 19px !important;
height: 19px !important;
padding: 2px !important;
}
.nav-page2 li a {
padding-left: 0px !important;
padding-right: 0px !important;
}
.tab-items .nav-item a {
font-size: 20px !important;
}
h1 {
font-size: 28px !important;
}
h2 {
font-size: 20px !important;
}
h3 {
font-size: 18px !important;
}
h4 {
font-size: 16px !important;
}
.cif {
font-size: 28px !important;
}
.text-muted {
font-size: 12px !important;
line-height: 24px !important;
}
.product-block-title {
font-size: 20px !important;
}
.product-n .title {
font-size: 13px;
}
.product-n .price-block .price {
font-size: 15px;
}
.home_banner_area .banner_inner2 .banner_content h5 {
font-size: 15px;
}
.dstmain_title2 h2 {
font-size: 17px;
}
.dstmain_title2 h2 {
font-size: 28px !important;
}
.cart_items {
font-size: 13px;
}
.cart-totals .sum {
font-size: 14px !important;
}
.cart-info-dst-buy {
font-size: 17px;
}
.product-info {
font-size: 12px !important;
}
.col-dst-brand-12 {
max-width: 100%;
}
.col-dst-brand-center-12 {
max-width: 100%;
text-align: center;
margin: 0 auto;
}
.line.btn-gray {
font-size: 12px;
padding: 16px 10px;
}
.cart-page .btn-submit-order, .btn-submit-order:active {
font-weight: 500;
font-size: 15px;
}
}
/*
============================================================================================ */
/* 430px
============================================================================================ */
@media (max-width: 430px) {
.cart-buttom-fixed {
font-size: 20px !important;
}
.btn-primary {
padding: 8px 8px !important;
font-size: 11px !important;
}
.btn {
padding: 0.175rem 0.15rem;
}
}
/*
============================================================================================ */
/* 400px
============================================================================================ */
@media (max-width: 400px) {
.product-white .slick-next.slick-arrow{
top: 53.5%;
}
.alert-delivery-free {
background: #3529f5;
color: #fff;
padding: 5px;
font-size: 9px;
border-radius: 0px;
margin: 0px;
border-color: #3529f5;
font-weight: 600;
display: grid;
transition: all 0.3s ease-in 0s;
}
.btn-primary {
padding: 6px 6px !important;
font-size: 11px !important;
}
.btn {
padding: 0.115rem 0.10rem;
}
.single-brand-item {
height: 100px !important;
width: 220px !important;
}
.single-brand-item img {
max-width: 130px !important;
}
.cart-page .cart-info .info {
font-size: 13px;
font-weight: normal !important;
}
.small {
line-height: 20px;
}
small, .small {
font-size: 70%;
}
.footer-mobile .name {
font-size: 11px!important;
}
.dstport {
font-size: 18px !important;
line-height: 26px !important;
}
.dstportdark {
font-size: 18px !important;
line-height: 26px !important;
}
.feature_item2 h4 {
font-size: 18px !important;
line-height: 26px !important;
}
.feature_item4 h4 {
font-size: 18px !important;
line-height: 26px !important;
}
}
/*
============================================================================================ */
/* 370px
============================================================================================ */
@media (max-width: 370px) {
.btn {
font-size: 1rem;
padding: 0rem 0.3rem;
}
.btn-primary {
font-size: 14.5px !important;
padding: 6px 35px !important;
}
.btn {
padding: 0.375rem 0.75rem !important;
}
.nav-cats2 li a{
font-size: 1rem;
}
.col-dst-12 {
max-width: 100%;
}
.col-dst-center-12 {
max-width: 100%;
text-align: center;
margin: 0 auto;
}
.product-n .image, .product-n .image img{
height: 180px !important;
}
.product-n .image, .product-n .image img.cashback_icon {
height: 16px !important;
}
.all_sum {
font-size: 11px;
}
}
/*
============================================================================================ */
/* 300px
============================================================================================ */
@media (max-width: 330px) {
.product-n .actions .mr-2 {
margin-right: 3px !important;
}
}
.footer-mobile .header-icon{
}
.footer-mobile .header-icon svg {
fill: #97c21a;
color: #97c21a;
height: 45px;
}
.footer-mobile .header-icon-margin{
margin-top: 5px;
}
.block-partner {
border: 1px solid #eee;
position: relative;
padding: 10px;
width: max-content;
border-radius: 4px;
}
.product-n .actions a, .product-n .actions btn {
line-height: 28px;
padding: 6px 25px;
font-size: 14px;
}
.controller-deposit .product-n {
height: 525px;
}
.controller-farmer .product-n{
height: auto;
}
body .ui-tooltip .ui-tooltip-content {
color: #97c21a;
}
.sum_promocode input,
.sum_cashback input {
padding: 0px 5px;
margin-top: 10px;
}
.sum_promocode button,
.sum_cashback button {
padding: 0px !important;
min-height: 30px !important;;
font-size: 13px !important;;
margin-top: 10px !important;;
}
#promo_info {
color: #845bb8;
margin-top: 5px;
font-size: 12px;
}
.card-selector {
position: relative;
color: rgb(20, 20, 20);
margin-top:20px;
}
.selected-card {
padding: 7px 15px;
border: 1px solid #008c3a;
border-radius: 4px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
/*background-color: #f9f9f9;*/
transition: border-radius 0.3s, border-color 0.3s;
}
.dropdown-arrow {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #333;
transition: transform 0.3s;
}
.dropdown-arrow.open {
transform: rotate(180deg);
}
.card-options {
position: absolute;
top: 100%;
left: 0px;
right: 0px;
border: 1px solid #008c3a;
border-top: none;
border-radius: 0 0 4px 4px;
background-color: white;
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
display: none;
z-index: 100;
}
.card-option {
padding: 10px 15px;
cursor: pointer;
border-bottom: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
margin: 0 14px;
}
.card-option:first-child {
margin-top: 10px;
}
.card-option:last-child {
border-bottom: none;
margin-bottom: 10px;
}
.card-option:hover {
background-color: #f5f5f5;
}
.card-option.active {
background-color: #E6F4EC;
}
.checkmark {
color: #008c3a;
font-weight: bold;
display: none;
}
.card-option.active .checkmark {
display: inline-block;
}
.selector-open {
border-radius: 4px 4px 0 0;
border-bottom: none;
border-color: #008c3a;
}
.option-content {
display: flex;
align-items: center;
}
#selectedCard > span > div.card-used-label {
/*color: #008c3a;*/
font-size: 0.8em;
margin-right: 8px;
/*display: none;*/
}
.card-used .card-used-label {
display: inline;
}