/***************************************************
Mixins Themes
/***************************************************/
/* Mixin Normal*/
/* Mixin Clear */
/* Mixin Border */
/*background RGBA
============================================*/
/***************************************************
Mixins RTL Themes
/***************************************************/
/************************************
Override Bootstrap
*************************************/
/**
* Web Application Prefix Apply For Making Owner Styles
*/
/**
* Blocks Layout Selectors
*/
/***********************************************************************/
@media (max-width: 991px) {
.clear-both {
clear: both; } }
.ApColumn .block.margin-bottom-20 {
margin-bottom: 20px; }
/* Title Block */
.ApColumn .block {
margin-bottom: 30px; }
.ApColumn .title_block {
color: #000000;
margin: 30px 0px 40px;
font-size: 14px;
padding-bottom: 15px;
text-transform: uppercase;
font-weight: normal;
letter-spacing: 2px; }
.ap-popup {
display: none; }
.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 .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: 20px;
height: 20px;
position: relative;
top: -3px;
right: 5px;
z-index: 999; }
.rtl .block-toggler .navbar-toggler, .rtl .footer-container .links .navbar-toggler {
left: 5px;
right: auto; }
@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: 50px;
position: relative; }
.rtl .alert {
text-align: right; }
.rtl .alert {
padding-right: 50px;
padding-left: inherit; }
.alert:before {
font-family: "FontAwesome";
font-size: 20px;
vertical-align: -2px;
padding: 0 7px 0 0;
float: left;
position: absolute;
left: 20px;
top: 11px; }
.rtl .alert:before {
padding: 0 0 0 7px; }
.rtl .alert:before {
float: right; }
.rtl .alert:before {
right: 20px;
left: auto; }
.alert.alert-success:before {
content: "\f00c"; }
.alert.alert-warning {
text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
.alert.alert-warning:before {
content: "\f071"; }
.alert.alert-info {
text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
.alert.alert-info:before {
content: "\f05a"; }
.alert.alert-danger {
text-shadow: 1px 1px rgba(0, 0, 0, 0.1); }
.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: 13px; }
.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 .tab-pane, .tab-content .pill-pane, .pill-content .tab-pane, .pill-content .pill-pane {
display: none; }
.tab-content .active, .pill-content .active {
display: block; }
.tabs-below .nav-tabs {
border-top: 1px solid #eaeaea; }
.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: #eaeaea;
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 #eaeaea #eaeaea #eaeaea; }
.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 #eaeaea; }
.rtl .tabs-left .nav-tabs {
float: right; }
.rtl .tabs-left .nav-tabs {
border-left: 1px solid #eaeaea;
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 #eaeaea #eeeeee #eeeeee; }
.tabs-left .nav-tabs .active > a, .tabs-left .nav-tabs .active > a:hover, .tabs-left .nav-tabs .active > a:focus {
border-color: #eaeaea transparent #eaeaea #eaeaea;
*border-right-color: #FFFFFF; }
.tabs-right .nav-tabs {
float: right;
border-left: 1px solid #eaeaea; }
.rtl .tabs-right .nav-tabs {
float: left; }
.rtl .tabs-right .nav-tabs {
border-right: 1px solid #eaeaea;
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 #eaeaea; }
.tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active a:hover, .tabs-right .nav-tabs .active a:focus {
border-color: #eaeaea #eaeaea #eaeaea transparent;
*border-left-color: #ffffff; }
.widget-tabs li {
padding: 5px 8px;
border: 1px solid transparent;
text-transform: uppercase; }
.widget-tabs li a {
color: #272727; }
.widget-tabs li.active {
border: 1px solid #000000; }
.widget-tabs li.active a {
color: #000000; }
.tabs-top {
position: relative; }
.tabs-top.latest-products .nav-tabs {
text-align: center;
margin-bottom: 50px;
border: none; }
.tabs-top.latest-products .nav-tabs > li {
display: inline-block;
float: none;
border: none;
margin: 0; }
.tabs-top.latest-products .nav-tabs > li > a {
color: #272727;
font-family: "brandon", sans-serif;
font-size: 12px;
text-transform: uppercase;
padding: 0 20px 0 0;
border-radius: 0;
background: transparent;
margin: 0;
border: none; }
.rtl .tabs-top.latest-products .nav-tabs > li > a {
padding: 0 0 0 20px; }
.tabs-top.latest-products .nav-tabs > li > a:hover {
color: #000000;
border: none; }
.tabs-top.latest-products .nav-tabs > li > a.active:hover {
color: #000000; }
.tabs-top.latest-products .nav-tabs > li.active > a, .tabs-top.latest-products .nav-tabs > li.active > a:hover, .tabs-top.latest-products .nav-tabs > li.active a:focus {
color: #000000;
border: none; }
.tabs-top > .block_content {
position: relative;
text-align: center; }
.tabs-top > .block_content:before {
content: "";
background: #000000;
position: absolute;
height: 1px;
top: 7px;
left: 0;
right: 0;
margin: auto;
width: 100%;
z-index: -9; }
.tabs-top .nav-tabs {
text-align: center;
border: none;
margin-bottom: 35px;
display: inline-block;
background: #FFFFFF; }
@media (min-width: 576px) {
.tabs-top .nav-tabs {
padding-right: 15px; }
.rtl .tabs-top .nav-tabs {
padding-left: 15px;
padding-right: inherit; } }
.tabs-top .nav-tabs > li {
float: none !important;
display: inline-block; }
@media (max-width: 575px) {
.tabs-top .nav-tabs > li {
display: block; } }
.tabs-top .nav-tabs > li.nav-item {
margin: 0 !important; }
.tabs-top .nav-tabs > li a {
border: none;
color: #999999;
margin: 0;
text-transform: uppercase;
letter-spacing: 2px;
font-family: 'brandon';
font-size: 14px;
font-weight: normal;
padding: 0px 0px 0px 35px;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
z-index: 9; }
.rtl .tabs-top .nav-tabs > li a {
padding: 0px 35px 0px 0px; }
.tabs-top .nav-tabs > li a:before {
content: "";
position: absolute;
top: 5px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #cccccc;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
@media (min-width: 576px) {
.tabs-top .nav-tabs > li a:before {
left: 15px; }
.rtl .tabs-top .nav-tabs > li a:before {
right: 15px;
left: auto; } }
@media (max-width: 575px) {
.tabs-top .nav-tabs > li a {
padding: 0px 0px 20px 0px; }
.rtl .tabs-top .nav-tabs > li a {
padding: 0px 0px 20px 0px; }
.tabs-top .nav-tabs > li a:before {
left: 0;
right: 0;
margin: auto;
top: 23px; } }
.tabs-top .nav-tabs > li a:hover {
background: transparent;
border: none;
color: #000000; }
.tabs-top .nav-tabs > li a:hover:before {
background: #000000; }
.tabs-top .nav-tabs > li a.active, .tabs-top .nav-tabs > li a.active:focus, .tabs-top .nav-tabs > li a.active:hover {
border: none;
color: #000000;
background: transparent; }
.tabs-top .nav-tabs > li a.active:before, .tabs-top .nav-tabs > li a.active:focus:before, .tabs-top .nav-tabs > li a.active:hover:before {
background: #000000; }
.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: #000000;
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; }
.nav-tabs > li > a {
font-weight: 800;
color: #767676;
border-bottom: 2px solid transparent;
text-transform: uppercase; }
.nav-tabs > li.active a, .nav-tabs > li.active a:hover, .nav-tabs > li.active a:focus {
border: 1px solid transparent;
background: #eeeeee;
border-bottom: 2px solid #c0c700;
color: #000000; }
/**
* 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;
letter-spacing: 3px;
text-transform: uppercase;
padding: 0 15px;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
display: none;
font-size: 13px;
color: #FFFFFF;
font-weight: 700; }
.box-show-more a:hover {
background-color: #000000; }
.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: 600; }
.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 #eaeaea; }
.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 #eaeaea;
-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 #000000;
-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-top: 20px; }
.manufacturers_block .manufacturer-image-container {
border: 1px solid #e4e4e4;
text-align: center;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.manufacturers_block .manufacturer-image-container:hover {
border: 1px solid #000000; }
.manufacturers_block .owl-theme .owl-buttons {
position: static; }
.manufacturers_block .owl-theme .owl-buttons div.owl-prev, .manufacturers_block .owl-theme .owl-buttons div.owl-next {
position: absolute;
top: 28%;
width: 27px;
height: 30px;
text-indent: -9999px; }
.manufacturers_block .owl-theme .owl-buttons div.owl-prev:before, .manufacturers_block .owl-theme .owl-buttons div.owl-next:before {
display: none; }
.manufacturers_block .owl-theme .owl-buttons div.owl-prev {
left: -5px;
background: url(../../../../assets/img/modules/appagebuilder/img/button-next.png) no-repeat transparent;
background-position: 0 -53px; }
.manufacturers_block .owl-theme .owl-buttons div.owl-next {
right: -5px;
background: url(../../../../assets/img/modules/appagebuilder/img/button-previous.png) no-repeat transparent;
background-position: 0 3px; }
@media (max-width: 991px) {
.manufacturers_block .owl-theme .owl-buttons div.owl-prev {
right: 0; }
.manufacturers_block .owl-theme .owl-buttons div.owl-next {
left: 0; } }
.manufacturers_block .manufacturer-item {
text-align: center; }
.manufacturers_block .manufacturer-item a {
display: inline-block;
border: 1px solid #e4e4e4; }
.manufacturers_block .manufacturer-item a:hover {
border: 1px solid #000000; }
.manufacturers_block .manufacturer-item span {
display: none; }
.manufacturers_block .carousel .direction {
top: 50%;
right: 0 !important;
left: 0 !important;
margin: auto; }
.manufacturers_block .carousel .carousel-control.left {
right: auto;
left: -5px; }
.manufacturers_block .carousel .carousel-control.right {
right: -5px; }
.manufacturers_block .carousel .carousel-control .icon-prev, .manufacturers_block .carousel .carousel-control .icon-next {
width: 27px;
height: 30px;
text-indent: -99999px; }
.manufacturers_block .carousel .carousel-control .icon-prev {
background: url(../../../../assets/img/modules/appagebuilder/img/button-next.png) no-repeat transparent;
background-position: 0 -53px; }
.manufacturers_block .carousel .carousel-control .icon-next {
background: url(../../../../assets/img/modules/appagebuilder/img/button-previous.png) no-repeat transparent;
background-position: 0 3px; }
.manufacturers_block .carousel .carousel-control:hover {
opacity: 1;
filter: alpha(opacity=100); }
/* Widget Category Image */
.widget-category_image .cover-img {
float: left;
padding-right: 20px; }
.rtl .widget-category_image .cover-img {
float: right; }
.rtl .widget-category_image .cover-img {
padding-left: 20px;
padding-right: inherit; }
.widget-category_image .cover-img img {
width: 100px;
height: 100px; }
.widget-category_image .cate_content:hover label {
color: #3276b1;
cursor: pointer; }
/* Widget Lastest blogs */
.latest-blogs {
margin-bottom: 0px;
padding-bottom: 40px;
position: relative;
text-align: center; }
.latest-blogs:before {
position: absolute;
content: "";
width: 100%;
height: 1px;
background: #000000;
top: 15px;
left: 0;
right: 0;
margin: auto;
z-index: -99; }
.latest-blogs .title_block {
display: inline-block;
background: #FFFFFF;
margin: 0 0 20px;
padding: 10px 20px; }
.latest-blogs .owl-theme .owl-buttons {
top: -20px; }
.latest-blogs .right-block {
text-align: left; }
.rtl .latest-blogs .right-block {
text-align: right; }
.latest-blogs .blog-image-container {
overflow: hidden;
position: relative;
margin-bottom: 15px;
margin-top: 20px; }
.latest-blogs .blog-title {
font-size: 16px;
line-height: 24px;
font-family: "Noticia Text", serif;
margin-top: 5px; }
.latest-blogs .blog-title a {
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out; }
.latest-blogs .blog-title a:hover {
color: #999999; }
.latest-blogs .blog-desc {
line-height: 24px;
margin-bottom: 10px; }
.latest-blogs .blog-meta > span {
margin-right: 10px; }
.rtl .latest-blogs .blog-meta > span {
margin-left: 10px;
margin-right: inherit; }
.latest-blogs .created, .latest-blogs .nbcomment {
color: #999999;
font-style: italic; }
.latest-blogs .read-more a {
font-style: italic;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
position: relative;
padding-right: 20px; }
.rtl .latest-blogs .read-more a {
padding-left: 20px;
padding-right: inherit; }
.latest-blogs .read-more a:before {
content: "\f178";
position: absolute;
right: 0;
font-family: "FontAwesome";
top: 3px; }
.rtl .latest-blogs .read-more a:before {
left: 0;
right: auto; }
.latest-blogs .read-more a:hover {
color: #999999; }
.latest-blogs .direction {
top: -5px;
right: 0 !important;
left: 0 !important;
margin: auto;
width: 55px; }
@media (max-width: 575px) {
.latest-blogs .direction .carousel-control.left {
right: 35px; } }
.latest-blogs .blog-viewall {
margin-top: 30px; }
/* 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 {
padding-left: 5px;
padding-right: 5px; }
.instagram-block a {
display: inline-block;
overflow: hidden;
position: relative; }
.instagram-block a img {
width: 118px;
max-width: 100%; }
.instagram-block .link-instagram {
display: none; }
.instagram-block .link-instagram a {
margin: 10px 0 0; }
#instafeed {
margin: -5px; }
.ApColumn .margin-bottom-18 {
margin-bottom: 18px; }
.ApProductCarousel .owl-theme .owl-buttons, .category-products .owl-theme .owl-buttons, .viewed-products .owl-theme .owl-buttons {
text-align: center;
width: 0;
position: absolute;
overflow: visible; }
.ApProductCarousel .owl-theme .owl-buttons div.owl-prev, .ApProductCarousel .owl-theme .owl-buttons div.owl-next, .category-products .owl-theme .owl-buttons div.owl-prev, .category-products .owl-theme .owl-buttons div.owl-next, .viewed-products .owl-theme .owl-buttons div.owl-prev, .viewed-products .owl-theme .owl-buttons div.owl-next {
background: #666;
border-radius: 0;
min-width: 45px;
color: #FFFFFF;
line-height: 19px;
font-style: italic;
display: inline-block;
padding: 0 10px;
vertical-align: top;
white-space: nowrap;
width: auto;
margin: 0 1px;
position: absolute;
height: 20px; }
.ApProductCarousel .owl-theme .owl-buttons div.owl-prev:before, .ApProductCarousel .owl-theme .owl-buttons div.owl-next:before, .category-products .owl-theme .owl-buttons div.owl-prev:before, .category-products .owl-theme .owl-buttons div.owl-next:before, .viewed-products .owl-theme .owl-buttons div.owl-prev:before, .viewed-products .owl-theme .owl-buttons div.owl-next:before {
position: absolute;
background: #666;
font-size: 12px;
top: 3px;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
text-indent: -99px;
color: transparent; }
.ApProductCarousel .owl-theme .owl-buttons div.owl-prev:hover, .ApProductCarousel .owl-theme .owl-buttons div.owl-next:hover, .category-products .owl-theme .owl-buttons div.owl-prev:hover, .category-products .owl-theme .owl-buttons div.owl-next:hover, .viewed-products .owl-theme .owl-buttons div.owl-prev:hover, .viewed-products .owl-theme .owl-buttons div.owl-next:hover {
background: #000000; }
.ApProductCarousel .owl-theme .owl-buttons div.owl-prev:hover:before, .ApProductCarousel .owl-theme .owl-buttons div.owl-next:hover:before, .category-products .owl-theme .owl-buttons div.owl-prev:hover:before, .category-products .owl-theme .owl-buttons div.owl-next:hover:before, .viewed-products .owl-theme .owl-buttons div.owl-prev:hover:before, .viewed-products .owl-theme .owl-buttons div.owl-next:hover:before {
background: #000000; }
.ApProductCarousel .owl-theme .owl-buttons div.owl-prev, .category-products .owl-theme .owl-buttons div.owl-prev, .viewed-products .owl-theme .owl-buttons div.owl-prev {
/* margin-left: 10px; */
right: 100%; }
.ApProductCarousel .owl-theme .owl-buttons div.owl-prev:before, .category-products .owl-theme .owl-buttons div.owl-prev:before, .viewed-products .owl-theme .owl-buttons div.owl-prev:before {
left: -7px; }
.ApProductCarousel .owl-theme .owl-buttons div.owl-next, .category-products .owl-theme .owl-buttons div.owl-next, .viewed-products .owl-theme .owl-buttons div.owl-next {
/* margin-right: 10px; */
left: 100%; }
.ApProductCarousel .owl-theme .owl-buttons div.owl-next:before, .category-products .owl-theme .owl-buttons div.owl-next:before, .viewed-products .owl-theme .owl-buttons div.owl-next:before {
right: -7px; }
.ApProductCarousel .direction, .category-products .direction, .viewed-products .direction {
top: -42px;
left: 0 !important;
right: 0 !important;
margin: auto;
width: 120px; }
.ApProductCarousel .direction .carousel-control .icon-prev, .ApProductCarousel .direction .carousel-control .icon-next, .category-products .direction .carousel-control .icon-prev, .category-products .direction .carousel-control .icon-next, .viewed-products .direction .carousel-control .icon-prev, .viewed-products .direction .carousel-control .icon-next {
background: #666;
border-radius: 0;
min-width: 45px;
color: #FFFFFF;
line-height: 18px;
font-style: italic;
display: inline-block;
padding: 0 10px;
vertical-align: top;
white-space: nowrap;
width: auto;
margin: 0 1px;
position: absolute;
height: 20px;
font-family: "Noticia Text", serif;
font-size: 13px; }
.ApProductCarousel .direction .carousel-control .icon-prev:before, .ApProductCarousel .direction .carousel-control .icon-next:before, .category-products .direction .carousel-control .icon-prev:before, .category-products .direction .carousel-control .icon-next:before, .viewed-products .direction .carousel-control .icon-prev:before, .viewed-products .direction .carousel-control .icon-next:before {
position: absolute;
background: #666;
font-size: 12px;
top: 3px;
width: 14px;
height: 14px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
text-indent: -99px;
color: transparent; }
.ApProductCarousel .direction .carousel-control .icon-prev:hover, .ApProductCarousel .direction .carousel-control .icon-next:hover, .category-products .direction .carousel-control .icon-prev:hover, .category-products .direction .carousel-control .icon-next:hover, .viewed-products .direction .carousel-control .icon-prev:hover, .viewed-products .direction .carousel-control .icon-next:hover {
background: #000000; }
.ApProductCarousel .direction .carousel-control .icon-prev:hover:before, .ApProductCarousel .direction .carousel-control .icon-next:hover:before, .category-products .direction .carousel-control .icon-prev:hover:before, .category-products .direction .carousel-control .icon-next:hover:before, .viewed-products .direction .carousel-control .icon-prev:hover:before, .viewed-products .direction .carousel-control .icon-next:hover:before {
background: #000000; }
.ApProductCarousel .direction .carousel-control .icon-prev:before, .category-products .direction .carousel-control .icon-prev:before, .viewed-products .direction .carousel-control .icon-prev:before {
left: -7px; }
.ApProductCarousel .direction .carousel-control .icon-next:before, .category-products .direction .carousel-control .icon-next:before, .viewed-products .direction .carousel-control .icon-next:before {
right: -7px; }
.ApProductCarousel .direction .carousel-control.left, .category-products .direction .carousel-control.left, .viewed-products .direction .carousel-control.left {
right: 94px; }
.ApImage {
text-align: center; }
.block-services {
padding: 22px 0;
text-align: center; }
.block-services .icon-name {
width: 33px;
height: 32px;
display: inline-block; }
@media (min-width: 768px) {
.block-services .icon-name {
margin: 0 20px 0 45px;
float: left; }
.rtl .block-services .icon-name {
margin: 0 45px 0 20px; }
.rtl .block-services .icon-name {
float: right; } }
.block-services .icon-free-shipping {
background: url(../../../../assets/img/modules/appagebuilder/img/icon-free-shipping.png) no-repeat 0 0; }
.block-services .icon-return {
background: url(../../../../assets/img/modules/appagebuilder/img/icon-return.png) no-repeat 0 0; }
.block-services .icon_membership {
background: url(../../../../assets/img/modules/appagebuilder/img/icon_membership.png) no-repeat 0 0; }
@media (min-width: 768px) {
.block-services .media-body {
text-align: left;
vertical-align: middle; }
.rtl .block-services .media-body {
text-align: right; } }
.block-services .media-body h4 {
font-size: 12px;
text-transform: uppercase;
display: inline-block;
font-weight: normal;
color: #000000;
padding-right: 5px;
margin-top: 9px;
margin-bottom: 9px; }
.rtl .block-services .media-body h4 {
padding-left: 5px;
padding-right: inherit; }
@media (max-width: 767px) {
.block-services .media-body h4 {
margin: 0; } }
@media (max-width: 767px) and (min-width: 481px) {
.image-html-left {
text-align: right; }
.rtl .image-html-left {
text-align: left; }
.image-html-right {
text-align: left; }
.rtl .image-html-right {
text-align: right; } }
@media (max-width: 480px) {
.image-html-left, .image-html-right {
text-align: center;
margin-bottom: 20px; } }
/*# sourceMappingURL=styles.css */