html {
width: 100vw;
}
body {
font-weight: 400;
color: #222;
font-size: 14px;
line-height: 20px;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
min-height: 100vh;
}
main {
overflow: clip;
}/*
.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;
}
.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{border-bottom: 1px solid #EAEDF7; 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: 1007;
position: relative;
}
.fix-header.h-sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 1008;
}
html:not(.vw-100) .fix-header.h-sticky {
box-shadow:0px 8px 16px -8px rgba(0, 0, 0, 0.06);
}
.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 {margin-bottom: -5px;}
.h-sticky .header_dopmenu_doptext {margin-bottom: 0px;}
.header_dopmenu_doptext br {display: none;}
}
@media (min-width: 1500px) {
.header_dopmenu_doptext.f-order-3{
-ms-flex-order: 3;
order: 3;
margin-bottom: 0px;
}
.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;}
}
.header_dopmenu_doptext p {
margin-bottom: 1px;
}
.p-content {
margin-bottom: 20px;
}
.mod-categories {
box-shadow: 0px 0px 0px 1px #EAEDF7;
border-radius:8px;
background: #fff;
padding: 20px;
position: relative;
margin-top: 10px;
margin-bottom: 30px;
}
.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 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 {
padding: 10px 0px 10px 15px;
background: #F7F8FB;
border-radius:6px;
position: relative;
}
.mod-categories .mc-item .mc-show-child {
width: 40px;
height: 40px;
}
.mod-categories .mc-child-item .mc-show-child {
width: 40px;
height: 34px;
}
.mod-categories .mc-show-child {
position: absolute;
right: 0;
top: 0;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
cursor: pointer;
border-radius:0px 5px 5px 0px;
}
.mod-categories .mc-show-child .icon-mc-down{
width: 8px;
height: 4px;
}
.mod-categories .mc-child-item > span {
padding: 6px 0px 6px 15px;
position: relative;
}
.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;
}
.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-initialized .swiper-slide:not(.swiper-slide-visible){
opacity: 0;
}
.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: 10px;
margin-bottom: 20px;
}
.fa {
font-size: 14px;
}
.h1,h1 {
font-size: 22px;
line-height: 30px;
}
.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;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
font-weight: 400;
}
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 {
box-shadow: 0px 0px 0px 2px #CBDBF8;
background-color: #fff;
border-color: #FFF;
z-index: 1;
}
input.form-control {
border: 1px solid #EAEDF7;
box-shadow: none;
color: #000000;
background: #FCFCFC;
border-radius: 6px;
padding: 10px 12px 10px 12px;
height: 44px;
}
.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;
}
header .text-a-icon,
header .text-a-icon-cart {
font-size: 12px;
color:#000;
font-weight: 500;
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: 10px;
}
.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;
}
.box-account.text-ai-on,
.box-wishlist.text-ai-on,
.box-compare.text-ai-on {
padding-right: 15px;
}
.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-between;
flex-direction: column;
}
.fixed-goods-menu .viewed-quantity,
.btn-mob-cart .cart-total,
#cart .cart-total,
.wishlist-quantity,
.compare-quantity {
position: absolute;
top:2px;
right:0px;
height: 18px;
min-width: 18px;
padding-left: 5px;
padding-right: 5px;
border-radius:25px;
color:#fff;
font-size: 11px;
line-height: 22px;
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: 1009;
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;
}
#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 {
background: #F7F8FB;
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;
}
.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/sprite.svg#icon-arrow-down");
width: 8px;
height: 4px;
}
.form-control::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: 40px;
border:0px !important;
padding: 0 15px;
box-shadow: none !important;
border-radius: 8px 0px 0px 8px;
background-color: #F7F8FB;
color:#222;
}
.header-search .form-control:focus {
border:0px;
box-shadow: none;
outline: 0 none;
background-color: #F7F8FB;
}
.header-search .dropdown-menu {
margin-top: 0px;
}
.header-search .button_search {
border: 0px;
background: #F7F8FB;
border-radius:0px 8px 8px 0px;
}
.header-search .categories {
background:#F7F8FB;
}
.header-search .autosearch_link {
cursor:pointer;
}
.header-search .search_autocomplete {
background: #fff;
-webkit-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
padding: 2px 4px;
border-radius: 8px;
margin-top: 0px;
width: 100%;
z-index: 6666 !important;
left: 0px;
right: 0px;
border: 0px;
position: absolute;
width: 100%;
left: 0;
right: 0;
display: none;
font-size:12px;
}
@media (min-width: 992px) {
.logo-top {
min-width: 200px;
}
.header-search .search_autocomplete {
min-width: 530px;
margin-top: 10px;
}
}
.header-search .search_autocomplete .autocomplete-wrapper {
max-height: 450px;
overflow-y: auto;
overflow-x: hidden;
padding: 14px 16px;
scrollbar-color: #DEE2E6 transparent;
scrollbar-width: thin;
}
.header-search .search_autocomplete .autocomplete-wrapper::-webkit-scrollbar {
width: 8px;
}
.header-search .search_autocomplete .autocomplete-wrapper::-webkit-scrollbar-track {
background: transparent;
}
.header-search .search_autocomplete .autocomplete-wrapper::-webkit-scrollbar-thumb {
background-color: #DEE2E6;
border-radius: 12px;
border: transparent;
}
.header-search .search_autocomplete li > a:hover,
.header-search .search_autocomplete li.is-active > a,
.header-search .search_autocomplete li > a:focus {
background-color: rgba(0,26,52,.015);
border-radius:8px;
}
.header-search .search_autocomplete .search-view-all-result {
color: #2b8cdb;
}
.header-search .search_autocomplete a.autosearch_link {
border-radius: 0;
white-space: normal;
padding:5px 5px;
margin-top: 5px;
margin-bottom: 5px;
display: block;
color:#000;
}
.header-search .search_autocomplete li + li {
border-top:1px dashed #EAEDF7;
}
.header-search .ajaxadvance {
width: 100%;
/*overflow:hidden;*/
display: flex;
align-items: center;
}
.header-search .ajaxadvance .content {
display: flex;
width: 100%;
position: relative;
}
.header-search .ajaxadvance .search__left_block {
margin-right: 15px;
flex:1;
}
.header-search .ajaxadvance .search__right_block {
white-space: nowrap;
margin-left: auto;
display: flex;
align-items: center;
align-self: center;
}
.header-search .ajaxadvance .name {
font-size:13px;
font-weight: 600;
}
.header-search .search_autocomplete 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 .stock_status {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: inherit;
font-weight: 500;
}
.header-search .ajaxadvance .stock_status.instock {
color:#53A974;
}
.header-search .ajaxadvance .stock_status.outofstock {
color:#E65A2E;
}
.header-search .ajaxadvance .image {
margin-right:15px;
margin-left: 15px;
position: relative;
}
.header-search .ajaxadvance .search__left_block > div:not(:first-child) {
margin-top:5px;
}
.header-search .ajaxadvance .price-old {
text-decoration: line-through;
}
.header-search .price {
color: #000;
font-size: 15px;
font-weight: 600;
margin: 0 0 5px;
text-align: left;
padding-right: 5px;
}
.header-search .ajaxadvance .highlight {
color: #38b0e3;
}
.search_fix .header-search .search_autocomplete {
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: 10;
}
#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: 14px;
color:#000;
font-weight: 600;
}
.header-cart-voucher-amount,
.header-cart-price-quantity {
-ms-flex: 0 0 100px;
flex: 0 0 100px;
max-width: 100px;
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: 16px;
}
.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: 480px;
}
.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: 13px;
padding: 0 7px;
position: relative;
white-space: nowrap !important;
}
.breadcrumb > li a,
.breadcrumb > li a span{
color:#000;
}
.breadcrumb > li a:hover span{
color:#0f4b82;
text-decoration: underline;
}
.breadcrumb > li span{
color:#535D67;
}
.breadcrumb > li + li:before {
content: '';
padding: 0;
}
.breadcrumb > li:after {
content: "/";
display: block;
height: 26px;
position: absolute;
right: -2px;
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: #F7F8FB;
}
.chm-btn-grey:hover {
color:#000000;
background-color: #EAEDF7;
}
.chm-lg {
height: 54px;
line-height: 54px;
font-size: 16px;
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: 32px;
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: #F7F8FB;
padding: 5px;
border-radius: 10px;
margin-bottom: 20px;
margin-top: 10px;
}
.view-box {
background: #F7F8FB;
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;
}
.btn-general .icon-cart-add {
display: block;
background: #000;
-webkit-mask-image: url("../image/sprite.svg#icon-add-to-cart");
mask-image: url("../image/sprite.svg#icon-add-to-cart");
width: 25px;
height: 22px;
margin-right: 1px;
}
.btn-general.is-active {
background: #53A974 !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: #fff;
}
.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;
}
.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: 7px;
height: 6px;
right: 3px;
bottom: 3px;
}
.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: 22px;
height: 22px;
}
.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: 7px;
height: 6px;
right: 3px;
bottom: 3px;
}
.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: 5px !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:#000;background-color:#DCE0E9;}
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {color:#000;background-color:#DCE0E9;}
.list-group a {
border: 1px solid #DDDDDD;
color: #888888;
padding: 8px 12px;
}
.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;
}
/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
min-width: 50px;
}
.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:15px;
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 .caption {
position:relative;
}
.product-thumb .caption > div:nth-child(3) {
margin-top: auto !important;
}
.price-actions-box {
margin-top: 10px !important;
min-height: 40px;
}
.product-thumb .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;
}
/* --- 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 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;
}
.product-thumb-viewed {padding-bottom: 20px;}
.product-thumb-viewed + div.product-thumb-viewed {padding-top: 20px;border-top:1px dashed #eee}
.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: 15px;text-align: left;}
.product-thumb .product-name a{
color:#000;
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: 4;
font-size:15px;
line-height: 22px;
}
}
.product-description {
margin-bottom: 10px;
}
.container-module .product-description {
height: 62px;
margin-bottom: 10px;
overflow: hidden;
text-align: left;
}
.product-thumb .product-model{
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;
}
.product-thumb .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;
}
.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 .15s ease 0s;
opacity: 1;
z-index: 2;
}
.product-grid .product-thumb .cart,
.container-module .product-thumb .cart {
width: auto;
margin-left: auto;
}
@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;
}
@media (max-width: 991px) {
.ch-limit-sorts {
-ms-flex-pack: justify !important;
justify-content: space-between !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;
}
.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;
}
}
.item-subc {
margin-bottom: 20px;
}
.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: 15px 10px;
overflow: hidden;
text-align: center;
box-shadow: 0px 0px 0px 1px #EAEDF7;
background: #fff;
border-radius: 10px;
-webkit-transition: box-shadow .2s ease, border .2s ease;
transition: box-shadow .2s ease, border .2s ease;
height: 100%;
}
.subcategory .sc-image {
margin-bottom: 15px;
}
.subcategory .sc-name {
color:#000;
padding-left: 5px;
padding-right: 5px;
}
.subcategory img {
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: 38px;
}
.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;
}
@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 {
margin-top:10px;
margin-bottom:10px;
}
}
.product-grid .product-thumb {
background:#ffffff;
box-shadow: 0px 0px 0px 1px #EAEDF7;
border-radius:8px;
-webkit-transition: box-shadow .2s ease;
transition: box-shadow .2s ease;
}
@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;
}
}
@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;
}
#next-prev-box .nextprevprod{
align-items: center;
}
.nextprevprod .popover{
max-width:195px;
width:195px;
}
.nextprevprod .popover.popover-prev-prod{
left: auto !important;
right: 25px !important;
}
.nextprevprod .popover.popover-prev-prod.bottom > .arrow {
right:94px !important;
left: auto !important;
border-bottom-color:rgba(0, 0, 0, 0.03);
}
.nextprevprod .popover.popover-next-prod {
left: auto !important;
right: 25px !important;
}
.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: #F7F8FB;
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 {
margin-right: 0;
}
#product .special-countdown.countdownHolder {
top:20px;
position: relative;
}
#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;
}
}
@media (min-width: 992px) {
#product .right-block-inner {
border-left: 1px solid #EAEDF7;
}
}
.top-product-button{
border-bottom: 1px solid #EAEDF7;
padding-bottom: 20px;
margin-bottom: 25px;
}
.price-action-group,
.info-product {
border-bottom: 1px solid #EAEDF7;
padding-bottom: 25px;
margin-bottom: 25px;
}
#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;
border-left: 1px solid #EAEDF7;
border-bottom: 1px solid #EAEDF7;
}
#product .right-block-inner {
padding: 20px 25px;
border-radius: 0px 0px 10px 0px;
border-right: 1px solid #EAEDF7;
border-bottom: 1px solid #EAEDF7;
}
#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 {
width: 100%;
margin-top: 20px;
}
#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: 16px;
padding: 12px 22px;
margin-left: 0px;
}
@media (min-width: 500px) {
#product .cart {
width: auto;
margin-top: 0px;
margin-left: auto;
}
#product .cart .btn-general {
height: 54px;
width: auto;
}
}
@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-top: 20px;
margin-left: 0px;
}
}
@media (min-width: 1320px) {
#product .btn-fastorder {
width: auto;
margin-top: 0px;
margin-left: 20px;
}
}
#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;
background:#F0FAF4;
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;
}
#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 {
background-color: #FFE9E8;
border-radius: 4px;
color: #B70B0B;
padding: 2px 8px;
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
height: 24px;
}
#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: 8px;
}
footer .sficon.slink {
cursor: pointer;
}
footer .sficon i {
color: #000;
font-size: 18px;
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: 14px;
}
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: #535D67;
}
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 {
display: inline-block;
box-shadow: 2px 3px 16px rgba(0, 0, 0, 0.02);
margin-right: 4px;
margin-bottom: 8px;
border-radius: 8px;
}
.ch-payments span.plink {
cursor: pointer;
}
.ch-payments span img {
border-radius: 8px;
}
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{
color: #000;
}
footer .title-f,
footer .title-f-contact {
font-size: 16px;
margin-bottom: 15px;
font-weight: 600;
}
footer ul.list-unstyled li {
display: block;
margin-top: 6px;
}
.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;
}
.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: 15px;
padding-bottom: 15px;
}
.ch-payments {
padding-right: 45px;
}
}
@media (max-width: 767px) {
.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;
}
.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 {
cursor: pointer;
font-size: 16px;
margin-top: 15px;
margin-bottom: 0px;
padding: 20px;
border-radius: 5px;
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{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){
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 {
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;
}
.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: calc(100% - 3.5rem);
}
.chm-modal .modal-header {
padding-left: 30px;
}
.chm-modal .modal-body {
padding: 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:#535D67;
}
.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;
color:#535D67;
margin-bottom: 10px;
}
.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:#0045C0;
}
.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 {
order:3;
}
.info-product .col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.info-product div.col-6:nth-child(2n+2){
text-align: right;
}
.info-manufacturer {
text-align:right;
}
}
.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: 20px;
}
.custom-block-product .image {
width: 55px;
height: 55px;
background: #F7F8FB;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
min-width: 55px;
margin-right: 20px;
}
.custom-block-product .text{
}
.custom-block-product a,
.custom-block-product a:hover{
text-decoration: none;
}
.custom-block-product .text .custom-block-title{
font-weight: 500;
font-size: 14px;
color:#000;
margin-bottom: 8px;
}
.custom-block-product .text .custom-block-desc{
font-size: 14px;
color:#535D67;
}
.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: 0px;
top: 5px;
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;
}
.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;
}
.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; }
.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;
}
h2.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: 25px;
border-bottom: 1px solid #EAEDF7;
flex-direction: row;
-ms-flex-align: center !important;
align-items: center !important;
}
@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;
line-height: 60px;
margin-bottom: 20px;
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; margin: 10px 0; overflow: hidden; padding-bottom: 15px; 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;
}
.open-sub-cat {
width: 28px;
height: 28px;
display: inline-block;
text-align: center;
line-height: 24px;
border-radius: 5px;
position: absolute;
right: 10px;
top: 50%;
margin-top: -14px;
cursor: pointer;
background: #fff;
}
.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 75%;
flex: 0 0 75%;
max-width: 75%;
}
}
@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 {
overflow-x: auto;
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;
overflow: hidden;
border-radius: 8px;
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: 15px;
}
.wall-category-box .wall-cat-image a {
font-size: 0px;
}
.wall-category-box .wall-cat-image img {
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;
background: #F7F8FB;
margin-left: 10px;
margin-bottom: 10px;
margin-right: 10px;
border-radius: 8px;
margin-top: 10px;
position: relative;
}
.item-category.parent_category .wall-cat-name a {
margin-right: 38px;
}
.item-category .wall-cat-name a,
.imgcategory .product-thumb .wall-cat-name a {
color: #000;
line-height: 16px;
font-size: 12px;
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
@media (min-width: 768px) {
.imgcategory .wall-cat-name, .wall-category-box .wall-cat-name {
margin-left: 20px;
margin-bottom: 20px;
margin-right: 20px;
}
.imgcategory .product-thumb .wall-cat-name a {
font-size: 14px;
line-height: 18px;
-webkit-line-clamp: 3;
}
.wall-category-box .wall-cat-image {
padding: 30px 15px;
}
}
.imgcategory .product-thumb:hover .wall-cat-name a,
.wall-category-box .item-category:hover .wall-cat-name a {
color:#333;
}
.wall-category-box .wall-cat-image.active-opacity {
opacity: 0;
}
.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: 20px;
left: 20px;
right: 20px;
bottom: 60px;
opacity: 1;
padding: 12px 8px 8px 15px;
transition: all ease-in-out 0.4s;
background: #F7F8FB;
border-radius: 6px;
}
.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:#000;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{
margin-bottom: 0px;
}
.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:15px 20px;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
#product div.short-attribute:nth-child(2n+1),
.tab-pane div.short-attribute:nth-child(2n+2) {
background: #F7F8FB;
}
.tab-pane .short-attributes-groups ~ div.short-attributes-groups {
margin-top: 30px;
}
.short-attribute > span{position:relative;}
#product div.short-attribute > .attr-text{
max-width: 50%;
text-align:right !important;
}
.tab-pane div.short-attribute > .attr-text{
max-width: 60%;
text-align:right !important;
}
.short-attribute > .attr-name span {
position: relative;
z-index: 2;
padding: 0 5px 0 0;
font-size: 14px;
color: #000;
}
.short-attribute > .attr-text span{position:relative;z-index:2;padding:0 0 0 5px;font-size: 14px;color: #334150;}
.short-attributes-groups .short_attr_group_name {color:#000000;}
.input-group .form-control[name^=quantity], #product .quantity-number [name^=quantity] {background:#fff;}
.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;
margin-top: 10px;
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: 15px;
margin-bottom: 15px;
position: relative;
padding-top: 10px;
padding-bottom: 10px;
}
.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;
margin-bottom: 10px;
}
.contact_image img{
border-radius:8px;
}
.contact-title {
margin-bottom: 10px;
margin-top: 25px;
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:50px 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;}
.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: 5px 10px;
background: rgba(255,255,255,0.98);
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;
transition: transform .3s ease-out, -webkit-transform .3s ease-out;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.add-to-cart-footer.fm_b_1 {
bottom:54px;
}
.add-to-cart-footer.fm_b_2 {
bottom:54px;
}
.add-to-cart-footer.fm_b_3 {
bottom:75px;
}
.add-to-cart-footer.turn_on {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.add-to-cart-footer .btn-general {
min-height: 40px;
padding: 0px 18px;
line-height: 40px;
}
#back-top {
display: none;
overflow: hidden;
position: fixed;
bottom: 10px;
right: 10px;
text-decoration: none;
z-index: 1002;
}
#back-top,
#cs-fb-widget {
transition: bottom .3s ease-out, -webkit-bottom .3s ease-out;
}
#back-top.fm-t.fb_wr {
bottom: 64px;
}
@media (max-width: 768px) {
#back-top.fm-t.fb_wr.turn_on {
bottom: 114px;
}
#back-top.fm-t.turn_on {
bottom: 60px;
}
#cs-fb-widget.position_left.fm-t.turn_on,
#cs-fb-widget.position_right.fm-t.turn_on {
bottom: 60px;
}
#back-top.fm-t.fm_b_1.turn_on,
#back-top.fm-t.fm_b_2.turn_on {
bottom: 114px;
}
#back-top.fm-t.fm_b_1.fb_wr.turn_on,
#back-top.fm-t.fm_b_2.fb_wr.turn_on {
bottom: 168px;
}
#back-top.fm-t.fm_b_3.turn_on {
bottom: 135px;
}
#back-top.fm-t.fm_b_3.fb_wr.turn_on {
bottom: 189px;
}
#cs-fb-widget.position_left.fm-t.fm_b_1.turn_on,
#cs-fb-widget.position_right.fm-t.fm_b_1.turn_on,
#cs-fb-widget.position_left.fm-t.fm_b_2.turn_on,
#cs-fb-widget.position_right.fm-t.fm_b_2.turn_on {
bottom: 114px;
}
#cs-fb-widget.position_left.fm-t.fm_b_3.turn_on,
#cs-fb-widget.position_right.fm-t.fm_b_3.turn_on {
bottom: 135px;
}
}
@media (max-width: 991px) {
#back-top.fm-t.fm_b_1,
#back-top.fm-t.fm_b_2 {
bottom: 60px;
}
#back-top.fm-t.fm_b_1.fb_wr,
#back-top.fm-t.fm_b_2.fb_wr {
bottom: 114px;
}
#cs-fb-widget.position_left.fm-t.fm_b_1,
#cs-fb-widget.position_left.fm-t.fm_b_2,
#cs-fb-widget.position_right.fm-t.fm_b_1,
#cs-fb-widget.position_right.fm-t.fm_b_2 {
bottom: 60px;
}
#back-top.fm-t.fm_b_3 {
bottom: 86px;
}
#back-top.fm-t.fm_b_3.fb_wr {
bottom: 140px;
}
#cs-fb-widget.position_left.fm-t.fm_b_3,
#cs-fb-widget.position_right.fm-t.fm_b_3 {
bottom: 86px;
}
.fix_cart_price_footer footer {
padding-bottom: 75px;
}
.fix_cart_price_footer footer.fm_b {
padding-bottom: 135px;
}
footer.fm_b {
padding-bottom: 80px;
}
}
@media (min-width: 992px) {
#back-top {
right: 20px;
bottom: 20px;
}
#back-top.fm-t.fb_wr {
bottom: 20px;
}
#back-top.fm-t.fbf {
bottom: 64px;
}
}
/*
@media (max-width: 767px) {
#back-top.fb_wr {
bottom:69px;
}
#back-top.fm_b_1.turn_on,
#back-top.fm_b_2.turn_on,
#cs-fb-widget.fm_b_1.turn_on,
#cs-fb-widget.fm_b_2.turn_on {
bottom:114px !important;
}
#back-top.fm_b_1.fb_wr.turn_on,
#back-top.fm_b_2.fb_wr.turn_on {
bottom:168px !important;
}
#back-top.fm_b_3.turn_on,
#cs-fb-widget.fm_b_3.turn_on {
bottom:135px;
}
#back-top.fm_b_3.fb_wr {
bottom:139px;
}
#back-top.fm_b_3.fb_wr.turn_on {
bottom:139px;
}
#cs-fb-widget.position_left.fm-t.turn_on,
#cs-fb-widget.position_right.fm-t.turn_on{
bottom: 139px;
}
#back-top.fb_wr.turn_on {
bottom:119px;
}
#cs-fb-widget.position_right.fm-t{
right: 54px;
}
}
@media (max-width: 992px) {
#back-top.fb_wr {
bottom:69px;
}
#back-top.fm_b_1:not(.fb_wr),
#back-top.fm_b_2:not(.fb_wr),
#cs-fb-widget.fm_b_1,
#cs-fb-widget.fm_b_2 {
bottom:65px !important;
}
#back-top.fm_b_3:not(.fb_wr),
#cs-fb-widget.position_left.fm_b_3,
#cs-fb-widget.position_right.fm_b_3 {
bottom:85px;
}
#back-top.fm_b_1.fb_wr,
#back-top.fm_b_2.fb_wr {
bottom:120px;
}
#back-top.fm_b_3.fb_wr {
bottom:139px;
}
.fix_cart_price_footer footer {
padding-bottom: 75px;
}
.fix_cart_price_footer footer.fm_b {
padding-bottom: 135px !important;
}
footer.fm_b {
padding-bottom: 80px;
}
}*/
@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;
}
.mb-30 {
margin-bottom: 30px;
}
.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;
}
.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;
}
.a2a_kit.a2a_kit_size_32.a2a_default_style {
display: flex;
justify-content: space-between;
}
.a2a_kit.a2a_kit_size_32.a2a_default_style div[style="clear: both;"] {
display: none;
}
.search_categories_box {
padding-bottom: 2px;
margin-bottom: 2px;
}
.search_category_items {
margin-left: -5px;
margin-right: -5px;
}
.search_category_items > a {
background: #f7f8fb;
color: #000;
padding: 5px 10px;
border-radius: 4px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
font-size:13px;
display: inline-block;
}
.search_category_items > a:hover {
background: #EAEDF7;
}
.search_categories_title {
font-size: 14px;
font-weight: 600;
margin-bottom: 10px;
}
@media (min-width: 1200px) {
.dropdown_search_item_product {
border-radius: 10px;
position: absolute;
left: 100%;
top: 0;
margin-left: 15px;
background: #fff;
box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
width: 320px;
opacity: 0;
height: auto;
min-height: 100%;
display: flex;
transition: opacity 0.3s ease-in-out;
margin-top: 0;
}
li.is-active .dropdown_search_item_product {
opacity: 1;
}
.dropdown_search_item_product:before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 100%;
width: 35px;
}
.header-search .product-thumb {
flex: 1 0 100%;
}
.header-search .price-actions-box {
margin-top: auto !important;
}
}