Files
2024-11-05 12:22:50 +01:00

12836 lines
211 KiB
SCSS

// out: styles.css, compress: true, sourceMap: true
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
$cWhite: #ffffff;
$cOrange: #ff8400;
$cGray: #8a8a8a;
/* Title Block */
.ApColumn .block {
margin-bottom: 30px;
}
@media (max-width: 1199px) {
.ApColumn .block {
margin-bottom: 18px;
}
}
.ApColumn .title_block {
text-transform: uppercase;
padding: 0;
margin: 0 0 18px;
font-size: 18px;
}
.page-home .ApColumn .title_block {
text-align: center;
}
.page-home .ApColumn .sub-title-widget {
text-align: center;
max-width: 620px;
margin: 0 auto 30px;
}
@media (max-width: 991px) {
.page-home .ApColumn .sub-title-widget {
margin-bottom: 20px;
}
}
.bg-fullwidth {
position: relative;
}
.bg-fullwidth:before {
content: "";
padding: 0px 1000px;
width: 100%;
overflow: hidden;
position: absolute;
height: 100%;
display: block !important;
top: 0;
box-sizing: content-box;
margin-left: -1000px;
}
.rtl .bg-fullwidth:before {
margin-right: -1000px;
margin-left: inherit;
}
.block-toggler .title,
.footer-container .links .title {
cursor: pointer;
position: relative;
}
.block-toggler .title .collapse-icons .remove,
.footer-container .links .title .collapse-icons .remove {
display: none;
}
.block-toggler .title[aria-expanded="true"] .collapse-icons .add,
.footer-container .links .title[aria-expanded="true"] .collapse-icons .add {
display: none;
}
.block-toggler .title[aria-expanded="true"] .collapse-icons .remove,
.footer-container .links .title[aria-expanded="true"] .collapse-icons .remove {
display: block;
}
.block-toggler .navbar-toggler,
.footer-container .links .navbar-toggler {
display: block;
padding: 0;
width: 30px;
height: 30px;
position: absolute;
top: 0;
right: 0;
}
.rtl .block-toggler .navbar-toggler,
.rtl .footer-container .links .navbar-toggler {
left: 0;
right: auto;
}
.block-toggler .navbar-toggler i,
.footer-container .links .navbar-toggler i {
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
@media (min-width: 768px) {
.block-toggler.accordion_small_screen .collapse-icons,
.footer-container .links.accordion_small_screen .collapse-icons {
display: none;
}
}
.block-toggler.accordion_small_screen .collapse,
.footer-container .links.accordion_small_screen .collapse {
display: block;
}
@media (min-width: 768px) {
.block-toggler.accordion_small_screen .collapse,
.footer-container .links.accordion_small_screen .collapse {
height: 100% !important;
}
}
@media (max-width: 767px) {
.block-toggler.accordion_small_screen .collapse,
.footer-container .links.accordion_small_screen .collapse {
display: none;
}
.block-toggler.accordion_small_screen .collapse.in,
.footer-container .links.accordion_small_screen .collapse.in {
display: block;
}
}
/* Widget Alert */
.alert {
text-align: left;
margin-top: 15px;
padding-left: 35px;
position: relative;
letter-spacing: 1px;
}
.rtl .alert {
text-align: right;
}
.rtl .alert {
padding-right: 35px;
padding-left: inherit;
}
.alert:before {
font-family: "FontAwesome";
font-size: 14px;
vertical-align: -2px;
padding-right: 7px;
float: left;
position: absolute;
left: 15px;
top: 10px;
}
.rtl .alert:before {
padding-left: 7px;
padding-right: inherit;
}
.rtl .alert:before {
float: right;
}
.rtl .alert:before {
right: 15px;
left: auto;
}
.alert.alert-success:before {
content: "\f00c";
}
.alert.alert-warning:before {
content: "\f071";
}
.alert.alert-info:before {
content: "\f05a";
}
.alert.alert-danger:before {
content: "\f00d";
}
/* Css Accordion */
.ap-accordion .in {
display: block;
}
.ap-accordion .panel-group .panel-default .panel-title {
border-top: 1px solid transparent;
padding: 0px;
margin-bottom: 0px;
font-size: 14px;
}
.ap-accordion .panel-group .panel-default .panel-title .collapsed {
display: block;
font-weight: normal;
}
.ap-accordion .panel-default {
border: 1px solid transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
-o-box-shadow: none;
-ms-box-shadow: none;
box-shadow: none;
}
.ap-accordion .panel-default .panel-title {
text-transform: none;
background: #f0f0f0;
position: relative;
font-weight: normal;
}
.ap-accordion .panel-default .panel-title a:before {
background: none;
content: "arrow_drop_up";
cursor: pointer;
display: block;
font-family: "Material Icons";
font-size: 25px;
position: absolute;
left: auto;
right: 0px;
top: 0px;
width: auto;
}
.ap-accordion .panel-default .panel-title .collapsed:before {
background: none;
content: "arrow_drop_down";
cursor: pointer;
display: block;
font-family: "Material Icons";
font-size: 25px;
position: absolute;
left: auto;
right: 0px;
top: 0px;
width: auto;
}
.ap-accordion .panel-default .panel-heading {
background: #f0f0f0;
border: 1px solid #f0f0f0;
}
.ap-accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
border: 1px solid #f0f0f0;
}
/* Widget Tab */
.tabs-below .nav-tabs,
.tabs-right .nav-tabs,
.tabs-left .nav-tabs {
border-bottom: 0px;
}
.tab-content,
.pill-content {
position: relative;
}
.tab-content .tab-pane,
.tab-content .pill-pane,
.pill-content .tab-pane,
.pill-content .pill-pane {
display: block;
opacity: 0;
visibility: hidden;
position: absolute;
width: 100%;
top: 0;
left: 0;
right: 0;
}
.tab-content .active,
.pill-content .active {
display: block;
opacity: 1;
visibility: visible;
position: relative;
}
.tabs-below .nav-tabs {
border-top: 1px solid #eee;
}
.tabs-below .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}
.tabs-below .nav-tabs > li > a {
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}
.rtl .tabs-below .nav-tabs > li > a {
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 4px 4px;
border-radius: 0px 0px 4px 4px;
}
.tabs-below .nav-tabs > li > a:hover,
.tabs-below .nav-tabs > li > a:focus {
border-top-color: #eee;
border-bottom-color: transparent;
}
.tabs-below .nav-tabs > .active a,
.tabs-below .nav-tabs > .active a:hover,
.tabs-below .nav-tabs > .active a:focus {
border-color: transparent #eee #eee #eee;
}
.tabs-left .nav-tabs > li,
.tabs-right .nav-tabs > li {
float: none;
}
.tabs-left .nav-tabs > li > a,
.tabs-right .nav-tabs > li > a {
min-width: 74px;
margin-bottom: 3px;
margin-right: 0;
}
.rtl .tabs-left .nav-tabs > li > a,
.rtl .tabs-right .nav-tabs > li > a {
margin-left: 0;
margin-right: inherit;
}
.tabs-left .nav-tabs {
float: left;
border-right: 1px solid #eee;
}
.rtl .tabs-left .nav-tabs {
float: right;
}
.rtl .tabs-left .nav-tabs {
border-left: 1px solid #eee;
border-right: inherit;
}
.tabs-left .nav-tabs > li > a {
margin-right: -1px;
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.rtl .tabs-left .nav-tabs > li > a {
margin-left: -1px;
margin-right: inherit;
}
.rtl .tabs-left .nav-tabs > li > a {
-moz-border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
}
.tabs-left .nav-tabs > li > a:hover,
.tabs-left .nav-tabs > li > a:focus {
border-color: #eeeeee #eee #eeeeee #eeeeee;
}
.tabs-left .nav-tabs .active > a,
.tabs-left .nav-tabs .active > a:hover,
.tabs-left .nav-tabs .active > a:focus {
border-color: #eee transparent #eee #eee;
*border-right-color: #ffffff;
}
.tabs-right .nav-tabs {
float: right;
border-left: 1px solid #eee;
}
.rtl .tabs-right .nav-tabs {
float: left;
}
.rtl .tabs-right .nav-tabs {
border-right: 1px solid #eee;
border-left: inherit;
}
.tabs-right .nav-tabs > li > a {
margin-left: -1px;
-moz-border-radius: 0px 4px 4px 0px;
-webkit-border-radius: 0px 4px 4px 0px;
border-radius: 0px 4px 4px 0px;
}
.rtl .tabs-right .nav-tabs > li > a {
margin-right: -1px;
margin-left: inherit;
}
.rtl .tabs-right .nav-tabs > li > a {
-moz-border-radius: 4px 0px 0px 4px;
-webkit-border-radius: 4px 0px 0px 4px;
border-radius: 4px 0px 0px 4px;
}
.tabs-right .nav-tabs > li > a:hover,
.tabs-right .nav-tabs > li > a:focus {
border-color: #eeeeee #eeeeee #eeeeee #eee;
}
.tabs-right .nav-tabs .active > a,
.tabs-right .nav-tabs .active a:hover,
.tabs-right .nav-tabs .active a:focus {
border-color: #eee #eee #eee transparent;
*border-left-color: #ffffff;
}
.widget-tabs li {
padding: 5px 8px;
border: 1px solid transparent;
text-transform: uppercase;
}
.widget-tabs li a {
color: #333;
}
.widget-tabs li.active {
border: 1px solid #000;
}
.widget-tabs li.active a {
color: #000;
}
.block .nav-pills > li.active > a {
position: relative;
}
.block .nav-pills > li.active > a:before {
content: "\f0d7";
position: absolute;
bottom: -7px;
height: 10px;
line-height: 10px;
font-family: "FontAwesome";
color: #000;
font-size: 19px;
z-index: 9;
right: 50%;
margin-right: -4px;
}
.rtl .block .nav-pills > li.active > a:before {
left: 50%;
right: auto;
}
.rtl .block .nav-pills > li.active > a:before {
margin-left: -4px;
margin-right: inherit;
}
.block .panel-group {
margin-bottom: 0;
}
.nav-tabs {
border-bottom: 1px solid transparent;
padding-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
li {
a {
display: inline-flex;
color: #000;
font-family: "Prompt", sans-serif;
font-size: 16px;
text-transform: uppercase;
font-weight: 400;
padding: 8px 40px !important;
border-radius: 50px !important;
&.active {
background: #000 !important;
color: #fff !important;
}
}
}
}
/**
* Start for module ap_gmap
*/
div[id^="google-maps"] {
position: relative;
}
div[id^="gmap-stores-list"] {
overflow: auto !important;
}
div[id^="gmap-stores-list"] > ul {
margin: 30px;
}
.display-list-store {
background-color: #6cabd5;
float: left;
}
.rtl .display-list-store {
float: right;
}
.gmap-stores-content,
.gmap-content {
display: inline-block;
margin: 0;
padding: 0;
position: relative;
}
.not-display-list-store .gmap-stores-content,
.not-display-list-store .gmap-content {
width: 100%;
}
.gmap-cover {
width: 100%;
}
.item-gmap-store {
cursor: pointer;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 10px 15px;
text-transform: uppercase;
color: #ffffff;
-webkit-transition: all 0.1s ease-in-out;
-o-transition: all 0.1s ease-in-out;
transition: all 0.1s ease-in-out;
}
.item-gmap-store:hover {
color: #000000;
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.item-gmap-store .icon-map-marker {
margin-right: 6px;
font-size: 120%;
}
.rtl .item-gmap-store .icon-map-marker {
margin-left: 6px;
margin-right: inherit;
}
.item-gmap-store text {
font-size: 85%;
}
/**
* End for module ap_gmap
*/
/**
* Start for module ap_product_list
*/
.box-show-more a {
background: #282d35;
clear: both;
text-align: center;
width: 100%;
height: 55px;
line-height: 55px;
text-transform: uppercase;
padding: 0 15px;
margin-top: 10px;
margin-bottom: 30px;
display: none;
font-size: 13px;
color: #ffffff;
font-weight: 700;
}
.box-show-more a:hover {
background-color: #000;
}
.box-show-more a .fa {
margin-left: 5px;
}
.rtl .box-show-more a .fa {
margin-right: 5px;
margin-left: inherit;
}
.box-show-more.open a {
display: block;
}
/**
* End for module ap_product_list
*/
/**
* Start for module ap_image
*/
.ap_image .has-animation {
opacity: 0;
filter: alpha(opacity=0);
}
.ap_image .has-animation.animated {
opacity: 1;
filter: alpha(opacity=100);
}
/**
* End for module ap_image
*/
/**
* End for module ApFullSlider
*/
.full-slider .carousel-inner {
position: relative;
overflow: hidden;
width: 100%;
height: 100%;
background: transparent;
}
.full-slider .carousel-inner .item {
width: 100%;
height: 100%;
}
.full-slider .content-slider {
position: absolute;
top: 35%;
color: #ffffff;
left: 0;
right: 0;
text-align: center;
}
.full-slider .content-slider h3 {
font-size: 60px;
text-transform: uppercase;
font-weight: 400;
}
.full-slider .content-slider p {
margin-top: 30px;
background: #c70005;
padding: 10px 20px;
display: inline-block;
text-transform: uppercase;
font-size: 1rem;
}
.full-slider .carousel-control {
top: 50%;
width: 40px;
height: 40px;
background-color: #121212;
background-color: rgba(18, 18, 18, 0.52);
zoom: 1;
background-color: transparent\9;
}
.full-slider .carousel-control.left {
left: 10px;
}
.rtl .full-slider .carousel-control.left {
right: 10px;
left: auto;
}
.full-slider .carousel-control.right {
right: 10px;
}
.rtl .full-slider .carousel-control.right {
left: 10px;
right: auto;
}
/**
* Widget Video
*/
.embed-responsive {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
}
.embed-responsive iframe,
.embed-responsive object,
.embed-responsive embed {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0px;
}
.rtl .embed-responsive iframe,
.rtl .embed-responsive object,
.rtl .embed-responsive embed {
right: 0px;
left: auto;
}
/**
* Start for module ApFullSlider
*/
.cover-live-edit {
width: 100%;
border-top: 1px solid #eee;
}
.cover-live-edit .link-to-back-end {
text-decoration: none;
color: #ffffff;
z-index: 9999;
background-color: rgba(204, 153, 0, 0.5);
padding: 5px;
position: relative;
-moz-box-shadow: 0 0 5px #bdbdbd;
-webkit-box-shadow: 0 0 5px #bdbdbd;
-o-box-shadow: 0 0 5px #bdbdbd;
-ms-box-shadow: 0 0 5px #bdbdbd;
box-shadow: 0 0 5px #bdbdbd;
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.cover-live-edit .link-to-back-end:hover {
background-color: #00e676;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ap-cover-hook {
border: 1px solid #eee;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ap-cover-hook:hover {
border: 1px dashed #000;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
/**
* End for module ApFullSlider
*/
/*
Widget Manufacturers
*/
.manufacturers_block {
margin: 0 !important;
padding: 30px 0;
}
.manufacturers_block .owl-item.loading {
min-height: 138px;
}
.manufacturers_block .image {
text-align: center;
padding: 10px;
}
.manufacturers_block .image a {
display: inline-block;
padding: 10px;
box-shadow: 0 5px 10px transparent;
border-radius: 50%;
vertical-align: top;
transition: all 0.4s;
opacity: 0.3;
}
.manufacturers_block .image a:hover {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
transform: translateY(-10px);
opacity: 1;
}
.manufacturers_block .image img {
border-radius: 50%;
}
/*
Widget Category Image
*/
/* Multi Image Product List */
.leo-more-info {
background-color: #ffffff;
position: absolute;
z-index: 4000;
top: 0;
width: 0;
height: 100%;
overflow: hidden;
right: 0px;
float: left;
text-align: left;
padding: 5px 5px 10px 5px;
-moz-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
-o-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: all 0.4s ease 0s;
-o-transition: all 0.4s ease 0s;
transition: all 0.4s ease 0s;
opacity: 0;
filter: alpha(opacity=0);
}
.rtl .leo-more-info {
left: 0px;
right: auto;
}
.rtl .leo-more-info {
float: right;
}
.rtl .leo-more-info {
text-align: right;
}
.rtl .leo-more-info {
padding: 5px 5px 10px 5px;
}
.leo-more-info .thumbs_list {
overflow: hidden;
margin-top: 14px;
margin-bottom: 20px;
float: left;
width: 80px;
height: 300px;
}
.rtl .leo-more-info .thumbs_list {
float: right;
}
.leo-more-info .thumbs_list ul.thumbs_list_frame {
list-style-type: none;
padding-left: 0;
}
.rtl .leo-more-info .thumbs_list ul.thumbs_list_frame {
padding-right: 0;
padding-left: inherit;
}
.leo-more-info .thumbs_list li {
cursor: pointer;
float: left;
width: 84px;
height: 100px;
}
.rtl .leo-more-info .thumbs_list li {
float: right;
}
.leo-more-info .thumbs_list li a {
display: block;
margin: 0 1px 2px;
text-align: center;
}
.leo-more-info .view_scroll_left,
.leo-more-info .view_scroll_right {
position: absolute;
width: 15px;
margin: auto;
left: 0px;
right: 0px;
}
.leo-more-info .view_scroll_right {
bottom: 0px;
margin-bottom: 5px;
}
.leo-more-info .view_scroll_left {
margin-top: 5px;
}
.leo-more-over {
position: relative;
z-index: 0;
}
.leo-more-image {
top: 0;
position: absolute;
opacity: 0;
filter: alpha(opacity=0);
left: 0;
}
.rtl .leo-more-image {
right: 0;
left: auto;
}
/* Instagram Block */
.instagram-block .owl-item a {
display: block;
overflow: hidden;
position: relative;
padding-bottom: 100%;
}
.instagram-block .owl-item a:before {
content: "\f16d";
font-family: "FontAwesome";
font-size: 22px;
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
line-height: 40px;
margin-top: -20px;
margin-left: -20px;
text-align: center;
z-index: 2;
color: #fff;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
-o-transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.instagram-block .owl-item a:after {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.2);
content: "";
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
-o-transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
transition: all 0.3s 0.1s cubic-bezier(0.44, 0.13, 0.48, 0.87);
z-index: 1;
}
.instagram-block .owl-item a:hover:before {
opacity: 1;
filter: alpha(opacity=100);
-webkit-transform: scale(2);
-moz-transform: scale(2);
-ms-transform: scale(2);
-o-transform: scale(2);
transform: scale(2);
}
.instagram-block .owl-item a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
}
.instagram-block .owl-item a img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
object-fit: cover;
}
.instagram-block .link-instagram {
margin: 0;
}
.ApInstagram .block_content {
margin: 0 -15px;
}
@media (max-width: 1199px) {
.col-xs,
.col-xs-2-4,
.col-xs-4-8,
.col-xs-7-2,
.col-xs-9-6,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm,
.col-sm-2-4,
.col-sm-4-8,
.col-sm-7-2,
.col-sm-9-6,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md,
.col-md-2-4,
.col-md-4-8,
.col-md-7-2,
.col-md-9-6,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg,
.col-lg-2-4,
.col-lg-4-8,
.col-lg-7-2,
.col-lg-9-6,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-xl,
.col-xl-2-4,
.col-xl-4-8,
.col-xl-7-2,
.col-xl-9-6,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12 {
padding-right: 9px;
padding-left: 9px;
}
.container {
padding-left: 9px;
padding-right: 9px;
}
.owl-carousel .owl-item {
padding: 0 9px;
}
.owl-row {
margin-left: -9px;
margin-right: -9px;
}
.row {
margin-right: -9px;
margin-left: -9px;
}
.ApColumn .block {
margin-bottom: 18px;
}
.page-home > div {
margin-left: 0;
margin-right: 0;
padding-left: 9px;
padding-right: 9px;
}
.page-home .box-slider {
margin: 0 -9px 40px;
padding: 0;
}
.ApInstagram .block_content {
margin: 0 -9px;
}
}
/* end max 1199px */
@media (max-width: 991px) {
.page-home .box-slider {
margin-bottom: 20px;
}
}
#content-wrapper .sitemap h2 {
margin: 0 0 20px;
}
#content-wrapper .sitemap li a {
display: block;
padding: 5px 0;
color: #888;
}
#content-wrapper .sitemap li a:hover {
color: #000;
}
#pagenotfound .page-not-found {
text-align: center;
box-shadow: none;
padding: 30px;
font-weight: 400;
font-size: 17px;
margin-bottom: 40px;
}
#pagenotfound .page-not-found .image-404 {
margin-bottom: 40px;
}
#pagenotfound .page-not-found h1 {
font-weight: 400;
font-size: 100px;
margin: 0 0 10px 0;
color: #ff847b;
}
#pagenotfound .page-not-found .btn {
background: #282828;
color: #fff;
border: 0;
padding: 20px 25px;
margin-top: 40px;
}
#pagenotfound .page-not-found .btn:hover {
background: #000;
color: #fff;
}
/*update CART*/
#checkout #wrapper {
padding: 60px 0;
}
#checkout #content > .row > div {
position: relative;
}
#checkout #content > .row > div.col-lg-8,
#checkout #content > .row > div.col-md-8 {
padding-top: 100px;
}
body#checkout section.checkout-step {
box-shadow: none;
border: 0;
padding: 0;
outline: none;
background: none;
}
body#checkout
section.checkout-step#checkout-personal-information-step
.content {
padding: 0;
}
body#checkout
section.checkout-step#checkout-personal-information-step
.content
> p {
padding: 0 30px;
}
body#checkout
section.checkout-step#checkout-personal-information-step
.content
> p:first-child {
padding-top: 30px;
}
body#checkout
section.checkout-step#checkout-personal-information-step
.content
> p:last-child {
padding-bottom: 20px;
}
body#checkout section.checkout-step .content {
box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
border-radius: 0;
border: 1px solid #e1e1e1;
border-top-width: 3px;
padding: 20px;
max-width: 600px;
margin: 0 auto;
position: static;
}
body#checkout section.checkout-step .step-title {
text-transform: uppercase;
cursor: pointer;
margin-bottom: 0;
position: absolute;
top: 0;
font-size: 10px;
line-height: 30px;
width: 25%;
text-align: center;
padding: 30px 5px;
color: #999;
opacity: 1;
letter-spacing: 0;
}
@media (max-width: 1199px) {
body#checkout section.checkout-step .step-title {
font-size: 11px;
}
}
@media (max-width: 767px) {
body#checkout section.checkout-step .step-title {
font-size: 10px;
line-height: 20px;
}
}
body#checkout section.checkout-step .step-title:before {
content: "";
position: absolute;
top: 15px;
width: 100%;
height: 2px;
background: #ccc;
left: 50%;
}
.rtl body#checkout section.checkout-step .step-title:before {
right: 50%;
left: auto;
}
body#checkout section.checkout-step .step-title .step-number {
padding: 0;
width: 28px;
height: 28px;
line-height: 32px;
font-size: 14px;
background: #ccc;
color: #fff;
border-radius: 50%;
position: absolute;
top: 2px;
left: 50%;
margin-left: -14px;
display: block !important;
}
body#checkout section.checkout-step.js-current-step .step-title {
color: #000;
}
body#checkout section.checkout-step.js-current-step .step-title .step-number {
background: #000;
}
body#checkout section.checkout-step:last-child .step-title:before {
display: none;
}
body#checkout section.checkout-step:nth-child(1) .step-title {
left: 0;
z-index: 1;
}
.rtl body#checkout section.checkout-step:nth-child(1) .step-title {
right: 0;
left: auto;
}
body#checkout section.checkout-step:nth-child(2) .step-title {
left: 25%;
z-index: 2;
}
.rtl body#checkout section.checkout-step:nth-child(2) .step-title {
right: 25%;
left: auto;
}
body#checkout section.checkout-step:nth-child(3) .step-title {
left: 50%;
z-index: 3;
}
.rtl body#checkout section.checkout-step:nth-child(3) .step-title {
right: 50%;
left: auto;
}
body#checkout section.checkout-step:nth-child(4) .step-title {
left: 75%;
z-index: 4;
}
.rtl body#checkout section.checkout-step:nth-child(4) .step-title {
right: 75%;
left: auto;
}
.cart-grid .card {
background-color: #fff;
padding: 20px;
box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
border-radius: 0;
border: 1px solid #e1e1e1;
border-top-width: 3px;
margin: 0 0 20px;
padding: 0;
}
#js-checkout-summary,
section.js-current-step {
background-color: #fff;
padding: 20px;
box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
border-radius: 0;
border: 1px solid #e1e1e1;
border-top-width: 3px;
margin: 0 0 20px;
padding: 0;
}
#block-reassurance {
background-color: #fff;
padding: 20px;
box-shadow: 1px 3px 1px rgba(50, 50, 50, 0.04);
border-radius: 0;
border: 1px solid #e1e1e1;
border-top-width: 3px;
margin: 0 0 20px;
padding: 0;
}
#block-reassurance ul {
margin: 0;
}
#block-reassurance li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
#block-reassurance li:last-child {
border: 0;
}
#block-reassurance li .block-reassurance-item {
padding: 15px 25px;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
#block-reassurance li .block-reassurance-item img {
opacity: 0.7;
width: 25px;
position: static;
margin: 0 10px 0 0;
height: auto;
}
.rtl #block-reassurance li .block-reassurance-item img {
margin: 0 0 0 10px;
}
#block-reassurance li .block-reassurance-item span {
font-size: 12px;
line-height: 20px;
color: #888;
}
#checkout #checkout-personal-information-step .nav {
margin: 0 !important;
}
#checkout #checkout-personal-information-step .nav:after {
content: "";
display: block;
clear: both;
}
#checkout #checkout-personal-information-step .nav .nav-item {
width: 50%;
float: left;
margin: 0;
border-right: 1px solid #e1e1e1;
}
.rtl #checkout #checkout-personal-information-step .nav .nav-item {
float: right;
}
.rtl #checkout #checkout-personal-information-step .nav .nav-item {
border-left: 1px solid #e1e1e1;
border-right: inherit;
}
#checkout #checkout-personal-information-step .nav .nav-item:last-child {
border: 0 !important;
}
#checkout #checkout-personal-information-step .nav .nav-item .nav-link {
display: block;
line-height: 20px;
padding: 10px;
text-transform: uppercase;
text-align: center;
border-bottom: 1px solid #e1e1e1;
color: #ccc;
font-weight: 500;
}
#checkout #checkout-personal-information-step .nav .nav-item .nav-link.active {
color: #282828;
border-color: transparent;
}
#checkout #checkout-personal-information-step .nav .nav-item .nav-link:hover {
color: #282828;
}
#checkout #checkout-personal-information-step .tab-content {
padding: 20px;
}
#checkout #checkout-personal-information-step .tab-content .form-control {
padding: 8px 15px;
border: 1px solid #e1e1e1;
height: 40px;
color: #999;
background-color: #fff;
border-color: #e1e1e1;
border-radius: 0;
width: 100%;
}
#checkout
#checkout-personal-information-step
.tab-content
.form-control.js-visible-password {
padding: 8px 50px 8px 15px;
}
.rtl
#checkout
#checkout-personal-information-step
.tab-content
.form-control.js-visible-password {
padding: 8px 15px 8px 50px;
}
#checkout #checkout-personal-information-step .tab-content .form-control:focus {
outline: 0;
border-color: #282828;
}
body#checkout [data-action="show-password"] {
background: none;
color: #888;
height: 40px;
border-radius: 0;
margin: 0 -1px;
}
body#checkout [data-action="show-password"]:hover {
color: #282828;
}
body#checkout section.checkout-step #customer-form,
body#checkout section.checkout-step #login-form,
body#checkout section.checkout-step #invoice-address {
margin: 0;
}
body#checkout section.checkout-step #customer-form .form-control-comment,
body#checkout section.checkout-step #login-form .form-control-comment,
body#checkout section.checkout-step #invoice-address .form-control-comment {
width: 100%;
text-align: right;
font-size: 12px;
color: #ccc;
}
.rtl body#checkout section.checkout-step #customer-form .form-control-comment,
.rtl body#checkout section.checkout-step #login-form .form-control-comment,
.rtl
body#checkout
section.checkout-step
#invoice-address
.form-control-comment {
text-align: left;
}
@media (min-width: 768px) {
body#checkout section.checkout-step #customer-form .form-group > .col-md-6,
body#checkout section.checkout-step #login-form .form-group > .col-md-6,
body#checkout section.checkout-step #invoice-address .form-group > .col-md-6 {
width: 75%;
}
}
body#checkout section.checkout-step #customer-form .input-group-btn,
body#checkout section.checkout-step #login-form .input-group-btn,
body#checkout section.checkout-step #invoice-address .input-group-btn {
position: absolute;
right: 0;
top: 0;
width: auto;
z-index: 4;
}
.rtl body#checkout section.checkout-step #customer-form .input-group-btn,
.rtl body#checkout section.checkout-step #login-form .input-group-btn,
.rtl body#checkout section.checkout-step #invoice-address .input-group-btn {
left: 0;
right: auto;
}
body#checkout
section.checkout-step
#customer-form
.input-group-btn
.btn[data-action="show-password"],
body#checkout
section.checkout-step
#login-form
.input-group-btn
.btn[data-action="show-password"],
body#checkout
section.checkout-step
#invoice-address
.input-group-btn
.btn[data-action="show-password"] {
font-size: 0;
}
body#checkout
section.checkout-step
#customer-form
.input-group-btn
.btn[data-action="show-password"]:before,
body#checkout
section.checkout-step
#login-form
.input-group-btn
.btn[data-action="show-password"]:before,
body#checkout
section.checkout-step
#invoice-address
.input-group-btn
.btn[data-action="show-password"]:before {
display: inline-block;
font-family: FontAwesome;
font-weight: 400;
line-height: 1;
content: "\F06E";
font-size: 17px;
}
body#checkout
section.checkout-step
#customer-form
input[type="text"]
+ .input-group-btn
.btn[data-action="show-password"]:before,
body#checkout
section.checkout-step
#login-form
input[type="text"]
+ .input-group-btn
.btn[data-action="show-password"]:before,
body#checkout
section.checkout-step
#invoice-address
input[type="text"]
+ .input-group-btn
.btn[data-action="show-password"]:before {
content: "\f070";
}
body#checkout .custom-checkbox input[type="checkbox"],
body#checkout .custom-checkbox input[type="radio"] {
width: 16px;
height: 16px;
z-index: 3;
}
body#checkout .custom-checkbox input[type="checkbox"] + span,
body#checkout .custom-checkbox input[type="radio"] + span {
width: 16px;
height: 16px;
}
body#checkout .custom-checkbox input[type="checkbox"] + span .checkbox-checked,
body#checkout .custom-checkbox input[type="radio"] + span .checkbox-checked {
font-size: 14px;
margin: 0px;
border-radius: 0;
background: none;
position: absolute;
}
body#checkout section.checkout-step.-reachable.-complete h1 .done {
display: inline-block;
margin: 0;
padding: 0;
width: 28px;
height: 28px;
line-height: 28px;
text-align: center;
position: absolute;
top: 2px;
left: 50%;
margin-left: -14px;
background: #4caf50;
color: #fff;
font-size: 16px;
border-radius: 50%;
}
.custom-checkbox input[type="checkbox"] + span,
.custom-checkbox input[type="radio"] + span {
border-width: 1px !important;
}
// body#checkout section.checkout-step.-reachable.-complete .step-title:before {
// background: #4caf50;
// }
// body#checkout
// section.checkout-step
// #customer-form
// > section
// .form-group:last-child,
// body#checkout
// section.checkout-step
// #customer-form
// > section
// > .form-group:nth-last-child(2) {
// margin: 0;
// }
body#checkout
section.checkout-step
#customer-form
> section
.form-group:last-child
.col-md-3,
body#checkout
section.checkout-step
#customer-form
> section
.form-group:last-child
.col-md-6,
body#checkout
section.checkout-step
#customer-form
> section
> .form-group:nth-last-child(2)
.col-md-3,
body#checkout
section.checkout-step
#customer-form
> section
> .form-group:nth-last-child(2)
.col-md-6 {
width: 100%;
padding: 0;
margin: 0;
}
body#checkout
section.checkout-step
#customer-form
> section
.form-group:last-child
.custom-checkbox,
body#checkout
section.checkout-step
#customer-form
> section
> .form-group:nth-last-child(2)
.custom-checkbox {
/* display: block; */
}
body#checkout .custom-checkbox em {
width: auto;
}
.input-group.focus {
outline: 0;
}
body#checkout section.checkout-step .form-footer {
margin: 30px 0 10px;
}
body#checkout section.checkout-step .form-footer button.btn {
float: none !important;
min-width: 50%;
}
body#checkout section.checkout-step .forgot-password {
margin: 0 !important;
text-align: center;
}
body#checkout .custom-checkbox em {
color: #ccc;
}
body#checkout .custom-radio {
border: #888 1px solid;
width: 16px;
height: 16px;
vertical-align: top;
}
body#checkout .custom-radio input[type="radio"] {
width: 14px;
height: 14px;
}
body#checkout .custom-radio input[type="radio"]:checked + span {
width: 10px;
height: 10px;
}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit {
cursor: pointer;
position: absolute;
margin: 0 0 0 -15px !important;
width: 30px;
height: 30px;
text-align: center;
left: 50%;
top: -30px;
font-size: 0;
display: none;
}
body#checkout section.checkout-step.-reachable.-complete h1 .step-edit:hover {
color: #282828 !important;
}
body#checkout section.checkout-step .address-selector {
display: block;
}
body#checkout section.checkout-step .address-selector hr {
border: 0;
}
body#checkout section.checkout-step .address-item.selected {
border: #282828 1px solid;
}
body#checkout section.checkout-step .address-item .radio-block {
display: block;
}
body#checkout section.checkout-step .address-item .custom-radio {
border: #888 1px solid;
width: 16px;
height: 16px;
vertical-align: -7px;
}
body#checkout section.checkout-step .address-item .address-alias {
margin-bottom: 10px;
font-size: 14px;
padding: 0 5px;
text-transform: uppercase;
line-height: 20px;
font-weight: 500;
}
body#checkout section.checkout-step .address-item .address {
line-height: 1.5;
font-size: 12px;
}
#checkout-personal-information-step.-complete .content .clearfix {
padding: 20px;
}
body#checkout section.checkout-step .address-footer {
text-align: right;
}
.rtl body#checkout section.checkout-step .address-footer {
text-align: left;
}
body#checkout section.checkout-step .address-footer .text-muted {
padding: 6px 10px 5px;
font-size: 12px;
color: #282828 !important;
border: 2px solid #282828;
text-transform: uppercase;
line-height: 20px;
transition: all 0.4s;
}
body#checkout
section.checkout-step
.address-footer
.text-muted
.material-icons {
display: none;
}
body#checkout
section.checkout-step
.address-footer
.text-muted.edit-address:hover {
background: #282828;
color: #fff !important;
}
body#checkout section.checkout-step .address-footer .text-muted.delete-address {
background: #282828;
color: #fff !important;
}
body#checkout
section.checkout-step
.address-footer
.text-muted.delete-address:hover {
background: #fff;
color: #282828 !important;
}
@media (min-width: 768px) {
section.checkout-step #delivery-address .form-fields .form-group > .col-md-6 {
width: 75%;
}
}
@media (min-width: 768px) {
section.checkout-step
#delivery-address
.form-fields
.form-group
> .col-md-3:last-child {
width: 100%;
}
}
body#checkout section.checkout-step .add-address a {
display: inline-block;
vertical-align: top;
text-transform: capitalize;
}
body#checkout section.checkout-step .add-address a .material-icons {
background: #292929;
color: #fff;
margin: 0 5px 0 0;
vertical-align: -2px;
}
.rtl body#checkout section.checkout-step .add-address a .material-icons {
margin: 0 0 0 5px;
}
body#checkout section.checkout-step .add-address a:hover {
color: #000;
}
body#checkout section.checkout-step .add-address a:hover .material-icons {
background: #000;
}
#payment-confirmation {
text-align: center;
}
.btn-outline,
.btn,
.btn-primary {
border-radius: 0;
background: #292929;
padding: 10px 20px;
line-height: 20px;
border: 0;
transition: all 0.4s;
text-transform: uppercase;
font-size: 12px;
color: #fff;
font-weight: 500;
}
.btn-outline:hover,
.btn-outline:focus,
.btn:hover,
.btn:focus,
.btn-primary:hover,
.btn-primary:focus {
background: #666;
color: #fff;
}
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:active.focus,
.btn-primary.active:hover,
.btn-primary.active:focus,
.btn-primary.active.focus,
.btn-secondary:active:hover,
.btn-tertiary:active:hover,
.btn-secondary:active:focus,
.btn-tertiary:active:focus,
.btn-secondary:active.focus,
.btn-tertiary:active.focus,
.btn-secondary.active:hover,
.active.btn-tertiary:hover,
.btn-secondary.active:focus,
.active.btn-tertiary:focus,
.btn-secondary.active.focus,
.active.focus.btn-tertiary {
background: #000;
color: #fff;
}
label[for="delivery_message"] {
font-size: 13px;
}
textarea#delivery_message {
width: 100%;
height: 100px;
margin: 5px 0;
border: 1px solid #ddd;
padding: 10px;
}
textarea#delivery_message:focus {
border-color: #282828;
outline: none;
}
#conditions-to-approve #cta-terms-and-conditions-1 {
font-weight: normal;
}
.condition-label a {
text-decoration: underline;
}
body#checkout section.checkout-step .payment-options .custom-radio {
margin-right: 10px;
}
.rtl body#checkout section.checkout-step .payment-options .custom-radio {
margin-left: 10px;
margin-right: inherit;
}
body#checkout .condition-label {
margin-left: 30px;
}
.rtl body#checkout .condition-label {
margin-right: 30px;
margin-left: inherit;
}
body#checkout #order-summary-content h4.black {
color: #444;
font-size: 13px;
text-transform: uppercase;
}
body#checkout #order-summary-content .col-md-12 > h4.black {
font-size: 16px;
color: #333;
}
.definition-list dl dd,
.definition-list dl dt {
width: 49%;
}
body#checkout #order-summary-content h4.h4 {
color: #444;
font-size: 14px;
text-transform: uppercase;
}
body#checkout #order-summary-content #order-items h3.h3 {
color: #444;
font-size: 16px;
text-transform: uppercase;
letter-spacing: 1px;
}
body#checkout #order-summary-content #order-items h3.h3.card-title {
font-size: 13px;
text-transform: capitalize;
letter-spacing: 0px;
font-weight: 500;
}
#payment-confirmation button[type="submit"] {
width: 100%;
}
.card {
border-radius: 0;
}
#content-hook_order_confirmation {
text-align: center;
}
#content-hook_order_confirmation {
text-align: center;
color: #999;
}
#content-hook_order_confirmation .card-title {
font-size: 16px;
margin: 0 0 20px;
}
#content-hook_order_confirmation .card-title i {
vertical-align: -4px;
margin-right: 15px;
}
.rtl #content-hook_order_confirmation .card-title i {
margin-left: 15px;
margin-right: inherit;
}
#content-hook_order_confirmation .card-block {
padding: 30px 15px;
}
#content-hook_order_confirmation p {
margin: 0;
}
h5.aeuc_scart {
text-transform: uppercase;
font-size: 16px;
letter-spacing: 1px;
color: #000;
}
@media (min-width: 768px) {
#order-confirmation #order-items {
width: 66.66%;
padding: 30px;
border: 0;
}
#order-confirmation .page-order-confirmation .card-block {
padding: 0;
}
#order-confirmation .page-order-confirmation .card-block > .row {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
#order-confirmation #order-details {
padding: 30px;
border-left: 1px solid #dfdfdf;
}
}
.card {
box-shadow: 2px 2px 11px 0 rgba(0, 0, 0, 0.1);
}
#content-hook_payment_return {
line-height: 1.35;
margin: 0 0 50px;
}
#cart-summary-product-list .media {
margin-bottom: 15px;
}
#cart-summary-product-list .media .media-left {
min-width: 60px;
}
#order-details > .card-title {
font-size: 14px;
}
.cart-grid-body .card-block.cart-summary-subtotals-container {
padding: 15px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.cart-summary-line:last-child {
margin: 0;
}
#order-items hr {
border-top-color: #e1e1e1;
}
h5.modal-title {
font-weight: normal;
text-transform: none;
font-size: 13px;
letter-spacing: 0;
color: #888;
}
h5.modal-title a {
color: #000;
}
h5.modal-title a:hover {
color: #000;
}
.modal-content {
border: 0;
border-radius: 0;
}
.login-form button[data-action="show-password"] {
font-size: 0 !important;
color: #ccc !important;
background: none !important;
border: 0 !important;
}
.login-form button[data-action="show-password"]:hover {
color: #000 !important;
}
.login-form button[data-action="show-password"]:before {
display: inline-block;
font-family: FontAwesome;
font-weight: 400;
line-height: 1;
content: "\f070";
font-size: 17px;
}
.login-form
input[type="text"]
+ span
button[data-action="show-password"]:before {
content: "\f06e";
}
.register-form > p {
text-align: center;
}
.register-form .custom-checkbox {
display: block;
position: relative;
}
.register-form .custom-checkbox input[type="checkbox"],
.register-form .custom-checkbox > span {
position: absolute;
top: 0;
left: 0;
}
.rtl .register-form .custom-checkbox input[type="checkbox"],
.rtl .register-form .custom-checkbox > span {
right: 0;
left: auto;
}
.register-form .form-control-valign .radio-inline {
margin: 10px 15px 0 0;
}
.rtl .register-form .form-control-valign .radio-inline {
margin: 10px 0 0 15px;
}
.register-form .input-group-btn {
position: absolute;
top: 0;
right: 0px;
display: block;
}
.rtl .register-form .input-group-btn {
left: 0px;
right: auto;
}
.register-form .input-group-btn .btn {
font-size: 0;
color: #ccc !important;
background: none !important;
border: 0;
}
.register-form .input-group-btn .btn:hover {
color: #222 !important;
}
.register-form .input-group-btn .btn:before {
display: inline-block;
font-family: FontAwesome;
font-weight: 400;
line-height: 1;
content: "\f070";
font-size: 17px;
}
.register-form input[type="text"] + .input-group-btn .btn:before {
content: "\f06e";
}
.register-form .form-footer {
text-align: center;
}
.register-form .form-footer .form-control-submit {
float: none !important;
min-width: 200px;
}
/*end update CART*/
.hidden,
.hide {
display: none;
}
body#order-confirmation .product_list .ajax_block_product {
clear: none;
}
@media (min-width: 992px) {
body#order-confirmation .product_list .ajax_block_product {
width: 25%;
}
body#order-confirmation .product_list .ajax_block_product:nth-child(4n + 1) {
clear: both;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body#order-confirmation .product_list .ajax_block_product {
width: 25%;
}
body#order-confirmation .product_list .ajax_block_product:nth-child(4n + 1) {
clear: both;
}
}
@media (min-width: 481px) and (max-width: 767px) {
body#order-confirmation .product_list .ajax_block_product {
width: 33.3333%;
}
body#order-confirmation .product_list .ajax_block_product:nth-child(3n + 1) {
clear: both;
}
}
@media (max-width: 480px) {
body#order-confirmation .product_list .ajax_block_product {
width: 50%;
}
body#order-confirmation .product_list .ajax_block_product:nth-child(2n + 1) {
clear: both;
}
}
#js-product-list > .up {
display: none;
}
@media (max-width: 991px) {
.leo-megamenu.disable-canvas .navbar-nav > li.active > a,
.leo-megamenu.disable-canvas .navbar-nav > li:hover > a,
.leo-megamenu.disable-canvas .navbar-nav > li:focus > a {
color: #fff;
}
.leo-megamenu.disable-canvas .navbar-nav > li > a {
color: #fff;
}
.leo-megamenu.disable-canvas .dropdown-menu li a {
color: #999;
}
.leo-megamenu.disable-canvas .dropdown-menu li a:hover {
color: #fff;
}
.leo-megamenu.disable-canvas .leo-megamenu .dropdown-menu {
color: #999;
background: #21212a;
}
.leo-megamenu.disable-canvas .dropdown-menu div.menu-title {
margin: 10px 0 0;
padding: 0;
}
.leo-megamenu.disable-canvas .widget-raw-html {
margin: 0;
}
.leo-megamenu.disable-canvas .leo-top-menu {
left: 18px;
right: 18px;
}
}
@media (max-width: 991px) and (max-width: 991px) {
.box-top.box-h2 .leo-megamenu.disable-canvas .leo-top-menu {
left: 0px;
right: 0px;
}
}
@media (max-width: 991px) {
.col-logo.ApColumn {
position: static;
}
}
/*end max 991*/
.leo-fly-cart-slidebar .leo-dropdown-cart-subtotals,
.leo-fly-cart-slidebar .cart-dropdow-viewcart {
display: none !important;
}
.leo-fly-cart-slidebar .leo-dropdown-bottom {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
height: 115px;
}
@media (min-width: 568px) {
.leo-fly-cart-slidebar .leo-dropdown-total,
.leo-fly-cart-slidebar .leo-cart-dropdown-action {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
text-align: center;
}
}
.leo-fly-cart-slidebar .leo-dropdown-total .col-xl-6,
.leo-fly-cart-slidebar .leo-cart-dropdown-action .col-xl-6 {
width: 100%;
padding: 0 8px;
}
.leo-fly-cart-slidebar .leo-dropdown-total .value,
.leo-fly-cart-slidebar .leo-dropdown-total .label,
.leo-fly-cart-slidebar .leo-cart-dropdown-action .value,
.leo-fly-cart-slidebar .leo-cart-dropdown-action .label {
display: block;
width: 100%;
text-align: center;
}
.leo-fly-cart-slidebar .leo-dropdown-total .label,
.leo-fly-cart-slidebar .leo-cart-dropdown-action .label {
font-size: 20px;
color: #000;
}
.leo-fly-cart-slidebar .leo-dropdown-total .value,
.leo-fly-cart-slidebar .leo-cart-dropdown-action .value {
font-size: 20px;
font-weight: 700;
}
body#checkout section.checkout-step #customer-form .radio-inline {
margin: 10px 10px 0 0;
}
.rtl body#checkout section.checkout-step #customer-form .radio-inline {
margin: 10px 0 0 10px;
}
#content.card-block > hr {
display: none;
}
.form-group {
margin-bottom: 20px;
}
#authentication .login-form .row > .col-md-3,
#authentication .login-form .row > .col-md-6,
#authentication .register-form .row > .col-md-3,
#authentication .register-form .row > .col-md-6 {
width: 100%;
text-align: left;
padding-top: 0;
}
.rtl #authentication .login-form .row > .col-md-3,
.rtl #authentication .login-form .row > .col-md-6,
.rtl #authentication .register-form .row > .col-md-3,
.rtl #authentication .register-form .row > .col-md-6 {
text-align: right;
}
#authentication .login-form .form-footer .btn,
#authentication .register-form .form-footer .btn {
width: 100%;
margin: 0 0 20px;
}
textarea.form-control {
border: 1px solid #e5e5e5;
}
#blog-localengine .btn[name="submitcomment"] {
width: 100%;
}
.modal-footer .btn {
margin: 1px;
min-height: 40px;
min-width: 150px;
}
@media (max-width: 480px) {
.modal-footer .btn {
min-width: 120px;
}
}
.modal-open {
padding-right: 0 !important;
padding-left: 0 !important;
overflow: auto;
}
.ui-autocomplete {
z-index: 99999;
border-radius: 0;
border-top: 0;
border-color: #000;
padding: 10px 0;
}
.ui-autocomplete .ui-menu-item {
list-style: none;
border-radius: 0;
}
.ui-autocomplete .ui-menu-item a {
padding: 5px 15px;
border-radius: 0;
font-size: 12px;
}
.ui-autocomplete .ui-menu-item a:hover {
background: #000;
color: #fff;
}
.ui-autocomplete .ui-menu-item a .separator {
display: none;
}
#content.page-not-found {
text-align: center;
}
#main > h1 {
text-align: center;
}
@media (min-width: 992px) {
body .off-canvas-nav-megamenu {
display: none;
}
}
#category-products > .item,
#category-products2 > .item {
float: left;
padding: 0 15px;
width: 25%;
display: none;
}
@media (max-width: 991px) {
#category-products > .item,
#category-products2 > .item {
width: 33.333%;
}
}
@media (max-width: 767px) {
#category-products > .item,
#category-products2 > .item {
width: 50%;
}
}
@media (max-width: 480px) {
#category-products > .item,
#category-products2 > .item {
width: 100%;
}
}
#category-products > .item:nth-child(1),
#category-products > .item:nth-child(2),
#category-products > .item:nth-child(3),
#category-products > .item:nth-child(4),
#category-products2 > .item:nth-child(1),
#category-products2 > .item:nth-child(2),
#category-products2 > .item:nth-child(3),
#category-products2 > .item:nth-child(4) {
display: block;
}
@media (max-width: 991px) {
#category-products > .item:nth-child(4),
#category-products2 > .item:nth-child(4) {
display: none;
}
}
@media (max-width: 767px) {
#category-products > .item:nth-child(3),
#category-products2 > .item:nth-child(3) {
display: none;
}
}
@media (max-width: 480px) {
#category-products > .item:nth-child(2),
#category-products2 > .item:nth-child(2) {
display: none;
}
}
/*UPDATE HOME CSS*/
@media (min-width: 992px) {
.box-top {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
width: auto;
}
}
@media (min-width: 992px) {
.box-top {
padding: 0 30px;
}
}
@media (min-width: 1200px) {
.box-top {
padding: 0 90px;
}
}
@media (max-width: 991px) {
.box-top {
padding: 20px 9px 0;
}
}
@media (max-width: 480px) {
.box-top {
position: relative;
}
.box-top #search_widget {
position: static;
}
.box-top #search_widget .popup-content {
width: auto;
left: 0;
right: 0;
max-width: 100%;
}
.box-top #search_widget .popup-content:before,
.box-top #search_widget .popup-content:after {
right: 165px;
}
.rtl .box-top #search_widget .popup-content:before,
.rtl .box-top #search_widget .popup-content:after {
left: 165px;
right: auto;
}
.box-top #search_widget .search-inner input[type="text"] {
width: 100%;
}
}
.box-top .h-logo {
padding: 10px 0;
}
@media (max-width: 991px) {
.box-top .h-logo {
text-align: center;
}
}
.box-top .h-logo img {
max-height: 70px;
}
.box-top .col-info {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
padding-top: 5px;
position: static;
}
@media (min-width: 992px) {
.box-top .col-info {
width: auto;
}
}
.box-top .col-info .popup-over a.popup-title,
.box-top .col-info .wislish-button .ap-btn-wishlist,
.box-top .col-info #_desktop_cart .header {
min-width: 40px;
text-align: center;
height: 80px;
line-height: 80px;
display: block;
position: relative;
}
.box-top .col-info .popup-over a.popup-title i.fa,
.box-top .col-info .wislish-button .ap-btn-wishlist i.fa,
.box-top .col-info #_desktop_cart .header i.fa {
display: none;
}
.box-top .col-info .popup-over a.popup-title i,
.box-top .col-info .wislish-button .ap-btn-wishlist i,
.box-top .col-info #_desktop_cart .header i {
font-size: 21px;
color: #000;
vertical-align: middle;
}
@media (max-width: 1199px) {
.box-top .col-info .popup-over a.popup-title i,
.box-top .col-info .wislish-button .ap-btn-wishlist i,
.box-top .col-info #_desktop_cart .header i {
font-size: 18px;
}
}
@media (min-width: 992px) {
.box-top .col-info #_desktop_cart .header a:after,
.box-top .col-info #_desktop_cart .header a:before {
bottom: -1px;
border: solid transparent;
content: "";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
opacity: 0;
visibility: hidden;
transform: translateY(20px);
left: 50%;
transition: transform 0.4s;
z-index: 9999;
backface-visibility: hidden;
}
.box-top .col-info #_desktop_cart .header a:before {
border-width: 12px;
margin-left: -12px;
border-bottom-color: #eee;
}
.box-top .col-info #_desktop_cart .header a:after {
border-bottom-color: #fff;
border-width: 14px;
margin-left: -14px;
z-index: 99999;
margin-bottom: -3px;
}
}
.box-top .col-info #_desktop_cart:hover .header a:after,
.box-top .col-info #_desktop_cart:hover .header a:before {
opacity: 1;
visibility: visible;
transform: translateY(0px);
}
.box-top .col-info .wislish-button .ap-btn-wishlist .ap-total {
position: absolute;
line-height: 12px;
min-width: 12px;
padding: 0 2px;
background: #e0525c;
color: #fff;
font-size: 10px;
top: 45px;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.box-top .col-info #_desktop_cart .header .cart-products-count {
position: absolute;
line-height: 12px;
min-width: 12px;
padding: 0 2px;
background: #e0525c;
color: #fff;
font-size: 10px;
top: 45px;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.box-top .col-menu {
padding-top: 5px;
}
@media (min-width: 992px) {
.box-top .col-menu {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
.box-top .col-logo {
padding-bottom: 10px;
}
.box-top #leo_search_block_top {
position: relative;
background: none;
border-radius: 0;
margin: 0;
&.active {
z-index: 9;
}
}
.box-top #leo_search_block_top .title_block {
display: block;
margin: 0;
font-size: 0px;
background: none;
width: 40px;
height: 80px;
cursor: pointer;
overflow: hidden;
padding: 0;
font-weight: normal;
}
.box-top #leo_search_block_top .title_block:before {
content: "\e610";
font-family: "themify";
font-size: 21px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
line-height: 80px;
}
.box-top #leo_search_block_top #leosearchtopbox {
position: absolute;
width: 300px;
top: 100%;
transition: all 0.3s;
margin-top: 0;
right: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
}
.rtl .box-top #leo_search_block_top #leosearchtopbox {
left: 0;
right: auto;
}
@media (max-width: 575px) {
.box-top #leo_search_block_top #leosearchtopbox {
width: 240px;
right: -100px;
}
.rtl .box-top #leo_search_block_top #leosearchtopbox {
left: -100px;
right: auto;
}
}
.box-top #leo_search_block_top.active .title_block:before {
content: "\e646";
color: #000;
}
.box-top #leo_search_block_top.active #leosearchtopbox {
opacity: 1;
visibility: visible;
transform: translateY(-3px);
}
.box-slider {
margin-bottom: 70px;
}
@media (max-width: 991px) {
.box-slider {
margin-bottom: 30px;
}
}
.box-banner .ApImage {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
-webkit-box-direction: reverse;
-moz-box-direction: reverse;
box-direction: reverse;
-webkit-flex-direction: column-reverse;
-moz-flex-direction: column-reverse;
flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
text-align: center;
line-height: 2;
}
.box-banner .ApImage .image_description {
max-width: 470px;
margin: 0 auto 10px;
}
.box-banner .ApImage .image_description h4 {
font-size: 18px;
text-transform: uppercase;
margin: 0 0 10px;
}
.box-banner .ApImage img {
transition: all 2s;
}
.box-banner .ApImage > a {
display: block;
overflow: hidden;
}
.box-banner .ApImage:hover img {
transform: scale(1.05);
}
.box-manu {
margin-bottom: 70px;
}
@media (max-width: 991px) {
.box-manu {
margin-bottom: 40px;
}
}
.box-manu .manufacturers_block {
padding: 0 80px 30px;
border-bottom: 1px solid #eaeaea;
}
@media (max-width: 991px) {
.box-manu .manufacturers_block {
padding: 0 0 20px;
}
}
.box-manu .timeline-item {
min-height: 100px;
}
.box-manu .timeline-item .animated-background {
height: 75px;
}
.box-tabproducts .nav-tabs {
border: 0;
padding-bottom: 20px;
text-align: center;
}
.box-tabproducts .nav-tabs li {
float: none;
display: inline-block;
margin: 0;
vertical-align: top;
}
.box-tabproducts .nav-tabs li a {
display: block;
padding: 10px 17px;
border: 0;
border-radius: 0;
color: #888;
font-weight: 600;
}
@media (min-width: 992px) {
.box-tabproducts .nav-tabs li a {
position: relative;
}
}
.box-tabproducts .nav-tabs li a.active,
.box-tabproducts .nav-tabs li a:hover {
color: #000;
}
.box-tabproducts .ApProductCarousel {
border-bottom: 1px solid #eaeaea;
padding-bottom: 30px;
margin-bottom: 70px;
}
@media (max-width: 991px) {
.box-tabproducts .ApProductCarousel {
padding-bottom: 20px;
margin-bottom: 40px;
}
}
.leo-remove-from-cart {
transition: all 0.4s;
}
.leo-remove-from-cart:hover {
transform: rotate(90deg);
}
.box-instagram .ApInstagram {
border-bottom: 1px solid #eaeaea;
padding-bottom: 70px;
margin-bottom: 70px;
}
@media (max-width: 991px) {
.box-instagram .ApInstagram {
padding-bottom: 40px;
margin-bottom: 40px;
}
}
.box-instagram .ApInstagram p.link-instagram {
margin: 0;
}
.blog-container:after {
content: "";
display: block;
clear: both;
}
// .blog-container .left-block {
// width: 50%;
// float: left;
// padding: 0 15px 0 0;
// text-align: center;
// }
.rtl .blog-container .left-block {
float: right;
}
.rtl .blog-container .left-block {
padding: 0 0 0 15px;
}
@media (max-width: 480px) {
.blog-container .left-block {
width: 100%;
padding: 0;
margin-bottom: 15px;
}
}
// .blog-container .right-block {
// width: 50%;
// float: left;
// padding: 0 0 0 15px;
// }
.rtl .blog-container .right-block {
float: right;
}
.rtl .blog-container .right-block {
padding: 0 15px 0 0;
}
@media (max-width: 480px) {
.blog-container .right-block {
width: 100%;
padding: 0;
}
}
.blog-container .blog-date {
margin: 0 0 10px;
}
.blog-container .blog-date .created,
.blog-container .blog-date .date {
display: block;
}
.blog-container .blog-date .b-daycount {
font-size: 30px;
font-weight: 600;
color: #000;
line-height: 1;
}
.blog-container .blog-title {
font-size: 12px;
color: #000;
text-transform: uppercase;
line-height: 20px;
margin: 0 0 10px;
max-height: 40px;
overflow: hidden;
}
.blog-container .blog-title a {
color: #000;
display: block;
}
.blog-container .blog-title a:hover {
color: #666;
}
.blog-container .blog-desc {
line-height: 2;
text-align: justify;
}
.blog-container .blog-desc p {
margin: 0 0 7px;
}
.blog-container .link-readmore {
display: inline-block;
vertical-align: top;
border-bottom: 1px solid #999;
color: #272727;
font-size: 11px;
}
.blog-container .link-readmore:hover {
color: #000;
border-color: #000;
}
.blog-container .blog-meta {
margin: 0 0 10px;
font-style: italic;
font-size: 10px;
}
.blog-container .blog-meta > span {
margin: 0 10px 0 0;
}
.rtl .blog-container .blog-meta > span {
margin: 0 0 0 10px;
}
.blog-container .blog-meta > span:last-child {
margin: 0;
}
.box-latestnews {
padding-bottom: 40px;
}
@media (max-width: 991px) {
.box-latestnews {
padding-bottom: 20px;
}
}
.box-shipping {
padding: 15px 0;
}
@media (min-width: 481px) and (max-width: 991px) {
.box-shipping .ApColumn:nth-child(2n + 1) {
clear: both;
}
}
.box-shipping .ApColumn .block {
margin-bottom: 0;
}
.box-shipping .ApRawHtml {
position: relative;
padding: 13px 0 8px 45px;
font-size: 11px;
}
.rtl .box-shipping .ApRawHtml {
padding: 13px 45px 8px 0;
}
@media (max-width: 991px) {
.box-shipping .ApRawHtml {
padding: 25px 0 20px 45px;
}
.rtl .box-shipping .ApRawHtml {
padding: 25px 45px 20px 0;
}
}
.box-shipping .ApRawHtml i {
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
position: absolute;
top: 10px;
left: 0;
font-size: 30px;
color: #000;
transition: all 0.5s;
}
.rtl .box-shipping .ApRawHtml i {
right: 0;
left: auto;
}
@media (max-width: 991px) {
.box-shipping .ApRawHtml i {
top: 20px;
}
}
.box-shipping .ApRawHtml:hover i {
transform: rotate(360deg);
}
.box-shipping .ApRawHtml h4 {
font-size: 13px;
margin: 0;
line-height: 1.5;
}
.box-shipping .ApRawHtml p {
margin: 0;
}
.footer-container .ApHtml .block_content > h4 {
font-size: 13px;
margin: 0 0 27px;
text-transform: uppercase;
}
.footer-container .ApHtml .block_content > h4:not(:first-child) {
margin: 30px 0 20px;
}
.footer-container .ApHtml p {
margin: 0;
}
.box-footerlink {
padding-top: 70px;
position: relative;
}
.box-footerlink:before {
content: "";
position: absolute;
top: 0;
width: 100vw;
height: 1px;
background: #eee;
left: 50%;
transform: translateX(-50%);
}
@media (max-width: 991px) {
.box-footerlink {
padding-top: 50px;
}
}
@media (max-width: 991px) {
.box-footerlink .block-social {
margin-bottom: 30px;
}
.box-footerlink .ApHtml {
position: relative;
padding-bottom: 30px;
}
}
@media (max-width: 991px) and (min-width: 481px) {
.box-footerlink .ApHtml .block_content {
padding: 20px;
background: #f9f9f9;
}
.box-footerlink .ApHtml .block_content:after {
content: "";
display: block;
clear: both;
}
.box-footerlink .ApHtml .block_content h4 {
width: 30%;
float: left;
margin: 20px 0;
}
.rtl .box-footerlink .ApHtml .block_content h4 {
float: right;
}
.box-footerlink .ApHtml .block_content p {
width: 70%;
float: left;
}
.rtl .box-footerlink .ApHtml .block_content p {
float: right;
}
.box-footerlink .ApHtml .block_content p:nth-child(2) {
margin-bottom: 15px;
}
}
@media (max-width: 991px) {
.box-footerlink .block_newsletter {
max-width: 400px;
margin: 15px 0;
}
.box-footerlink .block-social .social-title {
display: none;
}
}
.block-social {
padding: 0;
}
.block-social .social-title {
float: left;
margin: 2px 20px 2px 0;
line-height: 30px;
font-size: 12px;
text-transform: uppercase;
}
.rtl .block-social .social-title {
float: right;
}
.rtl .block-social .social-title {
margin: 2px 0 2px 20px;
}
.block-social li {
line-height: 30px;
border: 2px solid #999;
margin: 2px;
color: #999;
}
.block-social li:hover {
border-color: #000;
color: #000;
}
.box-coppyh8 {
text-align: center;
padding: 35px 0;
}
@media (max-width: 991px) {
.box-coppyh8 {
margin: 0 -18px !important;
padding: 20px 18px;
background: #f8f8f8;
}
}
.box-coppyh8 .ApColumn .block {
margin-bottom: 0;
}
.box-coppyh8 .ApColumn .ApHtml {
line-height: 27px;
}
@media (min-width: 768px) {
.box-coppyh8 .ApColumn .ApHtml {
float: left;
}
.rtl .box-coppyh8 .ApColumn .ApHtml {
float: right;
}
}
@media (max-width: 767px) {
.box-coppyh8 .ApColumn .ApHtml {
margin-bottom: 15px;
}
}
.box-coppyh8 p {
margin: 0;
}
@media (min-width: 768px) {
.box-coppyh8 .ApImage {
float: right;
}
.rtl .box-coppyh8 .ApImage {
float: left;
}
}
.leo-remove-from-cart i.material-icons:before {
content: "\e646";
font-family: "themify";
}
.modal-header .close {
margin-top: 0px;
}
.modal-header button {
width: 20px;
height: 20px;
line-height: 20px;
border: 0;
text-align: center;
transition: all 0.4s;
}
.modal-header button span {
display: none;
}
.modal-header button:before {
font-size: 16px;
content: "\e646";
font-family: "themify";
}
.modal-header button:hover {
transform: rotate(90deg);
}
#header {
background: #fff;
}
.navbar-fixed-top {
box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.box-top.box-h2 {
padding: 0;
}
@media (min-width: 992px) {
.box-top.box-h2 .col-menu {
padding-left: 15px;
padding-right: 15px;
}
}
.box-top.box-h2 .leo-megamenu .navbar-nav {
text-align: left;
}
.rtl .box-top.box-h2 .leo-megamenu .navbar-nav {
text-align: right;
}
.box-navlogo .h-logo {
text-align: center;
padding: 50px 0 10px;
}
@media (max-width: 991px) {
.box-navlogo .h-logo {
padding: 30px 0 10px;
}
}
.box-navads {
line-height: 33px;
text-align: center;
font-weight: 400;
color: #fff;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
}
.box-navads .ApColumn .block {
margin-bottom: 0;
}
.box-navads p {
margin: 0;
}
.box-cateh2 {
margin-bottom: 60px;
}
@media (max-width: 991px) {
.box-cateh2 {
margin-bottom: 30px;
}
}
.box-cateh2 .ApImage {
position: relative;
overflow: hidden;
}
.box-cateh2 .ApImage:before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 360px;
height: 360px;
background: rgba(0, 0, 0, 0.1);
border-radius: 50%;
transition: all 0.4s;
opacity: 0;
transform: translate(-100%, 100%);
z-index: 1;
pointer-events: none;
}
.box-cateh2 .ApImage img {
transition: all 2s;
}
.box-cateh2 .ApImage > a:before {
content: "";
z-index: 3;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.box-cateh2 .ApImage .image_description {
position: absolute;
left: 30px;
bottom: 30px;
color: #666;
text-transform: capitalize;
}
.rtl .box-cateh2 .ApImage .image_description {
right: 30px;
left: auto;
}
@media (max-width: 767px) and (min-width: 576px) {
.box-cateh2 .ApImage .image_description {
left: 15px;
bottom: 15px;
}
.rtl .box-cateh2 .ApImage .image_description {
right: 15px;
left: auto;
}
}
.box-cateh2 .ApImage .image_description p {
margin: 0;
}
.box-cateh2 .ApImage .image_description b,
.box-cateh2 .ApImage .image_description strong {
font-size: 16px;
color: #000;
font-weight: 600;
display: block;
text-transform: uppercase;
}
.box-cateh2 .ApImage:hover:before {
transform: translate(-50%, 50%);
opacity: 1;
}
.box-cateh2 .ApImage:hover img {
transform: scale(1.1);
}
.box-cateh2 .ApImage.title-top:before {
bottom: auto;
top: 0;
transform: translate(-100%, -100%);
}
.box-cateh2 .ApImage.title-top .image_description {
top: 30px;
bottom: auto;
}
@media (max-width: 767px) and (min-width: 576px) {
.box-cateh2 .ApImage.title-top .image_description {
top: 15px;
}
}
.box-cateh2 .ApImage.title-top:hover:before {
transform: translate(-50%, -50%);
}
.box-fashion {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
.box-fashion .ApColumn {
max-width: 745px;
margin: auto;
float: none;
text-align: center;
padding: 40px;
background: rgba(255, 255, 255, 0.45);
border: 2px solid rgba(255, 255, 255, 0.75);
}
.box-fashion .ApColumn .block {
margin-bottom: 0;
}
.box-fashion .ApHtml {
font-size: 14px;
line-height: 2;
color: #000;
}
.box-fashion .ApHtml p {
margin: 0;
}
.box-fashion .ApHtml b,
.box-fashion .ApHtml strong {
display: block;
font-size: 16px;
font-weight: 600;
color: #000;
text-transform: uppercase;
margin-bottom: 20px;
}
.box-fashion .ApHtml a {
display: inline-block;
border-bottom: 1px solid #999;
margin-top: 20px;
font-size: 12px;
color: #000;
line-height: 1.35;
text-transform: uppercase;
}
.box-fashion .ApHtml a:hover {
color: #666;
}
.box-margin {
margin-bottom: 90px;
}
@media (max-width: 991px) {
.box-margin {
margin-bottom: 40px;
}
}
.box-products {
margin-bottom: 10px;
}
.box-cateh2.box-h3 .ApImage.title-top-right:before {
left: auto;
bottom: auto;
top: 0;
right: 0;
transform: translate(100%, -100%);
}
.box-cateh2.box-h3 .ApImage.title-top-right:hover:before {
transform: translate(50%, -50%);
}
.box-cateh2.box-h3 .ApImage.title-top-right .image_description {
left: auto;
top: 30px;
bottom: 0;
right: 30px;
text-align: right;
}
.rtl .box-cateh2.box-h3 .ApImage.title-top-right .image_description {
left: 30px;
right: auto;
}
.rtl .box-cateh2.box-h3 .ApImage.title-top-right .image_description {
text-align: left;
}
.box-cateh2.box-h3 .col-right .ApImage:not(.image-full) {
width: calc(50% - 15px);
float: left;
}
.rtl .box-cateh2.box-h3 .col-right .ApImage:not(.image-full) {
float: right;
}
@media (max-width: 1199px) {
.box-cateh2.box-h3 .col-right .ApImage:not(.image-full) {
width: calc(50% - 9px);
}
}
.box-cateh2.box-h3 .col-right .ApImage:not(.image-full):last-child {
float: right;
}
.rtl .box-cateh2.box-h3 .col-right .ApImage:not(.image-full):last-child {
float: left;
}
.ApQuicklogin {
white-space: nowrap;
padding: 0 10px;
}
.ApQuicklogin > a {
position: relative;
vertical-align: top;
height: 80px;
line-height: 80px;
text-transform: uppercase;
font-size: 11px;
}
.ApQuicklogin > a span {
display: block !important;
}
@media (max-width: 767px) {
.ApQuicklogin > a span {
display: none !important;
}
}
.ApQuicklogin > a:before {
content: "";
width: 12px;
height: 1px;
background: #999;
position: absolute;
top: 50%;
right: -6px;
}
.rtl .ApQuicklogin > a:before {
left: -6px;
right: auto;
}
.ApQuicklogin > a i {
display: none;
}
@media (max-width: 767px) {
.ApQuicklogin > a i {
display: inline-block;
}
}
.leo-quicklogin-modal h3 {
font-size: 13px;
margin: 10px 0 15px;
}
.leo-quicklogin-modal .lql-social-login .btn {
border: 1px solid;
}
.header-nav {
transition: all 0.4s;
}
@media (max-width: 767px) {
.fancybox-inner .block_newsletter {
background: none;
height: auto;
padding: 0 !important;
min-height: 200px;
}
.fancybox-inner .block_newsletter .title_block {
font-size: 20px;
letter-spacing: 0px;
text-align: center;
text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
}
.fancybox-wrap .turnoff-popup-wrapper {
position: static;
}
}
.ApSlideShow {
min-height: 133px;
}
@media (min-width: 768px) {
.ApSlideShow {
min-height: 320px;
}
}
@media (min-width: 992px) {
.ApSlideShow {
min-height: 410px;
}
}
@media (min-width: 1200px) {
.ApSlideShow {
min-height: 500px;
}
}
@media (min-width: 1200px) {
.box-banner {
min-height: 600px;
}
.box-manu {
min-height: 150px;
}
.box-tabproducts {
min-height: 600px;
}
.box-instagram {
min-height: 200px;
}
.box-latestnews {
min-height: 350px;
}
.box-shipping {
min-height: 80px;
}
.box-footerlink {
min-height: 250px;
}
.box-coppyh8 {
min-height: 90px;
}
.box-cateh2 {
min-height: 270px;
}
.box-products {
min-height: 500px;
}
.box-fashion {
min-height: 500px;
}
.box-cateh2 {
min-height: 250px;
}
.box-bnh3 {
min-height: 250px;
}
.box {
min-height: 0px;
}
}
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout,
.continue.btn,
button.btn.btn-primary.center-block {
background: #f11d22;
}
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout:hover,
.leo-cart-dropdown-action a.btn.cart-dropdow-checkout:focus,
.continue.btn:hover,
.continue.btn:focus,
button.btn.btn-primary.center-block:hover,
button.btn.btn-primary.center-block:focus {
background: #cc1115;
}
@media (min-width: 1200px) {
.boxe-protabs {
min-height: 600px;
}
.box-slide {
min-height: 450px;
}
.box-products,
.box-blog {
min-height: 400px;
}
}
.timeline-wrapper.clearfix {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: justify;
-moz-box-pack: justify;
box-pack: justify;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
-o-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: justify;
}
.timeline-wrapper .timeline-parent {
width: 100%;
margin: auto;
}
.timeline-wrapper .timeline-item {
border: 0;
padding: 10px 0;
}
.timeline-wrapper.prepare > .timeline-parent {
display: none;
padding: 0 15px;
}
@media (min-width: 992px) {
.timeline-wrapper.prepare > .timeline-parent:nth-child(1),
.timeline-wrapper.prepare > .timeline-parent:nth-child(2),
.timeline-wrapper.prepare > .timeline-parent:nth-child(3),
.timeline-wrapper.prepare > .timeline-parent:nth-child(4) {
display: block;
}
}
.hide-loading .timeline-wrapper {
display: none !important;
}
#checkout .box-top .col-info #_desktop_cart .header a:after,
#checkout .box-top .col-info #_desktop_cart .header a:before {
display: none;
}
/*end UPDATE HOME CSS*/
.leo-dropdown-bottom .leo-dropdown-cart-total {
width: 100%;
}
/*end UPDATE HOME CSS*/
.quickview .product-cover img {
width: 100%;
}
.product-actions .product-variants {
display: block;
}
.product-variants > .product-variants-item .color,
.product-variants > .product-variants-item .input-color {
width: 34px;
height: 34px;
border-width: 2px;
vertical-align: top;
}
.product-variants > .product-variants-item .input-color {
z-index: 1;
}
.product-variants > .product-variants-item .color:before {
content: "\f00c";
font-family: "FontAwesome";
position: absolute;
color: #fff;
font-size: 14px;
line-height: normal;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-align: center;
line-height: 26px;
visibility: hidden;
opacity: 0;
transition: opacity 0.3s ease 0s;
z-index: 2;
}
.product-variants > .product-variants-item .color[style*="#fffff"]:before {
color: inherit;
}
.product-variants > .product-variants-item .input-color:checked + span {
border-color: #1a1a18;
}
.product-variants > .product-variants-item .input-color:checked + span:before {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
.product-variants > .product-variants-item .color .sr-only {
background: #000;
width: auto;
height: auto;
padding: 2px 10px;
clip: inherit;
color: #fff;
font-size: 12px;
overflow: inherit;
visibility: hidden;
border-radius: 3px;
left: 0;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transform: translateY(-25px);
-moz-transform: translateY(-25px);
-ms-transform: translateY(-25px);
-o-transform: translateY(-25px);
transform: translateY(-25px);
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
white-space: nowrap;
}
.product-variants > .product-variants-item .color .sr-only:before {
content: "";
display: block;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-top: 7px solid #000;
border-right: 6px solid transparent;
position: absolute;
bottom: -5px;
left: 6px;
}
.product-variants
> .product-variants-item
.input-color:hover
+ .color
.sr-only {
-webkit-transform: translateY(-30px);
-moz-transform: translateY(-30px);
-ms-transform: translateY(-30px);
-o-transform: translateY(-30px);
transform: translateY(-30px);
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
.product-variants > .product-variants-item .color {
border: 3px solid #fff;
width: 32px;
height: 32px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-webkit-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.product-information .radio-label {
padding: 6px 13px;
}
.product-variants > .product-variants-item .input-color:checked + span,
.product-variants > .product-variants-item .input-color:hover + span {
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.5);
}
.quickview .product-thumb-images .slick-list .slick-slide {
padding: 5px 0;
}
.product-thumb-images .thumb {
border: 0;
}
@media (max-width: 567px) {
.leo-fly-cart-slidebar.slidebar_bottom .leo-cart-dropdown-action {
width: 100%;
min-width: 100%;
}
}
.leo-megamenu .navbar-nav li a > .sub-title,
.off-canvas-nav-megamenu .navbar-nav li a > .sub-title {
position: absolute;
background: #d31d52;
color: #fff;
height: 16px;
line-height: 18px;
font-size: 10px;
padding: 0 5px;
bottom: 50%;
left: 50%;
margin-bottom: 10px;
margin-left: 12px;
border-radius: 2px;
font-weight: normal;
}
@media (min-width: 992px) {
.box-listdetail {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
}
.box-listdetail .leo-widget {
padding: 0 10px;
}
@media (max-width: 991px) {
.box-listdetail .leo-widget {
padding: 0 2px;
width: 48%;
float: left;
margin: 0 1% 5px;
}
.box-listdetail .leo-widget:nth-child(2n + 1) {
clear: both;
}
}
.box-listdetail .leo-widget a {
display: block;
padding: 5px;
border: 1px solid #eee;
}
.box-listdetail .leo-widget a:hover {
border: 1px solid #444;
}
.page-cms img {
max-width: 100%;
height: auto;
}
@media (max-width: 991px) {
.box-top {
position: relative;
}
.box-top .col-menu {
position: static;
}
.box-top .leo-megamenu.disable-canvas .dropdown-menu {
display: none;
}
}
/*update css menu*/
.off-canvas-active > #page {
-webkit-transition: none;
-o-transition: none;
transition: none;
-webkit-transform: none;
-moz-transform: none;
-ms-transform: none;
-o-transform: none;
transform: none;
}
.off-canvas-nav-megamenu {
-webkit-transform: translate(0, 0) scale(0, 1);
-moz-transform: translate(0, 0) scale(0, 1);
-ms-transform: translate(0, 0) scale(0, 1);
-o-transform: translate(0, 0) scale(0, 1);
transform: translate(0, 0) scale(0, 1);
left: 0;
-webkit-transform-origin: bottom center;
-moz-transform-origin: bottom center;
-o-transform-origin: bottom center;
transform-origin: bottom center;
}
.off-canvas-active > .off-canvas-nav-megamenu.active {
-webkit-transform: translate(0, 0) scale(1, 1);
-moz-transform: translate(0, 0) scale(1, 1);
-ms-transform: translate(0, 0) scale(1, 1);
-o-transform: translate(0, 0) scale(1, 1);
transform: translate(0, 0) scale(1, 1);
}
.off-canvas-nav-megamenu .offcanvas-mainnav {
left: 0;
}
.rtl .off-canvas-nav-megamenu .offcanvas-mainnav {
right: 0;
left: auto;
}
/*end update css menu*/
// #blockcart-modal .cart-content a.btn,
// .product-add-to-cart .product-quantity .add-to-cart,
// .leo-cart-dropdown-action a.btn.cart-dropdow-checkout,
// .continue.btn,
// button.btn.btn-primary.center-block,
// .checkout.cart-detailed-actions.card-block .btn {
// background: #f11d22;
// }
// #blockcart-modal .cart-content a.btn:hover,
// #blockcart-modal .cart-content a.btn:focus,
// .product-add-to-cart .product-quantity .add-to-cart:hover,
// .product-add-to-cart .product-quantity .add-to-cart:focus,
// .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:hover,
// .leo-cart-dropdown-action a.btn.cart-dropdow-checkout:focus,
// .continue.btn:hover,
// .continue.btn:focus,
// button.btn.btn-primary.center-block:hover,
// button.btn.btn-primary.center-block:focus,
// .checkout.cart-detailed-actions.card-block .btn:hover,
// .checkout.cart-detailed-actions.card-block .btn:focus {
// background: #cc1115;
// }
.product-line-actions .qty > input.js-cart-line-product-quantity {
max-width: 100%;
height: 40px;
border: 1px solid #ccc;
padding: 10px;
}
#content-hook-order-confirmation-footer .featured-products {
margin-bottom: 30px;
}
.card-block strong,
.card-block .font-weight-bold,
.card-block .aeuc_scart a,
.card-block .product-name {
color: #333;
}
.order-confirmation-table .font-weight-bold {
color: #333;
}
#checkout .box-top .col-info #_desktop_cart .header a:after,
#checkout .box-top .col-info #_desktop_cart .header a:before {
display: none;
}
#registration-form .card-block > h4 {
text-align: center;
font-size: 18px;
margin: 20px 0;
}
/*update product image more infor*/
.owl-carousel .owl-item {
position: relative;
}
.owl-carousel .owl-item:hover {
z-index: 9;
}
.leo-more-info .thumbs_list li a img {
max-width: 100%;
}
.leo-more-info .thumbs_list {
margin-top: 35px;
}
.leo-more-info .thumbs_list li a {
margin: 0;
}
.leo-more-info .thumbs_list li {
padding: 5px;
width: 80px;
}
.leo-more-info .view_scroll_left,
.leo-more-info .view_scroll_right {
width: 100%;
text-align: center;
}
.owl-item.active.last .thumbnail-container .leo-more-info {
left: 0;
right: auto;
}
.owl-item.active.last .thumbnail-container:hover .leo-more-info {
width: 90px;
opacity: 1;
filter: alpha(opacity=100);
right: auto;
left: -90px;
}
@media (max-width: 1439px) {
.leo-more-info .thumbs_list {
margin-top: 15px;
margin-bottom: 15px;
height: 300px;
}
.leo-more-info .view_scroll_left {
margin-top: 0px;
}
}
@media (max-width: 991px) {
.leo-more-info {
display: none;
}
}
.product-variants > .product-variants-item select {
width: auto;
}
/*end update product image more infor*/
.leoquicklogin-cssload-speeding-wheel {
width: 20px;
height: 20px;
}
.product-detail .description-short {
margin-bottom: 30px;
}
.product-detail .product-prices {
margin: 15px 0 25px;
}
@media (max-width: 767px) {
.leo-modal-review .new_review_form_content {
text-align: left;
}
.rtl .leo-modal-review .new_review_form_content {
text-align: right;
}
.leo-modal-review .product-info {
width: 40%;
display: none;
}
.leo-modal-review .new_review_form_content {
width: 100%;
}
#blockcart-modal .divide-right {
padding-bottom: 10px;
border-bottom: 1px solid #eee;
margin-bottom: 20px;
}
#blockcart-modal .divide-right > .row {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
#blockcart-modal .product-image {
max-width: 100px;
}
#blockcart-modal .product-name {
font-size: 16px;
}
#blockcart-modal .cart-products-count {
font-size: 14px;
}
#blockcart-modal p {
margin-bottom: 10px;
}
#blockcart-modal .cart-content-btn {
margin-top: 20px;
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
}
#blockcart-modal .cart-content-btn .btn {
width: 50%;
padding: 10px 15px;
}
#blockcart-modal .cart-content-btn .btn i {
display: none;
}
}
@media (max-width: 767px) and (max-width: 480px) {
#blockcart-modal .cart-content-btn {
display: block;
}
#blockcart-modal .cart-content-btn .btn {
width: 100%;
margin: 10px 0 0;
}
}
.box-faqpage {
font-size: 13px;
font-weight: 400;
}
.box-faqpage .block-toggler .navbar-toggler {
top: 13px;
right: 20px;
}
.box-faqpage .ApColumn .block {
margin-bottom: 10px;
}
.box-faqpage .ApHtml .title_block {
background: #f3f3f3;
padding: 18px 30px;
font-size: 14px;
margin: 0;
color: #666;
line-height: 1.5;
text-transform: none;
font-weight: normal;
}
.box-faqpage .ApHtml .title_block:hover {
background: #e7e7e7;
}
.box-faqpage .ApHtml .block_content {
padding: 10px 0;
}
.box-faqpage .ApHtml .block_content:after {
content: "";
display: block;
clear: both;
}
.box-faqpage .ApHtml .title[aria-expanded="true"] {
color: #fff;
}
.box-faqpage .ApHtml .title[aria-expanded="true"] .title_block {
background: #272727;
color: #fff;
}
.product-detail .leo-more-cdown ul {
margin: 20px 0;
}
.box-outteam .ApColumn .block {
margin-bottom: 30px;
}
.box-outteam .ApImage {
position: relative;
}
.box-outteam .ApImage .image_description {
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background: #fff;
padding: 20px;
font-size: 13px;
line-height: 1.75;
opacity: 0;
transition: all 0.2s;
overflow: hidden;
}
.box-outteam .ApImage .image_description strong {
color: #222;
}
.box-outteam .ApImage .image_description p {
margin: 0 0 5px;
}
@media (max-width: 1199px) {
.box-outteam .ApImage .image_description p:last-child {
display: none;
}
}
.box-outteam .ApImage:hover .image_description {
opacity: 1;
}
.leo-pro-attr-section .leo-bt-select-attr {
font-size: 10px;
overflow: hidden;
text-overflow: ellipsis;
padding: 10px 25px 10px 15px;
position: relative;
text-align: left;
margin: 5px 0;
}
.rtl .leo-pro-attr-section .leo-bt-select-attr {
padding: 10px 15px 10px 25px;
}
.rtl .leo-pro-attr-section .leo-bt-select-attr {
text-align: right;
}
.leo-pro-attr-section .leo-bt-select-attr:after {
position: absolute;
top: 18px;
right: 15px;
}
.rtl .leo-pro-attr-section .leo-bt-select-attr:after {
left: 15px;
right: auto;
}
.thumbnail-container .leo_cart_quantity {
margin: 5px 0;
}
.delivery-options img {
max-width: 40px;
height: auto;
}
/*fix leo-more-cdown in product detail*/
.category-products
.owl-item.active
+ .active
+ .active
+ .active
.leo-more-info,
.product-accessories
.owl-item.active
+ .active
+ .active
+ .active
.leo-more-info {
right: auto;
left: 0;
}
.category-products
.owl-item.active
+ .active
+ .active
+ .active
.thumbnail-container:hover
.leo-more-info,
.product-accessories
.owl-item.active
+ .active
+ .active
+ .active
.thumbnail-container:hover
.leo-more-info {
right: auto;
left: -90px;
}
#subcategories {
margin: 20px 0 0;
}
.block-category.card {
border: 0;
box-shadow: none;
padding: 0;
margin: 0;
}
.block-category.card h1 {
margin: 0 0 10px;
font-size: 2em;
}
.block-category.card .category-cover img {
max-width: 100%;
}
.page-heading {
margin: 0 0 20px;
}
@media (max-width: 1920px) {
.box-padding800 .ApSlideShow {
min-height: 20vw;
}
}
@media (max-width: 767px) {
.tabs-left .tab-content {
width: 100%;
float: none;
}
}
.tabs-left .nav-tabs {
border: 0;
}
@media (max-width: 767px) {
.tabs-left .nav-tabs {
width: 100%;
float: none;
}
}
.tabs-left .nav-tabs > li {
margin: 0;
}
.tabs-left .nav-tabs > li > a {
margin: 0;
border: 0;
border-bottom: 1px solid #ddd !important;
padding: 15px 15px 15px 40px;
position: relative;
border-radius: 0;
text-transform: capitalize;
background: none;
}
.tabs-left .nav-tabs > li > a:hover,
.tabs-left .nav-tabs > li > a.active {
color: #000;
}
.tabs-left .nav-tabs > li > a:hover:before,
.tabs-left .nav-tabs > li > a.active:before {
background: #000;
}
.tabs-left .nav-tabs > li > a.active {
font-weight: 600;
}
.tabs-left .nav-tabs > li > a:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 5px;
width: 6px;
height: 6px;
border-radius: 50%;
background: #eee;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-link.active:focus,
.nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
color: #000;
}
.box-shipping2 {
position: relative;
padding: 20px 0;
margin-top: 50px;
}
.box-shipping2:before {
content: "";
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
pointer-events: none;
}
.box-shipping2 .ApRawHtml {
display: flex;
align-items: center;
margin: 0;
padding: 15px 0;
}
.box-shipping2 .ApRawHtml i {
color: #000;
margin: 0 10px 0 0;
font-size: 20px;
}
.box-shipping2 .ApRawHtml h4 {
font-weight: normal;
font-size: 1em;
text-transform: uppercase;
margin: 0;
}
.box-footerlink2 {
padding: 70px 0 20px;
}
.box-footerlink2 .block_newsletter .input-wrapper input {
padding: 10px 50px 10px 0;
border: 0;
border-bottom: 1px solid #000;
background: none;
}
.box-footerlink2 .block_newsletter .input-wrapper input:focus {
border-color: #000;
}
.box-footerlink2 .block_newsletter .input-wrapper button {
padding: 0 15px;
font-size: 16px;
letter-spacing: 0;
border: 0;
background: none;
color: #000;
position: absolute;
bottom: 0;
right: 0;
}
.box-footerlink2 .block_newsletter .input-wrapper button:hover {
color: #888;
}
.footer-container .box-footerlink2 .block_newsletter .title_block {
margin: 0 0 20px;
font-size: 24px;
text-transform: capitalize;
font-weight: 500;
}
.f-logo2 {
margin: 0 0 30px;
}
.box-coppy2 {
padding: 10px 0 20px;
}
@media (max-width: 767px) {
.box-coppy2 {
text-align: center;
}
}
.box-coppy2 .ApHtml {
margin: 0 0 20px;
line-height: 20px;
padding: 10px 0;
}
@media (min-width: 768px) {
.box-coppy2 .ApHtml {
float: left;
}
}
@media (min-width: 768px) {
.box-coppy2 .block-social {
float: right;
}
}
.box-coppy2 .block-social li {
width: 30px;
height: 40px;
line-height: 40px;
border: 0;
margin: 0;
}
.box-coppy2 .block-social li:before {
font-size: 16px;
}
.page-cms-4 h3,
.page-cms-4 h4,
.page-cms-4 h5,
.page-cms-4 h6 {
margin-bottom: 1em;
}
.box-coppyh8 .ApImage img {
max-height: 30px;
}
.box-header3 {
padding: 0 40px;
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
}
.box-header3 > div {
width: auto;
}
.box-header3 .col-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.box-header3 .col-info {
display: flex;
align-items: center;
margin-left: auto;
}
@media (min-width: 992px) {
.box-header3 .navbar,
.box-header3 .col-menu {
position: static;
}
.box-header3 .leo-megamenu .dropdown-menu {
left: 0;
right: auto;
}
.box-header3 .leo-megamenu .dropdown-menu .dropdown-menu {
left: 100%;
}
.box-header3
.leo-megamenu
.navbar-nav
> li.aligned-fullwidth
> .dropdown-menu {
width: 100% !important;
padding-left: 70px;
padding-right: 70px;
}
.box-header3
.leo-megamenu
.navbar-nav
> li.aligned-fullwidth
> .dropdown-menu
.dropdown-menu-inner {
max-width: 1000px;
}
}
.box-header3 .popup-over a.popup-title {
height: 80px;
line-height: 80px;
padding: 0 12px;
color: #000;
}
.box-header3 .popup-over a.popup-title > span,
.box-header3 .popup-over a.popup-title i {
display: none;
}
.box-header3 .popup-over a.popup-title .cus-sign {
display: block !important;
}
.box-header3 .popup-over a.popup-title .cus-name {
display: block;
text-transform: uppercase;
font-weight: 600;
}
.box-header3 .popup-over:hover a.popup-title {
color: #888;
}
.box-header3 .blockcart .header i,
.box-header3 .wislish-button i,
.box-header3 .userinfo-selector a.popup-title i {
display: inline-block;
font-size: 21px;
vertical-align: middle;
}
.box-header3 .blockcart .header i.fa,
.box-header3 .wislish-button i.fa,
.box-header3 .userinfo-selector a.popup-title i.fa {
display: none;
}
.box-header3 .wislish-button .ap-btn-wishlist {
display: inline-block;
vertical-align: top;
padding: 0 12px;
color: #000;
height: 80px;
line-height: 80px;
position: relative;
}
.box-header3 .wislish-button .ap-btn-wishlist:hover {
color: #888;
}
.box-header3 .wislish-button .ap-btn-wishlist .ap-total {
position: absolute;
height: 16px;
line-height: 16px;
padding: 0 2px;
min-width: 16px;
border-radius: 8px;
font-size: 10px;
background: #000;
color: #fff;
font-weight: 600;
text-align: center;
top: 50%;
left: 50%;
margin: 2px 0 0 2px;
}
.box-header3 #leo_search_block_top {
position: relative;
margin: 0;
&.active {
z-index: 9;
}
}
.box-header3 #leo_search_block_top .title_block {
display: block;
margin: 0;
font-size: 0px;
padding: 0;
height: 80px;
line-height: 80px;
width: 44px;
position: relative;
cursor: pointer;
z-index: 5;
}
.box-header3 #leo_search_block_top .title_block:before {
content: "\e610";
font-family: "themify";
font-size: 21px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
line-height: 80px;
font-weight: normal;
}
.box-header3 #leo_search_block_top #leosearchtopbox {
position: absolute;
width: 500px;
top: 100%;
transition: all 0.3s;
margin-top: 0;
right: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
}
.rtl .box-header3 #leo_search_block_top #leosearchtopbox {
left: 0;
right: auto;
}
@media (max-width: 575px) {
.box-header3 #leo_search_block_top #leosearchtopbox {
width: 240px;
right: -100px;
}
.rtl .box-header3 #leo_search_block_top #leosearchtopbox {
left: -100px;
right: auto;
}
}
.box-header3 #leo_search_block_top.active .title_block:before {
content: "\e646";
color: #000;
}
.box-header3 #leo_search_block_top.active #leosearchtopbox {
opacity: 1;
visibility: visible;
transform: translateY(-3px);
}
.box-header3 .blockcart .header {
display: flex;
align-items: center;
justify-content: center;
position: relative;
height: 40px;
width: 40px;
line-height: 40px;
background: $cOrange;
color: #fff;
border-radius: 20px;
@media (max-width: 991px) {
height: 45px !important;
line-height: 45px !important;
width: 45px;
border-radius: 100%;
}
}
.box-header3 .blockcart .header a {
color: #000;
}
.box-header3 .blockcart .header i {
padding: 0 12px;
}
.box-header3 .blockcart .header .cart-products-count {
position: absolute;
height: 16px;
line-height: 16px;
padding: 0 2px;
min-width: 16px;
border-radius: 8px;
font-size: 10px;
background: #000;
color: #fff;
font-weight: 600;
text-align: center;
top: 50%;
left: 50%;
margin: 2px 0 0 2px;
}
.box-header3 .blockcart:hover .header a {
color: #888;
}
@media (max-width: 1500px) and (min-width: 992px) {
.box-header3 {
padding: 0 15px;
}
.box-header3 .leo-megamenu .navbar-nav > li > a {
padding: 30px 10px;
}
}
@media (max-width: 1199px) and (min-width: 992px) {
.box-header3 .leo-megamenu .navbar-nav > li > a.dropdown-toggle:after {
display: none;
}
.box-header3 .leo-megamenu .navbar-nav > li > a {
padding: 30px 12px;
}
}
@media (max-width: 991px) {
.box-header3 {
padding: 0 20px;
}
.box-header3 .col-logo {
z-index: 2;
}
.box-header3 .col-info {
flex: 1;
justify-content: flex-end;
}
.box-header3 #leo_search_block_top {
margin-right: auto;
}
.box-header3 #leo_search_block_top #leosearchtopbox {
right: auto;
left: 0;
}
.box-header3 > div {
padding: 0;
}
.box-header3 .currency-selector .popup-content,
.box-header3 .language-selector-wrapper .popup-content {
left: 0;
right: auto;
}
}
@media (max-width: 767px) {
.box-header3 {
flex-wrap: wrap;
}
.box-header3 .col-logo {
position: relative;
transform: none;
width: 100%;
top: 0;
left: 0;
text-align: center;
padding-top: 30px;
}
.box-header3 #leo_search_block_top #leosearchtopbox {
left: -25px;
}
}
@media (max-width: 340px) {
.box-header3 .popup-over a.popup-title {
padding: 0 10px;
}
.box-header3 .wislish-button .ap-btn-wishlist {
padding: 0 10px;
}
.box-header3 .blockcart .header i {
padding: 0 10px;
}
}
div.box-h4bn1 {
margin: 0;
}
.box-h4bn1 {
padding-bottom: 5%;
}
.box-h4bn1 .ApColumn {
padding: 0;
}
.box-h4bn1 .ApImage {
position: relative;
margin: 0;
overflow: hidden;
}
.box-h4bn1 .ApImage img {
width: 100%;
height: 500px !important;
object-fit: cover;
transition: all 1s;
}
.box-h4bn1 .ApImage:hover img {
transform: scale(1.05);
}
.box-h4bn1 .ApImage .image_description {
position: absolute;
top: 35%;
left: 10%;
line-height: 2;
color: #000;
max-width: 80%;
min-height: 55%;
display: flex;
flex-direction: column;
}
.box-h4bn1 .ApImage .image_description p {
margin: 0;
}
.box-h4bn1 .ApImage .image_description p:last-child {
margin-top: auto;
}
.box-h4bn1 .ApImage .image_description h4 {
font-size: 2.5em;
margin: 0 0 0.5em;
color: inherit;
}
.box-h4bn1 .ApImage .image_description a {
display: inline-block;
color: #000;
text-transform: uppercase;
font-weight: 600;
margin-top: 2em;
border-bottom: 1px solid;
transition: all 0.4s;
}
.box-h4bn1 .ApImage .image_description a:hover {
letter-spacing: 1px;
}
.box-h4bn1 .ApImage.color-white .image_description {
color: #fff;
}
.box-h4bn1 .ApImage.color-white .image_description a {
color: #fff;
}
@media (max-width: 1800px) {
.box-h4bn1 .ApImage img {
height: 400px !important;
}
}
@media (max-width: 1199px) {
div.box-h4bn1 {
margin: 0;
padding-left: 18px;
padding-right: 18px;
}
.box-h4bn1 .ApImage img {
height: 360px !important;
}
}
@media (max-width: 991px) {
.box-h4bn1 .ApImage img {
height: 300px !important;
}
.box-h4bn1 .ApImage .image_description {
top: 25%;
left: 20px;
max-width: 100%;
right: 20px;
}
.box-h4bn1 .ApImage .image_description h4 {
font-size: 2em;
}
}
@media (max-width: 767px) {
.box-h4bn1 .ApImage img {
height: auto !important;
min-height: 240px;
}
}
@media (max-width: 480px) {
.box-h4bn1 .ApImage .image_description {
top: 20px;
line-height: 1.5;
}
.box-h4bn1 .ApImage .image_description a {
margin-top: 1em;
}
.box-h4bn1 {
padding-bottom: 40px;
}
.box-h4bn1 .ApImage .image_description h4 {
font-size: 1.8em;
}
}
.box-tabproducts4 {
padding-bottom: 5%;
}
@media (max-width: 767px) {
.box-tabproducts4 {
padding-bottom: 60px;
}
}
@media (max-width: 480px) {
.box-tabproducts4 {
padding-bottom: 40px;
}
}
.box-tabproducts4 .nav-tabs {
text-align: center;
}
.box-tabproducts4 .nav-tabs .nav-item {
margin: 0 !important;
padding: 0;
display: inline-block;
vertical-align: top;
float: none;
}
.box-tabproducts4 .nav-tabs .nav-item .nav-link {
margin: 0;
border: 0;
padding: 10px 15px;
text-transform: capitalize;
font-weight: 600;
font-size: 2em;
color: #000;
}
@media (max-width: 991px) {
.box-tabproducts4 .nav-tabs .nav-item .nav-link {
font-size: 1.8em;
}
}
@media (max-width: 767px) {
.box-tabproducts4 .nav-tabs .nav-item .nav-link {
font-size: 1.6em;
}
}
.box-tabproducts4 .nav-tabs .nav-item .nav-link.active {
text-decoration: underline;
}
div.box-h4bn2 {
margin: 0;
}
.box-h4bn2 {
padding-bottom: 5%;
}
@media (max-width: 767px) {
.box-h4bn2 {
padding-bottom: 60px;
}
}
@media (max-width: 480px) {
.box-h4bn2 {
padding-bottom: 40px;
}
}
@media (min-width: 768px) {
.box-h4bn2 .ApColumn {
padding: 0;
}
}
.box-h4bn2 .ApImage {
position: relative;
overflow: hidden;
text-align: center;
color: #fff;
padding-bottom: 100%;
margin: 0;
}
.box-h4bn2 .ApImage .title_block {
position: absolute;
bottom: 50%;
left: 0;
right: 0;
font-size: 1.8em;
color: inherit;
margin: 0 0 20px;
padding: 0 10px 10px;
transition: all 0.3s;
transform: translateY(10px);
transition-delay: 0;
z-index: 1;
pointer-events: none;
}
@media (max-width: 1199px) {
.box-h4bn2 .ApImage .title_block {
font-size: 1.8em;
}
}
@media (max-width: 991px) {
.box-h4bn2 .ApImage .title_block {
font-size: 1.6em;
transform: translateY(50%) !important;
margin: 0;
padding: 10px;
}
}
@media (max-width: 767px) {
.box-h4bn2 .ApImage .title_block {
font-size: 1.4em;
}
}
@media (max-width: 480px) {
.box-h4bn2 .ApImage .title_block {
font-size: 1.2em;
}
}
.box-h4bn2 .ApImage .title_block:before {
content: "";
position: absolute;
height: 1px;
bottom: 0;
left: 50%;
transform: translateX(-50%);
background: #fff;
width: 0px;
max-width: 100%;
transition-delay: 0;
transition: all 0.3s;
}
@media (min-width: 992px) {
.box-h4bn2 .ApImage .title_block:before {
opacity: 0.3;
}
}
.box-h4bn2 .ApImage > a {
display: block;
}
.box-h4bn2 .ApImage img {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
transition: all 2s;
object-fit: cover;
}
.box-h4bn2 .ApImage .image_description {
position: absolute;
top: 50%;
left: 10%;
right: 10%;
padding: 0 10px;
transition: all 0.3s;
transform: translateY(15px);
line-height: 1.8;
letter-spacing: 0.5px;
transition-delay: 0;
opacity: 0;
pointer-events: none;
}
@media (max-width: 1199px) {
.box-h4bn2 .ApImage .image_description {
display: none;
}
}
.box-h4bn2 .ApImage .image_description p {
margin: 0;
}
.box-h4bn2 .ApImage .image_description a {
display: inline-block;
margin-top: 2em;
text-transform: uppercase;
font-weight: 600;
color: inherit;
border-bottom: 1px solid;
transition: all 0.3s;
pointer-events: auto;
}
.box-h4bn2 .ApImage .image_description a:hover {
letter-spacing: 2px;
}
.box-h4bn2 .ApImage:hover img {
transform: scale(1.05);
filter: brightness(0.5);
}
.box-h4bn2 .ApImage:hover .title_block {
transition-delay: 0.2s;
transform: translateY(0px);
}
.box-h4bn2 .ApImage:hover .title_block:before {
width: 100px;
transition-delay: 0.4s;
}
.box-h4bn2 .ApImage:hover .image_description {
transform: translateY(0px);
opacity: 1;
transition-delay: 0.5s;
}
.box-h4bn2 .col-right:after {
content: "";
display: table;
clear: both;
}
.box-h4bn2 .col-right .ApImage {
width: 50%;
float: left;
padding-bottom: 50%;
}
.box-h4bn2 .col-right .cus-heigh50 {
width: 100%;
}
.box-blogh4 {
padding-bottom: 5%;
}
@media (max-width: 767px) {
.box-blogh4 {
padding-bottom: 60px;
}
}
@media (max-width: 480px) {
.box-blogh4 {
padding-bottom: 40px;
}
}
.box-blogh4 .ApColumn .title_block {
font-size: 2em;
margin: 0 0 2em;
text-transform: capitalize;
}
.box-blogh4 .blog-container .right-block,
.box-blogh4 .blog-container .left-block {
width: 100%;
float: none;
padding: 0 0 15px;
text-align: inherit;
}
.box-blogh4 .blog-container .blog_img_link {
display: block;
position: relative;
padding-bottom: 60%;
}
.box-blogh4 .blog-container .blog_img_link img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.box-blogh4 .blog-container .right-block {
display: flex;
flex-direction: column;
padding-right: 10%;
}
.box-blogh4 .blog-container .right-block > * {
width: 100%;
}
.box-blogh4 .blog-container .right-block .blog-meta {
order: 1;
font-style: normal;
text-transform: uppercase;
color: #bfbfbf;
font-size: 12px;
font-weight: 500;
}
.box-blogh4 .blog-container .right-block .blog-title {
order: 2;
font-size: 16px;
text-transform: none;
font-weight: 500;
line-height: 1.5;
max-height: none;
}
.box-blogh4 .blog-container .right-block .blog-title a {
color: #000;
}
.box-blogh4 .blog-container .right-block .blog-title a:hover {
color: #888;
}
.box-blogh4 .blog-container .right-block .blog-desc {
order: 3;
text-align: left;
color: #000;
}
.box-blogh4 .blog-container .icon-hits,
.box-blogh4 .blog-container .icon-comment,
.box-blogh4 .blog-container .icon-calendar,
.box-blogh4 .blog-container .icon-list,
.box-blogh4 .blog-container .icon-author {
font-size: 0px;
color: transparent;
}
.box-blogh4 .blog-container .icon-hits:before,
.box-blogh4 .blog-container .icon-comment:before,
.box-blogh4 .blog-container .icon-calendar:before,
.box-blogh4 .blog-container .icon-list:before,
.box-blogh4 .blog-container .icon-author:before {
content: "";
font-family: "themify";
font-size: 12px;
color: #bfbfbf;
margin: 0 2px 0 0;
display: inline-block;
vertical-align: 0;
line-height: 1;
}
.box-blogh4 .blog-container .icon-hits:before {
content: "\e63d";
}
.box-blogh4 .blog-container .icon-comment:before {
content: "\e644";
}
.box-blogh4 .blog-container .icon-calendar:before {
content: "\e6b6";
}
.box-blogh4 .blog-container .icon-list:before {
content: "\e694";
}
.box-blogh4 .blog-container .icon-author:before {
content: "\e602";
}
.box-blogh4 .blog-viewall .btn {
background: none !important;
color: #000 !important;
padding: 5px 0;
border-bottom: 1px solid;
}
.box-blogh4 .blog-viewall .btn:hover {
color: #888 !important;
}
.footer-container .box-footer3 .ApColumn .title_block {
font-size: 14px;
}
.box-footer3 {
padding: 70px 70px 10px;
}
@media (max-width: 480px) {
.box-footer3 {
padding: 60px 20px 10px;
}
}
.box-footer3 .ApHtml {
line-height: 2;
}
.box-footer3 .ApColumn .block {
margin-bottom: 30px;
}
.box-footer3 .block_newsletter .input-wrapper {
margin: 0 0 10px;
}
.box-footer3 .block_newsletter .input-wrapper input {
background: none;
border: 0;
border-bottom: 2px solid;
padding: 10px 50px 10px 10px;
}
.box-footer3 .block_newsletter .input-wrapper input:focus {
border-color: #999;
}
.box-footer3 .block_newsletter .input-wrapper button {
position: absolute;
right: 0;
background: none;
border: 0;
color: #000;
font-size: 20px;
padding-right: 10px;
}
.box-footer3 .block_newsletter .input-wrapper button .ti-arrow-right:before {
content: "\e75a";
}
.box-footer3 .block_newsletter .input-wrapper button:hover {
color: #999;
}
.box-coppy3 {
padding: 0 70px 50px;
}
@media (max-width: 480px) {
.box-coppy3 {
padding: 0 20px 50px;
}
}
.box-coppy3 .ApColumn .block {
margin-bottom: 0;
}
@media (max-width: 767px) {
.box-coppy3 .ApColumn .block {
margin: auto;
}
}
.box-coppy3 .block-social {
margin: 0;
}
.box-coppy3 .block-social ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media (max-width: 767px) {
.box-coppy3 .block-social {
margin: auto;
}
}
.box-coppy3 .block-social li {
line-height: 40px;
border: 0;
margin: 0;
color: #000;
width: 46px;
height: 40px;
}
.box-coppy3 .block-social li:before {
font-size: 16px;
}
.box-coppy3 .block-social li:hover {
color: #999;
}
.box-coppy3 > .ApColumn {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.box-coppy3 .ApHtml {
line-height: 20px;
padding: 10px 0;
text-transform: uppercase;
font-weight: 500;
color: #000;
}
@media (max-width: 767px) {
.box-coppy3 .ApHtml {
text-align: center;
}
}
.box-coppy3 .ApHtml p {
margin: 0;
}
@media (max-width: 991px) {
.clear-991px {
clear: both;
}
}
@media (max-width: 767px) {
.clear-767 {
clear: both;
}
}
.bottomnav {
.inner {
.wrapper:nth-child(1) {
background: $cOrange;
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
margin: 0;
}
.wrapper:nth-child(2) {
background: #000 !important;
width: 100vw;
position: relative;
left: 50%;
transform: translateX(-50%);
margin: 0;
z-index: 999;
}
}
}
.iviewSlider {
.slide_config {
display: flex !important;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
.tp-caption {
position: static !important;
width: 100%;
text-align: center;
&:first-child {
font-family: "Prompt", sans-serif;
font-size: 68px;
font-style: italic;
text-transform: uppercase;
font-weight: 700;
}
}
.hero_btn {
.caption-contain {
display: inline-flex;
font-family: "Archivo", sans-serif;
font-weight: 600;
font-size: 16px;
background: $cOrange;
padding: 20px 40px;
text-transform: uppercase;
border-radius: 50px;
margin-top: 50px;
height: auto !important;
}
}
}
}
#heroMyVideo {
height: 100%;
width: 100%;
object-fit: cover;
}
div.iview-controlNav div.iview-items {
bottom: 50px;
}
.logo_belt {
background: #dbdbdb;
text-align: center;
margin-bottom: 0;
img {
max-width: 100%;
}
}
.top_belt {
color: #fff;
padding: 15px 0;
font-family: "Archivo", sans-serif;
.ApRawHtml {
margin: 0;
}
.top_belt_right {
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
column-gap: 35px;
.ApRawHtml {
display: flex;
align-items: center;
}
.popup-content.dropdown-menu {
li {
a {
color: #1a1a18;
}
}
}
a {
color: #fff;
display: flex;
align-items: center;
}
i {
margin-left: 10px;
}
img {
height: 20px;
margin-right: 15px;
&:nth-child(2) {
margin-left: 55px;
}
}
}
.top_belt_left {
font-size: 14px;
display: flex;
align-items: center;
flex-wrap: wrap;
display: none;
img {
height: 20px;
margin-right: 15px;
&:nth-child(2) {
margin-left: 55px;
}
}
}
@media (max-width: 992px) {
.top_belt_right {
justify-content: center;
}
.top_belt_left {
justify-content: center;
margin-bottom: 15px;
}
}
}
.box-nav4 {
color: #000;
text-align: center;
font-family: "Archivo", sans-serif;
font-weight: 600;
font-size: 14px;
padding: 10px;
display: none;
.ApHtml {
margin: 0;
a {
color: #000;
text-decoration: underline;
margin-left: 20px;
}
}
}
.box-nav4 .popup-over {
float: right;
}
.box-nav4 .popup-over a.popup-title {
line-height: 30px;
text-transform: uppercase;
padding: 0 10px;
display: flex;
align-items: center;
font-size: 12px;
}
.box-nav4 .popup-over a.popup-title > span {
display: none;
}
.box-nav4 .popup-over a.popup-title .cus-sign {
display: block !important;
padding: 0 10px;
}
.box-logo4 {
justify-content: space-between;
padding: 25px 0 10px;
}
.box-logo4 .col-logo {
position: relative;
left: 0;
transform: none;
top: 0;
}
.box-logo4 .h-logo img {
max-height: 80px;
}
.box-logo4 .col-info {
justify-content: flex-end;
}
.box-logo4 #leo_search_block_top {
padding: 0 15px;
margin: 0;
background: none;
}
@media (min-width: 480px) {
.box-logo4 #leo_search_block_top .title_block {
display: none;
}
.box-logo4 #leo_search_block_top #leosearchtopbox {
position: relative;
opacity: 1;
visibility: visible;
transform: none;
top: 0;
left: 0;
}
}
.box-logo4 #leo_search_block_top {
i {
color: $cOrange;
}
}
.box-logo4 #leo_search_block_top .form-control {
box-shadow: none;
border: 1px solid #c0c0c0;
}
.box-logo4 #leo_search_block_top .form-control:focus {
border-color: #000;
}
.box-logo4 #leo_search_block_top .btn {
box-shadow: none;
border: 0;
background: none;
}
.box-logo4 #leo_search_block_top .btn:hover {
color: #888;
background: none;
}
.box-logo4 #leo_search_block_top .cssload-speeding-wheel {
right: 50px;
}
.box-top4 .leo-megamenu .navbar-nav > li > a {
padding: 13px 20px;
color: #fff;
font-weight: 500;
letter-spacing: 0.5px;
}
.box-top4 .leo-megamenu .navbar-nav > li:first-child > a {
padding-left: 0;
}
.box-top4 .leo-megamenu .navbar-nav {
text-align: left;
}
.box-top4 .leo-megamenu .dropdown-menu {
left: 0;
right: auto;
}
@media (max-width: 991px) {
.box-logo4 .h-logo img {
max-height: 60px;
}
.ApMegamenu .navbar-header {
text-align: center;
}
.box-top4 .navbar-header .navbar-toggler:before {
background: #fff;
}
.box-top4 .navbar-header .navbar-toggler:after {
border-color: #fff;
}
.box-top4 .navbar-header .navbar-toggler {
margin: 10px auto;
}
.box-logo4 #leo_search_block_top {
flex: 1;
}
.box-logo4 #leo_search_block_top #leosearchtopbox {
width: auto;
}
.box-logo4 .col-info #leo_search_block_top .title_block,
.box-logo4 .col-info #leo_search_block_top .title_block:before,
.box-logo4 .col-info .blockcart .header,
.box-logo4 .col-info .popup-over a.popup-title {
height: 60px;
line-height: 60px;
}
.body-sticky .box-logo4 .col-info {
justify-content: flex-end;
position: fixed;
left: 0;
right: 0;
z-index: 1000;
padding: 0 15px 0 50px;
top: 0;
max-width: 740px;
margin: auto;
pointer-events: none;
}
.body-sticky .box-logo4 .col-info > * {
pointer-events: auto;
}
.body-sticky .box-logo4 .popup-over a.popup-title {
color: #fff;
}
.body-sticky .box-logo4 .blockcart .header {
color: #fff;
}
.body-sticky .box-logo4 .blockcart .header a {
color: #fff;
}
.body-sticky .box-logo4 #leo_search_block_top {
flex: none;
padding: 0;
}
.body-sticky .box-logo4 #leo_search_block_top .title_block {
color: #fff;
}
.body-sticky .box-logo4 #leo_search_block_top .title_block:before {
color: #fff !important;
}
}
@media (max-width: 767px) {
.box-logo4 .col-logo {
padding: 30px 0 10px;
}
.box-logo4 .col-info {
padding: 0 10px 0 0;
}
.body-sticky .box-logo4 .col-info {
max-width: 540px;
}
}
@media (max-width: 600px) {
.body-sticky .box-logo4 .col-info {
max-width: 480px;
}
}
@media (max-width: 480px) {
.body-sticky .box-logo4 .col-info {
max-width: 360px;
}
.box-logo4 #leo_search_block_top #leosearchtopbox {
width: 200px;
left: 0;
right: auto;
}
.body-sticky .box-logo4 #leo_search_block_top #leosearchtopbox {
left: auto;
right: -50px;
}
}
@media (max-width: 360px) {
.body-sticky .box-logo4 #leo_search_block_top {
padding: 0;
}
.body-sticky .box-logo4 #leo_search_block_top .title_block {
margin: 0 0 0 auto;
}
}
.box-proh5 {
position: relative;
}
.box-proh5 .ApColumn .title_block {
text-align: left;
text-transform: capitalize;
font-size: 2em;
margin: 0 0 30px;
line-height: 40px;
}
@media (min-width: 481px) {
.box-proh5 .ApBlockLink {
position: absolute;
top: 0;
right: 0;
}
}
.box-proh5 .ApBlockLink ul {
display: flex;
}
.box-proh5 .ApBlockLink ul li a {
display: block;
line-height: 40px;
text-transform: uppercase;
font-weight: 600;
color: #000;
}
@media (min-width: 481px) {
.box-proh5 .ApBlockLink ul li a {
padding: 0 15px;
}
}
.box-proh5 .ApBlockLink ul li a:hover {
text-decoration: underline;
}
div.box-bn5 {
margin: 0;
}
@media (max-width: 1199px) {
div.box-bn5 {
margin: 0 -10px;
}
}
@media (max-width: 480px) {
div.box-bn5 {
margin-bottom: 40px;
}
}
div.box-bn5 > div {
padding: 0;
}
@media (max-width: 480px) {
div.box-bn5 > div {
width: 100%;
}
}
div.box-bn5 .ApImage {
margin: 0;
}
@media (min-width: 481px) {
div.box-bn5 .ApImage {
position: relative;
padding-bottom: 100%;
}
}
div.box-bn5 .ApImage > a {
display: block;
}
@media (min-width: 481px) {
div.box-bn5 .ApImage img {
width: 100% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
}
div.box-bn5 .ApImage .image_description {
padding: 0 20px;
}
@media (min-width: 481px) {
div.box-bn5 .ApImage .image_description {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: -10%;
text-align: right;
}
}
@media (max-width: 480px) {
div.box-bn5 .ApImage .image_description {
text-align: center;
}
}
div.box-bn5 .ApImage .image_description h4 {
font-size: 1em;
}
div.box-bn5 .ApImage .image_description h3 {
font-size: 4em;
margin: 1em 0;
}
@media (max-width: 1199px) {
div.box-bn5 .ApImage .image_description h3 {
font-size: 3em;
}
}
@media (max-width: 991px) {
div.box-bn5 .ApImage .image_description h3 {
font-size: 2.5em;
}
}
@media (max-width: 767px) {
div.box-bn5 .ApImage .image_description h3 {
font-size: 2em;
}
}
div.box-bn5 .ApImage .image_description a {
text-transform: uppercase;
font-weight: 600;
color: #000;
position: relative;
padding: 10px 0 10px 55px;
}
div.box-bn5 .ApImage .image_description a:before {
content: "";
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
width: 40px;
height: 2px;
background: #000;
transition: all 0.4s;
}
div.box-bn5 .ApImage .image_description a:hover:before {
left: 5px;
}
div.box-bn5 .ApImage.img-text {
z-index: 2;
}
div.box-bn5 .ApImage.img-text img {
object-fit: contain;
}
@media (max-width: 480px) {
div.box-bn5.box-2 {
display: flex;
flex-direction: column-reverse;
margin-bottom: 0;
}
}
@media (min-width: 481px) {
div.box-bn5.box-2 .ApImage .image_description {
text-align: left;
left: auto;
right: -10%;
}
}
div.box-bn5.box-2 .ApImage .image_description a {
padding: 10px 55px 10px 0;
}
div.box-bn5.box-2 .ApImage .image_description a:before {
left: auto;
right: 0;
}
div.box-bn5.box-2 .ApImage .image_description a:hover:before {
left: auto;
right: 5px;
}
@media (max-width: 1199px) {
.ApSlideShow {
margin: 0 -20px;
}
}
.arrow-top-right .owl-buttons {
position: absolute;
top: -40px;
right: 0;
width: 80px;
height: 40px;
}
.box-tabproductsh5 {
position: relative;
}
.box-tabproductsh5 .ApColumn .title_block {
text-align: left;
text-transform: capitalize;
font-size: 2em;
margin: 0 0 30px;
line-height: 40px;
@media (max-width: 600px) {
font-weight: 800;
font-size: 25px !important;
line-height: 38px;
}
}
.box-tabproductsh5 .owl-theme .owl-controls .owl-pagination {
padding-top: 4%;
}
.box-tabproductsh5 .ApTabs .nav-tabs {
}
.box-tabproductsh5 .ApTabs .nav-tabs .nav-item {
margin: 0;
}
.box-tabproductsh5 .ApTabs .nav-tabs .nav-item .nav-link {
border: 0;
padding: 0 15px;
margin: 0;
font-weight: 600;
color: #000;
background: none;
line-height: 40px;
border-radius: 0;
position: relative;
overflow: hidden;
@media (max-width: 600px) {
padding: 5px 15px !important;
font-size: 10px;
line-height: 17px;
}
}
.box-tabproductsh5 .ApTabs .nav-tabs .nav-item .nav-link:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #f3f3f3;
transition: all 0.4s;
transform: translateY(110%);
}
.box-tabproductsh5 .ApTabs .nav-tabs .nav-item .nav-link span {
position: relative;
z-index: 2;
}
.box-newletter5 {
padding: 90px 0;
}
@media (max-width: 991px) {
.box-newletter5 {
padding: 70px 0;
}
}
@media (max-width: 767px) {
.box-newletter5 {
padding: 60px 0;
}
}
@media (max-width: 480px) {
.box-newletter5 {
padding: 40px 0;
}
}
.box-newletter5 .ApColumn .block {
margin-bottom: 0;
}
.box-newletter5 .block_newsletter {
// text-align: center;
// max-width: 600px;
// margin: auto;
// padding: 0 10px;
background: #ff8400;
border-radius: 18px;
}
.box-newletter5 .block_newsletter .title_block {
// text-align: center;
font-size: 1.2em;
margin: 0 0 30px;
text-transform: none;
}
.box-newletter5 {
.block_newsletter {
position: relative;
padding: 60px 120px 60px 240px;
&::before {
// content: url('/themes/at_movic/assets/img/ball_img.png');
content: "";
position: absolute;
left: -50px;
width: 233px;
height: 172px;
background-image: url("/themes/at_movic/assets/img/ball_img.png");
background-position: center;
background-size: cover;
background-repeat: no-repeat;
}
form {
.form_wrapper {
display: flex;
flex-direction: row;
column-gap: 90px;
}
.col_1 {
.col-conditions {
h4 {
color: $cWhite;
font-weight: 700;
font-size: 32px;
}
p {
color: $cWhite;
font-weight: 400;
font-size: 16px;
font-family: "Prompt", sans-serif;
}
}
.col-mesg {
label {
color: $cWhite;
cursor: pointer;
.custom_checkbox {
position: relative;
background: #1a1a18;
border-radius: 4px;
border: none;
i {
position: absolute;
inset: 1px;
z-index: 1;
}
}
}
}
}
.col_2 {
width: 100%;
max-width: 380px;
.input-wrapper {
display: flex;
flex-direction: column;
gap: 24px;
input {
border-radius: 100px;
padding: 20px 45px;
height: 60px;
}
button {
font-family: "Aeonik", sans-serif;
width: 100%;
border-radius: 100px;
height: 60px;
font-weight: 700;
font-size: 16px;
background: #1a1a18;
opacity: 1;
}
}
}
}
@media (max-width: 1440px) {
padding: 140px 120px 60px 120px;
&::before {
left: 50%;
top: -70px;
transform: translateX(-50%);
}
}
@media (max-width: 1200px) {
form {
.form_wrapper {
flex-direction: column;
row-gap: 40px;
}
.col_1 {
text-align: center;
}
.col_2 {
max-width: unset;
}
}
}
@media (max-width: 1440px) {
padding: 140px 40px 40px 40px;
}
@media (max-width: 600px) {
padding: 40px;
form {
.form_wrapper {
row-gap: 10px;
}
.col_1 {
.col-mesg {
text-align: left;
label {
font-weight: 400;
font-size: 10px;
line-height: 142.7%;
}
}
.col-conditions {
h4 {
font-weight: 700;
font-size: 20px;
max-width: 172px;
text-align: left;
}
p {
font-weight: 400;
font-size: 10px;
line-height: 142.7%;
text-align: left;
}
}
}
.col_2 {
.input-wrapper {
gap: 10px;
input {
padding: 10px 25px;
height: 40px;
font-weight: 400;
font-size: 12px;
line-height: 142.7%;
}
button {
height: 40px;
font-size: 12px;
line-height: 1;
}
}
}
}
&::before {
left: auto;
right: 25px;
top: -30px;
transform: none;
width: 119px;
height: 88px;
}
}
}
}
.box-coppy5 {
padding: 30px 0;
display: flex;
flex-wrap: wrap;
justify-content: center;
color: #000;
@media (max-width: 1200px) {
flex-direction: column-reverse;
align-items: center;
.footer-contact-social-boxes {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 50px;
}
.footer-nav-boxes {
justify-content: center;
}
}
}
.box-coppy5 .ApHtml {
text-transform: uppercase;
font-size: 12px;
line-height: 20px;
padding: 5px 0;
}
.box-coppy5 .ApHtml strong {
font-weight: 500;
}
.box-coppy5 .ApColumn .block {
margin-bottom: 20px;
}
.box-coppy5 .block-social li {
border: 0;
color: #000;
margin: 0 10px 0 0;
text-align: left;
}
@media (max-width: 767px) {
.box-coppy5 .block-social li {
text-align: center;
}
}
.box-coppy5 .block-social li:before {
font-size: 18px;
}
.box-coppy5 .block-social li:hover {
color: #888;
}
.box-coppy5 .col-right {
display: flex;
flex-direction: column;
align-items: flex-end;
}
@media (max-width: 767px) {
.box-coppy5 .col-right {
align-items: center;
text-align: center;
}
}
.box-coppy5 .ApBlockLink ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
@media (max-width: 767px) {
.box-coppy5 .ApBlockLink ul {
justify-content: center;
}
}
.box-coppy5 .ApBlockLink ul li {
margin: 0 0 0 20px;
}
.box-coppy5 .ApBlockLink ul li a {
text-transform: uppercase;
color: #000;
font-weight: 500;
transform: none !important;
}
.box-coppy5 .ApBlockLink ul li a:hover {
color: #888;
text-decoration: underline;
}
@media (max-width: 767px) {
.box-coppy5 .col-left {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
}
@media (max-width: 360px) {
.box-coppy5 .col-left {
justify-content: center;
}
}
@media (min-width: 1199px) {
body#index .box-top6 {
position: absolute;
z-index: 99;
top: 30px;
padding-top: 20px;
left: 0;
right: 0;
margin: 0;
}
body#index .box-top6:hover {
background: #fff;
}
}
.box-top6 {
transition: all 0.4s;
}
.box-top6 .leo-megamenu .navbar-nav {
text-align: center;
}
.box-top6 .leo-megamenu .dropdown-menu {
left: 0;
right: auto;
}
.box-top6 .leo-megamenu .dropdown-submenu .dropdown-menu {
left: 100%;
}
.box-padding {
padding: 30px 30px 0;
}
.box-padding .ApColumn .title_block {
text-transform: capitalize;
padding: 0;
margin: 0 0 30px;
font-size: 30px;
}
.box-show-more {
text-align: center;
}
.box-show-more.open a {
display: inline-block;
width: auto;
background: none !important;
color: #000 !important;
border-bottom: 1px solid;
line-height: 20px;
padding: 0;
height: auto;
margin: 30px 0 10px;
}
.box-show-more.open a:hover {
letter-spacing: 2px;
}
.box-bntexth6 .ApHtml {
text-align: center;
background: #f3f3f3;
padding: 30px 0;
}
.box-bntexth6 .ApHtml .block_content {
padding: 4%;
}
.box-bntexth6 .ApHtml .block_content h4 {
font-size: 2em;
font-weight: 300;
margin: 0 0 15px;
color: #f33c3c;
}
.box-bntexth6 .ApHtml .block_content h3 {
font-size: 3em;
font-weight: 500;
margin: 0 0 1em;
}
@media (max-width: 991px) {
.box-bntexth6 .ApHtml .block_content h3 {
font-size: 2.5em;
}
}
.box-bntexth6 .ApHtml .block_content a {
display: inline-block;
padding: 10px 0 10px 50px;
line-height: 20px;
text-transform: uppercase;
font-weight: 600;
color: #000;
position: relative;
}
.box-bntexth6 .ApHtml .block_content a:before {
content: "";
position: absolute;
border-top: 1px solid;
width: 30px;
left: 0;
top: 50%;
transition: all 0.4s;
}
.box-bntexth6 .ApHtml .block_content a:hover:before {
left: 10px;
}
.box-iconh6 {
padding: 30px 0;
}
.box-iconh6 .ApRawHtml {
text-align: center;
max-width: 320px;
margin-left: auto;
margin-right: auto;
color: #000;
line-height: 2;
}
.box-iconh6 .ApRawHtml [class^="ti-"] {
font-size: 50px;
transition: all 0.4s;
display: inline-block;
}
.box-iconh6 .ApRawHtml h4 {
text-transform: uppercase;
margin: 1.5em 0 1em;
}
.box-iconh6 .ApRawHtml:hover [class^="ti-"] {
transform: scale(1.2);
}
.box-link6 {
border-top: 1px solid #eee;
padding: 6% 5% 0;
}
.box-link6 .ApBlockLink {
margin: 0;
}
.box-link6 .ApBlockLink ul {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.box-link6 .ApBlockLink ul li {
margin: 0 20px;
}
.box-link6 .ApBlockLink ul li a {
transform: none !important;
color: #000;
text-transform: uppercase;
font-weight: 600;
}
.box-link6 .ApBlockLink ul li a:hover {
text-decoration: underline;
}
.box-footer4 {
position: relative;
padding: 0 5% 50px;
display: flex;
justify-content: space-between;
color: #000;
align-items: flex-end;
line-height: 30px;
font-weight: 600;
text-transform: uppercase;
}
.box-footer4 .col-left,
.box-footer4 .col-right {
width: 400px;
max-width: 100%;
}
.box-footer4 .col-center {
width: auto;
flex: 1;
text-align: center;
}
.box-footer4 .col-center {
width: auto;
flex: 1;
text-align: center;
}
.box-footer4 .block-social {
margin: 10px 0 0;
}
.box-footer4 .block-social li {
border: 0;
color: #000;
margin: 0 5px;
font-weight: normal;
vertical-align: top;
}
.box-footer4 .block-social li:hover {
color: #888;
}
.box-footer4 .ApColumn .block {
margin-bottom: 0;
}
// ul.product_list.grid {
// display: flex;
// flex-wrap: wrap;
// }
div.box-banner2h6 {
margin: 0;
}
div.box-banner2h6 > div {
padding: 0;
}
div.box-banner2h6 .ApColumn .block {
margin-bottom: 0;
}
@media (max-width: 1199px) {
.box-padding {
padding-top: 20px;
}
.box-slideh6 {
padding: 0;
}
.ApProductList ul.product_list.grid > .ajax_block_product {
width: 25%;
}
div.box-banner2h6 {
padding: 0;
}
.box-footer4 {
text-align: center;
display: block;
}
.box-footer4 .col-left,
.box-footer4 .col-right,
.box-footer4 .col-center {
width: 100%;
margin-top: 10px;
}
.box-footer4 .col-center {
margin: 0 0 10px;
}
.box-link6 {
padding: 50px 5% 0;
}
.box-iconh6 .ApRawHtml [class^="ti-"] {
font-size: 44px;
}
}
@media (max-width: 991px) {
.ApProductList ul.product_list.grid > .ajax_block_product {
width: 33.33%;
}
.box-banner .ApImageHotspot {
margin: 30px 0;
}
}
@media (max-width: 767px) {
.box-iconh6 .ApRawHtml {
margin-bottom: 40px;
}
.box-iconh6 {
padding: 0;
}
.box-padding .ApColumn .title_block {
font-size: 26px;
}
}
@media (max-width: 480px) {
.ApProductList ul.product_list.grid > .ajax_block_product {
width: 50%;
}
.box-bntexth6 .ApHtml .block_content h3 {
font-size: 2em;
}
.box-bntexth6 .ApHtml .block_content h4 {
font-size: 1.6em;
}
.box-padding .ApColumn .title_block {
font-size: 24px;
}
}
@media (min-width: 992px) {
.show-mobile,
.hide-desktop {
display: none;
}
.hide-mobile,
.show-desktop {
display: block;
}
}
@media (max-width: 991px) {
.show-desktop,
.hide-mobile {
display: none;
}
.hide-desktop,
.show-mobile {
display: block;
}
}
.box-nav1 {
color: #000;
position: relative;
}
@media (min-width: 992px) {
.box-nav1:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
border-bottom: 1px solid #ddd;
width: 100vw;
}
}
.box-nav1 .ApColumn .block {
margin-bottom: 0;
}
.box-nav1 .col-infor {
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
}
.box-nav1 .ApHtml {
line-height: 30px;
padding: 5px 0;
color: #000;
text-transform: uppercase;
font-size: 13px;
}
@media (max-width: 991px) {
.box-nav1 .ApHtml {
display: none;
}
}
.box-nav1 .ApHtml p {
margin: 0;
}
.box-nav1 .popup-over a.popup-title {
line-height: 40px;
min-width: 40px;
text-align: center;
color: #000;
display: block;
text-transform: uppercase;
white-space: nowrap;
}
.box-nav1 .popup-over a.popup-title i[class^="ti-"] {
display: none;
font-size: 18px;
}
@media (max-width: 767px) {
.box-nav1 .popup-over a.popup-title span {
display: none;
}
.box-nav1 .popup-over a.popup-title i[class^="ti-"] {
display: inline-block;
}
.box-nav1 .popup-over a.popup-title i {
vertical-align: middle;
}
.box-nav1 .popup-over a.popup-title i.fa-angle-down {
display: none;
}
}
.box-nav1 .popup-over:hover a.popup-title {
color: #000;
}
@media (min-width: 768px) {
.box-nav1 .userinfo-selector a.popup-title span.hidden {
display: inline;
}
}
.box-nav1 .popup-over {
margin: 0 0 0 30px;
}
@media (max-width: 767px) {
.box-nav1 .popup-over {
margin: 0;
}
}
.box-nav1 #_desktop_cart {
display: inline-block;
vertical-align: top;
}
.box-nav1 .blockcart .header {
height: 40px;
line-height: 40px;
min-width: 50px;
text-align: center;
position: relative;
}
.box-nav1 .blockcart .header a {
color: #000;
}
.box-nav1 .blockcart .header a:hover {
color: #000;
}
.box-nav1 .blockcart .header i {
font-size: 18px;
margin: 0 2px 0 0;
vertical-align: middle;
}
.box-nav1 .blockcart .header .cart-products-count {
color: #000;
position: absolute;
right: 0;
line-height: 28px;
top: 0;
}
.box-nav1 #leo_search_block_top {
margin: 0 0 0 30px;
position: relative;
background: none;
}
@media (max-width: 767px) {
.box-nav1 #leo_search_block_top {
margin: 0;
}
}
.box-nav1 #leo_search_block_top .title_block {
width: 44px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 0px;
color: transparent;
overflow: hidden;
cursor: pointer;
margin: 0;
transition: all 0.3s;
font-weight: normal;
display: block;
background: none;
border-radius: 0;
}
.box-nav1 #leo_search_block_top .title_block:before {
content: "\e610";
font-family: "themify";
display: block;
font-size: 18px;
color: #000;
}
.box-nav1 #leo_search_block_top form {
position: absolute;
width: 300px;
background: #fff;
z-index: 99;
top: 100%;
right: 0;
opacity: 0;
visibility: hidden;
transition: all 0.3s;
transition-delay: 0.15s;
}
.box-nav1 #leo_search_block_top .form-control {
border-radius: 0;
}
.box-nav1 #leo_search_block_top .btn {
width: 50px;
border-radius: 0;
}
@media (min-width: 992px) {
.box-nav1 #leo_search_block_top:hover form {
opacity: 1;
visibility: visible;
}
}
.box-nav1 #leo_search_block_top.active .title_block:before {
content: "\e646";
font-family: "themify";
}
.box-nav1 #leo_search_block_top.active form {
opacity: 1;
visibility: visible;
}
.box-top1 {
position: relative;
}
.box-top1 .h-logo {
height: 120px;
line-height: 100px;
padding: 10px 0;
}
.box-top1 .h-logo a {
display: inline-block;
vertical-align: middle;
}
.box-top1 .h-logo a img {
max-height: 100px;
}
.box-top1 .leo-megamenu .navbar-nav > li > a {
padding: 50px 18px;
}
.box-top1 .leo-megamenu .navbar-nav > li:last-child > a {
padding-right: 0;
}
.box-top1 .col-menu {
position: static;
}
.box-top1 .leo-megamenu.navbar {
position: static;
}
.box-top1 .leo-megamenu .navbar-nav > li.aligned-fullwidth > .dropdown-menu {
width: calc(100% - 30px) !important;
margin: auto;
right: 15px;
}
.box-logomobile .h-logo {
height: 80px;
line-height: 80px;
padding: 10px 0 0;
text-align: center;
}
.box-logomobile .h-logo img {
max-height: 60px;
}
@media (max-width: 991px) {
.box-nav1 {
padding: 0;
}
.box-nav1 .popup-over a.popup-title {
line-height: 60px;
position: relative;
}
.box-nav1 #leo_search_block_top .title_block {
height: 60px;
line-height: 60px;
position: relative;
}
.box-nav1 .blockcart .header {
height: 60px;
line-height: 60px;
position: relative;
min-width: 40px;
}
.box-nav1 .blockcart .header:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 0px;
background-color: #000;
transition: all 0.4s ease-in-out;
opacity: 0;
visibility: hidden;
}
.box-nav1 .blockcart:hover .header:before {
opacity: 1;
height: 3px;
visibility: visible;
}
.box-top1 .navbar-header .navbar-toggler {
position: absolute;
bottom: 0;
left: 10px;
margin: 10px 0;
}
}
.container-large {
padding: 0 90px;
}
@media (max-width: 991px) {
.container-large {
padding: 0 30px;
}
}
@media (max-width: 767px) {
.container-large {
padding: 0 10px;
}
}
@media (min-width: 992px) {
.bg-gray {
background: #f4f4f4;
}
}
.box-banner1 {
padding-top: 30px;
padding-bottom: 30px;
}
@media (max-width: 991px) {
.box-banner1 {
padding-top: 20px;
padding-bottom: 20px;
}
}
.box-banner1 .ApImage {
position: relative;
padding-bottom: 50%;
margin: 0;
background: #fff;
}
@media (min-width: 992px) {
.box-banner1 .ApImage > a:before {
content: "";
}
.box-banner1 .ApImage:hover .image_description {
box-shadow: 0 0 0 30px rgba(100, 134, 131, 0.2) inset;
}
}
.box-banner1 .ApImage img {
width: 50% !important;
height: 100% !important;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
}
.box-banner1 .ApImage .image_description {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
padding: 10px 60px;
text-align: center;
transition: all 0.4s;
}
@media (max-width: 1199px) {
.box-banner1 .ApImage .image_description {
padding: 10px 30px;
}
}
@media (max-width: 991px) {
.box-banner1 .ApImage .image_description {
padding: 10px 20px;
}
}
.box-banner1 .ApImage .image_description h3,
.box-banner1 .ApImage .image_description h4,
.box-banner1 .ApImage .image_description p {
width: 100%;
}
.box-banner1 .ApImage .image_description h3 {
color: #648683;
font-size: 61px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 0.1em;
}
@media (max-width: 1600px) {
.box-banner1 .ApImage .image_description h3 {
font-size: 50px;
}
}
@media (max-width: 1400px) {
.box-banner1 .ApImage .image_description h3 {
font-size: 40px;
}
}
@media (max-width: 1200px) {
.box-banner1 .ApImage .image_description h3 {
font-size: 30px;
}
}
.box-banner1 .ApImage .image_description h4 {
font-size: 37px;
color: #464646;
font-weight: normal;
position: relative;
padding: 0 0 40px;
margin: 0 0 40px;
letter-spacing: 0.4em;
text-transform: uppercase;
}
@media (max-width: 1600px) {
.box-banner1 .ApImage .image_description h4 {
font-size: 30px;
padding: 0 0 30px;
margin: 0 0 30px;
}
}
@media (max-width: 1400px) {
.box-banner1 .ApImage .image_description h4 {
font-size: 24px;
padding: 0 0 20px;
margin: 0 0 20px;
}
}
@media (max-width: 1200px) {
.box-banner1 .ApImage .image_description h4 {
font-size: 20px;
padding: 0 0 15px;
margin: 0 0 15px;
}
}
.box-banner1 .ApImage .image_description h4:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background: #ddd;
width: 200px;
height: 1px;
max-width: 90%;
}
.box-banner1 .ApImage .image_description a {
display: inline-block;
padding: 10px 0;
color: #000;
border-bottom: 1px solid;
letter-spacing: 3px;
margin-top: 40px;
}
@media (max-width: 1400px) {
.box-banner1 .ApImage .image_description a {
margin-top: 30px;
}
}
@media (max-width: 1200px) {
.box-banner1 .ApImage .image_description a {
margin-top: 0px;
}
}
.box-banner1 .ApImage .image_description a:hover {
color: #000;
}
@media (min-width: 601px) {
.box-banner1 .ApImage.img-right img {
left: auto;
right: 0;
}
.box-banner1 .ApImage.img-right .image_description {
right: auto;
left: 0;
}
}
@media (min-width: 992px) {
.box-banner1 .ApImage.img-top {
padding-bottom: 200%;
}
.box-banner1 .ApImage.img-top img {
width: 100% !important;
height: 50% !important;
}
.box-banner1 .ApImage.img-top .image_description {
top: 50%;
width: 100%;
height: 50%;
}
}
@media (max-width: 600px) {
.box-banner1 .ApImage {
padding-bottom: 0;
}
.box-banner1 .ApImage img {
width: 100% !important;
height: auto !important;
position: static;
}
.box-banner1 .ApImage .image_description {
position: static;
width: 100%;
height: auto;
padding: 20px 0 40px;
}
}
.box-freeshipping {
display: flex;
flex-wrap: wrap;
padding: 30px 0;
align-items: center;
position: relative;
}
.box-freeshipping:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
background: rgba(0, 0, 0, 0.4);
}
.box-freeshipping .ApRawHtml {
margin: 0;
padding: 15px 0;
text-align: center;
color: #fff;
text-transform: uppercase;
letter-spacing: 2px;
}
.box-freeshipping .ApRawHtml i {
font-size: 56px;
transition: all 0.3s ease-in-out;
display: block;
margin: auto;
line-height: inherit;
}
.box-freeshipping .ApRawHtml a {
color: #fff;
}
.box-freeshipping .ApRawHtml a:hover {
opacity: 0.8;
}
.box-freeshipping .effect-up:hover i {
transform: translateX(-10px);
}
.box-freeshipping .effect-zoom:hover i {
transform: scale(1.2);
}
.box-freeshipping .effect-rotate:hover i {
transform: rotate(360deg);
}
.page-home .top-50 .ApColumn .title_block {
padding: 100px 0 30px;
}
@media (max-width: 991px) {
.page-home .top-50 .ApColumn .title_block {
padding: 60px 0 20px;
}
}
@media (max-width: 767px) {
.page-home .top-50 .ApColumn .title_block {
padding: 40px 0 20px;
}
}
.box-latestnews2 .latest-blogs .blog-image-container {
padding-bottom: 100%;
position: relative;
overflow: hidden;
}
.box-latestnews2 .latest-blogs .blog-image-container a.blog_img_link {
padding: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.box-latestnews2 .latest-blogs .blog-image-container img {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
transition: all 0.4s ease-in-out;
object-fit: cover;
}
.box-latestnews2 .latest-blogs .blog-container {
position: relative;
}
.box-latestnews2 .latest-blogs .blog-container:hover .blog-image-container img {
transform: scale(1.1);
}
.box-latestnews2 .latest-blogs .blog-container .left-block {
width: 50%;
}
.box-latestnews2 .latest-blogs .blog-container .right-block {
position: absolute;
padding: 30px;
background-color: #fff;
top: 50%;
transform: translateY(-50%);
right: 70px;
width: 50%;
}
@media (min-width: 992px) and (max-width: 1199px) {
.box-latestnews2 .latest-blogs .blog-container .right-block {
padding: 20px;
right: 0;
}
}
.box-latestnews2 .latest-blogs .blog-container p.blog-desc {
margin-top: 10px;
}
.box-latestnews2 .latest-blogs .blog-container .blog-title {
font-size: 22px;
font-weight: normal;
margin: 0 0 50px;
color: #000;
text-transform: uppercase;
line-height: 30px;
max-height: 90px;
overflow: hidden;
}
.box-latestnews2 .latest-blogs .blog-container .blog-title a {
color: inherit;
display: block;
transition: all 0.4s;
}
.box-latestnews2 .latest-blogs .blog-container .blog-title a:hover {
color: #000;
}
.box-latestnews2 .latest-blogs .blog-container .blog-meta {
color: #9d9d9d;
}
.box-latestnews2 .latest-blogs .blog-container .blog-meta a {
color: inherit;
transition: all 0.4s;
}
.box-latestnews2 .latest-blogs .blog-container .blog-meta a:hover {
color: #000;
}
.box-latestnews2 .latest-blogs .blog-container .blog-meta > span:after {
content: "/";
padding: 0 10px;
}
.box-latestnews2
.latest-blogs
.blog-container
.blog-meta
> span:last-child:after {
display: none;
}
.box-latestnews2 .latest-blogs .owl-theme .owl-controls .owl-pagination {
margin-top: 50px;
}
.box-latestnews2 .latest-blogs .blog-viewall .btn {
background: none;
color: #666;
letter-spacing: 0.2em;
padding: 5px 0;
position: relative;
}
.box-latestnews2 .latest-blogs .blog-viewall .btn:before {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 2px;
background: #eee;
transition: all 0.4s cubic-bezier(0.44, 0.13, 0.48, 0.87);
}
.box-latestnews2 .latest-blogs .blog-viewall .btn:hover {
color: #70908d;
}
.box-latestnews2 .latest-blogs .blog-viewall .btn:hover:before {
height: 5px;
background: #70908d;
}
@media (max-width: 600px) {
.box-latestnews2 .latest-blogs .blog-container .left-block {
width: 100%;
}
.box-latestnews2 .latest-blogs .blog-container .right-block {
right: 20px;
}
.box-latestnews2 .latest-blogs .blog-container .blog-title {
font-size: 20px;
margin: 0 0 10px;
}
}
@media (max-width: 480px) {
.box-latestnews2 .latest-blogs .blog-container .right-block {
position: static;
transform: none;
width: 100%;
padding: 20px 0 0;
}
}
.box-footertop1 {
padding: 80px 0 0;
text-align: center;
}
@media (max-width: 480px) {
.box-footertop1 {
padding: 60px 0 0;
}
}
.box-footertop1 ul li {
display: inline-block;
vertical-align: top;
text-transform: uppercase;
margin: 0 25px;
}
@media (max-width: 480px) {
.box-footertop1 ul li {
margin: 0 15px;
}
}
.box-footertop1 .f-logo {
margin: 8px 0 30px;
}
.box-footertop1 .f-logo img {
max-width: 160px;
}
.box-lookbook {
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 140px;
}
@media (max-width: 1199px) {
.box-lookbook {
margin-bottom: 120px;
}
}
@media (max-width: 991px) {
.box-lookbook {
margin-bottom: 100px;
}
}
@media (max-width: 767px) {
.box-lookbook {
margin-bottom: 80px;
}
}
@media (max-width: 480px) {
.box-lookbook {
margin-bottom: 40px;
}
}
.box-lookbook .ApColumn {
padding: 0;
}
.box-lookbook .ApImage {
position: relative;
margin: 0;
padding-bottom: 50%;
overflow: hidden;
}
@media (max-width: 480px) {
.box-lookbook .ApImage {
padding: 0 !important;
margin: 0 0 30px;
}
}
.box-lookbook .ApImage.content-center {
padding-bottom: 100%;
}
.box-lookbook .ApImage img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
transition: all 0.3s ease-in-out;
}
@media (max-width: 480px) {
.box-lookbook .ApImage img {
position: static;
height: auto;
}
}
.box-lookbook .ApImage:hover img {
transform: scale(1.05);
filter: brightness(0.6);
}
.box-lookbook .ApImage .image_description {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 18px;
font-style: italic;
text-align: center;
}
@media (max-width: 1199px) {
.box-lookbook .ApImage .image_description {
font-size: 16px;
}
}
@media (max-width: 480px) {
.box-lookbook .ApImage .image_description {
padding: 15px 0 0;
position: static;
color: #464646;
transform: none !important;
}
.box-lookbook .ApImage .image_description a {
color: #000 !important;
}
.box-lookbook .ApImage .image_description h3:before {
background: #666 !important;
}
}
.box-lookbook .ApImage .image_description h4 {
color: inherit;
font-family: inherit;
font-size: 22px;
font-weight: normal;
font-style: normal;
margin: 0;
}
@media (max-width: 1199px) {
.box-lookbook .ApImage .image_description h4 {
font-size: 18px;
}
}
@media (max-width: 1199px) {
.box-lookbook .ApImage .image_description h4 {
font-size: 16px;
}
}
.box-lookbook .ApImage .image_description h3 {
color: inherit;
font-family: inherit;
font-size: 37px;
font-style: normal;
margin: 0 0 20px;
text-transform: uppercase;
letter-spacing: 0.4em;
position: relative;
padding: 0 0 30px;
}
@media (max-width: 1199px) {
.box-lookbook .ApImage .image_description h3 {
font-size: 30px;
margin: 0 0 10px;
letter-spacing: 0.2em;
padding: 0 0 20px;
}
}
@media (max-width: 991px) {
.box-lookbook .ApImage .image_description h3 {
font-size: 28px;
margin: 0 0 10px;
letter-spacing: 0.1em;
padding: 0 0 15px;
}
}
@media (max-width: 480px) {
.box-lookbook .ApImage .image_description h3 {
font-size: 24px;
margin: 0 0 10px;
letter-spacing: 0.1em;
padding: 0 0 15px;
}
}
.box-lookbook .ApImage .image_description h3:before {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100px;
max-width: 50%;
height: 1px;
background-color: #fff;
}
.box-lookbook .ApImage .image_description a {
display: inline-block;
font-style: normal;
font-family: "Raleway", sans-serif;
text-transform: uppercase;
color: #fff;
font-size: 13px;
font-weight: 300;
border-bottom: 1px solid;
margin-top: 30px;
transition: all 0.4s ease-in-out;
letter-spacing: 5px;
}
@media (max-width: 1199px) {
.box-lookbook .ApImage .image_description a {
margin-top: 10px;
}
}
@media (max-width: 991px) {
.box-lookbook .ApImage .image_description a {
margin-top: 0;
letter-spacing: 3px;
}
}
.box-lookbook .ApImage .image_description a:hover {
letter-spacing: 2px;
}
.box-lookbook .ApImage.content-right .image_description {
left: auto;
right: 6%;
transform: translate(0, -50%);
}
.box-lookbook .ApImage.content-left .image_description {
right: auto;
left: 6%;
transform: translate(0, -50%);
}
.box-lookbook .ApImage.content-center .image_description {
min-width: 80%;
}
.box-products .products_block .thumbnail-container {
margin-bottom: 0;
}
.tabs-left.ApTabs .nav-tabs {
text-align: left;
}
.tabs-left.ApTabs .nav-tabs li a {
font-size: 18px;
}
.tabs-left.ApTabs .nav-tabs li a span {
border: 0;
}
.box-protabs .ApTabs .nav-tabs {
text-align: center;
padding: 0 0 35px;
}
@media (max-width: 767px) {
.box-protabs .ApTabs .nav-tabs {
padding: 0 0 20px;
}
}
.box-protabs .ApTabs .nav-tabs li {
float: none;
margin: 0 0 15px !important;
display: inline-block;
}
@media (max-width: 767px) {
.box-protabs .ApTabs .nav-tabs li {
display: block;
}
}
.box-protabs .ApTabs .nav-tabs li a {
font-size: 22px;
color: #9d9d9d;
display: block;
padding: 0 20px;
border: 0 !important;
}
@media (max-width: 767px) {
.box-protabs .ApTabs .nav-tabs li a {
font-size: 20px;
}
}
.box-protabs .ApTabs .nav-tabs li a span {
display: block;
border-bottom: 1px solid transparent;
}
.box-protabs .ApTabs .nav-tabs li a:hover {
color: #000;
}
.box-protabs .ApTabs .nav-tabs li a.active {
color: #000;
}
.box-protabs .ApTabs .nav-tabs li a.active span {
border-color: #000;
}
.box-instagram .ApInstagram .block_content {
margin: 0;
}
.box-instagram .owl-carousel .owl-item {
padding: 0;
}
.language-selector img {
margin: 0 5px 0 0;
vertical-align: 0px;
}
.box-tabproducts .owl-theme .owl-buttons div {
margin: -50px 0 0;
}
.box-footertop1 {
padding: 80px 0 0;
text-align: center;
}
@media (max-width: 480px) {
.box-footertop1 {
padding: 60px 0 0;
}
}
.box-footertop1 ul li {
display: inline-block;
vertical-align: top;
text-transform: uppercase;
margin: 0 25px;
}
@media (max-width: 480px) {
.box-footertop1 ul li {
margin: 0 15px;
}
}
.box-footertop1 .f-logo {
margin: 8px 0 30px;
}
.box-footertop1 .f-logo img {
max-width: 160px;
}
.box-fsocial {
text-align: center;
}
.box-fsocial .block-social {
padding: 20px 0px;
margin: 20px 0 0;
position: relative;
}
.box-fsocial .block-social:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
margin: auto;
width: 260px;
max-width: 100%;
height: 1px;
background: #dadada;
}
.box-fsocial .block-social li {
margin: 0 3px;
border: 1px solid #dadada;
color: #dadada;
border-radius: 50%;
}
.box-fsocial .block-social li:before {
font-size: 13px;
}
.box-fsocial .block-social li:hover {
border-color: #000;
color: #000;
}
.box-coppyright {
text-align: center;
padding: 20px 0;
}
@media (max-width: 480px) {
.box-coppyright {
padding: 20px 0 80px;
}
}
.box-coppyright .block {
margin: 0;
}
@media (max-width: 991px) {
.quickview .images-container .product-thumb-images {
width: 60px;
}
.quickview .images-container .product-cover {
padding-right: 70px;
}
.quickview .slick-arrows .slick-arrow.slick-next,
.quickview .slick-arrows .slick-arrow.slick-prev {
width: 28px;
}
}
@media (max-width: 767px) {
.quickview .modal-body > .row .col-md-6 {
width: 100%;
}
}
.leo-cart-item-info .product-name a {
color: #000;
}
.leo-cart-item-info .product-name a:hover {
color: #000;
}
div.leo-form.leo-form-inactive {
top: 50px;
}
.box-navads {
line-height: 1.5;
text-align: center;
font-weight: 400;
color: #fff;
text-transform: uppercase;
font-size: 11px;
letter-spacing: 1px;
padding: 10px 0;
}
.box-navads .ApColumn .block {
margin-bottom: 0;
}
.box-navads p {
margin: 0;
}
.box-navlogo .h-logo {
text-align: center;
padding: 50px 0 10px;
height: auto;
line-height: 1;
}
.box-navlogo .h-logo img {
max-width: 300px;
max-height: 150px;
}
@media (max-width: 480px) {
.box-navlogo .h-logo img {
max-width: 80%;
max-height: none;
}
}
@media (max-width: 991px) {
.box-navlogo .h-logo {
padding: 30px 0 10px;
}
}
@media (min-width: 992px) {
.box-header2 {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
width: 100%;
margin: 0;
}
}
@media (max-width: 991px) {
.box-header2 {
padding: 0 10px;
}
}
@media (max-width: 480px) {
.box-header2 {
position: relative;
}
.box-header2 #search_widget {
position: static;
}
.box-header2 #search_widget .popup-content {
width: auto;
left: 0;
right: 0;
max-width: 100%;
}
.box-header2 #search_widget .popup-content:before,
.box-header2 #search_widget .popup-content:after {
right: 165px;
}
.rtl .box-header2 #search_widget .popup-content:before,
.rtl .box-header2 #search_widget .popup-content:after {
left: 165px;
right: auto;
}
.box-header2 #search_widget .search-inner input[type="text"] {
width: 100%;
}
}
.box-header2 .h-logo {
padding: 10px 0;
}
@media (max-width: 991px) {
.box-header2 .h-logo {
text-align: center;
}
}
.box-header2 .h-logo img {
max-height: 70px;
}
.box-header2 .col-info {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
box-align: center;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
-webkit-box-pack: end;
-moz-box-pack: end;
box-pack: end;
-webkit-justify-content: flex-end;
-moz-justify-content: flex-end;
-ms-justify-content: flex-end;
-o-justify-content: flex-end;
justify-content: flex-end;
-ms-flex-pack: end;
padding-top: 5px;
position: static;
}
@media (min-width: 992px) {
.box-header2 .col-info {
width: auto;
}
}
.box-header2 .col-info .popup-over a.popup-title,
.box-header2 .col-info .ap-btn-wishlist,
.box-header2 .col-info #_desktop_cart .header {
min-width: 40px;
text-align: center;
height: 80px;
line-height: 80px;
display: block;
position: relative;
}
.box-header2 .col-info .popup-over a.popup-title i,
.box-header2 .col-info .ap-btn-wishlist i,
.box-header2 .col-info #_desktop_cart .header i {
font-size: 21px;
color: #000;
vertical-align: middle;
}
@media (max-width: 1199px) {
.box-header2 .col-info .popup-over a.popup-title i,
.box-header2 .col-info .ap-btn-wishlist i,
.box-header2 .col-info #_desktop_cart .header i {
font-size: 18px;
}
}
.box-header2 .col-info .ap-btn-wishlist .ap-total {
position: absolute;
line-height: 12px;
min-width: 12px;
padding: 0 2px;
background: #e0525c;
color: #fff;
font-size: 10px;
top: 45px;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.box-header2 .col-info #_desktop_cart .header .cart-products-count {
position: absolute;
line-height: 12px;
min-width: 12px;
padding: 0 2px;
background: #e0525c;
color: #fff;
font-size: 10px;
top: 45px;
left: 50%;
transform: translateX(-50%);
border-radius: 50%;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.box-header2 .col-menu {
padding-top: 5px;
}
@media (min-width: 992px) {
.box-header2 .col-menu {
width: 100%;
padding-left: 30px;
padding-right: 30px;
}
}
.box-header2 .col-logo {
padding-bottom: 10px;
}
.box-header2 #leo_search_block_top {
position: relative;
z-index: 9;
background: none;
border-radius: 0;
margin: 0;
}
.box-header2 #leo_search_block_top .title_block {
display: block;
margin: 0;
font-size: 0px;
background: none;
width: 40px;
height: 80px;
line-height: 80px;
cursor: pointer;
overflow: hidden;
padding: 0;
font-weight: normal;
}
.box-header2 #leo_search_block_top .title_block:before {
font-size: 21px;
color: #000;
}
.box-header2 .popup-over a.popup-title i[class^="pe-7s-"] {
display: inline-block;
}
.box-header2 .popup-over a.popup-title i.fa,
.box-header2 .popup-over a.popup-title span {
display: none;
}
.box-header2 .leo-megamenu .navbar-nav {
text-align: left;
}
.box-header2 .leo-megamenu .navbar-nav > li > a {
padding: 30px 22px;
}
@media (max-width: 767px) {
.box-header2 .popup-over .popup-content {
right: -28px;
}
}
.box-shipping2 {
position: relative;
padding: 20px 0;
}
.box-shipping2:before {
content: "";
width: 100vw;
height: 100%;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
pointer-events: none;
}
.box-shipping2 .ApRawHtml {
display: flex;
align-items: center;
margin: 0;
padding: 15px 0;
}
.box-shipping2 .ApRawHtml i {
color: #000;
margin: 0 10px 0 0;
font-size: 20px;
}
.box-shipping2 .ApRawHtml h4 {
font-weight: normal;
font-size: 1em;
text-transform: uppercase;
margin: 0;
}
.box-footerlink2 {
padding: 70px 0 20px;
}
.box-footerlink2 #block-newsletter-label {
font-size: 1.5em;
}
.box-footerlink2 .block_newsletter .input-wrapper input {
padding: 10px 50px 10px 0;
border: 0;
border-bottom: 2px solid #ddd;
background: none;
}
.box-footerlink2 .block_newsletter .input-wrapper input:focus {
border-color: #000;
}
.box-footerlink2 .block_newsletter .input-wrapper button {
padding: 0 15px;
font-size: 12px;
letter-spacing: 0;
border: 0;
background: none;
color: #000;
position: absolute;
bottom: 0;
right: 0;
}
.box-footerlink2 .block_newsletter .input-wrapper button:hover {
color: #000;
}
.box-nav1.box-2 .blockcart .header {
color: #999;
}
@media (min-width: 992px) {
.box-nav1.box-2 {
padding: 0;
position: relative;
color: #ccc;
}
.box-nav1.box-2:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
background: #000;
}
.box-nav1.box-2 .popup-over a.popup-title {
line-height: 50px;
color: #ccc;
}
.box-nav1.box-2 .blockcart .header,
.box-nav1.box-2 #leo_search_block_top .title_block {
height: 50px;
line-height: 50px;
color: inherit;
}
.box-nav1.box-2 .blockcart .header a,
.box-nav1.box-2 #leo_search_block_top .title_block a {
color: inherit;
}
.box-nav1.box-2 .blockcart .header:before,
.box-nav1.box-2 #leo_search_block_top .title_block:before {
color: inherit;
}
.box-nav1.box-2 .blockcart .header .cart-products-count {
color: inherit;
}
.box-nav1.box-2 .ApHtml {
padding: 10px 0;
color: inherit;
}
.box-nav1.box-2 .ApHtml a {
color: inherit;
}
.box-nav1.box-2 .ApHtml a:hover {
text-decoration: underline;
}
}
.box-cateh8 .ApImage {
margin: 0;
position: relative;
padding-bottom: 100%;
overflow: hidden;
}
.box-cateh8 .ApImage > a {
display: block;
}
.box-cateh8 .ApImage img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
filter: brightness(0.8);
transition: all 1s;
}
.box-cateh8 .ApImage .image_description {
position: absolute;
top: 50%;
left: 0;
right: 0;
padding: 0 30px;
transform: translateY(-50%);
text-align: center;
color: #fff;
transition: all 0.4s ease;
pointer-events: none;
}
.box-cateh8 .ApImage .image_description h3 {
color: inherit;
font-size: 60px;
margin: 0 0 10px;
line-height: 1;
letter-spacing: 0.2em;
}
.box-cateh8 .ApImage .image_description h4 {
color: inherit;
font-size: 35px;
margin: 0 0 80px;
line-height: 1;
font-weight: normal;
letter-spacing: 0.5em;
position: relative;
}
.box-cateh8 .ApImage .image_description h4:before {
content: "";
position: absolute;
width: 200px;
max-width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.4);
bottom: -40px;
left: 50%;
transform: translateX(-50%);
transition: all 0.4s;
}
.box-cateh8 .ApImage .image_description a {
color: inherit;
display: inline-block;
padding: 5px 0;
border-bottom: 1px solid;
pointer-events: auto;
letter-spacing: 0.2em;
transition: all 0.4s;
}
.box-cateh8 .ApImage .image_description a:hover {
letter-spacing: 0.4em;
}
.box-cateh8 .ApImage:hover .image_description h4:before {
width: 100%;
}
.box-cateh8 .ApImage:hover img {
transform: scale(1.1);
filter: brightness(0.5);
}
@media (max-width: 1600px) {
.box-cateh8 .ApImage .image_description h3 {
font-size: 50px;
}
.box-cateh8 .ApImage .image_description h4 {
font-size: 28px;
margin: 0 0 60px;
letter-spacing: 0.2em;
}
.box-cateh8 .ApImage .image_description h4:before {
width: 160px;
bottom: -30px;
}
}
@media (max-width: 1199px) {
.box-cateh8 .ApImage .image_description h3 {
font-size: 35px;
}
.box-cateh8 .ApImage .image_description h4 {
font-size: 20px;
margin: 0 0 40px;
}
.box-cateh8 .ApImage .image_description {
padding: 0 10px;
}
.box-cateh8 .ApImage .image_description h4:before {
width: 120px;
bottom: -26px;
}
}
@media (max-width: 991px) {
.box-cateh8 .ApImage .image_description h3 {
font-size: 30px;
}
.box-cateh8 .ApImage .image_description h4 {
font-size: 20px;
margin: 0 0 40px;
}
.box-cateh8 .ApImage .image_description {
padding: 0 10px;
}
.box-cateh8 .ApImage .image_description h4:before {
width: 120px;
bottom: -26px;
}
}
@media (max-width: 767px) {
.box-cateh8 .ApImage {
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
.box-cateh8 .ApImage .image_description h3 {
font-size: 24px;
}
.box-cateh8 .ApImage .image_description h4 {
font-size: 18px;
}
}
.box-lookbook2 {
display: flex;
align-items: center;
flex-wrap: wrap;
margin: 0;
width: 100%;
}
.box-lookbook2 .ApColumn {
padding: 0;
}
.box-lookbook2 .ApColumn .block {
margin-bottom: 0;
}
.box-lookbook2 .ApImage {
position: relative;
overflow: hidden;
padding-bottom: 100%;
}
.box-lookbook2 .ApImage > a {
display: block;
}
.box-lookbook2 .ApImage img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
transition: all 1s;
}
.box-lookbook2 .ApImage:hover img {
transform: scale(1.02);
}
.box-lookbook2 .ApHtml {
display: inline-block;
max-width: 580px;
padding: 30px 50px;
}
.box-lookbook2 .ApHtml h4 {
font-size: 22px;
font-weight: normal;
letter-spacing: 0.3em;
margin: 0;
}
.box-lookbook2 .ApHtml h3 {
font-size: 37px;
color: #648683;
letter-spacing: 0.05em;
position: relative;
margin: 0 0 80px;
}
.box-lookbook2 .ApHtml h3:before {
content: "";
position: absolute;
width: 200px;
height: 1px;
background: #dadada;
bottom: -40px;
left: 0;
}
.box-lookbook2 .ApHtml a {
text-transform: uppercase;
color: #000;
padding: 5px 0;
border-bottom: 1px solid;
display: inline-block;
letter-spacing: 2px;
margin-top: 30px;
transition: all 0.4s;
}
.box-lookbook2 .ApHtml a:hover {
color: #000;
}
.box-lookbook2 .text-right .ApHtml h3:before {
right: 0;
left: auto;
}
@media (max-width: 1199px) {
.box-lookbook2 .ApHtml h3 {
font-size: 30px;
margin: 0 0 60px;
}
.box-lookbook2 .ApHtml h3:before {
bottom: -30px;
}
.box-lookbook2 .ApHtml h4 {
font-size: 20px;
}
.box-lookbook2 .ApHtml a {
margin-top: 20px;
}
.box-lookbook2 .ApHtml {
padding: 0 30px;
}
}
@media (max-width: 991px) {
.box-lookbook2 .ApHtml h4 {
letter-spacing: 0.2em;
}
.box-lookbook2 .ApHtml h3 {
margin: 0 0 40px;
}
.box-lookbook2 .ApHtml h3:before {
bottom: -20px;
}
.box-lookbook2 .ApHtml a {
margin-top: 0px;
}
}
@media (max-width: 767px) {
.box-lookbook2 .text-right {
text-align: left;
}
.box-lookbook2 .text-right .ApHtml h3:before {
right: auto;
left: 0;
}
.box-lookbook2 .ApHtml {
padding: 30px 10px 60px;
}
.box-lookbook2.box-2 .ApHtml {
padding: 30px 10px;
}
.box-lookbook2 {
flex-direction: column-reverse;
}
.box-lookbook2.box-2 {
flex-direction: column;
}
}
@media (max-width: 480px) {
.box-lookbook2 .ApHtml h3 {
font-size: 24px;
}
.box-lookbook2 .ApHtml h4 {
font-size: 18px;
}
}
.box-margin {
margin-bottom: 140px;
}
@media (max-width: 1600px) {
.box-margin {
margin-bottom: 120px;
}
}
@media (max-width: 1199px) {
.box-margin {
margin-bottom: 100px;
}
}
@media (max-width: 991px) {
.box-margin {
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.box-margin {
margin-bottom: 60px;
}
}
.box-featureproduct {
padding: 0 10%;
}
.box-featureproduct .ApColumn .ApHtml .title_block {
color: #fff;
}
.box-featureproduct .ApColumn .ApHtml .title_block:before {
background: #fff;
}
.box-featureproduct .ApColumn .ApHtml .title_block:after {
background: none;
color: #fff;
}
.box-featureproduct .products_block {
background: #fff;
padding: 80px 20px 50px;
margin-bottom: 140px;
}
@media (max-width: 1600px) {
.box-featureproduct .products_block {
margin-bottom: 120px;
}
}
@media (max-width: 1199px) {
.box-featureproduct .products_block {
margin-bottom: 100px;
}
}
@media (max-width: 991px) {
.box-featureproduct .products_block {
margin-bottom: 80px;
}
}
@media (max-width: 767px) {
.box-featureproduct .products_block {
margin-bottom: 60px;
}
.box-featureproduct
.products_block
.thumbnail-container
.pro3-btn
.button-container
.btn-product
.name-btn-product:before {
display: none;
}
}
.box-featureproduct .products_block .block_content {
max-width: 1170px;
margin: auto;
}
.box-dealof {
position: relative;
}
.box-dealof .ApColumn .block {
margin-bottom: 0;
}
.box-dealof .ApCountdown {
position: absolute;
top: 50%;
right: 50%;
width: auto;
padding: 40px 0;
}
.box-dealof .ApHtml {
position: absolute;
max-width: 500px;
bottom: 50%;
right: 50%;
text-align: right;
padding: 40px 0;
}
.box-dealof .ApHtml h4 {
font-size: 22px;
font-weight: normal;
letter-spacing: 0.3em;
margin: 0;
text-transform: uppercase;
}
.box-dealof .ApHtml h3 {
font-size: 37px;
color: #648683;
letter-spacing: 0.05em;
position: relative;
margin: 0 0 80px;
text-transform: uppercase;
}
.box-dealof .ApHtml h3:before {
content: "";
position: absolute;
width: 200px;
height: 1px;
background: #dadada;
bottom: -40px;
right: 0;
}
.box-dealof .ApHtml a {
text-transform: uppercase;
color: #000;
padding: 5px 0;
border-bottom: 1px solid;
display: inline-block;
letter-spacing: 2px;
margin-top: 30px;
transition: all 0.4s;
}
.box-dealof .ApHtml a:hover {
color: #000;
}
.ApCountdown ul {
display: flex;
flex-wrap: wrap;
}
.ApCountdown ul li {
margin: 0 0 25px 25px;
padding: 30px;
border: 1px solid #ddd;
border-radius: 15px;
border-top-color: #000;
border-right-color: #000;
text-transform: uppercase;
text-align: center;
color: #9d9d9d;
line-height: 30px;
}
.ApCountdown ul li b {
display: block;
font-size: 22px;
color: #000;
border-bottom: 1px solid #ddd;
min-width: 70px;
padding: 0 0 10px;
}
.ApCountdown ul li span {
display: block;
}
@media (max-width: 1600px) {
.box-dealof .ApHtml {
padding: 20px 0;
}
.box-dealof .ApCountdown {
padding: 20px 0;
}
.box-dealof .ApHtml h4 {
font-size: 20px;
}
.box-dealof .ApHtml h3 {
font-size: 35px;
margin: 0 0 60px;
}
.box-dealof .ApHtml h3:before {
bottom: -30px;
}
.box-dealof .ApHtml a {
margin-top: 10px;
}
.ApCountdown ul li {
padding: 20px;
}
}
@media (max-width: 1199px) {
.ApCountdown ul li {
margin: 0 0 15px 15px;
padding: 10px;
}
.box-dealof .ApHtml h4 {
font-size: 18px;
}
.box-dealof .ApHtml h3 {
font-size: 30px;
margin: 0 0 40px;
}
.box-dealof .ApHtml h3:before {
bottom: -20px;
}
.box-dealof .ApHtml a {
margin-top: 0;
}
.box-dealof .ApHtml {
max-width: 480px;
}
}
@media (max-width: 991px) {
.box-dealof .ApCountdown {
position: static;
}
.box-dealof .ApHtml {
max-width: 50%;
bottom: auto;
top: 20px;
}
.box-dealof .ApCountdown {
padding: 20px 0 50px;
}
}
@media (max-width: 767px) {
.box-dealof .ApHtml {
position: static;
max-width: 100%;
text-align: left;
}
.ApCountdown ul li {
margin: 0 15px 15px 0;
}
.box-dealof .ApHtml h3:before {
left: 0;
right: auto;
}
}
@media (max-width: 480px) {
.ApCountdown ul li b {
font-size: 20px;
min-width: 50px;
padding: 0;
}
.ApCountdown ul li {
margin: 0 10px 10px 0;
line-height: 24px;
font-size: 11px;
padding: 8px;
border-radius: 10px;
}
.ApCountdown ul li:last-child {
margin-right: 0;
}
.box-dealof .ApHtml h3 {
font-size: 24px;
}
}
.box-textbn .ApColumn {
min-height: 400px;
text-align: center;
padding: 50px 0;
display: flex;
align-items: center;
position: relative;
}
.box-textbn .ApColumn:before {
content: "";
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100%;
pointer-events: none;
background: #000;
opacity: 0.4;
}
.box-textbn .ApHtml {
margin: auto;
color: #fff;
font-size: 22px;
width: 1170px;
position: relative;
padding: 0 10px;
}
@media (max-width: 991px) {
.box-textbn .ApHtml {
padding: 0 10%;
}
}
.box-textbn .ApHtml h4 {
font-size: 37px;
color: inherit;
text-transform: uppercase;
letter-spacing: 0.1em;
margin: 0 0 15px;
}
.box-textbn .ApHtml p {
margin-bottom: 0;
}
.box-textbn .ApHtml a {
font-size: 13px;
color: #fff;
padding: 5px 0;
border-bottom: 1px solid;
letter-spacing: 2px;
transition: all 0.4s;
margin-top: 50px;
display: inline-block;
}
.box-textbn .ApHtml a:hover {
letter-spacing: 4px;
}
@media (max-width: 1199px) {
.box-textbn .ApHtml h4 {
font-size: 34px;
}
.box-textbn .ApHtml {
font-size: 20px;
}
}
@media (max-width: 991px) {
.box-textbn .ApHtml h4 {
font-size: 30px;
}
.box-textbn .ApHtml {
font-size: 20px;
}
.box-textbn .ApHtml a {
margin-top: 40px;
}
}
@media (max-width: 767px) {
.box-textbn .ApHtml {
font-size: 18px;
}
}
@media (max-width: 480px) {
.box-textbn .ApHtml {
font-size: 16px;
}
.box-textbn .ApHtml h4 {
font-size: 24px;
}
.box-textbn .ApHtml {
font-size: 16px;
}
.box-textbn .ApHtml a {
margin-top: 20px;
}
}
.box-smallproducts .ApColumn .title_block {
text-align: left;
padding: 0;
font-size: 22px;
font-weight: normal;
}
.box-smallproducts .ApColumn .title_block:before,
.box-smallproducts .ApColumn .title_block:after {
display: none;
}
@media (max-width: 991px) and (min-width: 601px) {
.box-smallproducts .item {
display: flex;
flex-wrap: wrap;
}
.box-smallproducts .item article {
width: 50%;
padding: 0 20px 0 0;
}
}
.box-latestnews2 .ApColumn .block {
margin-bottom: 0;
}
.box-latestnews2 .latest-blogs .blog-container .left-block {
width: 100%;
}
.box-latestnews2 .latest-blogs .blog-container .right-block {
position: relative;
padding: 30px 30px 0;
background-color: #fff;
top: -40px;
transform: none;
right: 40px;
width: calc(100% - 80px);
left: 40px;
display: flex;
flex-direction: column-reverse;
text-align: center;
}
.box-latestnews2 .latest-blogs .blog-container .blog-title {
margin: 0;
width: 100%;
}
.box-latestnews2 .latest-blogs .blog-container .blog-meta {
margin: 0 0 20px;
width: 100%;
}
.box-latestnews2 .latest-blogs .blog-image-container {
padding-bottom: 60%;
}
@media (max-width: 1199px) {
.latest-blogs2 .blog-container .blog-title {
font-size: 20px;
}
}
@media (max-width: 991px) {
.box-latestnews2 .latest-blogs .blog-container .right-block {
padding: 20px 10px 0;
top: 0;
right: 0;
width: 100%;
left: 0;
}
.box-latestnews2 .latest-blogs .blog-container .blog-meta {
margin: 0 0 10px;
}
}
.box-footertop2 {
color: #9d9d9d;
padding: 60px 0 20px;
display: flex;
flex-wrap: wrap;
}
.box-footertop2 a {
color: #9d9d9d;
}
.box-footertop2 a:hover {
color: #fff;
}
.box-footertop2 .ApLink li a:hover {
color: #fff;
}
.box-footertop2 .ApColumn .title_block {
color: #fff;
font-weight: normal;
}
.box-footertop2 .ApHtml table {
width: 100%;
}
.box-footertop2 .ApHtml td {
vertical-align: text-bottom;
padding: 7px 0;
}
.box-footertop2 .ApHtml td p {
margin: 0;
}
.box-footertop2 .ApHtml td i {
font-size: 16px;
margin: 0 10px 0 0;
color: #fff;
}
div.box-coppy2 {
margin: 0;
border-top: 1px solid #ddd;
color: #9d9d9d;
padding: 20px 0;
line-height: 30px;
}
div.box-coppy2 .ApColumn {
padding: 0;
display: flex;
justify-content: space-between;
}
div.box-coppy2 .ApColumn .block {
margin-bottom: 0;
}
@media (max-width: 991px) {
.box-footertop2 {
padding: 60px 0 20px;
}
.box-footertop2 .ApColumn .block {
margin-bottom: 30px;
}
div.box-coppy2 {
padding: 20px 0;
}
}
@media (max-width: 767px) {
div.box-coppy2 .ApColumn {
display: block;
text-align: center;
}
div.box-coppy2 .ApColumn .block {
margin-bottom: 10px;
}
.box-footertop2 {
padding: 60px 0 20px;
}
}
.effect-zoom {
overflow: hidden;
}
.effect-zoom img {
transition: all 0.4s;
}
.effect-zoom:hover img {
transform: scale(1.1);
}
@media (max-width: 480px) {
.box-footertop2 {
padding: 60px 15% 20px;
}
}
div.box-coppy2.box-3 {
border-top: 1px solid #eee;
}
.box-shipping4 {
padding: 40px 0;
}
.box-shipping4 .ApColumn .block {
margin-bottom: 10px;
}
.box-shipping4 .ApRawHtml {
position: relative;
font-size: 13px;
text-transform: uppercase;
letter-spacing: 0.1em;
text-align: center;
padding: 20px 0;
}
.box-shipping4 .ApRawHtml i {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
top: 10px;
left: 0;
font-size: 50px;
color: #648683;
transition: all 0.5s;
display: block;
margin: 0 auto 10px;
}
.box-shipping4 .ApRawHtml:hover i {
transform: rotate(360deg);
}
.box-shipping4 .ApRawHtml p {
margin: 0;
}
.box-shipping3 {
padding: 15px 0;
}
@media (max-width: 991px) {
.box-shipping3 {
display: none;
}
}
.box-shipping3 .ApRawHtml {
margin: 0;
padding: 10px 0 10px 65px;
line-height: 20px;
position: relative;
color: #9d9d9d;
}
.box-shipping3 .ApRawHtml i {
position: absolute;
font-size: 42px;
width: 42px;
text-align: center;
color: #648683;
top: 0;
display: inline-block;
line-height: 60px;
left: 0;
}
.box-shipping3 .ApRawHtml p {
margin: 0;
}
.box-shipping3 .ApRawHtml a {
color: #9d9d9d;
}
.box-shipping3 .ApRawHtml a:hover {
color: #fff;
}
.box-shipping3 .ApRawHtml h4 {
font-size: 13px;
margin: 0;
color: #fff;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: normal;
line-height: 20px;
}
.box-hnav3 {
padding: 40px 0;
display: flex;
align-items: center;
flex-wrap: wrap;
min-width: 100%;
position: relative;
}
@media (max-width: 991px) {
.box-hnav3 {
padding: 0;
display: block;
}
}
.box-hnav3 .h-logo {
height: 70px;
line-height: 70px;
padding: 0;
text-align: center;
}
.box-hnav3 .h-logo img {
max-height: 70px;
}
.box-hnav3 #leo_search_block_top {
position: relative;
z-index: 9;
background: none;
border-radius: 0;
margin: 0;
}
.box-hnav3 #leo_search_block_top .title_block {
display: block;
margin: 0;
font-size: 0px;
background: none;
width: 40px;
height: 80px;
cursor: pointer;
overflow: hidden;
padding: 0;
font-weight: normal;
}
.box-hnav3 #leo_search_block_top .title_block:before {
content: "\e610";
font-family: "themify";
font-size: 14px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
text-align: center;
line-height: 80px;
}
.box-hnav3 #leo_search_block_top #leosearchtopbox {
position: absolute;
width: 300px;
top: 100%;
transition: all 0.3s;
margin-top: 0;
right: 0;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
}
.rtl .box-hnav3 #leo_search_block_top #leosearchtopbox {
left: 0;
right: auto;
}
@media (max-width: 575px) {
.box-hnav3 #leo_search_block_top #leosearchtopbox {
width: 240px;
right: -100px;
}
.rtl .box-hnav3 #leo_search_block_top #leosearchtopbox {
left: -100px;
right: auto;
}
}
.box-hnav3 #leo_search_block_top.active .title_block:before {
content: "\e646";
color: #000;
}
.box-hnav3 #leo_search_block_top.active #leosearchtopbox {
opacity: 1;
visibility: visible;
transform: translateY(-3px);
}
.box-hnav3 .popup-over a.popup-title {
display: flex;
align-items: center;
text-transform: uppercase;
line-height: 80px;
display: block;
color: #000;
}
@media (max-width: 991px) {
.box-hnav3 .popup-over a.popup-title {
line-height: 40px;
}
}
.box-hnav3 .popup-over a.popup-title i[class^="ti-"] {
display: inline-block;
font-size: 14px;
margin: 0 5px 0 0;
}
.box-hnav3 .popup-over a.popup-title span {
display: none;
}
.box-hnav3 .popup-over a.popup-title span.hidden {
display: inline;
}
.box-hnav3 .popup-over a.popup-title span.hidden span {
display: inline;
}
.box-hnav3 .popup-over a.popup-title i.fa {
margin: 0 0 0 5px;
}
.box-hnav3 .col-left {
display: flex;
flex-wrap: wrap;
}
.box-hnav3 .col-left .popup-over {
margin-right: 25px;
}
.box-hnav3 .col-left .popup-over:last-child {
margin-right: 0;
}
.box-hnav3 .col-left .popup-over .popup-content {
left: 0;
right: auto;
}
.box-hnav3 .col-right {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
position: static;
}
.box-hnav3 .col-right .popup-over .popup-content {
left: auto;
right: 0;
}
.box-hnav3 .col-right #leo_search_block_top {
margin: 0 15px 0 0;
}
.box-hnav3 .col-right #_desktop_cart {
margin: 0 0 0 10px;
}
.box-hnav3 .col-right .blockcart .header {
height: 80px;
line-height: 80px;
min-width: 35px;
text-align: center;
position: relative;
color: #000;
}
.box-hnav3 .col-right .blockcart .header a {
color: #000;
}
.box-hnav3 .col-right .blockcart .header i {
font-size: 14px;
}
.box-hnav3 .col-right .blockcart .header .cart-products-count {
position: absolute;
left: 80%;
line-height: 28px;
bottom: 50%;
}
.box-htop3 .leo-megamenu .navbar-nav {
text-align: center;
position: relative;
}
@media (min-width: 992px) {
.box-htop3 .leo-megamenu .navbar-nav:before {
content: "";
border-top: 1px solid #e6e6e6;
position: absolute;
top: 0;
bottom: -1px;
width: 750px;
left: 50%;
transform: translateX(-50%);
pointer-events: none;
}
}
.box-htop3 .leo-megamenu .navbar-nav > li > a {
padding: 15px 22px;
font-weight: normal;
}
.box-htop3 .leo-megamenu .dropdown-menu {
right: auto;
left: 0;
}
@media (min-width: 992px) {
body#index .box-htop3 .leo-megamenu .navbar-nav {
margin-bottom: 60px;
}
body#index .box-htop3 .leo-megamenu .navbar-nav:before {
border-bottom: 1px solid #e6e6e6;
}
}
@media (max-width: 991px) {
.box-hnav3 .col-right .userinfo-selector {
position: absolute;
top: 0;
right: 10px;
}
.box-hnav3 .col-left:before {
content: "";
position: absolute;
border-bottom: 1px solid #e6e6e6;
left: 50%;
transform: translateX(-50%);
bottom: -1px;
width: 100vw;
}
.box-hnav3 .col-right #leo_search_block_top {
margin: 0;
}
.box-hnav3 .col-right #_desktop_cart {
margin: 0;
}
.box-htop3 .navbar-header .navbar-toggler {
position: absolute;
bottom: 0;
left: 10px;
}
.box-hnav3 .blockcart .header,
.box-hnav3 #leo_search_block_top .title_block {
height: 80px;
line-height: 80px;
}
.box-hnav3 .h-logo {
height: 80px;
line-height: 80px;
padding: 0;
text-align: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
}
}
.box-protabs {
position: relative;
}
@media (min-width: 992px) {
.box-protabs {
display: flex;
align-items: center;
}
}
@media (min-width: 1200px) {
.box-protabs .ApTabs {
position: relative;
z-index: 2;
}
.box-protabs .ApTabs:before {
content: "";
position: absolute;
background: white;
top: -50px;
left: 50%;
transform: translateX(-50%);
bottom: -30px;
width: calc(100% + 180px);
}
.box-protabs .ApTabs .block_content {
position: relative;
z-index: 3;
}
}
.box-protabs .ApColumn .block {
margin-bottom: 0;
}
.box-protabs .ApImage {
position: relative;
overflow: hidden;
padding-bottom: 100%;
}
.box-protabs .ApImage > a {
display: block;
}
.box-protabs .ApImage img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
transition: all 0.4s;
}
.box-protabs .ApImage .image_description {
position: absolute;
top: 50%;
transform: translateY(-50%);
left: 0;
right: 0;
padding: 0 5%;
text-align: center;
color: #fff;
}
.box-protabs .ApImage .image_description h3 {
font-size: 60px;
color: inherit;
letter-spacing: 0.1em;
margin: 0;
}
.box-protabs .ApImage .image_description h4 {
font-size: 37px;
color: inherit;
letter-spacing: 0.4em;
font-weight: normal;
margin: 0;
}
.box-protabs .ApImage .image_description a {
color: inherit;
}
.box-protabs .ApImage:hover img {
transform: scale(1.02);
}
@media (max-width: 1199px) {
.box-protabs .ApImage .image_description h3 {
font-size: 50px;
}
.box-protabs .ApImage .image_description h4 {
font-size: 30px;
}
}
@media (max-width: 991px) {
.box-protabs .ApImage .image_description h3 {
font-size: 40px;
}
.box-protabs .ApImage .image_description h4 {
font-size: 24px;
}
}
@media (max-width: 767px) {
.box-protabs .ApImage .image_description h3 {
font-size: 30px;
}
.box-protabs .ApImage .image_description h4 {
font-size: 22px;
}
}
@media (max-width: 480px) {
.box-protabs .ApImage .image_description h3 {
font-size: 24px;
}
.box-protabs .ApImage .image_description h4 {
font-size: 20px;
}
}
@media (max-width: 767px) {
.box-protabs .ApColumn:first-child .ApImage {
margin-bottom: 30px;
}
}
.box-probanner .ApImage {
display: flex;
padding: 50px 0;
margin: 0;
font-size: 22px;
}
.box-probanner .ApImage img {
width: 100%;
height: auto;
display: inline;
max-width: 40%;
margin: 0 10% 0 0;
object-fit: contain;
}
.box-probanner .ApImage .image_description {
width: 50%;
display: flex;
flex-direction: column;
justify-content: center;
}
.box-probanner .ApImage .image_description p strong,
.box-probanner .ApImage .image_description p b {
font-weight: normal;
letter-spacing: 0.1em;
}
.box-probanner .ApImage .image_description h3 {
color: #648683;
font-size: 67px;
line-height: 1.1;
position: relative;
margin: 0 0 80px;
}
.box-probanner .ApImage .image_description h3:before {
content: "";
position: absolute;
bottom: -40px;
left: 0;
width: 200px;
max-width: 80%;
height: 1px;
background: #dadada;
}
.box-probanner .ApImage .image_description h4 {
font-size: 61px;
margin: 0 0 30px;
}
.box-probanner .ApImage .image_description a {
font-size: 13px;
letter-spacing: 2px;
border-bottom: 1px solid;
padding: 5px 0;
display: inline-block;
}
@media (max-width: 1600px) {
.box-probanner .ApImage .image_description h3 {
font-size: 50px;
}
.box-probanner .ApImage .image_description h4 {
font-size: 55px;
}
}
@media (max-width: 1199px) {
.box-probanner .ApImage .image_description h3 {
font-size: 40px;
}
.box-probanner .ApImage .image_description h4 {
font-size: 45px;
}
}
@media (max-width: 991px) {
.box-probanner .ApImage img {
max-width: 45%;
margin: 0 5% 0 0;
}
.box-probanner .ApImage .image_description {
width: 50%;
}
.box-probanner .ApImage .image_description h3 {
margin: 0 0 60px;
}
.box-probanner .ApImage .image_description h3:before {
bottom: -30px;
}
}
@media (max-width: 767px) {
.box-probanner .ApImage {
font-size: 20px;
}
.box-probanner .ApImage .image_description h3 {
font-size: 30px;
margin: 0 0 50px;
}
.box-probanner .ApImage .image_description h4 {
font-size: 35px;
margin: 0 0 20px;
}
}
@media (max-width: 480px) {
.box-probanner .ApImage {
font-size: 18px;
}
.box-probanner .ApImage .image_description h3 {
font-size: 24px;
margin: 0 0 40px;
}
.box-probanner .ApImage .image_description h3:before {
bottom: -20px;
}
.box-probanner .ApImage .image_description h4 {
font-size: 30px;
}
}
.box-banner3 .ApColumn .block {
margin-bottom: 0;
}
.box-banner3 .ApColumn {
display: flex;
align-items: center;
}
.box-banner3 .ApImage {
width: 66%;
}
.box-banner3 .ApRawHtml {
width: 34%;
text-align: center;
padding: 0 30px;
}
.box-banner3 .ApRawHtml h4 {
font-size: 22px;
color: #9d9d9d;
font-weight: normal;
letter-spacing: 1px;
}
.box-banner3 .ApRawHtml h3 {
font-size: 37px;
line-height: 1.1;
color: #648683;
margin: 0 0 1em;
}
.box-banner3 .ApRawHtml a {
display: inline-block;
padding: 5px 0;
border-bottom: 1px solid;
transition: all 0.4s;
letter-spacing: 2px;
}
.box-banner3 .ApRawHtml a:hover {
letter-spacing: 4px;
}
@media (max-width: 1600px) {
.box-banner3 .ApImage {
width: 60%;
}
.box-banner3 .ApRawHtml {
width: 40%;
}
.box-banner3 .ApRawHtml h3 {
font-size: 32px;
}
.box-banner3 .ApRawHtml h4 {
font-size: 20px;
}
}
@media (max-width: 1199px) {
.box-banner3 .ApRawHtml h3 {
font-size: 28px;
}
.box-banner3 .ApRawHtml h4 {
font-size: 18px;
}
}
@media (max-width: 991px) {
.box-banner3 .ApRawHtml h3 {
font-size: 26px;
}
.box-banner3 .ApRawHtml {
padding: 0 20px;
}
}
@media (max-width: 767px) {
.box-banner3 .ApRawHtml h4 {
font-size: 14px;
}
.box-banner3 .ApRawHtml h3 {
font-size: 20px;
}
.box-banner3 .ApRawHtml {
width: 50%;
padding: 0 10px;
}
.box-banner3 .ApImage {
width: 50%;
}
}
@media (max-width: 480px) {
.box-banner3 .ApRawHtml h4 {
font-size: 16px;
}
.box-banner3 .ApColumn {
flex-direction: column;
}
.box-banner3.box-2 .ApColumn {
flex-direction: column-reverse;
}
.box-banner3 .ApRawHtml {
width: 100%;
}
.box-banner3 .ApImage {
width: 100%;
}
.box-banner3 .ApColumn .block {
margin-bottom: 20px;
}
.box-banner3 .ApRawHtml h3 {
font-size: 24px;
}
}
.box-testimonial {
display: flex;
align-items: center;
}
.box-testimonial .ApColumn .block {
margin-bottom: 0;
}
.box-testimonial .ApImage {
position: relative;
overflow: hidden;
padding-bottom: 100%;
}
.box-testimonial .ApImage > a {
display: block;
}
.box-testimonial .ApImage img {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
object-fit: cover;
transition: all 0.4s;
}
.box-testimonial .ApColumn:hover .ApImage img {
transform: scale(1.02);
}
.box-testimonial .block_carousel {
position: absolute;
top: 50%;
left: 15px;
right: 15px;
padding: 0 90px;
transform: translateY(-50%);
}
.box-testimonial .block_carousel .block_content {
background: #fff;
padding: 110px 55px 50px;
position: relative;
}
.box-testimonial .block_carousel .block_content:before {
content: "\f10d";
font-family: FontAwesome;
font-size: 34px;
position: absolute;
top: 45px;
left: 50%;
transform: translateX(-50%);
color: #70908d;
}
.box-testimonial .block_carousel .block-carousel-image-container {
display: flex;
flex-direction: column;
text-align: center;
}
.box-testimonial .block_carousel .block-carousel-image-container .title {
order: 2;
font-size: 22px;
font-weight: normal;
margin: 0 0 10px;
color: #000;
text-transform: uppercase;
}
.box-testimonial .block_carousel .block-carousel-image-container .sub-title {
order: 3;
color: #9d9d9d;
margin: 0;
}
.box-testimonial .block_carousel .block-carousel-image-container .descript {
order: 1;
margin: 0 0 20px;
font-style: italic;
}
.box-testimonial .block_carousel .block-carousel-image-container img {
display: block;
order: 4;
width: 60px;
height: 60px;
margin: 20px auto 0;
border-radius: 50%;
object-fit: cover;
}
.box-testimonial .ApColumn .title_block {
padding-top: 80px;
}
.box-testimonial .latest-blogs {
padding: 0 90px 0 60px;
}
.box-testimonial .latest-blogs .blog-container {
margin-bottom: 30px;
}
.box-testimonial .latest-blogs .blog-container:last-child {
margin-bottom: 0;
}
.box-testimonial .latest-blogs .blog-container .left-block {
width: 300px;
max-width: 40%;
}
.box-testimonial .latest-blogs .blog-container .right-block {
right: auto;
width: 60%;
left: 230px;
display: flex;
flex-direction: column-reverse;
padding: 40px 30px;
}
.box-testimonial .latest-blogs .blog-container .blog-title {
margin: 10px 0 0;
}
@media (max-width: 1600px) {
.box-testimonial .latest-blogs {
padding: 0 60px 0 30px;
}
.box-testimonial .block_carousel {
padding: 0 60px;
}
}
@media (max-width: 1400px) {
.box-testimonial .latest-blogs {
padding: 0 60px 0 30px;
}
.box-testimonial .block_carousel .block_content {
background: #fff;
padding: 100px 30px 40px;
position: relative;
}
.box-testimonial .latest-blogs .blog-container .right-block {
right: 0;
width: 70%;
left: auto;
padding: 30px 20px;
}
.box-testimonial .latest-blogs .blog-container .blog-title,
.box-testimonial .block_carousel .block-carousel-image-container .title {
font-size: 20px;
}
.box-testimonial .ApColumn .title_block {
padding-top: 0;
}
}
@media (max-width: 1199px) {
.box-testimonial .block_carousel {
padding: 0 30px;
}
.box-testimonial .block_carousel .block_content {
padding: 70px 30px 30px;
}
.box-testimonial .block_carousel .block_content:before {
top: 20px;
font-size: 30px;
}
.box-testimonial .latest-blogs .blog-container .right-block {
width: 60%;
padding: 20px;
}
.box-testimonial .latest-blogs .blog-container .blog-title,
.box-testimonial .block_carousel .block-carousel-image-container .title {
font-size: 18px;
line-height: 1.2;
}
}
@media (max-width: 991px) {
.box-testimonial {
display: block;
}
.box-testimonial .ApImage {
padding-bottom: 75%;
}
.box-testimonial .block_carousel {
position: relative;
left: auto;
right: auto;
}
.box-testimonial .block_carousel {
transform: translateY(-30%);
}
}
@media (max-width: 767px) {
.box-testimonial .ApImage {
padding-bottom: 90%;
}
}
@media (max-width: 480px) {
.box-testimonial .ApImage {
padding-bottom: 100%;
}
.box-testimonial .block_carousel {
padding: 0 20px;
}
.box-testimonial .latest-blogs {
padding: 0;
}
.box-testimonial .block_carousel .block_content {
padding: 70px 20px 20px;
}
.box-testimonial .latest-blogs .blog-container .left-block {
width: 100%;
max-width: 100%;
}
.box-testimonial .latest-blogs .blog-container .right-block {
width: 100%;
padding: 20px;
}
.box-testimonial .block_carousel {
transform: translateY(-50px);
}
}
.box-popular .ApColumn .title_block {
padding-top: 0;
}
.box-popular .ApColumn .block {
margin-bottom: 0;
}
.box-popular article:last-child .thumbnail-container {
margin: 0;
}
.box-instagram3 {
display: flex;
position: relative;
z-index: 1;
top: 1px;
}
.box-instagram3 .instagram-block {
padding: 0 60px 0 90px;
}
.box-instagram3 .instagram-block .block_content {
margin: 0 -5px;
}
.box-instagram3 .instagram-block .owl-carousel .owl-item {
padding: 0 5px;
}
.box-instagram3 .ApColumn .title_block:after {
background: none;
}
.box-instagram3 .ApColumn .title_block {
padding-top: 0;
}
.box-instagram3 .ApColumn {
padding-top: 60px;
padding-bottom: 60px;
}
.box-instagram3 .ApColumn .block {
margin-bottom: 0;
}
.box-instagram3 .ApImage {
position: absolute;
top: 0;
bottom: 0;
left: 15px;
right: 15px;
}
.box-instagram3 .ApImage img {
width: 100% !important;
height: 100% !important;
object-fit: cover;
filter: brightness(0.5);
}
.box-instagram3 .block_newsletter {
color: #fff;
padding: 0 90px;
text-align: center;
position: relative;
}
.box-instagram3 .block_newsletter a {
color: inherit;
}
.box-instagram3 .block_newsletter #block-newsletter-label {
color: inherit;
}
.box-instagram3 .block_newsletter #block-newsletter-label:before {
background: #fff;
}
.box-instagram3 .block_newsletter #block-newsletter-label:after {
color: inherit;
}
.box-instagram3 .block_newsletter .input-wrapper input {
padding: 10px 120px 10px 30px;
transition: all 0.4s;
}
.box-instagram3 .block_newsletter .input-wrapper input:focus {
padding: 10px 120px 10px 20px;
}
.box-instagram3 .block_newsletter .input-wrapper button {
position: absolute;
top: 0;
right: 0;
border: 0;
background: none;
color: #333;
}
.box-instagram3 .block_newsletter .input-wrapper button:before {
content: "";
position: absolute;
width: 1px;
height: 14px;
top: 17px;
left: 0;
background: #ddd;
}
@media (max-width: 1600px) {
.box-instagram3 .instagram-block {
padding: 0 30px 0 60px;
}
.box-instagram3 .block_newsletter {
padding: 0 60px;
}
}
@media (max-width: 991px) {
.box-instagram3 {
display: block;
}
.box-instagram3 .ApImage {
left: -10px;
right: -10px;
}
.box-instagram3 .instagram-block {
padding: 0 30px;
}
.box-instagram3 .block_newsletter {
padding: 0 30px;
}
}
@media (max-width: 767px) {
.box-instagram3 .instagram-block {
padding: 0 20px;
}
.box-instagram3 .block_newsletter {
padding: 0 20px;
}
.box-instagram3 .ApColumn {
padding-top: 60px;
padding-bottom: 60px;
}
.box-instagram3 .block_newsletter .input-wrapper button {
letter-spacing: 0;
}
}
@media (min-width: 992px) {
.mini-navbar .box-top1 .h-logo {
height: 80px;
line-height: 80px;
padding: 0;
}
.mini-navbar .box-top1 .leo-megamenu .navbar-nav > li > a {
padding-top: 30px;
padding-bottom: 30px;
}
.mini-navbar .box-hnav3 {
padding: 0;
}
.mini-navbar .box-top .leo-megamenu .navbar-nav > li > a {
padding-top: 30px;
padding-bottom: 30px;
}
.mini-navbar .box-top .h-logo {
padding: 0;
height: 80px;
line-height: 80px;
}
.mini-navbar .box-top .col-logo {
padding-bottom: 0;
}
.mini-navbar .box-top .col-info,
.mini-navbar .box-top .col-menu {
padding-top: 0;
}
body#index .mini-navbar .box-htop3 .leo-megamenu .navbar-nav {
margin-bottom: 0;
}
body#index .mini-navbar .box-htop3 .leo-megamenu .navbar-nav:before {
border-bottom: 0;
}
}
.footer-container .box-footertop1 .ApLink li a {
transform: none;
}
.page-home .box-instagram3 .ApColumn .title_block:after {
background: none;
}
.box-coppyright9 {
border-top: 1px solid #e5e5e5;
margin: 0;
padding: 30px 0;
}
.box-coppyright9 .ApColumn {
padding: 0;
}
@media (max-width: 767px) {
.box-coppyright9 {
text-align: center;
}
}
.box-coppyright9 .ApColumn .block {
margin-bottom: 0;
line-height: 30px;
}
.box-coppyright9 .block-social {
margin: 0;
}
.box-coppyright9 .block-social li {
border: 0;
}
.box-coppyright9 .block-social ul {
text-align: right;
}
@media (max-width: 767px) {
.box-coppyright9 .block-social ul {
text-align: center;
}
}
.box-footertop {
padding: 70px 0 20px;
}
.plist-dsimple .thumbnail-container .pro3-btn .quick-view i {
font-size: 0px;
width: 14px;
height: 14px;
}
.plist-dsimple .thumbnail-container .pro3-btn .quick-view i:before {
content: "\e610";
font-family: "themify";
font-size: 14px;
}
.plist-dsimple .thumbnail-container .pro3-btn .leo-wishlist-button i {
font-size: 0px;
width: 14px;
height: 14px;
}
.plist-dsimple .thumbnail-container .pro3-btn .leo-wishlist-button i:before {
content: "\e634";
font-family: "themify";
font-size: 14px;
}
.box-header3 .h-logo img {
max-height: 70px;
}
.leo-compare-wishlist-button .btn-product i.material-icons {
font-size: 0px;
width: 20px;
height: 20px;
}
.leo-compare-wishlist-button .btn-product i.material-icons:before {
content: "\e634";
font-family: "themify";
font-size: 16px;
}
/*# sourceMappingURL=styles.css.map */
.leo-megamenu .navbar-nav {
text-align: left !important;
display: flex;
column-gap: 40px;
> li {
// &.active {
// > a {
// color: #ff8400;
// }
// }
> a {
color: #1a1a18;
font-weight: 700;
font-size: 14px;
padding: 15px 0;
font-family: "Archivo", sans-serif;
}
}
li {
&:hover {
> a {
color: #ff8400;
}
}
}
}
.home_categories_title {
text-align: center;
font-family: "Prompt", sans-serif;
margin-top: 75px;
padding-bottom: 25px !important;
.block {
margin-bottom: 0;
}
h2 {
font-size: 36px;
font-weight: 700;
margin-bottom: 0;
span {
font-style: italic;
-webkit-text-fill-color: white;
-webkit-text-stroke-color: #000;
-webkit-text-stroke-width: 1px;
text-decoration: none !important;
}
}
@media (max-width: 600px) {
margin-top: 30px;
h2 {
font-weight: 800;
font-size: 25px !important;
line-height: 38px;
}
}
}
.btn_orange {
background: $cOrange;
color: #fff;
font-size: 14px;
font-family: "Aeonik", sans-serif;
padding: 12px 30px;
border-radius: 50px;
text-align: center;
display: inline-block;
text-transform: uppercase;
font-weight: 600;
&:hover {
color: $cWhite;
}
&.disabled {
background-color: #8a8a8a;
}
}
.page-home {
// .respo-col-tiles {
// @media (max-width: 992px) {
// display: flex;
// flex-direction: column;
// row-gap: 50px;
// }
// }
}
.home_categories {
.list {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 50px;
.item {
display: flex;
flex-wrap: wrap;
text-align: center;
position: relative;
width: 212px;
&:last-child {
.title {
@media (min-width: 600px) {
display: none;
}
}
}
&:hover {
&::after {
display: block;
opacity: 1;
visibility: visible;
}
.cover {
display: block;
opacity: 1;
visibility: visible;
}
}
&::after {
background: rgba(255, 255, 255, 0.75);
display: block;
content: "";
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
transition: all 0.5 ease-in;
display: none;
opacity: 0;
visibility: hidden;
}
.cover {
@extend .btn_orange;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -100%);
max-width: 115px;
z-index: 10;
filter: drop-shadow(0px 0px 29px rgba(0, 0, 0, 0.47));
transition: all 0.5 ease-in;
display: none;
opacity: 0;
visibility: hidden;
}
img {
width: 212px;
margin-bottom: 20px;
}
span {
max-width: 212px;
display: block;
width: 100%;
font-family: "Prompt", sans-serif;
font-weight: 700;
font-style: italic;
font-size: 20px;
text-transform: uppercase;
}
}
@media (max-width: 1200px) {
}
@media (max-width: 600px) {
gap: 10px;
flex-direction: column;
.item {
flex-direction: row;
flex-wrap: nowrap;
width: 100%;
max-width: 100%;
align-items: center;
// background: #ebebeb;
border: 1px solid #000;
border-radius: 25px;
padding: 4px;
overflow: hidden;
justify-content: center;
img {
margin-right: auto;
}
span {
margin-right: auto;
}
&:last-child {
min-height: 40px;
background: #1a1a18;
text-align: center;
justify-content: center;
img {
display: none;
}
.title {
font-weight: 800;
font-size: 20px;
letter-spacing: 0.095em;
color: $cWhite;
margin-left: 0;
margin-right: 0;
}
}
img {
margin-bottom: 0;
max-width: 32px;
}
span {
font-weight: 800;
font-size: 24px;
}
.cover {
display: none !important;
}
}
}
}
}
.big_image_category_center {
position: relative;
.image_description {
position: absolute;
top: 50%;
right: 90px;
transform: translateY(-50%);
a {
@extend .btn_orange;
padding: 12px 60px;
}
}
h4 {
text-transform: uppercase;
color: #fff;
position: absolute;
top: 50%;
left: 60px;
transform: translateY(-50%);
font-size: 40px !important;
font-family: "Prompt", sans-serif;
font-style: italic;
font-weight: 700;
letter-spacing: 1px;
}
@media (max-width: 768px) {
h4 {
font-weight: 900;
font-size: 20px !important;
line-height: 111.5%;
letter-spacing: 0.095em;
left: 25px;
}
.image_description {
a {
display: none;
}
}
}
@media (max-width: 600px) {
h4 {
font-size: 15px !important;
left: 12px;
}
}
}
.big_image_category_left,
.big_image_category_right {
position: relative;
margin-bottom: 0 !important;
.image_description {
position: absolute;
bottom: 40px;
left: 60px;
a {
@extend .btn_orange;
padding: 12px 60px;
}
}
h4 {
text-transform: uppercase;
color: #fff;
position: absolute;
top: 40px;
left: 60px;
font-size: 40px !important;
font-family: "Prompt", sans-serif;
font-style: italic;
font-weight: 700;
letter-spacing: 1px;
}
@media (max-width: 768px) {
h4 {
font-weight: 900;
font-size: 20px !important;
line-height: 111.5%;
letter-spacing: 0.095em;
top: 20px;
left: 25px;
}
.image_description {
a {
display: none;
}
}
}
@media (max-width: 600px) {
h4 {
font-size: 15px !important;
top: 9px;
left: 12px;
}
}
}
.home_product_carousel {
.title_container {
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 25px !important;
gap: 15px;
h4 {
font-family: Prompt, sans-serif;
font-size: 36px !important;
font-weight: 700;
margin: 0 !important;
padding: 0 !important;
}
.sub-title-widget {
display: inline-block;
margin: 0;
padding: 0;
font-family: Prompt, sans-serif;
margin: 0 !important;
padding: 0 !important;
font-size: 36px;
font-weight: 700;
font-style: italic;
-webkit-text-fill-color: #fff;
-webkit-text-stroke-color: #000;
-webkit-text-stroke-width: 1px;
text-decoration: none !important;
@media (max-width: 600px) {
font-weight: 900;
font-size: 25px;
line-height: 38px;
letter-spacing: 0.075em;
}
}
}
}
.thumbnail-container a.product-thumbnail img {
object-fit: contain !important;
}
.product-miniature {
.thumbnail-container {
.functional-buttons {
top: 50%;
.add-to-cart {
@extend .btn_orange;
display: flex;
justify-content: center;
align-items: center;
padding: 15px 30px;
transition: all 0.5s ease-in;
&:hover {
background: #000 !important;
color: #fff !important;
}
}
}
.compare,
.quickview {
display: none !important;
}
.leo-wishlist-button {
display: block !important;
opacity: 1 !important;
}
.product-price-and-shipping {
text-align: left;
font-family: "Prompt", sans-serif;
.price {
font-size: 15px;
}
}
.product-title {
text-align: left;
margin-bottom: 10px;
a {
font-family: "Aeonik", sans-serif;
font-weight: 500;
font-size: 15px;
text-transform: uppercase;
}
}
.wishlist-button-add {
display: none !important;
}
}
}
.alert-info {
background: $cOrange;
border: 0;
color: #000;
text-align: center;
font-family: "Prompt", sans-serif;
font-weight: 600;
letter-spacing: 0;
&::before {
display: none !important;
}
}
.slider_bottom {
.slide_config {
max-width: 80%;
align-items: flex-start;
margin: auto;
.tp-caption {
text-align: left;
&.footer_slider_button {
.caption-contain {
@extend .btn_orange;
height: auto !important;
}
}
&.footer_slider_text {
color: #fff;
font-family: "Prompt", sans-serif;
font-size: 16px;
line-height: 1.5;
margin-bottom: 25px;
}
&.footer_slider_title {
text-transform: none;
font-size: 48px;
font-family: "Prompt", sans-serif;
color: #fff;
font-style: normal;
line-height: 1.5;
height: auto !important;
margin-bottom: 25px;
.caption-contain {
height: auto !important;
}
}
}
}
}
.iview-directionNav a {
background: rgba(255, 255, 255, 0.5);
border-radius: 50%;
}
//* Custom style *//
.cart-grid-title {
.h1 {
color: #1a1a18;
font-style: italic;
font-weight: 800;
font-size: 24px;
line-height: 142.7%;
text-align: center;
margin-bottom: 25px;
}
}
#save_transactions {
padding: 1.25rem;
.title {
color: #1a1a18;
font-weight: 700;
font-size: 14px;
line-height: 142.7%;
margin-bottom: 27px;
display: flex;
justify-content: center;
align-items: center;
column-gap: 7px;
img {
padding-bottom: 5px;
}
}
.save_transactions_tiles {
display: flex;
flex-direction: row;
align-items: center;
flex-wrap: wrap;
justify-content: space-between;
}
}
.blog_last_posts {
position: relative;
&::before {
content: url("/themes/at_movic/assets/img/Watemark.svg");
position: absolute;
top: 0;
left: 50%;
bottom: 27px;
width: 100vw;
transform: translateX(-50%);
overflow: hidden;
}
.product_list {
display: grid;
grid-template-columns: 2fr minmax(440px, 1fr);
grid-template-areas:
"product_list_first product_list_second"
"product_list_first product_list_third";
row-gap: 28px;
.product_block {
&:nth-child(1) {
grid-area: product_list_first;
}
&:nth-child(2) {
grid-area: product_list_second;
}
&:nth-child(3) {
grid-area: product_list_third;
}
&:not(.first_item) {
.blog-container {
.right-block {
.blog-desc {
@media (min-width: 992px) {
display: none;
}
}
}
}
}
.blog-container {
.right-block {
.blog-desc {
color: $cWhite;
font-weight: 400;
font-size: 16px;
margin-bottom: 20px;
}
}
}
&.first_item {
.blog-container {
.right-block {
.blog-title {
@media (min-width: 992px) {
margin: 0 0 10px;
font-size: 48px;
}
}
}
}
}
.blog-container {
position: relative;
margin: 0 15px;
height: 100%;
.left-block {
height: 100%;
.blog-image-container {
height: 100%;
img {
width: 100%;
height: 100%;
border-radius: 18px;
object-fit: cover;
}
}
}
.right-block {
position: absolute;
inset: 0;
padding: 35px;
width: 100%;
.blog-title {
font-weight: 700;
font-size: 1.5rem;
text-transform: initial;
line-height: 1.2;
overflow: initial;
max-height: none;
margin: 0 0 20px;
a {
color: $cWhite;
}
}
.blog-meta {
display: none;
}
.btn_orange {
font-size: 12px;
}
}
}
}
}
@media (max-width: 1200px) {
.product_list {
grid-template-areas:
"product_list_first product_list_first"
"product_list_second product_list_third";
}
}
@media (max-width: 992px) {
.product_list {
grid-template-columns: 1fr;
grid-template-areas:
"product_list_first"
"product_list_second"
"product_list_third";
}
}
@media (max-width: 767px) {
.product_list {
.product_block {
width: 100%;
.blog-container {
min-height: 160px;
.left-block {
position: absolute;
inset: 0;
}
.right-block {
position: relative;
padding: 20px;
.blog-title {
font-weight: 700;
font-size: 14.773px;
line-height: 103.2%;
}
.blog-desc {
display: none;
}
a {
&.btn_orange {
font-weight: 600;
font-size: 8px;
padding: 8px 12px;
}
}
}
}
}
}
}
}
.cart-summary-line {
&.cart-total {
.label,
.value {
font-weight: 700;
font-size: 16px;
}
}
.value {
font-weight: 400;
font-size: 14px;
}
}
.block-promo {
.promo-code-button.display-promo {
display: block !important;
color: #1a1a18;
font-weight: 500;
font-size: 12px;
line-height: 142.7%;
padding-left: 1.25rem;
padding-right: 1.25rem;
span {
color: #8a8a8a;
font-weight: 500;
}
}
}
//* Basket steps sline
body#checkout {
section {
&.checkout-step {
&.-current {
.step-title {
color: #ffffff;
overflow: hidden;
&::before {
content: "";
position: absolute;
display: block;
height: 50px;
top: 0;
left: 0;
background-color: #ff8400;
width: calc(100% - 55px);
z-index: -1;
border-bottom-left-radius: 50px;
border-top-left-radius: 50px;
}
&::after {
content: url("/themes/at_movic/assets/img/orange-arrow.svg");
height: 50px;
position: absolute;
right: 0;
z-index: -1;
}
.step-number {
color: #000;
background: #fff;
}
@media (max-width: 1200px) {
.step-number {
margin-right: 20%;
}
}
}
}
&:last-child {
&.-current {
.step-title {
color: #ffffff;
overflow: hidden;
&::before {
width: 100%;
}
&::after {
display: none;
}
}
}
}
.step-title {
height: 50px;
display: flex;
align-items: center;
column-gap: 10px;
padding: 0 12px;
background-color: #f5f5f5;
font-weight: 700;
font-size: 12px;
line-height: 142.5%;
text-transform: uppercase;
&::before {
display: none;
}
.step-number {
position: initial;
margin-left: 0;
}
@media (max-width: 1200px) {
font-size: 0;
}
}
&:nth-child(1) {
.step-title {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
}
&:nth-child(4) {
.step-title {
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
}
}
}
}
//* Basket
.cart-grid {
.card {
border: none;
.checkout {
a {
@extend .btn_orange;
}
}
}
.cart-summary {
background-color: #f5f5f5;
}
}
.cart-summary-line {
.label {
color: #1a1a18;
font-weight: 400;
font-size: 14px;
line-height: 142.5%;
text-transform: uppercase;
}
}
.block-promo {
.promo-code {
padding-top: 10px;
border-bottom: 0;
form {
@media (min-width: 992px) and (max-width: 1200px) {
flex-direction: column;
.btn {
height: 52px;
border-top-right-radius: 0px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}
}
}
}
.promo-input {
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
border-color: #1a1a18;
font-weight: 600;
font-size: 12px;
line-height: 111.5%;
text-transform: uppercase;
@media (min-width: 992px) and (max-width: 1200px) {
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 0;
border-right: 1px solid;
}
}
.btn {
background: #1a1a18;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
padding: 10px 40px;
color: #ffffff;
font-weight: 700;
font-size: 12px;
line-height: 111.5%;
text-align: center;
text-transform: uppercase !important;
}
}
//* Basket. 1 step
.page-cart {
#wrapper {
padding-top: 60px;
.breadcrumb {
display: none;
}
}
}
.cart-detailed-totals {
> .card-block {
border-bottom: 0;
padding-bottom: 0;
}
}
.cart-grid-body {
.card {
box-shadow: none;
}
.sub-title {
color: #1a1a18;
font-weight: 700;
font-size: 16px;
line-height: 142.7%;
}
> a.label {
display: none;
}
.cart-container {
.products-not-found {
display: flex;
align-items: center;
height: 250px;
justify-content: center;
gap: 15px;
.no-items {
color: #1a1a18;
font-style: italic;
font-weight: 800;
font-size: 24px;
line-height: 142.7%;
padding-top: 20px;
}
}
}
}
.cart-grid-right {
.btn.disabled {
@extend .btn_orange;
}
}
.cart-items {
.cart-item {
.product-line-grid {
.product-line-grid-left {
.product-image {
img {
height: 100%;
max-height: 85px;
}
}
}
.product-line-grid-body {
.product-line-info {
.label {
color: #1a1a18;
font-weight: 400;
font-size: 14px;
line-height: 142.5%;
}
}
}
.product-line-grid-right {
.bootstrap-touchspin {
width: 48px;
.input-group-btn-vertical {
width: calc(100% + 65px);
display: flex;
flex-direction: row-reverse;
position: absolute;
top: 50%;
left: 50%;
align-items: center;
justify-content: space-between;
transform: translate(-50%, -50%);
}
.btn {
position: relative;
width: fit-content;
margin: 0;
border: 0;
width: 24px;
height: 24px;
background-color: #efefef;
border-radius: 100%;
&::before {
color: #000;
font-weight: 600;
font-size: 16px;
position: absolute;
top: 56%;
left: 50%;
transform: translate(-50%, -50%);
}
i {
display: none;
}
&.bootstrap-touchspin-up {
&::before {
content: "+";
}
}
&.bootstrap-touchspin-down {
&::before {
content: "-";
}
}
}
}
.price {
.product-price {
strong {
font-weight: 700;
font-size: 14px;
line-height: 142.7%;
color: #1a1a18;
}
}
}
.qty {
> .input-group {
box-shadow: none;
.js-cart-line-product-quantity {
border: none;
text-align: center;
font-weight: 700;
font-size: 16px;
line-height: 142.7%;
}
}
}
}
}
}
}
//* Basket. 2 step
body#checkout {
section {
&.checkout-step {
.content {
margin: 0 auto 0 0;
border: none;
box-shadow: none;
}
}
}
}
#js-checkout-summary {
background-color: #f5f5f5;
box-shadow: none;
border: none;
.box_title {
padding-left: 1.25rem;
padding-right: 1.25rem;
padding-top: 16px;
p {
font-weight: 700;
font-size: 16px;
line-height: 142.7%;
text-align: center;
color: #1a1a18;
}
}
}
label {
&.required {
&:after {
color: #1a1a18;
}
}
}
#checkout {
#checkout-personal-information-step {
#customer-form {
section {
> p {
display: none;
}
}
.form-group {
&:last-child {
margin-top: 10px;
.form-control-label {
margin-bottom: 10px;
padding-right: 15px;
padding-left: 15px;
}
}
&.checkbox {
.custom-checkbox {
label {
color: #1a1a18;
font-weight: 400;
font-size: 14px;
line-height: 142.7%;
em {
color: #1a1a18;
margin-left: 28px;
font-size: 10px;
font-style: normal;
p {
a {
color: #1a1a18;
}
}
}
}
}
}
}
.form-footer {
text-align: left;
.btn {
@extend .btn_orange;
}
}
}
.nav {
display: flex;
flex-direction: row;
column-gap: 34px;
margin-bottom: 25px !important;
.nav-item {
position: relative;
width: fit-content;
border: none;
&:not(:last-child) {
&::before {
content: "";
position: absolute;
top: 50%;
right: -17px;
height: 14px;
width: 3px;
background-color: #c1c1c1;
transform: translateY(-50%);
}
}
.nav-link {
font-weight: 700;
font-size: 16px;
line-height: 142.7%;
border: none;
padding: 0;
}
}
}
.tab-content {
.form-group {
margin-bottom: 0;
}
.form-control-label {
color: #1a1a18;
font-weight: 400;
font-size: 16px;
line-height: 142.7%;
}
.form-control {
border: 1px solid #8a8a8a;
border-radius: 31px;
}
}
}
}
//* Login/Register box
.leo-quicklogin-modal {
.modal-header {
.close {
top: 15px;
right: 15px;
color: #000;
z-index: 1;
}
}
.modal-body {
padding: 40px 30px 30px;
.leo-quicklogin-form {
overflow: initial;
.form-title {
position: relative;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 30px;
&::before {
content: "";
position: absolute;
left: -40px;
top: 50%;
background-image: url("/themes/at_movic/assets/img/many-arrows.svg");
transform: translateY(-50%);
width: 100px;
height: 45px;
background-size: 100% 100%;
background-position: center;
}
.lql-bt {
color: #000000;
font-style: italic;
font-weight: 800;
font-size: 24px;
line-height: 142.7%;
text-transform: uppercase;
margin-bottom: 0;
&:not(.lql-active) {
display: none;
}
}
}
.form-data-wrapper {
overflow: hidden;
position: relative;
}
.leo-form {
.lql-form-content {
.form-group {
label {
font-weight: 400;
font-size: 16px;
line-height: 142.7%;
color: #1a1a18;
margin-bottom: 3px;
}
.form-control {
border: 1px solid #8a8a8a;
border-radius: 50px;
}
&.lql-form-content-element {
.form-control-label {
margin-bottom: 0;
padding-left: 15px;
span {
font-weight: 400;
font-size: 14px;
line-height: 142.7%;
color: #8a8a8a;
}
}
.leoquicklogin-forgotpass {
font-weight: 400;
font-size: 14px;
line-height: 142.7%;
text-decoration-line: underline;
color: #8a8a8a;
}
}
.form-control-submit {
@extend .btn_orange;
}
&.lql-calllogin {
text-align: center;
font-weight: 400;
font-size: 14px;
line-height: 142.7%;
color: #8a8a8a;
a {
font-weight: 400;
font-size: 14px;
line-height: 142.7%;
color: #8a8a8a;
}
}
&.lql-callregister {
text-align: center;
.lql-callregister-action {
font-weight: 400;
font-size: 14px;
line-height: 142.7%;
color: #8a8a8a;
}
}
}
}
&.leo-resetpass-form {
display: block;
}
.leo-resetpass-form-content {
.form-group {
&.lql-callregister {
text-align: left;
}
}
}
}
}
}
}
@media (max-width: 479px) {
#leo_search_block_top {
margin-top: -57px !important;
}
.h-logo {
a {
position: relative;
z-index: 1;
display: block;
max-width: 163px;
margin: auto;
}
}
}
@media (max-width: 576px) {
.box-logo4 {
padding-top: 0 !important;
}
#leo_search_block_top {
h4.title_block {
height: 40px !important;
line-height: 40px !important;
}
}
#slideshow-form_7849302495138052 .iview-directionNav {
display: none !important;
}
.footer-top {
.box-newletter5 {
padding-bottom: 0 !important;
.col-sm-12 {
padding-left: 0 !important;
padding-right: 0 !important;
.block_newsletter {
border-radius: 0 !important;
}
}
}
}
}
@media (min-width: 578px) {
.slider_bottom_mobile {
display: none !important;
}
}
@media (max-width: 576px) {
#_desktop_user_info {
.user-info {
display: none !important;
}
}
}