/***************************************************
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
*/
/***********************************************************************/
/* Title Block */
.ApColumn .block {
margin-bottom: 2.5rem;
}
.ApColumn .block.ApImage {
/* margin-bottom: 30px; */
}
.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,
.footer-container .links .title {
cursor: pointer;
}
.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;
margin-top: 0.3125rem;
width: 1.25rem;
height: 1.25rem;
}
.block-toggler.ApBlockLink ul li,
.footer-container .links.ApBlockLink ul li {
margin-bottom: 1.25rem;
}
@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: 1.25rem;
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;
color: #333333;
font-size: 15px;
line-height: 1;
margin-bottom: 0;
padding: 23px 15px;
}
.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;
margin-bottom: 10px;
}
.ap-accordion .panel-default .panel-title {
text-transform: none;
background-color: whitesmoke;
border-color: #dddddd;
border-radius: 3px;
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: 1.5625rem;
position: absolute;
left: auto;
right: 0px;
top: 50%;
width: auto;
transform: translateY(-50%);
}
.ap-accordion .panel-default .panel-title .collapsed:before {
background: none;
content: "arrow_drop_down";
cursor: pointer;
display: block;
font-family: "Material Icons";
font-size: 1.5625rem;
position: absolute;
left: auto;
right: 0px;
top: 0px;
width: auto;
}
.ap-accordion .panel-default .panel-heading,
.product-tab-content .panel-default .panel-heading {
margin-bottom: 0;
background: whitesmoke;
border: 1px solid #dddddd;
}
.product-tab-content .panel-default .panel-title a {
font-weight: 400;
}
.ap-accordion .panel-default .panel-body,
.product-tab-content .panel-default .panel-body {
color: #000;
}
.ap-accordion .panel-default .panel-title a,
.product-tab-content .panel-default .panel-title a {
color: #333;
}
.ap-accordion .panel-default .panel-title a:hover,
.ap-accordion .panel-default .panel-title a:focus,
.product-tab-content .panel-default .panel-title a:hover,
.product-tab-content .panel-default .panel-title a:focus {
color: #1d9fae;
}
.ap-accordion .panel-default > .panel-heading + .panel-collapse .panel-body,
.product-tab-content
.panel-default
> .panel-heading
+ .panel-collapse
.panel-body {
border: 1px solid #dddddd;
border-top: none;
}
.product-tab-content .panel.panel-default {
margin-bottom: 10px;
}
/* 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: #333333;
}
.widget-tabs li.active {
border: 1px solid #09afd9;
}
.widget-tabs li.active a {
color: #09afd9;
}
.block .nav-pills > li.active > a {
position: relative;
}
.block .nav-pills > li.active > a:before {
content: "\f0d7";
position: absolute;
bottom: -7px;
height: 0.625rem;
line-height: 0.625rem;
font-family: "FontAwesome";
color: #09afd9;
font-size: 1.1875rem;
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: 1.25rem;
}
.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;
}
.ApTabs .tab-content {
position: relative;
}
.ApTabs .tab-content > .tab-pane {
visibility: hidden;
display: block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
z-index: 9;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: opacity 0.3s ease 0s;
-moz-transition: opacity 0.3s ease 0s;
-ms-transition: opacity 0.3s ease 0s;
-o-transition: opacity 0.3s ease 0s;
transition: opacity 0.3s ease 0s;
}
.ApTabs .tab-content > .tab-pane.active {
position: static;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
/**
* 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: 0.625rem 0.9375rem;
text-transform: uppercase;
color: #ffffff;
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.1s ease-in-out;
-ms-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;
-moz-transition: all 0.3s ease-in-out;
-ms-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: 3.4375rem;
line-height: 3.4375rem;
letter-spacing: 3px;
text-transform: uppercase;
padding: 0 15px;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
display: none;
font-size: 0.875rem;
color: #ffffff;
font-weight: 700;
}
.box-show-more a:hover {
background-color: #09afd9;
}
.box-show-more a .fa {
margin-left: 0.3125rem;
}
.rtl .box-show-more a .fa {
margin-right: 0.3125rem;
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: 3.75rem;
text-transform: uppercase;
font-weight: 600;
}
.full-slider .content-slider p {
margin-top: 1.875rem;
background: #c70005;
padding: 0.625rem 1.25rem;
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: 0.625rem;
}
.rtl .full-slider .carousel-control.left {
right: 0.625rem;
left: auto;
}
.full-slider .carousel-control.right {
right: 0.625rem;
}
.rtl .full-slider .carousel-control.right {
left: 0.625rem;
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;
-moz-transition: all 0.4s ease-in-out;
-ms-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;
-moz-transition: all 0.2s ease-in-out;
-ms-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;
-moz-transition: all 0.2s ease-in-out;
-ms-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 #09afd9;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-ms-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
*/
/*
Widget Category Image
*/
/* .widget-category_image .block-content {
background: #fff; }
.widget-category_image .block_content {
display: grid; }
@media (min-width: 992px) {
.widget-category_image .block_content {
grid-template-columns: repeat(4, 1fr); } }
@media (min-width: 576px) and (max-width: 991px) {
.widget-category_image .block_content {
grid-template-columns: repeat(2, 1fr); } }
.widget-category_image ul {
margin-bottom: 0;
border: 1px solid #e5e5e5;
padding: 15px;
position: relative; }
.widget-category_image ul:hover .cate_content:before {
background-color: rgba(62, 99, 175, 0.6);
-webkit-transition: all 0.5s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
-o-transition: all 0.5s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
transition: all 0.5s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s; }
.widget-category_image ul:hover .cat_desc {
display: block; }
.widget-category_image ul:hover .cat-name {
color: #fff; }
.widget-category_image .cat_desc {
display: none;
font-size: 12px;
color: #fff;
line-height: 18px;
height: 70px;
width: 95%;
overflow: hidden;
text-overflow: ellipsis;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
position: relative;
z-index: 9;
margin: 0 0 10px; }
.widget-category_image .cat_desc p {
color: #fff; }
.widget-category_image .cate_content {
padding: 15px; }
.widget-category_image .cate_content:before {
position: absolute;
content: "";
top: 0;
height: 100%;
left: 0;
right: 0;
margin: auto;
background-color: rgba(255, 255, 255, 0.8);
-webkit-transition: all 0.5s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
-o-transition: all 0.5s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
transition: all 0.5s cubic-bezier(0.94, 0.85, 0.1, 0.62) 0s;
width: 100%;
box-sizing: content-box; }
.widget-category_image .cat-name {
display: block;
font-size: 18px;
font-weight: 600;
color: #283655;
text-transform: none;
height: 22px;
overflow: hidden;
position: relative;
z-index: 9;
margin: 10px 0;
text-align: left; }
.widget-category_image .view-product {
position: relative;
height: 50px;
border: 2px solid rgba(40, 54, 85, 0.8);
margin: 10px 0 0;
border-radius: 50px;
background: #eb774a;
display: inline-block;
box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.39);
padding: 8px 25px;
font-size: 20px;
font-weight: 600;
transition: all 0.3s ease-out 0s;
color: #fff; }
.widget-category_image .view-product:hover {
background: #283655;
color: #fff; }
.widget-category_image .cate_content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
width: 100%;
transition: all 0.3s ease-out 0s;
z-index: 9; }
@media (min-width: 768px) {
.widget-category_image li:hover .cate_content {
bottom: -65px; } } */
.latest-blogs .title_block {
margin: 0;
font-size: 20px;
background: white;
display: inline-block;
padding: 0px 10px 0px 0px;
position: absolute;
z-index: 9;
top: -10px;
left: 0;
font-weight: bold;
color: #283655;
}
.latest-blogs .block_content {
position: relative;
padding-top: 30px;
border-top: 1px dashed #dedede;
}
.latest-blogs .blog-title {
margin: 0;
text-transform: none;
font-size: 16px;
font-weight: 500;
padding: 12px 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.latest-blogs .blog-meta {
margin: 0;
}
.latest-blogs .blog-title a {
color: #000;
}
.latest-blogs .blog-desc {
margin-bottom: 20px;
font-size: 13px;
line-height: 18px;
color: #777777;
font-weight: 400;
height: 54px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.latest-blogs .blog-meta span {
font-size: 12px;
color: #999999;
}
.latest-blogs .created {
text-transform: uppercase;
color: #09afd9;
}
/* Multi Image Product List */
.leo-more-info {
background-color: #ffffff;
position: absolute;
z-index: 4000;
top: 0;
width: 0;
min-height: 100%;
overflow: hidden;
right: 0px;
float: left;
text-align: left;
-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;
-moz-transition: all 0.4s ease 0s;
-ms-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;
}
.leo-more-info .thumbs_list {
margin: auto;
overflow: hidden;
width: 80px;
height: 240px;
}
.leo-more-info .thumbs_list ul.thumbs_list_frame {
margin-bottom: 0px;
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;
width: 80px;
height: 80px;
}
.leo-more-info .thumbs_list li a {
display: block;
text-align: center;
}
.leo-more-info .thumbs_list li .leo-hover-image {
max-width: 100%;
}
.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: 0.3125rem;
}
.leo-more-info .view_scroll_left {
margin-top: 0.3125rem;
}
.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;
}
.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;
}
.ApCountdown {
padding: 0;
}
.ApCountdown .list-inline {
display: inline-block;
vertical-align: super;
padding-left: 10px;
}
.rtl .ApCountdown .list-inline {
padding-right: 10px;
padding-left: inherit;
}
.ApCountdown .list-inline li {
display: inline-block;
margin: 0 10px;
position: relative;
}
.ApCountdown .list-inline li b {
font-size: 13px;
font-weight: 700;
font-style: italic;
color: #fff;
background: #09afd9;
padding: 12px 5px;
line-height: 16px;
display: block;
}
.ApCountdown .list-inline li:before,
.ApCountdown .list-inline li:after {
content: "";
position: absolute;
top: 0;
width: 0;
height: 0;
}
.ApCountdown .list-inline li:before {
right: auto;
left: -11px;
border-bottom: 40px solid #09afd9;
border-left: 11px solid transparent;
}
.ApCountdown .list-inline li:after {
right: -11px;
border-top: 40px solid #09afd9;
border-right: 11px solid transparent;
}
.ApCountdown .list-inline li:nth-child(2):before {
border-bottom: 40px solid #d71f13;
}
.ApCountdown .list-inline li:nth-child(2):after {
border-top: 40px solid #d71f13;
}
.ApCountdown .list-inline li:nth-child(2) b {
background: #d71f13;
}
/* Instagram Block */
.instagram-block .owl-item {
padding-left: 0.3125rem;
padding-right: 0.3125rem;
}
.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: 0.625rem 0 0;
}
#instafeed {
margin: -0.3125rem;
}
@media (min-width: 768px) and (max-width: 991px) {
.clear-col {
clear: both;
}
}
.copyright span {
color: #09afd9;
}
.payment {
text-align: center;
}
@media (min-width: 992px) {
.payment {
text-align: right;
}
.rtl .payment {
text-align: left;
}
}
.top-left-header {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-moz-box-pack: start;
box-pack: start;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
-o-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: start;
}
.top-right-header {
display: -webkit-box;
display: -moz-box;
display: box;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-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;
}
@media (min-width: 768px) {
.top-center-header {
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;
}
}
@media (min-width: 1200px) {
.top-center-header > * {
padding-right: 30px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.top-center-header > * {
padding-right: 15px;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.top-center-header > * {
padding-right: 10px;
}
}
.ap-wishlist,
.ap-compare {
position: relative;
margin-top: 11px;
}
.ap-wishlist .ap-total,
.ap-compare .ap-total {
background: #09afd9;
color: #fff;
line-height: 20px;
font-size: 13px;
position: absolute;
top: -1px;
right: 18px;
left: auto;
text-align: center;
width: 20px;
height: 20px;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
-ms-border-radius: 100%;
-o-border-radius: 100%;
border-radius: 100%;
}
.rtl .ap-wishlist .ap-total,
.rtl .ap-compare .ap-total {
right: auto;
left: 18px;
}
@media (min-width: 768px) and (max-width: 1199px) {
.ap-wishlist .ap-total,
.ap-compare .ap-total {
top: -3px;
right: -10px;
left: auto;
}
.rtl .ap-wishlist .ap-total,
.rtl .ap-compare .ap-total {
right: auto;
left: -10px;
}
}
.header-container .block {
margin-bottom: 0;
}
/* Header Nav 1 */
.group-service-product {
display: flex;
display: -webkit-flex;
justify-content: flex-end;
align-items: center;
}
.group-service-product .ti-widget .ti-header {
padding: 2px 8px !important;
margin-right: 25px;
}
@media (min-width: 992px) {
.service-nav::after {
content: "";
position: absolute;
width: 1px;
height: 18px;
background: #dddddd;
right: -12px;
top: 12px;
}
.service-nav:last-child::after {
display: none;
}
.right-header {
padding: 0;
}
}
.service-nav {
padding: 5px 0;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
position: relative;
}
.service-nav + .service-nav {
margin-left: 25px;
}
.service-nav .image_description {
position: static;
padding: 0 0 0 10px;
font-family: var(--font-family-base);
}
.service-nav .title_block {
font-size: 14px;
color: #162b53;
text-transform: none;
margin-top: 0;
margin-bottom: 0;
font-weight: normal;
line-height: 1.3;
text-align: left;
}
/* Header Nav 2 */
.bottomnav .ApRow {
display: flex;
align-items: center;
}
.header_logo {
padding: 27px 0;
}
@media (max-width: 767px) {
.group-service-product .ti-widget .ti-header {
justify-content: center !important;
padding: 6px 0 !important;
margin: 0 !important;
max-width: 100% !important;
}
.header_logo {
margin-left: 60px;
}
button.navbar-toggle {
position: absolute;
top: 14px;
z-index: 1;
}
.header-top .ApRow {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.header-top .ApRow > div {
width: auto;
}
.header-top .col-search {
flex: 1;
padding-left: 0 !important;
}
}
@media (min-width: 768px) {
.leo-mobile {
display: none;
}
.col-search {
flex: 1;
}
.top-right-header {
width: fit-content;
}
}
.contact-top {
position: relative;
float: right;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
}
@media (min-width: 768px) {
.contact-top {
min-width: 236px;
padding: 8px 10px;
}
}
.contact-top .phone {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
-o-align-items: center;
align-items: center;
-ms-flex-align: center;
}
@media (min-width: 992px) {
.contact-top .phone {
height: 57px;
border: 2px solid rgba(0, 41, 85, 0.75);
background: #f4f9fd;
border-radius: 40px;
padding: 3px 25px 3px 8px;
-webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.39);
-moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.39);
box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.39);
}
}
@media (min-width: 992px) {
.contact-top.ApRawHtml {
float: right;
margin-top: -17px;
padding: 6px 0 10px;
position: relative;
}
.contact-top .fa-phone {
color: #fff;
width: 37px;
height: 37px;
background: #6f388b;
border-radius: 100%;
line-height: 20px;
border: 3px solid #f4f9fd;
box-shadow: 0 0 0 2px #002955;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 22px;
margin: 0 8px 0 3px;
}
}
.contact-top .title_block {
line-height: normal;
font-weight: 400;
font-size: 16px;
text-transform: none;
color: #283655;
margin: 0;
}
.contact-top .title_block span {
font-weight: 700;
}
.contact-top .phone-contact-top {
text-transform: none;
margin: 0;
color: black;
line-height: 21px;
}
@media (min-width: 992px) {
.contact-top .phone-contact-top {
font-size: 23px;
font-weight: 500;
color: #6f388b;
text-align: right;
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.75);
}
}
.text-info {
color: #31708f;
}
.email-contact-top {
font-size: 13px;
font-weight: 400;
}
@media (min-width: 992px) {
.email-contact-top {
position: absolute;
bottom: -15px;
left: auto;
}
}
.email-contact-top a {
color: #082541;
}
/* .image_description {
text-align: center;
position: absolute;
bottom: 10px;
width: 100%; } */
.top-right-header .ApLink:before {
content: "|";
/* background: #fff; */
/* height: 20px; */
/* width: 2px; */
font-size: 20px;
color: #fff;
opacity: 0.4;
display: inline-block;
vertical-align: middle;
margin: 0 16px 0 19px;
}
.top-right-header .ApLink ul {
margin-bottom: 0;
display: inline-block;
vertical-align: middle;
}
.top-right-header .ApLink a {
display: flex;
line-height: 46px;
height: 46px;
text-align: center;
font-size: 17px;
font-weight: 500;
color: white;
text-transform: uppercase;
}
#_desktop_cart .cart-preview .shopping-cart {
width: 45px;
height: 32px;
display: inline-block;
background: url("../../../../assets/img/modules/appagebuilder/img/items-new.png")
no-repeat;
background-position: -38px 0;
}
.ApColumn {
padding-left: 9px !important;
padding-right: 9px !important;
}
.header-top .ApRow {
position: relative;
}
/* Content */
.ApImage .image_description p {
margin-bottom: 9px;
}
.left-slideshow.ApImage .image_description {
position: absolute;
bottom: 121px;
left: 43px;
text-align: left;
}
.left-slideshow.ApImage .image_description a {
display: inline-block;
width: auto;
font-size: 20px;
padding: 15px 30px;
}
/* .ApImage {
position: relative; } */
.image_description a:hover {
background: #272146;
color: #fff;
}
.margin-bottom-2 {
margin-bottom: 14px !important;
}
/* .ap-accordion .title_block
#wrapper .ApRawHtml .title_block {
background: #283655;
padding: 15px 25px;
border-top: 3px solid #8e44ad;
color: #fff;
font-size: 20px;
font-weight: bold;
margin: 0; } */
.ap-accordion .block-html-short,
#wrapper .ApRawHtml .block-html-short {
border: 1px solid #dddddd;
padding: 20px 25px;
line-height: 23px;
margin: 0;
}
.ap-accordion .unvisible,
#wrapper .ApRawHtml .unvisible {
display: none;
}
@media (min-width: 768px) {
.ApColumn.no-padding {
padding: 0 !important;
}
}
.manufacturers_block .sub-title-widget {
background: white;
padding: 0 10px 0 0;
position: relative;
overflow: hidden;
color: #3e63af;
text-transform: uppercase;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.manufacturers_block .sub-title-widget span {
position: relative;
}
.manufacturers_block .sub-title-widget span:before,
.manufacturers_block .sub-title-widget span:after {
content: "";
position: absolute;
top: 50%;
height: 1px;
background: #e8e8e8;
}
.manufacturers_block .sub-title-widget span::before {
left: -10px;
padding-left: 9999px;
margin-left: -9999px;
}
.manufacturers_block .sub-title-widget span:after {
right: -10px;
padding-right: 9999px;
margin-right: -9999px;
}
.position-static-wr {
position: static;
}
.fix-margin {
margin: 0 -6px;
}
.no-padding .owl-row {
margin-left: 0;
margin-right: 0;
}
#index .block {
margin-bottom: 0;
}
.ap-accordion {
margin-top: 30px;
}
.box__accordion .ap-accordion {
margin-top: 0;
}
.footer-top .block {
margin-bottom: 30px;
}
.box-service-bottom {
margin-bottom: 40px;
display: flex;
align-items: flex-end;
flex-wrap: wrap;
}
.service-bottom {
display: flex;
flex-wrap: wrap;
justify-content: center;
text-align: center;
padding: 10px 0;
min-height: 146px;
border: 1px solid #eaeaea;
}
.service-bottom .sub-title-widget {
font-weight: 300;
font-size: 14px;
color: #b6b6b6;
order: 3;
font-family: "Oswald", sans-serif;
margin-bottom: 5px;
}
.service-bottom .title_block {
font-size: 16px;
font-weight: 500;
color: #00222b;
margin-top: 10px;
margin-bottom: 5px;
order: 2;
width: 100%;
text-align: center;
}
@media (min-width: 768px) {
.service-bottom.special .title_block {
font-size: 12px;
font-weight: 700;
margin-bottom: 0;
}
}
@media (max-width: 991px) and (min-width: 768px) {
.service-bottom {
margin-bottom: 5px !important;
}
}
.footer-container .title-ap-column,
.footer-center .ApLink h4.title_block {
font-weight: bold;
border-bottom: 1px solid #305780;
padding-bottom: 20px;
font-size: 20px;
color: white;
width: 100%;
display: block;
margin-bottom: 25px;
margin-top: 9px;
}
@media (min-width: 768px) {
.footer-center .ApLink {
flex: 0 0 30%;
}
}
.footer-center p,
.footer-center .ApRawHtml {
/* line-height: 25px; */
color: #fff;
}
.footer-center .ApRawHtml .title_block {
font-size: 20px;
color: white;
font-weight: normal;
margin-bottom: 25px;
font-weight: bold;
border-bottom: 1px solid #305780;
padding-bottom: 20px;
text-transform: uppercase;
}
.footer-bottom {
padding: 30px 10px;
text-align: center;
color: #666;
font-size: 14px;
}
.widget-gmap {
padding-bottom: 15px;
}
/* .group-contact-info .sub-title-widget {
font-size: 14px;
color: #000;
margin: 10px 0 20px;
} */
.owl-carousel .owl-item {
padding: 0 9px;
}
.owl-row {
margin-left: -9px;
margin-right: -9px;
}
/*# sourceMappingURL=styles.css.map */
.banner-home .image_description {
position: absolute;
bottom: calc(50% - 40px);
display: flex;
align-items: center;
width: auto;
right: 53px;
}
.banner-home {
padding: 20px 0;
}
.btn-primary:hover {
background: transparent;
}
.box-service-bottom .title-ap-group {
display: none;
}
@media (max-width: 767px) {
.header-top .wrapper {
padding-top: 8px;
padding-bottom: 8px;
/* padding-left: 9px; */
/* padding-right: 9px; */
position: relative;
/* margin-left: -9px !important; */
/* margin-right: -9px !important; */
background: #f9f8fe !important;
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;
}
form#leosearchtopbox {
border: 1px solid #dddddd;
border-radius: 3px;
}
.header-nav #custom-text {
display: none;
}
.header_logo {
margin-left: 0 !important;
}
.leo-verticalmenu .title_block {
height: 40px;
line-height: 40px;
width: 40px;
border-radius: 5px;
background-color: transparent;
padding: 0;
}
.leo-verticalmenu .title_block:after,
.leo-verticalmenu .title_block span {
display: none;
}
#leo-verticalmenu.active .box-content {
height: calc(100vh - 150px);
width: calc(100vw - 20px);
overflow: auto;
}
.content-inner ul {
margin-bottom: 0;
}
.content-col-top a {
font-size: 15px;
}
#leo-verticalmenu .content-col {
width: 100%;
}
#leo-verticalmenu .content-inner li:first-child {
display: block;
border-top: 1px solid #e5e5e5;
}
#leo-verticalmenu .content-inner li:first-child a {
padding: 10px 25px;
font-weight: 400;
text-transform: uppercase;
color: #000;
}
#leo-verticalmenu .content-inner li:first-child a:after {
top: 50%;
transform: translateY(-50%);
}
#leo-verticalmenu .content-inner li {
display: none;
}
.service-bottom {
min-height: inherit;
margin-bottom: 18px !important;
background: #f6f6f6;
padding: 8px;
border: 1px solid #d9d9d9;
border-radius: 10px;
display: block;
min-height: 88px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.service-bottom .title_block {
margin-top: 0;
/* text-align: left; */
font-size: 13px;
white-space: normal;
font-weight: 500 !important;
line-height: 1.3 !important;
/* padding-left: 50px; */
margin-bottom: 0;
color: #072441;
}
.service-bottom .sub-title-widget {
color: #00222b;
font-size: 11px;
font-weight: 300;
text-align: left;
/* padding-left: 50px; */
display: none;
}
.service-bottom img.img-fluid {
height: 30px !important;
order: -1;
max-width: min-content;
margin-bottom: 10px;
}
.footer-container .ApRawHtmlblock .title_block,
.footer-container .ApLink.block .title_block,
.title-ap-column {
font-size: 16px;
margin-bottom: 15px;
padding-bottom: 10px !important;
}
.footer-container .ApRawHtmlblock li a,
.footer-container .ApLink.block li a {
font-weight: 300 !important;
text-transform: none !important;
}
.footer-container .ApBlockLink:last-child {
clear: left;
}
.leo-verticalmenu .title_block:before {
display: block !important;
content: "\f0c9";
font-family: FontAwesome;
margin-right: 0;
font-weight: 400;
}
#_desktop_cart .cart-preview .shopping-cart {
width: 45px;
height: 45px;
display: inline-block;
background: url("../../../../assets/img/modules/appagebuilder/img/icon-cart-mobile.png")
no-repeat;
background-position: center;
background-size: 38px;
}
#_desktop_cart .cart-products-count {
top: 6px;
right: 2px;
left: auto;
font-size: 10px;
font-weight: 400;
}
.box-service-bottom .title-ap-group {
display: block;
padding: 0 9px;
text-align: center;
position: relative;
}
.box-service-bottom .title-ap-group:before,
.box-service-bottom .title-ap-group:after {
content: "";
position: absolute;
top: 50%;
height: 1px;
width: 36px;
background: #3e63af;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
}
.box-service-bottom .title-ap-group:before {
left: 0;
}
.box-service-bottom .title-ap-group:after {
right: 0;
}
.phone-contact a {
font-size: 13px;
font-weight: 500;
text-align: center;
color: #000;
}
.phone-contact i {
display: block;
}
}
.header-top {
/* border-top: 5px solid #0092a3; */
}
.header-top #leo_search_block_top {
margin: 4px 0;
}
.btn-all-product-category {
/* display: block;
color: #072441;
position: relative;
margin: 10px 4px 5px;
padding: 7px 55px 7px 5px;
background: #FA6F3A;
border: 1px solid #002955;
border-radius: 3px;
height: 46px;
width: 100%;
text-align: left;
padding-left: 15px;
font-size: 16px;
line-height: 14px;
font-weight: 800;
text-align: center; */
font-size: 16px;
line-height: 20px;
font-weight: 500;
color: #152b54;
text-transform: capitalize;
display: flex;
align-items: center;
gap: 0 4px;
text-decoration: underline;
transition: 0.3s all ease;
padding: 3px 0 7px;
}
.btn-all-product-category:hover {
/* background: #002955;
border-color: #FA6F3A;
color: #fff; */
color: #eb774a;
text-decoration: underline;
}
.all-category {
padding-bottom: 0;
border-bottom: 1px solid #d3d3d3;
margin-bottom: 6px;
}
@media (max-width: 767px) {
.all-category {
padding-left: 25px;
padding-right: 25px;
border: none;
margin-bottom: 0;
}
}
.content-col.all-category p {
margin-bottom: 0;
}
.btn-all-product-category i {
/* width: 30px;
height: 30px;
font-size: 15px;
line-height: 30px;
text-align: center;
border-radius: 3px;
background: #072441;
color: #faa528;
position: absolute;
top: 0;
right: 5px;
bottom: 2px;
z-index: 2;
margin: auto; */
display: flex;
position: relative;
}
.btn-all-product-category i::before {
content: url('data:image/svg+xml,');
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
transition: 0.3s all ease;
}
.btn-all-product-category:hover i::before {
content: url('data:image/svg+xml,');
}
.home-banner.ApImage {
font-family: "Oswald", sans-serif;
font-size: 42px;
font-weight: 100;
color: #4d648d;
position: relative;
}
.home-banner.ApImage .image_description {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-left: 70px;
flex-direction: column;
align-items: start;
text-align: left;
}
.home-banner.ApImage .image_description > div {
position: relative;
}
.home-banner.ApImage .image_description > div.home-banner-title {
font-size: 57px;
font-weight: bold;
color: #283654;
/* animation: animationbanner1 2s; */
line-height: 58px;
margin-bottom: 10px;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
}
.home-banner-desc {
/* animation: animationbanner2 2.5s; */
font-size: 31px;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
font-weight: 400;
color: #0991a1;
margin-bottom: 10px;
}
.home-banner-button {
bottom: -40px;
}
.image_description {
font-family: "Oswald", sans-serif;
}
.home-banner-button a {
color: #fff;
position: relative;
margin: auto;
padding: 8px 55px 8px 15px;
border-radius: 3px;
font-weight: 500;
font-size: 25px;
display: inline-block;
background: #fa6f3a;
font-family: "Fira Sans Condensed", sans-serif;
}
.home-banner-button a i {
width: 30px;
height: 30px;
font-size: 15px;
line-height: 30px;
text-align: center;
border-radius: 3px;
background: #fff;
color: #fa6f3a;
position: absolute;
top: 0;
right: 10px;
bottom: 2px;
z-index: 2;
margin: auto;
}
.home-banner-button a:hover {
background: #ff6225;
color: #fff;
border-color: #ff6225;
}
.home-banner-button a:hover i {
background: #fff;
color: #ff6225;
}
/* .ApImage .image_description a {
display: block;
border: 2px solid #272146;
text-align: center;
padding: 8px;
font-weight: bold;
border-radius: 44px;
background: #eb774a;
width: 142px;
font-size: 14px;
margin-left: 10px;
color: #fff;
} */
.banner-slide-top .banner-slide {
position: relative;
}
.banner-slide-top .image_description {
position: absolute;
inset: 0;
padding: 20px 11px;
}
.small-banner-title {
font-size: 30px;
font-weight: 600;
line-height: 1.1;
/* position: absolute;
top: 30px;
left: 22px; */
color: #283654;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
text-align: center;
}
.small-banner-desc {
color: #4d638d;
text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.2);
/* left: 22px; */
font-weight: 200;
position: absolute;
/* top: 70px; */
font-size: 33px;
}
.small-banner-button {
position: absolute;
bottom: 20px;
text-align: center;
display: block;
width: 100%;
left: 50%;
transform: translateX(-50%);
}
.small-banner-button a {
color: #002955;
position: relative;
margin: auto;
padding: 7px 55px 7px 10px;
background: #fff;
border: 1px solid #002955;
border-radius: 3px;
font-weight: 500;
font-size: 18px;
line-height: 35px;
display: inline-block;
font-family: "Fira Sans Condensed", sans-serif;
}
.small-banner-button a:hover {
background: #002955;
color: #fff;
}
.small-banner-button a i {
width: 30px;
height: 30px;
font-size: 15px;
line-height: 30px;
text-align: center;
border-radius: 3px;
background: #0991a1;
color: #fff;
position: absolute;
top: 0;
right: 10px;
bottom: 2px;
z-index: 2;
margin: auto;
}
.small-banner-button a:hover i {
background-color: #fff;
color: #002955;
}
@media (max-width: 1199px) {
.home-banner-button a,
.small-banner-button a {
font-size: 20px;
}
}
@keyframes animationbanner1 {
0% {
left: 400px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes animationbanner2 {
0% {
left: 600px;
opacity: 0;
}
50% {
left: 400px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@keyframes animationbanner4 {
0% {
left: 800px;
opacity: 0;
}
33% {
left: 600px;
opacity: 0;
}
66% {
left: 400px;
opacity: 0;
}
100% {
left: 0;
opacity: 1;
}
}
@media (min-width: 992px) {
#slideshow .slide-home {
width: 77%;
}
#slideshow .banner-slide-top {
width: 23%;
}
}
.row {
margin-left: -9px;
margin-right: -9px;
}
.title_block {
}
.box-manufacturers {
margin-top: 30px;
}
.manufacturers_block {
position: relative;
}
.manufacturers_block .block_content {
padding: 30px 0;
border-top: 1px dashed #dedede;
}
.box-manufacturers .title_block {
margin: 0 !important;
position: absolute;
top: 11px;
left: 9px;
z-index: 2;
font-weight: normal;
}
.box-manufacturers .slick-slide {
padding-left: 15px;
padding-right: 15px;
}
.box-manufacturers .slick__arrow--custom .slick-arrows {
top: -15px;
}
.ApRawHtml .title_block,
.box-manufacturers .title_block,
.box__accordion .title_block,
.box__category .title_block,
.box__blog .title_block {
font-size: 23px;
text-transform: none;
color: black;
background: white;
display: inline-block;
padding: 0 10px 0 33px;
position: relative;
font-weight: 400;
}
.ApRawHtml .title_block:before,
.box-manufacturers .title_block::before,
.box__accordion .title_block::before,
.box__category .title_block::before,
.box__blog .title_block::before {
width: 30px;
height: 25px;
content: "";
position: absolute;
top: 0;
left: 0;
background: url("../../../../assets/img/modules/appagebuilder/img/items.png")
no-repeat;
background-position: -225px -7px;
}
.slick__arrow--custom .slick-arrows .slick-arrow {
position: relative;
transform: none;
top: auto;
left: auto;
right: auto;
bottom: auto;
width: 40px;
height: 30px;
}
.slick-arrows .slick-arrow:before {
font-size: 19px;
opacity: 1;
}
.slick-arrows .slick-arrow.slick-prev:before {
content: "\f104";
}
.slick-arrows .slick-arrow.slick-next:before {
content: "\f105";
}
.slick__arrow--custom .slick-arrows .slick-arrow.slick-prev::after {
content: "";
position: absolute;
top: -5px;
right: -16px;
width: 32px;
height: 38px;
background: url("../../../../assets/img/modules/appagebuilder/img/items.png")
no-repeat;
background-position: -255px 0;
}
.slick__arrow--custom .slick-arrows {
position: absolute;
width: 85px;
position: absolute;
height: 30px;
top: -54px;
background: white;
right: -20px;
display: flex;
align-items: center;
}
.slick__arrow--custom .slick-slider,
.slick__arrow--custom .slick-list,
.slick__arrow--custom .slick-track {
position: initial;
}
.group-product-tab {
padding: 0 15px;
border: 5px solid #1d9fae;
}
.group-product-tab .ApRawHtml {
margin-top: -25px;
text-align: left;
}
.ApRawHtml .title_block {
margin: 15px auto 25px;
}
.group-product-tab .nav-tabs {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 4px;
margin-top: 25px;
margin-bottom: 20px;
padding-bottom: 0;
}
.group-product-tab .nav-tabs .nav-item {
margin: 0;
}
.group-product-tab .nav-tabs .nav-link {
padding: 10px 15px;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: black;
line-height: 1.42857;
border-radius: 0;
border: 1px solid #eaeaea;
}
.group-product-tab .nav-tabs .nav-link.active {
background-color: #1d9fae;
border-color: #1d9fae;
color: #fff;
}
.group-product-tab .tab-content {
padding: 0 0 20px;
}
.group-product-tab .slick__arrow--custom .slick-arrows {
background-color: transparent;
}
.list-product-slick-carousel .slick-list {
margin-left: -9px;
margin-right: -9px;
}
.list-product-slick-carousel .slick-slide {
padding-left: 9px;
padding-right: 9px;
}
.p-relative {
position: relative !important;
}
.box__product {
margin-left: 0;
margin-right: 0;
}
.box__product .slick__arrow--custom .slick-arrows {
top: -15px;
}
.box__product .ApColumn {
border-top: 1px dashed #eaeaea;
}
.box__product .ApRawHtml {
margin-top: -25px;
}
.box__product--custom .slick-track > .slick-slide {
transition: 0.3s all ease;
display: flex;
flex-wrap: wrap;
padding-left: 0;
padding-right: 0;
}
.box__product--custom .slick-track > .slick-slide > div {
width: calc(100% / 6);
}
.box__product--custom .slick-track > .slick-slide > div:first-child {
width: 50%;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container {
display: flex;
flex-wrap: wrap;
height: calc(100% - 17px);
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container
.product-description-short {
-webkit-line-clamp: 4;
margin-bottom: 16px;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container
.product-meta
.product-reference {
margin-top: 14px;
margin-bottom: 10px;
text-align: center;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.leo-more-info {
display: none;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.product-meta
> .thumbs_list.hidden {
display: block;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.product-meta
.thumbs_list_frame {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 8px;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.product-meta
.thumbs_list_frame
li {
border: 1px solid #e3e3e3;
}
.box__product--custom .slick-track > .slick-slide > div:first-child .item,
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.product-miniature {
height: 100%;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container
.product-image {
width: 60.8%;
padding: 16px;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container
.product-additional {
padding: 16px;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container
.product-meta {
flex: 1;
text-align: left;
padding: 11px 16px;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container
.product-price-and-shipping {
margin-left: 0;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.leo-more-info {
top: calc(100% + 40px);
left: -3px;
right: auto;
border-top: none;
border-left: 2px solid #000;
border-right: 2px solid #000;
width: 100%;
height: 80px;
transform: none;
min-height: auto;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.leo-more-info
.thumbs_list {
width: 240px;
height: 80px;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container:hover
.leo-more-info {
top: calc(100% + 1px);
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.leo-more-info
.thumbs_list
li {
float: left;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container
.product-title {
margin-bottom: 12px;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container
.product-title
a {
min-height: auto;
font-size: 18px;
line-height: 21px;
}
.box__product--custom .slick-list {
overflow: visible;
clip-path: inset(0 0 -100% 0);
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.leo-more-info
.view_scroll_right {
right: 10px;
margin: 0;
left: auto;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
height: 15px;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.leo-more-info
.view_scroll_left {
left: 10px;
margin: 0;
top: 50%;
transform: translateY(-50%) rotate(-90deg);
height: 15px;
}
@media (max-width: 1199px) {
.box__product--custom .slick-track > .slick-slide > div {
width: calc(100% / 4);
}
.box__product--custom .slick-track > .slick-slide > div:first-child {
width: 50%;
}
}
@media (max-width: 991px) {
.box__product--custom .slick-track > .slick-slide > div {
width: calc(100% / 3);
}
.box__product--custom .slick-track > .slick-slide > div:first-child {
width: 100%;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container {
margin-bottom: 40px;
}
.box__product--custom
.slick-track
> .slick-slide
> div:first-child
.thumbnail-container
.product-image {
width: 35%;
}
}
.box__product:hover {
z-index: 2;
}
.box__accordion {
margin-left: 0;
margin-right: 0;
}
.box__accordion .home-faq-title {
border-top: 1px dashed #dedede;
}
.box__accordion .title_block {
position: relative;
top: -18px;
margin: 0;
}
.widget-category_image {
position: relative;
border-top: 1px dashed #dedede;
text-align: center;
}
.widget-category_image .title_block {
position: relative;
top: -15px;
margin-bottom: 15px;
}
.widget-category_image .block_content {
display: block;
}
.widget-category_image li {
display: flex;
background-color: #f9f9f9;
border: 1px solid #eaeaea;
}
.widget-category_image .cate_image {
width: 40%;
}
.widget-category_image .cate_image img {
aspect-ratio: 1;
object-fit: cover;
}
.widget-category_image .cate_content {
width: 60%;
padding: 15px 15px 0;
text-align: left;
}
.widget-category_image .cat-name {
font-size: 16px;
font-weight: bold;
color: black;
margin-top: 0;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
margin-bottom: 9px;
text-transform: uppercase;
}
.widget-category_image .cat_desc {
font-size: 12px;
color: #777777;
height: 87px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
margin-bottom: 2px;
}
.widget-category_image .view-product {
display: none;
}
.widget-category_image .slick-list {
margin-left: -9px;
margin-right: -9px;
}
.widget-category_image .slick-slide {
padding-left: 9px;
padding-right: 9px;
}
.box__category {
margin-left: 0;
margin-right: 0;
}
.box__category .slick__arrow--custom .slick-arrows {
top: -15px;
}
.box__blog {
margin-left: 0;
margin-right: 0;
}
.box__blog .title_block {
position: absolute;
top: -15px;
left: 0;
}
.box__blog .slick__arrow--custom .slick-arrows {
top: -16px;
}
.latest-blogs .btn-more {
color: #fff;
position: relative;
margin: 0;
padding: 8px 50px 8px 15px;
border: 1px solid #273755;
border-radius: 3px;
min-width: 150px;
text-align: center;
font-size: 15px;
line-height: 22px;
text-transform: uppercase;
font-weight: 500;
height: 44px;
background: #273755;
transition: 0.2s all;
display: inline-flex;
justify-content: center;
align-items: center;
text-transform: capitalize;
}
.latest-blogs .btn-more:hover {
background: #fa6f3a;
color: #002955;
}
.latest-blogs .btn-more::before {
content: "\f054";
font-family: "FontAwesome";
width: 30px;
height: 30px;
font-size: 12px;
border-radius: 3px;
background: #fff;
color: #273755;
position: absolute;
top: 8px;
right: 8px;
bottom: 8px;
z-index: 2;
margin: auto;
transition: 0.2s all ease;
display: flex;
justify-content: center;
align-items: center;
}
.latest-blogs .btn-more:hover {
background-color: #fff;
color: #273755;
}
.latest-blogs .btn-more:hover::before {
background-color: #0991a1;
color: #fff;
}
.box__newletter .block_newsletter {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.block_newsletter .title_block#block-newsletter-label {
font-size: 17px;
color: #696969;
font-weight: normal;
margin-right: 10px;
text-transform: none;
}
.block_newsletter form .btn {
outline: none;
color: #072441;
position: relative;
margin: 0;
font-weight: 500;
padding: 10px 11px;
border: 1px solid #002955;
background: #fff;
padding-right: 55px;
border-radius: 4px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
padding-left: 15px;
position: relative;
inset: auto;
min-width: auto;
}
.block_newsletter form .btn:hover {
background: #fa6f3a;
}
.block_newsletter form .btn i {
width: 25px;
height: 25px;
font-size: 11px;
line-height: 25px;
text-align: center;
border-radius: 5px;
background: #072441;
color: #faa528;
position: absolute;
top: 0;
right: 7px;
bottom: 0;
z-index: 2;
margin: auto;
box-shadow: none;
border: none;
}
.block_newsletter form .btn i::before {
content: "\f054";
}
.block_newsletter .wrap {
display: flex;
flex-wrap: wrap;
}
#footer .box-footer-top .group-contact-info {
margin-top: 40px;
}
@media (max-width: 767px) {
#footer .box-footer-top .group-contact-info {
text-align: center;
margin-top: 20px;
}
}
#footer .box-footer-top .group-contact-info .title_block {
display: none;
}
#footer .box-footer-top .group-contact-info ul li {
color: white;
margin-bottom: 10px;
padding-left: 30px;
position: relative;
}
#footer .box-footer-top .group-contact-info ul li a {
color: white;
word-wrap: break-word;
}
#footer .box-footer-top .group-contact-info ul li i {
position: absolute;
top: 0;
left: 0;
font-size: 14px;
color: #1d9fae;
font-family: "FontAwesome";
}
@media (max-width: 767px) {
#footer .box-footer-top .group-contact-info ul li i {
position: initial;
margin-right: 5px;
}
}
.group-contact-form .right-contact {
display: none;
}
.group-contact-form .left-contact {
width: 100%;
}
.group-contact-form .left-contact .form-fields {
padding-bottom: 0;
background: transparent;
}
.group-contact-form .contact-form h3, .group-contact-form .contact-form .h3 {
margin: 0 0 25px;
padding: 0;
background: transparent;
font-size: 24px;
color: white;
text-transform: none;
font-weight: normal;
}
.group-contact-form .g-recaptcha {
display: none;
}
.group-contact-form .form-fields {
display: flex;
flex-wrap: wrap;
gap: 15px 18px;
}
.group-contact-form .form-fields > .form-group {
width: 100%;
margin-bottom: 0;
}
.group-contact-form .contact-form-right,
.group-contact-form .contact-form-left {
width: calc(50% - 9px);
}
.group-contact-form .contact-form label:not(.btn) {
padding-top: 0;
padding-bottom: 0;
margin: 0;
display: none;
}
.group-contact-form .form-group {
margin-bottom: 15px;
}
.group-contact-form .form-control {
background: transparent;
border: 1px solid #213f46;
font-size: 14px;
color: #777777;
height: 32px;
line-height: 1;
}
.group-contact-form textarea.form-control {
height: 126px;
}
.group-contact-form .form-control::placeholder {
font-size: 14px;
color: #999;
}
.group-contact-form .form-control:-moz-placeholder {
font-size: 14px;
color: #999;
}
.group-contact-form .form-control:-ms-input-placeholder {
font-size: 14px;
color: #999;
}
.group-contact-form .form-control::-webkit-input-placeholder {
font-size: 14px;
color: #999;
}
.group-contact-form .file-upload .bootstrap-filestyle {
display: none;
}
.group-contact-form #file-upload {
position: initial !important;
clip: initial !important;
}
.group-contact-form .file-upload {
text-align: left;
}
.group-contact-form .contact-form .form-footer {
position: initial;
margin: -15px 0 0;
text-align: left !important;
display: block;
}
.contact-form #submitMessage {
color: #072441;
position: relative;
margin: 0;
font-weight: 500;
font-size: 14px;
padding: 10px 15px;
padding-right: 15px;
background: #fff;
border: 1px solid #002955;
padding-right: 55px;
border-radius: 4px;
}
.contact-form #submitMessage .fa {
width: 27px;
height: 27px;
font-size: 13px;
line-height: 27px;
text-align: center;
border-radius: 5px;
background: #22a2af;
color: #fff;
position: absolute;
top: 0;
right: 10px;
bottom: 2px;
z-index: 2;
margin: auto;
transition: 0.25s all ease;
}
.contact-form #submitMessage:hover {
/* background: #FA6F3A; */
}
.contact-form #submitMessage:hover .fa {
background: #fa6f3a;
}
.contact-form #submitMessage .fa::before {
content: "\f054";
}
.box-footer-top {
border-bottom: 1px solid #555555;
}
.footer-center .block-social .title_block {
display: none;
}
.footer-center .block-social li a:before {
box-shadow: none;
}
.footer-center .block-social li a {
width: 30px;
height: 30px;
line-height: 30px;
}
#footer .form-search-bottom {
width: 100%;
position: relative;
}
#footer .input-text {
width: 100%;
background: white;
outline: none;
border: none;
color: #9f9f9f;
font-size: 14px;
padding: 9px 35px 9px 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
}
#footer .input-text::placeholder {
color: rgb(117, 117, 117);
opacity: 1;
}
#footer .btn-submit {
background: #77a632;
color: #ffffff;
font-size: 14px;
text-align: center;
border: 0;
padding: 4px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-ms-border-radius: 0;
-o-border-radius: 0;
border-radius: 0;
width: 30px;
position: absolute;
right: 5px;
top: 5px;
}
@media (min-width: 992px) {
#footer .group-search-bottom {
padding-right: 0;
}
}
.group-text-footer {
color: #fff;
}
.box__copyright {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.logo-footer {
text-align: left;
}
.copyright {
color: #aaa;
text-align: right;
line-height: 35px;
}
.copyright a:hover {
color: #1d9fae;
}
#leo-megamenu .navbar-nav > li.aligned-center .dropdown-menu {
left: 50%;
right: 0;
transform: translateX(-50%);
animation-name: animationmenus-center;
}
@media (max-width: 991px) {
#custom-text .navbar-header {
display: block;
}
#custom-text #leo-megamenu #megamenu {
position: fixed;
top: 0;
left: 0;
z-index: 9;
width: 300px;
height: 100vh;
padding: 30px 20px;
background: #fff;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: 0.3s all ease;
}
#custom-text #leo-megamenu.active #megamenu {
opacity: 1;
visibility: visible;
transform: none;
}
#custom-text #leo-megamenu .megamenu {
display: flex;
flex-direction: column;
}
}
.slick-slide > div:not(.item, :last-child) .thumbnail-container {
margin-bottom: 15px;
}
.group-text-footer .title_block,
.box__footer--link .title_block {
font-size: 24px;
color: #fff;
text-align: left;
font-weight: 500;
margin-bottom: 15px;
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
margin-left: 9px;
margin-right: 9px;
}
@media (min-width: 768px) {
.group-text-footer .title_block,
.box__footer--link .title_block {
display: none;
}
}
@media (max-width: 991px) {
.group-contact-form .contact-form-right,
.group-contact-form .contact-form-left {
width: 100%;
}
.group-contact-form .contact-form .form-footer {
float: right !important;
}
}
.box__category--mobile .widget-category_image .block_content {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px 18px;
}
.box__category--mobile .widget-category_image .cate_content {
display: block;
padding: 0;
width: 100%;
}
.box__category--mobile .widget-category_image .cate_content img {
aspect-ratio: 1;
object-fit: cover;
}
.box__category--mobile .widget-category_image {
border: none;
}
.box__category--mobile .widget-category_image li {
background: transparent;
border: none;
}
.box__category--mobile
.widget-category_image
.cate_content
> span:not(.cover-img) {
width: 100%;
float: none;
min-height: 56px;
text-align: center;
padding: 10px 15px;
font-size: 19px;
text-transform: none;
font-family: "Oswald", sans-serif;
line-height: 25px;
font-weight: bold;
color: #062949;
display: block;
background-color: #fff;
}
.box__category--mobile .widget-category_image ul {
margin-bottom: 0;
}
@media (max-width: 480px) {
.box__category--mobile .widget-category_image .block_content {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 767px) {
.copyright {
text-align: center;
line-height: 17px;
}
.footer-bottom {
padding: 13px 10px 20px;
border-top: 2px solid #1d9fae;
}
.group-text-footer {
margin-top: 0;
}
/* menu */
#custom-text #leo-verticalmenu .box-content {
position: fixed;
top: 0;
left: 0;
z-index: 999999;
width: 100%;
background-color: #fff;
transition: all 0.3s;
transform: translateX(-100%);
height: 100%;
}
#custom-text #leo-verticalmenu.active .box-content {
transform: none;
}
#custom-text #leo-verticalmenu .content-inner {
column-count: inherit !important;
height: 100%;
padding: 10px 0 20px;
overflow-y: auto;
overflow-x: hidden;
}
#custom-text #leo-verticalmenu .content-inner .fa-times {
display: block;
text-align: right;
padding-right: 15px;
font-size: 0;
margin-bottom: 10px;
}
#custom-text #leo-verticalmenu .content-inner .fa-times::before {
font-size: 30px;
color: #1d9fae;
}
#custom-text #leo-verticalmenu .content-col .fa {
font-size: 0;
}
#custom-text #leo-verticalmenu .content-col .fa::before {
font-size: 14px;
}
#leo-verticalmenu .content-inner li .fa-minus {
display: none;
}
#leo-verticalmenu .content-inner ul.active li .fa-plus {
display: none;
}
#leo-verticalmenu .content-inner ul.active li .fa-minus {
display: block;
}
.btn-all-product-category {
width: calc(100% - 10px);
}
}
.categories_block_left {
padding: 5px 40px;
margin-top: 10px;
margin-bottom: 5px;
}
.categories_block_left .slick-arrows .slick-arrow.slick-prev::after {
display: none;
}
.categories_block_left .slick-arrows .slick-arrow {
width: 30px;
height: 30px;
border-radius: 50%;
border: 1px solid #ccc;
background-color: #fff;
}
.categories_block_left .slick-list {
margin-left: -5px;
margin-right: -5px;
}
.categories_block_item {
padding-left: 5px;
padding-right: 5px;
}
.categories_block_item a {
border: 1px solid #002955;
color: #002955;
padding: 10px 20px;
display: block;
border-radius: 3px;
transition: 0.2s all ease;
}
.categories_block_item a:hover {
color: #fff;
background: #1ca0ac;
}
.categories_block_left:not(.slick-initialized) {
height: 0;
opacity: 0;
visibility: hidden;
}
@media (max-width: 991px) {
.categories_block_left {
border: 1px solid #dddddd;
}
}
.category--title {
text-align: center;
}
.category--title .block {
display: inline-block;
max-width: 90%;
margin: 0 auto;
font-size: 23px;
color: #000000;
font-weight: normal;
text-transform: none;
font-family: "Oswald", sans-serif;
position: relative;
background-color: #fff;
padding: 0 5px;
}
.category--title .block::before,
.category--title .block::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
height: 1px;
width: 9999px;
background: #1d9fae;
transform: translate(-50%, -50%);
z-index: -1;
}
.block_newsletter .block_content {
position: relative;
}
.block_newsletter p.alert {
padding: 8px 15px 8px 40px;
margin-top: 6px;
margin-bottom: 0;
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
}
.block_newsletter p.alert::before {
top: 50%;
left: 15px;
transform: translateY(-50%);
font-size: 16px;
}
@media (max-width: 767px) {
#wrapper #content-wrapper {
padding-left: 9px;
padding-right: 9px;
}
#wrapper .container,
.container {
padding-left: 16px;
padding-right: 16px;
}
.header_logo {
padding: 15px 0;
}
.header-top {
border: none;
}
.leo-verticalmenu .title_block:before {
font-size: 24px;
color: #00222b;
}
#leo_search_block_top .block_content #leo_search_top_button {
box-shadow: none;
background: #1d9fae;
top: 0;
bottom: 0;
right: 0;
height: auto;
width: auto;
aspect-ratio: 1;
border-radius: 3px;
}
.header-top #leo_search_block_top {
margin: 0 0 0 -12px;
}
.box-manufacturers .title_block,
.category--title .block {
inset: auto;
font-size: 16px;
line-height: 22px;
color: #072441;
padding: 8px;
font-weight: 500;
text-transform: uppercase;
font-family: var(--font-family-base);
}
.box-manufacturers .slick-arrows {
display: none;
}
.manufacturers_block .block_content {
padding: 0;
border: none;
}
.manufacturers_block .slick-manufacturers {
margin-right: 20%;
}
.manufacturers_block .slick-list {
overflow: visible;
clip-path: inset(0 -100% 0 0);
margin-left: 0;
margin-right: 0;
}
.box-manufacturers .slick-slide {
padding-left: 15px;
padding-right: 15px;
}
.box-manufacturers {
text-align: center;
margin-top: 16px;
margin-bottom: 24px;
}
.box-manufacturers .title_block,
.category--title .block {
position: relative;
}
.box-manufacturers .title_block:before,
.category--title .block::before,
.category--title .block::after,
.box-manufacturers .title_block:after {
content: "";
position: absolute;
top: 50%;
height: 1px;
background: #e8e8e8;
width: auto;
}
.box-manufacturers .title_block::before,
.category--title .block::before {
left: -10px;
padding-left: 9999px;
margin-left: -9999px;
}
.box-manufacturers .title_block:after,
.category--title .block::after {
right: -10px;
padding-right: 9999px;
margin-right: -9999px;
}
.google-reviews {
height: unset;
overflow: unset;
margin-left: -8px;
margin-right: -8px;
}
.google-reviews .ApColumn {
padding-left: 0 !important;
padding-right: 0 !important;
}
.google-reviews iframe {
height: 480px;
}
.box__accordion {
margin-left: -9px;
margin-right: -9px;
margin-bottom: 6px !important;
}
.pricebeatpromise-col1,
.pricebeatpromise-col2 {
width: 100%;
margin: 0;
}
.box__accordion .title_block {
inset: auto;
border-top: none;
font-size: 16px;
line-height: 20px;
background: #072441;
padding: 8px 16px;
margin-bottom: 8px;
font-weight: 500;
color: #fff;
display: block;
text-transform: uppercase;
}
.box__accordion .title_block::before {
display: none;
}
.box__accordion .home-faq-title {
border-top: none;
}
.box__accordion .ap-accordion {
margin-top: 0;
}
.ap-accordion .panel-default {
border: none;
margin-bottom: 8px;
}
.ap-accordion .panel-default .panel-heading {
padding: 12px;
margin-bottom: 0;
background: #f4f4f4;
border-color: #f4f4f4;
border-radius: 0;
}
.ap-accordion .panel-default .panel-title {
height: auto;
}
.ap-accordion .panel-default .panel-title a,
.ap-accordion .panel-default .panel-title a:hover,
.ap-accordion .panel-default .panel-title a:focus,
.product-tab-content .panel-default .panel-title a:hover,
.product-tab-content .panel-default .panel-title a:focus {
font-size: 15px;
line-height: 24px;
font-weight: 500;
color: #072441;
}
.ap-accordion .panel-default .panel-title a::after {
font-weight: 600;
top: calc(50% - 12px);
}
.ap-accordion .panel-default > .panel-heading + .panel-collapse .panel-body {
margin-top: 4px;
padding: 12px 16px;
font-size: 14px;
line-height: 22px;
color: #777777;
border: 1px solid #f0f0f0;
}
.box__category--mobile .widget-category_image ul {
border: 1px solid #d9d9d9;
}
.box__category--mobile
.widget-category_image
.cate_content
> span:not(.cover-img) {
min-height: unset;
font-size: 16px;
line-height: 21px;
padding: 12px 10px 16px;
color: #072441;
font-weight: 500;
}
#main .page-footer {
margin-bottom: 0;
}
.box-service-bottom {
margin-bottom: 6px;
}
.box__banner-mobile img {
object-fit: cover;
max-height: 600px;
}
.box__banner-mobile .small-banner-button {
text-align: center;
padding-left: 16px;
padding-right: 16px;
}
.banner-slide-top .image_description {
padding: 24px 16px;
}
.banner-slide-top .small-banner-desc {
font-size: 24px;
}
#footer .box__footer--link .ApColumn:nth-child(2n + 1) {
clear: both;
}
#footer .box__footer--link .ApColumn:nth-child(3n + 1) {
clear: unset;
}
.group-text-footer .title_block, .group-text-footer .sub-title-widget {
font-size: 18px;
line-height: 26px;
font-weight: 500;
letter-spacing: -0.32px;
text-transform: uppercase;
position: relative;
border: none;
padding: 16px;
margin: 0 0 16px;
}
.group-text-footer .title_block::before, .group-text-footer .sub-title-widget::before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 100vw;
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
}
.group-text-footer .block_content div {
font-size: 13px !important;
line-height: 26px;
color: rgba(255, 255, 255, 0.7);
}
.footer-center {
padding: 0;
background: #072441;
}
.footer-container .ApRawHtmlblock li a,
.footer-container .ApLink.block li a {
font-size: 13px !important;
color: rgba(255, 255, 255, 0.7);
}
.footer-bottom {
border: none;
padding: 0;
}
.contact-footer-mobile {
padding-top: 21px;
padding-bottom: 21px;
margin-bottom: 0;
}
.contact-footer-mobile:after {
display: none;
}
.group-contact-info.ApRawHtml {
padding: 0;
}
.group-contact-info.ApRawHtml .title_block {
padding: 0;
font-size: 18px;
line-height: 26px;
text-transform: uppercase;
font-weight: 500;
color: #072441;
margin-bottom: 8px;
margin-top: 0;
}
.group-contact-info.ApRawHtml .title_block::before {
display: none;
}
.group-contact-info .sub-title-widget {
color: #072441;
font-size: 14px;
line-height: 16px;
margin: 0 0 20px;
}
.group-contact-info ul li {
font-size: 14px;
color: #000;
display: flex;
align-items: center;
height: 33px;
padding-right: 32px;
margin: 0 0 16px;
}
.group-contact-info ul li:last-child {
margin-bottom: 0;
}
.group-contact-info ul li .fa {
box-shadow: none;
}
.group-contact-info ul li,
.group-contact-info li a {
color: #072441;
}
.footer-container .contact-footer-mobile .group-contact-info ul li span {
flex: 1;
font-size: 13px !important;
line-height: 18px;
color: #072441;
}
.group-contact-info ul li .fa {
width: 32px !important;
height: 32px;
line-height: 32px;
color: #fff;
background: #072441;
display: block;
border-radius: 4px;
text-align: center;
margin-right: 10px;
}
.footer-container
.contact-footer-mobile
.group-contact-info
ul
li
span.phone-number {
font-size: 16px !important;
font-weight: 500;
}
.footer-menu {
padding-top: 20px;
padding-bottom: 24px;
}
.footer-menu ul {
display: flex;
align-items: center;
flex-wrap: wrap;
margin-bottom: 0;
}
.footer-menu .ApBlockLink:not(:last-child) {
margin-bottom: 22px !important;
}
#footer .footer-menu .ApLink.block li {
padding: 0;
}
.footer-menu .ApLink.block li a {
padding: 0 16px 0 0;
margin-right: 16px;
font-size: 14px !important;
line-height: 18px;
color: #072441;
position: relative;
display: block;
}
.footer-menu .ApLink.block li:not(:last-child) a::before {
content: "|";
font-size: 14px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
color: #d9d9d9;
}
.footer-bottom .footer-menu.bg-fullwidth-container .ApColumn {
padding-left: 9px !important;
padding-right: 9px !important;
}
.box__copyright {
text-align: left;
padding: 16px 0;
color: rgba(255, 255, 255, 0.7);
font-size: 14px;
line-height: 18px;
margin-left: -16px !important;
margin-right: -16px !important;
background: #072441;
}
.box__copyright .copyright {
text-align: left;
}
.footer-bottom .box__copyright.bg-fullwidth-container .ApColumn {
padding-left: 16px !important;
padding-right: 16px !important;
}
.card-top-header {
position: relative;
width: 100vw;
left: 50%;
transform: translateX(-50%);
}
.card-top .category-bg {
object-fit: cover;
margin-top: 0;
height: 120px;
}
.card-top .cart .category-bg {
height: 120px;
}
.card-top-header-title {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
flex-wrap: wrap;
padding: 0 16px;
}
.card-top h1.h1.cat_name {
font-size: 36px;
line-height: 1;
font-weight: 700;
color: #273755;
margin-bottom: 0;
text-transform: none;
letter-spacing: 0.01em;
margin-bottom: 5px;
}
.card-top .cart h1.h1.cat_name {
font-size: 22px;
}
.bottom-cat-title {
font-size: 15px;
color: #072441;
margin: 0 0 5px;
text-transform: none;
font-weight: 400;
}
#wrapper .breadcrumb {
font-size: 14px;
}
#wrapper .breadcrumb ol > li a {
color: #777777;
font-weight: 400;
}
#wrapper .breadcrumb {
font-weight: 400;
color: #283655;
text-transform: uppercase;
line-height: 22px;
}
#wrapper .breadcrumb ol > li i {
margin: 0 3px;
font-size: unset;
color: #adadad;
}
#wrapper .breadcrumb ol > li i::before {
content: url('data:image/svg+xml,');
}
a.more-cat-desc {
display: block;
margin-top: 4px;
}
#category-description {
margin-bottom: 12px;
font-size: 14px;
line-height: 20px;
}
.subcategory-description.cat_desc {
display: none;
}
.subcategory-meta .functional-buttons {
display: none;
}
.subcategory-meta {
padding: 12px 10px 16px;
}
.subcategory-block {
background: #fff;
border-color: #d9d9d9;
}
.subcategory-block h5 {
margin: 0;
font-size: 18px;
line-height: 22px;
font-weight: 500;
color: #072441;
text-transform: capitalize;
height: 44px;
overflow: hidden;
-webkit-line-clamp: 2;
}
body:not(#category) .box__accordion--category {
display: none;
}
.box__accordion--category {
margin-bottom: 16px !important;
}
#category .footer-container {
margin-top: 10px;
}
#subcategories {
margin-bottom: 0;
}
.same-category .slick-arrows .slick-arrow {
display: none;
}
.same-category.slick-initialized {
margin-bottom: 0;
margin-top: 12px;
border: none;
}
#category .product_list.grid {
padding: 0;
margin-left: 0;
margin-right: 0;
background: transparent;
}
.product-list-default .thumbnail-container {
border: none;
margin: 0;
}
.ajax_block_product .thumbnail-container {
margin: 0;
}
.thumbnail-container .product-meta {
background-color: #fff;
}
.ajax_block_product {
border: 1px solid #d9d9d9;
}
.ajax_block_product:not(.last-mobile-line) {
border-bottom: none;
}
.ajax_block_product.first-item-of-mobile-line {
border-right: none;
}
#products .up {
display: none;
}
.product_list .row {
margin-left: 0;
margin-right: 0;
}
.product-list-default .thumbnail-container .product-meta {
margin-bottom: 16px;
padding: 16px 0 0;
}
.thumbnail-container .product-meta .product-reference {
font-weight: 400;
color: #000;
margin-bottom: 10px;
margin-top: 8px;
font-size: 13px;
line-height: 14px;
letter-spacing: -0.32px;
}
.product-list-default .thumbnail-container .product-title {
margin-bottom: 8px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
min-height: 36px;
}
.product-list-default .thumbnail-container .product-title a {
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
color: #000000;
line-height: 18px;
}
.thumbnail-container .product-price-and-shipping .price-play {
top: 7px;
}
.thumbnail-container .product-description-short {
margin-bottom: 8px;
font-size: 12px;
line-height: 18px;
font-weight: 400;
color: #666666;
-webkit-line-clamp: 2;
height: auto;
min-height: 36px;
}
.thumbnail-container .product-price-and-shipping .price-play i {
color: #fff;
border-radius: 3px;
line-height: 20px;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 15px;
background: #22a2af;
width: 100%;
height: 100%;
position: inherit;
left: 0;
top: 0px;
font-family: "FontAwesome";
font-weight: 400;
}
.thumbnail-container .product-price-and-shipping .price-play i::before {
content: "\f054";
}
.thumbnail-container .product-price-and-shipping .price-from {
position: unset;
width: 100%;
text-align: center;
font-size: 12px;
font-weight: 400;
color: #777;
justify-content: center;
}
.thumbnail-container .product-price-and-shipping .price,
.thumbnail-container .product-price-and-shipping .price-notice {
font-size: 20px;
font-weight: 700;
color: #333333;
}
.thumbnail-container .product-price-and-shipping {
height: 46px;
padding: 5px 40px 5px 25px;
}
#category .product_list {
margin-bottom: 14px;
}
.product-list-default .thumbnail-container:hover {
box-shadow: none;
}
.product_detail_mobile .product-cover img {
border: 1px solid #eeeeee;
}
.product_detail_mobile .product-cover {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 10px;
}
.product_detail_mobile.product-detail.product-thumbs-bottom
.product-thumb-images {
padding-left: 0;
padding-right: 0;
}
.product-thumb-images .thumb {
border: 1px solid #dfdfdf;
}
.product_detail_mobile h1.product-name,
.product_detail_mobile div.product-name {
text-transform: capitalize;
color: #072441;
margin-top: 0;
}
.product_detail_mobile .product-price {
color: #1d9fae;
font-weight: 800;
}
.product_detail_mobile .price-notice {
margin-left: 3px;
}
.price-mobile-row .price-from {
font-size: 15px;
font-weight: 500;
color: #777777;
margin-right: 6px;
width: auto;
}
.price-mobile-row .product-ce-code {
font-size: 14px;
color: #787878;
margin-bottom: 6px;
font-weight: 400;
}
.product-detail-description {
margin-top: 10px;
}
.product-accordion-top {
margin-top: 6px;
}
.product-accordion-top .leo-mobile-accordion-heading {
border: none;
margin-bottom: 0;
}
.product-accordion-top .leo-mobile-accordion {
padding: 12px 0;
border-bottom: 1px solid #dfdfdf;
}
.product-accordion-top .leo-mobile-accordion:first-child {
border-top: 1px solid #dfdfdf;
}
.product-accordion-top .leo-mobile-accordion-heading a {
padding: 0;
color: #072441;
font-size: 15px;
line-height: 22px;
font-weight: 500;
height: auto;
text-transform: capitalize;
}
.product-accordion-top .description-short {
margin-top: 0;
}
.product-accordion-top .panel-accordion {
display: block;
height: 0;
opacity: 0;
visibility: hidden;
transition: 0.25s all;
color: #777777;
font-size: 13px;
line-height: 22px;
padding: 0;
border: none;
}
.product-accordion-top .panel-accordion.show {
opacity: 1;
visibility: visible;
height: auto;
margin-top: 8px;
margin-bottom: 4px;
}
.product-accessories {
margin-top: 24px;
}
.product-accessories .products-section-title {
border-top: none;
font-size: 16px;
line-height: 22px;
background-color: #072441;
padding: 8px 16px;
margin: 0;
color: #fff;
display: block;
font-family: "Fira Sans Condensed";
max-width: 100%;
text-transform: uppercase;
font-weight: 500;
text-align: left;
}
.product-accessories .products-section-title::before {
display: none;
}
#product-accessories .owl-controls {
margin: 0;
top: -19px !important;
right: 8px;
}
#product-accessories .owl-controls .owl-buttons > div {
width: 20px;
height: 20px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-left: 4px;
position: unset;
}
#product-accessories .owl-buttons div.owl-prev:before,
#product-accessories .owl-buttons div.owl-next:before {
font-size: 15px;
line-height: 1;
}
.product-accordion-bottom .leo-mobile-accordion-heading a {
height: 48px;
font-size: 15px;
font-weight: 500;
color: #072441;
text-transform: none;
}
.product-accordion-bottom .leo-mobile-accordion-heading {
border-color: #d9d9d9;
}
.leo-mobile-accordion-heading a:after {
font-weight: 600;
}
.product-accessories .owl-item .item {
padding: 8px 12px 16px;
}
.product-accessories .thumbnail-container .product-meta {
margin-bottom: 0;
}
.product-accessories .owl-item.first .item {
border-right-color: transparent;
}
.product-accessories .owl-item .item {
border: 1px solid #ccc;
}
.product-accessories .owl-carousel .owl-item {
padding: 0;
}
.thumbnail-container .product-price-and-shipping {
margin-top: 0;
margin-bottom: 0;
}
.product-accordion-bottom
.leo-mobile-accordion:not(:first-child)
.leo-mobile-accordion-heading {
border-top: 1px solid #d9d9d9;
}
#accordion.leo-mobile .faq-item:last-child {
margin-bottom: 0;
}
.product-accordion-bottom .leo-mobile-accordion:not(:last-child) {
margin-bottom: 10px;
}
.price-mobile-row .content_prices {
display: block;
}
p.title-quote .close-quote-box {
display: block;
}
p.title-quote {
text-align: left;
border-color: #072441;
background-color: #072441;
}
.product-actions > div {
border-color: #072441;
}
.product-cecode-price {
flex-direction: row-reverse;
}
.product-cecode-price .product-ce-code {
font-size: 12px;
color: #787878;
margin-bottom: 6px;
font-weight: 500;
}
.hidden-mobile {
display: none;
}
.product-actions.show-mobile {
width: calc(100vw - 20px);
left: 10px;
right: 10px;
bottom: 0;
padding-bottom: 20px;
background-color: #fff;
}
.product-actions-after {
margin-bottom: 0;
position: absolute;
bottom: 12px;
background: #fff;
padding: 0 10px;
left: 50%;
transform: translateX(-50%);
width: max-content;
}
.product-actions-after b {
font-weight: 600;
color: #072441;
}
.product-actions > div:not(:last-child) {
border-bottom: 3px solid #072441;
padding-bottom: 20px;
}
.button-overlay.active {
display: none;
}
.thumbnail-container:hover .product-price-and-shipping {
background-color: unset;
}
}
@media (min-width: 768px) {
.card-top h1.h1.cat_name {
font-size: 36px;
line-height: 1;
font-weight: 700;
color: #273755;
margin-bottom: 0;
text-transform: none;
letter-spacing: 0.01em;
margin-bottom: 5px;
position: unset;
padding: 0;
}
.card-top .bottom-cat-title {
font-size: 22px;
line-height: 33px;
font-weight: 500;
margin-bottom: 0;
color: #0991a1;
text-transform: none;
letter-spacing: 0.01em;
}
.card-top-header {
position: relative;
}
.card-top-header-title {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
padding: 0 40px 0;
}
}
.button-exclusive {
padding: 8px 50px 8px 15px;
border-color: #273755;
background-color: #fff;
border-radius: 3px;
font-size: 15px;
line-height: 18px;
color: #273755;
display: inline-flex;
align-items: center;
justify-content: center;
height: 44px;
position: relative;
transition: 0.25s all;
}
.button-exclusive i.fa {
width: 30px;
height: 30px;
border-radius: 3px;
background-color: #0991a1;
color: #fff;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 8px;
bottom: 8px;
right: 8px;
transition: 0.25s all;
font-weight: 400;
}
.button-exclusive:hover {
background-color: #273755;
color: #fff;
border-color: #273755;
}
.button-exclusive:hover i.fa {
color: #273755;
background-color: #fff;
}
#get_a_quote .quote_detail_customer {
border-bottom: 4px solid #072441;
}
#get_a_quote .quote_detail_customer::after {
display: none;
}
#get_a_quote .quote_detail_customer p {
display: inline-block;
min-width: 391px;
padding: 10px 35px 10px 16px;
background-color: #072441;
font-size: 20px;
line-height: 24px;
text-transform: uppercase;
font-weight: 700;
color: #fff;
margin-bottom: -1px;
clip-path: polygon(0 0, calc(100% - 32px) 0, 100% 100%, 0% 100%);
}
.quote_form {
margin-left: -7px !important;
margin-right: -7px !important;
}
.quote_form_left {
padding-left: 0;
padding-right: 8px;
}
.quote_form_right {
padding-right: 0;
padding-left: 8px;
}
.quote_form_left {
display: flex;
flex-wrap: wrap;
gap: 22px 0;
align-items: center;
}
.quote_form_right {
display: flex;
flex-wrap: wrap;
gap: 16px 0;
align-items: center;
}
.quote_form_left > [class*="col-"],
.quote_form_right > [class*="col-"] {
padding-left: 7px;
padding-right: 7px;
}
.quote_form .form-group {
margin-bottom: 0;
position: relative;
}
.quote_form .control-label {
display: none;
}
#validateOrder .quote_form .form-control {
padding: 8px 8px;
border-radius: 4px;
border: 1px solid #d9d9d9;
font-size: 14px;
line-height: 18px;
height: 43px;
font-weight: 400;
}
#validateOrder .quote_form .form-control::placeholder {
font-size: 14px;
line-height: 18px;
font-weight: 400;
color: #aeaeb2;
}
.quote_form .control-label.fileUpload {
display: inline-block;
font-size: 14px;
line-height: 18px;
font-weight: 500;
color: #fff;
padding: 8px 20px;
border-radius: 3px;
background-color: #273755;
margin-bottom: 0;
cursor: pointer;
}
.quote_form .control-label.fileUpload:hover {
background-color: #fa6f3a;
color: #fff;
}
#validateOrder .quote_form #fileUpload {
background: transparent;
padding-left: 0;
border: none;
display: none;
padding-bottom: 0;
height: auto;
}
#validateOrder .quote_form #fileUpload:focus {
outline: none;
}
#validateOrder .quote_form #fileUpload::placeholder {
font-size: 12px;
color: #8e8e93;
font-style: italic;
}
#validateOrder .quote_form #fileUpload::-webkit-file-upload-button {
display: none;
}
@media (min-width: 1200px) {
.quote_form .form-group.text-center {
text-align: right;
}
}
.quote_form #submitQuote {
margin-top: 0;
padding: 12px 60px 12px 30px;
}
#submitQuote span {
font-size: 24px;
line-height: 18px;
font-weight: 700;
height: auto;
padding: 0;
box-shadow: none;
border-radius: 0;
width: auto;
gap: 0 16px;
}
#submitQuote span .fa-play {
width: 30px;
height: 30px;
font-size: 14px;
line-height: 14px;
border-width: 2px;
font-weight: 400;
display: flex;
justify-content: center;
align-items: center;
}
#validateOrder .quote_form #message {
height: 55px;
}
.quote_form select.form-control:not([size]):not([multiple]) {
height: 43px !important;
}
#validateOrder .quote_form select.form-control {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
color: #aeaeb2;
font-weight: 400;
}
.quote_form .form__control--select,
.quote_form .form__control--date {
position: relative;
}
.quote_form .form__control--select::after {
content: "\f107";
font-family: "FontAwesome";
position: absolute;
font-size: 16px;
width: 20px;
height: 20px;
top: 50%;
display: flex;
justify-content: center;
align-items: center;
right: 15px;
transform: translateY(-50%);
font-weight: 600;
color: #072441;
}
.quote_form
.form__control--date
input[type="date"]::-webkit-calendar-picker-indicator {
width: 100%;
height: 40px;
background-image: url('data:image/svg+xml,');
background-position: right center;
background-repeat: no-repeat;
background-size: auto;
position: absolute;
top: 0;
bottom: 0;
right: 8px;
}
.quote_form
.form__control--date
input[type="date"]::-webkit-datetime-edit {
font-size: 14px;
line-height: 18px;
color: #aeaeb2;
font-weight: 400;
}
.quote_form
.form__control--date
input[type="date"] {
position: relative;
}
.quote_form .form__control--date .control-label {
position: absolute;
top: 1px;
left: 8px;
bottom: 1px;
z-index: 2;
font-size: 14px;
line-height: 18px;
padding: 8px;
color: #aeaeb2;
background-color: #fff;
border-radius: 4px;
width: fit-content;
display: flex;
align-items: center;
margin-bottom: 0;
font-weight: 400;
display: flex;
align-items: center;
}
.quote_form .form__control--date .control-label.hidden {
display: none;
}
.quote_form .form__control--date .form-control:focus + .control-label {
display: none;
}
.upload-hint {
display: inline-block;
margin-left: 16px;
font-size: 12px;
line-height: 18px;
color: #8e8e93;
font-style: italic;
}
.get_a_quote img {
max-width: calc(100% - 350px);
}
.quote-text {
text-align: center;
font-size: 14px;
line-height: 18px;
margin-bottom: 0;
color: #072441;
font-weight: 400;
}
.quote-text b {
font-weight: 600;
}
@media (min-width: 768px) {
.quote_form .hidden-desktop {
display: none;
}
.quote_form #g-recaptcha {
height: 63px;
}
.quote_form #g-recaptcha > div {
transform: scale(0.84);
transform-origin: left top;
}
}
@media (max-width: 767px) {
.get_a_quote {
display: none;
}
#get_a_quote {
margin-top: 16px;
}
#validateOrder {
padding-top: 8px;
margin-left: -16px;
margin-right: -16px;
}
#get_a_quote .quote_detail_customer {
margin-left: -16px;
margin-right: -16px;
border: none;
}
#get_a_quote .quote_detail_customer p {
max-width: 100%;
min-width: unset;
width: 100%;
}
.quote_form_left {
padding-right: 0;
gap: 13px 0;
}
.quote_form_left > div:first-child {
order: -2;
}
.quote_form_left > div:nth-child(3),
.quote_form_left > div:nth-child(4) {
order: -1;
}
.quote_form_right {
padding-left: 0;
gap: 13px 0;
margin-top: 13px;
align-items: unset;
}
#validateOrder .quote_form #message {
height: 70px;
}
.quote_form #g-recaptcha, .contact-form-right #g-recaptcha {
height: 48px;
}
.quote_form #g-recaptcha > div, .contact-form-right #g-recaptcha > div {
transform: scale(0.63);
transform-origin: left top;
}
.quote_form .form-group.text-center {
text-align: right;
}
#submitQuote {
min-width: unset;
margin-left: -4px;
}
.quote_form #submitQuote {
margin: 0;
padding: 5px 50px 5px 15px;
}
#submitQuote span {
font-size: 18px;
}
.button-exclusive {
width: 100%;
justify-content: center;
}
.add-quotes {
display: inline-block;
vertical-align: middle;
font-weight: 600;
position: relative;
width: 100%;
font-size: 20px;
padding: 10px 55px 10px 10px;
background: #fa6f3a;
color: #fff;
border-radius: 3px;
}
.add-quotes::after {
content: "\f054";
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 5px;
background: #fff;
position: absolute;
top: 0;
right: 10px;
bottom: 2px;
margin: auto;
color: #fa6f3a;
font-size: 16px;
z-index: 2;
font-family: "Font Awesome 5 Free";
}
.add-quotes i {
display: none;
}
}
@media (max-width: 420px) {
.thumbnail-container .product-price-and-shipping .price-notice {
margin-left: 0;
position: absolute;
}
.thumbnail-container .product-price-and-shipping {
padding-left: 20px;
}
}
#contact .contact-form-right {
display: flex;
flex-wrap: wrap;
align-items: center;
}
#contact .contact-form-right .contactform-message {
width: calc(100% + 18px);
}
#contact .contact-form-right .g-recaptcha {
width: calc(50% + 18px);
margin-bottom: 0;
}
#contact .contact-form-right .form-footer {
margin: 0;
width: 50%;
}
@media (min-width: 768px) {
.product-detail-description {
display: inline-block;
width: 50%;
vertical-align: top;
padding-right: 9px;
}
.product-tab-top {
display: inline-block;
width: 50%;
padding-left: 9px;
}
}
.product-meta > .thumbs_list.hidden {
display: none;
}
#category_description_short {
margin-bottom: 6px;
}
@media (min-width: 768px) {
#category_description_short > div {
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
}
.manufacturer-image-container img {
width: 100%;
max-width: 120px;
margin-left: auto;
margin-right: auto;
}
.cms-about-us #wrapper > .container {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.cms-about-us #wrapper #content-wrapper {
padding-left: 9px;
padding-right: 9px;
}
.cms-about-us .breadcrumb {
padding-left: 9px !important;
padding-right: 9px !important;
margin-left: auto;
margin-right: auto;
}
.cms-about-us .card-top {
background-color: #f3faff;
padding-bottom: 8px;
}
.align__center {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.cms-about-us .text-center {
text-align: center;
}
.cms-about-us #wrapper .title_block {
margin-top: 0;
margin-bottom: 16px;
font-size: 32px;
line-height: 40px;
text-transform: uppercase;
font-weight: 500;
color: #273755;
padding: 0;
}
.cms-about-us #wrapper .white-color .title_block {
color: #fff;
}
.cms-about-us #wrapper .title_block::before {
display: none;
}
.about__box--content .title_block {
max-width: 500px;
}
.about__box--content .block_content {
max-width: 607px;
}
.about__box--content .block_content p {
margin-bottom: 0;
}
.cms-about-us #wrapper p {
font-size: 16px;
line-height: 25px;
color: #888;
}
.cms-about-us #wrapper .white-color p {
color: rgba(255, 255, 255, 0.4);
}
.cms-about-us #wrapper .ApRawHtml p {
max-width: 1079px;
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
}
.cms-about-us .mb-24 {
margin-bottom: 24px;
}
.about__heading--custom {
border-radius: 8px;
background-color: #f3faff;
padding: 8px 10px;
font-size: 22px;
line-height: 25px;
font-weight: 500;
color: #273755;
margin-bottom: 16px !important;
}
.about__box--custom {
padding: 16px;
border-radius: 8px;
background: #f3faff;
min-height: 155px;
}
.about__box--custom.type2 {
padding: 16px 40px;
min-height: unset;
border-radius: 0;
}
.about__box--custom.type2 h4 {
margin-bottom: 0;
}
.about__box--custom:not(:last-child) {
margin-bottom: 20px;
}
.about__box--custom.type2 {
margin-bottom: 16px;
}
.about__box--custom h4 {
display: flex;
align-items: center;
gap: 6px;
padding: 4px 0;
font-size: 20px;
font-weight: 500;
color: #273755;
margin-bottom: 8px;
text-transform: capitalize;
margin-top: 0;
}
.about__box--custom p {
margin-bottom: 0;
}
.cms-about-us #main .page-content,
.cms-about-us #main .page-footer {
margin-top: 0;
margin-bottom: 0;
}
.page-cms .card-top-header-title,
.page-contact .card-top-header-title {
padding: 0 40px;
}
.page-cms .card-top-header img,
.page-contact .card-top-header img,
.card-top-header img {
height: 140px;
margin-top: 0;
width: 100%;
}
.page-cms .card-top-header-title h1,
.page-contact .card-top-header-title h1,
.card-top-header-title h1 {
font-size: 36px;
line-height: 1.2;
font-weight: 700;
color: #273755;
margin-bottom: 0;
text-transform: none;
letter-spacing: 0.01em;
margin-bottom: 0;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.page-cms .card-top-header-title h2,
.page-contact .card-top-header-title h2,
.card-top-header-title h2 {
font-size: 22px;
line-height: 33px;
font-weight: 500;
margin-bottom: 0;
color: #0991a1;
text-transform: none;
letter-spacing: 0.01em;
}
@media (max-width: 991px) {
.about__box--content {
padding-top: 30px;
}
.order-md-1 {
order: -1;
}
}
@media (max-width: 767px) {
.cms-about-us .breadcrumb {
width: 100%;
max-width: 100%;
padding-left: 16px !important;
padding-right: 16px !important;
}
.cms-about-us #wrapper .title_block {
font-size: 20px;
line-height: 24px;
}
.page-cms .card-top-header img,
.page-contact .card-top-header img,
.card-top-header img {
object-fit: cover;
height: 120px;
}
.page-cms .card-top-header-title,
.page-contact .card-top-header-title {
padding: 0 16px;
}
.page-cms .card-top-header-title h1,
.page-contact .card-top-header-title h1,
.card-top-header-title h1,
.card-top .cart h1.h1.cat_name {
font-size: 28px;
margin: 0 0 5px;
line-height: 1.1;
}
.page-cms .card-top-header-title h2,
.page-contact .card-top-header-title h2,
.card-top-header-title h2 {
font-size: 16px;
text-transform: none;
font-weight: 400;
line-height: 1.1;
}
}
@media (min-width: 768px) {
.cms-about-us .breadcrumb {
width: 738px;
max-width: 100%;
}
}
@media (min-width: 992px) {
.cms-about-us .breadcrumb {
width: 958px;
max-width: 100%;
}
}
@media (min-width: 1200px) {
.cms-about-us .breadcrumb {
width: 1170px;
max-width: 100%;
}
}
@media (min-width: 1500px) {
.cms-about-us .breadcrumb {
width: 1290px;
max-width: 100%;
}
}
.read-more-box {
margin-bottom: 9px !important;
}
.read-more-text {
/* display: -webkit-box; */
/* -webkit-line-clamp: 4; */
/* -webkit-box-orient: vertical; */
/* overflow: hidden; */
transition: all 0.3s ease;
margin-bottom: 4px;
}
.read-more-text.expanded {
/* -webkit-line-clamp: unset !important; */
/* max-height: none; */
}
.read-more-toggle {
color: #0991a1;
cursor: pointer;
display: inline-block;
margin-top: 0;
text-decoration: underline;
}
.read-more-toggle:hover {
color: #eb774a;
}
.br-space {
display: none;
height: 6px;
}
.text-center {
text-align: center;
}
.d-flex {
display: flex;
flex-wrap: wrap;
}
.cms-block-custom {
background: #f3faff;
}
.cms-block-custom .block {
display: flex;
flex-direction: column;
justify-content: center;
max-width: 402px;
margin: auto;
}
.cms-block-custom .block.mw-466 {
max-width: 466px;
}
.custom--form .form-box {
background: #f3faff;
border: none;
border-radius: 0;
padding: 24px 24px 36px;
}
.custom--form .title_form {
background: transparent;
font-size: 28px;
line-height: 39px;
font-weight: 700;
text-align: center;
color: #273755;
padding: 0;
margin: 0 0 24px;
font-family: var(--font-family-base);
}
.custom--form .form-group {
margin-bottom: 12px;
}
.custom--form .form-group label {
font-size: 14px;
line-height: 18px;
font-weight: 400;
margin-bottom: 8px;
text-align: left;
color: #aeaeb2;
display: none;
}
.custom--form .form-group label.control-label {
margin-bottom: 4px;
}
.custom--form .form-control {
border-radius: 4px;
border-color: #d9d9d9;
}
.custom--form .form-box textarea {
height: 82px;
}
.custom--form .form-box .submit {
margin-bottom: 0;
/* margin-top: 16px; */
text-align: right;
}
.custom--form .form-box .submit .btn {
font-size: 22px;
line-height: 30px;
font-weight: 600;
color: #fff;
background-color: #fa6f3a;
padding: 10px 90px 10px 50px;
border-radius: 3px;
position: relative;
text-align: center;
border: none;
}
.custom--form .form-box .submit .btn::after {
content: "\f054";
font-family: "FontAwesome";
width: 30px;
height: 30px;
font-size: 12px;
font-weight: 400;
line-height: 30px;
text-align: center;
border-radius: 3px;
background: #fff;
color: #fa6f3a;
position: absolute;
top: 10px;
right: 10px;
bottom: 0;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
}
.custom--form .form-box .submit .btn:hover {
background-color: #273755;
}
.custom--form .form-box .submit .btn:hover::after {
background-color: #fff;
color: #273755;
}
.no-padding {
padding: 0 !important;
}
#blog-category > h1 {
line-height: 1.2;
font-weight: 700;
color: #273755;
margin-bottom: 0;
text-transform: none;
margin-bottom: 20px;
}
#blog-category .section-title {
font-size: 28px;
line-height: 1.2;
font-weight: 700;
color: #273755;
margin-bottom: 0;
text-transform: none;
margin-bottom: 20px;
display: none;
}
.sample-policy-box {
padding-right: 50px;
}
.best-price-box {
padding-right: 50px;
}
.sample-policy-box h4,
.best-price-box h4,
.artwork-box h4,
.condition-box h4,
.privacy-box h4,
.cms-box h4 {
margin-top: 0;
margin-bottom: 16px;
font-size: 27px;
line-height: 32px;
font-weight: 700;
color: #273755;
text-transform: none;
}
.privacy-box a,
.cms-box a {
color: #1d9fae;
}
.privacy-box a:hover,
.cms-box a:hover {
color: #fa6f3a;
}
.condition-box h1 {
margin-top: 0;
margin-bottom: 16px;
font-size: 36px;
line-height: 1.2;
font-weight: 700;
color: #273755;
text-transform: none;
}
.privacy-box h2,
.condition-box h2 {
margin-top: 0;
margin-bottom: 16px;
font-size: 30px;
line-height: 36px;
font-weight: 700;
color: #273755;
text-transform: none;
}
.sample-policy-box p,
.best-price-box p,
.artwork-box p,
.condition-box p,
.privacy-box p,
.cms-box p {
font-size: 16px;
line-height: 24px;
color: #273755;
margin-bottom: 32px;
}
.best-price-box ul,
.artwork-box ul,
.privacy-box ul,
.cms-box ul {
list-style: disc;
list-style-position: inside;
font-size: 16px;
line-height: 24px;
color: #273755;
}
.artwork-box ul ul {
padding-left: 32px;
list-style: circle;
list-style-position: inside;
margin-top: 8px;
margin-bottom: 8px;
}
.artwork-box ul ul ul {
list-style: disc;
list-style-position: inside;
}
.artwork-box ul li.d-flex {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 0 40px;
}
.artwork-box ul li.d-flex strong {
width: 100%;
}
.artwork-box ul li.d-flex img {
margin-bottom: 8px;
}
.artwork-box .align-center {
display: flex;
align-items: center;
gap: 8px;
}
.artwork-box .align-center span {
flex: 1;
}
.artwork-box .align-center::before {
content: "";
width: 5px;
height: 5px;
background-color: #273755;
border-radius: 50%;
}
.artwork-box h3 {
font-size: 30px;
line-height: 36px;
margin-bottom: 16px;
color: #273755;
text-transform: none;
margin-top: 0;
font-weight: 700;
}
.artwork-box div.d-flex {
flex-wrap: wrap;
gap: 15px;
}
.artwork-box div.d-flex > div {
max-width: 610px;
}
.mb-8 {
margin-bottom: 8px !important;
}
.mb-12 {
margin-bottom: 12px !important;
}
.mb-32 {
margin-bottom: 32px !important;
}
.cms-id-21 #wrapper,
.cms-id-22 #wrapper,
.cms-id-25 #wrapper,
.cms-id-32 #wrapper,
.cms-id-33 #wrapper,
.cms-id-11 #wrapper {
background: #f3faff;
}
.cms-id-21 #main .page-footer,
.cms-id-22 #main .page-footer,
.cms-id-25 #main .page-footer,
.cms-id-32 #main .page-footer,
.cms-id-33 #main .page-footer,
.cms-id-11 #main .page-footer {
margin: 0;
}
.cms-id-21 #main .page-content,
.cms-id-22 #main .page-content,
.cms-id-25 #main .page-content,
.cms-id-32 #main .page-content,
.cms-id-33 #main .page-content,
.cms-id-11 #main .page-content {
margin-bottom: 0;
}
.decoration-box {
margin-bottom: 0 !important;
padding: 24px;
background: #f3faff;
display: flex;
gap: 20px;
height: 100%;
}
.decoration-box img {
width: 40% !important;
object-fit: cover;
}
.decoration-box .image_description {
font-family: var(--font-family-base);
flex: 1;
}
.decoration-box h3 {
font-size: 27px;
line-height: 32px;
margin-bottom: 8px;
text-transform: none;
font-weight: 700;
color: #273755;
}
.decoration-box p {
font-size: 13px;
line-height: 16px;
}
.decoration-box ul {
margin-bottom: 8px;
list-style: disc;
list-style-position: inside;
font-size: 13px;
line-height: 16px;
}
.decoration-box ul:last-child {
margin-bottom: 0;
}
.decoration-box p strong {
font-size: 14px;
line-height: 18px;
font-weight: 600 !important;
}
.decoration-flex {
display: flex;
flex-wrap: wrap;
gap: 20px 0;
}
.artwork-box .artwork-tips-image {
margin-bottom: 30px;
}
@media (min-width: 768px) {
.artwork-box .mw-65 {
width: 65%;
padding-right: 50px;
display: inline-block;
}
.artwork-box .artwork-tips-image {
width: 35%;
display: inline-block;
vertical-align: top;
}
}
@media (max-width: 767px) {
.cms-block-custom {
padding-top: 24px !important;
padding-bottom: 24px !important;
padding-left: 16px !important;
padding-right: 16px !important;
}
.about__box--custom.type2 {
padding: 10px 16px;
}
.custom--form .form-box {
padding: 16px;
}
.cms__title--block {
font-size: 20px !important;
line-height: 1.2 !important;
margin-bottom: 24px !important;
font-weight: 600 !important;
}
.cms-block-custom h4 {
font-size: 18px !important;
line-height: 1.2 !important;
font-weight: 600 !important;
}
.cms-block-custom p {
font-size: 14px !important;
line-height: 22px !important;
}
.about__box--custom h4 {
font-size: 18px;
}
.sample-policy-box,
.best-price-box {
padding-right: 0;
margin-bottom: 30px !important;
}
.sample-policy-box h4,
.best-price-box h4,
.artwork-box h4 {
font-size: 22px;
line-height: 1.2;
font-weight: 600;
}
.privacy-box h2 {
font-size: 28px;
line-height: 32px;
}
.condition-box h1 {
font-size: 32px;
}
.artwork-box h3 {
font-size: 24px;
line-height: 1.3;
}
.sample-policy-box p,
.best-price-box p,
.artwork-box p {
margin-bottom: 20px;
}
#product #footer {
padding-bottom: 67px;
}
#footer {
padding-bottom: 50px;
}
.custom--form .form-box #g-recaptcha {
margin-bottom: 12px;
}
}
@media (max-width: 480px) {
.decoration-box {
padding: 16px;
flex-wrap: wrap;
}
.decoration-box img {
width: 100% !important;
}
}
.button__contact--footer {
position: fixed;
background-color: #273755;
bottom: 0;
left: 0;
right: 0;
width: 100%;
z-index: 9;
height: 50px;
display: flex;
align-items: center;
}
.button__contact--footer a {
color: #fff;
width: 50%;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
gap: 0 9px;
font-size: 16px;
font-weight: 400;
letter-spacing: -0.32px;
}
.button__contact--footer a:first-child {
border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.align-items-center {
align-items: center !important;
}
@media (max-width: 767px) {
.home-banner-mobile {
position: relative;
}
.home-banner-mobile .image_description {
position: absolute;
left: 50%;
top: 86%;
transform: translateX(-50%);
}
.home-banner-mobile .image_description a {
color: #fff;
position: relative;
margin: auto;
padding: 7px 55px 7px 15px;
border-radius: 3px;
font-weight: 500;
font-size: 20px;
display: inline-flex;
align-items: center;
background: #fa6f3a;
font-family: "Fira Sans Condensed", sans-serif;
min-height: 46px;
width: max-content;
}
.home-banner-mobile .image_description a::after {
content: "\f054";
font-family: "FontAwesome";
width: 30px;
height: 30px;
font-size: 12px;
font-weight: 400;
line-height: 30px;
text-align: center;
border-radius: 3px;
background: #fff;
color: #fa6f3a;
position: absolute;
top: 8px;
right: 8px;
bottom: 0;
z-index: 2;
display: flex;
justify-content: center;
align-items: center;
}
}
@media (max-width: 480px) {
.page-cms .card-top-header-title h1, .page-contact .card-top-header-title h1, .card-top-header-title h1, .card-top .cart h1.h1.cat_name {
font-size: 22px;
}
}
.blog-description a {
color: #1d9fae;
}
.blog-description a:hover {
color: #fa6f3a;
}
#module-leoblog-category #wrapper, #module-leoblog-list #wrapper {
background-color: #f3faff;
}
#blog-listing, #blog-category {
margin-top: 30px;
}
@media (max-width: 767px) {
#contact .contact-form form {
margin-left: -16px;
margin-right: -16px;
}
#contact .contact-form h3, .contact-form .h3 {
border-radius: 0;
}
#contact .card .left-contact .form-fields {
border-radius: 0;
}
#contact .card #submitMessage {
padding: 9px 50px 9px 15px;
font-size: 15px;
max-width: 86%;
text-wrap: auto;
line-height: 1;
}
}