html {
width: 100vw;
}
body {
font-weight: 400;
color: #222;
font-size: 13px;
line-height: 20px;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
min-height: 100vh;
}
.ft_tabs_mob main {
contain: unset;
}*/
@media (min-width: 992px) {
main {padding-top: 10px;}
}
.modal-open > div {
overflow: hidden;
}
.action-timer {
opacity: 0;
}
.product-thumb .action-timer {
position: absolute;
}
header{background: #fff; position: relative;}
.phone_fix .text_after_phone {display: none;}
.justify-content-xs-end {justify-content: flex-end;}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.list-unstyled-close:before {
content: '';
position: absolute;
background-color: #fff;
z-index: 2;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.row-flex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -10px;
margin-left: -10px;
}
.f-col-xs-12,
.f-col-sm-6
.f-col-md-4,
.f-col-lg-3,
.item-col-5 {
padding-right: 10px;
padding-left: 10px;
}
.f-col-xs-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.f-col-xs-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.xs-w-100 {
width: 100%;
}
.xs-mb-5 {
margin-bottom: 5px;
}
.xs-mb-10 {
margin-bottom: 10px;
}
.xs-mb-20 {
margin-bottom: 20px;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
@media (max-width: 767px) {
.d-xs-flex{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.flex-xs-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.justify-content-xs-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
}
@media (min-width: 768px) {
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.sm-w-auto {
width: auto;
}
.sm-mb-0 {
margin-bottom: 0;
}
.sm-mb-30 {
margin-bottom: 30px;
}
.d-sm-block {display: block !important;}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.f-col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.justify-content-sm-end {justify-content: flex-end;}
.col-sm-auto {width: auto;}
}
#column-left, #column-right {display: none;}
.fixed-goods-menu {display: none;}
.box-cart {
padding-right: 10px;
}
.htop-b-pc img {margin:0 auto;}
.htop-b-mob img {margin:0 auto;}
.htop-b-mob{padding-top:54px;}
.htop-b-mob ~ header {padding-top: 0px;}
.ft_tabs_mob .htop-b-mob {padding-top: 98px;}
button, input {
overflow: visible;
}
@media (min-width: 992px) {
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
header > .container > .align-items-center {
padding-top: 5px;
padding-bottom: 5px;
}
header{z-index: 101;}
#column-left, #column-right {display: block;}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.f-col-md-4 {
-ms-flex: 0 0 33.3333333333%;
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.justify-content-md-center {justify-content: center;}
.col-md-offset-right-3 {margin-right: 25% !important;}
.flex-1 {flex:1;}
.f-order-3 {
-ms-flex-order: 3;
order: 3;
}
.cart_fix,
.box-cart {
min-width: 50px;
-ms-flex-order: 4;
order: 4;
}
.col-auto {
width: auto;
}
html.vw-100 body {
overflow-y: hidden;
}
.vw-100 .htop-b-pc,
.vw-100 nav#top,
.vw-100 header{
z-index: 1006;
position: relative;
}
.fix-header.h-sticky{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 999;
}
.pr-17 .fixed-goods-menu {padding-right: 17px;}
.fixed-goods-menu {
padding: 0px;
position: fixed;
bottom:-1px;
right:0px;
left:0px;
z-index: 1007;
display: block;
}
.fixed-goods-bar {
background: #2F4050;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: nowrap;
border-radius:8px 0px 0px 0px;
position: relative;
float:right;
bottom:48px;
margin-bottom:-48px;
box-shadow: 0px -5px 18px rgba(0, 0, 0, 0.05);
padding-left: 5px;
padding-right: 6px;
}
.fixed-goods-bar .box-wishlist, .fixed-goods-bar .box-compare {
order: 0;
}
.content_viewed {
max-height: 0px;
background: #fff;
border-top:1px solid #EAEDF7;
transition: max-height .4s ease;
}
.content_viewed.open-viewed {
box-shadow: 0px -5px 18px rgba(0, 0, 0, 0.05);
max-height: 368px;
}
.content_viewed .swiper-mod-arrow {
top: 50%;
margin-top: -18px;
width: 36px;
height: 36px;
opacity: 0;
z-index: 1;
line-height: 36px;
border-radius: 8px;
text-align: center;
}
.content_viewed .swiper-mod-arrow.prev-prod {
right: auto;
left:-80px;
}
.content_viewed .swiper-mod-arrow.next-prod {
right: -80px;
}
.content_viewed:hover .swiper-mod-arrow{
opacity: 1;
}
.content_viewed:hover .swiper-mod-arrow.next-prod{
right:-48px;
transition: all .2s ease;
}
.content_viewed:hover .swiper-mod-arrow.prev-prod{
left:-48px;
transition: all .2s ease;
}
.content_viewed .swiper-button-disabled {
opacity: 0.5;
cursor: no-drop;
}
.content_viewed .container-module {
margin: 0px;
padding: 10px 60px;
}
.content_viewed .product-thumb .image {
min-height: 8em !important;
}
.content_viewed .product-name {
height: 40px;
overflow:hidden;
min-height: 40px;
}
.content_viewed .btn-remove {
position: absolute;
top: -35px;
right: -35px;
opacity: 0;
box-shadow:0px 2px 4px rgba(0,0,0,0.09);
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
.content_viewed .product-thumb:hover .btn-remove{
top:15px;
right: 15px;
opacity: 1;
z-index: 10;
}
.content_viewed .container-module .product-name a {
font-size: 13px !important;
}
.content_viewed .container-module .btn-general {
padding: 5px 7px;
}
.fixed-goods-menu .box-viewed-pc {
position: relative;
}
.fixed-goods-menu .box-wishlist, .fixed-goods-menu .box-compare {
margin-top: 0px;
display: inline-block;
position: relative;
}
.fixed-goods-menu .box-compare:after,
.fixed-goods-menu .box-wishlist::after {
position: absolute;
content: "";
border-right: 1px dashed #122538;
right: 0px;
display: block;
width: 1px;
height: 36px;
top: 6px;
}
.fixed-goods-menu .btn-viewed-pc,
.fixed-goods-menu .btn-wishlist-top, .fixed-goods-menu .btn-compare-top{
background: transparent;
height: 48px;
width: 100%;
border-radius: 0px;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
padding: 0px 25px 0px 15px;
line-height:1;
}
.fixed-goods-menu .btn-viewed-pc .v-icon,
.fixed-goods-menu .btn-wishlist-top .wl-icon, .fixed-goods-menu .btn-compare-top .co-icon{
margin-top: 5px;
color:#fff;
}
}
.ml-auto {
margin-left: auto;
}
.pos-r {
position: relative;
}
input[type="number"],
input[type="text"] {
-webkit-appearance: none !important;
}
input, input:hover, input:active {
outline: none;
box-shadow: none;
}
@media (min-width: 1200px) {
.f-col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-30 {width: 30%}
.col-lg-20 {width: 20%}
}
@media (min-width: 1360px){
.item-col-5 {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
align-items: center;
}
}
.container[min-width~="1170px"][max-width~="1170px"] .item-col-5 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
align-items: center;
}
.container-fluid[min-width~="1500px"] .item-col-5 {
-ms-flex: 0 0 16.66666667%;
flex: 0 0 16.66666667%;
max-width: 16.66666667%;
align-items: center;
}
#column-right .pct_gv .item-col-5,
#column-left .pct_gv .item-col-5,
#column-right .latest_gv .item-col-5,
#column-left .latest_gv .item-col-5 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.header_dopmenu_doptext {
text-align: center;
color:#7A8490;
margin-right: auto;
padding-left: 10px;
padding-right: 10px;
-ms-flex-order:0;
order: 0;
-ms-flex: 0 0 260px;
flex: 0 0 260px;
max-width: 260px;
}
.col-md-1-5,
.col-lg-1-5 {position: relative;min-height: 1px;padding-right: 10px;padding-left: 10px;}
@media (min-width: 992px) and (max-width: 1500px){
.container {
width:970px;
width: calc(100% - 30px);
}
}
@media (min-width: 992px) {
.col-md-1-5 {width: 20%;float: left;}
.header_dopmenu_doptext{
text-align: center;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
-ms-flex-order: -6;
order: -6;
margin-left: auto;
}
.header_dopmenu_doptext.hsw {margin-bottom: -10px;}
.header_dopmenu_doptext.nsw {max-width: 260px;
align-items: center;
display: flex;}
.h-sticky .header_dopmenu_doptext {margin-bottom: 0px;}
.header_dopmenu_doptext br {display: none;}
}
@media (min-width: 1500px) {
.header_dopmenu_doptext.f-order-3{
margin-right: 0;
display: flex;
align-items: center;
margin-bottom: 0px;
padding-top: 3px;
}
.header_dopmenu_doptext.f-order-0 {
-ms-flex-order: 0;
order: 0;
margin-bottom: 0px;
}
.header_dopmenu_doptext{
text-align: left;
margin-right: 15px;
-ms-flex: 0 0 260px;
flex: 0 0 260px;
max-width: 260px;
}
.header_dopmenu_doptext br {display: inherit;}
.col-lg-1-5 {width: 20%;float: left;}
.wishlist-account .product-layout.product-grid.col-xs-6.col-sm-6.col-md-3.col-lg-3 {
width: 20%;float: left;
}
}
.header_dopmenu_doptext p {
margin-bottom: 1px;
color:#000;
}
.p-content {
margin-bottom: 20px;
}
.mod-categories {
border-radius:8px;
font-size:13px;
background: #fff;
position: relative;
margin-top: 10px;
margin-bottom: 10px;
}
.mod-categories.ocf-container {
margin: 0!important;
border-radius: 12px !important;
}
.mod-categories .ocf-header {
display: none;
}
.mod-categories .mod-cat-list-items {
margin-bottom: 0;
}
.mod-categories .mc-children.children-2-lv {
display: none;
padding-top: 5px;
padding-bottom: 10px;
}
.mod-categories .mc-children.children-3-lv {
display: none;
}
.mod-categories .mc-item {
margin-bottom: 8px;
}
.mod-categories .search-in-category {
display: grid;
grid-template-columns: calc(100% - 35px) 35px;
border: 1px solid #EAEDF7;
border-radius: 12px;
background: #eef1f8;
align-items: center;
position: relative;
margin-bottom: 20px;
}
.mod-categories .list-unstyled .search-in-category {
display: none;
}
.search-in-category__results {
display: none;
position: absolute;
top: 100%;
background: #fff;
border-radius:8px;
box-shadow:0 0px 12px rgba(0,0,0,.175);
z-index: 100;
max-height: 300px;
overflow-y: auto;
min-width: 100%;
white-space:nowrap;
overflow-x: clip;
}
.search-in-category__results ul {
list-style: none;
padding: 10px;
margin: 0;
}
.search-in-category__results ul li {
margin: 5px 0;
}
.search-in-category__results ul li a {
padding: 5px 0;
transition: all 0.25s;
display: block;
}
.search-in-category__results ul li:hover > a {
color: #4A71B1;
opacity: 0.7;
}
.search-in-category__results.category-results-active {
display: block;
}
.mod-categories .search-in-category input {
border: none;
background-color: unset;
padding: 10px 13px;
color: #848484;
font-size: 14px;
}
.mod-categories .mc-item > .list-unstyled > .mc-child-item > .list-unstyled {
padding-left: 11px;
}
.mod-categories li.mc-item:last-child{
margin-bottom: 0;
}
.mod-categories li.mc-item:last-child .mc-children.children-2-lv {
padding-bottom: 0;
}
.mod-categories .mc-item > span {
border-radius:6px;
position: relative;
align-items: center;
padding: 0 5px 0 10px;
gap: 10px;
}
.mod-categories .mc-item .mc-show-child {
border-radius: 100px;
width: 15px;
height: 15px;
border: 1px solid;
flex-shrink: 0;
position: relative;
}
.mod-categories .mc-item .mc-show-child:before, .mod-categories .mc-item .mc-show-child:after {
background: rgb(96, 105, 117);
position: absolute;
transition: background 0.3s;
}
.mod-categories .mc-item .mc-show-child:before {
content: "";
width: 7px;
height: 1px;
top: 6px;
left: 3px;
}
.mod-categories .mc-item .mc-show-child:after {
content: "";
width: 1px;
height: 7px;
display: block;
left: 6px;
top: 3px;
}
.mod-categories .mc-item.is-active-item > span > .mc-show-child:after,
.mod-categories .mc-child-item.is-active-item > span > .mc-show-child:after {
content: none;
}
.mod-categories .mc-child-item .mc-show-child {
margin:1px 0px 0px -25px;
}
.mod-categories .mc-show-child {
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
}
.mod-categories .mc-show-child .icon-mc-down{
width: 8px;
height: 4px;
}
.mod-categories .mc-child-item > span {
padding: 5px 5px 5px 50px;
position: relative;
align-items: center;
gap: 10px;
}
.mod-categories .mc-item > span > a,
.mod-categories .mc-child-item a {
color:#000;
}
.mod-categories .mc-item > span > a:hover,
.mod-categories .mc-child-item a:hover {
text-decoration: underline;
}
.mod-categories .mc-item.is-active-item > span > a,
.mod-categories .mc-child-item.is-active-item > span > a,
.mod-categories .mc-child-item.is-active-item > .mc-children > .mc-child-item.is-active-item > a {
color:#4A71B1 !important;
}
.mod-categories .mc-item.is-active-item > span > .mc-show-child > .icon-mc-down,
.mod-categories .mc-child-item.is-active-item > span > .mc-show-child > .icon-mc-down {
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.mod-categories .is-active-item .mc-children.children-2-lv {
display: block;
}
.mod-categories .children-3-lv{
padding: 2px 15px 0px 15px;
}
.mod-categories .children-3-lv > li > a {
display: block;
padding: 6px 8px;
}
.mod-categories .is-active-item .mc-children.children-2-lv > .is-active-item > .children-3-lv {
display: block;
}
/*BANNER*/
.container-banner {
margin: 10px 0px 10px;
position: relative;
}
.container-banner .item {
position: relative;
border-radius:10px;
overflow: hidden;
}
.container-banner .item {
}
#column-left .container-banner .item img,
#column-right .container-banner .item img {
width: 100%;
}
.container-banner .item:hover {
opacity: .9 !important;
}
/*SLIDESHOW*/
.container-slideshow {
margin: 10px 0px 10px;
position: relative;
}
.container-slideshow .swiper-slideshow{
margin-left: -10px;
margin-right: -10px;
}
.container-slideshow .item {
padding-left: 10px;
padding-right: 10px;
}
.container-slideshow .item .inner-item{
border:1px solid #EAEDF7;
border-radius: 10px;
}
.container-slideshow .item img{
margin: 0 auto;
color:transparent;
}
.swiper-slideshow-arrow{
position: absolute;
top:6px;
background: #F7F8FB;
color:#000000;
border-radius: 5px;
font-size: 0;
height: 40px;
width: 40px;
line-height: 40px;
padding: 0;
text-align: center;
transition: all .15s ease 0s;
cursor:pointer;
top: 50%;
margin-top: -20px;
z-index: 10;
opacity: 0;
}
.swiper-slideshow-arrow:hover, .swiper-slideshow-arrow:active {
background: #DEE2E6;
}
.swiper-slideshow-arrow .icon-arrow-prev,
.swiper-slideshow-arrow .icon-arrow-next {
width: 6px;
height: 10px;
color:#000;
}
.swiper-slideshow-arrow.prev-prod{
left:-20px;
}
.swiper-slideshow-arrow.next-prod {
right:-20px;
}
.container-slideshow:hover .swiper-slideshow-arrow.prev-prod {
left:20px;
opacity: 1;
}
.container-slideshow:hover .swiper-slideshow-arrow.next-prod {
right: 20px;
opacity: 1;
}
.container-banner .swiper-banner-pagination,
.container-slideshow .swiper-slideshow-pagination {
bottom: 15px;
top: auto;
position: absolute;
display: inline-block;
text-align: center;
height: 18px;
background: #F7F8FB99;
border-radius: 18px;
padding: 2px 6px;
left: 50%;
transform: translateX(-50%);
width: auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center !important;
align-items: center !important;
}
.container-banner .swiper-banner-pagination .swiper-pagination-bullet,
.container-slideshow .swiper-slideshow-pagination .swiper-pagination-bullet{
width: 20px;
height: 4px;
border-radius: 50px;
opacity: 1;
background: #fff;
box-shadow: 0px 6px 10px rgba(232, 234, 243, 0.8);
}
.container-banner .swiper-banner-pagination .swiper-pagination-bullet-active,
.container-slideshow .swiper-slideshow-pagination .swiper-pagination-bullet-active{
background: #E6952E;
}
.container-module .swiper-module {
padding-top: 10px;
padding-bottom: 25px;
margin-left: -10px;
margin-right: -10px;
}
.container-module .item.swiper-slide,
.container-module .row_items.swiper-slide,
.container-module .mod-art-item.swiper-slide {
padding-left: 10px;
padding-right: 10px;
}
/*
.container-module .swiper-visible {
overflow: visible;
}
*/
.position-no-owl .container-module .swiper-visible {
overflow: hidden;
}
.container-module .swiper-visible .swiper-slide:not(.swiper-slide-visible){
opacity: 0;
}
.container-module .swiper-initialized .swiper-slide-visible,
.container-module .swiper-visible .swiper-slide-visible,
#column-left .container-module .swiper-visible,
#column-right .container-module .swiper-visible{
opacity: 1;
}
.container-module .swiper-module:not(.swiper-backface-hidden) .item.swiper-slide {
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
#column-left .container-module .swiper-slide,
#column-right .container-module .swiper-slide{
max-width: 100%;
flex: 0 0 100%;
}
.swiper-scrollbar.swiper-scrollbar-horizontal {
bottom: 0px;
height: 3px;
}
.swiper-scrollbar {
background: #F7F8FB;
cursor: grab;
}
.swiper-scrollbar-drag {
background: #557DC0
}
@media (max-width: 768px) {
.swiper-scrollbar {
display: none !important;
}
}
.easy-catalog-box .item-catalog,
.wall-category-box .item-category,
.banner-blocks-container .banner-item,
.container-module .item.swiper-slide .product-thumb,
.container-module .row_items.swiper-slide .item,
.no-slider .product-thumb{
box-shadow: 0px 0px 0px 1px #EAEDF7;
}
.container {
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
.container-fluid {
padding-right: 10px;
padding-left: 10px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -10px;
margin-left: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 10px;
padding-left: 10px;
}
.mt-10 {margin-top: 10px;}
.mt-20 {margin-top: 20px;}
.mb-0 {margin-bottom: 0px !important;}
.mb-15 {margin-bottom: 15px;}
.mb-10 {margin-bottom: 10px;}
.mb-20 {margin-bottom: 20px;}
.mt-0 {margin-top: 0px;}
.mr-10 {margin-right: 10px;}
.mb-0 {margin-bottom: 0px;}
.pr-10 {padding-right: 10px;}
.pt-10 {padding-top: 10px;}
.pt-15 {padding-top: 15px;}
.pl-10 {padding-left: 10px;}
.pb-10 {padding-bottom: 10px;}
.pb-15 {padding-bottom: 15px;}
.pb-20 {padding-bottom: 20px;}
.pr-20 {padding-right: 20px !important;}
.pr-35 {padding-right: 35px !important;}
.pt20 {padding-top:20px;}
.pr-17 {padding-right: 17px;}
.h-100 {height: 100%;}
.h-auto {height: auto;}
.w-100 {width: 100%;}
.pr-0 {padding-right: 0px;}
.pl-0 {padding-left: 0px;}
.dflex {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.d-inline-flex {
display:-ms-inline-flexbox;
display:-webkit-inline-flex;
display:inline-flex;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.mt-auto{
margin-top: auto !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
h1, h2, h3, h4, h5, h6 {
color: #222;
margin-top: 15px;
margin-bottom: 15px;
}
.fa {
font-size: 14px;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
.h1,h1 {
font-weight: 700;
font-size: 28px;
line-height: 36px;
color: #232f3e;
}
.h2,h2 {
font-size: 20px;
}
.h3,h3 {
font-size: 18px;
}
.h4,h4 {
font-size: 14px;
}
.h5,h5 {
font-size: 12px;
}
.h6,h6 {
font-size: 10.2px;
}
a {
color: #0f4b82;
}
a:hover {
text-decoration: none;
color: #05335e;
}
a:focus {
outline: none;
text-decoration: none;
outline-offset: -2px;
}
legend {
font-size: 18px;
padding: 7px 0px
}
label {
font-size: 12px;
font-weight: normal;
}
.form-horizontal .control-label {
font-size: 14px;
margin-bottom: 5px;
}
.icon-arrow-down {
width: 8px;
height: 4px;
margin-left: 8px;
}
select.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
font-size: 14px;
box-shadow:none;
border:1px solid #e4e9ef;
}
textarea.form-control{
font-size: 14px;
box-shadow:none;
border:1px solid #e4e9ef;
}
select.form-control {
height: 44px;
border:1px solid #e4e9ef;
font-size: 14px;
box-shadow: none;
-moz-appearance: none;
-webkit-appearance: none;
padding-right: 25px;
background-image:url("../image/sprite.svg#icon-select-arrow-down");
background-position: right 15px center;
background-repeat: no-repeat;
background-size: 9px 5px;
background-color:#fff;
background-color: #FCFCFC;
border-radius: 6px;
cursor:pointer;
}
select.form-control:focus,
input.form-control:focus, textarea.form-control:focus {
box-shadow: 0px 0px 0px 2px #CBDBF8;
border-color: #FFF;
z-index: 1;
}
.container-banner #banner1 img {
border-radius: 12px;
}
main {
padding-top: 12px;
}
.container-banner {
margin: 0;
padding-left: 5px;
}
.row-flex .megasliderpro {
margin-top: 0;
}
input.form-control {
border: 1px solid #EAEDF7;
box-shadow: none;
color: #000000;
background: #FCFCFC;
border-radius: 6px;
padding: 10px 12px 10px 12px;
height: 44px;
}
#banner1 .item-banner:last-child {
margin-top: 25px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
font-size: 12px;
}
.input-group .input-group-addon {
font-size: 12px;
}
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
display: inline;
}
div.required .control-label:before {
content: '* ';
color: #E72121;
font-weight: bold;
}
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
vertical-align: middle;
position: relative;
fill-rule: evenodd;
}
.icon-viewed {
color:#000;
width: 30px;
height: 22px;
}
.dropdown-menu li > a:hover, .dropdown-menu li > a.active, .dropdown-menu li > a:focus {
text-decoration: none;
color: #000;
background-color: transparent;
border-radius:4px;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
background-color: transparent;
color: #000;
outline: 0 none;
text-decoration: none;
}
#top {
background-color: #F7F8FB;
padding-top: 6px;
padding-bottom: 6px;
height: 40px;
}
#top .container {
background-color: #F7F8FB;
}
.btn.active, .btn:active {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-nav-links{
background: #fff;
border: 0px;
height: 30px;
width: 30px;
line-height: 32px;
border-radius: 6px;
text-align: center;
display: inline-block;
position: relative;
}
.btn-wishlist-top,
.btn-compare-top {
position: relative;
border: 0px;
height: 40px;
width: 40px;
display: flex;
align-items:center;
justify-content: center;
text-align: center;
}
.btn-compare-top .icon-compare{
color: #000;
width: 24px;
height: 24px;
}
.btn-wishlist-top .icon-wishlist {
color: #000;
width: 24px;
height: 22px;
}
.box-account-mob .btn-account,
.box-account .btn-account {
background:transparent;
border: 0px;
height: 40px;
width: 40px;
font-size: 13px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 0;
}
.box-account .dropdown-menu{
min-width: auto;
}
.box-currency .btn-group.open .dropdown-toggle,
.btn-group.box-account.open .dropdown-toggle {
box-shadow: none;
}
.btn-language-top,
.btn-currency-top {
display: flex;
text-align: center;
border:0px;
align-items:center;
box-shadow: none !important;
height: 28px;
background: #fff;
padding: 2px 10px;
border-radius: 6px;
}
.btn-lang-select {
background: transparent;
}
header .btn-language-top,
header .btn-currency-top {
background: #F7F8FB;
}
.btn-currency-top:after,
.btn-language-top:after {
content: '';
display: inline-block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-arrow-down");
mask-image: url("../image/sprite.svg#icon-arrow-down");
width: 8px;
height: 4px;
margin-left: 8px;
}
.btn-language-top,
.btn-currency-top strong {
font-size: 14px;
font-weight: 500;
box-shadow: none !important;
}
.btn-nav-links {
line-height: 20px;
margin-top: 2px;
}
.box-wishlist .text-wishlist,
.box-compare .text-compare {
display: none;
}
.box-account,
.box-account-mob {
position: relative;
}
.icon-account {
color: #000;
width: 23px;
height: 22px;
margin-top:-1px;
}
.box-account.text-ai-on .icon-account {
margin-top: 1px;
}
header .text-a-icon,
header .text-a-icon-cart {
display: none;
}
@media (min-width: 992px) {
.box-search {
margin-left: 10px;
}
.container.category .block-title-category {
display: none;
}
header .text-a-icon,
header .text-a-icon-cart {
font-size: 12px;
color: #232f3e;
font-weight: 400;
line-height: 16px;
display: block;
}
}
@media (min-width: 1200px) {
.phone-box {
margin-right: 20px;
margin-left: 10px;
}
header .box-currency {
margin-right: 20px;
}
}
.box-language {
margin-right: 0;
}
.box-language .ch-dropdown {
min-width: 80px;
}
.box-language .dropdown-menu.ch-dropdown > li > a {
text-align: center;
}
.box-account {
margin-left: auto;
}
.box-currency,
.box-language,
.box-account,
.box-wishlist,
.box-compare {
order:4;
}
.min-prc, .max-prc {
font-size: 14px;
font-weight: 500;
}
.box-account.text-ai-on,
.box-wishlist.text-ai-on,
.box-compare.text-ai-on {
padding-right: 20px;
margin-left: 0;
}
.head-right {
order: 5;
display: flex;
justify-content: space-between;
width: 14.4%;
margin-left: auto;
}
header .row::after, header .container::after {
display: none;
}
.box-account.text-ai-on .btn-account,
.box-wishlist.text-ai-on .btn-wishlist-top,
.box-compare.text-ai-on .btn-compare-top,
.box-cart.text-ai-on #cart > .btn{
height: 42px;
width: auto;
justify-content: space-around;
flex-direction: column;
position: relative;
}
body .container {
width: 1400px;
}
.header > .container > row {
margin: 0;
}
.fixed-goods-menu .viewed-quantity,
.btn-mob-cart .cart-total,
#cart .cart-total,
.wishlist-quantity,
.compare-quantity {
position: absolute;
top:2px;
right:0px;
height: 20px;
min-width: 20px;
padding-left: 5px;
padding-right: 5px;
border-radius:25px;
color:#232f3e;
font-size: 11px;
line-height: 24px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
font-weight: 500;
}
.box-wishlist.text-ai-on .wishlist-quantity,
.box-compare.text-ai-on .compare-quantity,
.box-cart.text-ai-on #cart .cart-total{
top:-7px;
right: 45%;
transform: translateX(20px);
}
.fixed-goods-menu .viewed-quantity, .fixed-goods-menu .wishlist-quantity, .fixed-goods-menu .compare-quantity {
top:8px ;
right:10px;
}
.mob-text-currency,
.mob-text-language {
display: none;
}
.box-account.open .dropdown-menu,
#language .open .dropdown-menu,
#currency .open .dropdown-menu {
z-index: 1008;
right: 1px;
}
#currency .fa.fa-angle-down {
font-size: 13px;
}
#currency .text-currency {
padding-left: 5px;
padding-right: 5px;
}
#top .dropdown-menu-right {
left: auto;
min-width: 100%;
right: 0px;
border-top-right-radius: 0px;
margin-top: 6px;
}
.ch-dropdown {
padding: 12px 15px;
border:0px;
border-radius:8px;
box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
}
.dropdown-menu.ch-dropdown li {
padding-top: 3px;
margin-bottom: 3px;
position: relative;
}
.dropdown-menu.ch-dropdown li:hover {
background:#eef1f8;
}
.dropdown-menu.ch-dropdown li:active {
background:#FFCE12;
}
#top #currency .currency-select {
text-align: left;
}
.dropdown-menu.ch-dropdown > li > button, .dropdown-menu.ch-dropdown > li > a {
padding: 3px 10px 3px 10px !important;
font-size: 14px !important;
line-height: 1.42857143;
border: 0px;
color:#000;
text-align: left;
text-decoration: none;
}
.dropdown-menu.ch-dropdown li + li {
border-top: 1px dashed #eee;
}
.dropdown-menu.ch-dropdown li.mob-title-language + li,
.dropdown-menu.ch-dropdown li.mob-title-currency + li {
border-top: 0px;
}
.dropdown-menu.ch-dropdown li > a:hover:before,
.dropdown-menu.ch-dropdown li > button:hover:before,
.dropdown-menu.ch-dropdown li > div:hover:before,
.dropdown-menu.ch-dropdown > .active > button:before,
.dropdown-menu.ch-dropdown > .active > button:focus:before,
.dropdown-menu.ch-dropdown > .active > button:hover:before,
.dropdown-menu.ch-dropdown > .active > a:before,
.dropdown-menu.ch-dropdown > .active > a:focus:before,
.dropdown-menu.ch-dropdown > .active > a:hover:before {
position: absolute;
height: calc(100% - 3px);
content: "";
z-index: -1;
left: 0px;
right: 0px;
width: 100%;
top: 3px;
border-radius: 4px;
}
.header-nav-links {
position:relative;
border:0px;
box-shadow:none;
padding:0px;
display:block;
margin:0px 0px;
background: transparent;
width:auto;
min-width: auto;
list-style: none;
}
.header-nav-links .btn-link {
color: #000;
}
#top .btn-link{
color: #000;
text-decoration: none;
}
#logo {
position: relative;
}
#logo img {
margin-left: 0;
margin-right: auto;
color:transparent;
}
#phone {
padding: 10px 0;
position:relative;
}
#phone .contact-header .additional-tel a{
font-size: 16px;
line-height: 20px;
position: relative;
display: inline-block;
font-weight: 600;
color:#000;
}
#phone .dropdown-toggle {
display: inline-block;
position: relative;
}
#phone .drop-contacts {
margin-top: 0px;
min-width: auto;
z-index: 1012;
left:auto;
right: 0;
}
@media (min-width: 992px) {
#top .box-nav-links ul li:first-child .btn-link{
padding-left: 0px !important;
}
#phone .drop-contacts {
min-width: 100%;
}
.header-nav-links .btn-link {padding:4px 8px;height: 28px;font-size: 14px;}
.header-nav-links .btn-link:hover {color: #222;}
.header-nav-links li {display:inline-block;}
}
div.additional-tel + div.additional-tel {
padding-top: 2px;
text-align: right;
}
.contact-header .dropdown-menu.drop-contacts > li > div {
color:#000;
}
.contact-header .dropdown-menu.drop-contacts > li > div, .contact-header .dropdown-menu.drop-contacts > li > a {
font-size: 13px;
padding: 4px 8px 4px 8px !important;
white-space: nowrap;
color: #000;
font-weight: 400;
}
.additional-tel i.fa {
font-size:14px;
}
.drop-contacts .icon-image {
margin-right: 4px;margin-bottom:2px;margin-top:-2px;
}
.icon-image {
display: inline-block;
text-align: center;
}
.contact-header li i.fa {
font-size:20px;
}
.text_after_phone {
color:#768292;
font-size:12px;
font-weight: 400;
line-height: 16px;
text-align: right;
margin-top: -1px;
}
.phone_fix .additional-tel.dth{
display: none;
}
.phone_fix .additional-tel.dth:nth-child(1),
.phone_fix .additional-tel.dth:nth-child(2) {
display: block;
}
.phone_fix .contact-header:hover .drop-contacts{
display:block;
}
#phone .drop-icon-info {
position: absolute;
top: calc(50% - 8px);
text-align: center;
width: 20px;
height: 20px;
background: #F7F8FB;
border-radius: 50%;
right:-35px;
line-height: 15px;
}
.icon-arrow-hcontact {
width: 8px;
height: 4px;
color:#000;
}
.drop-icon-info:after{
content: '';
display: inline-block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-arrow-down");
mask-image: url("/image/arrow-d.svg");
width: 10px;
height: 7px;
}
#simplecheckout_shipping input::placeholder, #simplecheckout_shipping textarea::placeholder {
color: #757C83;
opacity: 1;
font-size: 14px;
}
header .search_word {
font-size: 12px;
color: #B2BBC5;
text-align: right;
}
header .search_word a {
color:#000000;
cursor: pointer;
}
.header-search .form-control {
height: 45px;
border:0px !important;
padding: 0 15px;
box-shadow: none !important;
border-radius: 12px 0px 0px 12px;
background: #eef1f8;
color:#222;
}
.header-search .form-control:focus {
border:0px;
box-shadow: none;
outline: 0 none;
}
.header-search .categories:after {
content: '';
border: 1px solid #cdcdcd;
width: 21px;
height: 0px;
transform: rotate(-90deg);
display: inline-block;
position: absolute;
right: -10px;
top: 22px;
}
.header-search .dropdown-menu {
margin-top: 0px;
}
.header-search .button_search {
border-top-right-radius: 12px !important;
border-bottom-right-radius: 12px !important;
border: 0px;
background: #eef1f8;
border-radius:0px 8px 8px 0px;
}
.header-search .categories {
border-top-left-radius: 12px;
border-bottom-left-radius: 12px;
background: #eef1f8;
}
.header-search .autosearch_link {
cursor:pointer;
}
.header-search .dropdown-menu.autosearch {
background: #fff none repeat scroll 0 0;
-webkit-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
padding: 20px;
border-radius: 8px;
margin-top: 0px;
width: 100%;
z-index: 6666 !important;
left: 5px;
right: 5px;
max-height: 440px;
overflow-y: auto;
border:0px;
scrollbar-color: #DEE2E6 transparent;
scrollbar-width: thin;
}
.header-search .dropdown-menu.autosearch::-webkit-scrollbar {
width: 8px;
}
.header-search .dropdown-menu.autosearch::-webkit-scrollbar-track {
background: transparent;
}
.header-search .dropdown-menu.autosearch::-webkit-scrollbar-thumb {
background-color: #DEE2E6;
border-radius: 12px;
border: transparent;
}
.header-search .dropdown-menu.autosearch li > a:hover, .dropdown-menu.autosearch li > a.active, .dropdown-menu.autosearch li > a:focus {
background-color: rgba(0,26,52,.015);
border-radius:8px;
}
.header-search .dropdown-menu.autosearch .search-view-all-result {
color: #2b8cdb;
}
.header-search .dropdown-menu.autosearch a {
border-radius: 0;
white-space: normal;
padding:5px 5px;
margin-top: 5px;
margin-bottom: 5px;
}
.header-search .dropdown-menu.autosearch li + li {
border-top:1px dashed #EAEDF7;
}
.header-search .ajaxadvance {
width: 100%;
overflow:hidden;
display: flex;
align-items: center;
}
.header-search .ajaxadvance .name {
font-size:13px;
font-weight: 600;
}
.header-search .dropdown-menu.autosearch li a:hover .image:after{
content: '';
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background-color: rgba(0,26,52,.015);
}
.header-search .ajaxadvance .image {
margin-right:15px;
margin-left: 15px;
position: relative;
}
.header-search .ajaxadvance .content > div {
margin-top:5px;
}
.header-search .ajaxadvance .price-old {
text-decoration: line-through;
}
.header-search .price {
color: #444;
font-size: 16px;
font-weight: 600;
margin: 0 0 5px;
text-align: left;
}
.header-search .ajaxadvance .highlight {
color: #38b0e3;
}
.search_fix .dropdown-menu.autosearch {
margin-top: 0 !important;
}
.btn-search-select {
display: block;
background: transparent;
padding: 0px;
height: 32px;
width: 32px;
border-radius: 8px !important;
box-shadow: none;
margin-top: 0px;
border: 0px;
line-height: 1px;
text-align: center;
font-size: 12px;
}
.btn-search-select .icon-search-category{
color:#000;
width: 18px;
height: 18px;
}
.sel-cat-search:before {
content: url("../image/option-checked-icon.svg");
position: absolute;
left: 6px;
top: 7px;
}
@media (max-width: 992px) {
.header-search {
padding: 0px;
}
}
#cart {
position: relative;
border-radius: 5px;
z-index: 0;
}
#cart > .btn {
background: transparent;
color: #000;
padding: 0px;
height: 40px;
min-width: 40px;
border: 0px;
box-shadow: none;
justify-content: center;
}
.shop-bag-svg {
color:#000;
width: 25px;
height: 22px;
}
/*Header - cart - right*/
.header-cart-backdrop {
background: #0b0b0b;
opacity: 0;
visibility: hidden;
overflow: hidden;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1011;
transition: visibility .2s ease, opacity .2s ease;
}
.no-scroll header{
z-index: 1012;
}
.header-cart-sticky {
opacity: 0;
visibility: hidden;
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 15px;
z-index: 1;
transform: translate(0, 100%);
background: #FFFFFF;
transition: transform .35s ease, visibility .35s ease, opacity .35s ease;
box-shadow: 0px 0px 22px rgba(182, 195, 217, 0.25);
}
.cart-is-sticky .header-cart-sticky {
opacity: 1;
visibility: visible;
transform: translate(0, 0);
}
.cart-is-open .header-cart-backdrop {
opacity: 0.6;
visibility: visible;
}
.header-cart-fix-right {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
z-index: 1012;
max-height: 100vh;
height: 100%;
width: 100%;
max-width: 100%;
background: #ffffff;
transition: transform .2s ease, visibility .2s ease, opacity .2s ease;
transform: translate(100%, 0);
text-align: left;
}
.cart-is-open .header-cart-fix-right {
transform: translate(0, 0);
opacity: 1;
visibility: visible;
}
.header-cart-top {
padding: 15px 60px 15px 20px;
border-bottom: 1px solid #EAEDF7;
align-items: center;
overflow: hidden;
height: 54px;
}
.header-cart-title {
color: #000;
font-size: 16px;
font-weight: 600;
position: relative;
width: 100%;
text-align:left;
}
.header-cart-title:after{
content:"";
position: absolute;
top:-20px;
bottom:-20px;
right:0px;
border-right: 1px solid #EAEDF7;
}
.header-cart-close{
background-image: url("../image/sprite.svg#icon-close");
cursor: pointer !important;
font-size: 0px;
height: 25px;
outline: medium none;
position: absolute;
right: 18px;
top: 13px;
width: 25px;
z-index: 1060;
text-align: center;
line-height: 25px;
border: 1px solid #ececec;
border-radius: 6px;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
background-color: #ffffff;
background-size:10px;
}
.header-cart-close:hover {
background-image: url("../image/sprite.svg#icon-close");
border: 1px solid #fff;
box-shadow: 0px 2px 4px rgba(0,0,0,0.067);
}
.header-cart-scroll {
padding: 0px 15px 15px;
height: calc(100% - 54px);
overflow-x: hidden;
overflow-y: auto;
}
.page-cart-empty {
padding-top: 20px;padding-bottom: 20px;
}
.page-cart-empty .cart-text-empty,
.header-cart-scroll .cart-empty {
font-size: 16px;
font-weight: 500;
color:#000;
padding: 25px 0px 10px;
}
.page-cart-empty .cart-text-empty-slogan,
.header-cart-scroll .cart-empty-info-text {
color:#505966;
font-size: 14px;
}
.header-cart-scroll .box-empty-cart-icon {
padding-top: 30px;
text-align: center;
}
.header-cart-product-item,
.header-cart-voucher-item {
padding-top: 20px;
padding-bottom: 20px;
}
.header-cart-products > div:last-child{
border-bottom:2px dashed #EAEDF7;
}
.header-cart-product-item:hover .header-cart-product-name a,
.header-cart-voucher-item:hover .header-cart-voucher-name{
color:#0f4b82;
}
.header-cart-product-item-left .btn-link-delete {
border-radius: 6px;
font-size: 16px;
color: #000;
text-align: center;
width: 26px;
height: 26px;
position: absolute;
left: -7px;
right: 0;
top: 20px;
/* background: #F7F8FB; */
/* margin-left: -14px; */
/* opacity: 0; */
/* visibility: hidden; */
/*transition: bottom .2s ease, visibility .2s ease, opacity .2s ease;*/
}
.header-cart-voucher-item .btn-link-delete {
background: #F7F8FB;
border-radius: 6px;
font-size: 16px;
color: #000;
text-align: center;
width: 28px;
height: 28px;
}
/*
.header-cart-product-item:hover .header-cart-product-item-left .btn-link-delete{
opacity: 1;
visibility: visible;
bottom:0px;
border-radius: 6px;
}
*/
.header-cart-product-item + div.header-cart-product-item,
.header-cart-voucher-item + div.header-cart-voucher-item,
.header-cart-product-item + div.header-cart-voucher-item {
border-top:2px dashed #EAEDF7;
}
.header-cart-product-item-left {
-ms-flex: 0 0 85px;
flex: 0 0 85px;
max-width: 85px;
padding-left: 20px;
position: relative;
}
.header-cart-product-item-left img{
max-width: 70px;
}
.header-cart-voucher-item-left {
width: 100%;
}
.header-cart-product-item-center {
padding: 0px 10px;
width: 100%;
align-self: flex-start;
}
.header-cart-voucher-name,
.header-cart-product-name a{
font-size: 13px;
color:#232f3e;
font-weight: 600;
}
.header-cart-product-name a:hover{
text-decoration:underline;
}
.header-cart-voucher-amount,
.header-cart-price-quantity {
-ms-flex: 0 0 115px;
flex: 0 0 115px;
max-width: 115px;
text-align: right;
}
.header-cart-voucher-remove{
-ms-flex: 0 0 40px;
flex: 0 0 40px;
max-width: 40px;
text-align: left;
padding-right: 10px;
}
.header-cart-voucher-quantity {
-ms-flex: 0 0 20px;
flex: 0 0 20px;
max-width: 20px;
text-align: right;
margin-left: auto;
padding-left: 10px;
padding-right: 10px;
}
.header-cart-price-quantity .ch-cart-quantity {
justify-content: flex-end;
}
.header-cart-voucher-amount {
font-weight: 600;
color:#000;
}
.header-cart-item-total {
margin-top: 10px;
font-weight: 600;
color:#000;
}
.header-cart-options,
.header-cart-product-recurring{
margin-top: 5px;
}
.header-cart-product-option .hcp-option-name,
.header-cart-product-recurring .hcp-recurring-text {
font-size: 12px;
color:#535D67;
margin-right: 5px;
}
.header-cart-product-option .hcp-option-value,
.header-cart-product-recurring .hcp-recurring-value {
font-size: 12px;
color:#000;
font-weight: 500;
}
.header-cart-totals {
margin-top: auto;
padding-top: 15px;
padding-bottom: 15px;
}
.header-cart-text-info {
padding: 15px 0px;
color: #000;
display: inline-block;
text-align: right;
font-size: 15px;
}
.header-cart-text-info .icon-arrow-down {
width: 8px;
height: 4px;
color: #000;
margin-left: 10px;
}
.ch-total-item {
justify-content: flex-end;
margin-top: 15px;
}
.header-cart-total-info.collapse.in {
margin-bottom: 10px;
}
.header-cart-total-title{
width: 100%;
color:#535D67;
font-size: 16px;
}
.header-cart-total-text{
-ms-flex: 0 0 100px;
flex: 0 0 100px;
max-width: 100px;
font-size: 16px;
}
.header-cart-total-cnt,
.header-cart-total-price,
.header-cart-total-text {
font-weight: 600;
}
@media (min-width: 768px) {
.header-cart-top {
padding: 15px 60px 15px 30px;
}
.header-cart-scroll {
padding: 0px 30px 30px;
}
.header-cart-sticky {
padding: 30px;
}
.header-cart-close{
top:16px;
}
.header-cart-fix-right {
max-width: 475px;
}
.header-cart-top {
height: 60px;
}
.header-cart-scroll {
height: calc(100% - 60px);
}
}
.dropdown-menu.ch-dropdown > li.sel-cat-search > a {
padding-left: 20px !important;
}
@media (max-width: 768px) {
#phone .drop-contacts {
left:auto;
right:0px;
}
#logo img {
margin-left: 0px;
}
}
.alert {
padding: 8px 14px 8px 14px;
}
#content {
min-height: 320px;
max-width: 100%;
margin-bottom: 20px;
}
.row-flex #content.col-md-9 {
flex:1;
}
.breadcrumb {
margin-top: 0px;
margin-bottom: 0px;
padding: 0px;
background-color: transparent;
padding-top: 10px;
padding-bottom: 10px;
}
.breadcrumb + .row-flex {
margin-top: 10px;
}
.breadcrumb.col-md-offset-3 {
margin-bottom: 10px;
}
.breadcrumb.col-lg-offset-3 {
margin-bottom: 10px;
}
.breadcrumb i {
font-size: 15px;
}
.breadcrumb > li:first-child{
padding-left:0px;
}
.breadcrumb > li {
font-size: 14px;
padding: 0 7px;
color: #232f3e;
position: relative;
font-weight: 400;
white-space: nowrap !important;
}
.breadcrumb > li a,
.breadcrumb > li a span{
color: #232f3e;
font-weight: 400;
}
.breadcrumb > li a:hover span{
color:#0f4b82;
text-decoration: underline;
}
.breadcrumb > li span{
color: #454e5f;
}
.breadcrumb > li + li:before {
content: '';
padding: 0;
}
.breadcrumb > li:after {
content: "/";
display: block;
height: 26px;
position: absolute;
right: -4px;
top: 0;
width: 2px;
color: #000000;
}
.breadcrumb > li:last-child:after {
content: "";
}
@media (max-width: 992px) {
.breadcrumb-box {
overflow: hidden;
position: relative;
margin-top:5px;
}
.breadcrumb-box .breadcrumb {
white-space: nowrap;
position: relative;
overflow: auto;
overflow-y: hidden;
padding-bottom: 18px;
margin-bottom: -9px !important;
}
.breadcrumb-box:after {
content: "";
position: absolute;
right: 0;
top: 0;
bottom: 0;
height: 100%;
width: 30px;
z-index: 1;
background: linear-gradient(90deg, rgba(217, 217, 217, 0) 0%, #fff 100%);
}
}
.buttons {
margin-top: 15px;
}
.btn {
padding: 10px 15px;
font-size: 14px;
border: 0px;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
outline: none;
}
.btn-xs {
font-size: 9px;
}
.btn-sm {
font-size: 10.2px;
}
.btn-lg {
padding: 10px 16px;
font-size: 15px;
}
.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
font-size: 12px;
}
.btn-group > .btn-xs {
font-size: 9px;
}
.btn-group > .btn-sm {
font-size: 10.2px;
}
.btn-group > .btn-lg {
font-size: 15px;
}
.chm-btn {
border: 0px;
border-radius: 8px;
display: inline-block;
padding: 0px 15px;
height: 46px;
line-height: 46px;
-webkit-transition: background .2s ease;
transition: background .2s ease;
overflow: hidden;
text-align: center;
vertical-align: middle;
white-space: nowrap;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
}
.chm-btn-secondary {
color:#000000;
}
.chm-btn-white {
color:#000000;
background-color: #ffffff;
}
.chm-btn-white:hover {
background-color: #ffffff;
}
.chm-btn-grey {
color:#000000;
background-color: #eef1f8;
border-radius: 12px;
}
.chm-btn-grey:hover {
color:#000000;
background-color: #EAEDF7;
}
.chm-lg {
height: 54px;
line-height: 54px;
font-size: 14px;
font-weight: 500;
}
.chm-sm {
height: 40px;
padding: 0px 13px;
line-height: 40px;
}
.chm-btn-sm-only-icon {
height: 40px;
padding: 0px 8px;
line-height: 40px;
width: 40px;
display:-ms-inline-flexbox;
display:-webkit-inline-flex;
display:inline-flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack:center !important;
justify-content:center !important
}
.chm-px-lg {
padding: 0px 25px;
}
.btn-default {
color: #000;
background-color: #F7F8FB;
border: 0px;
border-radius: 8px;
display: inline-block;
font-size: 14px;
padding: 0px 20px;
line-height: 44px;
min-height: 44px;
font-weight: 400;
box-shadow: none;
text-shadow: none;
}
.btn-default:hover, .btn-default:active {
background-color: #EAEDF7;
color: #000;
}
.input-group-btn .btn-default {
border:1px solid #e4e9ef;
background-color: #FCFCFC;
height: 44px;
}
.btn-search {
padding:0px;
height:32px;
width: 38px;
border-radius:8px !important;
box-shadow:none;
margin-top: 0px;
margin-right: 4px;
margin-left: 4px;
border:0px;
line-height:1;
background: transparent;
box-shadow: none !important;
display: flex;
align-items: center;
justify-content: center;
}
.btn-search .icon-hsearch {
color:#000;
width: 18px;
height: 18px;
}
.btn-primary:focus, .btn-primary:focus, .btn-primary {
color: #fff;
background-color: #557DC0;
border: 0px;
border-radius: 8px;
display: inline-block;
font-size: 14px;
padding: 0px 20px;
line-height: 44px;
min-height: 44px;
font-weight: 400;
box-shadow: none;
text-align: center;
}
.btn-primary:hover, .btn-primary:active{
background-color:#4A71B1;
color:#ffffff;
border:0px;
}
.btn-warning {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #faa732;
background-image: linear-gradient(to bottom, #fbb450, #f89406);
background-repeat: repeat-x;
border-color: #f89406 #f89406 #ad6704;
}
.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-danger {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #da4f49;
background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
background-repeat: repeat-x;
border-color: #bd362f #bd362f #802420;
}
.view-box-rs {
background: #eef1f8;
padding: 5px;
border-radius: 10px;
margin-bottom: 20px;
margin-top: 10px;
}
.view-box {
padding: 5px;
border-radius: 10px;
margin-bottom: 20px;
}
@media (min-width: 600px) {
.view-box {
margin-bottom: 10px;
}
}
.btn-view {
background: transparent;
border: 0px;
padding: 8px 14px;
border-radius: 6px !important;
margin-right: 5px;
height: 38px;
line-height: 1;
width: 56px;
z-index: 2;
}
.btn-view svg {
vertical-align: middle;
}
.btn-view.active, .btn-view:focus {
-webkit-box-shadow: none;
box-shadow: none;
z-index: 1;
}
.product_list_toolbar button.btn-view.active ~ .indicator-active {
content: '';
position: absolute;
background: #fff;
-webkit-box-shadow: 9px 8px 10px rgba(0,0,0,0.067);
box-shadow: 9px 8px 10px rgba(0,0,0,0.067);
width: 56px;
height: 100%;
left: 0px;
top: 0px;
border-radius: 8px;
transition: transform 0.1s linear;
z-index: 1;
}
.product_list_toolbar button.btn-view:nth-child(1).active ~ .indicator-active {
transform: translateX(0px);
}
.product_list_toolbar button.btn-view:nth-child(2).active ~ .indicator-active {
transform: translateX(60px);
}
.product_list_toolbar button.btn-view:nth-child(3).active ~ .indicator-active {
transform: translateX(120px);
}
.btn-success {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #5bb75b;
background-image: linear-gradient(to bottom, #62c462, #51a351);
background-repeat: repeat-x;
border-color: #51a351 #51a351 #387038;
}
.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border:0px;
}
.btn-link {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #23A1D1;
border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link[disabled] {
background-color: rgba(0, 0, 0, 0);
background-image: none;
box-shadow: none;
}
.btn-link-delete {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #222;
border-radius: 0;
padding:1px;
}
.btn-link-delete:hover, .btn-link-delete:active {
border-color: rgba(0, 0, 0, 0);
cursor: pointer;
color: #da4f49;
border-radius: 0;
}
.btn-link-delete, .btn-link-delete[disabled] {
background-color: rgba(0, 0, 0, 0);
background-image: none;
box-shadow: none;
}
.btn-inverse {
color: #ffffff;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
background-color: #363636;
background-image: linear-gradient(to bottom, #444444, #222222);
background-repeat: repeat-x;
border-color: #222222 #222222 #000000;
}
.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
background-color: #222222;
background-image: linear-gradient(to bottom, #333333, #111111);
}
.img-center {
margin:0 auto;
}
.btn-quickview {
background: #F7F8FB;
border: 0px;
box-shadow: none;
color: #000;
border-radius: 8px;
font-size: 14px;
padding: 0px;
height: 34px;
min-width:34px;
-webkit-transition: background .2s ease;
transition: background .2s ease;
display: flex;
align-items: center;
justify-content: center;
}
.btn-quickview .btn-icon-quickview {
display: block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-viewed");
mask-image: url("../image/sprite.svg#icon-viewed");
width: 23px;
height: 18px;
}
.btn-quickview img {
margin-top: -3px;
}
.btn-quickview:hover{
background:#EAEDF7;
color: #000;
}
.btn-remove {
color:#000;
border:0px;
height: 34px;
width: 34px;
padding: 8px 5px;
line-height: 19px;
background: #F7F8FB;
}
.btn-remove:focus,.btn-remove:hover, .btn-remove:active{
color:#da4f49;
background: #F7F8FB;
}
.btn-general {
color: #000;
border-radius:8px;
display:inline-block;
font-size:14px;
padding:5px 10px;
-webkit-transition: background .15s ease;
transition: background .15s ease;
height: 40px;
border:0px;
min-width: 40px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
border:0px;
}
.btn-general .text-cart-add {
padding-left: 5px;
}
#product .btn-general.is-active .icon-cart-add {
content: "";
background: #53A974;
-webkit-mask-image: url("../image/sprite.svg#icon-sstock");
mask-image: url("../image/sprite.svg#icon-sstock");
width: 20px;
height: 20px;
margin-right: 0px;
background: #53A974;
}
#product .btn-general.is-active {
background: #ECF9F1 !important;
}
.product-thumb .btn-general.is-active .icon-cart-add {
content: "";
background: #53A974;
-webkit-mask-image: url("../image/sprite.svg#icon-sstock");
mask-image: url("../image/sprite.svg#icon-sstock");
width: 15px;
height: 15px;
margin-right: 0px;
}
.product-thumb .btn-general.is-active {
background: #ECF9F1 !important;
}
.btn-general.is-active:focus, .btn-general.is-active:hover, .btn-general.is-active:active {
color: #fff;
background-color: #5DBE82 !important;
}
.btn-general.is-active .icon-cart-add {
background: #fff;
}
.btn-general.is-active .text-cart-add {
color: #232f3e;
}
.btn-general img {
margin-top: -4px;
min-width: 100%;
min-height: 100%;
height: auto;
}
.btn-wishlist {
color: #000;
background: #F7F8FB;
padding:2px;
-webkit-transition: background .2s ease;
transition: background .2s ease;
border:0px;
height: 34px;
width: 34px;
border-radius:8px;
display: flex;
align-items: center;
justify-content: center;
}
.btn-wishlist img {
margin-top: -2px;
}
.btn-wishlist .btn-icon-wishlist {
display: block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-wishlist");
mask-image: url("../image/sprite.svg#icon-wishlist");
width: 22px;
height: 20px;
min-width: 22px;
}
.btn-wishlist:hover{
border:0px;
background:#EAEDF7;
color: #000;
}
.btn-wishlist.is-active {
background: #ECF9F1;
position: relative;
}
.btn-wishlist.is-active .btn-icon-wishlist {
background: #00AC45;
}
.btn-wishlist.is-active:after {
position: absolute;
content:"";
background: #00AC45;
-webkit-mask-image: url("../image/sprite.svg#icon-wc-active");
mask-image: url("../image/sprite.svg#icon-wc-active");
width: 8px;
height: 7px;
right: 4px;
bottom: 4px;
}
.btn-compare {
color: #000;
background: #F7F8FB;
padding:2px;
-webkit-transition: background .2s ease;
transition: background .2s ease;
border:0px;
height: 34px;
width: 34px;
border-radius:8px;
display: flex;
align-items: center;
justify-content: center;
}
.btn-compare img {
margin-top: -3px;
}
.btn-compare .btn-icon-compare {
display: block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-compare");
mask-image: url("../image/sprite.svg#icon-compare");
width: 20px;
height: 20px;
}
.btn-compare:hover {
border:0px;
background:#EAEDF7;
color: #000;
}
.btn-compare.is-active {
background: #ECF9F1;
position: relative;
}
.btn-compare.is-active .btn-icon-compare {
background: #00AC45;
}
.btn-compare.is-active:after {
position: absolute;
content:"";
background: #00AC45;
-webkit-mask-image: url("../image/sprite.svg#icon-wc-active");
mask-image: url("../image/sprite.svg#icon-wc-active");
width: 8px;
height: 7px;
right: 4px;
bottom: 4px;
}
.btn-fastorder {
color: #000;
background: #F7F8FB;
border:0px;
display: flex;
align-items: center;
justify-content: center;
padding:2px;
font-size: 14px;
height: 34px;
border-radius:8px;
min-width: 34px;
-webkit-transition: background .2s ease;
transition: background .2s ease;
}
.btn-fastorder .btn-icon-fastorder {
display: block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-fastorder");
mask-image: url("../image/sprite.svg#icon-fastorder");
width: 22px;
height: 20px;
}
.btn-fastorder img {
margin-top: -2px;
}
.btn-fastorder:hover, .btn-fastorder:focus, .btn-fastorder.focus{
border:0px;
background:#EAEDF7;
color: #000;
}
.hidden-quick-order {
display:none !important;
}
.price {
color: #000;
font-size: 16px;
font-weight: 600;
line-height: 20px;
}
.price-old {
color: #505966;
text-decoration: line-through;
font-weight: 400;
display: block;
font-size: 14px;
line-height: 20px;
margin-bottom: 2px;
}
.price-tax, .points {
color: #000;
opacity: 0.6;
font-size: 12px;
display: block;
font-weight: 400;
}
.rating .fa-stack {
font-size: 8px;
}
.rating .fa-star-o {
color: #cccccc;
font-size: 13px;
}
.rating .fa-star {
color: #FC0;
font-size: 13px;
}
.rating .fa-star + .fa-star-o {
color: #ffcc00;
}
.fa-stack {
color: #ffcc00;
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 1.65em;
}
/* fixed colum left + content + right*/
@media (min-width: 768px) {
#column-left .product-layout .col-md-3 {
width: 100%;
}
#column-left + #content .product-layout .col-md-3 {
width: 50%;
}
#column-left + #content + #column-right .product-layout .col-md-3{
width: 100%;
}
#content + #column-right .product-layout .col-md-3{
width: 100%;
}
}
/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
width: 100%;
}
.product-modules .product-layout {
display: inline-block;
min-height: 1px;
padding: 0 15px;
position: relative;
vertical-align: top;
width: 100%;
word-spacing: normal;
}
.pagination {margin-top: 10px;margin-bottom: 10px;}
.pagination > li {display: inline-block;margin:0px 8px;}
.pagination>li>a,
.pagination>li>span {color:#000;background-color:#F7F8FB;border:0px;border-radius: 10px !important;}
.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover {color:#000;background-color:#DCE0E9;}
.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {color: #232f3e;background-color: #d1dfff}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {color: #232f3e;background-color:#DCE0E9;}
.chm-btn-text {
font-size: 14px;
}
.ch-limit-sorts {
margin-right: -10px;
}
.list-group a {
border: 1px solid #DDDDDD;
color: #888888;
padding: 8px 12px;
}
.view-box .localstorage.dflex .ddm-sort button {
background: none;
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
color: #444444;
background: #eeeeee;
border: 1px solid #DDDDDD;
text-shadow: 0 1px 0 #FFF;
}
.view-box-rs .ch-limit-sorts {
margin-right: 0;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
min-width: 50px;
}
#simplecheckout_shipping .simplecheckout-block-content > .form-group {
background: #fff;
}
#simplecheckout_shipping {
display: block!important;
}
.stock-status {
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
margin-bottom: 10px;
align-items: center;
font-size: 13px;
font-weight: 500;
-ms-flex-item-align: start;
align-self: flex-start;
}
.stock-status.outofstock {
color: #E65A2E;
}
.stock-status.instock {
color: #53A974;
}
.stock-status.instock svg{
margin-right: 5px;
}
.no-slider .product-thumb{
border-radius: 10px;
}
.container-module .item.swiper-slide .product-thumb {
border-radius:10px;
-webkit-transition: box-shadow .2s ease, opacity .2s ease;
transition: box-shadow .2s ease,opacity .2s ease;
}
.container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
.container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
@media (min-width: 350px) {
.container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 600px) {
.container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
.container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 770px) {
.container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
}
@media (min-width: 1022px) {
.col-sm-12 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
.col-md-12 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-8 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
.col-md-9 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-12 .container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide,
.col-md-12 .container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide {
-ms-flex: 0 0 33.33333333%;
flex: 0 0 33.33333333%;
max-width: 33.33333333%;
}
.col-md-6 .container-module .swiper-module:not(.swiper-initialized) .swiper-slide,
.col-sm-8 .container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide,
.col-md-9 .container-module .swiper-module:not(.swiper-initialized) .mod-art-item.swiper-slide {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.position-no-owl.col-md-6 .container-module .swiper-module:not(.swiper-initialized) .swiper-slide {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media (min-width: 1230px) {
.col-sm-12 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
.col-md-12 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;
}
}
@media (min-width: 1230px) {
.col-sm-8 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
.col-md-9 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-3 .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
#column-left .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide,
#column-right .container-module .swiper-module:not(.swiper-initialized) .item.swiper-slide {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.container-module .row_items{
-webkit-transition: box-shadow .2s ease, opacity .2s ease;
transition: box-shadow .2s ease,opacity .2s ease;
}
.container-module .row_items .item{
border-radius:10px;
}
@media (min-width: 768px) {
.no-slider .product-thumb:hover,
.container-module .row_items .item:hover,
.container-module .item.swiper-slide .product-thumb:hover {
-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.07);
box-shadow: 3px 3px 10px rgba(0,0,0,.07);
}
}
.container-module .product-thumb-viewed,
.container-module .product-thumb {
overflow: hidden;
position:relative;
}
.product-thumb {
padding: 15px;
}
#product-options.product-thumb {
padding: 0;
}
.product-thumb .image {
text-align: center;
position:relative;
margin-bottom:10px;
min-height: 13em;
}
.product-thumb .image a {
display: block;
position: relative;
}
.product-thumb .main-img{opacity:1;transform:rotateY(0deg);transition:all ease-in-out .3s;}
.product-thumb:hover .main-img{opacity:0;transform:rotateY(-180deg);}
.product-thumb .additional-img-hover{position:absolute;top:0px;left:0px;right:0px;opacity:0;cursor:pointer;transform:rotateY(-180deg);transition:all ease-in-out .3s;}
.product-thumb:hover .additional-img-hover{opacity:1;transform:rotateY(0deg);}
.product-thumb .image a img.img-responsive {
max-width: 100%;
max-height: 100%;
}
.product-thumb .image img {
margin-left: auto;
margin-right: auto;
font-size: 0px;
color:transparent;
}
.product-layout.product-grid .product-model + .image .rating {
top: -30px;
}
@media (min-width: 1500px) {
.product-layout.product-grid.col-lg-4 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
}
.product-grid .product-thumb .image {
float: none;
}
.product-thumb .stock-color-10 {
width: auto;
margin-top: 0;
}
.price-actions-box {
align-items: center;
margin-top: 10px !important;
min-height: 40px;
justify-content: space-between;
}
.product-thumb .btn-general {
background-color: #FFCE12 !important;
color: #232f3e;
}
.product-thumb .btn-general:hover {
background-color: #ffa41c !important;
transition: all 0.3s ease-out 0s;
}
.product-thumb .btn-general:active {
background-color: #CF892B !important;
}
.product-thumb .price {
min-height: 40px;
display: flex;
flex-direction: column;
align-items: initial;
justify-content: center;
line-height: 18px;
text-align: left;
margin-right: auto;
color: #111;
font-size: 20px;
font-weight: 600;
}
/* --- MODULES --- */
.tab-pane .container-modules {
text-align: center;
}
.container-module {
margin:10px 0px 10px;
position: relative;
}
.container-module .title-module{
margin-bottom: 10px;
padding: 10px 0px;
position:relative;
clear:both;
}
.container-module .title-module{
z-index: 0;
}
.container-module .title-module span{
font-size: 18px;
padding: 0 20px 0px 0px;
z-index: 5;
color:#000;
position: relative;
}
.container-module .item.no-slider .product-thumb,
.container-module .item:not(.no-slider) .product-thumb{
background:#ffffff;
}
.swiper-mod-arrow.swiper-button-disabled {
opacity: .5;
cursor: inherit;
}
.swiper-mod-arrow{
position: absolute;
top:6px;
background: #F7F8FB;
color:#000000;
border-radius: 5px;
font-size: 0;
height: 28px;
width: 28px;
line-height: 28px;
padding: 0;
text-align: center;
-webkit-transition:all 0.1s linear 0s;
-moz-transition:all 0.1s linear 0s;
-ms-transition:all 0.1s linear 0s;
-o-transition:all 0.1s linear 0s;
transition: all 0.1s linear 0s;
cursor:pointer;
}
.swiper-mod-arrow:hover, .swiper-mod-arrow:active {
background: #EAEDF7;
}
.swiper-mod-arrow .icon-arrow-prev{
margin-right: 1px;
}
.swiper-mod-arrow .icon-arrow-next{
margin-left: 2px;
}
.icon-arrow-prev,
.icon-arrow-next {
width: 6px;
height: 10px;
color:#000;
}
.swiper-mod-arrow.prev-prod{
right:38px;
}
.swiper-mod-arrow.next-prod {
right:0px;
}
.product-thumb-viewed .image {
text-align: center;
padding-top: 10px;
}
.product-thumb-viewed .image img {
margin-left: auto;
margin-right: auto;
}
#mob-info-viewed .mobm-body {
scrollbar-color: #DEE2E6 transparent;
scrollbar-width: auto;
}
.product-thumb-viewed {padding-bottom: 20px;}
.container-module-viewed {
padding-top: 10px;
}
.product-thumb-viewed + div.product-thumb-viewed {padding-top: 20px;border-top: 1px solid #eaeaea;}
.container-module-viewed .product-name{margin-bottom: 10px;text-align: left;}
.container-module-viewed .product-name a{color:#000;font-size:13px;}
.container-module-viewed .product-model{
color:#ADB5BD;
text-align:left;
margin-bottom:5px;
font-size: 12px;
}
.container-module-viewed .addit-action > div {margin-right: 10px;}
.container-module-viewed .addit-action > div:last-child {margin-right: 0px;}
.container-module-viewed .cart .btn-general {
padding: 5px;
}
.container-module-viewed .cart .text-cart-add {
display: none;
}
.product-thumb-viewed .price {
min-height: 40px;
display: flex;
flex-direction: column;
align-items: initial;
justify-content: flex-end;
line-height: 18px;
text-align: left;
margin-right: auto;
}
.product-thumb .product-name{min-height: 44px;margin-bottom: 10px;text-align: left;}
.product-thumb .product-name a{
color: #232f3e;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
line-height: 20px;
font-size: 13px;
}
.product-thumb .product-name a:hover {
color:#365A95;
}
@media (min-width: 992px) {
.product-thumb .product-name a{
-webkit-line-clamp: 2;
font-size: 14px;
line-height: 20px;
}
.product-grid .product-thumb:hover .product-name a {
overflow: auto;
min-height: auto;
display: inline-flex;
}
.product-thumb .product-name {
display: block;
max-height: 40px;
overflow: hidden;
transition: max-height 0.4s ease;
}
.product-grid .product-thumb:hover .product-name {
max-height: 100px;
}
}
.product-description {
margin-bottom: 10px;
}
.container-module .product-description {
height: 62px;
margin-bottom: 10px;
overflow: hidden;
text-align: left;
}
.product-thumb .product-model{
min-height: 50px;
color:#505966;
padding-bottom:10px;
font-size: 11px;
text-align: right;
}
.product-thumb .rating {
margin-bottom: 10px;
text-align: left;
position: absolute;
left:0px;
top:0px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
}
.rating .rating-cnt-reviews {
position: absolute;
min-width: 17px;
height: 17px;
padding-left: 2px;
padding-right: 2px;
border: 2px solid #E9A631;
border-radius: 16px;
bottom: -3px;
right: -2px;
font-size: 9px;
font-weight: 500;
display: flex;
align-items: center;
justify-content: center;
z-index: 1;
background: #fff;
}
.product-thumb .stock-status {
white-space: nowrap;
overflow:hidden;
text-overflow: ellipsis;
display: inherit;
margin-bottom: 0;
}
.product-thumb .stock-status.instock:before {
display: none;
content: "";
background: #53A974;
-webkit-mask-image: url("../image/sprite.svg#icon-sstock");
mask-image: url("../image/sprite.svg#icon-sstock");
width: 7px;
height: 6px;
margin-right: 4px;
}
.rating .product-rating-star::after {
content: "";
content: '';
position: absolute;
background: #ffffffd9;
width: 37px;
height: 37px;
border-radius: 100%;
z-index: -1;
}
.quantity-reviews {
background: #F7F8FB;
position: relative;
margin-left: 8px;
border-radius: 6px;
width: 24px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.quantity-reviews a{
color:#000;
font-size: 11px;
}
.rating .product-rating-star {
width: 40px;
height: 40px;
border-radius: 50%;
justify-content: center;
position: relative;
color: #000;
font-size: 14px;
font-weight: 500;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
z-index: 1;
}
.rating .product-rating-star:before {
background: url("../image/sprite.svg#icon-rating") no-repeat;
width: 40px;
height: 40px;
content: "";
position: absolute;
}
.icon-rstar {
width: 14px;
height: 14px;
}
.icon-rstar.gold {
color:#E5DB77;
}
.icon-rstar.gray {
color:#E9ECEF;
}
.rating .no-review {
margin-left: 3px;
}
@media (max-width: 500px) {
.product-grid .product-thumb .cart,
.container-module .product-thumb .cart {
width: 100%;
margin-top: 10px;
}
}
.product-grid .product-thumb .cart,
.container-module .product-thumb .cart {
margin-left: auto;
align-items: flex-end;
}
.product-grid .product-thumb .addit-action,
.container-module .product-thumb .addit-action{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.product-grid .quickview,
.container-module .quickview,
.product-grid .quick-order,
.container-module .quick-order {
position: relative;
-webkit-transition:all 0.15s ease 0s;
-moz-transition:all 0.15s ease 0s;
-ms-transition:all 0.15s ease 0s;
-o-transition:all 0.15s ease 0s;
transition: all 0.15s ease 0s;
z-index:99;
text-align:center;
opacity:1;
}
.product-grid .product-thumb .addit-action,
.container-module .product-thumb .addit-action {
position: absolute;
transition: all .2s ease 0s;
opacity: 1;
z-index: 2;
}
#content .product-grid .product-thumb .addit-action, #content .container-module .product-thumb .addit-action {
right: -20px;
}
#content .product-grid .product-thumb:hover .addit-action, #content .container-module .product-thumb:hover .addit-action {
right: 0;
}
.product-grid .product-thumb .cart,
.container-module .product-thumb .cart {
width: auto;
margin-left: 0;
}
@media (max-width: 992px) {
.product-grid .product-thumb .addit-action,
.container-module .product-thumb .addit-action {
top:15px;
right: 0px;
flex-direction: column;
}
.product-grid .product-thumb .product-model ~ .addit-action,
.container-module .product-thumb .product-model ~ .addit-action {
top: 30px;
}
.product-grid .product-thumb .addit-action .quick-order,
.product-grid .product-thumb .addit-action .compare,
.container-module .product-thumb .addit-action .quick-order,
.container-module .product-thumb .addit-action .compare,
.product-grid .product-thumb .wishlist,
.container-module .product-thumb .wishlist {
margin-left: 0px;
margin-top: 10px;
}
}
@media (min-width: 992px) {
.product-grid .product-thumb .wishlist,
.container-module .product-thumb .wishlist {
margin-left: 10px;
}
.product-grid .product-thumb .addit-action,
.container-module .product-thumb .addit-action {
opacity: 0;
z-index: -1;
}
.product-grid .product-thumb:hover .addit-action,
.container-module .product-thumb:hover .addit-action {
z-index: 2;
}
}
.position-no-owl .container-module .row_items .item {
position:relative;
margin-bottom: 20px;
}
.position-no-owl .container-module .special .item:last-child,
.position-no-owl .container-module .bestseller .item:last-child,
.position-no-owl .container-module .latest .item:last-child,
.position-no-owl .container-module .featured .item:last-child{
margin-bottom: 0px !important;
}
.position-no-owl .container-module .special .image,
.position-no-owl .container-module .bestseller .image,
.position-no-owl .container-module .latest .image,
.position-no-owl .container-module .featured .image{
position:inherit;
float:left;
width:33%;
padding:0px;
margin-bottom: 0px;
min-height: auto;
display: flex;
align-items: center;
align-self: normal;
align-self: stretch;
transition: opacity .15s ease 0s;
}
.position-no-owl .container-module .special .product-thumb .rating,
.position-no-owl .container-module .bestseller .product-thumb .rating,
.position-no-owl .container-module .latest .product-thumb .rating,
.position-no-owl .container-module .featured .product-thumb .rating{
top: 0px;
left: auto;
right: 0px;
}
@media (min-width: 600px) {
.position-no-owl .container-module .special .product-thumb .rating,
.position-no-owl .container-module .bestseller .product-thumb .rating,
.position-no-owl .container-module .latest .product-thumb .rating,
.position-no-owl .container-module .featured .product-thumb .rating{
top: -5px;
}
}
.position-no-owl .container-module .row_items .image img.additional-img-hover{
padding: 15px;
top:0px;
}
.position-no-owl .container-module .special .product-name,
.position-no-owl .container-module .bestseller .product-name,
.position-no-owl .container-module .latest .product-name,
.position-no-owl .container-module .featured .product-name {
height: 42px;
overflow:hidden;
}
.position-no-owl .container-module .special .product-thumb,
.position-no-owl .container-module .bestseller .product-thumb,
.position-no-owl .container-module .latest .product-thumb,
.position-no-owl .container-module .featured .product-thumb {
flex-direction: row !important;
align-items: center;
border-radius:10px;
}
.position-no-owl .container-module .special .product-thumb .caption,
.position-no-owl .container-module .bestseller .product-thumb .caption,
.position-no-owl .container-module .latest .product-thumb .caption,
.position-no-owl .container-module .featured .product-thumb .caption {
margin-bottom: 0px;
padding-left: 15px;
float: left;
width: 66%;
position: unset;
min-height: 140px;
}
.position-no-owl .container-module .quickview, .position-no-owl .container-module .quick-order {
bottom: auto;
position: relative;
right: auto;
opacity: 1;
}
.position-no-owl .container-module .product-thumb:hover .quickview, .position-no-owl .container-module .product-thumb:hover .quick-order {
right: auto;
opacity: 1;
position: relative;
}
.position-no-owl .container-module .special .product-thumb .cart,
.position-no-owl .container-module .bestseller .product-thumb .cart,
.position-no-owl .container-module .latest .product-thumb .cart,
.position-no-owl .container-module .featured .product-thumb .cart{
margin-left: auto;
width: auto;
}
.position-no-owl .container-module .special .product-thumb .btn-general,
.position-no-owl .container-module .bestseller .product-thumb .btn-general,
.position-no-owl .container-module .latest .product-thumb .btn-general,
.position-no-owl .container-module .featured .product-thumb .btn-general {
padding: 5px 7px;
}
.position-no-owl .container-module .special .product-thumb .btn-general .text-cart-add,
.position-no-owl .container-module .bestseller .product-thumb .btn-general .text-cart-add,
.position-no-owl .container-module .latest .product-thumb .btn-general .text-cart-add,
.position-no-owl .container-module .featured .product-thumb .btn-general .text-cart-add {
display: none !important;
}
.position-no-owl .container-module .special .product-thumb .addit-action,
.position-no-owl .container-module .bestseller .product-thumb .addit-action,
.position-no-owl .container-module .latest .product-thumb .addit-action,
.position-no-owl .container-module .featured .product-thumb .addit-action {
opacity: 0;
margin-left: 0px;
-webkit-transition: opacity .2s ease, bottom .2s ease;
transition: opacity .2s ease, bottom .2s ease;
position: absolute;
z-index: 100;
left: auto;
right: auto;
width: auto;
bottom: auto;
top: 50%;
flex-wrap: wrap;
max-width: 88px;
margin-bottom: 0px;
align-items: flex-start;
transform: translateY(-50%);
flex-direction: row;
justify-content: center;
min-width: 85px;
}
.position-no-owl .container-module .special .product-thumb:hover .addit-action,
.position-no-owl .container-module .bestseller .product-thumb:hover .addit-action,
.position-no-owl .container-module .latest .product-thumb:hover .addit-action,
.position-no-owl .container-module .featured .product-thumb:hover .addit-action {
opacity: 1;
background: #fff;
}
.position-no-owl .container-module .special .product-thumb .price,
.position-no-owl .container-module .bestseller .product-thumb .price,
.position-no-owl .container-module .latest .product-thumb .price,
.position-no-owl .container-module .featured .product-thumb .price {
margin-bottom: 0px;
}
.position-no-owl .container-module .special .product-thumb .product-name a,
.position-no-owl .container-module .bestseller .product-thumb .product-name a,
.position-no-owl .container-module .latest .product-thumb .product-name a,
.position-no-owl .container-module .featured .product-thumb .product-name a {
font-size: 14px;
}
.position-no-owl .container-module .special .product-thumb .addit-action > div,
.position-no-owl .container-module .bestseller .product-thumb .addit-action > div,
.position-no-owl .container-module .latest .product-thumb .addit-action > div,
.position-no-owl .container-module .featured .product-thumb .addit-action > div {
margin:4px;
}
.position-no-owl .container-module .special .product-thumb:hover .image .rating,
.position-no-owl .container-module .bestseller .product-thumb:hover .image .rating,
.position-no-owl .container-module .latest .product-thumb:hover .image .rating,
.position-no-owl .container-module .featured .product-thumb:hover .image .rating,
.position-no-owl .container-module .special .product-thumb:hover .image .ch-g-items,
.position-no-owl .container-module .bestseller .product-thumb:hover .image .ch-g-items,
.position-no-owl .container-module .latest .product-thumb:hover .image .ch-g-items,
.position-no-owl .container-module .featured .product-thumb:hover .image .ch-g-items,
.position-no-owl .container-module .special .product-thumb:hover .image .ch-g-dots,
.position-no-owl .container-module .bestseller .product-thumb:hover .image .ch-g-dots,
.position-no-owl .container-module .latest .product-thumb:hover .image .ch-g-dots,
.position-no-owl .container-module .featured .product-thumb:hover .image .ch-g-dots{
display: none !important;
}
.position-no-owl .container-module .special .product-thumb .additional-img-hover,
.position-no-owl .container-module .bestseller .product-thumb .additional-img-hover,
.position-no-owl .container-module .latest .product-thumb .additional-img-hover,
.position-no-owl .container-module .featured .product-thumb .additional-img-hover {
display: none;
}
.position-no-owl .container-module .special .product-thumb:hover .additional-img-hover,
.position-no-owl .container-module .bestseller .product-thumb:hover .additional-img-hover,
.position-no-owl .container-module .latest .product-thumb:hover .additional-img-hover,
.position-no-owl .container-module .featured .product-thumb:hover .additional-img-hover {
opacity: 0;
display: none;
}
@media (min-width: 992px) {
.position-no-owl .container-module .special .product-thumb:hover a img.img-responsive,
.position-no-owl .container-module .bestseller .product-thumb:hover a img.img-responsive,
.position-no-owl .container-module .latest .product-thumb:hover a img.img-responsive,
.position-no-owl .container-module .featured .product-thumb:hover a img.img-responsive {
transform: none !important;
transition: none;
opacity: 0;
}
}
@media (max-width: 991px) {
.position-no-owl .container-module .special .product-thumb .addit-action,
.position-no-owl .container-module .bestseller .product-thumb .addit-action,
.position-no-owl .container-module .latest .product-thumb .addit-action,
.position-no-owl .container-module .featured .product-thumb .addit-action{
display: none !important;
}
}
.position-no-owl .container-module .special .product-thumb .addit-action > div > .btn,
.position-no-owl .container-module .bestseller .product-thumb .addit-action > div > .btn,
.position-no-owl .container-module .latest .product-thumb .addit-action > div > .btn,
.position-no-owl .container-module .featured .product-thumb .addit-action > div > .btn{
background: #F7F8FB;
box-shadow: none;
}
.position-no-owl .container-module .special .product-thumb .addit-action > div > .btn:hover,
.position-no-owl .container-module .bestseller .product-thumb .addit-action > div > .btn:hover,
.position-no-owl .container-module .latest .product-thumb .addit-action > div > .btn:hover,
.position-no-owl .container-module .featured .product-thumb .addit-action > div > .btn:hover{
background: #F7F8FB;
}
.position-no-owl .container-module .special .quantity_plus_minus,
.position-no-owl .container-module .special .product-model,
.position-no-owl .container-module .special .product-description,
.position-no-owl .special .stickers-ns,
.position-no-owl .container-module .bestseller .quantity_plus_minus,
.position-no-owl .container-module .bestseller .product-model,
.position-no-owl .container-module .bestseller .product-description,
.position-no-owl .bestseller .stickers-ns,
.position-no-owl .container-module .latest .quantity_plus_minus,
.position-no-owl .container-module .latest .product-model,
.position-no-owl .container-module .latest .product-description,
.position-no-owl .latest .stickers-ns,
.position-no-owl .container-module .featured .quantity_plus_minus,
.position-no-owl .container-module .featured .product-model,
.position-no-owl .container-module .featured .product-description,
.position-no-owl .featured .stickers-ns {
display:none;
}
.product-layout .product-thumb{
/* overflow:hidden; */
position:relative;
}
.ch-limit-sorts .dropdown-menu.ch-dropdown > li > a {
text-align: center;
}
.popover {
display: none !important;
}
@media (max-width: 991px) {
.ch-limit-sorts {
justify-content: flex-end !important;
width: 100%
}
}
.box-sub-cat {
padding-top: 1px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (max-width: 768px) {
.box-sub-cat {
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
width: 100%;
}
.box-sub-cat .item-subc {
flex:0 0 45%;
max-width: 45%;
}
}
@media (min-width: 768px) {
.box-sub-cat {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
margin-bottom: 50px;
}
}
.item-subc {
width: 12.5%;
padding: 6px;
}
.subcategory {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
-ms-flex-align: center !important;
align-items: center !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
transition: none;
padding: 10px 0px;
overflow: hidden;
text-align: center;
border: 1px solid #eef1f8;
color: #eef1f8 !important;
border-radius: 12px;
background: #fff;
-webkit-transition: box-shadow .2s ease, border .2s ease;
transition: box-shadow .2s ease, border .2s ease;
height: 100%;
}
.subcategory .sc-image {
padding: 10px;
}
.category.parent .subcategory .sc-image {
padding: 0;
}
.subcategory .sc-name {
color: #232f3e;
font-size:14px;
padding-left:3px;
padding-right:3px;
}
.category.parent > .row #column-right {
width: 50%
}
.category.parent > .row #column-right {
order: 2;
margin-top: -2px;
}
.category.parent .container-banner img{
border-radius: 12px;
}
.subcategory img {
width: 162px;
margin: 0 auto;
color:transparent;
}
.subcategory:hover {
-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.07);
box-shadow: 3px 3px 10px rgba(0,0,0,.07);
}
.subcategory:hover .sc-name{
color:#0f4b82;
text-decoration: underline;
}
.subcategory .name-wrapper {
height: 44px;
padding: 0 10px;
overflow: hidden;
color: #000;
text-align: left;
}
.display-table {
display: table;
height: 100%;
width: 100%;
overflow:hidden;
}
.display-table-cell {
display: table-cell;
height: 100%;
vertical-align: middle;
width: 100%;
}
.btn-sort-limit {
background: #fff;
border-radius: 6px !important;
border:0px;
height: 41px;
}
.btn-sort-limit svg {
margin-left: 8px;
}
.btn-sort-link,
.btn-limit-link {
font-size: 12px;
width: 100%;
border: 0px;
background: transparent;
white-space: nowrap;
}
.dropdown-menu.ch-dropdown > li > button.btn-limit-link {
text-align: center;
}
.btn-sort-link {
text-align: left;
}
.localstorage .btn-group:active .dropdown-toggle,
.localstorage .btn-group.open .dropdown-toggle {
box-shadow:inset 0 1px 1px rgba(0,0,0,.03);
color:#000;
background:#DCE0E9;
}
.localstorage .dropdown-menu.ch-dropdown{
min-width: 80px;
text-align: center;
margin-top: 5px;
}
.ddm-sort {
border-top-right-radius: 0px;
}
.ddm-limit{
left:0 !important;
border-top-left-radius: 0px;
}
.all-review-box {
display: flex;
flex-wrap: wrap;
}
.all-review-box > div {
width: 50%;
padding: 10px;
}
.rc-author-info {
display: flex;
align-items: center;
}
.all-review-box .item-rs {
margin-bottom: 0;
height: 100%;
}
@media (min-width: 992px) {
.ddm-limit{
left:auto !important;
border-top-right-radius: 0px;
border-top-left-radius: 8px;
}
}
/*PRODUCT-GRID*/
.image-category {
float:left;
list-style:none;
max-width:78px;
}
#list-view .fa,
#price-view .fa,
#grid-view .fa {
font-size:16px;
}
@media (max-width: 412px) {
.product-grid .product-thumb .cart {
width: 100%;
}
}
@media (min-width: 600px) {
.product-grid.product-layout {
padding: 6px;
}
}
.product-grid .product-thumb:not(.series-item) {
background:#ffffff;
border: 1px solid #eef1f8;
border-radius: 16px;
-webkit-transition: box-shadow .2s ease;
transition: box-shadow .2s ease;
height: max-content !important;
}
@media (max-width: 600px) {
.container-module .pct_gv, .container-module .latest_gv {
padding-bottom: 10px;
padding-top: 10px;
}
.container-module:not(.carousel-mod) .item.swiper-slide,
.container-module:not(.carousel-mod,.chm-stories) .swiper-module {
padding-left: 0;
padding-right: 0;
}
.container-module .item.no-slider.f-col-xs-6,
.product-grid.product-layout {
margin: 0px;
padding: 0px;
}
.container-module:not(.carousel-mod) .item.swiper-slide .product-thumb,
.container-module .no-slider .product-thumb,
.product-grid .product-thumb {
border-radius:0px;
}
.product-thumb .image a:after {
border-radius:0px !important
}
.product-thumb .image {
min-height: 8em;
}
.container-module .product-thumb .cart,
.product-grid .product-thumb .cart {
margin-top: 15px;
}
.container-module .product-thumb .cart,
.container-module .product-thumb .cart .btn,
.product-grid .product-thumb .cart,
.product-grid .product-thumb .cart .btn{
width: 100%;
}
.product-grid .product-thumb .cart .btn-general span, .container-module .product-thumb .cart .btn-general span{
display: inline-block;
}
}
@media (max-width: 350px) {
.container-module .item.no-slider.f-col-xs-6,
.product-layout.product-grid.col-xs-6{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
@media screen and (min-width: 350px) and (max-width: 992px) {
.container-module .item.no-slider.f-col-xs-6,
.product-layout.product-grid.col-xs-6{
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
}
@media (min-width: 992px) {
.product-grid .product-thumb:hover{
-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.07);
box-shadow: 3px 3px 10px rgba(0,0,0,.07);
z-index: 1;
}
}
/*PRODUCT GRID*/
/*PRODUCT LIST*/
.product-layout.product-list {
margin-top:10px;
margin-bottom: 10px;
}
.product-list .product-thumb {
background: #ffffff;
box-shadow: 0px 0px 0px 1px #EAEDF7;
-webkit-transition: box-shadow .2s ease;
transition: box-shadow .2s ease;
border-radius: 8px;
}
.product-list .product-thumb:hover {
-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.07);
box-shadow: 3px 3px 10px rgba(0,0,0,.07);
z-index: 1;
}
@media (min-width: 992px) {
.product-list .product-thumb.flex-column {
flex-direction: row !important;
}
.product-list .product-thumb .stickers-ns{
bottom:66px;
}
.product-list .product-thumb:hover .ch-g-dots {
padding-bottom: 6px;
}
.product-list .product-thumb:hover .action-timer,
.product-list .product-thumb:hover .stickers-ns{
z-index: 1 !important;
opacity: 1 !important;
}
.product-list .product-thumb .product-model {
position: absolute;
max-width: 25%;
width: 100%;
left: 0px;
}
.product-list .product-thumb .image {
float: left;
width:35%;
margin:0 auto;
padding-top: 20px;
padding-bottom: 40px;
margin-right: 25px;
}
.product-list .product-thumb .image a {
height: 100%;
}
.product-list .product-thumb .image a img.img-responsive{
max-height: 210px;
width: auto;
padding-bottom: 20px;
}
.product-list .product-thumb .caption {
float:left;
width:65%;
padding-top: 30px;
padding-bottom: 30px;
margin-top: -15px;
margin-bottom: -15px;
padding-left: 25px;
border-left: 1px solid #EAEDF7;
position: unset;
}
.product-list .product-thumb .addit-action > div > .btn:hover {
background: #EAEDF7;
color: #000;
}
.product-list .product-name {
min-height: auto;
margin-bottom: 15px;
}
.product-list .price-actions-box .quantity_plus_minus {
margin-left: 0px;
margin-right: 20px;
margin-bottom: 15px;
}
.product-list .price-actions-box .price {
margin-right: auto;
margin-bottom: 15px;
width: 100%;
}
.product-list .product-thumb .cart {
text-align: left;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.product-list .product-model + .image .action-timer {
top: 30px;
}
.product-list .product-thumb .addit-action{
left: 0;
flex-direction: row;
justify-content: center;
position: absolute;
display: flex;
transition: all .15s ease 0s;
right: 0;
transition: none;
bottom: 0px;
}
.product-list .product-thumb .addit-action > div {
position: relative !important;
margin-bottom: 0px;
position: relative;
bottom: 0px;
right: 0px;
opacity: 1;
visibility: visible;
text-align: center;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
}
}
.reviews-list .image a {
color: #222;
font-size: 13px;
line-height: 20px;
text-align: left;
padding-left: 0;
font-weight: 500;
}
.reviews-list .image .product-name-review {
padding-left: 15px;
}
.reviews-list a img.img-responsive {
max-height: 165px !important;
display: block;
max-width: 100%;
height: 80px !important;
width: 80px !important;
min-width: 80px !important;
padding: 0 !important;
}
.reviews-list .caption {
padding-left: 0 !important;
border: none !important;
width: 100% !important;
padding: 20px 0 0 !important;
margin-top: 0 !important;
}
.rc-top {
margin-bottom: 15px;
}
.reviews-list .item-review .rc-author-info {
align-items: center;
display: flex;
}
.reviews-description {
display: -webkit-box;
overflow: hidden;
-moz-box-orient: vertical;
-webkit-line-clamp: 5;
line-height: 22px;
width: 100%;
min-height: 110px;
}
@media (min-width: 1200px) {
.product-list .product-thumb .image {
width:25%;
}
.product-list .product-thumb .caption {
width:75%;
}
}
/*END PRODUCT LIST*/
/*****************************/
/* --- PRODUCT PAGE --- */
.image-additional {text-align: center;}
.cloud-zoom-big {background: #fff; margin: 0 auto;width: 100%;right: 0px;}
.mousetrap {margin: 0 auto;width: 100%;right: 0px;}
.general-image {
text-align: center;
position:relative;
position: relative;
-ms-flex: 1;
flex: 1;
max-width: 100%;
}
.general-image.have-images .swiper {
padding-bottom: 20px;
}
.ch-pagination {
bottom: 0px !important;
}
.ch-pagination .swiper-pagination-bullet{
width: 20px;
border-radius: 2px;
height: 3px;
background: #F7F8FB;
opacity: 1;
}
.ch-pagination .swiper-pagination-bullet-active {
background: #557DC0;
}
@media (min-width: 768px) {
.thumbnails {
flex-direction: row-reverse;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: start;
align-items: start;
}
.general-image.have-images {
width: calc(100% - 78px);
}
.general-image.have-images .swiper {
padding-bottom: 0;
}
}
.thumbnails .general-image a { display: inline-block; border:0px;padding:0px;margin-bottom: 0px; }
.thumbnails .general-image img { display: block; margin-left: auto; margin-right: auto; color:transparent;}
.image-additional {
max-height: 450px;
margin-left: -10px;
}
.swiper.image-additional .swiper-wrapper {
flex-direction: column;
}
.swiper.image-additional:not(.swiper-initialized) .item.swiper-slide:first-child {
opacity: 1;
}
.image-additional .swiper-slide {
display: -ms-flexbox;
display: flex;
height: 90px !important;
width: 100%;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-align: center;
align-items: center;
}
.image-additional .swiper-slide{
opacity: 0.5;
}
.image-additional .swiper-slide.swiper-slide-thumb-active {
opacity: 1;
}
.image-additional .thumbnail {
margin: 0;
border: 0;
padding: 0;
}
.image-additional .thumbnail img {margin:0px;}
.info-minimum {
padding: 12px 15px;
background: #fcfbef;
color: #000;
margin-bottom: 25px;
border-radius: 8px;
}
.info-minimum svg {
display: inline-block;
vertical-align: bottom;
margin-right: 5px;
}
.zoom-magnify { width:100%; text-align:center; }
a.zoom-magnify { width: 100%; }
.space-padding-r20 {
padding-right:20px;
}
.space-padding-r5 {
padding-right:5px;
}
.nextprevprod .popover{
max-width:195px;
width:195px;
}
.nextprevprod .popover.popover-prev-prod{
left: auto !important;
right: 15px !important;
z-index: 9999999 !important;
}
.nextprevprod .popover.popover-prev-prod.bottom > .arrow {
right:94px !important;
left: auto !important;
border-bottom-color:rgba(0, 0, 0, 0.03);
}
.tabs__header .tabs__header__scroll {
position: initial;
border-radius: 12px;
}
.nextprevprod .popover.popover-next-prod {
z-index: 999;
left: auto !important;
right: 15px !important;
}
#product-product .my-tabs.nav-tabs > li {
border-radius: 12px;
}
.nextprevprod .popover.popover-next-prod.bottom > .arrow {
right:50px !important;
left:auto !important;
border-bottom-color:rgba(0, 0, 0, 0.03);
}
#prev-prod-btn {
margin-right: 10px;
}
.btn-share {
margin-left: 10px;
}
.btn-share,
.next-product,
.prev-product{
width: 34px;
height: 34px;
background: none;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
border: 0px;
position: relative;
padding: 0px;
}
.btn-share:hover
.next-product .icon-next:hover,
.prev-product .icon-prev:hover {
border: 0px;
background: #F7F8FB;
color: #000;
}
.popover-pr-image img {
margin:0 auto;
}
.popover-pr-name {
font-size:14px;
color:#000;
font-weight:400;
margin-top: 15px;
margin-bottom: 10px;
}
.nextprevprod .popover-content {
padding: 15px;
}
.nextprevprod .popover {
border:0px;
box-shadow:2px 4px 18px rgba(0, 0, 0, 0.05);
z-index: 10;
}
.nextprevprod .price {
color: #000;
font-size: 18px !important;
font-weight: 600;
line-height: 20px;
}
.nextprevprod .price .price-new span {
color: #000;
font-size: 18px;
font-weight: 600;
line-height: 20px;
}
.nextprevprod .price .price-old {
margin-bottom: 0px !important;
}
.nextprevprod .price .price-old span {
color: #535D67;
text-decoration: line-through;
font-weight: 400;
display: block;
font-size: 16px !important;
line-height: 16px !important;
margin-bottom: 2px !important;
}
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
#product.row-flex {
margin-bottom: 30px;
}
#product .top-sticker-timer-rating {
position: absolute;
top: 0;
right: 0;
display: flex;
flex-direction: column;
align-items: flex-end;
}
#popup-quickview .rating,
#product .rating {
position: relative;
right: 0;
top: 0px;
z-index: 1;
position:relative;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
}
#product .image-block .stickers-ns{
top:5px;
position: relative;
margin-left: 0;
margin-right: 0;
right:0;
left:auto;
display: flex;
flex-direction: column;
}
#product .image-block .stickers-ns > div {
font-weight: 400;
font-size: 13px;
border-radius: 11px;
}
#product .special-countdown.countdownHolder {
top:20px;
position: relative;
}
#product .my-tabs.nav-tabs > li {
border-radius: 12px;
}
#product .right-block-inner {
background:#ffffff;
border-left: 0px;
}
#product .image-block {
background:#ffffff;
position: relative;
padding: 20px 10px 10px;
border-radius: 10px 10px 0px 0px;
}
#product .right-block-inner {
padding: 10px 10px 20px;
}
@media (min-width: 768px) {
#product .right-block-inner {
padding: 20px 25px;
border-radius: 0px 10px 10px;
}
#product .image-block {
padding: 20px 25px;
}
.no-gutters {
margin-left: 0px;
margin-right: 0px;
}
}
.top-product-button{
display: flex;
margin: 20px -12px 0 !important;
padding-top: 15px;
}
.price-action-group,
.info-product {
padding-bottom: 20px;
}
#product .options,
#popup-quickview .options{
padding-bottom: 20px;
margin-bottom: 25px;
border-bottom: 1px solid #EAEDF7;
}
@media (max-width: 992px) {
.sticky-left-block{position: relative; top:0px !important;}
}
@media (min-width: 992px) {
#product .image-block {
border-radius: 0px 0px 0px 10px;
}
#product .right-block-inner {
padding: 10px 0 0;
border-radius: 0px 0px 10px 0px;
}
#tab-specification {
border-radius: 12px 0 0 12px;
border: 1px solid #eef1f8;
border-right: none;
}
#product.tab-bottom .image-block {
border-radius:10px 0px 0px 10px;
border-top:1px solid #EAEDF7;
}
#product.tab-bottom .right-block-inner {
border-radius:0px 10px 10px 0px;
border-top:1px solid #EAEDF7;
}
.sticky-left-block{position: sticky; top:20px;}
}
#product .fix_true .sticky {
position: fixed;
z-index:99;
}
.stop {
position: relative;
}
#product hr {
margin-top: 0px;
margin-bottom: 25px;
border-color: #EAEDF7;
}
#product .title_short_description,
#product .title_short_attribute {
font-size: 14px;
color:#000;
margin-bottom: 15px;
font-weight: 500;
}
.short-desc-b,
.short-attr-b {
border-bottom: 1px solid #EAEDF7;
padding-bottom: 25px;
margin-bottom: 25px;
}
#product .list-unstyled.product-discounts {
border-bottom: 1px solid #EAEDF7;
padding-bottom: 25px;
margin-bottom: 25px;
}
#product .list-unstyled.product-discounts > li:not(:last-child){
margin-bottom: 5px;
}
#product .product-discounts .product-discount-price {
font-size: 14px;
color:#000;
font-weight: 600;
}
#product.row-flex .options {
margin-top: 25px;
}
#product .text_short_description {
color:#535D67;
margin-bottom: 15px;
font-size: 14px;
}
#product .redmore-link {
color:#000;
border-radius: 4px;
background:#F7F8FB;
padding: 4px 12px;
font-size: 14px;
display: inline-block;
}
#product .redmore-link:hover {
background:#F7F8FB;
}
#product .price,
#popup-quickview .price {
text-align:left;
font-size:22px;
margin-right: 20px;
align-self: flex-end;
}
#product .price-new,
#popup-quickview .price-new {
text-align:left;
font-size:30px;
display: block;
clear: both;
line-height: 22px;
margin-bottom: 1px;
}
#product .price-new span,
#popup-quickview .price-new span {
display: inline-block;
}
#product .price-old,
#popup-quickview .price-old {
font-weight:400;
font-size: 18px;
float:left;
margin-bottom: 10px;
}
#product .availability .fa,
#popup-quickview .availability .fa {
color:#23a1d1;
}
#product .cart .btn-general {
height: 44px;
width: 100%;
padding: 12px 22px;
font-size: 16px;
}
#product .btn-fastorder {
height: 44px;
margin-top: 20px;
width: 100%;
font-size: 14px;
padding: 12px 22px;
margin-left: 0px;
}
@media (min-width: 500px) {
#product .cart .btn-general {
height: 50px;
min-width: 140px;
}
}
@media (min-width: 650px) {
#product .btn-fastorder {
margin-top: 0;
width: auto;
height: 54px;
margin-left: 20px;
}
}
@media (min-width: 992px) {
#product .btn-fastorder {
width: 100%;
margin-left: 0px;
}
}
@media (min-width: 1320px) {
#product .btn-fastorder {
width: auto;
margin-top: 0px;
}
}
/*#popup-confirm {
display: none;
}*/
#popup-quickview .quantity-adder,
#product .quantity-adder {
flex: 0 0 36px;
max-width: 36px;
z-index: 1;
margin-right: 10px;
line-height: 1;
margin-right: 20px;
}
#popup-quickview .quantity-adder .add-action,
#product .quantity-adder .add-action {
cursor: pointer;
display: block;
font-size: 14px;
height: 16px;
line-height: 10px;
position: relative;
text-align: center;
width: 36px;
background: #fff;
}
#popup-quickview .quantity-adder .add-action:hover,
#product .quantity-adder .add-action:hover {
background:#F7F8FB;
}
#popup-quickview .quantity-adder .add-down,
#product .quantity-adder .add-down {
border-radius: 0px 0px 8px 8px;
border-left: 1px solid #EAEDF7;
border-right: 1px solid #EAEDF7;
border-bottom: 1px solid #EAEDF7;
}
#popup-quickview .quantity-adder .add-up,
#product .quantity-adder .add-up {
border-radius: 8px 8px 0px 0px;
border-left: 1px solid #EAEDF7;
border-right: 1px solid #EAEDF7;
border-top: 1px solid #EAEDF7;
}
#popup-quickview .quantity-adder .quantity-number input,
#product .quantity-adder .quantity-number input {
display: inline-block;
height: 22px;
width:36px;
padding: 0px 2px;
text-align: center;
border-radius:0px;
border-left: 1px solid #EAEDF7;
border-right: 1px solid #EAEDF7;
border-top:0px;
border-bottom:0px;
vertical-align:top;
box-shadow:none;
color:#000;
}
#product .panel h1 {
margin-top:5px;
}
#product .info-group,
#popup-quickview .info-group {
margin-top: 20px;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.info-product-reward {
color: #000;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.info-product-reward .reward-icon {
width: 26px;
height: 26px;
background: linear-gradient(180deg, #FE6B22 0%, #FDAC53 100%);
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50px;
margin-right: 10px;
}
.info-product-reward .qty-reward {
font-weight: 500;
color:#FF671F;
margin-right: 5px;
}
#product .points,
#popup-quickview .points {
flex:0 0 100%;
min-width: 100%;
font-size: 14px;
margin-top: 10px;
color:#000;
opacity: 1;
}
#product .stock_status_success,
#popup-quickview .stock_status_success {
color: #53A974;
font-size: 14px;
display:inline-flex;
height: 24px;
padding: 4px 10px;
border-radius: 4px;
align-items: center;
justify-content: center;
}
#product .stock_status_success::before,
#popup-quickview .stock_status_success::before {
content: "";
background: #53A974;
-webkit-mask-image: url("../image/sprite.svg#icon-sstock");
mask-image: url("../image/sprite.svg#icon-sstock");
width: 7px;
height: 6px;
margin-right: 4px;
display: none;
}
#product .stock-quantity_success,
#popup-quickview .stock-quantity_success {
background-color: #F0FAF4;
border-radius: 4px;
color: #53A974;
padding: 2px 8px;
margin-left:10px;
position:relative;
display:inline-flex;
align-items: center;
justify-content: center;
height: 24px;
}
#product .stock-quantity_success:before,
#popup-quickview .stock-quantity_success:before{
content:'';
position:absolute;
border-top:5px solid transparent;
border-bottom:5px solid transparent;
border-right:7px solid #F0FAF4;
left:-5px;
top:7px;
}
#product .qty-not-in-stock,
#popup-quickview .qty-not-in-stock {
color: #B70B0B;
padding: 1px;
position: relative;
display: inline-flex;
align-items: center;
justify-content: flex-start;
height: 24px;
font-size: 14px;
}
#product .list-unstyled > li,
#popup-quickview .list-unstyled > li {
font-size: 14px;
margin:1px 0px;
}
/*****************************/
footer .copyright {
margin-top: 0px;
text-align: left;
color: #000;
}
footer.ch-light-theme {
color:#000;
}
footer.ch-dark-theme {
color:#fff;
}
footer .sficon {
background: #fff;
box-shadow: 2px 3px 16px rgba(0, 0, 0, 0.02);
margin-right: 4px;
margin-bottom: 4px;
text-align: center;
display: inline-block;
width: 34px;
height: 34px;
border-radius: 100px;
}
footer .sficon.slink {
cursor: pointer;
}
footer .sficon i {
color: #000;
font-size: 16px;
line-height: 34px;
}
footer .sficon:hover i {
color: #fff;
}
footer .newsletter {
display: flex;
justify-content: space-between;
align-items: center;
margin-top: 20px;
margin-bottom: 75px;
position: relative;
}
#error-msg {
display: block;
position: absolute;
top: -25px;
right: 10px;
}
footer .icon-newsletter {
margin-right: 30px;
height: 40px;
}
footer .title-nl {
font-size: 16px;
text-align: left;
white-space: nowrap;
line-height: 16px;
padding: 10px 0px;
margin-right: 20px;
margin-bottom: 0px;
font-weight: 600;
}
footer .title-nl div:nth-child(1) {
margin-bottom: 8px;
}
footer.ch-dark-theme .title-nl{
color: #fff;
}
footer.ch-light-theme .title-nl{
color: #000;
}
footer .newsletter .input-group {
position: relative;
flex: 0 1 40%;
margin-left: auto;
width: 40%;
}
footer .newsletter .form-control, footer .newsletter .form-control:focus {
border: 0px;
border-bottom-right-radius: 0px;
border-top-right-radius: 0px;
border-bottom-left-radius: 12px;
border-top-left-radius: 12px;
color: #222;
display: block;
height: 68px;
line-height: 1;
padding: 8px 15px 8px;
width: 100%;
font-size: 14px !important;
box-shadow: none !important;
}
footer .igb-nl {
background: #fff;
border: 0px;
border-bottom-right-radius: 12px;
border-top-right-radius: 12px;
border-left: 0px;
padding-right: 10px;
}
footer.ch-dark-theme .igb-nl,
footer.ch-dark-theme .newsletter .form-control, footer.ch-dark-theme .newsletter .form-control:focus {
background: #fff;
}
footer.ch-light-theme .igb-nl,
footer.ch-light-theme .newsletter .form-control, footer.ch-light-theme .newsletter .form-control:focus {
background: #fff;
}
footer .newsletter .form-control::placeholder {
color: #939393;
font-size: 14px;
}
footer .btn-newsletter {
border-radius: 10px !important;
color: #fff;
border: 0px;
vertical-align: baseline;
margin-right: 0px;
padding: 5px 25px;
height: 50px;
font-size: 14px;
}
footer.ch-light-theme .btn-newsletter {
box-shadow: 2px 2px 12px rgba(0,0,0,0.07);
}
/* --- FOOTER --- */
footer .two-c-pc {
margin-bottom: 30px;
column-count: 2;
column-gap: 15px;
}
footer {
font-size:14px;
margin-top: 25px;
color: #ADB5BD;
}
footer .footer-top{
padding-top: 40px;
padding-bottom: 15px;
}
footer .footer-bottom{
padding-top: 15px;
padding-bottom: 5px;
}
footer .footer-center {
padding-top: 10px;
padding-bottom: 10px;
}
footer .social_footer {
padding-top: 10px;
}
footer a {
font-size: 15px;
}
footer.ch-dark-theme {
color: #ADB5BD;
}
footer.ch-dark-theme .footer-top,
footer.ch-dark-theme .footer-center,
footer.ch-dark-theme .footer-bottom{
background-color:#122538;
}
footer.ch-dark-theme a {
color: #ADB5BD;
}
footer.ch-dark-theme a:hover {
color: #fff;
}
footer.ch-dark-theme .title-f,
footer.ch-dark-theme .title-f-contact {
color: #fff;
}
footer.ch-light-theme {
color: #454e5f;
}
.footer-contact li svg {
margin-right: 10px;
margin-bottom: -4px;
}
footer.ch-dark-theme .icon-newsletter svg rect,
footer.ch-dark-theme .icon-newsletter svg path {
stroke:#fff;
}
footer.ch-light-theme .footer-top,
footer.ch-light-theme .footer-center,
footer.ch-light-theme .footer-bottom{
background-color:#F7F8FB;
}
footer.ch-light-theme a {
color: #535D67;
}
.ch-payments {
margin-top: 0;
margin-bottom: 0;
}
.ch-payments ul {
margin-bottom: 0;
}
.ch-payments span {
margin-right: 15px;
display: inline-block;
box-shadow: 2px 3px 16px rgba(0, 0, 0, 0.02);
margin-bottom: 8px;
border-radius: 8px;
}
.ch-payments span:last-child {
margin-right: 0;
}
.ch-payments span.plink {
cursor: pointer;
}
.ch-payments span img {
}
footer.ch-light-theme a:hover {
text-decoration: underline;
color: #000;
}
footer.ch-dark-theme a:hover {
color: #fff;
}
footer.ch-light-theme .title-f,
footer.ch-light-theme .title-f-contact{
font-weight: 700;
font-size: 18px;
color: #232f3e;
}
footer .title-f,
footer .title-f-contact {
font-size: 16px;
margin-bottom: 15px;
font-weight: 600;
}
footer ul.list-unstyled li {
display: block;
padding-top: 9px;
}
.footer-contact ul.list-unstyled li {
line-height: 18px;
}
footer ul.list-unstyled.two-c-pc li {
line-height: 20px;
}
footer .fa-width {
width:20px;
}
#gmap_footer {
width: 100%;
height: 285px;
border:4px solid #424242;
border-radius:4px;
}
.open-full-screen {
color: #000;
}
.normal-screen {
color: #000;
}
.title_popap_marker {
font-size:14px;
color:#333333;
font-weight:bold;
}
.description_popap_marker {
font-size:12px;
color:#666666;
}
#back-top {
bottom: 20px;
display: none;
overflow: hidden;
position: fixed;
right: 20px;
text-decoration: none;
z-index: 888;
}
@media (max-width: 992px) {
#back-top.fm-t {
bottom:10px;
right:10px;
}
#back-top.fm-t.right {
bottom:70px;
right:10px;
}
}
@media (min-width: 992px) {
#back-top.fm-t.fbf {
bottom:65px;
}
}
.close-viewed-pc {
position: absolute;
right: 10px;
bottom:-100px;
opacity: 0;
-webkit-transition: bottom .3s ease, opacity .3s ease-in-out;
transition: bottom .3s ease, opacity .3s ease-in-out;
z-index: -1;
}
.close-viewed-pc.active-viewed {
bottom: 70px;
opacity: 1;
}
.btn-close-viewed {
border:0px;
background:#CED4DA;
width: 44px;
height:44px;
border-radius:10px;
box-shadow:none;
line-height: 26px;
display: inline-block;
padding: 8px 14px;
-webkit-transition: background .2s ease;
transition: background .2s ease;
box-shadow:none !important;
}
.btn-close-viewed:hover {
background:#DEE2E6;
}
.btn-close-viewed .icon-vb-close {
width: 16px;
color:#000;
height: 16px;
}
.btn-back-top {
border:0px;
background:#DCE0E9;
width: 44px;
height:44px;
border-radius:10px;
box-shadow:none;
line-height: 29px;
display: inline-block;
padding: 8px 14px;
-webkit-transition: background .2s ease;
transition: background .2s ease;
box-shadow:none !important;
}
.btn-back-top:hover {
background:#BFC4D0;
}
.f-column {
display: flex;
flex-wrap: wrap;
flex-direction: row;
padding-left: 0px;
padding-right: 0px;
}
@media (max-width: 992px) {
footer .footer-contact {column-count:2;margin-bottom: 20px;}
footer .newsletter {flex-wrap:wrap;justify-content: start;margin-bottom: 40px;}
footer .icon-newsletter {margin-right: 15px;margin-bottom: 15px;}
footer .icon-newsletter i{font-size: 34px;}
footer .newsletter .title-nl {padding:0px;text-align:left;margin-bottom: 15px; margin-right: 0px;white-space: normal;}
footer .newsletter .input-group {width: 100%;flex-basis: 100%;}
}
@media (min-width: 768px) {
footer .two-c-pc {display: block !important;}
footer.type-footer-1 .two-c-pc {margin-bottom: 20px;column-count:2;}
}
footer .ch-socials {
margin-top: 10px;
}
footer .ch-socials ul {
margin-bottom: 0px;
}
.copyright__payments {
padding-top: 12px;
padding-bottom: 12px;
}
.ch-payments {
padding-right: 0px;
}
#logo-footer {
padding-right: 30px;
}
@media (min-width: 992px) {
.copyright__payments {
padding-top: 0;
padding-bottom: 15px;
background-color: #F7F8FB;
}
}
@media (max-width: 767px) {
.mod-categories .ocf-header {
display: flex;
}
.ch-payments {
justify-content: center;
margin-bottom:15px;
}
footer .footer-top {
padding-bottom: 20px;
}
footer .ch-lc {
order:1;
}
footer .ch-socials {
margin-top: 0px;
margin-bottom: 15px;
}
footer .center-fb {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-search .categories {
width: 170px;
}
.header-search .btn-search-select {
width: 100% !important;
height: 100% !important;
}
.header-search .button_search {
width: 40px;
display: flex;
align-items: center;
}
.header-search .form-control, .header-search .form-control::placeholder {
font-size: 12px !important;
}
.box-flex-fix .input-group-btn {
position: initial;
}
.btn-search-select .icon-search-category {
width: 12px;
height: 10px;
}
.footer .footer-top {padding-top: 20px;}
footer .footer-contact {text-align: center; margin-bottom:0px; margin-top: 20px; column-count:1;}
#logo-footer {margin-bottom: 15px;}
#logo-footer img {margin: 0 auto;}
footer .newsletter {margin-bottom: 10px;}
footer .newsletter .title-nl {margin-bottom: 20px;}
footer .newsletter .title-nl div:nth-child(1){font-size:16px;}
footer .newsletter .title-nl div:nth-child(2){font-size:16px;}
footer .two-c-pc {
margin-bottom: 5px;
padding: 0px 0px 10px 20px;
column-count:1;
display: none;
border-radius:0px 0px 5px 5px;
}
footer .two-c-pc > li {margin-right: 20px;}
footer .newsletter .form-control, footer .newsletter .form-control:focus {height: 56px;}
footer .btn-newsletter {height: 38px;}
footer .title-f {
z-index: 1;
cursor: pointer;
font-size: 16px;
margin-top: 15px;
margin-bottom: 5px;
padding: 20px;
border-radius: 12px;
position: relative;
transition: border-radius .1s;
}
footer .title-f.show-info {
border-radius:5px 5px 0px 0px;
}
footer .title-f:after {
font-family: FontAwesome;
content:"\f107";
position: absolute;
right: 20px;
width: 24px;
height:24px;
line-height: 24px;
text-align: center;
background:#122538;
border-radius:5px;
}
footer.ch-dark-theme .two-c-pc {
background: #223446;
}
footer.ch-dark-theme .title-f{
color: #fff;
background: #223446;
}
footer.ch-dark-theme .title-f:after {
background:#122538;
}
footer.ch-light-theme .two-c-pc {
background: #fff;
padding-bottom: 15px;
}
footer.ch-light-theme .title-f{
color: #000;
background: #fff;
}
footer.ch-light-theme .title-f:after {
background:#F7F8FB;
}
}
@media (max-width: 430px) {
footer .icon-newsletter {display: none;}
}
.tab-content .item {
min-height: 320px;
}
.box-banner-container{display:none;background:#F7F8FB;padding:30px 0px;}
.block-banner-footer {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
overflow: hidden;
position: relative;
margin-bottom:5px;
flex-direction: column;
}
.block-banner-footer .image-banner-footer {height:50px;}
.block-banner-footer .image-banner-footer img{font-size: 0px;}
.block-banner-footer .icon-banner-footer {width: 50px;text-align:center;margin-right: 5px;}
.block-banner-footer .icon-banner-footer span { height: 50px; width: 50px;display:inline-block; }
.block-banner-footer .icon-banner-footer i.fa {font-size: 24px;line-height: 50px;color:#7a7a7a;}
.block-banner-footer .text-footer-banner{margin-top: 12px;}
.block-banner-footer .text-footer-banner .banner-title-footer{font-size: 14px;color:#000;text-align: center;}
.block-banner-footer .text-footer-banner .banner-description-footer{font-size: 14px;color:#000;text-align: center;}
@media (max-width: 992px) {
.banner-footer{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction: row;
flex-wrap:wrap;
}
}
.footer-ribbon-box::after {
content: "";
display: block;
height: 21px;
right: -4px;
position: absolute;
top: 0;
width: 22px;
z-index: -1;
display: inline-block;
-moz-transform: skew(3deg, 0deg);
-webkit-transform: skew(3deg, 0deg);
-o-transform: skew(3deg, 0deg);
-ms-transform: skew(3deg, 0deg);
transform: skew(3deg, 0deg);
border-radius: 0px 6px 0px;
}
.footer-ribbon-box {
position: absolute;
top: -21px;
max-width: 93vw;
}
@media (max-width: 360px) {
.footer-ribbon-box {display: none;}
}
.footer-ribbon {
padding: 10px 20px;
border-radius: 8px;
height: 42px;
-moz-transform: skew(-15deg, 0deg);
-webkit-transform: skew(-15deg, 0deg);
-o-transform: skew(-15deg, 0deg);
-ms-transform: skew(-15deg, 0deg);
transform: skew(-15deg, 0deg);
}
.footer-ribbon span {
color: #fff;
font-size: 16px;
line-height: 22px;
display: inline-block;
-moz-transform: skew(15deg, 0deg);
-webkit-transform: skew(15deg, 0deg);
-o-transform: skew(15deg, 0deg);
-ms-transform: skew(15deg, 0deg);
transform: skew(15deg, 0deg);
}
.pos-rel {
position: relative;
z-index: 1;
}
.product-price .product-thumb .additional-img-hover {
top:0px;
}
.product-price .product-thumb .image {
border-left: solid 1px #EAEDF7;
border-right: solid 1px #EAEDF7;
max-width: 80px;
padding: 12px;
width: 80px;
min-width: 80px;
margin-bottom: 0px;
min-height: 5em;
order: -1;
}
.product-price .product-thumb .image a {
padding: 0px;
}
.product-price {
overflow:hidden;
}
.product-price .editproducts {
display:none;
}
.product-price:first-child {
margin-top: 10px;
}
.product-price:first-child .product-thumb{
border-radius:8px 8px 0 0;
}
.product-price:last-child {
margin-bottom: 10px;
}
.product-price:last-child .product-thumb{
border-radius:0 0 8px 8px;
}
.product-price:nth-child(n+1) .product-thumb{
border-top:solid 1px #EAEDF7;
}
.product-price:last-child .product-thumb{
border-bottom:solid 1px #EAEDF7;
}
.product-price .product-model {
margin-bottom: 0px;
min-height: auto;
margin-right: auto;
text-align: left;
padding: 10px;
width: 100px;
max-width: 100px;
min-width: 100px;
align-self: center;
}
.product-price .product-thumb {
flex-direction: row !important;
background:#ffffff;
padding: 0;
}
.product-price .product-thumb .caption {
margin-bottom: 0px;
padding: 0px;
flex-direction: row !important;
}
.product-price .product-thumb > div:last-child {
border-left: none;
border-right: 1px solid #EAEDF7;
}
.product-price .product-thumb .caption .product-name {
margin-bottom: 0px;
min-height: auto;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin-right: auto;
text-align: left;
padding: 10px;
min-width: 150px;
border-right: solid 1px #EAEDF7;
flex:1;
align-items: center;
order:-1;
}
.product-price .product-thumb .product-model ~ .caption .product-name {
border-left: solid 1px #EAEDF7;
}
.product-price .product-thumb .caption .box-stock-status{
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 10px;
align-items: center;
margin-bottom: auto;
}
.product-price .product-thumb .caption .box-stock-status .stock-status {
margin-bottom: 0px;
-ms-flex-item-align: center;
align-self: center;
}
.product-price .product-thumb .caption .product-model {
margin-bottom: 0px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
padding: 10px;
min-width: 90px;
text-align: center;
vertical-align: middle;
width: 90px;
border-left: solid 1px #EAEDF7;
margin-right: 0px;
margin-top: 0 !important;
}
.product-price .product-thumb .caption .price-actions-box {
margin-top: 0px !important;
border-left: solid 1px #EAEDF7;
}
.product-price .product-thumb .caption .price-actions-box .price {
padding-right: 10px;
padding: 10px;
min-width: 100px;
width: 100px;
align-items: center;
}
.product-price .product-thumb .caption .price-actions-box .price .price-old{
line-height: 18px;
}
.product-price .product-thumb .caption .price-actions-box .cart {
width: auto;
padding-left: 10px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 10px 20px;
border-left: solid 1px #EAEDF7;
align-items: center;
}
.product-price .product-thumb .caption > div:nth-child(3):not(.count-products-grid){
margin-top: 0;
}
.product-price .product-thumb .price {
justify-content: center;
}
.product-price .product-thumb .ch-stock-status {
padding: 10px;
justify-content: center !important;
width: 120px;
max-width: 120px;
}
.product-price .product-thumb .stock-status {
margin-bottom: 0;
align-self: center;
}
.product-price .product-thumb .caption .price-actions-box .quantity_plus_minus {
margin-bottom: 0px;
align-self: center;
padding-right: 10px;
}
.product-price .product-thumb .btn-fastorder {box-shadow:none;background: #F7F8FB;}
.product-price .product-thumb .image a:after,
.product-price .product-thumb .image .action-timer,
.product-price .product-thumb .image .addit-action,
.product-price .product-thumb .caption .product-description,
.product-price .product-thumb .image .rating,
.product-price .product-thumb .sticker-ch-pd.procent-skidka,
.product-price .product-thumb .image .stickers-ns,
.product-price .product-thumb .caption .price-actions-box .cart .btn-general span.text-cart-add{
display:none !important;
}
.product-price .product-thumb .caption .cart .btn-general {
padding: 5px 7px;
}
#bar{
width: 0%;
max-width: 100%;
height: 4px;
background: #2B8CDB;
}
#progressBar{
width: 100%;
background: #cccccc;
}
/*MODAL*/
.chm-modal.modal-dialog {
margin-top: 6%;
z-index:1052;
}
.chm-modal .modal-content {
border-radius: 8px;
box-shadow: none;
border: 0px;
}
.chm-modal .close-modal {
background-image: url("../image/sprite.svg#icon-close");
cursor: pointer !important;
font-size: 0px;
height: 26px;
outline: medium none;
position: absolute;
right: 17px;
top: 17px;
width: 26px;
z-index: 1060;
text-align: center;
line-height: 25px;
border: 1px solid #EAEDF7;
border-radius: 6px;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
background-color: #ffffff;
background-size: 10px;
}
.chm-modal .close-modal:hover {
background-image: url("../image/sprite.svg#icon-close");
border: 1px solid #fff;
box-shadow: 0px 2px 4px rgba(0,0,0,0.067);
}
.chm-modal .modal-header {
padding: 15px 60px 15px 20px;
border-bottom: 1px solid #EAEDF7;
height: 60px;
position: relative;
}
.chm-modal .modal-header:after {
content: "";
position: absolute;
top: 0px;
right: 60px;
height: 100%;
border-right: 1px solid #EAEDF7;
}
.chm-modal .modal-header .modal-title{
font-size: 16px;
font-weight: 600;
line-height: 30px;
}
.chm-modal .modal-body{
padding: 20px;
border: 0px;
}
.chm-modal .modal-footer {
padding: 15px 20px 20px;
border: 0px;
text-align: left;
}
.chm-modal .modal-body + .modal-footer {
padding: 0px 20px 20px;
}
.chm-modal .form-group {
margin-bottom: 25px;
}
.chm-modal .form-group ~ div.form-group:last-child {
margin-bottom: 0 !important;
}
.chm-modal input.form-control {
border: 1px solid #EAEDF7;
box-shadow: none;
color: #000000;
background-color: #FCFCFC;
border-radius: 6px;
padding: 10px 62px 10px 20px;
height: 44px;
}
.chm-modal textarea.form-control {
border: 1px solid #EAEDF7;
box-shadow: none;
color: #000000;
background-color: #FCFCFC;
border-radius: 6px;
padding: 10px 20px;
height: 66px;
}
.chm-modal .form-group.field_required:before{
content: "*";
position: absolute;
left: 10px;
top: 10px;
color: #f56b6b;
width: 8px;
height: 14px;
z-index: 9;
}
.chm-modal [class^="col-"].form-group.field_required:before {
left:20px;
}
.chm-modal input.form-control:focus,
.chm-modal textarea.form-control:focus {
box-shadow: 0px 0px 0px 2px #CBDBF8;
background-color: #fff;
border-color: #FFF;
}
.chm-modal input + label.chm-input-icon {
position: absolute;
top: 11px;
right: 0px;
width: 60px;
text-align: center;
z-index: 1;
}
.chm-modal .col-xs-12.form-group input + label.chm-input-icon {
right: 10px;
}
.chm-modal .form-group label.chm-input-icon:before {
content: '';
position: absolute;
top: -3px;
height: 28px;
left: 0px;
border-left: 1px solid #EAEDF7;
}
.modal-dialog {
margin: 1rem 1rem;
}
.modal-dialog-centered {
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
min-height: calc(100% - 1rem);
}
.chm-modal .modal-content {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
border: 0px;
}
.chm-modal.modal.in .modal-dialog {
-webkit-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
/*END MODAL*/
@media (min-width: 500px) {
.modal-dialog {
margin: auto;
}
.chm-modal.sm-modal-4{
max-width: 400px;
width: 400px;
}
}
@media (min-width: 768px) {
.modal-dialog {
margin: 1.75rem auto;
}
.modal-dialog-centered {
min-height: max-content;
}
.chm-modal .modal-header {
padding-left: 30px;
}
.chm-modal .modal-body {
padding: 25px 30px 15px 30px;
}
.chm-modal .modal-footer {
padding: 20px 30px 30px;
}
.chm-modal .modal-body + .modal-footer {
padding: 0px 30px 30px;
}
}
.form-group,
.field_required{
position: relative;
}
#login-form-popup .forgotten-pass {
margin-top: 20px;
text-align: right;
}
#login-form-popup .forgotten {
color:#557DC0;
}
#login-form-popup .forgotten:hover {
color:#4A71B1;
text-decoration: underline;
}
.form-group.message {
margin-bottom: 0px;
}
.form-group.message .alert {
margin-bottom: 15px;
}
#product i.required {
color: #e4003a;
}
#product .btn-fastorder .btn-icon-fastorder {
margin-right: 5px;
}
#product-options .image-radio,
#popup-quickorder .image-radio,
#popup-quickview .image-radio,
#product .image-radio,
#product-options .radio-checbox-options,
#popup-quickorder .radio-checbox-options,
#popup-quickview .radio-checbox-options,
#product .radio-checbox-options {
display: inline-block;
margin-right: 6px;
}
#product-options .image-radio input,
#popup-quickorder .image-radio input,
#popup-quickview .image-radio input,
#product .image-radio input,
#product-options .radio-checbox-options input,
#popup-quickorder .radio-checbox-options input,
#popup-quickview .radio-checbox-options input,
#product .radio-checbox-options input {
display: none;
}
#product-options .radio-checbox-options label,
#popup-quickorder .radio-checbox-options label,
#popup-quickview .radio-checbox-options label,
#product .radio-checbox-options label {
border-radius: 4px;
cursor: pointer;
padding: 10px 8px;
font-size: 14px;
margin-bottom: 10px;
background-color: #F7F8FB;
height: 40px;
min-width: 60px;
text-align: center;
}
#product-options .image-radio input:checked + label,
#popup-quickorder .image-radio input:checked + label,
#popup-quickview .image-radio input:checked + label,
#product .image-radio input:checked + label,
#product-options .radio-checbox-options input:checked + label,
#popup-quickorder .radio-checbox-options input:checked + label,
#popup-quickview .radio-checbox-options input:checked + label,
#product .radio-checbox-options input:checked + label,
#product-options .image-radio label:hover,
#popup-quickorder .image-radio label:hover,
#popup-quickview .image-radio label:hover,
#product .image-radio label:hover,
#product-options .radio-checbox-options label:hover,
#popup-quickorder .radio-checbox-options label:hover,
#popup-quickview .radio-checbox-options label:hover,
#product .radio-checbox-options label:hover {
box-shadow: 0px 0px 0px 3px #CBDBF8;
}
#product-options .image-radio label,
#popup-quickorder .image-radio label,
#popup-quickview .image-radio label,
#product .image-radio label {
border-radius: 4px;
cursor: pointer;
background-color: #F7F8FB;
min-height: 40px;
min-width: 40px;
text-align: center;
padding: 7px;
}
#product-options .image-radio img,
#popup-quickorder .image-radio img,
#popup-quickview .image-radio img,
#product .image-radio img {
border: 0px;
border-radius: 5px;
cursor: pointer;
}
#product-options .image-radio input:checked +img,
#popup-quickorder .image-radio input:checked +img,
#popup-quickview .image-radio input:checked +img,
#product .image-radio input:checked +img{
border-color: #334150;
border-width:1px;
}
@media (max-width: 768px) {
#product-options .image-radio img,
#popup-quickorder .image-radio img,
#popup-quickview .image-radio img,
#product .image-radio img{
max-width: 40px;
}
}
#product-options .options .text-danger,
#popup-quickorder .options .text-danger,
#popup-quickview .options .text-danger,
#product .options .text-danger {
background: #eee none repeat scroll 0 0;
border: 1px solid #ccc;
padding: 2px 9px 3px;
position: absolute;
top: -6px;
border-radius:4px;
}
#product-options .options .form-group,
#popup-quickorder .options .form-group,
#popup-quickview .options .form-group,
#product .options .form-group {
margin-bottom:25px;
position:relative;
}
#product-options .options .form-group:last-child,
#popup-quickview .options .form-group:last-child,
#product .options .form-group:last-child {
margin-bottom: 0;
}
#product-options .options .form-group .control-label,
#popup-quickorder .options .form-group .control-label,
#popup-quickview .options .form-group .control-label,
#product .options .form-group .control-label {
margin-bottom: 15px;
font-size: 14px;
font-weight: 500;
color:#000;
}
.form-group .text-danger{
margin-top: 10px;
}
.form-group .text-danger,
.form-group.option-error .control-label{
color: #E72121 !important;
}
#product-options .options .color-option,
#popup-quickorder .options .color-option,
#popup-quickview .options .color-option,
#product .options .color-option {
cursor: pointer;
display: inline-block;
height: 26px;
padding: 0;
vertical-align: middle;
width: 26px;
border-radius: 3px;
}
#product-options .price-old{
font-weight: 400;
font-size: 18px;
float: left;
margin-bottom: 10px;
}
#product-options .price,
#product-options .price-new{
text-align: left;
font-size: 30px;
display: block;
clear: both;
line-height: 22px;
margin-bottom: 1px;
font-weight: 600;
color:#000;
min-height: auto;
}
#product-options .btn-general{
height: 54px;
width: auto;
padding: 12px 22px;
font-size: 16px;
}
#product-options .options {
padding-bottom: 20px;
border-bottom: 1px solid #EAEDF7;
}
#product-options .info-options-bottom {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
align-items: flex-end;
}
#product-options .quantity_plus_minus {
margin-right: 20px;
}
#product-options .chm-price-totals {
margin-right: auto;
}
#product-options .quantity_plus_minus .add-action {
height: 16px;
}
#product-options .quantity_plus_minus input.quantity-num {
height: 20px;
}
.info-rating,
.info-model,
.info-sku,
.info-weight,
.info-dimension {
margin-bottom: 10px;
font-size: 14px;
color: #788192;
}
.info-model span,
.info-sku span,
.info-weight span,
.info-dimension span {
color: #000;
font-weight: 600;
}
.info-product-stock {
order:4;
}
.info-manufacturer {
text-align: left;
font-size: 14px;
color: #788192;
margin-bottom: 5px;
}
.info-model + .info-manufacturer {
order:2;
}
.info-sku + .info-manufacturer {
order:4;
}
.info-model + .info-product-stock {
justify-content: flex-end;
}
.info-manufacturer a {
color: #111;
font-weight: 600;
font-size: 15px;
}
.info-product .col-6{
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.info-product div.col-6:nth-child(2n+2){
text-align: left;
}
@media (min-width: 600px) {
.info-product-stock {
min-width: 170px;
padding-left: 20px;
order: 0;
}
.info-product .col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 100%;
margin-bottom: 10px;
}
.btn-group.cat {
margin-left: 10px;
}
.info-manufacturer {
text-align:left;
}
.info-manufacturer span {
color: #232f3e;
font-weight: 400;
font-size: 14px;
}
}
.car_name {
font-weight: 700
}
.custom-block-products .item-cbp:last-child > div{
margin-bottom: 5px;
}
.custom-block-products .title-module {
margin-bottom: 15px;
margin-top: 20px;
font-size: 14px;
color:#000;
}
.custom-block-products .title-custom-block-product {
font-size:16px;
font-weight:600;
margin-bottom: 10px ;
}
.custom-block-product{
cursor:pointer;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom: 16px;
}
.custom-block-product .image {
width: 55px;
height: 55px;
background: #eef1f8;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
min-width: 55px;
margin-right: 20px;
}
.custom-block-title img {
margin-left: 4px;
margin-top: -2px;
}
.custom-block-product a,
.custom-block-product a:hover{
text-decoration: none;
}
.custom-block-product .text .custom-block-title{
font-weight: 700;
font-size: 16px;
color: #232f3e;
margin-bottom: 8px;
}
.custom-block-product .text .custom-block-desc{
font-size: 14px;
color: #788192;
}
.ch-g-image {
display: none;
}
.ch-g-image.active-image {
display: block;
}
.ch-g-dots {
display: none;
}
@media (min-width: 992px) {
.product-thumb:hover .ch-g-dots {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 0px;
display: -ms-flexbox;
display: flex;
width: 100%;
height: 100%;
}
}
.ch-g-dots .ch-g-line {
border-bottom: 1px solid #F7F8FB;
transition: border-color 0.25s;
position: relative;
margin-right: 3px;
height: 100%;
display: block;
-ms-flex: 1;
flex: 1;
}
.ch-g-dots .ch-g-line:last-child{
margin-right: 0;
}
.ch-g-dots .ch-g-line.active-line {
border-color: #557DC0;
}
.masked_bg {
position: absolute;
z-index: 10000;
width: 100%;
height: 100%;
background: #fff;
opacity: 0.6;
left: 0;
top: 0;
border-radius:8px;
}
.loading_masked {
left: 8px;
margin-top: -35px;
position: absolute;
right: 8px;
text-align: center;
top: 50%;
width: auto;
z-index: 11000;
}
.container-module.product-category {
overflow: hidden;
}
#column-right .container-module .reviews .col-md-4.no-slider,
#column-left .container-module .reviews .col-md-4.no-slider {width:100%;}
#column-right .container-module .title-module span,
#column-left .container-module .title-module span {display: inline-block;}
#column-right .container-module .title-module .see-all-reviews,
#column-left .container-module .title-module .see-all-reviews {position: relative;}
.container-module .see-all-reviews {
color: #000;
font-size: 14px;
position: absolute;
right: 10px;
top: 9px;
background: #fff;
}
.see-all-reviews {
border: 1px solid #EAEDF7;
border-radius: 8px;
padding: 6px 18px;
overflow: hidden;
white-space: nowrap;
height: 34px;
}
.see-all-reviews:hover .text-see-all{
text-decoration: underline;
}
.container-module .reviews{
margin-bottom: 15px;
}
.reviews-list {
margin-bottom: 20px;
}
.reviews-list .item-review {
padding: 30px;
display: flex;
flex-direction: column;
}
.rev-page .item-review .image {
width: 100%;
display: flex;
min-height: auto;
padding-bottom: 0;
}
.reviews-list .item-review .capttion {
padding-top: 0;
padding-bottom: 0;
}
.reviews-list .reviews-description {
margin-bottom: 25px;
line-height: 22px;
}
.reviews-list .item-review .review_plus, .reviews-list .item-review .review_minus {
margin-bottom: 15px;
}
.reviews-list .item-review .review_minus span, .reviews-list .item-review .review_plus span {
display: block;
color: #000;
font-weight: 600;
margin-bottom: 5px;
}
.reviews-list .item-review .admin_reply {
padding: 25px;
margin-top: 15px;
background: #F7F8FB;
border-radius: 8px;
}
.reviews-list .item-review .admin_reply div {
margin-bottom: 5px;
font-weight: 600;
}
.reviews-list .item-review .purchased {
padding-right: 10px;
}
.container-module .reviews .item-review {
background: #fff;
border: 1px solid #EAEDF7;
padding: 30px;
border-radius: 10px;
margin-bottom: 10px;
margin-top: 10px;
flex:1;
}
.container-module .rc-top {
margin-bottom: 22px;
}
.container-module .rc-center {
margin-bottom: 22px;
}
.container-module .rc-top .rc-pr-image {
min-width: 80px;
float: left;
margin-right: 15px;
}
.container-module .rc-top .rc-pr-image img{
font-size: 0px;
color:transparent;
}
.container-module .rc-top .rs-pr-name {
max-height: 80px;
overflow: hidden;
}
.container-module .rc-top .rs-pr-name a {
color:#000;
font-weight: 500;
}
.container-module .rc-description {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
line-height: 22px;
}
.container-module .rc-bottom {
margin-top: auto;
}
.reviews-list .item-review .rc-author-rating,
.container-module .item-review .rc-author-rating {
width: 40px;
height: 44px;
justify-content: center;
position: relative;
margin-right: 15px;
color:#000;
font-size: 14px;
font-weight: 500;
align-items:center;
}
.reviews-list .item-review .rc-author-rating:before,
.container-module .item-review .rc-author-rating:before {
background: url("../image/sprite.svg#icon-rating") no-repeat;
width: 40px;
height: 40px;
content: "";
position: absolute;
}
.reviews-list .item-review .rc-author-info,
.container-module .item-review .rc-author-info {
flex:1;
line-height: 22px;
gap: 8px;
}
.reviews-list .item-review .rc-author,
.container-module .item-review .rc-author {
color:#000;
font-weight: 500;
}
.reviews-list .item-review .rc-date,
.container-module .item-review .rc-date {
color:#8F9AA2;
}
.heading_title_reviews{margin-bottom: 15px;padding: 10px 0px;position:relative;}
.heading_title_reviews{ font-size: 20px; padding: 0 20px 0px 0px; z-index: 5; color:#333; position: relative; text-transform:uppercase; }
.category-reviews-box {
position: relative;
margin: 0 0 20px 0;
width: 100%;
}
.category-reviews-box .title-module {
margin: 0 0 15px 0;
}
.category-reviews-box .title-module span {
display: inline-block;
}
.category-reviews-slider:not(.swiper-initialized) .swiper-wrapper {
display: flex;
gap: 15px;
overflow-x: auto;
padding-bottom: 12px;
}
.category-reviews-slider:not(.swiper-initialized) .swiper-slide {
min-width: 280px;
width: 32%;
}
.category-reviews-box .item-review {
background: #fff;
border: 1px solid #EAEDF7;
border-radius: 8px;
height: 100%;
margin: 0;
}
.category-reviews-box .swiper-scrollbar {
position: relative;
left: auto;
bottom: auto;
width: 100%;
margin-top: 15px;
}
@media (max-width: 767px) {
.category-reviews-slider:not(.swiper-initialized) .swiper-slide {
width: 82%;
}
}
.popup_banner {width:600px;max-width:80%;padding:15px;background:#f8f8f8;}
@media (min-width: 768px) {
.popup_banner {width:900px;max-width:100%;padding:15px;background:#f8f8f8;}
}
.popup_banner .close{position:absolute;z-index:999;top:8px;right:10px;}
.popup_banner h1 {font-size:1.8em;margin:0 0 10px;}
.popup_banner #content {
min-height:10px;
}
.is_a_link {
cursor:pointer;
}
#column-left .product-layout, #column-right .product-layout {
width: 100%;
}
.review-item .review_plus,
.review-item .review_minus {
margin-bottom: 15px;
}
.review-item .review_minus span,
.review-item .review_plus span{
display: block;
color: #000;
font-weight: 600;
margin-bottom: 5px;
}
.review-item .admin_reply {
padding:25px;
margin-top:15px;
background: #F7F8FB;
border-radius: 8px;
}
.review-item .admin_reply div{
margin-bottom: 5px;
font-weight: 600;
}
.review-item .purchased{
padding-right: 10px;
}
.review-item .comment {
margin-bottom: 10px;
}
.review-heading {
margin-bottom: 10px;
}
.review-item + div.review-item {
margin-top: 20px;
border-top: 2px dashed #EAEDF7;
padding-top: 20px;
}
.reviews-author .purchased{
color:#1ab90a;
padding-left:10px;
font-weight:400;
}
.review-item .rc-heading {
margin-bottom: 20px;
}
.review-item .rc-author-rating {
width: 40px;
height: 44px;
justify-content: center;
position: relative;
margin-right: 15px;
color:#000;
font-size: 14px;
font-weight: 500;
align-items:center;
}
.review-item .rc-author-rating:before {
background: url("../image/sprite.svg#icon-rating") no-repeat;
width: 40px;
height: 40px;
content: "";
position: absolute;
}
.review-item .rc-author-info {
flex:1;
line-height: 22px;
}
.review-item .rc-author {
color:#000;
font-weight: 500;
}
.review-item .rc-date {
color:#8F9AA2;
}
.product-rating .star-rating {
position: relative;
width: 21px;
height: 21px;
margin-right: 2px;
margin-bottom: 0 !important;
cursor:pointer;
}
.product-rating .star-rating:before {
position: absolute;
content: url("../image/star-icon/b-star-g-icon.svg");
width: 21px;
height: 21px;
}
.product-rating .star-rating.checked:before, .product-rating .star-rating.active::before {
position: absolute;
content: url("../image/star-icon/b-star-y-icon.svg");
width: 21px;
height: 21px;
}
.ch-h2 {
font-size: 20px;
margin-bottom: 25px;
line-height: 28px;
margin-top: 0;
}
.ch-product-reviews {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
margin-bottom: 25px;
padding-bottom: 0;
flex-direction: row;
-ms-flex-align: center !important;
align-items: center !important;
}
#review p {
margin-bottom: 0;
}
@media (max-width: 767px) {
.ch-product-reviews {
flex-direction: column;
}
.ch-rating-total {
margin-bottom: 25px;
}
.ch-rating-total .btn-primary {
width: 100%;
}
}
.ch-rating-total {
min-width: 165px;
}
.ch-rating-total-points {
font-size: 42px;
font-weight: 600;
margin: 0 auto 20px;
line-height: 60px;
width: 128px;
height: 128px;
position: relative;
}
.ch-rating-total-points:before {
background: url("../image/r-store/r-store.svg") no-repeat;
content: "";
width: 128px;
height: 128px;
display: block;
position: absolute;
}
.ch-average-stars {
margin-bottom: 24px;
}
.ch-dr-number {
width: 16px;
text-align: center;
margin-right: 8px;
}
.ch-star-rating-desc .ch-detailed-review {
margin-bottom: 10px;
display: flex;
align-items: center;
}
.ch-dr-star {
line-height: 17px;
height: 20px;
}
.ch-dr-pct-line {
height: 8px;
border-radius: 12px;
background: #F7F8FB;
min-width: 250px;
margin-left: 15px;
margin-right: 15px;
max-width: 100%;
}
.ch-dr-pct-progress {
border-radius: 12px;
height: 8px;
}
.ch-dr-pct-progress.ch-star5 {
background: #6AB956;
}
.ch-dr-pct-progress.ch-star4 {
background: #B4E681;
}
.ch-dr-pct-progress.ch-star3 {
background: #F2D456;
}
.ch-dr-pct-progress.ch-star2 {
background: #F6B44F;
}
.ch-dr-pct-progress.ch-star1 {
background: #EC7852;
}
.ch-total-rating {
min-width: 22px;
text-align: center;
background: #F7F8FB;
border-radius: 4px;
flex-grow: 1;
padding: 0px 8px;
line-height: 24px;
}
@media (max-width: 992px) { .header-search .dropdown-menu.ch-dropdown {left:auto;right:0px;} }
.category_description img.img-thumbnail {color:transparent;}
.category_description img {max-width:100%; border:0px;}
.category_description {clear: both; color: #333; display: block;width: 100%; margin: 10px 0; overflow: hidden; padding-bottom: 25px; padding-top: 15px;}
.category_description .psfl-l {padding: 0 10px 10px 0;}
.psfl-l {float:left;}
@media (max-width: 768px) {
.banner-blocks-container.dflex {
overflow-x: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
}
#column-left .banner-blocks-container > div,
#column-right .banner-blocks-container > div,
.position-no-owl .banner-blocks-container > div{
width:100%
}
.banner-blocks-container {
margin-top: 10px;
padding-bottom: 10px;
}
.banner-blocks-container .banner-item {
border-radius: 10px;
overflow: hidden;
background: #fff;
}
.banner-blocks-container .banner-item .banner-image{
-ms-flex: 0 0 60px;
flex: 0 0 60px;
max-width: 60px;
text-align: center;
}
.banner-blocks-container .banner-item .banner-image img{margin: 0 auto;font-size: 0px;color:#fff;}
.banner-blocks-container.banner_img_left .banner-item .banner-image {
align-self: flex-start;
margin-top: 5px;
margin-bottom: 5px;
}
.banner-blocks-container.banner_img_left .banner-item .banner-info {
align-self: flex-start;
}
.banner-blocks-container .banner-item:hover {
-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.07);
box-shadow: 3px 3px 10px rgba(0,0,0,.07);
border-color:#fff;
}
.banner-blocks-container .banner-item a,
.banner-blocks-container .banner-item a:hover{text-decoration: none;}
.banner-blocks-container .banner-item .banner-info .banner-title{margin: 0;margin-bottom: 10px;overflow: hidden;font-weight: 600;font-size: 14px;color:#000000;}
.banner-blocks-container .banner-item .banner-info .banner-description{padding: 0;margin-top:auto; color:#535D67;}
.banner-blocks-container.banner_img_left .banner-item .banner-info .banner-description{font-size: 13px;line-height: 18px;}
.banner-blocks-container.banner_img_top .banner-item .banner-info .banner-description{font-size: 14px;line-height: 22px;}
.banner-blocks-container.banner_img_left .banner-item {
padding: 20px 15px;
}
@media (min-width: 650px) {
.banner-blocks-container.banner_img_left .banner-item {
padding: 30px 25px;
}
}
.banner-blocks-container.banner_img_left .banner-item .banner-image{
margin-right: 15px;
}
.banner-blocks-container.banner_img_top .banner-info {
text-align: center;
}
.banner-blocks-container.banner_img_top .banner-item {
padding: 30px 40px;
flex-direction: column;
align-items: flex-start;
transition: all .2s ease-in-out;
}
.banner-blocks-container.banner_img_top .banner-item .banner-image{
height: 70px;
margin-bottom: 20px;
}
.banner-blocks-container.banner_img_top .banner-item .banner-title {
font-size:16px;
margin-bottom: 10px;
}
/*Wall Category*/
.easy-catalog-box .item-catalog:hover,
.wall-category-box .item-category:hover{
-webkit-box-shadow: 3px 3px 10px rgba(0,0,0,.07);
box-shadow: 3px 3px 10px rgba(0,0,0,.07);
border-color:#fff;
}
.wall-category-box .item-category:hover img {
opacity: 1;
filter: grayscale(0%);
}
.container-module .title-module .open-sub-cat {
width: 28px;
height: 28px;
display: inline-flex;
justify-content: center;
line-height: 24px;
align-items: center;
position: absolute;
right: 10px;
top: 50%;
margin-top: -14px;
cursor: pointer;
background: #fff;
border-radius: 12px;
padding: 0;
}
.open-sub-cat svg {
display: inline-block;
vertical-align: text-bottom;
}
.easy-catalog-box,
.wall-category-box {
position: relative;
margin:0px -10px;
padding-top: 1px;
}
.box-item-catalog {
padding-top: 10px;
padding-bottom: 10px;
}
.easy-catalog-box .item-catalog {
background: #fff none repeat scroll 0 0;
overflow: hidden;
border-radius: 8px;
position: relative;
height: 100%;
-webkit-transition: box-shadow .2s ease, border .2s ease;
transition: box-shadow .2s ease, border .2s ease;
}
.easy-catalog-box .easy-cat-image {position: relative;}
.easy-catalog-box .easy-cat-image a:before {
display: block;
padding-top: 23%;
padding-bottom: 25%;
content: "";
}
.easy-catalog-box .easy-cat-image a img.img-responsive {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
max-width: 100%;
max-height: 100%;
}
.easy-catalog-box .easy-cat-image img {
display: block;
margin-right: auto;
margin-left: auto;
max-width: 100%;
border: 0;
padding-top:10px;
padding-bottom:10px;
font-size: 0px;
color:transparent;
}
.easy-catalog-box .easy-cat-name {
overflow: hidden;
padding: 5px 10px;
text-align: center;
border-radius: 8px;
margin-bottom: 8px;
position: relative;
}
.easy-catalog-box .easy-cat-name a{
color: #000;
line-height: 16px;
}
@media (max-width: 300px) {
.banner-blocks-container .bb-col-xs,
.wall-category-box .wc-col-xs {
float:none;
-ms-flex: 0 0 90%;
flex: 0 0 90%;
max-width: 90%;
}
}
@media (min-width: 300px) and (max-width: 500px) {
.banner-blocks-container .bb-col-xs,
.wall-category-box .wc-col-xs {
float:none;
-ms-flex: 0 0 65%;
flex: 0 0 65%;
max-width: 65%;
}
}
@media (min-width: 500px) and (max-width:768px) {
.banner-blocks-container .bb-col-xs,
.wall-category-box .wc-col-xs {
float:none;
-ms-flex: 0 0 66%;
flex: 0 0 66%;
max-width: 66%;
}
}
@media (max-width: 768px) {
.box-item-catalog {
float: none;
-ms-flex: 0 0 100px;
flex: 0 0 135px;
max-width: 135px;
}
.easy-catalog-box.dflex,
.wall-category-box.d-xs-flex {
scrollbar-width: none;
-ms-overflow-style: none;
}
}
.imgcategory .product-thumb,
.wall-category-box .item-category {
background: #fff none repeat scroll 0 0;
margin-bottom: 20px;
border: 1px solid #eef1f8;
box-shadow: none;
border-radius: 16px;
position:relative;
-webkit-transition: box-shadow .2s ease, border .2s ease;
transition: box-shadow .2s ease, border .2s ease;
}
.wall-category-box .wall-cat-image {
position: relative;
padding: 0;
}
.wall-category-box .wall-cat-image a {
font-size: 0px;
}
.wall-category-box .wall-cat-image img {
filter: grayscale(100%);
opacity: 0.7;
display: block;
margin-right: auto;
margin-left: auto;
max-width: 100%;
max-height: 100%;
border: 0;
font-size: 0px;
color:transparent;
}
.imgcategory .wall-cat-name, .wall-category-box .wall-cat-name {
overflow: hidden;
padding: 3px 10px;
text-align: center;
height: 45px;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
position: relative;
background: #eef1f8;
border-radius: 12px;
margin-top: 0;
}
.item-category.parent_category .wall-cat-name a {
margin-right: 38px;
display: flex;
width: 100%;
padding-left: 7px;
font-size: 14px;
}
.item-category .wall-cat-name a,
.imgcategory .product-thumb .wall-cat-name a {
color: #232f3e;
line-height: 18px;
}
.imgcategory .product-thumb:hover .wall-cat-name a,
.wall-category-box .item-category:hover .wall-cat-name a {
color:#333;
}
.wall-category-box .item-sub-category {display:none;position:absolute;}
.wall-category-box .item-sub-category.active {
margin-top: 0px;
margin-bottom: 20px;
display: block;
overflow: hidden;
background: #fff;
position: absolute;
top: 98%;
left: 20px;
right: 20px;
bottom: 60px;
opacity: 1;
padding: 12px 8px 8px 15px;
transition: all ease-in-out 0.4s;
background: #F7F8FB;
z-index: 9999;
min-height: 200px;
border-radius: 16px;
width: 92%;
left: 10px;
}
.wall-category-box .item-sub-category .subcategory-name{margin-bottom: 2px;padding-right: 5px;}
.wall-category-box .item-sub-category .subcategory-name a{font-size:14px;color: #232f3e;opacity:1;line-height: 20px;}
.wall-category-box .item-sub-category .subcategory-name a:hover{text-decoration: underline;}
.nswc-scrollbar {
width: 3px;
background-color: #ADB5BD;
right: 11px !important;
top: 13px !important;
height: calc(100% - 25px) !important;
border-radius: 10px;
}
.nswc-thumb {background-color: #000;border-radius:10px;}
.nswc-scrollbar.active .nswc-thumb {background-color: #000;}
.quantity_plus_minus {
flex: 0 0 34px;
z-index: 10;
margin-right: 10px;
line-height: 1;
}
.quantity_plus_minus input.quantity-num {
display: inline-block;
height: 16px;
line-height: 16px;
width:34px;
padding: 0px 2px;
text-align: center;
border-radius:0px;
border-left: 1px solid #EAEDF7;
border-right: 1px solid #EAEDF7;
border-top:0px;
border-bottom:0px;
vertical-align:top;
box-shadow:none;
color:#000;
background: #fff;
box-shadow: none !important;
}
.quantity_plus_minus .add-action:hover {background:#F7F8FB;}
.quantity_plus_minus .add-up {
border-radius: 8px 8px 0px 0px;
border-left: 1px solid #EAEDF7;
border-right: 1px solid #EAEDF7;
border-top: 1px solid #EAEDF7;
}
.quantity_plus_minus .add-down {
border-radius: 0px 0px 8px 8px;
border-left: 1px solid #EAEDF7;
border-right: 1px solid #EAEDF7;
border-bottom: 1px solid #EAEDF7;
}
.quantity_plus_minus .add-action {
cursor: pointer;
display: block;
font-size: 13px;
height: 14px;
line-height: 10px;
position: relative;
text-align: center;
width: 34px;
background: #fff;
}
.container-module .pct_gv,
.container-module .latest_gv {
overflow: hidden;
margin-bottom: 10px;
}
.item.no-slider{
margin-bottom:10px;
padding-top: 10px;
}
#column-left .container-module .no-slider,
#column-right .container-module .no-slider,
.position-no-owl .container-module .no-slider{
border: 0px ;
}
.nswc-viewport {
min-height: 70px;
}
#modal-addcart .modal-dialog {
max-width: 550px;
width: 95%;
}
#modal-addcart .modal-body {
padding: 30px 35px;
}
#modal-addcart .modal-content {
border-radius: 12px;
box-shadow:none;
border: 0px;
}
#modal-addcart .btn-checkout {
margin-top: 20px;
}
#modal-addcart .btn-shopping {
margin-top: 20px;
}
.ch-alert-success,
.ch-alert-danger,
.option-danger {
animation: slider_add_product 0.5s linear;
position: fixed;
right: 15px;
top: 15px;
width: 330px;
z-index: 9999;
color:#000;
padding: 25px 50px 25px 25px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
background: #ffffff;
border-radius: 12px;
box-shadow: 4px 5px 12px rgba(0,0,0,0.067);
max-height: 105px;
height: 105px;
transition: all .5s ease-in-out;
}
.mh-100 {
height: auto;
max-height: 100%;
}
.ch-error-text + div.ch-error-text {
margin-top: 10px;
}
.option-danger + .option-danger {top:132px; }
.option-danger + .option-danger + .option-danger {top:250px;}
.option-danger + .option-danger + .option-danger + .option-danger{top:396px}
.ch-alert-danger + .ch-alert-danger {top:132px;}
.ch-alert-danger + .ch-alert-danger + .ch-alert-danger {top:257px;}
.ch-alert-danger + .ch-alert-danger + .ch-alert-danger + .ch-alert-danger {top:382px;}
.ch-alert-danger + .ch-alert-danger + .ch-alert-danger + .ch-alert-danger + .ch-alert-danger {top:507px;}
.add_product_alert {
padding: 25px 50px 25px 25px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
background: #ffffff;
border-radius: 12px;
box-shadow: 4px 5px 12px rgba(0,0,0,0.067);
animation: slider_add_product 0.5s linear;
position: fixed;
right: 15px;
top: 15px;
width: 330px;
z-index: 999999999;
}
.ch-alert-success .text-modal-block,
.ch-alert-danger .text-modal-block,
.option-danger .text-modal-block,
.add_product_alert .text-modal-block {
margin-left: 20px;
}
@keyframes slider_add_product {
0% {
right: -100%;
}
50% {
right:-20%;
}
85% {
right:-30px;
}
100% {
right:15px;
}
}
.ch-modal-success {
border-radius: 12px;
border:0px;
box-shadow:0 2px 15px rgba(0,0,0,.18);
}
.ch-modal-success .modal-body{
padding:30px 50px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
}
.ch-modal-success .modal-body .success-icon{
float:left;
margin-right: 20px;
}
.ch-modal-success .modal-body .text-modal-block {
margin-right: 5px;
}
.ch-modal-success .modal-body .text-modal-block a {
color: #04A349;
}
.ch-alert-success button.close,
.ch-alert-danger button.close,
.option-danger button.close,
.add_product_alert button.close,
.ch-modal-success button.close {
background-image: url("../image/sprite.svg#icon-close");
cursor: pointer !important;
font-size: 0px;
height: 26px;
outline: medium none;
position: absolute;
right: 17px;
top: 17px;
width: 26px;
z-index: 1060;
text-align: center;
line-height: 25px;
border: 1px solid #ececec;
border-radius: 6px;
background-position: center;
background-repeat: no-repeat;
opacity: 1;
background-color: #ffffff;
background-size: 10px;
}
.ch-alert-success button.close:hover,
.ch-alert-danger button.close:hover,
.option-danger button.close:hover,
.add_product_alert button.close:hover,
.ch-modal-success button.close:hover {
background-image: url("../image/sprite.svg#icon-close");
border: 1px solid #fff;
box-shadow: 0px 2px 4px rgba(0,0,0,0.067);
}
@media (min-width: 992px) {
.col-lg-offset-3,.col-md-offset-3 {
margin-left: 25.4%;
}
}
#fix_image .owl-carousel .owl-wrapper:after {
padding-bottom: 0px;
}
.product-grid .catalogCard-extra {
background: #fff;
box-sizing: border-box;
border-radius:0px 0px 8px 8px;
display:none;
margin-top: -15px;
padding: 15px 0px 0px;
position: absolute;
width: calc(100% - 20px);
z-index:100;
}
.product-grid.grid4 .catalogCard-extra {
width: calc(100% - 10px);;
}
.category-page .product-list .attribute-cat {
margin-bottom: 10px;
line-height: 18px;
}
.category-page .product-list .attribute-cat .attr-name-line {
color: #505966;
margin-right: 5px;
}
.category-page .product-list .attribute-cat .attr-text-line {
color: #000;
}
.category-page .product-list .attribute-cat span {
font-size: 13px;
}
.category-page .product-list .attribute-cat .attr-text-line:not(:last-child):after {
content: '/';
padding: 0 2px 0 5px;
color: #505966;
}
.category-page .product-price .catalogCard-extra,
.category-page .product-list .catalogCard-extra,
.category-page .product-price .attribute-cat,
.category-page .product-grid .attribute-cat {display:none;}
.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-name {width: 50%;}
.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > span {display: table-cell;position: relative;}
.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-name {
padding-right: 5px;
position: relative;
z-index: 2;
}
.category-page .product-grid .catalogCard-extra .short-attributes-groups-category div.short-attribute:nth-child(2n+1) {
background: #F7F8FB;
}
.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute span {
font-size: 13px;
}
.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-text {
text-align: right;
width: 100%;
}
.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-text {
padding-left: 5px;
}
.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-text {
position: relative;
z-index: 2;
font-size: 14px;
color: #334150;
}
.category-page .product-grid .catalogCard-extra .short-attribute {
display:block;
padding:3px 15px;
}
.category-page .product-grid .catalogCard-extra .short-attribute:after {
content:'';
}
.product-grid:hover .catalogCard-extra {
display: block;
box-shadow: -5px 4px 8px -8px rgba(0, 0, 0, 0.07), 7px 4px 6px -3px rgba(0, 0, 0, 0.04), 3px 9px 14px -7px rgba(0, 0, 0, 0.07);
}
@media (max-width:767px) {
.product-grid .short-attribute {
display: none;
}
}
#image-box > #wrap {
display: inline-block;
position: relative;
outline: none;
}
.mfp-zoom-in .mfp-content > div {
opacity: 0;
transition: all 0.2s ease-in-out;
transform: scale(0.6);
}
.mfp-zoom-in.mfp-ready .mfp-content > div {
opacity: 1;
transform: scale(1);
}
#product .short-attributes-groups {
margin-bottom: 18px;
}
.tab-pane .short-attributes-groups{
background: #eef1f8;
border-radius: 12px;
padding: 15px;
margin-bottom: 0px;
}
.tab-pane .short-attributes-groups .short-attribute:first-child {
padding-top: 0;
}
.tab-pane .attr-group-name {
margin-bottom: 15px;
font-size: 16px;
color:#000;
font-weight: 600;
}
#product div.short-attribute{
padding:6px 15px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.tab-pane div.short-attribute {
padding: 11px 0;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.tab-pane .short-attributes-groups ~ div.short-attributes-groups {
margin-top: 30px;
}
.short-attribute > span{position:relative;}
#product-product .tabs-product .tab-content .tab-pane {
padding: 24px;
margin-bottom: 24px;
}
.tab-pane .ch-h2 {
font-weight: 700;
font-size: 18px;
color: #232f3e;
margin-bottom: 10px;
}
#product div.short-attribute > .attr-text{
max-width: 50%;
text-align:right !important;
}
#product-product .tabs-product .tab-content .tab-pane {
padding: 24px;
margin-bottom: 24px;
}
#tab-description {
border: 1px solid #eef1f8;
border-radius: 12px 0 0 12px;
}
.tab-pane div.short-attribute > .attr-text{
max-width: 80%;
text-align:right !important;
}
#tab-review {
border: 1px solid #eef1f8;
border-radius: 0 12px 12px 0;
}
.short-attribute > .attr-name span {
position: relative;
z-index: 2;
padding: 0 5px 0 0;
color: #788192;
font-weight: 400;
font-size: 15px;
}
.short-attribute > .attr-text span{position:relative;z-index:2;font-size: 15px;
color: #000;}
.short-attributes-groups .short_attr_group_name {color:#000000;}
.attr-text a {
color: #5682c6;
}
.attr-text a:hover {
color: #0f4b82;
}
.tab-pane div.short-attribute:last-child {
padding-bottom: 0;
}
.input-group .form-control[name^=quantity], #product .quantity-number [name^=quantity] {background:#fff;}
.tabs-product .tab-content #tab-question-answer {
border: 1px solid #eef1f8;
border-radius: 0 12px 12px 0;
padding: 24px;
}
.box-bg-full { background-attachment: fixed; background-position: center 0; background-repeat: no-repeat; background-size: cover; margin: 0; width: auto; }
/*.common-home footer {
margin-top:15px;
}*/
.disabled_input {
cursor: not-allowed;
}
@-webkit-keyframes active_load {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes active_load {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.active-load > svg {
-webkit-animation: active_load 1s linear infinite;
animation: active_load 1s linear infinite;
}
.box-showmore {
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
width: 100%;
}
.chm-icon-showmore {
width: 20px;
height: 20px;
vertical-align: -5px;
margin-right: 6px;
}
#showmore.box-showmore {margin-top: 10px;}
@media (max-width:767px) {
.box-bg-full {
padding:0px;
}
.product-slider .product-name a {
font-size:14px;
}
}
.container-module .latest_gv .item{
background: transparent;
}
.container-module .latest_gv .item .product-thumb{
background: #fff;
}
.container-module .owl-pagination {
top: 0px;
}
#form-review .form-group.required label {
margin-bottom: 10px;
font-size: 14px;
}
.product-rating {line-height: 1;}
.product-rating .star-rating {color: #e7e7e7;}
.product-rating .star-rating.active,
.product-rating .star-rating.checked {color: #fc0 !important;}
.product-rating label .fa {
font-size: 18px;
padding: 2px 4px 2px 0px;
cursor: pointer;
}
.product-rating label ~ label{margin-left:-5px;}
.alphabetical_index {
margin-bottom: 20px;
}
.alphabetical_index span {
font-size:16px;
font-weight: 600;
color:#333;
}
.alphabetical_index a{
font-size:16px;
font-weight: 600;
}
.manufacturer-heading {
font-size:34px;
font-weight:600;
margin-bottom: 15px;
margin-top: 20px;
}
.manufacturer-content {
margin-bottom: 25px;
}
.manufacturer-content a {
-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
box-shadow:0 1px 2px rgba(0,0,0,.2);
display: block;
padding: 15px;
border-radius: 4px;
}
.manufacturer-content a:hover {
-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);
box-shadow:0 1px 4px rgba(0,0,0,.2);
}
.thumb-brand img {
margin:0 auto;
}
.name-brand {
font-size: 14px;
font-weight: 600;
text-align: center;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
#modal-wishlist,
#modal-compare {
top:50px;
}
.container-module .prod-cat-tabs {
list-style: none;
padding-left: 0px;
margin: 0px;
padding: 10px 0px;
}
.container-module .prod-cat-tabs > li {
display: inline-block;
padding: 5px 15px;
}
.container-module .prod-cat-tabs > li > a{
color:#818181;
font-size: 16px;
}
.container-module .prod-cat-tabs > li > a:hover {
border-bottom: 1px dashed #818181;
}
@media (min-width: 992px) {
.container-module .prod-cat-tabs > li:first-child{
padding-left: 0px;
}
}
.container-module .prod-cat-tabs > li.active a{
color:#1e1e1e;
border-bottom: 1px dashed #1e1e1e;
}
.tab-content.prod_cat_tab_content {
min-height: 300px;
padding-top:0px;
}
.form-horizontal .form-group {
margin-left: -10px;
margin-right: -10px;
}
.ch-table .prod-name {
display: block;
max-width: 300px;
white-space: normal;
min-width: 200px;
}
.ch-table > tbody > tr > td:nth-child(6){
white-space: nowrap;
}
.ch-table > tbody > tr > td, .clss-table > thead > tr > td{
vertical-align:middle;
}
.ch-table > thead > tr > td {
padding: 10px;
background:#F7F8FB;
}
.ch-table thead td:first-child {
border-radius: 8px 0 0 8px;
}
.ch-table thead td:last-child {
border-radius: 0 8px 8px 0;
}
.ch-table thead td:first-child:last-child {
border-radius:8px;
}
.ch-table > tbody > tr > td {
border-top: 0px;
padding: 15px 10px;
vertical-align: middle;
}
.total-rewards,
.total-transactions{
padding: 12px 0px 20px 0px;
}
.ch-table > tbody > tr > td.pr-0 {
padding-right: 0;
}
.ch-table > tbody > tr {
border-bottom: 2px dashed #EAEDF7;
}
.ch-table > tfoot.account-order-totals > tr > td {
border-top: 0px;
padding: 5px;
vertical-align: middle;
}
.ch-table > tfoot.account-order-totals > tr:first-child > td {
padding-top: 20px;
}
.account-order-totals .cart-total-title {
width: 100%;
color: #535D67;
font-size: 14px;
}
.account-order-totals .cart-total-text {
font-size: 14px;
font-weight: 600;
}
.input-remove-voucher {
height: 38.5px;
}
.column-quantity {
width: 100px;
}
.ch-cart-quantity {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
}
.ch-cart-quantity .form-control {
border-color: #EAEDF7 !important;
border-width: 1px 0px 1px 0px !important;
height: 34px !important;
border-style: solid;
box-shadow:none;
max-width: 30px;
padding-left: 0px;
padding-right: 0px;
text-align: center;
border-radius:0px;
background: #fff;
box-shadow: none !important;
}
.ch-cart-quantity .btn-quantity-minus{
background: #fff;
border-color: #EAEDF7;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-radius: 8px 0px 0px 8px;
padding:0px;
width: 20px;
height: 34px;
line-height: 1;
margin-right: 0px !important;
}
.ch-cart-quantity .btn-quantity-plus{
background: #fff;
border-color: #EAEDF7;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-radius: 0px 8px 8px 0px;
padding:0px;
width: 20px;
height: 34px;
line-height: 1;
margin-left: 0px !important;
}
.checkout-cart-accordion .panel-default{
border:0px;
margin-bottom: 20px;
}
.checkout-cart-accordion .panel-default > .panel-heading {
background: #F7F8FB;
}
.checkout-cart-accordion .panel-default > .panel-heading a {
font-size: 14px;
color:#000;
}
.checkout-cart-accordion .panel-default > .panel-heading + .checkout-cart-accordion .panel-collapse > .panel-body {
border-top-color: #EAEDF7;
}
.checkout-cart-accordion .panel-collapse > .panel-body {
border-top:0px !important;
}
.checkout-cart-accordion .control-label{
display: block;
font-size: 14px;
margin-bottom: 10px;
line-height: 20px;
text-align: left;
}
.checkout-cart-accordion .panel-body .form-control::placeholder {
font-size: 14px;
}
.checkout-cart-accordion .panel-body .form-control {
border-top-right-radius: 8px;
border-bottom-right-radius: 8px;
width: 100%;
margin-bottom: 20px;
max-width: 100% !important;
}
.checkout-cart-accordion .panel-body .input-group-btn {
width: 100%;
}
.checkout-cart-accordion .panel-body .input-group-btn .btn {
width: 100%;
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
}
.checkout-cart-accordion .form-control {
height: 44px;
border: 1px solid #EAEDF7;
box-shadow: none;
font-size: 14px;
}
.checkout-cart-accordion .input-group-btn .btn-primary {
font-size: 14px;
}
.table-cart > tbody > tr > td {
border-top: 0px;
}
.table-cart .total-title {
color: #505966;
width: 75%;
}
.table-cart .total-title.total-last {
font-weight: 600;
color:#000;
}
.table-cart .total-text {
font-weight: 600 ;
color: #000;
min-width: 80px;
}
.table-responsive {
position: relative;
z-index: 8;
border:0px;
}
.ch-table .stock-status,
.ch-table .price {margin-bottom: 0px;}
.ch-table .prod-name {color:#000;margin-bottom: 8px;}
.ch-table .prod-name:hover {
color:#0f4b82;
}
.ch-table .btn-general {min-width:34px;margin-right: 10px;padding:0px 7px;display: inline-flex;}
.mw-70 {min-width: 70px;}
#messageLoadPage {
position: fixed;
width: 400px;
line-height: 40px;
margin-top: -25px;
margin-left: -200px;
left: 50%;
top: 50%;
padding-left: 0px;
display: none;
text-align: center;
z-index:1042;
}
/*Category News*/
.mod-category-news {
border-radius:8px;
border:1px solid #EAEDF7;
padding: 10px 20px;
}
.mod-category-news .articles-count {
width: 18px;
height: 18px;
display: inline-block;
text-align: center;
border-radius: 50%;
background: #F7F8FB;
position: absolute;
right: 4px;
top: 10px;
font-size: 11px;
line-height: 18px;
}
.list-group.mod-category-news a.active .articles-count, .list-group.mod-category-news a.active:hover .articles-count, .list-group.mod-category-news a:hover .articles-count {
background: #fff;
}
.list-group.mod-category-news a.active, .list-group.mod-category-news a.active:hover, .list-group.mod-category-news a:hover {
color: #444444;
background: transparent;
border: 0px;
text-shadow: none;
}
.list-group.mod-category-news a {
border:0px;
padding: 8px;
}
.list-group.mod-category-news a + a {
border-top: 1px dashed #eeeeee !important;
}
.mod-category-news .list-group-item {
margin-top: 0px;
margin-bottom: 3px;
}
.mod-category-news .list-group-item:first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
.mod-category-news .list-group-item:last-child {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
}
.list-group.mod-category-news a.active:before, .list-group.mod-category-news a.active:hover:before, .list-group.mod-category-news a:hover:before {
background: #F7F8FB;
position: absolute;
height: calc(100% - 3px);
content: "";
z-index: -1;
left: -5px;
right: -5px;
width: calc(100% + 10px);
top: 3px;
border-radius: 5px;
}
/* END Category News*/
.image-atricle {
margin-top: 15px;
margin-bottom: 30px;
}
.image-atricle img{
border-radius: 10px;
}
.articles-list {
margin-top: 0;
margin-bottom: 0;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
.articles-list .product-thumb {
padding: 0;
}
.articles-list .product-thumb .caption {
padding: 0;
}
div.articles-list + div.articles-list::before {
border-top: 1px dashed #eeeeee !important;
position: absolute;
content: "";
left: 0px;
right: 0px;
top: -15px;
}
.articles-list .art-viewed {
position: absolute;
left: 15px;
bottom: 15px;
background-color: rgba(66, 80, 99, 0.75);
border-radius: 30px;
padding: 5px 10px;
z-index: 1;
align-items: center;
color:#fff;
}
.articles-list .art-viewed .text-viewed {
color: #fff;
margin-left: 8px;
}
.articles-list .art-viewed .icon-viewed {
display: block;
background: #fff;
-webkit-mask-image: url("../image/sprite.svg#icon-aviewed");
mask-image: url("../image/sprite.svg#icon-aviewed");
width: 18px;
height: 18px;
}
.articles-list .article-image,
.mod-art-image {
text-align: center;
position: relative;
margin-bottom: 20px;
}
.articles-list .article-image a,
.mod-art-image a {
display: block;
position: relative;
}
.articles-list .article-image a img,
.mod-art-image a img {
margin: 0 auto;
font-size: 0px;
color:transparent;
border-radius: 12px;
overflow: hidden;
width: 100%;
}
.articles-list .article-image a:after,
.mod-art-image a:after {
content: '';
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
background-color: rgba(0,26,52,.015);
border-radius: 12px;
}
.mod-art-name,
.articles-list .caption .article-name {
margin-bottom: 15px;
}
.mod-art-name a,
.articles-list .caption .article-name a {
font-size: 15px;
color:#000;
font-weight: 500;
}
.mod-art-item:hover .mod-art-name a,
.articles-list .product-thumb:hover .article-name a {
color: #0f4b82;
}
.mod-art-description,
.articles-list .caption .article-description {
color: #535D67;
font-size: 14px;
}
.article-date-added,
.mod-art-date-added{
position: absolute;
right: 15px;
bottom: 15px;
background-color: rgba(66, 80, 99, 0.75);
border-radius: 30px;
padding: 5px 15px;
z-index: 1;
color:#fff;
}
#input-captcha {
float: left;
width: 160px;
margin-right: 15px;
}
#form-article-comment .col-sm-2.control-label {
text-align: left;
width: auto;
}
#form-article-comment fieldset {
padding-top: 20px;
}
#form-article-comment fieldset legend {
display: none;
}
#article-comment {
border: 1px solid #EAEDF7;
padding: 30px 50px;
border-radius: 10px;
margin-bottom: 25px;
margin-top: 20px;
}
#form-article-comment {
border: 1px solid #EAEDF7;
padding: 30px 50px;
border-radius: 10px;
margin-top: 25px;
margin-bottom: 20px;
}
.info-article {
margin-bottom: 15px;
justify-content: flex-end;
}
.info-article .date-added-article,
.info-article .total-comnent-article,
.info-article .aviewed-article {
background: #F7F8FB;
margin-left: 10px;
border-radius: 6px;
padding: 8px 12px;
color: #000;
}
.info-article .icon-aviewed {
display: block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-aviewed");
mask-image: url("../image/sprite.svg#icon-aviewed");
width: 18px;
height: 18px;
margin-right: 8px;
}
.info-article .icon-comment {
display: block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-comment");
mask-image: url("../image/sprite.svg#icon-comment");
width: 18px;
height: 18px;
margin-right: 8px;
}
.info-article .icon-calendar {
display: block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-calendar");
mask-image: url("../image/sprite.svg#icon-calendar");
width: 18px;
height: 18px;
margin-right: 8px;
}
.comment-item .comment-heading {
flex-direction: column;
line-height: 22px;
margin-bottom: 20px;
}
.comment-item .block-author {
color: #000;
font-weight: 500;
}
.comment-item .block-date {
color: #8F9AA2;
}
.comment-item .comment {
margin-bottom: 10px;
}
.comment-item .admin_reply {
padding: 25px;
margin-top: 15px;
background: #F7F8FB;
border-radius: 8px;
}
.comment-item .admin_reply div {
margin-bottom: 5px;
font-weight: 600;
}
.comment-item + div.comment-item {
margin-top: 20px;
border-top: 2px dashed #EAEDF7;
padding-top: 20px;
}
.show-like-dislike {
padding-right: 150px;
position: relative;
}
.article-like-dislike-box {
position: absolute;
right: 0px;
bottom: 0px;
}
.btn-dislike, .btn-like {
border: 0px;
background: transparent;
display: inline-block;
}
.btn-dislike span, .btn-like span {
margin-left: 5px;
display: inline-block;
vertical-align: middle;
}
.btn-dislike {
margin-left: 5px;
}
.btn-dislike img {
margin-top: 5px;
}
.article-comment-title {
font-size: 18px;
color: #000;
padding-bottom: 10px;
margin-top: 25px;
}
.article-comment-title sup {
margin-left: 5px;
}
.ch_contact_map_code {
margin-bottom: 20px;
}
.ch_contact_map_code iframe {
background: #fff;
overflow: hidden;
border-radius: 10px;
}
.contact_image {
margin-top: 15px;
display:none;
margin-bottom: 10px;
}
.contact_image img{
border-radius:8px;
}
.contact-title {
margin-bottom: 10px;
margin-top:0px;
font-size: 16px;
color:#000;
font-weight: 600;
}
.ch_contacts_phone a{
font-size: 14px;
color:#000;
font-weight:600;
}
.ch_contacts_phone a:hover,.ch_contacts_phone a:focus{
color:#0091ca;
}
.ch_contacts_phone li + li{
margin-top: 5px;
}
.box-contact-left,
.box-contact-form form{
border-radius:8px;
border:1px solid #f8f8fa;
overflow:hidden;
padding:20px 30px;
}
@media (min-width: 992px) {
.box-contact-left,
.box-contact-form form{
padding:15px 100px;
}
}
form.form-horizontal legend {
padding:0px;
border:0px;
color:#000;
font-size: 16px;
font-weight: 600;
margin-top: 25px;
margin-bottom: 20px;
}
.store-title {
margin-bottom: 25px;
}
.panel-group .panel-store {
border-radius:8px;
border:1px solid #EAEDF7;
}
.panel-group .panel-store + div.panel-store {
margin-top: 15px;
}
.ch-table .image .img-responsive {
margin: 0 auto;
min-height: 47px;
}
.panel-title > a.i_am_registered {
color:#0f4b82;
}
.agree_checkout {
margin-top: 15px;
margin-bottom: 15px;
}
#onepcheckout input.form-control,
.coupon_table input.form-control{
border: 1px solid #EAEDF7;
box-shadow: none;
height: 40px;
font-size: 14px;
}
textarea.form-control{
border: 1px solid #EAEDF7;
box-shadow: none;
font-size: 14px;
}
.title-customer {
flex-direction: column;
}
.title-customer .i_am_registered {
margin-top: 10px;
font-size: 14px;
font-weight: 400;
}
@media (min-width: 600px) {
.title-customer {
justify-content: space-between;
flex-direction: row;
}
.title-customer .i_am_registered {
margin-top: 0px;
}
}
#cart_table table td {vertical-align: middle;}
#cart_table .table_total .total-title {color:#838383;}
#cart_table .table_total tr td {padding:8px;}
#cart_table .table_total {margin: 0 0 20px;text-align: right;width: 100%;}
#cart_table .table_total tr td:last-child {font-weight: 600;padding: 8px 8px 8px 20px;white-space: nowrap;width: 115px;}
#cart_table .table_total tr:last-child td {font-size: 1em;font-weight: 600;padding: 8px 8px 8px 20px;color:#000;}
#cart_table .coupon_table {margin: 0 0 20px;text-align: right;width: 100%;}
#cart_table .coupon_table div {float: right;padding: 0 0 8px;width: 100px;}
#cart_table .coupon .form-control,
#cart_table .reward .form-control {font-size: 12px;width: 270px;height: 44px;}
#cart_table .delete_td {width:50px;}
#onepcheckout .error_input_checkout {border:1px solid red !important;box-shadow: 0 1px 1px rgba(255, 0, 0, 0.075) inset !important; }
#onepcheckout .error_input_checkout:-moz-placeholder{color:red !important;}
#onepcheckout .error_input_checkout::-moz-placeholder{color:red !important;opacity:1}
#onepcheckout .error_input_checkout::-webkit-input-placeholder{color:red !important;}
#onepcheckout div.required .form-control:-moz-placeholder {color:red !important;}
#onepcheckout div.required .form-control::-moz-placeholder {color:red !important;opacity: 1;}
#onepcheckout div.required .form-control::-webkit-input-placeholder{color:red !important;}
#onepcheckout div.required .form-control:-moz-placeholder:before {color: #f00;content: "* ";font-weight: 600;}
.ch-gift {
color: #EF1212;
font-size: 13px;
font-weight: 600;
margin-top: 12px;
}
.cart-prod-info-reward,
.cart-prod-info-option {
font-size: 12px;
margin-bottom: 4px;
}
.group-checkbox {
margin-top: 20px;
margin-bottom: 20px;
}
.chm-radio,
.chm-checkbox {
display: block;
position: relative;
margin: 0 0 10px;
cursor: pointer;
font-size: 14px;
padding-left: 0 !important;
}
.checkbox-input {
position: absolute;
z-index: -1;
opacity: 0;
display: none;
}
.checkbox-check {
top: 3px;
width: 16px;
height: 16px;
display: inline-block;
border-radius: 3px;
position: relative;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
transition: 0.15s;
margin-right: 10px;
border: 1px solid #DCE0E9;
background-color: #fff;
background-repeat: no-repeat;
background-position: center center;
background-size: 50% 50%;
}
.checkbox-input:checked + span.checkbox-check {
border-color: #b3d7ff;
background-color: #b3d7ff;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23000' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
}
.chm-checkbox:hover > input.checkbox-input:not(:disabled):not(:checked) + span.checkbox-check{
border-color: #b3d7ff;
}
.checkbox-radio {
top: 3px;
width: 1.6rem;
height: 1.6rem;
display: inline-block;
border-radius: 50%;
position: relative;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
transition: 0.15s;
margin-right: 6px;
border: 1px solid #DCE0E9;
background: #fff;
}
.checkbox-input:checked + span.checkbox-radio {
border-color: #b3d7ff;
background: #b3d7ff;
}
.checkbox-input:checked + span.checkbox-radio:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 12px;
height: 12px;
border: solid 3px #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.radio > label:hover > input.checkbox-input:not(:disabled):not(:checked) + span.checkbox-radio{
border-color: #b3d7ff;
}
.group-checkbox .checkbox-inline {
display: block;
margin-top: 5px;
margin-left: 0px;
}
.search-form-input {
height: 40px;
border:1px solid #EAEDF7;
font-size: 14px;
box-shadow: none;
}
.ui-check__input {
position: absolute;
top: 0;
left: 0;
opacity: 0;
visibility: hidden;
}
.chm-legend {
font-size: 16px;
margin-bottom: 20px;
}
.chm-search-block {
background: #fff;
padding: 0px;
border-radius: 0px;
margin-bottom: 20px;
}
.danewpod .list-inline-item {
margin-bottom:5px;
overflow:hidden;
}
.danewpod .list-inline-item a{
background-color: #EAEDF7;
border: 1px solid #D8DCE5;
padding: 5px 10px;
border-radius: 5px;
font-size:14px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
display: inline-block;
}
.danewpod .list-inline-item a.active-date{
background-color: #fff;
border: 1px solid #D8DCE5;
color:#333;
padding: 5px 10px;
font-size:14px;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
display: inline-block;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.2);
box-shadow: 0 5px 15px rgba(0,0,0,.2);
}
.add-to-cart-footer {
position: fixed;
bottom: 0px;
padding: 12px 10px;
background: #fff;
left: 0;
right: 0;
z-index: 1001;
border-top: 1px solid #EAEDF7;
box-shadow: 0px 3px 10px rgba(0,0,0,0.12);
align-items: center;
}
.add-to-cart-footer .btn-general {
min-height: 44px;
padding: 0px 18px;
line-height: 44px;
}
.fix-add-to-cart-footer footer {
padding-bottom: 68px;
}
.kit-cat .series-price {
position: relative;
}
.kit-cat .series-price:hover {
cursor: pointer;
}
.kjseries .new-pice:hover {
cursor: pointer;
}
.kjseries .price-hidden, .kit-cat .price-hidden {
position: absolute;
top: -45px;
left: -15%;
background: #fff;
z-index: 3;
border: 1px solid #EAEDF7;
padding: 8px 12px;
border-radius: 10px;
display: none;
font-size: 16px;
font-weight: 400;
}
.kjseries .price-hidden::after, .kit-cat .price-hidden::after {
content: '';
position: absolute;
top: 50%;
left: 20%;
width: 60%;
height: 1px;
background-color: #000000;
transform: translateY(-50%);
}
.kjseries .new-pice:hover .price-hidden, .kit-cat .series-price:hover .price-hidden {
display: flex !important;
}
@media (max-width: 767px) {
.fix_cart_price_footer footer {
padding-bottom: 75px;
}
.right-block .kjseries .price_special {
font-size: 20px;
}
#popup-quickview .stock_status_success {
font-size: 13px;
}
.fix_cart_price_footer #back-top.right {
bottom: 135px;
}
.fix_cart_price_footer #back-top.left,
.fix_cart_price_footer #cs-fb-widget.position_left.fm-t,
.fix_cart_price_footer #cs-fb-widget.position_right.fm-t{
bottom: 80px;
}
.fix_cart_price_footer #cs-fb-widget.position_right.fm-t{
right: 54px;
}
.car_name {
font-size: 12px;
}
}
@media (min-width: 768px) {
.add-to-cart-footer {
display: none;
}
.fix-add-to-cart-footer footer {
padding-bottom: 0;
}
}
.chm-well {
height: 100%;
background: #fff;
padding: 25px;
border-radius:10px;
box-shadow: 0px 0px 0px 1px #EAEDF7;
}
.chm-well.flex-column .btn-primary{
margin-top: auto;
align-self: flex-start;
}
.register-content {
border-radius:10px;
background: #fff;
}
.register-content .form-group,
.chm-account-content .form-group {
margin-left: 0px;
margin-right: 0px;
}
.register-content .form-group:last-child {
margin-bottom: 0;
}
.chm-auth .form-group .control-label,
.register-content .form-group .control-label,
.chm-account-content .form-group .control-label {
text-align:left;
line-height: 24px;
font-size: 14px;
margin-bottom: 6px;
}
.group-checkbox label > a {
margin-left: 10px;
}
@media (min-width: 1200px) {
.register-content fieldset,
.chm-account-content fieldset {
max-width: 55%;
}
}
.register-content > p {
margin-bottom: 20px;
}
.register-content fieldset {
margin-top: 20px;
}
.register-content fieldset:first-child legend{
margin-top: 0px !important;
}
.radio-inline-flex {
display: flex;
}
.radio-inline-flex label {
margin-right: 15px;
}
.chm-title-auth {
margin-bottom: 20px;
font-size: 16px;
font-weight: 600;
}
.chm-list-group {
background: #fff;
border-radius:10px;
padding: 25px;
border:1px solid #EAEDF7;
}
.chm-list-group-item.active::before {
content: "";
position: absolute;
top: 50%;
left: 0px;
height: 24px;
width: 2px;
border-radius: 0px 10px 10px 0px;
background: #557DC0;
transform: translateY(-50%);
}
.chm-list-group a.chm-list-group-item {
position: relative;
display: block;
padding: 12px 15px;
background-color: #F7F8FB;
border-radius: 6px;
color: #000;
-webkit-transition: background .2s ease;
transition: background .2s ease;
display: flex;
align-items: center;
}
[class^="icon-am-"], [class*=" icon-am-"] {
width: 16px;
height: 16px;
margin-right: 8px;
}
.chm-list-group a.active, .chm-list-group a.active:hover, .chm-list-group a:hover {
color: #000;
background: #EAEDF7;
}
.chm-list-group a + a {
margin-top: 5px;
}
.chm-account-fixed {
position: fixed;
top: 0;
right: 0;
z-index: 10;
max-height: 100vh;
height: 100%;
width: 300px;
max-width: 100%;
background: #ffffff;
transition: transform .2s ease, visibility .2s ease, opacity .2s ease;
transform: translate(100%, 0);
text-align: left;
}
.chm-account-fixed .chm-account-menu-content {
opacity: 0;
visibility: hidden;
}
.chm-account-fixed.chm-account-is-open {
transform: translate(0, 0);
z-index: 1014;
}
.chm-account-fixed.chm-account-is-open .chm-account-menu-content {
opacity: 1;
visibility: visible;
}
.chm-account-button {
position: absolute;
right: 100%;
top: 90px;
background: #0b76ef;
background-position: center;
background-repeat: no-repeat;
width: 42px;
height: 44px;
cursor: pointer;
border-radius: 5px 0px 0px 5px;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
}
.chm-account-button .icon-account-menu {
width: 20px;
height: 20px;
color: #fff;
margin-left: 2px;
margin-bottom: 9px;
}
.chm-account-button .text-am-menu {
position: absolute;
font-weight: 600;
font-size: 8px;
bottom: 5px;
line-height: 10px;
margin-left: 2px;
color: #fff;
}
.chm-account-menu-content {
padding: 0px;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
}
.chm-account-backdrop {
background: #0b0b0b;
opacity: 0;
visibility: hidden;
overflow: hidden;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: -1;
transition: visibility .2s ease;
}
.chm-account-backdrop.active {
opacity: 0.6;
visibility: visible;
z-index: 1013;
}
.chm-text-empty {
padding: 12px 0px;
}
.chm-content,
.chm-account-content {
padding: 25px;
border-radius:10px;
background: #fff;
box-shadow: 0px 0px 0px 1px #EAEDF7;
}
.icon-downloads{
height: 22px;
width: 22px;
}
.icon-returns {
width: 24px;
height: 24px;
}
.chm-account-content form.form-horizontal legend:first-child {
margin-top: 0;
}
.chm-content-title {
font-size: 16px;
font-weight: 600;
margin-bottom: 20px;
line-height: 28px;
}
.table-responsive + .chm-content-title {
margin-top: 20px;
}
.address-item {
border-bottom: 2px dashed #EAEDF7;
margin-bottom: 20px;
padding-bottom: 20px;
}
.address-item .chm-address-info {
margin-bottom: 20px;
line-height: 22px;
}
.chm-btn-info{
margin-right: 20px;
}
.chm-btn-info,
.chm-btn-delete {
cursor: pointer;
border-bottom: 1px dashed;
}
.chm-btn-info:hover, .chm-btn-info:focus,
.chm-btn-delete:hover, .chm-btn-delete:focus {
border-color: transparent;
}
.chm-btn-delete, .chm-btn-delete:hover,.chm-btn-delete:focus {
color: #da4f49;
}
#content.forgot-password {
min-height: 220px;
}
.page-cart {
padding-bottom: 5px;
align-items: flex-start;
flex-direction: column;
}
.cart-col-left {
width: 100%;
margin-bottom: 20px;
}
.cart-col-right {
width: 100%;
background: #fff;
}
.title-text-next {
font-weight: 600;
font-size: 16px;
margin-bottom: 15px;
}
.cart-item {
flex-wrap: wrap;
padding-top: 20px;
padding-bottom: 20px;
position: relative;
}
.cart-item + div.cart-item {
border-top: 2px dashed #EAEDF7;
}
.cart-item-left {
-ms-flex: 0 0 85px;
flex: 0 0 85px;
max-width: 85px;
position: relative;
padding-right: 20px;
}
.cart-item-image {
justify-content: space-between;
}
.cart-item-center {
padding: 0px 10px;
flex-grow: 1;
align-self: flex-start;
}
@media (max-width: 619px) {
.cart-item-center {
flex: 0 0 calc(100% - 85px);
}
}
.cart-item-prod-name {
margin-bottom: 10px;
padding-right: 30px;
}
.cart-item-prod-name a {
font-size: 14px;
color: #000;
font-weight: 600;
}
.cart-item .product-model {
color: #505966;
text-align: left;
font-size: 12px;
padding-right: 30px;
}
.cart-item-options {
margin-top: 10px;
}
.cart-item-option .cart-item-option-name{
font-size: 12px;
color: #535D67;
margin-right: 5px;
}
.cart-item-option .cart-item-option-value {
font-size: 12px;
color: #000;
font-weight: 500;
}
.cart-item .cart-item-price-quantity {
text-align: right;
}
.cart-item .cart-item-price-quantity .btn-remove {
position: absolute;
top: 20px;
right: 0px;
}
.cart-item .ch-cart-quantity {
justify-content: flex-end;
}
.cart-item-price,
.cart-item-total {
white-space: nowrap;
}
.cart-item-total {
margin-top: 2px;
font-weight: 600;
color: #000;
}
.text-cart-item-price,
.text-cart-item-total {
margin-right: 6px;
}
.cart-col-right .table-cart .total-title {
padding-left: 0;
}
.cart-col-right .table-cart .total-text {
padding-right: 0;
}
.cart-item .cart-totals {
flex-direction: column;
margin-left: auto;
}
.cart-item .cart-item-price-quantity {
width: 100%;
margin-top: 10px;
}
.cart-item .cart-item-price-quantity > .justify-content-end {
align-items:center;
}
.cart-shipping {
margin-bottom: 10px;
}
.cart-shipping #collapse-shipping {
padding-bottom: 20px;
margin-bottom: 20px;
border-bottom: 1px solid #EAEDF7;
}
.cart-shipping .accordion-toggle{
font-size: 14px;
padding: 10px 0px;
color:#000;
display: inline-block;
}
.cart-item:last-child {
padding-bottom: 5px;
}
.checkout-col-left {
width: 100%;
margin-bottom: 0;
}
.checkout-col-left .cart-list{
padding: 15px;
margin-bottom: 20px;
}
.checkout-сustomer,
.checkout-address,
.checkout-shipping-address{
margin-bottom: 30px;
}
.mb-30 {
margin-bottom: 30px;
}
.checkout-сustomer,
.checkout-address,
.checkout-shipping-address,
.checkout-shipping-method,
.checkout-payment-method{
box-shadow: 0px 0px 0px 1px #EAEDF7;
border-radius: 8px;
padding: 15px;
}
.checkout-heading {
font-size: 16px;
font-weight: 600;
padding-top: 5px;
padding-bottom: 20px;
}
.form-control[disabled], .form-control[readonly], .form-control[disabled]:focus, .form-control[readonly]:focus, fieldset[disabled] .form-control {
background-color: #F7F8FB;
opacity: 1;
}
#payment-existing {
float:left;
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
#payment-address-new {
float:left;
width: 100%;
}
.payment .well.well-sm {
padding: 15px;
background: #F7F8FB;
box-shadow: none;
border-radius: 8px;
border-color: #EAEDF7;
}
.payment .well.well-sm p + p{
margin-bottom: 0;
}
.register-form {
float:left;
width: 100%;
overflow: hidden;
margin-top: 15px;
}
.register-form label{
font-size: 14px;
}
.shipping_method_title {
color:#000;
font-weight: 600;
margin-bottom: 10px;
}
.shipping_method_title ~ div.shipping_method_title {
margin-top: 15px;
}
.chm-radio label {
padding-left: 0;
font-size: 14px;
}
.chm-radio label input {
position: relative !important;
min-width: 16px;
width: 16px;
height: 16px;
margin: 0 10px 0 0 !important;
padding: 0 !important;
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
background: #fff;
border: solid 1px #DCE0E9;
outline: none !important;
cursor: pointer;
border-radius: 50%;
top:3px;
}
.chm-radio label input:hover {
border: solid 1px #b3d7ff;
}
.chm-radio label input[type="radio"]:checked {
background: #b3d7ff;
border: solid 1px #b3d7ff;
}
.chm-radio label input[type="radio"]:checked:after {
position: absolute;
content: '';
top: 50%;
left: 50%;
width: 12px;
height: 12px;
border: solid 3px #fff;
border-radius: 50%;
transform: translate(-50%, -50%);
}
.checkout-comment {
margin-bottom: 20px;
}
.checkout-cart-accordion {
margin-bottom: 15px;
}
.text-checkout-modules {
font-size: 14px;
color: #000;
padding-bottom: 20px;
margin-bottom: 15px;
display: block;
border-bottom: 1px solid #EAEDF7;
}
.cart-shipping .control-label{
text-align: left;
}
.cart-coupon .control-label,
.cart-reward .control-label,
.cart-voucher .control-label {
font-size: 13px;
font-weight: 600;
}
.cart-coupon .btn-primary,
.cart-reward .btn-primary,
.cart-voucher .btn-primary {
font-size: 14px;
}
#collapse-dop-module {
padding-top: 5px;
border-bottom: 1px solid #EAEDF7;
margin-bottom: 15px;
}
.table_total {
border-bottom: 1px solid #EAEDF7;
padding-bottom: 15px;
display: block;
}
@media (min-width: 320px) {
.checkout-col-left .cart-list{
box-shadow: 0px 0px 0px 1px #EAEDF7;
border-radius: 8px;
}
.cart-col-right {
box-shadow: 0px 0px 0px 1px #EAEDF7;
border-radius: 8px;
padding: 15px;
}
}
@media (min-width: 620px) {
.cart-item .cart-item-price-quantity {
width:auto;
max-width: 220px;
}
.cart-item-total {
margin-top: 5px;
}
.cart-item {
flex-wrap: nowrap;
}
.cart-item-price-quantity {
flex-direction: column;
}
.cart-item .cart-item-price-quantity .btn-remove {
position: relative;
margin-left: 15px;
top: 0;
}
.cart-item .cart-totals {
margin-top: 15px;
}
}
@media (min-width: 768px) {
.cart-item:first-child {
padding-top: 5px;
}
.checkout-col-left .cart-list{
box-shadow: 0px 0px 0px 1px #EAEDF7;
border-radius: 8px;
}
.cart-col-left {
box-shadow: 0px 0px 0px 1px #EAEDF7;
border-radius: 8px;
padding: 15px;
}
.cart-item:hover .cart-item-prod-name a {
color: #0f4b82;
}
}
@media (min-width: 992px) {
.page-cart {
flex-direction: row;
}
.checkout-comment {
margin-bottom: 0px;
}
.checkout-сustomer,
.checkout-address,
.checkout-shipping-address,
.checkout-shipping-method,
.checkout-payment-method{
padding: 20px;
}
.checkout-col-left .cart-list{
padding: 20px;
margin-bottom: 30px;
}
.cart-col-right {
padding: 20px;
position: sticky;
top:20px;
padding: 20px;
}
.checkout-col-left {
margin-right: 30px;
}
.cart-col-left {
margin-right: 30px;
margin-bottom: 0;
padding: 20px;
}
.cart-col-right {
max-width: 350px;
}
}
.chm-page-nf-ec {
padding: 10px 25px 25px 25px;
border-radius:10px;
margin-top: 15px;
background: #fff;
}
.chm-not-found h1 {
font-size: 26px;
font-weight: 600;
margin-bottom: 20px;
}
.chm-not-found img {
max-width: 100%;
}
.modal-xl {
max-width: 1030px;
width: calc(100% - 30px);
}
.modal-backdrop ~ .modal-backdrop {
opacity: 0;
}
.banner-blocks-container .col-lg-4 {
width: 20%;
}
.kj-item {
display: flex;
padding: 16px 0;
border-bottom: 1px solid #EAEDF7;
}
.products-var {
overflow: hidden;
}
.stock_status_success {
font-weight: 400;
}
.products-var .manufacturer {
font-size: 18px;
font-weight: 700;
}
.product-thumb .symbol_currency {
margin-right: 5px;
}
.products-var .manufacturer a {
font-weight: 700;
font-size: 16px;
color: #232f3e;
margin-bottom: 5px;
display: inline-block;
margin-top: 5px;
}
.products-var > div {
align-items: center;
}
.price-action-group {
margin-bottom: 0;
flex-wrap: nowrap !important;
padding: 20px 0;
align-items: center;
}
.tabs__header.tabs_top {
margin-top: 10px;
}
.info-product {
flex-direction: column;
}
.show-all-tabs {
display: flex;
flex-wrap: wrap;
}
.tab-content.show-all-tabs .tab-pane ~ .tab-pane {
margin-top: 0;
}
#tab-description {
margin-top: 0;
margin-top: 30px;
border-right: 0;
}
#tab-question-answer {
border-left: 0;
}
.tabs-product .tab-content.show-all-tabs .tab-pane, .tab-content.show-all-tabs .tab-pane ~ .tab-pane {
margin-top: 0 !important;
border-radius: 0;
}
.reward_block span {
margin-right: 2px;
font-weight: 500;
color: #FF671F;
}
.info-product-reward {
color: #000;
}
.manufacturer-text, .brand_text {
display: block;
font-weight: 400;
color: #788192;
font-size: 14px;
line-height: 18px;
margin-top: 0px;
}
.reward_block {
font-size: 14px;
font-weight: 400;
}
.kj-item .image-bonus {
width: 22px;
height: 22px;
background: #fa7634;
display: -ms-flexbox;
display: -webkit-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
border-radius: 50px;
margin-right: 10px;
}
.kj-item .image-bonus img {
width: 8px;
}
.reward_block {
width: 100%;
display: flex;
align-items: center;
margin-top: 4px;
}
.kj-item > .reward, .kj-item > .stock_status {
display: none;
}
.right-block-inner .kjseries .input_qty .input-group {
flex-direction: column;
display: flex;
}
.input_qty .input-group-btn {
display: flex;
width: max-content;
}
.right-block-inner .kjseries .input_qty .input-group-btn button {
cursor: pointer;
display: block;
font-size: 14px;
height: 16px;
line-height: 10px;
position: relative;
text-align: center;
width: 36px;
background: #fff;
display: flex;
align-items: center;
justify-content: center;
}
.right-block-inner .kjseries .input_qty .input-group-btn:first-child button {
border-radius: 8px 8px 0px 0px;
border-left: 1px solid #EAEDF7;
border-right: 1px solid #EAEDF7;
border-top: 1px solid #EAEDF7;
border-bottom: 0;
}
.right-block-inner .kjseries .input_qty .input-group-btn:last-child button {
border-radius: 0px 0px 8px 8px;
border-left: 1px solid #EAEDF7;
border-right: 1px solid #EAEDF7;
border-bottom: 1px solid #EAEDF7;
border-top: 0;
margin-left: 0;
}
.right-block-inner .kjseries .input_qty button {
height: 16px !important;
min-height: 16px;
}
.right-block-inner .kjseries .input-group input {
height: 22px !important;
min-width: 36px;
width: 36px;
padding: 0px 2px;
text-align: center;
border-radius: 0px;
border-left: 1px solid #EAEDF7;
border-right: 1px solid #EAEDF7;
border-top: 0px;
border-bottom: 0px;
vertical-align: top;
box-shadow: none;
color: #000;
background: none;
}
.kjseries .stock-kj {
color: #53A974;
font-size: 14px;
display: inline-flex;
height: 24px;
padding: 4px 10px;
border-radius: 4px;
align-items: center;
justify-content: center;
margin-top: 3px;
font-weight: 400;
font-size: 14px;
}
.kjseries .stock-kj:before {
content: "";
background: #53A974;
-webkit-mask-image: url("../image/sprite.svg#icon-sstock");
mask-image: url("../image/sprite.svg#icon-sstock");
width: 7px;
height: 6px;
margin-right: 4px;
}
.kjseries .price_special {
display: flex;
text-align: center;
position: relative;
font-size: 22px;
font-weight: 700;
}
.price_special {
width: 16%;
}
.kj-item .stock_status_success {
min-width: 160px;
}
.kjseries .price_special .new-pice {
order: 1;
position: relative;
color: #232f3e;
}
.kjseries .price_special b {
font-size: 22px;
}
.kjseries .price_special strike {
position: absolute;
top: -7px;
left: 50%;
transform: translate(-50%, -50%);
font-size: 13px;
color: #666;
margin-left: -5px;
font-weight: 400;
}
.btn_buy_text button, .btn_buy_text button:focus {
min-height: 50px;
}
.reward_block .image-bonus {
display: none;
}
.btn-block.add-kjseries {
display: flex;
align-items: center;
width: 140px;
justify-content: center;
}
/*
.btn_buy_text .add-kjseries .icon-cart-add {
margin-right: 8px;
*/
width: 22px;
}
.price-action-group {
display: none;
}
.custom-block-products {
margin-top: 25px;
border: 1px solid #eef1f8;
border-radius: 12px;
padding: 24px;
}
.top-product-button > div {
width: 33.33%;
padding: 0 12px;
}
.compare-wishlist-group button, #product .fastorder-main button, .call-main a {
width: 100%;
display: flex;
background: #eef1f8;
border: none !important;
border-radius: 12px;
height: 45px;
cursor: pointer;
align-items: center;
justify-content: center;
}
.compare-wishlist-group button:hover, #product .fastorder-main button:hover, .call-main a:hover {
background:#EAEDF7;
}
#product .btn-wishlist .btn-icon-wishlist, #product .btn-fastorder .btn-icon-fastorder, #product .call-main img {
margin-right: 8px;
}
#product .call-main img {
height: 20px;
margin-top: -3px;
}
.call-main .icon-image {
color: #000;
}
#product .product-thumb .btn-general {
background-color: #4A86C7;
color: #232f3e;
width: 120px;
min-width: 120px;
font-weight: 500;
height: 44px;
}
#product .btn-general .icon-cart-add {
width: 24px;
margin-right: 1px;
margin-top: -2px;
}
#product .info-model a {
cursor: pointer;
}
#product .info-model a path {
transition: all 1s;
}
#product .info-model a:active path {
fill: #FF671F;
transition: 0s
}
.input_qty {
display: none;
}
#product .info-group {
flex: initial;
margin-top: 0;
width: 28%;
justify-content: center !important;
padding-left: 10px;
}
#product .price {
width: 16%;
align-self: center;
}
#language .btn-group {
background: #1a1a1a;
border-radius: 20px;
padding: 4px;
height: 30px;
margin-top: 2px;
display: flex;
}
#language .btn-group div button {
padding-left: 7px;
padding-right: 7px;
border-radius: 20px !important;
font-size: 10px;
background: transparent;
display: inline-block;
line-height: 18px;
border: none;
color: #fff;
}
#language .btn-group div.active button {
background: #232f3e;
color: #fff;
box-shadow: 0px 1px 0px rgba(0,0,0,0.2);
padding-left: 7px;
padding-right: 7px;
font-size: 11px;
line-height: 18px;
}
.kit-cat > div {
display: flex;
flex-wrap: wrap;
border-top: 1px solid #EAEDF7;
padding: 15px 0;
justify-content: space-between;
align-items: center;
}
.kit-cat > div .manuf {
width: 100%;
display: block;
width: max-content;
color: #111111 !important;
}
.kit-cat > div .stock {
font-size: 13px;
color: #53A974;
font-weight: 500;
}
.kit-cat > div .stock::before {
content: "";
background: #53A974;
-webkit-mask-image: url("../image/sprite.svg#icon-sstock");
mask-image: url("../image/sprite.svg#icon-sstock");
width: 7px;
height: 6px;
margin-right: 4px;
display: inline-block;
}
.car_name::before {
content: "";
background-image: url(/image/car.svg);
width: 14px;
height: 14px;
display: inline-block;
margin-bottom: -2px;
margin-right: 5px;
}
.kit-cat > div .series-price {
color: #232f3e;
font-weight: 700;
font-size: 14px;
margin-left: auto;
margin-right: 15px;
}
.kit-cat > div .btn-general {
height: 34px !important;
min-width: 34px;
color: #fff;
width: 34px;
padding: 0;
}
.qty-not-in-stock {
font-weight: 400;
font-size: 12px;
}
.kit-cat > div .btn-general:hover {
background-color: #CF892B !important;
}
.kit-cat > div .btn-general .icon-cart-add {
width: 18px;
height: 18px;
background-size: 18px;
background-repeat: no-repeat;
}
.product-grid .product-thumb .cart, .product-thumb .price {
margin: 0;
}
.kit-cat > div:last-child {
padding-bottom: 0;
}
.kit-cat > div .btn-general.is-active {
background: #53A974 !important;
}
.swiper-module .kit-cat > div .btn-general.is-active {
background: #ECF9F1 !important;
}
.ch-stock-status {
display: flex;
flex-direction: column;
}
.reward-category span {
font-weight: 500;
color: #FF671F;
}
.reward-category {
line-height: 16px;
font-size: 13px;
}
.container-module .item .product-thumb {
height: max-content;
}
input.required-n {
border-color: #f56b6b !important;
}
.series-item {
position: relative;
}
.man-rew {
display: flex;
justify-content: space-between;
width: 100%;
flex-wrap: wrap;
}
.right-pr-share {
display: flex;
position: absolute;
right: 25px;
top: 19px;
}
.nextprev-share-group {
margin-right: 10px;
}
#modal-quickview .info-group.dflex {
width: 168px;
}
#modal-quickview .kjseries .price_special {
flex-direction: initial;
align-items: center;
min-width: 100px;
}
#modal-quickview .new-pice {
order: 1;
position: relative;
width: 100%;
padding-right: 10px;
font-size: 20px;
text-align: left;
}
#popup-quickview .btn-fastorder {
background: #eef1f8;
height: 45px !important;
border: none !important;
border-radius: 12px;
}
#modal-quickview .btn-general {
width: 140px;
}
#modal-quickview .product-thumb .quantity input {
width: 40px !important;
}
#modal-quickview .kjseries .quantity {
margin-top: 0px;
width: 100%;
margin-left: -65px;
top: -44px;
}
#modal-quickview .kjseries .quantity::after {
content: '';
width: 80px;
height: 20px;
position: absolute;
margin-top: -10px;
}
#modal-quickview .btn-general .text-cart-add {
color: #fff;
}
#modal-quickview .quantity-adder {
display: none;
}
#modal-quickview #button-cart-quickview {
height: 50px;
min-width: 140px;
padding: 0;
}
#popup-quickview .info-group {
flex: auto;
max-width: initial;
width: 140px;
margin-top: 0;
}
#popup-quickview .btn-general.is-active .icon-cart-add {
content: "";
background: #53A974;
-webkit-mask-image: url("../image/sprite.svg#icon-sstock");
mask-image: url("../image/sprite.svg#icon-sstock");
width: 20px;
height: 20px;
margin-right: 2px;
background: #fff;
}
#popup-quickview .btn-general.is-active {
background: #53A974 !important;
}
#popup-quickview .qv-price-action-group {
margin-bottom: 0;
flex-wrap: nowrap !important;
padding: 20px 0;
align-items: center;
}
#popup-quickview .price {
align-self: center;
}
#popup-quickview .price {
min-width: 100px;
margin-right: 0;
text-align: center;
}
#popup-quickview .info-product-reward {
margin-left: 0;
}
#modal-quickview #popup-quickview .info-product-reward {
display: flex;
align-items: center;
}
.header-cart-fix-right {
z-index: 99999;
}
#popup-quickorder .kj-item .kjradio input {
margin-right: 8px;
margin-top: 0px;
}
#popup-quickorder .kj-item .kjradio {
width: 25px;
height: 14px;
}
#popup-quickorder .kj-item {
justify-content: flex-start;
align-items: center;
}
#popup-quickorder .kjseries .stock-kj {
margin-right: 45px;
background: none;
padding: 0;
}
#popup-quickorder .kjseries .new-pice {
margin-right: 35px;
background: none;
font-size: 16px;
font-weight: 700;
line-height: 24px;
position: relative;
min-width: 85px;
padding-left: 5px;
display: block ruby;
}
#popup-quickorder .kjseries .new-pice strike {
position: absolute;
top: -5px;
left: 30%;
transform: translate(-50%, -50%);
font-size: 13px;
color: #666;
margin-left: 0px;
font-weight: 400;
display: flex;
}
#popup-quickorder .kjseries .reward_block, #popup-quickorder .kjseries .stock-kj {
margin-top: 0;
}
#popup-quickorder .manuf {
width: 175px;
}
#popup-quickorder .brand_text {
font-size: 12px;
}
#popup-quickorder .kjseries .stock-kj {
margin-right: 15px;
}
.special_fast .price-old {
margin-bottom: -2px;
}
.price_fast #formated_price_quickorder, .price_fast #formated_special_quickorder {
font-weight: 700;
font-size: 18px;
}
.special_fast .price-old {
font-size: 12px;
}
.brand-reward {
padding-top: 14px;
justify-content: space-between;
display: flex;
}
.brand-reward .reward span {
font-weight: 500;
color: #FF671F;
margin-right: 5px;
}
#popup-quickorder .row-product .pr-name {
width: 80% !important;
}
#popup-quickorder .row-product .quantity_quickorder {
margin-left: 20px !important;
}
#popup-quickorder .row-product .pr-price {
width: 40% !important;
}
#popup-quickorder .stock-status.instock::before {
content: "";
background: #53A974;
-webkit-mask-image: url("../image/sprite.svg#icon-sstock");
mask-image: url("../image/sprite.svg#icon-sstock");
width: 7px;
height: 6px;
margin-right: 4px;
}
#popup-quickorder .row-product .pr-price {
display: flex;
flex-direction: column;
align-items: center;
}
.kjradio {
cursor: pointer;
}
#modal-quickorder, #modal-callback {
background-color: #00000085;
}
#popup-quickview .btn-wishlist {
margin-left: 0 !important;
}
.href_pr {
position: absolute;
bottom: 10px;
right: 10px;
color: #333;
background-color: #4A86C7 !important;
color: #fff;
height: 50px;
font-size: 14px;
border-radius: 8px;
border: none;
padding: 15px 30px;
font-weight: 500;
}
.href_pr:hover {
color: #fff;
}
.href_pr:hover {
text-decoration: underline;
}
.manufacturer {
font-size: 18px;
font-weight: 700;
}
.info-product-reward {
color: #000;
margin-top: 4px;
}
#product .info-group {
justify-content: flex-start !important;
padding-left: 0;
}
.price-action-group .cart {
padding-left: 5px;
margin-right: 20px;
}
.kjseries .price_special {
align-items: center;
}
.btn_buy_text {
width: 26%;
}
#content .cbp {
margin-top: 0;
margin-bottom: 0;
}
.description-text {
overflow: hidden;
line-height: 16.7px;
height: 173px;
width: 100%;
position: relative;
}
.description-text.active {
height: 100%;
}
.btn_buy {
padding-left:0px;
}
.kjseries .btn-general {
height: 46px;
min-width: 140px;
font-size: 15px;
border-radius: 12px;
}
.description-text::after {
content: '';
background: linear-gradient(180deg, rgba(255, 255, 255, 0.25) 25.43%, rgb(255, 255, 255) 95.78%);
width: 100%;
height: 30%;
position: absolute;
bottom: 0;
left: 0;
}
.desc-button .arrow::after {
content: '';
display: inline-block;
background: #919191;
-webkit-mask-image: url("../image/sprite.svg#icon-arrow-down");
mask-image: url("../image/sprite.svg#icon-arrow-down");
width: 12px;
height: 8px;
margin-left: 5px;
}
.desc-button.active .arrow::after {
transform: rotate(180deg);
}
.desc-button span {
font-size: 15px;
color: #5682c6;
cursor: pointer;
}
.desc-button span {
color: #0f4b82;
}
.desc-button span:hover {
color: #0f4b82;
}
.html-block .arrow {
display: none;
}
.desc-button {
margin-bottom: 30px;
}
.description-text.active::after {
display: none;
}
.desc-button.active {
margin-bottom: 10px;
display: block;
margin-top: -10px;
}
#popup-quickorder .kj-item {
cursor: pointer;
}
#popup-quickorder .reward_block span {
margin-right: 5px;
}
#tab-description .description-text {
height: 205px;
}
#tab-description .desc-button {
margin-top: 10px;
margin-bottom: 0;
}
#tab-description .description-text.active {
height: auto;
}
.tab-pane .chm-btn-primary {
border-radius: 12px;
background: #e19835;
font-weight: 500;
font-size: 15px;
height: 44px;
line-height: 44px;
padding: 0px 15px;
}
.brand-text {
color: #535D67;
font-size: 12px;
line-height: 15px;
margin-top: 3px;
margin-bottom: 5px;
}
.brand_text {
order: 0;
margin: 0 0 8px 0;
}
.brand-icons span:first-child img {
height: 17px;
margin-top: -3px;
}
.brand-icons span:last-child img {
height: 16px;
margin-top: -4px;
margin-left: 2px;
}
.brand-icons {
margin-left: 5px;
}
.brand-icons span {
cursor: pointer;
}
.note {
order: 3;
}
.caption .note {
margin-top: 10px;
text-align: left;
font-size: 12px;
border-top: 1px solid #eef1f8;
text-align: center;
}
.brand-cat .brand-icons span img {
height: 14px;
margin-top: -3px;
}
.manuf {
cursor: pointer;
}
.brand-cat {
display: flex;
flex-wrap: wrap;
margin-bottom: 5px;
}
#popup-quickview .stock_status_success {
margin-right: 0;
width: 120px;
padding: 0;
justify-content: flex-start;
}
#popup-quickview .reward_block {
width: 100%;
}
.manuf-fast {
font-size: 16px;
font-weight: 700;
}
#popup-quickview .info-product-reward {
margin-left: 0 !important;
margin-top: 4px !important;
}
#popup-quickview .cart {
max-width: 100% !important;
padding-left: 26px;
}
#popup-quickorder .kjseries .reward_block {
width: max-content;
}
.product-thumb .kit-cat .symbol_currency {
margin-right: 0;
}
#popup-quickview .top-product-button {
padding-bottom: 100px;
}
#simplecheckout_customer .form-horizontal {
display: flex;
flex-wrap: wrap;
}
#simplecheckout_customer .form-horizontal .form-group {
width: 50%;
margin: 0 0 15px;
}
/*
.search-suggestion.product .car {
position: absolute;
right: 20px;
bottom: 7px;
}
*/
.search-suggestion.product {
/*position: relative;*/
padding:3px 20px 3px 0;
margin: 3px 0;
}
.search-suggestion.product .price {
margin-top: 10px;
}
.header-search .dropdown-menu {
max-width: 100%;
min-width: 100%;
}
.chm-btn-white {
color: #000000;
background-color: #F7F8FB;
}
.header-cart-actions .chm-btn-white:hover {
color: #000000;
background-color: #EAEDF7;
}
.dropdown-menu li.disabled .search-suggestion .title {
border: none !important;
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
padding-left: 5px;
}
.box-search .dropdown-menu > li.inline:last-child {
margin-bottom: 15px;
}
#search .dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 270px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 12px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
#search .dropdown-menu.pull-right {
right: 0;
left: auto;
}
#search .dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
#search .dropdown-menu > li > a,
#search .dropdown-menu li.disabled {
display: block;
padding: 3px 10px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: unset;
text-decoration: none;
}
#search .dropdown-menu li.inline a {
border-radius: 5px;
padding: 5px 5px;
}
#search .dropdown-menu li.more a {
padding: 0;
}
#search .dropdown-menu > li > a:hover,
#search .dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
background-image: none;
}
#search .dropdown-menu > .active > a,
#search .dropdown-menu > .active > a:hover,
#search .dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-image: none;
outline: 0;
}
#search .dropdown-menu > .disabled > a,
#search .dropdown-menu > .disabled > a:hover,
#search .dropdown-menu > .disabled > a:focus {
color: #777;
}
#search .dropdown-menu > .disabled > a:hover,
#search .dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
#search .dropdown-menu {
max-width: 100%;
overflow: hidden auto;
max-height: 60vh;
}
#search .dropdown-menu::-webkit-scrollbar-track {
background-color: transparent;
}
#search .dropdown-menu::-webkit-scrollbar {
width: 4px;
background-color: white;
}
#search .dropdown-menu::-webkit-scrollbar-thumb {
background-color: rgba(0,0,0,0.2);
border-radius: 10px;
}
#search .dropdown-menu li {
list-style-image: none !important;
clear: both;
}
#search .dropdown-menu li:not(.disabled, .inline, .more) {
border-bottom: 1px solid #f1f1f1;
}
#search .dropdown-menu li.inline {
display: inline-block;
margin-left: 5px;
vertical-align: top;
}
#search .dropdown-menu li.inline .search-suggestion{
text-align: center;
}
#search .dropdown-menu li .title {
font-size: 1em;
text-transform: none;
line-height: normal;
}
#search .dropdown-menu li.disabled .title {
width: fit-content;
padding-bottom: 5px;
font-size: 1.2em;
}
.search-suggestion {
overflow: hidden;
width: 100%;
display: flex;
gap: 15px;
}
.search-suggestion .center {
flex-grow: 1;
min-width: 0;
display: flex;
justify-content: center;
flex-direction: column;
}
li:not(.inline, .more) .search-suggestion .center > div {
margin-bottom: 3px;
}
.search-suggestion .left, .search-suggestion .right {
align-self: center;
text-align: center;
}
.search-suggestion .label {
font-weight: normal;
color: darkgray;
padding-left: 0;
padding-right: 5px;
}
.search-suggestion .image img {
border-radius: 5px;
}
.search-suggestion .price-old {
/*text-decoration: line-through;*/
text-decoration: none;
display: block;
margin-right: 2px;
color: #979393;
position: relative;
font-weight: normal;
font-size: 0.8em;
}
.search-suggestion .price-old:before {
content: "";
border-bottom: 1px solid #979393;
position: absolute;
width: 100%;
height: 50%;
transform: rotate(-12deg);
font-size: 0.8em;
}
.search-suggestion .price-new {
display: block;
color: #ff2e2e;
}
.search-suggestion .price-base {
color: black;
}
.search-suggestion .more {
line-height: 44px;
text-align: center;
font-size: 1.1em;
opacity: 0.7;
background: linear-gradient(180deg, #d2e7ff 0%, #d2e7ff 50%, #d2e7ff 100%) !important;
opacity: 1 !important;
height: 44px;
color: #333;
font-size: 16px;
border-radius: 8px;
margin-top: 10px;
}
.search-suggestion .more:hover {
opacity: 1;
}
.search-suggestion .out-stock .value {
color: #ff2e2e;
color: white;
background-color: #ff2e2e;
width: fit-content;
padding: 1px 5px;
border-radius: 4px;
font-size: 0.8em;
font-weight: 700;
}
.search-suggestion .in-stock .value {
color: #00dd00;
color: white;
background-color: #00dd00;
width: fit-content;
padding: 1px 5px;
border-radius: 4px;
font-size: 0.8em;
font-weight: 700;
}
/*.search-suggestion .name {
font-size: 14px;
font-weight: 400 !important;
margin-top: 4px;
display: block;
}*/
#sharesocial {
padding: 25px 0 !important;
display: flex;
justify-content: center;
border-top: 1px solid #EAEDF7;
}
.brand-desc {
color: #535D67;
font-size: 12px;
}
.car-cart {
font-weight: 700;
display: inline-block;
margin-top:2px;
}
.brand-block {
margin-top: 5px;
}
.short-attribute.attrid1 .attr-text > span > p, .short-attribute.attridsys .attr-text > span > p {
margin: 0;
}
@media (max-width: 768px) {
.right-pr-share {
position: initial;
}
.tabs__header__scroll {
display: flex;
}
.tab-white-bg .my-tabs {
width: auto !important;
min-width: auto !important;
}
.right-pr-share {
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
}
.brand_text {
margin-top: 5px;
}
#product .info-group {
width: 100%;
position: relative;
}
.product-thumb.kj-item {
flex-wrap: wrap;
justify-content: space-between;
}
.info-product-stock {
order: 1;
}
.kjseries .price_special {
order: 2;
}
.btn_buy {
order: 3;
padding: 0;
}
.products-var .manufacturer {
position: relative;
margin-bottom: 5px;
}
.reward_block {
font-size: 12px;
}
.reward_block {
width: max-content;
position: absolute;
right: 0;
margin-top: -2px;
}
.kj-item .stock_status_success {
margin-right: 0;
}
#product .stock_status_success {
padding: 0;
font-size: 13px;
}
.price_special {
width: max-content;
}
#product .btn-fastorder {
margin-top: 0;
}
.top-product-button > div {
padding: 0 4px;
}
.top-product-button {
margin: 0 -4px;
}
#product .btn-wishlist .btn-icon-wishlist {
margin-right: 4px;
}
#product .btn-fastorder .btn-icon-fastorder {
margin-right: 7px;
}
.btn-wishlist .btn-icon-wishlist {
width: 16px;
height: 16px;
}
.compare-wishlist-group button, #product .fastorder-main button, .call-main a {
font-size: 13px;
}
.call-main .icon-image {
display: flex;
justify-content: center;
align-items: center;
line-height: 12px;
text-align: left;
}
#product .call-main img {
margin-right: 0;
width: 16px;
margin-left: 14px;
margin-right: 8px;
}
.video-block iframe {
height: 350px !important;
}
.price-action-group {
flex-wrap: wrap !important;
justify-content: space-between;
}
.info-product-reward {
position: absolute;
right: 0;
top: -4px;
}
.manufacturer-text {
margin-top: 6px;
}
.manufacturer {
margin-bottom: 15px;
}
#fastorder_data .kjseries label .manufacturer {
margin-bottom: 0;
}
.quantity-adder {
display: none;
}
#product .price {
width: max-content;
order: 1;
margin: 0;
}
.price-action-group .cart {
order: 3;
padding: 0;
margin: 0;
}
#product .cart .btn-general {
width: 140px;
height: 50px;
padding: 0;
}
.fastorder-main span {
white-space: pre-wrap;
line-height: 14px;
text-align: left;
}
#product .fastorder-main button {
padding: 0;
}
.btn-icon-fastorder {
width: 19px;
margin-left: 17px;
}
#fp_0 {
display: none;
}
.product-thumb .btn-icon-fastorder {
margin-left: 0;
margin-right: 0 !important;
}
.brand-cat .brand-icons span img {
height: 12px;
}
.reward-category {
font-size: 10px;
}
.kit-cat > div .manuf {
margin-bottom: 0;
font-size: 12px;
line-height: 16px;
}
.product-thumb .brand-text {
overflow: hidden;
height: 18px;
margin-bottom: 0;
}
.sp-seo-faq .faq-link {
padding: 15px 30px 15px 24px;
font-size: 14px;
}
.sp-seo-faq .faq-title {
font-size: 20px;
}
.category_description {
padding: 15px 10px;
}
.desc-button {
margin-top: 10px;
}
.manuf {
font-size: 12px;
line-height: 16px;
}
.product-thumb .stock-status {
font-size: 10px;
}
.kit-cat > div .series-price {
font-size: 16px;
}
.product-thumb .price {
font-size: 16px;
min-height: 30px;
}
.kit-cat > div .btn-general {
height: 30px !important;
min-width: 30px;
}
.product-thumb .stock-status.instock::before {
display: none;
}
.product-thumb .btn-general.is-active .icon-cart-add {
width: 15px;
height: 15px;
min-width: 15px;
}
.kit-cat > div .btn-general .icon-cart-add {
width: 16px;
height: 16px;
}
.swiper-module .product-thumb .kit-cat .btn-general .icon-cart-add {
display: block;
background-image: url("/image/icon-cart0.svg");
width: 15px;
height: 15px;
background-size: 15px;
background-repeat: no-repeat;
margin-right: 0;
}
.swiper-module .kit-cat > div .series-price {
font-weight: 700;
font-size: 14px;
margin-left: auto;
align-items: center;
display: inline-flex;
padding-right: 10px;
margin-right: 0;
}
.product-thumb {
padding: 10px;
}
.caption .note {
font-size: 11px;
}
.product-thumb.kj-item {
padding: 12px 0;
}
.caption .text-cart-add {
display: none !important;
}
.container-module .product-thumb .cart {
min-width: 30px;
width: 30px;
height: 30px;
margin-top: 0;
}
.container-module .product-thumb .cart .btn {
min-width: 30px;
padding: 0;
width: 30px;
height: 30px;
}
.kit-cat > div {
padding: 10px 0;
}
.price-actions-box {
margin-top: 0 !important;
min-height: 30px;
}
.kit-cat .man-rew {
margin-bottom: 7px;
align-items: center;
}
.product-grid .product-thumb .cart .btn, .product-grid .product-thumb .cart {
width: 30px;
min-width: 30px;
height: 30px;
padding: 0;
}
.btn-general .icon-cart-add {
height: 16px;
}
.brand-cat {
padding-right: 10px;
margin-bottom: 0;
}
.product-thumb.dflex.flex-column.h-100, .product-grid .product-thumb {
box-shadow: none;
height: max-content !important;
}
.product-layout.product-grid.col-xs-6, .item.swiper-slide {
box-shadow: none;
}
.product-layout.product-grid.col-xs-6 {
border: 1px solid #eef1f8 !important;
border-radius: 0;
border-top: none !important;
}
.product-layout.product-grid.col-xs-6:nth-child(2n) {
border-left: none !important;
}
.product-thumb .caption > div:nth-child(3):not(.count-products-grid) {
margin-top: 0 !important;
}
.product-thumb .product-name a {
max-height: 40px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
padding-bottom: 0;
}
body #modal-quickview .modal-title {
margin-top: 0;
padding-right: 50px;
line-height: 20px;
}
#modal-quickview .chm-modal .modal-header::before {
display: none;
}
body #popup-quickview .qv-price-action-group {
flex-wrap: wrap !important;
justify-content: space-between;
}
#popup-quickview .info-product-reward {
position: relative;
}
body #popup-quickview .right-block {
padding-left: 0;
padding-right: 0;
}
body #modal-quickview .info-group.dflex.man-block {
width: 100%;
position: relative;
}
#modal-quickview #popup-quickview .info-product-reward {
width: max-content;
position: absolute;
}
#popup-quickview .cart {
padding-left: 0;
}
#popup-quickview .info-product-stock {
order: 0;
}
body #modal-quickview #button-cart-quickview, body #popup-quickview .cart {
width: 140px;
height: 50px;
}
body #modal-quickview .info-group.dflex.cart-block {
width: 140px !important;
height: 50px;
min-width: 140px;
max-width: 140px;
}
#popup-quickview .price {
min-width: 80px;
text-align: left;
}
#popup-quickview .stock_status_success {
width: 100px;
}
body #popup-quickview .call-main .icon-image img {
width: 16px;
margin-left: 12px;
margin-right: 4px;
}
#popup-quickview .btn-wishlist .btn-icon-wishlist {
margin-right: 3px;
}
#popup-quickview .top-product-button {
padding-bottom: 15px;
}
body #popup-quickview .btn-fastorder {
margin-top: 0;
height: 40px;
font-size: 13px;
padding: 0;
}
#popup-quickview .top-product-button {
margin-bottom: 15px;
}
.href_pr{
display: block;
width: 180px;
margin: 0 auto;
position: initial;
padding: 10px;
text-align: center;
height: 44px;
line-height: 44px;
padding:
0;
}
#modal-quickview .chm-modal {
width: auto !important;
}
#modal-quickview .info-group.dflex {
width: 100%;
min-width: 100%;
}
#popup-quickview .reward_block {
right: 0;
width: max-content;
position: initial;
}
#product .btn-general .icon-cart-add {
width: 25px;
height: 18px;
}
#product .btn-general .text-cart-add {
font-size: 14px;
}
#popup-quickview .btn-general .icon-cart-add {
height: 18px;
}
#fastorder_data .brand-text {
text-align: left;
}
#popup-quickorder .row-product .quantity_quickorder {
margin-top: -10px;
}
#popup-quickorder .manuf {
width: 90%;
}
#popup-quickorder .kjseries .reward_block {
position: relative;
}
#popup-quickorder.chm-modal .modal-body {
padding: 15px;
}
body #popup-quickorder {
padding: 0;
}
#popup-quickorder .kjseries .stock-kj {
margin-left: 25px;
font-size: 12px;
}
#popup-quickorder .kjseries .new-pice {
margin-right: 5px;
padding-left: 10px;
}
#popup-quickorder .manuf {
margin-bottom: 5px;
}
.header-cart-voucher-name, .header-cart-product-name a {
font-size: 13px;
color: #232f3e;
font-weight: 600;
}
#simplecheckout_cart {
margin-top: 50px;
}
.simplecheckout-cart .products-item .stock_status_success {
font-size: 12px;
}
.simplecheckout-cart .car-checkout {
font-size: 12px;
}
.totals-main-block #total_shipping .simplecheckout-cart-total-value {
font-size: 18px;
display: flex;
align-items: center;
justify-content: flex-end;
}
.chm-content #print .number {
margin: 10px 0 20px;
font-size: 20px;
}
.info-succes > div {
padding: 0;
}
.info-succes {
display: block;
}
.info-succes h3 {
font-size: 16px;
}
.totals-main-block .simplecheckout-cart-total-value {
font-size: 20px;
}
#total_shipping {
display: flex;
justify-content: flex-end;
}
.simplecheckout-cart .btn-block {
justify-content: flex-start !important;
}
.btn-quickview .btn-icon-quickview, .btn-fastorder .btn-icon-fastorder, .btn-wishlist .btn-icon-wishlist {
width: 17px;
min-width: 17px;
height: 18px;
}
.btn-quickview, .btn-fastorder, .btn-wishlist {
height: 28px;
min-width: 28px;
width: 28px;
border-radius: 5px;
}
.container-module .product-thumb .addit-action {
align-items: flex-end;
}
#print .info-succes {
display: block;
}
#print .info-succes > div {
padding: 0;
}
#print .info-succes .two {
margin-top: 20px;
}
#print .column-right {
margin-top: 30px;
}
.chm-content, .chm-account-content {
padding: 15px;
}
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 500px;
margin: 20px auto;
}
.info-succes .one img {
width: 24px;
height: 30px;
}
.responsive-success h3 img {
width: 26px;
height: 32px;
margin-right: 8px;
}
.info-succes {
display: flex;
justify-content: center;
}
.info-succes > div {
padding: 0 50px;
}
#print .number {
text-align: center;
margin: 30px 0 40px;
font-size: 22px;
}
.info-succes .one > span, .info-succes .two > span {
display: block;
margin-bottom: 5px;
}
.info-succes .two {
margin-top: 30px;
}
.info-succes h3 {
margin-bottom: 15px;
}
.info-s-ord span, .sale-total span, .total-item-suc .text-left, .time-suc span {
color: #535D67;
}
.info-succes h3 img {
margin-right: 10px;
}
.info-succes .three .info-s-ord {
display: block;
}
.info-s-pay {
margin-bottom: 5px;
display: block;
}
.total-block-suc {
padding-top: 8px;
margin-top: 8px;
border-top: 1px solid #EAEDF7;
}
.total-block-suc .total-item-suc:last-child .text-right {
font-size: 16px;
font-weight: 600;
color: #000;
}
.time-suc {
margin-bottom: 8px;
}
.center-suc {
padding-top: 8px;
margin-top: 8px;
border-top: 1px solid #EAEDF7;
}
.opt-suc {
padding-top: 13px;
margin-top: 15px;
border-top: 1px dashed #c3c3c3;
}
.info-order {
border-bottom: 1px dashed #dadada;
}
.opt-suc .title {
display: block;
margin-bottom: 5px;
font-size: 16px;
color: #535D67;
}
.total-item-suc {
margin-bottom: 3px;
}
.info-succes .column-left {
max-width: 500px;
}
.responsive-success h3 {
text-align: center;
margin-top: 40px;
}
.item-suc {
display: flex;
width: 54%;
margin: 0 auto;
padding: 15px 0;
border-bottom: 1px solid #EAEDF7;
gap: 8px;
}
.item-suc img {
width: 70px;
}
.item-suc .info {
padding-left: 15px;
}
.item-suc .info .name a {
color: #222;
}
.item-suc .model-q {
display: flex;
align-items: center;
min-width: 120px;
}
.item-suc .quantity {
display: flex;
align-items: center;
min-width: 45px;
}
.item-suc .image {
display: flex;
align-items: center;
}
.prices-suc {
margin-left: auto;
display: flex;
align-items: center;
}
.prices-suc .price-main {
font-weight: 500;
}
.responsive-success .item-suc:last-child {
border: none;
}
.box-search .drop-icon-info::after {
width: 12px;
height: 8px;
}
.box-search .active-category-name {
width: 100%;
font-size: 14px;
}
.btn-search-select {
text-align: center;
}
.min_max_price {
font-size: 15px;
font-weight: 600;
}
#kjsimpleloading
{
position: fixed;
width: 50px;
height: 50px;
top: 50%;
left: 50%;
margin-top: -25px; /* Negative half of height. */
margin-left: -25px;
}
.order-main {
display: none;
}
.head-order {
display: flex;
justify-content: space-between;
}
.head-order .left {
font-size: 15px;
line-height: 20px;
padding-top: 4px;
display: flex;
width: 53%;
}
.head-order .right {
display: flex;
align-items: center;
width: 47%;
justify-content: space-between;
padding: 0 10px 0 0;
font-size: 15px;
}
.item-order {
padding: 20px 0;
border-bottom: 1px solid #e8e8e8;
}
.order-text {
width: 52%;
}
#account-order .chm-account-content {
padding: 0 30px;
}
#account-order .item-order:last-child {
border: none;
}
.product-order {
display: flex;
margin-bottom: 30px;
}
.product-order .left {
display: flex;
width: 81%;
}
.product-order .right {
width: 19%;
display: flex;
justify-content: space-between;
padding-top: 0;
align-items: center;
font-size: 15px;
}
.product-order .model{
margin-left: auto;
align-items: center;
display: flex;
width: 28%;
}
.products-order-main .quantity {
padding-left: 20px;
}
.product-order .name-order {
width: 72%;
padding-left: 15px;
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 15px;
}
.order-price {
font-weight: 700;
}
.order-status {
color: #53A974;
}
.product-order .name a {
color: #000;
}
.product-order .car-checkout, .item-suc .car-checkout {
font-weight: 600;
margin-top: 3px;
}
.product-order .manufacturers-cart, .item-suc .manufacturers-cart {
margin-top: 3px;
font-weight: 700;
}
.product-order .reward-category, .item-suc .reward-category {
margin-top: 3px;
}
.item-order .drop-icon-info.active::after {
transform: rotate(180deg);
}
.drop-icon-info {
color: #777;
cursor: pointer;
}
.item-order .drop-icon-info::after {
margin-left: 10px;
height: 7px;
width: 10px;
}
.info-order span {
font-weight: 700;
}
.info-order {
margin-bottom: 10px;
}
.info-order .title {
font-weight: 400;
}
.info-order .opt-suc .title {
font-size: 14px;
}
.address-totals .total {
display: flex;
}
.address-totals .total .text {
margin-left: 5px;
font-weight: 700;
}
.info-order .info-s-ord span {
color: #222;
}
.allhistories h3 {
margin-top: 40px;
font-size: 15px;
font-weight: 600;
}
.order-main-block .allhistories {
margin-bottom: 0;
}
.order-main-block .allhistories h3 {
margin-top: 25px;
margin-bottom: 15px;
}
.order-main-block .info-order {
border-bottom: 0;
}
.histore {
display: flex;
border-bottom: 1px dashed #c3c3c3;
}
.histore > div {
margin-right: 50px;
padding: 5px 0;
}
.allhistories .added {
min-width: 170px;
}
.allhistories .status {
min-width: 260px;
margin-right: 30px;
}
.allhistories {
margin-bottom: 40px;
}
.item-suc .name-order {
padding-left: 10px;
display: flex;
flex-direction: column;
justify-content: center;
max-width: 340px;
padding-right: 30px;
min-width: 340px;
}
body .header-search .dropdown-menu {
min-width: 100% !important;
}
.cart-zero .content {
text-align: center;
font-size: 18px;
margin: 50px;
}
.cart-zero .simplecheckout-button-block.buttons {
width: 100%;
}
.cart-zero .simplecheckout-button-block.buttons .btn-primary {
width: 250px;
}
.simplecheckout-button-right {
display: flex;
justify-content: center;
}
.ch-limit-sorts.dflex .mr-10 {
margin-right: 0;
}
.view-box .localstorage.dflex {
justify-content: flex-end !important;
}
.view-box .localstorage.dflex button {
background: #eef1f8;
font-size: 15px !important;
margin-right: 0;
border-radius: 12px !important;
color: #232f3e;
margin-right: 10px;
}
.stock-color-6 {
color: #53A974 !important;
font-weight:500;
margin-top: 0;
}
.stock-color-11 {
color: #2c7fd8 !important;
}
.stock-color-9 {
color: #ef0707 !important;
}
.stock-color-8 {
color: #a63636 !important;
}
.stock-color-5 {
color: #111111 !important;
}
.stock-color-10 {
color: #e48000 !important;
width:130px;
margin-top:5px;
text-align: left;
}
#product .qty-not-in-stock {
cursor: pointer;
}
#ch-modal-pre-review .title {
font-size: 17px;
text-align: center;
}
#ch-modal-pre-review .modal-dialog {
width: 500px;
}
#ch-modal-pre-review .modal-body {
padding: 40px 20px 45px;
}
#ch-modal-pre-review .smsreghead {
text-decoration: underline;
cursor: pointer;
}
.kjseries .btn-danger {
height: 50px;
min-width: 140px;
background: #4A86C7;
color: #fff;
border: none;
padding: 12px 22px;
font-size: 16px;
text-shadow: none;
}
.kjseries .btn-danger:hover {
background-color: #3B7ABE !important;
}
.box-search .dropdown-menu > li ul {
display: none;
position: absolute;
left: 40%;
top: 20px;
}
.box-search .dropdown-menu > li ul.active {
display: block;
}
.box-search .dropdown-menu > li > a {
width: 40%;
padding:0;
}
body .header-search .dropdown-menu {
min-width: 100% !important;
}
.header-search .dropdown-menu {
overflow-y: auto !important;
scrollbar-width: thin;
scrollbar-color: #e5a437 #eceef2;
}
.box-search .dropdown-menu > li {
position: initial;
margin: 0;
border:none;
border-top: 1px dashed #EAEDF7;
border-radius: 6px 0px 0px 0px;
}
.box-search .dropdown-menu.ch-dropdown li + li {
border: none;
}
.dropdown-menu.ch-dropdown > li > a {
padding: 5px 10px 5px 10px !important;
}
.childs .child {
padding: 8px;
border: none;
height: 37px;
}
.box-search .dropdown-menu > li.inline {
display: inline-flex;
border: none;
margin-right: -20px;
padding-right: 20px;
}
.box-search .dropdown-menu > li.disabled {
border: none;
}
.box-search .dropdown-menu > li.inline a {
background: #f7f8fb;
color: #000;
padding: 5px 10px;
border-radius: 4px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
font-size: 12px;
}
#product .kj-item {
justify-content: space-between;
}
.kit-info-cat {
display: flex;
flex-direction: column;
}
.product-thumb .caption .car, .product-thumb .caption .car_name {
order: -1;
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
padding-bottom: 0;
margin-bottom: 12px;
font-weight: 700;
}
.product-thumb:hover .caption .car, .product-thumb:hover .caption .car_name {
-webkit-box-orient: initial;
}
.product-thumb .caption .product-name {
order: -1;
min-height: 44px;
margin-bottom: 5px;
text-align: left;
}
body #popup-confirm {
display: none;
}
.btn-wishlist.is-active .text-wishl {
display: none;
}
.btn-wishlist .text-wishl-in {
display: none;
}
.btn-wishlist.is-active .text-wishl-in {
display: block;
}
.sms-info {
margin: 0 0 5px 0;
border-top: 1px solid #EAEDF7;
padding: 12px 15px 12px 15px;
font-size: 14px;
background: #EAEDF7;
border-radius: 6px;
}
.button-sms-block {
margin-top: 20px;
}
.header-search.no-focus .button_search {
pointer-events:none;
}
.active-a {
font-weight: 700!important;
}
.popup-cat {
display: none;
}
@media (max-width: 767px) {
#modal-quickview .btn-general {
width: 100px;
min-width: 100px;
height: 42px;
}
#modal-quickview .products-var .manufacturer a {
font-weight: 700;
font-size: 15px;
}
.popup-cat {
display: block;
}
.pp-cat {
background: #fff;
height: 38px;
}
.kit-info-cat .ch-stock-status {
display: flex;
flex-direction: column;
max-width: 62px;
font-size: 10px;
text-align: center;
line-height: 12px;
}
#modal-quickview .btn-general .text-cart-add {
font-size: 14px;
color: #232f3e;
padding-left: 0;
}
#popup-quickview .product-thumb .btn-general .icon-cart-add {
width: 18px;
margin-right: 5px;
height: 18px;
background-size: 18px;
}
#popup-quickview .right-block .kjseries .price_special {
font-size: 17px;
margin-left: auto;
}
#modal-quickview .new-pice {
text-align: left;
padding: 0 10px 0 5px;
}
#popup-quickview .btn_buy {
margin-bottom: -2px;
}
#modal-quickview .kjseries .price_special {
min-width: 80px;
}
body #popup-quickview .btn-fastorder {
background: #eef1f8;
height: 45px;
border-radius: 12px;
}
#popup-quickview .qty-not-in-stock {
font-size: 13px;
}
#popup-quickview .info-group {
max-width: max-content;
}
.manufacturer-text, .brand_text {
font-size: 12px;
line-height: 16px;
}
.reward_block {
font-size: 12px;
position: initial;
}
.item-suc {
width: 100%;
}
.item-suc .name-order {
padding-right: 25px;
min-width: 120px;
padding-left: 5px;
max-width: 143px;
}
.item-suc img {
width: 60px;
}
.item-suc .model-q {
display: none;
}
.item-suc .name-order .name {
font-size: 12px;
line-height: 16px;
color: #000;
}
.item-suc .name-order .name a {
color: #000;
}
.item-suc .car-checkout {
font-size: 12px;
line-height: 16px;
}
#common-success {
margin-bottom: 50px;
}
#product .product-thumb .btn-general {
width: 110px;
min-width: 110px;
height: 42px;
}
#account-order .chm-account-content {
padding: 0 15px;
}
.item-order {
padding: 10px 0;
}
.head-order .left {
padding-right: 20px;
}
.head-order .right {
font-size: 12px;
}
.order-status {
display: none;
}
.product-order .name-order {
padding-left: 0;
}
.products-order-main img {
width: 70px;
height: 70px;
min-width: 70px;
}
.product-order .model {
padding-right: 0;
display: none;
}
.product-order .image {
display: flex;
align-items: center;
padding-right: 10px;
}
.product-order .name {
font-size: 12px;
line-height: 16px;
}
.product-order .car-checkout, .item-suc .car-checkout {
font-size: 12px;
}
.product-order .left {
width: 70%;
}
.product-order .right {
width: 30%;
}
.product-order .price {
font-size: 14px;
}
#ch-modal-pre-review .modal-dialog {
width: auto;
}
.kjseries .btn-danger {
width: 110px;
min-width: 110px;
height: 42px;
font-size: 14px;
}
.ch-limit-sorts.dflex .mr-10 {
display: none;
}
}
.search-suggestion .series .products .info .name {
text-align: left !important;
font-size: 14px !important;
margin-bottom: 10px !important;
}
.search-suggestion .series .products .info .model {
position: static !important;
}
.search-suggestion .man-rew {
color: #111111 !important;
font-size: 12px;
}
.search-suggestion .ch-stock-status span {
font-size: 12px !important;
}
.search-suggestion .brand-text {
/*display: none !important;*/
text-wrap: wrap;
}
.search-suggestion.product .name {
margin-bottom: 7px !important;
}
.search-suggestion .series .products {
box-shadow: 0px 0px 0px 1px #EAEDF7 !important;
border: none !important;
border-radius: 10px !important;
}
.search-suggestion .drop-icon-info {
text-align: center;
width: 22px;
height: 22px;
display: inline-flex;
justify-content: center;
align-items: center;
background: #F7F8FB;
border-radius: 50%;
border: 1px solid #EAEDF7 !important;
line-height: 18px;
}
.search-suggestion .series .products {
margin-left: 0 !important;
width: 280px !important;
min-height: 100%;
}
.loading-indicator {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: flex;
align-items: center;
justify-content: center;
z-index: 9999;
pointer-events: none;
}
.loading-indicator .spinner {
width: 40px;
height: 40px;
border: 4px solid rgba(0, 0, 0, 0.1);
border-left-color: #000;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
.no_results {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 0 !important;
height: 50px;
font-size: 13px;
margin-top: 3px;
}
.header-search .dropdown-menu-wrapper .dropdown-menu {
scrollbar-color: #DEE2E6 transparent;
scrollbar-width: thin;
}
.header-search .dropdown-menu-wrapper {
padding: 0 4px;
background: #fff;
box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
border-radius: 8px;
margin-top: 10px;
}
.header-search .dropdown-menu-wrapper .dropdown-menu {
background: none !important;
box-shadow: none;
border: none;
padding: 14px 0 14px 16px;
}
.search-suggestion.product .name {
overflow: hidden;
}
.search-suggestion.product .series .name {
overflow: initial;
white-space: normal;
}
.record-record .featured-slide .slick-slide {
margin: 6px;
}
.search-suggestion .series .products .info .image img {
max-width: 80% !important;
}
.search-suggestion .series .products .image {
padding: 10px;
}
#logo a {
padding: 18px 12px 12px 12px;
display: inline-block;
}
.logo-top {
padding: 0;
margin-right: 5px;
}
#popup-confirm .title {
color: #222;
margin-top: 10px;
margin-bottom: 20px;
font-size: 20px;
}
.short-attribute.attridsys .attr-text > span > p:nth-child(2),
.short-attribute.attridsys .attr-text > span > p:nth-child(3) {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #EAEDF7;
}
.header-search .dropdown-menu-wrapper .dropdown-menu {
left: 0 !important;
}
.header-search .dropdown-menu-wrapper .dropdown-menu {
min-width: 200px !important;
left: 0;
overflow-y: scroll;
max-height: 480px;
}
.header-search .btn-search-select {
width: 140px;
display: flex;
align-items: center;
justify-content: center;
justify-content: space-between;
padding: 0 10px;
border-radius: 0 !important;
}
/* .Categories */
.categories .dropdown-menu {
overflow-y: unset!important;
border-radius: 8px 0px 0px 8px;
}
.categories .dropdown-menu,
.categories .dropdown-menu .childs {
position: absolute;
padding: 0;
width: 220px;
max-width: 220px;
left: 0;
background: #fff;
border: 1px solid rgba(0,0,0,.1);
box-shadow: 2px 0px 18px rgba(0, 0, 0, 0.05);
scrollbar-width: thin
}
.categories .dropdown-menu .childs {
display: none;
left: 100%;
top: 0;
position: absolute;
bottom: 0px;
min-height: 100%;
border-radius: 0px 8px 8px 0px;
padding: 0;
margin-left: 0px;
box-sizing: border-box;
z-index: -1;
width: 100%;
overflow-y: auto!important;
}
.categories .dropdown-menu li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 48px;
padding: 0;
height: 40px
}
.categories .dropdown-menu li:not(:first-child) {
border-top: 1px dashed #e9e9e9;
}
.categories .dropdown-menu li.sel-cat-search:before {
left: -5px;
top: 13px;
display: none;
}
.categories .dropdown-menu li a {
text-decoration: none;
color: #333;
font-size: 14px;
padding: 10px 18px 10px 15px;
position: relative;
white-space: normal;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
flex: 1;
z-index: 1;
}
.categories .dropdown-menu > li.sel-cat-search > a,
.categories .dropdown-menu li > a:hover {
text-decoration: none;
color: #000;
background-color: transparent;
}
.categories .dropdown-menu li.sel-cat-search > a:after,
.categories .dropdown-menu li > a:hover:after {
position: absolute;
background: #eceef2;
transition-duration: 0.2s;
height: auto;
content: '';
z-index: -1;
left: 8px;
right: 8px;
width: auto;
top: 4px;
bottom: 4px;
border-radius: 6px;
}
.categories .dropdown-menu .arrow {
position: absolute;
z-index: 1;
/*top: 50%;
right: 15px;
margin-top: -4px;*/
width: 30px;
height: 30px;
padding: 10px;
top: 5px;
right: 3px;
}
body .header-search .categories .dropdown-menu .childs.active {
display: block;
}
.categories .dropdown-menu, .categories .dropdown-menu .childs {
width: 180px
}
.header-cart-product-name {
font-size: 12px;
color: #535D67;
}
.header-cart-product-name .car-cart, .header-cart-product-name .manuf {
font-size: 12px;
font-weight: 500;
}
.cart-content .chm-btn-grey svg {
width: 22px;
margin-bottom: -5px;
margin-right: 8px;
}
.cart-content .chm-btn-primary {
font-size: 15px;
}
.cart-content .header-cart-sticky .chm-btn-primary {
font-size:14px
}
.cart-content .header-cart-sticky .chm-btn-grey {
font-weight: 400;
}
.fast-product {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
border-bottom: 1px solid #EAEDF7;
}
.fast-product .td-image img {
min-width: 60px;
}
.fast-product .td-image {
flex-direction: column;
}
.fast-product .text-left.name {
padding-left: 15px;
width: 220px;
min-width: 200px;
}
.fast-product .btn-delete-cart {
background: none;
border: none;
}
#modal-quickorder .modal-dialog {
width: 700px;
}
.fast-product .text-center.models {
width: 200px;
min-width: 200px;
padding: 0 15px;
}
.text-right.price-f {
min-width: 60px;
font-weight: 500;
}
.fast-product .text-left.name a {
font-size: 13px;
color: #000;
font-weight: 600;
}
.wall-category-box .box-item {
width: 20%;
}
.html-block .description-text {
height: 250px;
}
.html-block .description-text.active {
height: 100%;
}
#fastorder_data .row-product .name {
font-weight: 600;
}
#fastorder_data .row-product .car {
font-weight: 400;
}
.contact-block-fast {
display: flex;
flex-wrap: wrap;
margin: 0 -10px;
}
.contact-block-fast .form-group {
padding: 0 10px;
width: 50%;
}
.chm-modal .contact-block-fast .form-group.field_required::before {
left: 20px;
}
#popup-quickorder .modal-footer .text-left {
text-align: center;
}
.btn_buy:hover .input-group-btn.hidden
{
display: block!important;
}
.btn_buy
{
position: relative;
}
.kjseries .quantity,
.kjseries_cat .quantity
{
position: absolute;
left: 50%;
margin-left: -24px;
}
.series-item .quantity
{
padding-bottom: 10px;
top: -40px;
}
.btn_buy:hover .quantity.hidden
{
display: block!important;
}
.btn_buy .quantity input {
min-width: 40px;
width: 40px;
max-height: 34px;
padding: 0;
text-align: center;
border-radius: 0;
border-width: 1px 0px 1px 0px !important;
border-color: #EAEDF7;
border-style: solid;
}
.btn_buy .quantity .btn-primary:hover {
color: #000;
}
.btn_buy .quantity .btn-primary {
padding: 0;
height: 34px;
min-width: 20px;
min-height: 34px;
border-radius: 0;
background: none;
}
.btn_buy .quantity .btn-primary.plus {
background: #fff;
border-color: #EAEDF7;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-radius: 0px 8px 8px 0px;
line-height: 15px;
color: #000;
}
.btn_buy .quantity .btn-primary.minus {
background: #fff;
border-color: #EAEDF7;
border-width: 1px 0px 1px 1px;
border-style: solid;
border-radius: 8px 0px 0px 8px;
line-height: 15px;
color: #000;
}
.btn_buy .quantity .input-group-btn {
width: 70px;
display: flex;
box-shadow: 0px 0px 6px rgba(0,0,0,.07);
}
.kit-cat .btn_buy .quantity .input-group-btn {
width: 57px;
border-radius: 8px;
}
.btn_buy .quantity .stock-color-11 {
margin-top: 4px;
width: 100%;
}
.series-item
{
overflow: visible!important;
}
.kjseries .quantity {
width: 140px;
margin-left: -67px;
padding: 0 28px;
z-index: 99;
top: -34px;
}
.products-var {
overflow: inherit;
}
.kjseries-block {
border: 1px solid #eef1f8;
border-radius: 12px;
padding: 24px;
}
.product-grid .kit-cat .product-thumb:hover, .item .kit-cat .product-thumb:hover {
box-shadow: none;
}
.product-grid .kit-cat .product-thumb .quantity input, .item .kit-cat .product-thumb .quantity input {
min-width: 20px;
width: 20px;
}
.product-grid .kit-cat .product-thumb .quantity, .item .kit-cat .product-thumb .quantity {
top: -36px;
margin-left: -28px;
}
.container-module .kit-cat .series-item.product-thumb, .item .kit-cat .series-item.product-thumb {
border: none;
box-shadow: none;
}
.container-module .item.swiper-slide .kit-cat .series-item.product-thumb:hover {
box-shadow: none;
}
.random-subcategories {
display: flex;
margin: 0 -10px;
padding: 0 6px;
}
.random-subcategories .category-item a {
box-shadow: 0px 0px 0px 1px #EAEDF7;
padding: 12px;
border-radius: 12px;
}
.random-subcategories .category-item:hover {
text-decoration:underline;
}
.random-subcategories .category-item a {
color: #232f3e !important;
font-size: 14px;
display: block;
text-align: center;
line-height: 18px;
}
.random-subcategories .category-item {
width: 12.5%;
flex-direction: column;
padding: 6px;
}
.random-subcategories .category-item {
margin: 0;
}
.random-subcategories .category-item img {
width: 110px;
}
.random-subcategories .category-item span {
display: flex;
padding-top: 0;
justify-content: center;
align-items: flex-end;
height: 52px;
overflow: hidden;
align-items: center;
-webkit-line-clamp: 3;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.random-category-block {
margin-bottom: 40px;
padding: 0 10px;
margin-top: 40px;
}
.random-category-block .title-module {
margin-bottom: 15px;
}
.container.category > .row {
display: flex;
flex-wrap: wrap;
}
.bottom-content-category {
width: 100%;
}
.sp-seo-faq {
width: 100%;
}
.category-info > div {
margin: 0 20px;
border-bottom: 1px solid #EAEDF7;
padding: 14px 0;
display: flex;
font-size: 14px;
font-weight: 500;
}
.category-info > div:last-child {
border-bottom: none;
}
.sp-seo-faq {
padding-right: 24px;
}
.category-info-block {
width: 50%;
}
.category-info-block .title {
text-align: left;
font-weight: 700;
font-size: 18px;
margin-top: 0;
color: #202735;
line-height: 28px;
margin-bottom: 10px;
display: block;
}
.category-info {
padding: 10px 0;
border-radius: 12px;
margin-bottom: 70px;
margin-top: 0px;
border: 1px solid #eef1f8;
}
.category-info img {
margin-top: -3px;
margin-right: 5px;
width: 16px;
}
.category-info .left {
width: 30%;
}
.category-info .right {
width: 70%;
text-align: right;
}
.kjrow
{
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 25px;
}
.kjcol
{
flex: 1;
padding: 10px;
}
.kjcol.pinfo
{
line-height: 20px;
}
.kjcol.thumb, .kjcol.btn_buy
{
width: 100px;
flex: 0 0 100px;
}
#ocdw_in_stock_alert-block
{
max-width: 520px;
border-radius: 8px;
}
.in-stock-alert-field
{
margin-bottom: 25px;
}
.btn-general:hover
{
background: #cf892b;
}
.btn-general .icon-cart-add.comment
{
mask-image: url(../image/sprite.svg#icon-comment);
}
#product .kjseries .ocdw_in_stock_alert {
background-color: #FFDF65 !important;
}
.stock-color-6 .stock-status-thumb {
margin-left: 4px;
}
#product .kjseries .ocdw_in_stock_alert:hover {
background-color: #ffa41c !important;
}
.kit-cat > div .ocdw_in_stock_alert {
background-color: #557dc0 !important;
}
#product .info-model a svg {
margin-bottom: -3px;
}
.stock-news {
min-width: 170px;
padding-left: 20px;
}
.mfp-bg {
background: #0b0b0b !important;
opacity: 0.6 !important;
}
#smspanel2 {
padding-right: 0px !important;
}
.welcome {
text-align: center;
font-size: 16px;
font-weight: bold;
margin-bottom: 20px;
}
#demoBasic {
display: none;
}
#input-phone-login2 {width:100%;}
.registrsms {display: flex;}
.sna_header {
font-weight: bold;
}
.chekSms {
width: 100% !important;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}
.error-sms-block {
display: flex;
justify-content: space-between;
font-size: 12px;
margin-bottom: 20px;
}
.code-no {
color: #f56b6b;
}
#input-phone-login2 {
text-align: left !important;
}
.purple {
margin: 10px 0 20px;
font-size: 12px;
}
#smspanel2 .chm-modal .form-group {
margin-bottom: 0;
}
.background_sms {background: rgb(33, 175, 207);}
.panel-close {
cursor: pointer;
width: 35px;
height: 30px;
background: #5a1e50 url(/image/catalog/sms_reg/close.png) no-repeat center center;
margin: 0 auto;
position: relative;float: right;bottom: 15px;
}
.welcome_reg {
text-align: center;
font-size: 16px;
margin-bottom: 10px;
}
.button-sms-block {
text-align: center;
}
.required {
position: relative;
}
#smspanel2 .tab-content .form-group, #modal-sms2 .tab-content .form-group {
margin: 15px auto;
width: 100%;
}
#smspanel2 .tab-content {
display:block;
}
#modal-sms2 .tab-content {
display:block;
}
#smspanel2 .tab-content .btn-primary, #modal-sms2 .tab-content .btn-primary {
min-width: 220px;
background: rgb(45, 80, 109);
display: block;
padding: 10px 20px;
line-height: 18px;
font-weight: 600;
text-transform: uppercase;
font-size: 13px;
color: #fff;
border-radius: 0;
border: 0;
box-shadow: none !important;
margin-bottom: 10px;
outline: none !important;
margin: 10px auto
}
#modal-login {
z-index: 99999;
}
#modal-login .modal-body {
text-align: center;
font-size: 16px;
}
.no-sms {
cursor: pointer;
}
.button-sms-block i {
margin-right: 7px;
}
.tel {display:flex;}
.dd-selected {padding:7px;}
.login_aut {margin-bottom: 10px; text-align: center;}
.log_p {margin-bottom: 10px; text-align: left;}
#input-phone-login2.required-n:focus {
border-color: red;
}
.enter-block {
text-align: center;
padding: 15px 0;
border-bottom: 1px solid #EAEDF7;
border-top: 1px solid #EAEDF7;
cursor: pointer;
margin: 15px 0 0 0;
}
.block-detail {
text-align: center;
}
.btn-det {
padding: 15px 0;
cursor: pointer;
}
.btn-email-block {
margin-top: 20px;
text-align: center;
}
.passw-m {
margin-top: 15px;
}
.button-sms-block button[disabled] {
cursor: no-drop;
background-color: #d6d6d6;
color: #a1a1a1;
}
.button-sms-block button[disabled]:hover {
cursor: no-drop;
background-color: #d6d6d6;
color: #a1a1a1;
}
.chekSms .block-detail-desc {
display: none;
margin-bottom: 15px;
text-align: start;
}
.chekSms .open .block-detail-desc {
display: block;
line-height: 24px;
}
.chekSms .open span {
display: inline-block;
transform: rotateX(180deg);
}
.chekSms .block-error {
padding: 15px;
margin: 15px 0 0 0;
background-color: #fdecea;
color: #d93025;
border-radius: 6px;
border: 1px solid #f5c6c6;
}
.mydisabled
{
opacity: .65;
cursor: not-allowed;
}
.btn-fastorder[disabled] {
cursor: not-allowed !important;
}
.mydisabled:hover
{
cursor: not-allowed!important;
}
.error-text {
margin-top: 5px;
color: red;
}
.chm-modal .in-stock-alert-field .form-group {
margin-bottom: 0;
}
.tooltip-inner {
background-color: #fff; /* Цвет фона */
color: #111; /* Цвет текста */
border-radius: 4px;
opacity: 1 !important;
border: 1px solid #EAEDF7;
box-shadow: 0px 0px 6px rgba(0,0,0,.07);
padding: 6px 10px;
font-style: initial !important;
}
.tooltip {
opacity: 1 !important;
}
.head-block-return {
display: flex;
justify-content: space-between;
}
.return-button {
border-radius: 10px !important;
color: #fff;
border: 0px;
line-height: 50px;
margin-right: 0px;
padding: 0 25px;
height: 50px;
font-size: 14px;
background-color: #4A86C7;
margin-top: -5px;
}
.return-button:hover {
background-color: #3B7ABE;
color: #fff;
}
.success-return {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.success-return a {
width: max-content;
margin-top: 50px;
}
.items-lk {
display: flex;
justify-content: center;
}
.items-lk .chm-list-group-item {
display: inline-flex;
flex-direction: column;
align-items: center;
padding: 15px 10px;
text-align: center;
box-shadow: 0px 0px 0px 1px #EAEDF7;
border-radius: 10px;
}
.items-lk .chm-list-group-item svg {
width: 80px;
height: 80px;
}
.items-lk .chm-list-group-item {
color: #000;
width: 170px;
margin: 0 10px;
}
.items-lk .chm-list-group-item span {
margin-top: 5px;
font-weight: 500;
}
#account-account .chm-account-content {
display: flex;
align-items: center;
justify-content: center;
}
.items-lk .chm-list-group-item .icon-am-account-edit,
.items-lk .chm-list-group-item .icon-am-order-history {
width: 70px;
}
.items-lk .chm-list-group-item .icon-am-returns {
width: 90px;
}
.mr-10 .btn-sort-limit {
margin-right: 10px;
}
.order-status-1 {
color:#a63636 !important;
}
.order-status-18 {
color: #159446 !important;
}
.order-status-2 {
color: #2c7fd8 !important;
}
.order-status-7 {
color: #f00 !important;
}
.list-order-main .order-main {
margin-top: 20px;
}
.list-order-main .order-main-block {
display: flex;
}
.list-order-main .info-order {
background-color: #F7F9FF;
border-radius: 12px;
padding: 17px;
}
.list-order-main .address-totals {
width: 35%;
}
.list-order-main .products-order-main {
margin-left: 20px;
border-top: 1px solid #e8e8e8;
width: 65%;
}
.list-order-main .product-order {
display: flex;
margin-bottom: 0px;
padding: 15px 0;
}
.product-order .image img {
min-width: 60px;
}
.order-main-block .name, .order-main-block .telephone {
font-weight: 700;
}
.order-main-block .telephone {
padding-bottom: 10px;
border-bottom: 1px solid #d8d8d8;
margin-bottom: 10px;
}
#account-order #content, #account-account #content {
margin-bottom: 1px;
}
.simple-page .chm-mod-account, #account-return .chm-mod-account {
margin-top: 60px;
}
.wishlist-page .chm-mod-account {
margin-top: 10px;
}
.products-order-main .text-brand {
font-weight: 300;
color: #535D67;
}
.order-main-block .products-order-main .name {
line-height: 14px;
font-weight: 400;
}
.simple-page.active .breadcrumb {
display: block;
margin-top: 0;
}
.simple-page.active {
margin-top: 0;
}
.ocdw_recommended_products-products-block {
font-style: normal;
}
.ocdw_recommended_products-products-block .nav-tabs,
.ocdw_recommended_products-products-block .swiper-heading-block,
.bottom-content-category .random-category-block .title-module,
.container.category .rc-mod, .box-bg-full .rc-mod, .pos22 .title-module {
border-bottom: 0px;
background: #eef1f8;
border-radius: 12px;
display: inline-block;
width: 100%;
padding: 6px;
height: 52px;
}
.container .ocdw_recommended_products-products-block .swiper-heading-block .ocdw_recommended_products-h3.title-module,
.bottom-content-category .random-category-block .title-module span,
.container.category .rc-mod span, .box-bg-full .rc-mod span, .pos22 .title-module span {
height: 40px;
background: #fff;
transition: .3s;
border: none;
margin-right: 0px;
line-height: 1.42857143;
border: 0px;
border-radius: 12px;
color: #000;
padding: 0 15px;
font-size: 14px;
text-decoration: none;
display: inline-flex;
align-items: center;
justify-content: center;
}
.articles-mod {
margin-top: 30px;
}
.articles-mod .swiper-mod-arrow.next-prod {
right: 10px;
top: 12px;
}
.articles-mod .swiper-mod-arrow.prev-prod {
right: 48px;
top: 12px;
}
.container.category .ocdw_recommended_products-products-block {
padding: 0 8px;
margin-top: 40px;
}
.ocdw_recommended_products-products-block .swiper-heading-block {
margin-bottom: 15px;
}
.container .ocdw_recommended_products-products-block .nav-tabs {
margin-bottom: 5px;
}
.ocf-collapse-value .ocf-value-list {
border: none!important;
margin: 0!important;
}
.ocf-collapse-value .ocf-value-list-body {
padding-top: 5px!important;
}
.ocf-btn.ocf-btn-hidden {
display: none!important;
}
.ocdw_recommended_products-products-block .nav-tabs li a {
margin-right: 0px;
line-height: 1.42857143;
border: 0px;
border-radius: 8px;
color: #000;
padding: 0 25px;
line-height: 40px;
font-size: 14px;
text-decoration: none;
box-shadow: none;
height: 40px;
}
.ocdw_recommended_products-products-block .nav-tabs li.active {
height: 40px;
background: #fff;
border-radius: 8px;
box-shadow: none;
transition: .2s;
box-shadow: none;
/* border: none; */
}
.ocdw_recommended_products-products-block .nav-tabs li.active:hover,
.ocdw_recommended_products-products-block .nav-tabs li.active a:hover,
.ocdw_recommended_products-products-block .nav-tabs li:hover,
.ocdw_recommended_products-products-block .nav-tabs li a:focus {
border: none;
opacity: 1 !important;
color: #000;
}
.ocdw_recommended_products-products-block .nav-tabs li a:hover {
background: none !important;
}
.note i {
font-size: 15px;
margin-right: 2px;
}
.note {
padding-top: 7px;
margin-top: 6px;
}
.note svg {
margin-bottom: -4px;
margin-right: 3px;
}
.note .fa-info-circle::before {
bottom: -1px;
position: relative;
}
.caption .none i {
font-size: 13px;
}
#modal-quickview .note {
border-top: none;
border-bottom: 1px solid #EAEDF7;
padding-bottom: 10px;
margin-top: 0;
}
.dropdown-menu-wrapper .dropdown-menu > li > a {
padding-right: 0 !important;
}
.search-suggestion .center .min_max_price {
margin-top: -17px;
}
.search-suggestion.product .name {
text-overflow: ellipsis;
overflow: hidden;
}
.search-suggestion .quantity.hidden {
display: none;
}
.search-suggestion .kit-cat > div .ocdw_in_stock_alert {
background-color: #FFCE12 !important;
}
.search-suggestion .kit-cat > div .ocdw_in_stock_alert span {
mask-image: none;
background-size: 16px;
background-image: url(../image/sprite.svg#icon-comment) !important;
width: 16px;
height: 16px;
}
.dropdown-menu-wrapper .dropdown-menu > li.inline > a {
padding-right: 15px !important;
}
.search-suggestion .min_max_price {
font-size: 13px;
font-weight: 500;
}
.search-suggestion.product .name {
font-size: 13px;
font-weight: 500 !important
}
.search-suggestion.product .name:hover {
color:#0C3353;
text-decoration:underline;
}
.header-search .dropdown-menu-wrapper .dropdown-menu {
font-size: 13px;
}
.cart-button img {
margin-right: 0;
}
.sitemap-main {
display: flex;
flex-wrap: wrap;
}
.sitemap-main > li {
width: 25%;
}
.icon-mm-arrow svg {
width: 8px;
height: 8px;
position: absolute;
right: 15px;
top: 11px;
}
.p-content {
font-size: 14px;
}
.messangers-block {
transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
padding-bottom: 70px;
margin-left: 15px;
display: none;
}
/* Скрытие (уходит вниз) */
.messangers-block.slide-up {
transform: translateY(-20px);
}
/* Появление (поднимается вверх) */
.messangers-block.slide-down {
opacity: 1;
transform: translateY(0);
}
.sitemap-sc {
display: flex;
}
.sitemap-sc .mc-show-child {
width: 15px;
height: 15px;
border: 1px solid;
flex-shrink: 0;
position: relative;
cursor: pointer;
margin-right: 10px;
}
.sitemap-sc .mc-show-child::before {
content: "";
width: 7px;
height: 1px;
top: 6px;
left: 3px;
background: rgb(96, 105, 117);
position: absolute;
transition: background 0.3s;
}
li.active .sitemap-sc .mc-show-child::after {
display: none;
}
.sitemap-sc .mc-show-child::after {
content: "";
width: 1px;
height: 7px;
display: block;
left: 6px;
top: 3px;
background: rgb(96, 105, 117);
position: absolute;
transition: background 0.3s;
}
#information-sitemap li {
list-style-type: none
}
.sitemap-main {
font-size: 14px;
}
.sitemap-main a {
color: #000;
}
.sitemap-sc {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.sitemap-items > a {
display: inline-flex;
margin-bottom: 10px;
margin-top: 15px;
}
.sitemap-main li > ul > li {
margin-bottom: 3px;
}
.sitemap-items li.active > ul {
margin-bottom: 10px;
}
.manufacturer-content > div {
width: 20%;
margin-bottom: 15px;
}
.manufacturer-content {
display: flex;
flex-wrap: wrap;
}
.thumb-brand img {
height: 195px;
display:none;
}
.ocdw_recommended_products-products-block .arrows-right {
width: max-content;
margin-left: auto;
display: flex;
}
.kjseries_chameleon_newfastorder .kj-item.no-stock {
pointer-events: none;
background: #d5d5d5;
padding: 20px 15px;
}
.kjseries_chameleon_newfastorder .kj-item {
padding: 20px 15px;
}
.search-suggestion .center .car {
white-space: pre-wrap;
max-width: 65%;
min-height: 19px;
}
.ocdw_recommended_products-products-block .tab-pane .swiper-heading-block {
display: none;
}
.contact-header {
height: 45px;
display: flex;
flex-direction: column;
justify-content: center;
}
.categorywall-0 h1 {
color: #232f3e;
font-weight: 700;
font-size: 28px;
}
.logo-footer img{
max-width: 210px;
}
.logo-footer {
margin-bottom: 30px;
display: inline-block;
}
.container.category h1 {
margin-bottom: 20px;
margin-top: 15px;
}
#product .general-image.have-images {
margin: 0 auto;
}
.image-additional .thumbnail img {
padding: 5px;
}
#product-product .my-tabs {
background: #eef1f8;
border-radius: 12px;
}
#product-product .tab-white-bg {
padding: 0;
}
#product-product .tab-white-bg {
border: none;
}
#product-product .tabs__active_line {
box-shadow: none;
}
#product .kj-item:first-child {
padding-top: 0;
}
#product .kj-item:last-child {
padding-bottom: 0;
border-bottom: 0;
}
.btn-general .icon-cart-add /*, .btn_buy_text .icon-cart-add*/ {
display: block;
background-image: url("/image/icon-cart.svg");
width: 25px;
margin-right: 0px;
height: 24px;
}
.sort-cat {
display: flex;
}
.view-box {
margin-left: -20px;
background: #eef1f8;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;
height: 52px;
padding-right: 35px;
display: flex;
justify-content: flex-end;
align-items: center;
}
.ns-full-width-category .view-box {
margin-left: 0;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
}
.sort-name {
color: #9d9d9d;
}
.text-sort {
font-size: 15px;
font-weight: 600;
color: #232f3e;
margin-right: 15px;
line-height: 22px;
}
.sort-cat > span.active .sort-name {
color: #232f3e;
text-decoration: underline;
}
/*Mobile ver.*/
@media (max-width: 768px) {
.product-grid .swiper-slide {
box-shadow: 0px 0px 0px 1px #EAEDF7;
}
.product-grid .ocw-wrapper {
margin: 0 14px 0 -7px;
}
.product-thumb .product-model {
min-height: 42px;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
padding-bottom: 0;
}
.editorbtncat0 {
display: none;
}
#content .product-grid .product-thumb .addit-action, #content .container-module .product-thumb .addit-action {
right: 0;
}
.product-grid .product-thumb.dflex {
box-shadow: none !important;
border-radius: 0;
}
.ocdw_recommended_products-products-block {
margin: 0 -6px;
}
.container.category .ocdw_recommended_products-products-block {
margin: 0;
}
.container.category .ocdw_recommended_products-products-block .product-grid {
margin: 0 -3px;
overflow: hidden;
}
.ocdw_recommended_products-products-block .swiper-heading-block {
padding: 0 12px;
}
.ocdw_recommended_products-products-block .nav-tabs,
.ocdw_recommended_products-products-block .swiper-heading-block, .bottom-content-category .random-category-block .title-module, .container.category .rc-mod, .box-bg-full .rc-mod, .pos22 .title-module {
padding: 5px 6px;
height: 44px;
}
.ocdw_recommended_products-products-block .nav-tabs li a.active,
.ocdw_recommended_products-products-block .nav-tabs li a,
.ocdw_recommended_products-products-block .nav-tabs li,
.container .ocdw_recommended_products-products-block .swiper-heading-block .ocdw_recommended_products-h3.title-module, .bottom-content-category .random-category-block .title-module span, .container.category .rc-mod span, .box-bg-full .rc-mod span, .pos22 .title-module span {
height: 34px !important;
padding: 0 15px;
line-height: 34px;
}
.sp-seo-faq {
padding: 0 12px;
}
.container {
width: 100% !important;
}
.faq-link::after {
top: 21px !important;
right: 20px !important;
}
.view-box .localstorage.dflex button {
border-radius: 6px !important;
}
.bottom-content-category .container-module {
padding: 0 10px;
margin-top: 0;
margin-bottom: 0;
}
.desc-button {
margin-bottom: 10px;
}
.swiper-mod-arrow.next-prod {
right: 10px;
}
.swiper-mod-arrow.prev-prod {
right: 48px;
}
.random-subcategories .category-item {
margin: 0 10px;
flex: 0 0 40%;
max-width: 40%;
margin-bottom: 1px;
}
.random-subcategories {
margin: 0 -10px;
padding-top: 1px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none;
}
.category-info {
margin: 0 10px 20px;
}
#account-account .chm-account-content {
align-items: flex-start;
justify-content: flex-start;
}
.items-lk {
flex-wrap: wrap;
}
.items-lk .chm-list-group-item {
width: 27%;
margin-bottom: 15px;
}
.items-lk .chm-list-group-item .icon-am-account-edit, .items-lk .chm-list-group-item .icon-am-order-history {
width: 50px;
margin-right: 0;
}
.items-lk .chm-list-group-item svg {
width: 60px;
height: 60px;
margin-right: 0;
}
.items-lk .chm-list-group-item span {
font-size: 12px;
line-height: 16px;
}
.only-desk {
display: none;
}
#account-order #content {
width: 100%;
}
.head-order .right {
padding: 0;
}
.order-text {
width: 45%;
font-size: 12px;
padding-right: 10px;
}
.head-order .left {
width: 45%;
font-size: 12px;
padding-right: 15px;
}
.head-order .right {
width: 55%;
}
.item-order .order-price {
width: 40%;
display: flex;
align-items: center;
justify-content: flex-start;
font-size: 14px;
padding-left: 10px;
}
.item-order .number {
width: 70%;
}
.head-order .right span:first-child {
width: 50%;
}
.list-order-main .order-main-block {
flex-direction: column;
}
.list-order-main .address-totals {
width: 100%;
}
.list-order-main .products-order-main {
width: 100%;
margin-left: 0;
}
.head-block-return {
flex-direction: column;
}
.head-block-return a {
text-align: center;
margin-bottom: 15px;
}
#modal-quickorder .modal-dialog {
width: auto;
}
.fast-product .td-image img {
min-width: 40px;
}
.fast-product .text-left.name {
padding-left: 10px;
width: 130px;
min-width: 130px;
}
.fast-product .text-center.models {
width: 100px;
min-width: 100px;
padding: 0 10px;
font-size: 12px;
}
#quick_checkout_cart .quan {
display: none;
}
#quick_checkout_cart .shop-cart-btn-block .chm-btn-grey {
margin-bottom: 15px;
}
.faq-question .faq-text {
font-size: 14px;
}
.contact-block-fast .form-group {
width: 100%;
}
.chm-modal .modal-body + .modal-footer {
padding: 0px 15px 20px;
margin-top: 10px;
margin-bottom: 20px;
}
body .header-search .dropdown-menu {
min-width: 50% !important;
width: 50%;
}
body .header-search .categories .dropdown-menu .childs.active {
width: 100%;
}
.hpm-cat-box .hpm-cat-content {
margin: 0;
}
.hpm-type-images .hpm-cat-item {
margin-top: 5px !important;
}
.modal-size-lg .modal-content img {
width: 100%;
}
.info-manufacturer span {
font-weight: 400;
color: #111;
}
.product-thumb .caption {
flex-grow: initial !important;
}
#content .ch-limit-sorts > div {
width: 33.33%;
padding: 0 2px;
}
.view-box .localstorage.dflex button {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.btn-sort-limit .sort-name {
text-overflow: ellipsis;
overflow: hidden;
display: block ruby;
}
.btn-sort-limit {
padding: 8px 20px 9px 10px;
}
.btn-sort-limit svg {
position: absolute;
top: 17px;
right: 6px;
width: 8px;
}
.ocf-btn-mobile-static .ocf-icon-16 {
min-width: 13px;
min-height: 13px;
margin-left: 5px;
}
.go-product {
height: 35px;
width: 35px;
display: inline-flex;
justify-content: center;
align-items: center;
color: #fff;
background-color: #4A86C7 !important;
border-radius: 8px;
font-size: 16px;
position: absolute;
right: 10px;
bottom: -8px;
}
.product-thumb-viewed .car_name {
padding-top: 4px;
}
.product-thumb-viewed .product-model {
color: #222;
font-weight: 700;
}
.info-product .info-model span, .info-product .info-sku span, .info-product .info-weight span, .info-product .info-dimension span {
color: #111;
font-weight: 400;
font-size: 13px;
}
#product .qty-not-in-stock, #popup-quickview .qty-not-in-stock {
padding: 2px 0px;
}
#product.row-flex {
margin-bottom: 0;
}
.tabs-product .tab-content.show-all-tabs .tab-pane {
margin-top: 0px;
}
.ch-rating-total-points {
margin: 0 auto 20px;
}
.search-suggestion.product {
padding:3px 0;
}
.header-search .dropdown-menu-wrapper .dropdown-menu {
padding: 14px 0;
}
.dropdown-menu li.disabled .search-suggestion .title {
padding-left: 15px;
}
.dropdown-menu-wrapper .dropdown-menu > li > a {
padding-right: 10px !important;
padding-left: 10px !important;
}
.dropdown-menu li.disabled .search-suggestion .title {
padding-left: 10px;
margin-bottom: 5px;
}
.search-suggestion .center .min_max_price {
padding-right: 5px;
}
.header-search .dropdown-menu-wrapper .dropdown-menu {
scrollbar-color: #e5a437 transparent;
}
.categories .dropdown-menu .arrow {
width: 70%;
}
.categories .dropdown-menu li a .name {
position: relative;
z-index: 9;
}
.icon-mm-arrow svg {
width: 8px;
height: 8px;
position: absolute;
right: 15px;
top: 11px;
}
.container-module .see-all-reviews {
position: absolute;
top: 50px;
display: inline-block;
z-index: 9;
right: auto;
left: 0;
}
.articles-mod .swiper-mod-arrow.prev-prod, .articles-mod .swiper-mod-arrow.next-prod {
top: 8px;
}
.block-reviews.f-box {
margin-top: 40px;
}
.container-module .title-module span {
line-height: 26px;
display: block;
}
.reviews-description {
min-height: 70px;
-webkit-line-clamp: 3;
}
.rc-top {
margin-bottom: 0;
}
.all-review-box > div {
width: 100%;
}
.all-review-box {
margin: 0 -10px;
}
.view-box-rs .dropdown-menu.ch-dropdown {
left: -35px;
width: 150px;
}
.description_store_footer {
display: none;
}
.container.category #content {
width: 100%;
}
.messangers-block {
padding-bottom: 43px;
margin-left: 3px;
}
.sitemap-main {
padding-left: 0;
}
.sitemap-main > li {
width: 50%;
}
.sitemap-items ul {
padding-left: 15px;
}
#information-sitemap li {
line-height: 15px;
margin-bottom: 5px;
}
.sitemap-main {
font-size: 13px;
}
.manufacturer-content > div {
width: 50%;
}
.stock-color-6 {
text-align: left;
max-width: 100px;
}
.container .ocdw_recommended_products-products-block .nav-tabs,
.ocdw_recommended_products-products-block .swiper-heading-block, .bottom-content-category .random-category-block .title-module, .container.category .rc-mod, .box-bg-full .rc-mod, .pos22 .title-module {
margin-bottom: 5px;
overflow-x: auto;
overflow-y: hidden;
display: flex;
}
.ocdw_recommended_products-products-block .arrows-right button {
position: absolute;
left: 5px;
top: 180px;
z-index: 999;
padding: 0;
width: 25px;
height: 27px;
min-height: 24px;
line-height: 10px;
background: #EBECF1;
opacity: 1;
}
.ocdw_recommended_products-products-block .arrows-right button.slide-button-next {
left: auto;
right: 5px;
}
#product-product .ocdw_recommended_products-products-block {
position: relative;
}
.container .ocdw_recommended_products-products-block .nav-tabs li a,
.container-module .title-module span {
white-space: nowrap;
padding: 0;
}
.container-module .title-module span {
padding: 0 15px;
line-height: 34px;
}
.container .ocdw_recommended_products-products-block .product-grid .product-thumb .addit-action {
top: -10px;
}
.box-bg-full .rc-mod, .pos22 .title-module {
overflow: initial;
margin-bottom: 40px;
}
.container.category .ocdw_recommended_products-products-block {
padding: 0 10px;
}
.bottom-content-category .random-category-block .title-module {
margin-bottom: 10px;
}
.btn-general .icon-cart-add /*, .btn_buy_text .icon-cart-add*/ {
display: block;
background-image: url("/image/cart-mob.svg");
width: 25px;
height: 22px;
margin-right: 1px;
}
}
@media (min-width: 992px) {
.header-search .dropdown-menu-wrapper .dropdown-menu.active-drp {
display: block!important;
}
.header-search > input, .header-search > .input-group-btn.categories, .header-search > .button_search {
z-index: 5!important;
}
.header-search .dropdown-menu-wrapper {
width: calc(100% - 2px)!important;
margin-left: 1px!important;
}
.breadcrumb {
display: flex;
flex-wrap: nowrap;
overflow: hidden;
white-space: nowrap;
}
.breadcrumb li {
display: inline-block;
white-space: nowrap;
}
.breadcrumb li:last-child {
overflow: hidden;
}
.breadcrumb li:last-child {
text-overflow: ellipsis;
}
.breadcrumb li:not(:last-child)::after {
content: " / ";
margin: 0 5px;
color: #999;
}
#column-left > .ocf-header {
display: none;
}
.modal-dialog.chm-modal.modal-dialog-centered {
width: 1000px;
}
.product-thumb .ch-stock-status.margin-zero {
max-height: initial;
margin-bottom: 0;
}
}
/* Делаем .kit-cat абсолютно позиционированным */
.product-thumb.hover {
position: relative;
overflow: visible; /* Чтобы .kit-cat не обрезался */
}
/* Стиль скрытого .kit-cat */
.hover .kit-cat {
position: absolute;
left: 0;
padding: 15px;
top: 95%; /* Размещаем прямо под .product-thumb */
width: 100%;
background: white;
box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.2);
opacity: 0;
transform: translateY(10px); /* Изначально немного смещаем вверх */
transition: opacity 0.3s ease, transform 0.3s ease;
z-index: 10;
display: none;
}
#account-return .form-horizontal {
display: flex;
flex-wrap: wrap;
}
#account-return .buttons {
width: 100%;
}
.info-np-return {
background: #eef1f8;
border-radius: 12px;
height: max-content;
padding: 15px;
width: 260px;
font-size: 15px;
text-align: center;
margin: 0 auto;
line-height: 22px;
}
.info-np-return__detail {
margin-top: 20px;
}
#account-return fieldset {
width: 55%;
}
#account-return .right-block {
width: 45%;
}
.info-np-return span {
font-weight: 600;
}
.ret-id, .ret-date {
width: 15%;
}
.ret-ttn {
width: 20%;
}
.ret-comment {
width: 50%;
}
#account-return thead td {
vertical-align: middle;
background: #eef1f8;
}
header {
display: flex;
flex-direction: column;
}
.brand-text-cat {
color: #788192;
}
.grid-product-thumb {
display: flex;
flex-wrap: wrap;
padding: 0;
box-shadow: none!important;
}
.grid-product-thumb .man-rew {
margin-bottom: 4px;
line-height: 16px;
}
.product-thumb .add-price-block .man-rew,
.product-thumb .add-price-block .ch-stock-status {
margin-bottom: 0;
}
/* .product-grid .product-thumb:hover .button-show-variants svg {
transform: rotate(180deg);
transition: transform 0.3s ease-in-out;
} */
.product-grid .product-thumb .button-show-variants {
transition: transform 0.3s ease-in-out;
}
.product-grid .product-thumb.open-grid .button-show-variants svg {
transform: rotate(180deg);
}
.product-thumb.grid-product-thumb {
width: 100%!important;
}
.button-show-variants svg {
transition: transform 0.3s ease-in-out;
}
.grid-product-thumb .btn_buy {
display: flex;
gap: 20px;
align-items: center;
}
.grid-product-thumb.series-item .quantity {
padding: 0;
position: absolute;
margin-left: -10px;
top: -37px;
}
.product-layout .product-thumb .count-products-grid {
margin-top: 0;
}
.count-products-grid {
display: grid;
grid-template-columns: auto max-content;
grid-template-rows: auto auto;
cursor: pointer;
}
.count-products-grid .count-products {
grid-column: 1 / 2;
grid-row: 1 / 2;
color: #788192;
margin-top: -1px;
}
.count-products-grid .price-from-to {
grid-row: 2 / 3;
grid-column: 1 / 2;
margin-top: -1px;
}
.product-thumb .series-item .btn-general {
margin-top: -3px;
}
.count-products-grid .price-from-to .min-prc,
.count-products-grid .price-from-to .max-prc {
font-weight: 600;
color: #232f3e;
}
.count-products-grid .button-show-variants {
grid-row: 1 / 3;
grid-column: 2 / 3;
background-color: #eef1f8;
border-radius: 8px;
display: grid;
align-items: center;
justify-content: center;
width: 36px;
height: 34px;
margin-top: 3px;
}
.series-price {
font-weight: 700;
font-size: 14px;
padding-right: 10px;
margin-left: auto;
align-items: center;
display: inline-flex;
}
.product-thumb .manuf {
color: #000;
font-size: 13px;
}
.ch-stock-status {
display: inline-flex;
justify-content: center !important;
}
.product-thumb .btn-general {
height: 34px;
min-width: 36px;
width: 36px;
padding: 0;
}
.product-thumb .btn-general .icon-cart-add {
display: block;
background-image: url("/image/icon-cart0.svg");
width: 15px;
height: 15px;
background-size: 15px;
background-repeat: no-repeat;
margin-right: 0;
}
#product .product-thumb .btn-general .icon-cart-add {
width: 20px;
height: 20px;
background-size: 20px;
}
.product-thumb .price-from-to .symbol_currency {
margin-right: 0;
}
.count-products-grid:hover .button-show-variants {
background-color: #eef1f8;
}
.product-layout .product-thumb .kit-cat {
margin-top: 10px;
}
.box-account {
width: max-content;
}
.box-wishlist {
width: max-content;
}
.box-cart {
width: max-content;
}
.arrow-all-reviews {
font-size: 24px;
margin-left: 5px;
color: #e19835;
padding-bottom: 3px;
font-weight: 500;
}
.product-grid .product-thumb {
position: relative;
}
.product-grid .add-price-block {
top: 100%;
left: 0;
left: -1px;
right: -1px;
z-index: 6;
background: #fff;
position: absolute !important;
box-shadow: 0px 12px 10px rgba(0, 0, 0, .07);
padding: 0 15px 15px;
border: 1px solid #eef1f8;
opacity: 0;
visibility: hidden;
border-bottom-right-radius: 16px;
border-bottom-left-radius: 16px;
transform: translateY(-10px);
transition: all 0.3s ease-out;
}
.ocdw_recommended_products-products-block .product-grid .add-price-block {
left: -1px;
right: -1px;
}
.open-grid.product-thumb .add-price-block {
transform: translateY(0);
opacity: 1;
visibility: visible;
}
.add-price-block .grid-product-thumb {
padding: 10px 0;
border-bottom: 1px solid #eef1f8;
}
.add-price-block .grid-product-thumb:last-child {
border-bottom: none;
padding: 10px 0 0 0;
}
.open-grid.product-thumb {
z-index: 10;
}
.open-grid.ajax-m.product-thumb {
border-radius: 0;
border-top-right-radius: 16px;
border-top-left-radius: 16px;
}
.ajax-m.open-grid {
z-index: 9 !important;
}
.product-thumb .quantity input {
min-width: 20px;
width: 20px;
}
.quantity .input-group-btn {
width: max-content !important;
}
.grid-product-thumb.series-item .quantity::after {
content: '';
width: 56px;
height: 20px;
position: absolute;
margin-top: -10px;
}
#product .product-thumb .quantity input {
width: 40px !important;
}
#product .kjseries .quantity {
margin-left: -65px;
top: -44px;
}
#product .kjseries .quantity::after {
content: '';
width: 76px;
height: 20px;
position: absolute;
margin-top: -15px;
}
#tab-review .chm-btn-primary {
background: #eef1f8;
color: #232f3e;
font-weight: 400;
font-size: 14px;
padding: 0 28px;
}
#tab-review .chm-btn-primary:hover {
background: #EAEDF7;
}
#ch-modal-review .modal-dialog.chm-modal.modal-dialog-centered {
width: 450px;
}
.ocw-wrapper-btn {
text-align: center;
}
.ocw-wrapper-btn button {
margin-top: 10px;
}
.margin-zero .ch-stock-status {
margin-bottom: 0;
}
.product-thumb .btn-general {
margin-top: -5px;
}
.product-thumb .margin-zero .btn-general, .product-thumb .add-price-block .btn-general {
margin-top: 0;
}
.product-thumb .caption {
min-height: 86px;
}
#product-product .ocdw_recommended_products-products-block {
padding-bottom: 5px;
}
.show-binotel {
cursor: pointer;
}
.ocdw_recommended_products-products-block {
position: relative;
z-index: 1;
}
.row-shipping_address_field49 span i {
cursor: pointer;
}
.ocw-wrapper-btn {
margin-top: 15px;
}
.grid-product-thumb .series-price {
position: relative;
cursor: pointer;
min-height: 40px;
}
.grid-product-thumb .series-price .price {
gap: 2px;
font-weight: 700;
font-size: 14px;
flex-direction: row;
align-items: center;
min-height: 20px;
}
.grid-product-thumb .margin-zero .series-price .price {
margin-top: 0px;
}
.grid-product-thumb .series-price .price-hidden {
opacity: 0;
visibility: hidden;
position: absolute;
bottom: 100%;
background: #fff;
margin-bottom: -10px;
border-radius: 16px;
display: flex;
gap: 2px;
transition: all .2s ease;
text-decoration: line-through;
color: #a3a3a3;
font-weight: 400;
font-size: 13px;
padding: 3px 6px;
border: 1px solid #eef1f8;
}
.grid-product-thumb .series-price .price-hidden .symbol_currency {
margin-right: 0;
}
.product-thumb .series-price:hover .price-hidden {
opacity: 1;
visibility: visible;
bottom: 100%;
}
.mod_al_wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.mod_al-btn-container {
text-align: center;
}
.tabs-product .tab-content > .tab-pane {
opacity: 1 !important;
visibility: initial;
}
.faq-link.faq-open span {
-webkit-box-orient: initial;
}
#bingc-phone-button {
display: none !important;
}
.dflex-fb-widget-item {
cursor: pointer;
}
.messangers-block .dflex-fb-widget-item, .messangers-block .dflex-fb-widget-item .fb-icon-img {
padding-right: 0;
margin-right: 0;
}
.modal-open #cs-fb-widget {
display: none;
}
.additional-tel .icon-image {
display: none;
}
.mob-sort {
display: none;
}
.product-thumb .series-item .btn_buy.disabled .btn-general .icon-cart-add,
.search-suggestion .series .products .product-thumb .btn_buy.disabled .btn-general span.icon-cart-add {
background-image: url("../image/sprite.svg#icon-close");
background-size: 12px;
width: 12px;
height: 12px;
margin-top: -1px;
}
.product-thumb .series-item .btn_buy.disabled .btn-general,
.search-suggestion .btn_buy.disabled .btn-general {
background-color: #eef1f8 !important;
cursor: not-allowed;
}
.product-thumb .series-item .btn_buy.disabled .ocdw_in_stock_alert {
background-color: #FFCE12 !important;
cursor: pointer;
}
.product-thumb .series-item .btn_buy.disabled .ocdw_in_stock_alert .comment {
mask-image: none;
background-size: 16px;
background-image: url(../image/sprite.svg#icon-comment) !important;
width: 16px;
height: 16px;
}
.product-thumb .series-item .btn_buy.disabled .quantity {
display: none !important;
}
@media (max-width: 992px) {
header >.container {
order: 2;
background: #eef1f8;
}
header #fm-fixed-mobile {
order: 5;
position: relative;
box-shadow: none;
}
body header {
padding-top: 0;
}
header > .container .align-items-center {
display: flex;
padding: 0 10px;
height: 40px;
justify-content: space-between;
}
header .head-right {
display: none;
}
header .phone-box {
width: max-content;
}
header .contact-header {
height: 0;
}
#logo a {
padding: 0;
}
header #phone .contact-header .additional-tel a {
font-size: 15px;
}
#logo {
display: inline-flex;
padding-top: 5px;
align-items: center;
}
header #phone .drop-icon-info {
background: #fff;
}
header > .container::before, header > .container .align-items-center::before {
display: none;
}
header .mob-fix-panel .mob-m-i {
width: 32px;
min-width: 32px;
}
header #fm-fixed-mobile .btn.btn-menu-mobile {
width: 32px;
}
.search_fix_mob .header-search {
height: 41px;
}
.header-search .form-control {
height: 41px;
}
header .search_fix_mob {
margin-top: 10px;
}
.header-search .form-control {
width: 90%;
}
.header-search .btn-search-select {
font-size: 13px;
}
.search_fix_mob .categories:after {
top: 20px;
}
.header-search .form-control {
padding: 0;
}
.cart_fix_mob svg {
margin-left: -20px;
}
header .cart_fix_mob .cart-total {
right: -1px;
background: #ffa41c;
}
main {
padding-top: 0;
}
#mslider0 {
margin: 0 -12px;
}
.megasliderpro .slide-type2 .row-slider-info {
padding: 10px 0px 0px 0px;
}
.container .megasliderpro [class*="slide-type"] .msp-title .text-title {
font-size: 18px;
line-height: 24px;
}
.row-flex .megasliderpro {
margin-top: -7px;
margin-bottom: 0;
}
.megasliderpro .ms-price .ms-price-cont {
width: 110px;
font-size: 10px;
display: inline-flex;
align-items: center;
line-height: 30px;
padding: 0 12px;
}
.megasliderpro .ms-price .ms-price-cont svg {
width: 5px;
margin-bottom: -4px;
font-size: 10px;
}
.megasliderpro .ms-price {
margin-top: 10px;
}
.categorywall-0 h1 {
font-size: 24px;
line-height: 28px;
}
.header-search .form-control {
padding: 0 10px;
}
.block-reviews.f-box {
margin-top: 0;
}
.box-bg-full.bg_mode_pos_22 .container {
padding: 0;
}
.pos22 .title-module {
margin-bottom: 20px;
}
.container-module .title-module span {
line-height: 28px;
}
.arrow-all-reviews {
font-size: 22px;
}
.row-flex .review-store-box {
margin-bottom: 0;
}
.box-bg-full .rc-mod, .pos22 .title-module {
margin-bottom: 10px;
}
.box-bg-full .pos15 {
padding: 0;
}
.container-module.articles-mod .title-module span {
line-height: 34px;
}
.swiper-mod-arrow {
border-radius: 100px;
background: #FFF;
}
.container-module .reviews {
margin-bottom: 0;
}
.category .sp-seo-faq, .category-info-block {
width: 100%;
padding: 0 10px;
}
.category-info-block .title {
padding: 0 5px;
}
.category-info {
margin: 0;
}
.category-info-block {
margin-top: 20px;
}
.category-info > div {
margin: 0 10px;
padding: 12px 0;
}
.category-info > div span {
font-size: 12px;
width: 50% !important;
}
.category-info {
padding: 5px 0;
}
#product-product .tab-white-bg {
display: none;
}
.ft_tabs_mob header {
padding-top: 0 !important;
}
.mob-menu-info-fixed-left .mh-right-b .wishlist-quantity {
top: -10px;
right: -10px;
}
.product-grid .ocw-wrapper {
display: flex;
flex-wrap: wrap;
gap: 0;
}
.wall-category-box {
overflow: auto;
}
.container.home > .row, .container.home > .row > .row {
margin: 0;
}
.active-category-name {
position: relative;
width: max-content;
display: inline-flex;
}
.search_fix_mob .categories::after {
top: 20px;
}
.header-search .categories::after {
content: '';
border:1px solid #cdcdcd;
width: 1px;
height: 21px;
display: inline-block;
position: relative;
top: 10px;
right: 0;
transform: none;
}
.header-search .categories {
display: flex;
}
.pos6 .chm-ms-box {
margin: 0 -8px;
}
#mob-info-contact .contact-header {
height: max-content;
}
#mob-info-contact .additional-tel .icon-image {
display: inline-block;
}
#fm-fixed-mobile #mob-info-contact .additional-tel.dth a {
padding: 8px 0px !important;
font-size: 14px !important;
}
#mob-info-contact .additional-tel .icon-image img {
width: 25px;
height: 25px;
margin-right: 4px;
}
#language .btn-group {
background: #eef1f8;
color: #000;
}
#language .btn-group div button {
color: #000;
}
#language .btn-group div.active button {
background: #fff;
color: #000;
}
#language .btn-group > dev {
margin-top: -1px;
}
.mh-left-b .mob-text-language {
display: none !important;
}
.sort-cat {
display: none;
}
.mob-sort {
display: inline-block;
margin-top: -2px;
}
.mob-sort .btn-sort-limit {
margin-right: 0;
}
.view-box {
margin-left: 0;
background: #eef1f8;
border-radius: 12px;
padding-right: 2px;
}
.view-box .row {
margin: 0;
width: 100%;
}
.view-box .localstorage {
padding-left: 0;
}
.popup-cat {
order: -1;
}
.btn-sort-limit .sort-name, .sort-name {
color: #232f3e;
}
.localstorage .btn-group.open .dropdown-toggle {
background: #fff;
border-radius: 12px !important;
}
.view-box .localstorage.dflex button {
margin-right: 0;
}
.btn-sort-limit svg {
right: 14px;
}
.ocf-btn-mobile-static svg {
margin-right: 7px;
}
.box-sub-cat {
padding: 0 5px;
}
.grid-product-thumb .man-rew {
margin-bottom: -20px;
}
.ch-stock-status {
margin-bottom: -10px;
}
.grid-product-thumb .series-price .price {
margin-top: -1px;
}
.count-products {
text-transform: capitalize;
}
.count-products-grid .price-from-to {
-webkit-line-clamp: 1;
display: -webkit-box; -webkit-box-orient: vertical;
overflow: hidden;
width: 90%;
}
.count-products span {
display: none;
}
.product-grid .product-thumb {
border: none !important;
}
.ocdw_recommended_products-products-block .product-thumb.dflex.flex-column.h-100, .ocdw_recommended_products-products-block .product-grid .product-thumb {
width: 50%;
}
.mod_al_wrapper {
grid-template-columns: repeat(1, 1fr);
}
.wall-category-box .item-sub-category.active {
top: 10px;
left: 10px;
transition: all ease-in-out 0.4s;
background: #F7F8FB;
min-height: 130px;
z-index: 9;
}
.ocdw_recommended_products-products-block .product-grid .ocw-wrapper {
margin: 0 -8px 0 -9px;
}
.ch-stock-status .qty-not-in-stock {
max-width: 62px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.ocdw_recommended_products-products-block .product-grid .product-thumb {
border: 1px solid #eef1f8 !important;
border-radius: 0;
border-top: none !important;
}
.ocdw_recommended_products-products-block .caption .product-thumb {
border: none !important;
}
.ocdw_recommended_products-products-block .product-grid .product-thumb:nth-child(2n) {
border-left: none !important;
}
.bg_mode_pos_15 .row, .bg_mode_pos_22 .row {
margin: 0;
}
.product-grid .add-price-block {
left: -1px;
right: -1px;
}
.popup-cat .pp-cat {
padding-left: 0;
}
.popup-cat .pp-cat svg {
margin-right: 8px;
}
}
.vis-contact-m {
display: block;
text-align: center;
color: #788192;
font-size: 12px;
margin-top: 30px;
}
.mod-categories .mc-item span > .mc-show-child-i {
display: none;
}
.list-unstyled .back-button {
display: none;
background-color: #eceef2;
}
.list-unstyled .back-button > span {
gap: 10px;
align-items: center;
}
.list-unstyled .back-button a {
font-weight: 400;
font-size: 16px;
width: 100%;
color: #000;
}
.list-unstyled .back-button .back-link-i {
width: 15px;
height: 15px;
rotate: 270deg;
}
.block-title-category {
display: none;
display: flex;
margin-bottom: 20px;
padding: 16px 20px 20px;
background-color: #eceef2;
gap: 10px;
font-size: 16px;
color: #000;
align-items: center;
}
.block-title-category .block-title-category-close {
width: 15px;
height: 15px;
margin-left: auto;
z-index: 9;
width: 16px;
height: 16px;
}
.search-suggestion .ch-stock-status {
margin-top: -12px !important;
}
.search-suggestion .brand-text {
margin-top: 0;
}
.search-suggestion .series .products .product-thumb .btn-general {
min-width: 36px !important;
margin-bottom: -2px;
}
.search-suggestion .series .products .product-thumb .btn-general span {
width: 15px;
background-size: 15px;
height: 15px;
}
.search-suggestion .series .products .info .name {
min-height: 40px;
}
.stock-news {
min-width: 150px;
max-width: 150px;
}
.search-suggestion .kit-cat > div .btn-general.is-active {
background: #ECF9F1 !important;
}
.products-var .btn_buy.disabled .btn-general{
background-color: #eef1f8 !important;
pointer-events: none;
}
.products-var .btn_buy.disabled {
cursor: not-allowed;
}
#popup-quickview .products-var .btn-general {
height: 44px;
width: 120px;
min-width: 120px;
}
#popup-quickview .products-var .btn-general.is-active {
background: #ECF9F1 !important;
}
#popup-quickview .products-var .btn-general.is-active .icon-cart-add {
background: #53A974;
}
#popup-quickview .products-var .btn-general span {
color: #232f3e;
font-weight: 500;
}
.search-suggestion .product-thumb .quantity input {
background: #fff;
}
.search-suggestion .btn_buy.disabled {
cursor: not-allowed;
}
.search-suggestion .btn_buy.disabled .btn-general {
pointer-events: auto !important;
}
.buttons-wr .btn-danger {
border: none;
}
#popup-quickview .products-var .btn-general .icon-cart-add {
width: 20px;
height: 20px;
background-size: 20px;
}
#popup-quickview .products-var .ocdw_in_stock_alert {
background-color: #FFDF65 !important;
}
.reward_block {
display: none !important;
}
.open-sub-cat {
cursor: pointer;
}
.editorbtncat0 {
display: none !important;
}
.header-cart-products .stock-color-6 .stock-status-thumb {
margin-left: 0;
}
.product-thumb .btn-general.is-active:hover, .product-thumb .btn-general.is-active:focus {
background: #ECF9F1 !important;
}
#simplecheckout_cart .simplecheckout-warning-block {
display: none;
}
.simplecheckout-button-right {
display: flex;
flex-direction: column;
}
.min-price {
text-align: center;
margin-bottom: 7px;
font-weight: 500;
}
.simplecheckout-button-block .btn[disabled] {
opacity: 1;
background:
#a9bad7 !important;
}
.alert-danger.simplecheckout-warning-block {
display: none !important;
}
.simplecheckout-button-block.buttons .btn-primary.disabled {
background-color: #a9bad7;
opacity: 1;
}
@media (max-width: 767px) {
.mod-categories {
position: relative;
}
.mod-cat-list-items {
margin: 0 20px;
}
#fastorder_data .kjseries label .manufacturer {
margin-bottom: 0;
}
.block-title-category {
display: flex;
}
.open-mc-main > .mod-cat-list-items {
max-height: 100%;
overflow-y: scroll;
margin: 0 10px 0 20px;
}
.mod-categories .mc-item {
margin: 0;
}
.mod-categories .mc-item > span {
padding: 10px 0;
}
.mod-categories .mc-item + .mc-item, .mod-categories .mc-child-item+ .mc-child-item {
border-top: 1px solid #ebebeb;
}
.mod-categories .mc-item span > .mc-show-child {
display: none;
}
.mod-categories .mc-item span > .mc-show-child-i {
display: block;
width: 15px;
height: 15px;
order: 2;
rotate: 90deg;
background-repeat: no-repeat;
margin-right: 10px;
}
.mod-categories .mc-item > span, .mod-categories .mc-child-item > span {
display: flex;
justify-content: space-between;
}
.mod-categories .mc-item > span > a, .mod-categories .mc-child-item > span > a {
font-size: 16px;
color: #444;
font-weight: normal !important;
}
.mod-categories .mc-item .list-unstyled {
position: absolute;
transition: all 0.2s;
transform: translateX(-120%);
background: #fff;
z-index: 3;
width: 100%;
height: 100%;
top: 0;
left: 0;
padding: 0 20px;
}
.mod-categories .mc-item .list-unstyled::after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #fff;
z-index: -1;
}
.mod-categories .mc-item .list-unstyled {
overflow-y: hidden;
}
.mod-categories .mc-item .list-unstyled.open-mc {
transform: translateX(0);
overflow-y: scroll;
}
.mod-categories .mc-item .list-unstyled .mc-child-item > span {
padding: 10px 0;
font-size: 16px;
}
.mod-categories .mc-item .list-unstyled .mc-child-item > span a {
color: #444;
font-weight: normal !important;
}
.mod-categories .mc-item > .list-unstyled > .mc-child-item > .list-unstyled {
padding: 18px 0;
}
.list-unstyled.open-mc .back-button {
display: block;
margin: 0 -20px 20px -20px;
padding: 18px 20px;
}
.view-box {
height: 44px;
margin-top: 20px;
}
.view-box .localstorage.dflex button {
font-size: 14px !important;
}
.view-box .localstorage.dflex button svg {
width: 18px;
}
.btn-sort-limit .sort-name {
padding-right: 8px;
}
.desc-button span {
font-size: 14px;
}
.h1-prod-name {
font-size: 24px;
line-height: 32px;
}
#product .kjseries-block {
border: 0;
padding: 0;
}
#product .right-block-inner {
padding: 10px 12px 20px;
}
#product .info-product-stock > span {
max-width: 140px;
min-width: 130px;
}
footer.ch-light-theme {
position: relative;
z-index: 0;
}
.top-product-button {
padding-top: 35px;
padding: 15px 8px 0;
}
#product-product .ocdw_recommended_products-products-block {
margin: 20px 0 5px 0;
}
#product-product .sp-seo-faq {
padding: 0;
}
#product-product .ocdw_recommended_products-products-block .product-grid .ocw-wrapper {
margin: 0 -10px 0 -11px;
}
.categorywall-0 {
margin: 10px -10px !important;
}
.container.home .ocdw_recommended_products-products-block {
margin: 0 -10px;
}
.container.home .ocdw_recommended_products-products-block .product-grid {
padding: 0 8px;
}
.ocdw_recommended_products-products-block .nav-tabs li {
padding: 0 12px;
}
.bg_mode_pos_22 {
margin-top: 30px;
}
.ocf-container.ocf-mobile-active {
padding-bottom: 150px;
}
.mod-categories .search-in-category {
margin: 0 20px 10px;
}
.mod-categories .list-unstyled .search-in-category {
display: grid;
margin: 0 0 10px;
}
.localstorage .btn-group .btn-sort-limit {
max-height: 36px;
margin-top: 2px;
}
#content .ch-limit-sorts > div {
margin-top: 0;
}
#ocf-module-1 {
background: #fff;
}
#ocf-module-1 .ocf-header svg {
width: 22px;
margin-right: 8px;
}
.container.category #content {
margin-bottom: 0;
}
#content .ch-limit-sorts > .custom {
width: max-content;
}
.custom .btn-sort-limit svg {
right: 10px;
}
.mod-categories.ocf-container {
border-radius: 0 !important;
}
#popup-quickorder .shop-cart-btn-block .chm-btn-primary {
order: -1;
margin-bottom: 15px;
}
#popup-quickview .kjseries {
border: 1px solid #eef1f8;
border-radius: 12px;
padding: 3px 15px 3px;
}
#popup-quickview .kjseries .product-thumb {
border-bottom: 0;
}
body #bingc-passive {
width: auto !important;
}
body #bingc-passive div.bingc-passive-overlay {
margin-right: 12px !important;
width: 94% !important;
}
.btn-search-select svg {
margin: 0 -4px 0 4px;
}
.mc-child-item .list-unstyled {
padding: 0 20px !important;
}
.container.category .ocdw_recommended_products-products-block {
margin-bottom: 35px;
}
.vis-contact-m {
margin-top: 7px;
margin-bottom: 13px;
}
.related-product-status-off > .product-thumb:last-child {
display: none!important;
}
body .bingc-blur-whole-page {
filter: initial;
-webkit-filter: initial;
}
.ocf-overflow-hidden .category-page, .ocf-overflow-hidden .view-box,
.ocf-overflow-hidden .box-sub-cat {
pointer-events: none;
}
.search-suggestion .series {
display: none !important;
}
.mod-categories .mod-cat-list-items {
max-height: 100%;
overflow-y: auto;
}
.info-succes .three .success-flex img {
display: none;
}
#modal-quickorder {
padding-left: 0;
}
#modal-quickorder .kjseries {
padding: 0;
}
#modal-quickorder .product-thumb.kj-item {
flex-wrap: initial;
}
#modal-quickorder .manufacturer {
margin-bottom: 0;
}
#modal-quickorder .stock-news {
min-width: 130px;
}
.header-cart-item-stock-status {
margin-top: 7px;
}
.qty-not-in-stock.stock-color-6 {
margin-bottom: -2px;
}
.qty-not-in-stock.stock-color-6 .stock-status-thumb {
font-size: 14px;
}
.qty-not-in-stock.stock-color-6 .stock-status-thumb:after {
content: "\00A0+";
font-size: inherit;
color: inherit;
display: inline-block;
}
.category.parent .sp-seo-faq {
margin-top: 20px;
}
.header-cart-fix-right .qty-not-in-stock.stock-color-6 {
font-weight: 400;
font-size: 12px;
}
.header-cart-fix-right .qty-not-in-stock.stock-color-6::after {
content: "\00A0+";
font-size: inherit;
color: inherit;
display: inline-block;
}
.header-cart-fix-right .qty-not-in-stock.stock-color-6 {
font-size: 0;
margin-bottom: -2px;
}
.header-cart-fix-right .qty-not-in-stock.stock-color-6 .stock-status-thumb {
font-size: 12px;
}
#product .qty-not-in-stock.stock-color-6, #popup-quickview .qty-not-in-stock.stock-color-6 {
margin-left: 0;
font-size: 0;
margin-left: 0px;
font-size: 14px;
}
#product .qty-not-in-stock.stock-color-6 .stock-status-thumb,
#popup-quickview .qty-not-in-stock.stock-color-6 .stock-status-thumb {
margin-left: 0;
}
.series-price {
padding-right: 5px;
}
.manufacturers-cart {
flex-direction: column;
}
.manufacturers-cart .brand-text {
margin-left: 0;
}
}
#mslider0 {
visibility: hidden;
}
.search-suggestion.product::after {
content: '';
width: 15px;
position: absolute;
right: -7px;
height: 55px;
}
.disabled-cursor {
cursor: not-allowed;
pointer-events: none;
}
[class*="product-checkbox-off-"] {
opacity: 0.7;
}
.simplecheckout-cart .product-checkbox {
display: flex;
align-items: center;
}
.tags-block {
overflow: hidden;
line-height: 16.7px;
max-height: 47px;
width: 100%;
position: relative;
}
.tags-block.active {
max-height: max-content;
}
.tags-block::after {
content: '';
background: linear-gradient(180deg, rgba(255, 255, 255, 0.5) 25.43%, rgba(255, 255, 255, 0.92) 95.78%);
width: 100%;
height: 35%;
position: absolute;
bottom: 0;
left: 0;
}
.tags-block.none::after, .tags-block.active::after {
display: none;
}
.tags-button {
color: #0f4b82;
font-size: 14px;
margin-top: 10px;
cursor: pointer;
width: max-content;
}
.checkbox-tp{
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
position:relative;
width:16px;
height:16px;
flex:0 0 16px;
margin:2px 10px 0 0;
cursor:pointer;
background:#fff;
border:1px solid #adb5bd;
border-radius:2px;
transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease;
}
.checkbox-tp::after{
content:"";
position:absolute;
inset:0;
display:block;
background-repeat:no-repeat;
background-position:center;
background-size:8px;
opacity:0;
transition:opacity .15s ease;
}
.checkbox-tp:not(:disabled):hover{
border-color:#3366D5;
}
.checkbox-tp:focus-visible{
outline:none;
box-shadow:0 0 0 2px rgba(51,102,213,.25);
}
.checkbox-tp:not(:disabled):active{
background:#f0f3ff;
}
.checkbox-tp:checked{
background:#3366D5;
border-color:#3366D5;
}
.checkbox-tp:checked::after{
opacity:1;
background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
}
.checkbox-tp:checked:not(:disabled):hover{
background:#4374e0;
border-color:#4374e0;
}
.checkbox-tp:checked:not(:disabled):active{
background:#295cc0;
border-color:#295cc0;
}
.checkbox-tp:disabled{
cursor:not-allowed;
background:#e9ecef;
border-color:#ced4da;
}
.checkbox-tp:disabled::after{
opacity:.4;
}
#simplecheckout_shipping_address {
display: block!important;
}
.ocf-mobile {
display: none;
}
.container.search .view-box {
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
margin-left: 0;
}
.chm-account-content p {
padding-top: 20px;
}
#modal-callback .modal-body img {
display: none;
}
.ocdw_in_stock_alert .icon-cart-add {
mask-image: none !important;
background-size: 17px !important;
background-image: url(../image/sprite.svg#icon-comment) !important;
width: 16px !important;
height: 16px !important;
margin-top: 0px !important;
}
.product-thumb .image .btn-wishlist {
display: flex;
}
.ocdw_in_stock_alert svg {
width: 16px;
display: none;
}
@media (max-width: 767px) {
#account-return fieldset {
width: 100%;
}
#account-return .right-block {
width: 100%;
order: -1;
margin-bottom: 20px;
}
.info-np-return {
width: 100%;
}
.wishlist-page #content {
width: 100%;
}
}
.price-hidden-no_way strike {
display: none!important;
}
@media (min-width: 800px) and (max-width: 1400px) {
body .container {
width: 98%;
}
.wall-category-box .box-item {
width: 25%;
}
.logo-top {
width: 15%;
}
#phone .contact-header .additional-tel a {
font-size: 18px !important;
}
.phone-box {
margin-right: 0px;
margin-left: 0;
}
.menu-header-box #menu-vertical.open {
z-index: 1039;
width: 19%;
}
.box-account.text-ai-on, .box-wishlist.text-ai-on, .box-compare.text-ai-on {
padding-right: 10px;
}
.fix-header #phone .drop-icon-info {
right: -35px;
}
.item-subc {
width: 14.28%;
}
.btn-fastorder .btn-icon-fastorder {
min-width: 20px;
}
.simple-page #simplecheckout_customer .form-horizontal, #simplecheckout_shipping_address .form-horizontal {
padding-right: 3%;
}
.simple-page #simplecheckout_shipping_address .form-horizontal {
padding-right: 10%;
}
.simple-page .simplecheckout-button-block.buttons {
width: 31%;
margin-left: auto;
}
.simple-page .simplecheckout-button-block.buttons .btn-primary {
font-size: 15px;
padding: 0px 10px;
}
.item-suc .name-order {
max-width: 300px;
min-width: 300px;
}
.items-lk .chm-list-group-item {
width: 20%;
}
.simple-page #simpleedit .row-edit_confirm_password {
padding-top: 0;
}
.chm-account-content {
height: auto;
min-height: 340px;
}
.head-block-return h1 {
margin-top: 10px;
}
.histore > div {
margin-right: 0;
}
#account-order .chm-account-content {
padding: 0 20px;
}
.product-order .name-order {
width: 60%;
padding-left: 10px;
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 10px;
}
.products-order-main .quantity {
padding-left: 10px;
}
.product-order .right {
width: 23%;
}
.row-flex .articles-list {
width: 33.33%;
}
#simpleedit fieldset > .form-group {
width: 70%;
display: flex;
flex-direction: column;
}
.simple-page #simpleedit .form-horizontal .control-label {
width: 50%;
}
body .header-search .categories .dropdown-menu {
width: 100%;
}
.random-subcategories {
flex-wrap: wrap;
}
.random-subcategories .category-item {
width: 14.28%;
}
}
@media (min-width: 1000px) {
#fastorder_data > .row .form-group, .contact-block-fast .form-group {
width: 33.33%;
}
.chm-modal input.form-control {
padding: 10px 40px 10px 20px;
}
.chm-modal input + label.chm-input-icon {
width: 38px;
}
.contact-block-fast .chm-input-icon {
right: 10px !important;
}
}
#ocdw_in_stock_alert-block .quantity .quantity-num {
padding: 10px 0;
}
@media (min-width: 1000px) and (max-width: 1199px) {
body .container {
width: 99%;
}
.box-menu-top svg {
display: none;
}
.box-menu-top #icon-menu {
display: inline-block;
}
.logo-top {
width: 20%;
margin-right: 0;
}
.box-search {
margin-left: 0;
}
#logo a {
padding: 18px 5px 12px 12px;
}
.fix-header #phone .contact-header .additional-tel a {
font-size: 17px;
}
.header-search .btn-search-select {
width: 120px;
}
.fix-header #phone .drop-icon-info {
right: -35px;
}
.container.home {
overflow: hidden;
}
.box-account.text-ai-on, .box-wishlist.text-ai-on, .box-compare.text-ai-on {
padding-right: 5px;
}
header .btn-menu-top.show-tc {
padding: 10px 12px;
}
.head-right {
width: 15.4%;
}
.wall-category-box .box-item {
width: 25%;
}
.menu-header-box #menu-vertical #menu-vertical-list .arrow {
right: 10px;
}
.menu-header-box #menu-vertical #menu-vertical-list > li > a {
padding-right: 20px;
}
.menu-header-box #menu-vertical a {
font-size: 13px;
}
.container.category {
overflow: hidden;
}
.item-subc {
width: 16.66%;
}
#product-product {
overflow: hidden;
}
.ch-dr-pct-line {
height: 8px;
border-radius: 12px;
background: #F7F8FB;
min-width: 150px;
}
.ocdw_recommended_products-products-block .ocw-wrapper {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.kjseries-block {
border: 1px solid #eef1f8;
border-radius: 12px;
padding: 20px 15px;
}
.top-product-button > div {
padding: 0 8px;
width: 36%;
}
.top-product-button > .compare-wishlist-group {
width: 28%;
}
.btn-fastorder .btn-icon-fastorder {
min-width: 20px;
}
#product .call-main img {
margin-right: 4px;
}
.info-product-stock {
min-width: 140px;
}
.products-var .manufacturer a {
font-weight: 700;
font-size: 15px;
}
.kjseries .price_special {
display: flex;
text-align: center;
position: relative;
font-size: 18px;
}
#product .qty-not-in-stock, #popup-quickview .qty-not-in-stock {
font-size: 13px;
}
#product .product-thumb .btn-general {
width: 100px;
min-width: 100px;
}
#product .product-thumb .btn-general .icon-cart-add {
width: 18px;
height: 18px;
background-size: 18px;
}
.custom-block-product .text .custom-block-desc {
font-size: 13px;
}
.simple-page #simplecheckout_customer .form-horizontal, .simple-page #simplecheckout_shipping_address .form-horizontal {
padding-right: 0;
}
.simple-page #simplecheckout_customer .form-horizontal .form-group, .simple-page #simplecheckout_shipping_address .form-horizontal .form-group {
width: 100%;
}
.simplecheckout-left-column #simplecheckout_payment img {
width: 40px;
}
.simplecheckout-left-column #simplecheckout_payment img.gpay {
margin-left: 10px;
}
.simple-content .simplecheckout-button-block.buttons {
width: 100%;
padding-left: 0;
}
.simple-content .simplecheckout-button-block.buttons .btn-primary {
width: 260px;
}
footer a {
font-size: 14px;
}
footer.ch-light-theme .title-f, footer.ch-light-theme .title-f-contact {
font-size: 16px;
}
.allhistories .added {
min-width: max-content;
padding-right: 20px;
}
.allhistories .status {
min-width: max-content;
margin-right: 0;
margin-left: auto;
}
.product-order .right {
flex-direction: column;
align-items: center;
justify-content: center;
}
.articles-list .product-thumb {
padding: 0;
}
.category_description {
padding-left: 10px;
padding-right: 10px;
}
.sp-seo-faq {
padding-left: 10px;
}
.category-info-block {
padding-right: 10px;
}
.ocw-wrapper {
grid-template-columns: repeat(4, 1fr);
}
.random-subcategories .category-item {
width: 16.66%;
}
}
@media (min-width: 800px) and (max-width: 999px) {
header > .container {
width: 100%;
}
.header-search .input-group-btn {
width: auto;
}
.header-search .categories {
align-items: center;
}
.header-search .categories::after {
top: 0;
}
.btn-search {
margin-top: 4px;
}
.mob-fix-panel .mob-m-i.cart_fix_mob .btn-mob-cart {
padding-top: 5px;
}
.cart_fix_mob .cart-total {
top: 4px;
}
.pos6 {
margin-top: 3px;
}
.megasliderpro .ms-price .ms-price-cont {
width: max-content;
}
.megasliderpro .ms-price .ms-price-cont {
font-size: 14px;
}
.row-flex .megasliderpro {
margin-top: 0;
}
.ocdw_recommended_products-products-block .product-thumb.dflex.flex-column.h-100, .ocdw_recommended_products-products-block .product-grid .product-thumb {
width: 33.33%;
}
.mod_al_wrapper {
grid-template-columns: repeat(2, 1fr);
}
.item-subc {
width: 16.6%;
}
.pos6 {
width: 65%;
}
.pos7 {
width: 35%;
}
.container-banner {
padding-top: 3px;
}
#banner1 .item-banner:last-child {
margin-top: 12px;
}
body .header-search .categories .dropdown-menu {
width: 100% !important;
}
.item-subc {
width: 20%;
}
.container.category {
overflow: hidden;
}
.container.category #column-left {
display: inline-block !important;
width: 30%;
}
.container.category #content {
width: 70%;
}
.random-subcategories .category-item {
width: 20%;
}
#product .btn-fastorder {
margin-left: 0;
}
.simple-content .simplecheckout-right-column {
margin-top: 60px;
display: flex;
}
#simplecheckout_shipping .simplecheckout-block-content {
overflow: visible;
width: 63.6%;
margin: 0 auto;
}
.simple-page #simplecheckout_customer .form-horizontal, #simplecheckout_shipping_address .form-horizontal {
padding-right: 10%;
}
#simplecheckout_payment .simplecheckout-block-content {
width: 63.6%;
margin: 0 auto;
}
.responsive-success .item-suc {
display: flex;
width: 100%;
}
#common-success .chm-content {
margin-top: 20px;
}
#account-account #column-right, .simple-page #column-right, .wishlist-page #column-right,
#account-order #column-right, #account-return #column-right {
display: inline-block !important;
width: 32%;
}
#account-account #content, .simple-page.active #content, .wishlist-page #content,
#account-order #content, #account-return #content {
width: 68%;
}
.items-lk .chm-list-group-item svg {
width: 40px;
height: 40px;
}
.items-lk .chm-list-group-item {
margin: 0 5px;
}
#simpleedit fieldset > .form-group {
width: 100% !important;
align-items: center;
}
.simple-page #simpleedit .form-horizontal .control-label {
width: 100%;
}
.simple-page #simpleedit .col-sm-10 {
width: 100%;
}
.wishlist-page #content .product-grid .product-thumb .addit-action, .wishlist-page #content .container-module .product-thumb .addit-action {
right: 0;
}
.order-text .only-desk {
display: none;
}
.order-text {
width: 32%;
}
.head-order .left {
width: 35%;
}
.order-date {
padding-left: 10px;
}
.head-order .right {
width: 65%;
}
.list-order-main .address-totals {
width: 100%;
}
.list-order-main .order-main-block {
flex-wrap: wrap;
}
.list-order-main .products-order-main {
width: 100%;
}
h1 {
font-size: 24px;
}
.ret-id {
width: 22%;
}
.head-block-return {
display: block;
}
.return-button {
line-height: 44px;
padding: 0 15px;
height: 44px;
margin-bottom: 20px;
width: max-content;
font-size: 13px;
display: inline-block;
margin-top: 10px;
}
#account-return .right-block {
width: 100%;
}
#account-return fieldset {
width: 100%;
margin: 0 auto;
}
.content-box-cs #content {
width: 100%;
}
.articles-list .product-thumb {
padding: 0;
}
.image-atricle img {
margin: 0 auto;
}
.container.category .parent-id19489, .container.category .parent-id0 {
width: 100% !important;
}
.block-title-category, #column-left .ocf-header {
display: none;
}
#column-left #ocf-module-1 .ocf-header {
margin-right: -30px;
display: flex;
}
.random-subcategories {
flex-wrap: wrap;
}
.simpleregister .row-edit_lastname {
order: 1;
}
.simpleregister .row-edit_email {
order: 4;
}
.simpleregister .row-edit_firstname {
order: 2;
}
.simpleregister .row-edit_telephone {
order: 3;
}
.simpleregister .row-edit_confirm_password {
order: 6;
}
.simpleregister .row-edit_password {
order: 5;
}
.info-np-return {
width: 100%;
}
#account-return .buttons {
width: 100%;
margin: 40px auto 20px;
}
.chm-account-button {
display: none;
}
.logo-top {
width: 22%;
}
#logo img {
width: 180px;
}
}
#ocdw_in_stock_alert-form .brand_text {
margin: 0;
}
.header-nav-links.logged li:first-child {
display: none;
}
.swiper-module .ch-stock-status {
margin-bottom: 0;
}
.btn-email-block i {
margin-right: 4px !important;
}
.search-suggestion .series .products .info .car_name {
-webkit-line-clamp: 1;
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: initial;
}
.logged-true #customer_telephone, .logged-true #edit_telephone, .customer-logged #contact-phone {
pointer-events: none;
background: #eef1f8;
}
.logged-true .row-customer_telephone, .logged-true .row-edit_telephone, .customer-logged > .form-group:last-child {
cursor: not-allowed;
}
.mob-doptext {
margin-bottom: 20px;
font-size: 14px;
width: max-content;
color: #999;
}
.call-main:has(a.mydisabled) {
cursor: not-allowed !important;
}
.mydisabled {
pointer-events: none;
}
.chm-modal.simple .content {
padding: 0 20px 20px;
}
.ship-modal-item {
padding: 10px 12px !important;
}
#shippingAddressModalSearch {
padding: 10px 40px 10px 11px !important;
}
@media (max-width: 768px) {
.chm-modal.simple .content {
padding: 0 15px 15px;
}
#shippingAddressModalSearch {
padding: 10px 15px 10px 11px !important;
}
.chm-modal.simple .modal-header {
padding: 15px 60px 15px 26px !important;
}
}
.tm-manufacturer-category .block-title-category {
background: #eef1f8;
padding: 14px 14px;
border-radius: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.product-thumb.grid-product-thumb .man-rew {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 4px !important;
line-height: 16px;
}
.product-thumb.grid-product-thumb .man-rew .brand_text {
margin: 0;
padding-right: 6px;
text-align: right;
white-space: nowrap;
}