2195 lines
41 KiB
SCSS
2195 lines
41 KiB
SCSS
|
|
//@import url('//fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');
|
|
/*
|
|
font-family: 'Poppins', sans-serif;
|
|
*/
|
|
|
|
//@import "bourbon/_bourbon";
|
|
//@import "partials/_bootstrap";
|
|
@import "partials/_bootstrap-flex";
|
|
@import "partials/_bootstrap-grid";
|
|
@import "partials/_bootstrap-reboot";
|
|
@import "partials/_jquery.bootstrap-touchspin.min";
|
|
@import "_theme_variables";
|
|
@import "partials/_mixins";
|
|
@import "partials/_fonts";
|
|
@import "partials/_poppins";
|
|
@import "partials/_themify-icons";
|
|
@import "partials/_font-awesome.min";
|
|
@import "partials/_commons";
|
|
@import "app/animations";
|
|
@import "app/buttons";
|
|
@import "app/block";
|
|
@import "app/menu";
|
|
@import "app/modules";
|
|
@import "app/product-item";
|
|
@import "components/drop-down";
|
|
@import "components/search-widget";
|
|
@import "components/mainmenu";
|
|
@import "components/checkout";
|
|
@import "components/customer";
|
|
@import "components/imageslider";
|
|
//@import "components/featuredproducts";
|
|
@import "components/custom-text";
|
|
@import "components/categories";
|
|
@import "components/products";
|
|
@import "components/cart";
|
|
@import "components/block-reassurance";
|
|
@import "components/quickview";
|
|
@import "components/stores";
|
|
@import "components/footer";
|
|
@import "components/contact";
|
|
@import "components/errors";
|
|
@import "components/customization-modal";
|
|
|
|
/*** LAYOUT MODE ***/
|
|
@font-face {
|
|
font-family: 'Auros';
|
|
src: url("../fonts/Auros.eot?7y8ufa");
|
|
src: url("../fonts/Auros.eot?7y8ufa#iefix") format("embedded-opentype"), url("../fonts/Auros.ttf?7y8ufa") format("truetype"), url("../fonts/Auros.woff?7y8ufa") format("woff"), url("../fonts/Auros.svg?7y8ufa#Auros") format("svg");
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
|
|
@font-face {
|
|
font-family: 'nova-icons';
|
|
src: url("../fonts/nova-icons.eot?j7twyn");
|
|
src: url("../fonts/nova-icons.eot?j7twyn#iefix") format("embedded-opentype"), url("../fonts/nova-icons.ttf?j7twyn") format("truetype"), url("../fonts/nova-icons.woff?j7twyn") format("woff"), url("../fonts/nova-icons.svg?j7twyn#nova-icons") format("svg");
|
|
font-weight: normal;
|
|
font-style: normal; }
|
|
|
|
h1, h2, h3, h4, h5, h6 {
|
|
|
|
}
|
|
|
|
body{
|
|
&.layout-boxed-md{
|
|
background: $white;
|
|
#page{
|
|
max-width: 960px;
|
|
@include box-shadow(0 0 5px lighten($gray-darker, 50%));
|
|
margin: 0 auto;
|
|
background: $white;
|
|
.container {
|
|
max-width: 940px;
|
|
}
|
|
}
|
|
}
|
|
&.layout-boxed-lg{
|
|
background: $white;
|
|
#page{
|
|
max-width: 1220px;
|
|
@include box-shadow(0 0 5px lighten($gray-darker, 50%));
|
|
margin: 0 auto;
|
|
background: $white;
|
|
.container {
|
|
max-width: 1200px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/*** HEADER ***/
|
|
|
|
.popover {
|
|
font-family: inherit;
|
|
}
|
|
/*** WRAPPER ***/
|
|
#index{
|
|
#wrapper {
|
|
padding: 0px;
|
|
}
|
|
}
|
|
#page {
|
|
overflow: hidden;
|
|
}
|
|
.breadcrumb {
|
|
padding: 10px 0;
|
|
li{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
@include rtl-margin(0,20px,0,0);
|
|
&:last-child{
|
|
margin: 0;
|
|
a{
|
|
padding: 0;
|
|
color: #000;
|
|
&:after{
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
a{
|
|
display: block;
|
|
@include rtl-padding(0, 10px,0,0);
|
|
line-height: 20px;
|
|
position: relative;
|
|
transition: all .4s;
|
|
color: #999;
|
|
&:hover{
|
|
color: #000;
|
|
}
|
|
&:after{
|
|
display: inline-block;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
content: "/";
|
|
font-size: 8px;
|
|
position: absolute;
|
|
top: 1px;
|
|
color: #888;
|
|
@include rtl-right(-10px);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
#wrapper {
|
|
min-height: 500px;
|
|
padding-left: 9px;
|
|
padding-right: 9px;
|
|
padding-bottom: 30px;
|
|
@media (max-width: 991px) {
|
|
padding-bottom: 10px;
|
|
}
|
|
.banner {
|
|
margin-bottom: 24px;
|
|
display: block;
|
|
img {
|
|
@include box-shadow(1px 1px 7px 0 rgba(0, 0, 0, 0.15));
|
|
}
|
|
}
|
|
.block-category-full {
|
|
position: relative;
|
|
text-align: center;
|
|
min-height: 150px;
|
|
margin: -30px 0 20px;
|
|
text-shadow: 0px 1px 0px #fff;
|
|
.cate-name{
|
|
position: absolute;
|
|
bottom: 50%;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
.breadcrumb {
|
|
position: absolute;
|
|
padding: 0;
|
|
text-align: center;
|
|
border-radius: 0;
|
|
top: 50%;
|
|
left: 0;
|
|
right: 0;
|
|
background: none;
|
|
margin-top: 10px;
|
|
&[data-depth="1"] {
|
|
display: none;
|
|
}
|
|
ol {
|
|
display: inline-block;
|
|
@include rtl-margin(0,0,0,10px);
|
|
}
|
|
li {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
z-index: 1;
|
|
position: relative;
|
|
&::after {
|
|
content: "\f105";
|
|
color: #222;
|
|
font-family: $font-icon;
|
|
margin: em(5px);
|
|
}
|
|
&:last-child {
|
|
content: "/";
|
|
color: #222;
|
|
margin: 5px;
|
|
a{
|
|
color: #222;
|
|
}
|
|
&::after {
|
|
content: "";
|
|
}
|
|
}
|
|
a {
|
|
color: #000;
|
|
&:hover{
|
|
color: $theme-color-default;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.bg-wapper .breadcrumb {
|
|
position: relative;
|
|
padding: 320px 0 0;
|
|
margin: -30px 0 30px;
|
|
background: url(../img/bg_breadcrumb.jpg) center top no-repeat;
|
|
text-align: center;
|
|
@include border-radius(0);
|
|
&[data-depth="1"] {
|
|
display: none;
|
|
}
|
|
ol {
|
|
padding: 22px;
|
|
margin-bottom: 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%,-50%);
|
|
&:before{
|
|
content: "";
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
right: 0;
|
|
@include box-shadow(0 0 50px 10px rgba(0, 0, 0, 0.25));
|
|
}
|
|
}
|
|
li {
|
|
display: inline;
|
|
white-space: nowrap;
|
|
z-index: 1;
|
|
position: relative;
|
|
&::after {
|
|
content: "\f105";
|
|
color: #ddd;
|
|
font-family: $font-icon;
|
|
margin: em(5px);
|
|
}
|
|
&:last-child {
|
|
content: "/";
|
|
color: #eee;
|
|
margin: 5px;
|
|
a{
|
|
color: #eee;
|
|
}
|
|
&::after {
|
|
content: "";
|
|
}
|
|
}
|
|
a {
|
|
color: #ddd;
|
|
&:hover{
|
|
color: #fff;
|
|
text-decoration: underline;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
/*** MAIN ***/
|
|
#main {
|
|
.page-header {
|
|
margin-bottom: 25px;
|
|
text-align: center;
|
|
}
|
|
.page-content {
|
|
margin-bottom: 25px;
|
|
h6 {
|
|
margin-bottom: 18px;
|
|
}
|
|
#notifications {
|
|
margin-left: -15px;
|
|
margin-right: -15px;
|
|
}
|
|
}
|
|
.page-footer {
|
|
}
|
|
}
|
|
#notifications {
|
|
ul {
|
|
margin-bottom: 0;
|
|
}
|
|
}
|
|
// Sitemap page
|
|
.sitemap{
|
|
ul.tree{
|
|
li{
|
|
line-height: 20px;
|
|
padding: $extra-small-space 0;
|
|
a{
|
|
&.parent-page{
|
|
text-transform: uppercase;
|
|
font-weight: 700;
|
|
}
|
|
}
|
|
ul{
|
|
@include rtl-padding-left(10px);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
// Manufature page
|
|
.list-brands{
|
|
margin: $medium-space 0 $small-space;
|
|
background: $white;
|
|
}
|
|
.brand{
|
|
@include display(flex);
|
|
> div{
|
|
display: inline-flex;
|
|
@include align-items(center);
|
|
@include justify-content(space-between);
|
|
}
|
|
}
|
|
|
|
/* Back to top */
|
|
#back-top{
|
|
bottom: 10px;
|
|
display: none;
|
|
position: fixed;
|
|
@include rtl-right(10px);
|
|
z-index: 90;
|
|
border-radius: 50%;
|
|
background-color: #272727;
|
|
cursor: pointer;
|
|
a{
|
|
margin: 2px;
|
|
width: 36px;
|
|
height: 36px;
|
|
line-height: 34px;
|
|
border: 1px solid #fff;
|
|
display: block;
|
|
border-radius: 50%;
|
|
text-align: center;
|
|
color: white;
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
/*** Responsive part ***/
|
|
@include media-breakpoint-up(lg){
|
|
.headertop-flex{
|
|
> [class*="col-"]{
|
|
@include display(flex);
|
|
@include align-items(center);
|
|
}
|
|
.center-headertop{
|
|
@include justify-content(center);
|
|
}
|
|
.right-headertop{
|
|
@include flex-direction(row-reverse);
|
|
}
|
|
}
|
|
}
|
|
@include media-breakpoint-down(sm) {
|
|
#checkout-cart-summary {
|
|
float: none;
|
|
width: 100%;
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
section.checkout-step {
|
|
width: 100%;
|
|
}
|
|
.default-input {
|
|
min-width: 100%;
|
|
}
|
|
label {
|
|
clear: both;
|
|
}
|
|
}
|
|
@include media-breakpoint-down(md) {
|
|
.container {
|
|
width: 740px;
|
|
max-width: 100%;
|
|
}
|
|
#blockcart-modal .modal-dialog {
|
|
width: calc(100% - 40px);
|
|
max-width: 720px;
|
|
margin: 20px auto;
|
|
}
|
|
.sub-menu {
|
|
left: 0;
|
|
min-width: 100%;
|
|
}
|
|
#blockcart-modal .product-image {
|
|
width: 100%;
|
|
display: block;
|
|
max-width: 250px;
|
|
margin: 0 auto 15px;
|
|
}
|
|
#blockcart-modal .cart-content {
|
|
padding-left: 0;
|
|
}
|
|
#search_filters .facet .facet-label {
|
|
text-align: left;
|
|
}
|
|
.block-category .category-cover {
|
|
position: relative;
|
|
text-align: center;
|
|
}
|
|
.block-category {
|
|
padding-bottom: 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767px){
|
|
.container {
|
|
width: 540px;
|
|
}
|
|
#blockcart-modal .modal-dialog {
|
|
max-width: 520px;
|
|
}
|
|
}
|
|
@media (max-width: 600px){
|
|
.container {
|
|
width: 480px;
|
|
}
|
|
#blockcart-modal .modal-dialog {
|
|
max-width: 460px;
|
|
}
|
|
}
|
|
@media (max-width: 480px){
|
|
.container {
|
|
width: 100%;
|
|
}
|
|
#blockcart-modal .modal-dialog {
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
|
|
#page.megamenu-autoheight {
|
|
overflow: auto;
|
|
}
|
|
@media (min-width: 1440px){
|
|
.container {
|
|
width: 1440px;
|
|
}
|
|
}
|
|
.icon-font{
|
|
font-size: 18px;
|
|
}
|
|
ul,ol{
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
.dropdown-menu {
|
|
font-size: 13px;
|
|
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.block-social li {
|
|
position: relative;
|
|
}
|
|
.block-social li a {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
#index{
|
|
.breadcrumb{
|
|
display: none !important;
|
|
}
|
|
}
|
|
/*
|
|
::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
@include border-radius(5px);
|
|
background: #ddd;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
@include border-radius(5px);
|
|
background: #666;
|
|
}
|
|
*/
|
|
|
|
|
|
.box-customreview
|
|
{
|
|
.owl-theme {
|
|
.owl-buttons {
|
|
position: static;
|
|
width: auto;
|
|
div{
|
|
font-size: 0;
|
|
color: transparent;
|
|
border-radius: 0;
|
|
width: 40px;
|
|
height: 40px;
|
|
border: 0;
|
|
background: none;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -20px;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
border: 0;
|
|
box-shadow: none;
|
|
&:hover:after {
|
|
border-color: $theme-color-default;
|
|
}
|
|
&:before{
|
|
display: none;
|
|
}
|
|
&:after {
|
|
content: "";
|
|
width: 30px;
|
|
height: 30px;
|
|
border: 1px solid #000;
|
|
background: none;
|
|
border-width: 1px 1px 0 0;
|
|
position: absolute;
|
|
top: 50%;
|
|
margin-top: -15px;
|
|
}
|
|
&.owl-prev {
|
|
left: -40px;
|
|
&:after {
|
|
transform: rotate(-135deg);
|
|
right: 0;
|
|
}
|
|
}
|
|
&.owl-next {
|
|
right: -40px;
|
|
&:after {
|
|
transform: rotate(45deg);
|
|
left: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
&:hover .owl-theme .owl-buttons div {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
background: none;
|
|
&.owl-prev {
|
|
left: -30px;
|
|
}
|
|
&.owl-next {
|
|
right: -30px;
|
|
}
|
|
}
|
|
}
|
|
.form-control {
|
|
font-size: 13px;
|
|
border-radius: 0;
|
|
}
|
|
.font-weight-600 {
|
|
font-weight: normal;
|
|
}
|
|
.table th, table th {
|
|
font-weight: normal;
|
|
}
|
|
body {
|
|
.instagram-block {
|
|
.owl-theme .owl-buttons div {
|
|
margin-top: -20px;
|
|
}
|
|
}
|
|
}
|
|
.img-fluid{
|
|
img{
|
|
max-width: 100%;
|
|
}
|
|
}
|
|
#search {
|
|
#main{
|
|
&>h2{
|
|
text-align: center;
|
|
}
|
|
.page-not-found{
|
|
text-align: center;
|
|
}
|
|
}
|
|
}
|
|
#search.layout-full-width{
|
|
.product_list{
|
|
&.grid{
|
|
.ajax_block_product{
|
|
clear: none;
|
|
@media (min-width: 1200px) {
|
|
width: 25%;
|
|
&:nth-child(4n+1){
|
|
clear: both;
|
|
}
|
|
}
|
|
@media (min-width: 992px) and (max-width: 1199px) {
|
|
width: 25%;
|
|
&:nth-child(4n+1){
|
|
clear: both;
|
|
}
|
|
}
|
|
@media (max-width: 991px) and (min-width: 768px) {
|
|
width: 33.333%;
|
|
&:nth-child(3n+1){
|
|
clear: both;
|
|
}
|
|
}
|
|
@media (max-width: 767px) and (min-width: 568px) {
|
|
width: 33.333%;
|
|
&:nth-child(3n+1){
|
|
clear: both;
|
|
}
|
|
}
|
|
@media (max-width: 567px){
|
|
width: 50%;
|
|
&:nth-child(2n+1){
|
|
clear: both;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.ui-widget {
|
|
font-family: $font-family-base;
|
|
font-size: 14px;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.breadcrumb {
|
|
width: 100%;
|
|
background: none;
|
|
margin: 0 0 40px;
|
|
font-size: 14px;
|
|
position: relative;
|
|
text-align: left;
|
|
&:before{
|
|
content: "";
|
|
top: 0;
|
|
left: 50%;
|
|
right: auto;
|
|
bottom: 0;
|
|
z-index: -1;
|
|
margin-left: -50vw;
|
|
width: 100vw;
|
|
background: #f2f2f4;
|
|
position: absolute;
|
|
}
|
|
ol{
|
|
margin: auto 0 auto auto;
|
|
font-size: 12px;
|
|
}
|
|
h1{
|
|
font-size: 36px;
|
|
font-weight: 600;
|
|
margin: 0 0 15px;
|
|
}
|
|
}
|
|
}
|
|
.group-product_builder{
|
|
.apconfig-product_builder{
|
|
font-size: 0px !important;
|
|
color: transparent !important;
|
|
display: block;
|
|
margin: 0 0 10px;
|
|
border: 1px solid #eee;
|
|
background-color: #fff;
|
|
background-size: contain;
|
|
background-repeat: no-repeat;
|
|
background-position: center;
|
|
height: 180px;
|
|
transition: all .4s;
|
|
&.active,
|
|
&:hover{
|
|
border-color: #888;
|
|
}
|
|
&:before{
|
|
display: none;
|
|
}
|
|
&:nth-child(1){
|
|
background-image: url(../img/p/p1.jpg);
|
|
}
|
|
&:nth-child(2){
|
|
background-image: url(../img/p/p2.jpg);
|
|
}
|
|
&:nth-child(3){
|
|
background-image: url(../img/p/p3.jpg);
|
|
}
|
|
&:nth-child(4){
|
|
background-image: url(../img/p/p4.jpg);
|
|
}
|
|
&:nth-child(5){
|
|
background-image: url(../img/p/p5.jpg);
|
|
}
|
|
&:nth-child(6){
|
|
background-image: url(../img/p/p6.jpg);
|
|
}
|
|
}
|
|
}
|
|
.paneltool{
|
|
.leo-dynamic-theme-skin {
|
|
margin: 5px 10px 5px 0;
|
|
width: 100%;
|
|
min-height: 30px;
|
|
line-height: 30px;
|
|
cursor: pointer;
|
|
border: 0;
|
|
padding: 0 15px;
|
|
color: #000;
|
|
&:nth-child(4n){
|
|
margin-right: 0;
|
|
}
|
|
&:hover,
|
|
&.current-theme-skin{
|
|
outline: 2px solid #000;
|
|
outline-offset: 2px;
|
|
}
|
|
label{
|
|
display: none;
|
|
}
|
|
&:nth-child(1){
|
|
background: $theme-color-default;
|
|
}
|
|
&:nth-child(2){
|
|
background: #e97e3d;
|
|
}
|
|
&:nth-child(3){
|
|
background: #607d8b;
|
|
}
|
|
&:nth-child(4){
|
|
&:before{
|
|
content: "ICON : ";
|
|
}
|
|
&:after {
|
|
content: "\e924 \e92b \e917 \e90e";
|
|
font-family: "Auros";
|
|
letter-spacing: 5px;
|
|
}
|
|
}
|
|
&:nth-child(5){
|
|
&:before{
|
|
content: "ICON : ";
|
|
}
|
|
&:after {
|
|
content: "\e9c1 \e9f1 \e977 \e9ca";
|
|
font-family: "nova-icons";
|
|
letter-spacing: 5px;
|
|
}
|
|
}
|
|
&:nth-child(6){
|
|
&:before{
|
|
content: "Font Ubuntu";
|
|
}
|
|
}
|
|
&:nth-child(7){
|
|
&:before{
|
|
content: "Font Roboto";
|
|
}
|
|
}
|
|
&:nth-child(8){
|
|
&:before{
|
|
content: "Font Open Sans";
|
|
}
|
|
}
|
|
&:nth-child(9){
|
|
&:before{
|
|
content: "Font Montserrat";
|
|
}
|
|
}
|
|
&:nth-child(10){
|
|
&:before{
|
|
content: "Font Oswald";
|
|
}
|
|
}
|
|
&:nth-child(11){
|
|
&:before{
|
|
content: "Font Rajdhani";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.fancybox-skin {
|
|
background: #fff !important;
|
|
border-radius: 0 !important;
|
|
padding: 20px !important;
|
|
}
|
|
.fancybox-inner{
|
|
overflow-x: hidden !important;
|
|
.block-social{
|
|
display: none;
|
|
}
|
|
.block_newsletter{
|
|
height: 517px;
|
|
max-width: 700px;
|
|
padding: 0 0 0 350px;
|
|
background: url(../../assets/img/newslettermodal.jpg) top left no-repeat;
|
|
max-height: 100%;
|
|
min-height: 300px;
|
|
@include display(flex);
|
|
@include align-items(center);
|
|
flex-direction: column;
|
|
.title_block{
|
|
margin: auto auto 20px;
|
|
font-size: 27px;
|
|
text-transform: uppercase;
|
|
letter-spacing: 1px;
|
|
font-weight: bold;
|
|
}
|
|
.block_content{
|
|
margin: 0 auto auto;
|
|
}
|
|
}
|
|
}
|
|
.fancybox-wrap .turnoff-popup-wrapper {
|
|
position: absolute;
|
|
bottom: 10px;
|
|
left: 350px;
|
|
right: 0;
|
|
font-size: 12px;
|
|
color: #999;
|
|
.turnoff-popup{
|
|
vertical-align: -3px;
|
|
@include rtl-margin(0, 10px, 0 ,0);
|
|
}
|
|
}
|
|
.fancybox-wrap .fancybox-close {
|
|
top: 5px;
|
|
right: 5px;
|
|
background: none !important;
|
|
transition: all .4s;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
&:hover{
|
|
transform: rotate(90deg);
|
|
}
|
|
&:before{
|
|
font-size: 16px;
|
|
content: "\e646";
|
|
font-family: 'themify';
|
|
}
|
|
}
|
|
body{
|
|
::-webkit-scrollbar {
|
|
width: 3px;
|
|
}
|
|
::-webkit-scrollbar-thumb {
|
|
background: #000;
|
|
}
|
|
::-webkit-scrollbar-track {
|
|
background: #ddd;
|
|
}
|
|
}
|
|
|
|
body .slick-list {
|
|
.slick-loading & {
|
|
background: #fff url("../img/loader.svg") center center no-repeat;
|
|
background-size: 32px;
|
|
}
|
|
}
|
|
body .owl-item.loading{
|
|
background: url("../img/loader.svg") no-repeat center center;
|
|
background-size: 32px;
|
|
}
|
|
body .grabbing {
|
|
cursor:url(../img/grabbing.png) 8 8, move;
|
|
}
|
|
body .paneltool {
|
|
&.multiproductdetailtool{
|
|
.panelbutton{
|
|
&:before{
|
|
content: '';
|
|
position: absolute;
|
|
width: 50px;
|
|
height: 50px;
|
|
top: -25px;
|
|
z-index: 9;
|
|
margin: auto;
|
|
background: url(../img/label-new.png) no-repeat;
|
|
background-size: 100%;
|
|
@include rtl-left(-25px);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.product-variants > .product-variants-item ul li.outstock .radio-label{
|
|
background-image: linear-gradient(to bottom left, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%),linear-gradient(to bottom right, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%);
|
|
}
|
|
.product-variants > .product-variants-item ul li.outstock .color:after{
|
|
content: "";
|
|
background-image: linear-gradient(to bottom left, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%),linear-gradient(to bottom right, transparent 50%, #999 50%, #999 calc(50% + 1px), transparent 50%);
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
bottom: 0;
|
|
}
|
|
img{
|
|
max-width: 100%;
|
|
}
|
|
.thumbnail-container {
|
|
.leo-noimage{
|
|
display: block;
|
|
background: url(../img/no-image.svg) center no-repeat;
|
|
background-size: 50px;
|
|
img{
|
|
opacity: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
div.animated-background{
|
|
background: url(../img/loader.svg) center no-repeat;
|
|
background-size: 32px;
|
|
animation: none;
|
|
height: auto;
|
|
padding-bottom: 100%;
|
|
div{
|
|
opacity: 0;
|
|
}
|
|
}
|
|
#cart-subtotal-shipping > div small.value {
|
|
font-size: 12px;
|
|
padding: 10px 0 0;
|
|
font-weight: normal;
|
|
}
|
|
#cart-subtotal-shipping > div {
|
|
clear: both;
|
|
}
|
|
.w-name{
|
|
display: none;
|
|
}
|
|
.leo-dropdown-cssload-speeding-wheel,
|
|
.cssload-speeding-wheel{
|
|
background: url(../img/loading.svg) center no-repeat !important;
|
|
background-size: contain !important;
|
|
border: 0 !important;
|
|
}
|
|
.leo-notification{
|
|
text-align: center;
|
|
pointer-events: none;
|
|
.notification-wrapper {
|
|
width: auto;
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
div.notification{
|
|
background: none;
|
|
color: #000;
|
|
transform: translate(0px, 50px);
|
|
transition: 0.3s ease-in-out;
|
|
&.closed{
|
|
transform: translate(0px, 50px);
|
|
}
|
|
}
|
|
}
|
|
.leo-block-sidebar{
|
|
.post-name {
|
|
margin: 0;
|
|
a {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
padding: 10px 0;
|
|
display: block;
|
|
line-height: 1.5;
|
|
}
|
|
}
|
|
.info {
|
|
display: block;
|
|
font-size: 12px;
|
|
color: #aaa;
|
|
}
|
|
.list-item{
|
|
margin: 0 0 20px;
|
|
}
|
|
}
|
|
#search_filters {
|
|
padding: 30px;
|
|
}
|
|
.js-modal-content {
|
|
padding: 30px;
|
|
}
|
|
body {
|
|
#search_filters .ui-widget-header {
|
|
background: #000;
|
|
}
|
|
#search_filters {
|
|
.ui-slider .ui-slider-handle {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 0;
|
|
top: -6px;
|
|
}
|
|
.ui-slider-horizontal {
|
|
height: 4px;
|
|
border: 0;
|
|
background: #ddd;
|
|
border-radius: 0;
|
|
}
|
|
}
|
|
}
|
|
body #search_filters .ui-slider .ui-slider-handle + .ui-slider-handle {
|
|
margin: 0 0 0 -14px;
|
|
}
|
|
#search_filters > .h6 {
|
|
font-size: 16px;
|
|
margin: 0 0 15px;
|
|
}
|
|
#subcategories {
|
|
&> .row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
}
|
|
.subcategory-block{
|
|
margin: 0 0 30px;
|
|
h3{
|
|
margin: 0;
|
|
}
|
|
.subcategory-name {
|
|
display: block;
|
|
padding: 15px 0;
|
|
font-size: 14px;
|
|
color: #444;
|
|
font-weight: 500;
|
|
&:hover{
|
|
color: #000;
|
|
}
|
|
}
|
|
}
|
|
p:last-child {
|
|
margin: 0;
|
|
}
|
|
b, strong {
|
|
font-weight: 600;
|
|
}
|
|
.col-mesg .alert {
|
|
margin: 15px 0 0;
|
|
}
|
|
.checkout.cart-detailed-actions .btn {
|
|
width: 100%;
|
|
}
|
|
.demo-product-detail {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
.leo-widget{
|
|
max-width: 165px;
|
|
}
|
|
}
|
|
#order-items{
|
|
h3.card-title {
|
|
font-size: 14px;
|
|
text-transform: capitalize;
|
|
font-weight: 500;
|
|
}
|
|
.total-value{
|
|
td:last-child{
|
|
font-size: 1.2em;
|
|
}
|
|
}
|
|
table tr.sub{
|
|
td:last-child{
|
|
@include rtl-text-align-left();
|
|
}
|
|
}
|
|
}
|
|
.leo-blog-tags .block_content a {
|
|
display: inline-block;
|
|
padding: 5px 8px;
|
|
margin: 0 2px 5px 0;
|
|
background: #f5f5f5;
|
|
border-radius: 5px;
|
|
&:first-letter{
|
|
text-transform: uppercase;
|
|
}
|
|
&:hover {
|
|
background: #333;
|
|
color: #fff;
|
|
}
|
|
}
|
|
.sidebar .block .title_block.products-section-title {
|
|
font-weight: 600;
|
|
}
|
|
.sidebar .plist-dsimple .thumbnail-container .discount-percentage {
|
|
top: 5px;
|
|
right: auto;
|
|
left: 20px;
|
|
}
|
|
section#products {
|
|
clear: both;
|
|
}
|
|
.text-center{
|
|
text-align: center;
|
|
}
|
|
.text-left{
|
|
text-align: left;
|
|
}
|
|
.text-right{
|
|
text-align: right;
|
|
}
|
|
.fw-700{
|
|
font-weight: 700;
|
|
}
|
|
.fw-600{
|
|
font-weight: 600;
|
|
}
|
|
.fw-500{
|
|
font-weight: 500;
|
|
}
|
|
.fw-400{
|
|
font-weight: 400;
|
|
}
|
|
.fw-300{
|
|
font-weight: 300;
|
|
}
|
|
.fw-200{
|
|
font-weight: 200;
|
|
}
|
|
.fw-100{
|
|
font-weight: 100;
|
|
}
|
|
.product-detail .product-prices .product-price {
|
|
margin: 0;
|
|
}
|
|
.box-instagram .ApInstagram .link-instagram {
|
|
margin: 0;
|
|
text-align: center;
|
|
}
|
|
.box-instagram .ApInstagram .link-instagram a {
|
|
display: inline-block;
|
|
padding: 10px;
|
|
}
|
|
.af_pl_wrapper .pagination {
|
|
//display: none !important;
|
|
}
|
|
.leo-form-chk {
|
|
position: relative;
|
|
input {
|
|
margin: 0 5px 0 0;
|
|
vertical-align: -2px;
|
|
}
|
|
}
|
|
.font-weight-bold {
|
|
font-weight: 600;
|
|
}
|
|
.lql-social-login {
|
|
margin: 10px 0;
|
|
.btn {
|
|
width: 100%;
|
|
&.facebook-login-bt{
|
|
background: #4267b2;
|
|
&:hover{
|
|
background: #688cd7;
|
|
}
|
|
}
|
|
&.google-login-bt{
|
|
background: #ea4235;
|
|
&:hover{
|
|
background: #ed5f54;
|
|
}
|
|
}
|
|
&.twitter-login-bt{
|
|
background: #5da9dd;
|
|
&:hover{
|
|
background: #7ab6df;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.leo-quicklogin-modal .modal-body > .lql-social-login:nth-child(1) {
|
|
padding: 0 0 20px;
|
|
border: 0;
|
|
border-bottom: 1px dashed #e5e5e5;
|
|
margin: 0 0 20px;
|
|
}
|
|
label.required:after {
|
|
content: "*";
|
|
color: red;
|
|
}
|
|
.form-group:last-child {
|
|
label.required:after {
|
|
position: absolute;
|
|
top: 0;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
}
|
|
.required + div .custom-checkbox label:after {
|
|
content: "*";
|
|
color: red;
|
|
}
|
|
}
|
|
.contact-form #gdpr_consent {
|
|
padding: 0 15px;
|
|
}
|
|
.block_newsletter p {
|
|
padding: 8px 0;
|
|
}
|
|
.modal {
|
|
z-index: 9999;
|
|
}
|
|
.cart-summary-products{
|
|
.btn[data-toggle="collapse"]{
|
|
display: none;
|
|
}
|
|
#cart-summary-product-list{
|
|
display: block;
|
|
}
|
|
}
|
|
a.leo-send-wishlist-button i {
|
|
margin: 0 5px 0 0;
|
|
vertical-align: -3px;
|
|
}
|
|
.leo-wishlistproduct-item{
|
|
.leo-wishlist-product-save-button,
|
|
.wishlist-product-info{
|
|
display: none;
|
|
}
|
|
}
|
|
.send-wishlist {
|
|
display: none !important;
|
|
}
|
|
.wishlist-table-head th {
|
|
color: #222;
|
|
font-weight: 500;
|
|
}
|
|
.leo-save-wishlist-bt {
|
|
min-width: 200px;
|
|
}
|
|
iframe{
|
|
border: 0;
|
|
max-width: 100%;
|
|
}
|
|
.form-control:focus {
|
|
border-color: #000;
|
|
}
|
|
.leo-quicklogin-form h2{
|
|
font-size: 16px;
|
|
}
|
|
.lof-labelexpired {
|
|
display: none;
|
|
}
|
|
body #search_filters .facet .collapse.faceted-slider {
|
|
overflow: visible;
|
|
}
|
|
.leo-cart-item-img {
|
|
min-height: 1px;
|
|
}
|
|
#blockcart-modal .modal-body .divide-right p {
|
|
display: block;
|
|
&.product-price{
|
|
font-size: 14px;
|
|
font-weight: 500;
|
|
}
|
|
}
|
|
|
|
.forgotten-password i {
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
float: left;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
.forgotten-password li.item:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
.forgotten-password li.item p {
|
|
padding: 6px 0 0;
|
|
}
|
|
ul.ps-alert-success i {
|
|
width: 30px;
|
|
height: 30px;
|
|
background: #000;
|
|
border-radius: 50%;
|
|
display: inline-block;
|
|
float: left;
|
|
margin: 0 10px 0 0;
|
|
}
|
|
ul.ps-alert-success li.item:after {
|
|
content: "";
|
|
display: table;
|
|
clear: both;
|
|
}
|
|
ul.ps-alert-success li.item p {
|
|
padding: 6px 0 0;
|
|
}
|
|
#product-details {
|
|
opacity: 1;
|
|
}
|
|
.slide_config.data-link{
|
|
width: 100% !important;
|
|
}
|
|
|
|
.thumbnail-container a.product-thumbnail .product-additional img {
|
|
background: #fff;
|
|
}
|
|
@media (max-width: 991px){
|
|
.list-brands li.brand {
|
|
display: inline-block;
|
|
width: 100%;
|
|
padding: 0 0 20px;
|
|
margin: 0 0 20px;
|
|
border-bottom: 1px solid #000;
|
|
}
|
|
.list-brands li.brand > div {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
.blockreassurance_product {
|
|
border-top-width: 3px;
|
|
margin: 0 0 20px;
|
|
padding: 0;
|
|
|
|
}
|
|
.blockreassurance_product > div {
|
|
border: 1px solid rgba(0,0,0,.1);
|
|
margin: 0 0 10px;
|
|
}
|
|
|
|
.blockreassurance_product > div:last-child {
|
|
border: 0;
|
|
padding: 0;
|
|
}
|
|
.blockreassurance_product > div {
|
|
padding: 15px 25px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.blockreassurance_product p.block-title {
|
|
font-size: 12px;
|
|
line-height: 20px;
|
|
color: #888;
|
|
}
|
|
div.blockreassurance_product .item-product img, div.blockreassurance_product .item-product svg {
|
|
width: 25px;
|
|
height: auto;
|
|
}
|
|
|
|
img[title="cms-img"] {
|
|
margin: 0 0 30px;
|
|
}
|
|
.list-images-mobile .slick-slide {
|
|
text-align: center;
|
|
}
|
|
|
|
@media (min-width: 992px){
|
|
.list-images-mobile {
|
|
// display: none !important;
|
|
}
|
|
}
|
|
@media (max-width: 991px){
|
|
.list-images-desktop {
|
|
// display: none !important;
|
|
}
|
|
}
|
|
|
|
h2.lql-bt:hover{
|
|
color: #000;
|
|
}
|
|
.lql-form-content .form-group:last-child {
|
|
margin: 0;
|
|
}
|
|
.leo-quicklogin-form .leo-form {
|
|
padding: 15px 30px;
|
|
}
|
|
|
|
.f-logo a span,
|
|
.f-logo2 a span,
|
|
.h-logo a span{
|
|
font-weight: bold;
|
|
font-size: 34px;
|
|
color: #000;
|
|
letter-spacing: 4px;
|
|
}
|
|
a.label i {
|
|
vertical-align: -3px;
|
|
}
|
|
#product-modal .modal-body {
|
|
background: #fff;
|
|
}
|
|
#product-modal .modal-content .modal-body {
|
|
figure {
|
|
margin: 0;
|
|
}
|
|
.thumbnails {
|
|
display: none;
|
|
}
|
|
.image-caption {
|
|
padding: 15px 0px 0;
|
|
text-align: justify;
|
|
}
|
|
}
|
|
.page-content[data-templatezoomtype="none"]{
|
|
.product-cover .layer {
|
|
display: block;
|
|
}
|
|
+ #product-modal .modal-body {
|
|
padding: 10px;
|
|
}
|
|
}
|
|
.leo-modal-review {
|
|
.modal-footer{
|
|
button.btn-secondary{
|
|
display: none;
|
|
}
|
|
}
|
|
}
|
|
.leo-quicklogin-modal{
|
|
.modal-header {
|
|
padding: 0;
|
|
background: none;
|
|
border: 0;
|
|
.close {
|
|
margin-top: 0px;
|
|
position: absolute;
|
|
top: -30px;
|
|
right: -30px;
|
|
color: #fff;
|
|
opacity: 1;
|
|
text-shadow: none;
|
|
font-weight: normal;
|
|
}
|
|
}
|
|
}
|
|
.forgotten-password{
|
|
p.send-renew-password-link {
|
|
text-align: center;
|
|
margin: 0 0 35px;
|
|
}
|
|
.center-email-fields {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
max-width: 650px;
|
|
margin: auto;
|
|
@media (max-width: 480px){
|
|
margin: 0 -15px 20px;
|
|
}
|
|
.form-control-label {
|
|
padding: 0;
|
|
width: 100%;
|
|
text-align: left;
|
|
}
|
|
.col-md-5.email{
|
|
flex: 1;
|
|
padding: 0;
|
|
}
|
|
}
|
|
ul {
|
|
text-align: center;
|
|
margin: 0 0 30px;
|
|
font-weight: 600;
|
|
color: #333;
|
|
li{
|
|
i{
|
|
float: none;
|
|
margin: 0;
|
|
svg path {
|
|
fill: #333;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-my-account{
|
|
.page-footer{
|
|
.text-sm-center{
|
|
a{
|
|
display: inline-block;
|
|
padding: 15px 30px;
|
|
text-transform: uppercase;
|
|
background: #eee;
|
|
font-weight: 600;
|
|
letter-spacing: 1px;
|
|
color: #333;
|
|
font-size: 12px;
|
|
&:hover{
|
|
color: #666;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.af{
|
|
.af_subtitle {
|
|
font-weight: 600;
|
|
font-size: 13px;
|
|
}
|
|
.slider-container .back-bar {
|
|
height: 4px;
|
|
.pointer {
|
|
top: -6px;
|
|
border-radius: 0;
|
|
background: #000;
|
|
border: 1px solid #000;
|
|
}
|
|
}
|
|
.af_filter:last-child {
|
|
border: 0;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
.sidebar{
|
|
#amazzing_filter {
|
|
box-shadow: none;
|
|
margin-bottom: 0;
|
|
background: #FFF;
|
|
padding: 30px;
|
|
}
|
|
}
|
|
.col-mesg .alert:before {
|
|
display: none;
|
|
}
|
|
.col-mesg .alert {
|
|
padding: 10px;
|
|
}
|
|
div.iview-controlNav div.iview-items {
|
|
width: 100%;
|
|
left: 0;
|
|
bottom: 20px;
|
|
}
|
|
@media (max-width: 991px){
|
|
div.iview-controlNav div.iview-items {
|
|
bottom: 15px;
|
|
}
|
|
.product-detail-name {
|
|
margin: 20px 0 15px;
|
|
}
|
|
.breadcrumb {
|
|
margin: 0 0 40px;
|
|
}
|
|
.af_filter_content {
|
|
padding: 0 10px;
|
|
}
|
|
.block-category.card h1 {
|
|
margin: 20px 0 10px;
|
|
}
|
|
}
|
|
.zoomWindow {
|
|
background-color: #fff;
|
|
}
|
|
.block-social li.linkedin:before {
|
|
content: "\f0e1";
|
|
}
|
|
.product_list.grid > .row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
#gdpr_consent {
|
|
margin: 1em 0;
|
|
}
|
|
.af_subtitle_heading .af_subtitle {
|
|
font-weight: 500;
|
|
}
|
|
/*add class no-link in menu item will no click in this item*/
|
|
.off-canvas-nav-megamenu .navbar-nav > li.no-link,
|
|
.leo-megamenu .navbar-nav > li.no-link {
|
|
cursor: pointer;
|
|
}
|
|
.off-canvas-nav-megamenu .navbar-nav > li.no-link > a,
|
|
.leo-megamenu .navbar-nav > li.no-link > a {
|
|
pointer-events: none;
|
|
}
|
|
.off-canvas-nav-megamenu .navbar-nav > li.no-link > .dropdown-menu,
|
|
.leo-megamenu .navbar-nav > li.no-link > .dropdown-menu {
|
|
cursor: auto;
|
|
}
|
|
/*End add class no-link in menu item will no click in this item*/
|
|
|
|
.thumbnail-container .product-image .slick-arrows .slick-prev {
|
|
left: 10px;
|
|
}
|
|
.thumbnail-container .product-image .slick-arrows .slick-next {
|
|
right: 10px;
|
|
}
|
|
.thumbnail-container .product-image .slick-arrows .slick-arrow {
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.bannercontainer .tp-caption.data-link {
|
|
cursor: pointer;
|
|
}
|
|
.product-description ul,
|
|
.description-short ul,
|
|
.product-description ol,
|
|
.description-short ol {
|
|
list-style: initial;
|
|
padding-left: 1em;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
@media (min-width: 992px){
|
|
#module-leoproductsearch-productsearch .product_list.grid > .row > .ajax_block_product {
|
|
width: 25%;
|
|
}
|
|
}
|
|
@media (max-width: 991px){
|
|
#module-leoproductsearch-productsearch .product_list.grid > .row > .ajax_block_product {
|
|
width: 33.33%;
|
|
}
|
|
}
|
|
@media (max-width: 767px){
|
|
#module-leoproductsearch-productsearch .product_list.grid > .row > .ajax_block_product {
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media (max-width: 400px){
|
|
#module-leoproductsearch-productsearch .product_list.grid > .row > .ajax_block_product {
|
|
width: 100%;
|
|
}
|
|
}
|
|
.instagram-block .owl-item a:after, .instagram-block .owl-item a:before {
|
|
pointer-events: none;
|
|
}
|
|
.box-navlogo .h-logo img.img {
|
|
max-height: 180px;
|
|
}
|
|
.box-navlogo .h-logo img.img {
|
|
max-height: 180px;
|
|
}
|
|
|
|
.navbar-header .navbar-toggler {
|
|
border: 0;
|
|
color: transparent !important;
|
|
position: relative;
|
|
background: none !important;
|
|
}
|
|
|
|
.navbar-header .navbar-toggler:after {content: "";position: absolute;width: 20px;height: 16px;border: 2px solid #000;border-width: 2px 0;top: 10px;left: 10px;}
|
|
|
|
.navbar-header .navbar-toggler:before {content: "";position: absolute;width: 20px;height: 2px;background: #000;top: 17px;left: 10px;}
|
|
|
|
|
|
|
|
.quickview {
|
|
.images-container .product-thumb-images {
|
|
top: -5px;
|
|
}
|
|
.slick-arrows {
|
|
position: relative;
|
|
height: 40px;
|
|
}
|
|
.list-images-mobile {
|
|
.slick-arrows {
|
|
position: static;
|
|
height: auto;
|
|
}
|
|
}
|
|
}
|
|
|
|
#product #content .mask img{
|
|
margin: 0;
|
|
}
|
|
|
|
div.slick-arrows .slick-arrow.slick-prev {
|
|
left: 0;
|
|
}
|
|
div.slick-arrows .slick-arrow.slick-next {
|
|
right: 0;
|
|
}
|
|
div.slick-arrows .slick-arrow {
|
|
height: 40px;
|
|
width: 40px;
|
|
}
|
|
div.slick-arrows .slick-arrow.slick-next:before,
|
|
div.slick-arrows .slick-arrow.slick-prev:before {
|
|
font-family: 'themify';
|
|
font-size: 16px;
|
|
}
|
|
div.slick-arrows .slick-arrow.slick-prev:before {
|
|
content: "\e64a";
|
|
}
|
|
div.slick-arrows .slick-arrow.slick-next:before{
|
|
content: "\e649";
|
|
}
|
|
|
|
|
|
|
|
|
|
@media (max-width: 991px){
|
|
.modal-dialog {
|
|
margin: 20px auto;
|
|
}
|
|
}
|
|
@media (max-width: 767px){
|
|
.modal-dialog {
|
|
margin: 20px;
|
|
max-width: calc(100vw - 40px);
|
|
}
|
|
}
|
|
.list-images-mobile {
|
|
display: flex;
|
|
}
|
|
.list-images-mobile.slick-slider {
|
|
display: block;
|
|
}
|
|
|
|
/*update Product image detail*/
|
|
.quickview.modal {
|
|
display: block;
|
|
visibility: hidden;
|
|
}
|
|
.quickview.in.modal {
|
|
visibility: visible;
|
|
}
|
|
@media (max-width: 991px){
|
|
#product #content {
|
|
margin-bottom: 20px;
|
|
}
|
|
.product-detail .product-prices {
|
|
margin: 20px 0;
|
|
}
|
|
.product-tabs.tabs .nav-tabs {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
.list-images-mobile.slick-slider {
|
|
margin: 0 0 20px;
|
|
}
|
|
|
|
.list-images-mobile .slick-dots {
|
|
position: relative;
|
|
bottom: 0;
|
|
margin: 10px -5px;
|
|
width: auto;
|
|
text-align: left;
|
|
}
|
|
|
|
.list-images-mobile .slick-dots li {
|
|
width: 40px;
|
|
height: auto;
|
|
}
|
|
|
|
.list-images-mobile .slick-dots li span {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
|
|
.list-images-mobile .slick-dots li span:before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;border: 1px solid transparent;transition: all .4s;}
|
|
|
|
.list-images-mobile .slick-dots li.slick-active span:before {
|
|
border-color: #000;
|
|
}
|
|
|
|
.list-images-mobile .slick-list {
|
|
margin: 0;
|
|
}
|
|
|
|
.list-images-mobile .slick-list .slick-slide {
|
|
padding: 0;
|
|
}
|
|
@media (max-width: 991px){
|
|
.plist-dsimple .thumbnail-container .pro3-btn .btn-product, .plist-dsimple .thumbnail-container .pro3-btn .quick-view {
|
|
margin: 1px;
|
|
border-radius: 0;
|
|
background: #fff;
|
|
box-shadow: none;
|
|
}
|
|
.plist-dsimple .thumbnail-container .pro3-btn {
|
|
bottom: 1px;
|
|
left: 1px;
|
|
right: 1px;
|
|
}
|
|
.plist-dsimple .thumbnail-container .pro3-btn .btn-product:hover,
|
|
.plist-dsimple .thumbnail-container .pro3-btn .quick-view:hover {
|
|
transform: none;
|
|
}
|
|
|
|
}
|
|
@media (max-width: 480px){
|
|
.plist-dsimple .thumbnail-container .pro3-btn {
|
|
bottom: 10px;
|
|
left: 10px;
|
|
right: 10px;
|
|
}
|
|
}
|
|
.box-latestnews a.blog_img_link {
|
|
display: block;
|
|
position: relative;
|
|
padding-bottom: 57%;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.box-latestnews a.blog_img_link img {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
object-fit: cover;
|
|
}
|
|
body .box-latestnews .owl-item.loading {
|
|
background: none;
|
|
}
|
|
body .box-latestnews .owl-item.loading a.blog_img_link {
|
|
background: url(../img/loader.svg) no-repeat center center;
|
|
background-size: 32px;
|
|
}
|
|
.quickview .modal-body > .row >.col-md-6 {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.quickview .modal-body > .row {
|
|
margin: 0;
|
|
}
|
|
.block-promo .promo-code-button {
|
|
display: none !important;
|
|
}
|
|
|
|
.block-promo #promo-code {
|
|
display: block;
|
|
}
|
|
|
|
.block-promo .promo-code {
|
|
padding: 20px;
|
|
background: none;
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
.block-promo .promo-input {
|
|
border: 1px solid #ddd;
|
|
border-right: 0;
|
|
margin: 0;
|
|
}
|
|
.cart-container .cart-item {
|
|
padding: 10px 5px;
|
|
}
|
|
|
|
/*end update Product image detail*/
|
|
|
|
.lql-social-login {
|
|
margin: 30px 0 0;
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
}
|
|
|
|
.lql-social-login .lql-social-login-title {
|
|
font-size: 13px;
|
|
font-weight: 500;
|
|
width: 100%;
|
|
}
|
|
|
|
.lql-social-login button.btn {
|
|
flex: 1;
|
|
}
|
|
.block_newsletter .col-conditions {
|
|
margin-bottom: 5px;
|
|
}
|
|
#gdpr_consent {
|
|
margin: 10px 0 0;
|
|
}
|
|
.block-social {
|
|
margin: 0 0 20px;
|
|
}
|
|
.page-content.page-cms ul, .page-content.page-cms ol {
|
|
padding-left: 1em;
|
|
list-style: inherit;
|
|
margin-bottom: 1em;
|
|
}
|
|
body#category #content.page-not-found {
|
|
display: none;
|
|
}
|
|
.leo_free_price {
|
|
padding: 10px 20px;
|
|
}
|
|
.dropdown {
|
|
color: #666;
|
|
}
|
|
.thumbnail-container .leo-wishlist-button.added .text-add {
|
|
display: none;
|
|
}
|
|
.thumbnail-container .leo-wishlist-button.added .text-remove {
|
|
display: block;
|
|
}
|
|
.thumbnail-container .product-price-and-shipping .discount-percentage,
|
|
.thumbnail-container .product-price-and-shipping .discount-product {
|
|
display: inline-block;
|
|
padding: 4px 5px;
|
|
font-size: 0.8em;
|
|
background: #e0525c;
|
|
color: #fff;
|
|
border-radius: 5px;
|
|
line-height: 1;
|
|
vertical-align: middle;
|
|
}
|
|
@media (max-width: 991px){
|
|
.clear-991{
|
|
clear: both;
|
|
}
|
|
}
|
|
@media (max-width: 767px){
|
|
.clear-767{
|
|
clear: both;
|
|
}
|
|
}
|
|
@media (max-width: 480px){
|
|
.clear-480{
|
|
clear: both;
|
|
}
|
|
}
|
|
.cupshe-menu {
|
|
.widget-html{
|
|
display: flex;
|
|
flex-direction: column-reverse;
|
|
@media (max-width: 991px){
|
|
margin-bottom: 20px;
|
|
}
|
|
&>*{
|
|
width: 100%;
|
|
}
|
|
div.menu-title{
|
|
margin: 10px 0 0;
|
|
text-align: center;
|
|
padding: 0;
|
|
transition: all .4s;
|
|
&:before{
|
|
display: none;
|
|
}
|
|
}
|
|
&:hover{
|
|
div.menu-title{
|
|
letter-spacing: 2px;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.page-cms-4{
|
|
h3, h4, h5, h6 {
|
|
margin-bottom: 1em;
|
|
}
|
|
}
|
|
.dark {
|
|
color: #333;
|
|
}
|
|
|
|
h3.page-subheading {
|
|
font-weight: 400;
|
|
text-transform: uppercase;
|
|
margin: 1em 0;
|
|
}
|
|
|
|
ul.list-1 {
|
|
list-style-type: disc;
|
|
padding-left: 15px;
|
|
}
|
|
|
|
ul.list-1 li {
|
|
padding: 4px 0 6px 0;
|
|
font-weight: 600;
|
|
color: #70908d;
|
|
}
|
|
|
|
.cms-box .testimonials {
|
|
border: 1px solid;
|
|
border-color: #ddd;
|
|
margin: 4px 0 13px 0;
|
|
position: relative;
|
|
line-height: 2;
|
|
}
|
|
|
|
.cms-box .testimonials .inner {
|
|
border: 1px solid #fff;
|
|
padding: 19px 18px 11px 18px;
|
|
background: #f9f9f9;
|
|
}
|
|
|
|
.cms-box .testimonials:before {content: "";position: absolute;border: 6px solid transparent;top: 100%;left: 20px;border-color: #f9f9f9 #f9f9f9 transparent transparent;z-index: 2;}
|
|
.cms-box .testimonials:after {content: "";position: absolute;border: 7px solid transparent;top: 100%;left: 19px;border-color: #ddd #ddd transparent transparent;}
|
|
|
|
.cms-box .testimonials + p {
|
|
padding-left: 45px;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
.cms-box span.before {
|
|
color: transparent;
|
|
}
|
|
|
|
.cms-box span.before:before {
|
|
content: "\f10d";
|
|
font-family: FontAwesome;
|
|
color: #ccc;
|
|
font-size: 1.6em;
|
|
margin: 0 5px 0 0;
|
|
}
|
|
.cms-box span.after {
|
|
color: transparent;
|
|
position: relative;
|
|
width: 30px;
|
|
height: 20px;
|
|
display: inline-block;
|
|
}
|
|
|
|
.cms-box span.after:after {
|
|
content: "\f10e";
|
|
font-family: FontAwesome;
|
|
color: #ccc;
|
|
font-size: 1.6em;
|
|
margin: 0 0 0 5px;
|
|
position: absolute;
|
|
top: -10px;
|
|
right: 0;
|
|
}
|
|
|
|
.ApSlideShow .layerslider-wrapper {
|
|
z-index: auto;
|
|
}
|
|
@media (min-width: 992px){
|
|
div.cus-sticky {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
right: 0;
|
|
z-index: 999;
|
|
background: #fff;
|
|
}
|
|
}
|
|
.position-sticky {
|
|
position: sticky;
|
|
top: 10px;
|
|
}
|
|
|
|
|
|
.eapps-instagram-feed-title {
|
|
display: none !important;
|
|
}
|
|
.eapps-instagram-feed-container {
|
|
overflow: visible;
|
|
position: relative;
|
|
}
|
|
.eapps-instagram-feed {
|
|
z-index: 0;
|
|
}
|
|
.eapps-instagram-feed-container:before {
|
|
content: "";
|
|
position: absolute;
|
|
z-index: 99999999;
|
|
top: 100%;
|
|
height: 42px;
|
|
left: 0;
|
|
right: 0;
|
|
background: #fff;
|
|
}
|
|
.leo-megamenu.enable-canvas .leo-top-menu {
|
|
display: none;
|
|
}
|
|
.ApSlideShow .layerslider-wrapper.col-md-12.col-sm-12.col-xs-12 {
|
|
float: none;
|
|
margin: auto;
|
|
max-width: 100%;
|
|
@media (max-width: 991px){
|
|
width: 740px;
|
|
}
|
|
@media (max-width: 767px){
|
|
width: 540px;
|
|
}
|
|
@media (max-width: 600px){
|
|
width: 480px;
|
|
}
|
|
@media (max-width: 480px){
|
|
width: 100%;
|
|
padding: 0;
|
|
}
|
|
}
|
|
.product-manufacturer img{
|
|
transition: none;
|
|
}
|
|
#form-search-blog {
|
|
position: relative;
|
|
margin: 0 0 20px;
|
|
input.form-control {
|
|
padding-right: 40px;
|
|
}
|
|
button {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
background: none !important;
|
|
color: #999 !important;
|
|
padding: 8px;
|
|
&:hover{
|
|
color: #000 !important;
|
|
}
|
|
}
|
|
}
|
|
#blog-nav {
|
|
padding: 0 0 0 20px;
|
|
border-left: 1px solid #ddd;
|
|
li a {
|
|
display: block;
|
|
padding: 2px 0;
|
|
}
|
|
}
|
|
.leo-quicklogin-modal .lql-form-content-element .form-control-label {
|
|
text-align: left;
|
|
}
|
|
.layerslider-wrapper {
|
|
z-index: inherit;
|
|
}
|
|
.iview-timer {
|
|
z-index: inherit;
|
|
}
|
|
.tabs-left .nav-tabs>li {
|
|
list-style: none;
|
|
}
|
|
.p-reference {
|
|
margin: 0 0 20px;
|
|
font-size: 13px;
|
|
& > div {
|
|
padding-left: 15px;
|
|
border-left: 2px solid;
|
|
margin: 5px 0;
|
|
}
|
|
label {
|
|
font-weight: 600;
|
|
margin: 0;
|
|
}
|
|
}
|
|
.leoproductsearch-result .ac_results li{
|
|
font-family: inherit;
|
|
}
|
|
.addToCartFormWrapper span.radio-label {
|
|
padding: 0 6px;
|
|
margin: 0 5px 5px 0;
|
|
box-shadow: none;
|
|
border: 1px solid #ddd;
|
|
line-height: 20px;
|
|
}
|
|
.addToCartFormWrapper .input-radio:checked + span,
|
|
.addToCartFormWrapper span.radio-label:hover {
|
|
border-color: #000;
|
|
}
|
|
.addToCartFormWrapper .color {
|
|
margin: 0 5px 5px 0;
|
|
box-shadow: none;
|
|
}
|
|
.addToCartFormWrapper .color[style*="#fffff"] {
|
|
color: inherit;
|
|
box-shadow: 0 0 0 1px rgba(0, 0, 0 , 0.2) inset;
|
|
}
|
|
|
|
.container-fluid .row.sitemap li li {
|
|
padding-left: 10px;
|
|
border-left: 1px solid #ddd;
|
|
}
|
|
|
|
.container-fluid .row.sitemap li li:last-child {
|
|
border-bottom: 1px solid #ddd;
|
|
}
|
|
|
|
.container-fluid .row.sitemap li:last-child li:last-child {
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
.container-fluid .row.sitemap li:hover > ul > li {
|
|
border-color: #000;
|
|
}
|
|
|
|
.container-fluid .row.sitemap li:hover > a {
|
|
color: #000 !important;
|
|
font-weight: 600;
|
|
}
|
|
.ApSlideShow img.preview {
|
|
min-width: 100%;
|
|
object-fit: cover;
|
|
}
|
|
.ApSlideShow .iviewSlider {
|
|
min-width: 100%;
|
|
}
|
|
.tab-pane.active {
|
|
pointer-events: auto;
|
|
}
|
|
.tab-pane {
|
|
pointer-events: none;
|
|
}
|
|
|
|
|