input:focus,
button:focus,
textarea:focus,
select:focus,
details:focus,
[href]:focus,
[tabindex]:not([tabindex="-1"]):focus,
[contenteditable="true"]:focus {
outline: 0px solid #0f7fff !important;
outline-offset: 0px !important; }
input:focus + label {
outline: 0px solid #0f7fff !important;
outline-offset: 0px !important; }
meta.foundation-version {
font-family: "/5.5.3/"; }
meta.foundation-mq-small {
font-family: "/only screen/";
width: 0; }
meta.foundation-mq-small-only {
font-family: "/only screen and (max-width: 551px)/";
width: 0; }
meta.foundation-mq-medium {
font-family: "/only screen and (min-width:551px)/";
width: 551px; }
meta.foundation-mq-medium-only {
font-family: "/only screen and (min-width:551px) and (max-width:801px)/";
width: 551px; }
meta.foundation-mq-large {
font-family: "/only screen and (min-width:801px)/";
width: 801px; }
meta.foundation-mq-large-only {
font-family: "/only screen and (min-width:801px) and (max-width:1261px)/";
width: 801px; }
meta.foundation-mq-xlarge {
font-family: "/only screen and (min-width:1261px)/";
width: 1261px; }
meta.foundation-mq-xlarge-only {
font-family: "/only screen and (min-width:1261px) and (max-width:1681px)/";
width: 1261px; }
meta.foundation-mq-xxlarge {
font-family: "/only screen and (min-width:1681px)/";
width: 1681px; }
meta.foundation-data-attribute-namespace {
font-family: false; }
/* Custom Sass Functions */
/* Background color for ``*/
/* Global text color on ``*/
/* Global textual link color*/
/* Link hover decoration*/
/* Images Path*/
/* Unit-less `line-height` for use in components like buttons*/
/* By default, this inherits from the ``*/
/* Gray and brand colors for use across Bootstrap*/
/* Customizes the `.table` component with basic values, each used across all table variations.*/
/*Padding for `| `s and ` | `s*/
/* Padding for cells in `.table-condensed`*/
/* Default background color used for all tables*/
/* Background color used for `.table-striped`*/
/* Background color used for `.table-hover`.*/
/* Border color for table and cell borders*/
.clear {
clear: both; }
.no-padding {
padding: 0 !important; }
.hidden {
display: none !important; }
@keyframes myeffect-slideshow {
0% {
opacity: 0;
transform: translateY(-300px); }
100% {
opacity: 1;
transform: translateY(0); } }
@keyframes myeffect-OutRound {
to {
opacity: 0;
transform: scale(1); } }
.navPages-container .wb-banner {
margin: 0 0 10px; }
.navPages-container .navPage-subMenu-banner {
margin-bottom: 15px; }
.navPages-container .navPage-subMenu-banner img:hover {
opacity: 0.8; }
@media (min-width: 992px) {
.navPages-horizontal .navPages-action-moreIcon svg {
stroke: none; } }
@media (min-width: 801px) {
.navPages-horizontal ul.navPages-list {
width: 100%;
vertical-align: middle;
/*--more arrow--*/
/** NavPages item page **/
/** NavPages item categories **/ }
.navPages-horizontal ul.navPages-list ul {
list-style: none;
margin: 0;
padding: 0;
width: 100%; }
.navPages-horizontal ul.navPages-list .navPages-action-moreIcon {
transform: rotate(90deg);
width: 16px;
height: 16px;
display: inline-block;
margin: -3px 2px 0; }
.navPages-horizontal ul.navPages-list > li.navPages-item {
position: relative;
float: left;
z-index: 80;
/*.has-subMenu.is-root + .navPage-subMenu-horizontal{width: 100%;}*/ }
.navPages-horizontal ul.navPages-list > li.navPages-item > .navPages-action {
font-size: 14px;
color: #FFFFFF;
padding: 1rem 1.2rem;
text-transform: uppercase;
font-weight: 500; } }
@media (min-width: 801px) and (min-width: 1600px) {
.navPages-horizontal ul.navPages-list > li.navPages-item > .navPages-action {
padding: 1rem 1.5rem; } }
@media (min-width: 801px) {
.navPages-horizontal ul.navPages-list > li.navPages-item.float-right > .navPages-action {
color: #ee3a43;
text-decoration: none; }
.navPages-horizontal ul.navPages-list > li.navPages-item.float-right > .navPages-action:hover {
color: #ca111b; }
.navPages-horizontal ul.navPages-list > li.navPages-item:hover > .navPages-action {
color: #ee3a43; }
.navPages-horizontal ul.navPages-list > li.navPages-item .navPage-subMenu {
background: #FFFFFF;
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.25);
transition: all 0.35s ease-in-out;
transform: translateY(30px);
opacity: 0;
visibility: hidden;
min-width: 220px; } }
@media (min-width: 801px) and (min-width: 1261px) {
.navPages-horizontal ul.navPages-list > li.navPages-item .navPage-subMenu {
display: block; } }
@media (min-width: 801px) {
.navPages-horizontal ul.navPages-list > li.navPages-item .navPage-subMenu .navPage-subMenu-item {
width: auto;
float: none;
margin: 0 -1rem; }
.navPages-horizontal ul.navPages-list > li.navPages-item .navPage-subMenu .navPages-action-moreIcon {
width: 16px;
height: 16px;
position: absolute;
right: 0;
top: 0;
z-index: 5;
margin: 10px 12px 0 0;
display: block; }
.navPages-horizontal ul.navPages-list > li.navPages-item .navPage-subMenu .subMenu--level2 {
left: 100%;
top: 0;
transform: translate(0px, 50px); }
.navPages-horizontal ul.navPages-list > li.navPages-item .navPage-subMenu .navPages-action {
border-bottom: none;
margin-bottom: 0;
padding: 5px 10px;
font-weight: 400;
font-size: 14px; }
.navPages-horizontal ul.navPages-list > li.navPages-item:hover > .navPage-subMenu,
.navPages-horizontal ul.navPages-list > li.navPages-item .navPage-subMenu.is-open {
opacity: 1;
visibility: visible;
z-index: 105;
transform: translateY(0px); } }
@media (min-width: 801px) and (min-width: 1261px) {
.navPages-horizontal ul.navPages-list > li.navPages-item:hover > .navPage-subMenu,
.navPages-horizontal ul.navPages-list > li.navPages-item .navPage-subMenu.is-open {
display: block; } }
@media (min-width: 801px) {
.navPages-horizontal ul.navPages-list > li.navPages-item li.navPage-subMenu-item {
position: relative;
z-index: 10; }
.navPages-horizontal ul.navPages-list > li.navPages-item li.navPage-subMenu-item:hover > .subMenu--level2 {
opacity: 1;
visibility: visible;
transform: translate(0px, 0px); }
.navPages-horizontal ul.navPages-list > li.hasMegamenu {
position: static; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPages-action {
position: relative;
z-index: 1;
background: none; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu {
width: calc(100% - 1rem); } }
@media (min-width: 801px) and (min-width: 1200px) {
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu {
min-width: 1170px;
right: 0; } }
@media (min-width: 801px) {
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu .navPage-subMenu-item {
width: 20%;
float: left;
margin: 0; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu .columns-2 .navPage-subMenu-item {
width: 50%; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu .columns-3 .navPage-subMenu-item {
width: 33.33%; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu .columns-4 .navPage-subMenu-item {
width: 25%; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu .columns-5 .navPage-subMenu-item {
width: 20%; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu .columns-6 .navPage-subMenu-item {
width: 16.666667%; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu ul.navPage-childList {
margin-bottom: 20px; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu .navPages-action {
padding: 0 0 5px 0; }
.navPages-horizontal ul.navPages-list > li.hasMegamenu .navPage-subMenu .navPages-action-depth-max {
margin-bottom: 5px;
font-weight: 600;
text-transform: uppercase;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block; } }
.navPages-verticalCategories {
position: relative; }
.navPages-verticalCategories .megamenuToogle-wrapper {
background: #ee3a43;
cursor: pointer;
font-size: 16px;
padding: 0 15px;
line-height: 46px;
color: white;
font-weight: 500;
width: 100%; }
.navPages-verticalCategories .megamenuToogle-wrapper .title-mega {
display: inline-block;
padding: 4px 10px; }
.navPages-verticalCategories .megamenuToogle-wrapper .icon-alignleft {
margin-top: 15px;
float: left; }
.navPages-verticalCategories .megamenuToogle-wrapper .icon-alignright {
float: right;
margin-top: 9px; }
@media (min-width: 801px) {
.verticalCategories {
position: absolute;
z-index: 2;
width: 100%;
background: #fff;
border-radius: 0 0 8px 8px;
border: 2px solid #ee3a43;
border-top: none;
/*-- Submenu Moo Dropdown---*/
/*.navPages-item--default{position: relative;z-index: 1;}*/
/*-- Submenu Mega Dropdown---*/ }
.verticalCategories.is-open {
transform: rotateX(0); }
.verticalCategories ul {
list-style: none;
padding: 0;
margin: 0 0 15px; }
.verticalCategories ul.navPage-subMenu-list {
width: 100%;
float: left;
margin: 0; }
.verticalCategories ul.navPage-subMenu-list.grid-2 .navPage-subMenu-item {
width: 50%; }
.verticalCategories ul.navPage-subMenu-list.grid-2 .navPage-subMenu-item:nth-child(2n+1) {
clear: both !important; }
.verticalCategories ul.navPage-subMenu-list.grid-3 .navPage-subMenu-item {
width: 33%; }
.verticalCategories ul.navPage-subMenu-list.grid-3 .navPage-subMenu-item:nth-child(3n+1) {
clear: both !important; }
.verticalCategories ul.navPage-subMenu-list.grid-4 .navPage-subMenu-item {
width: 25%; }
.verticalCategories ul.navPage-subMenu-list.grid-4 .navPage-subMenu-item:nth-child(4n+1) {
clear: both !important; }
.verticalCategories ul.navPage-subMenu-list.grid-5 .navPage-subMenu-item {
width: 20%; }
.verticalCategories ul.navPage-subMenu-list.grid-5 .navPage-subMenu-item:nth-child(5n+1) {
clear: both !important; }
.verticalCategories .navPages-list {
display: block; }
.verticalCategories .navPages-item--default {
position: relative;
z-index: 1; }
.verticalCategories .navPages-item {
padding: 0 20px;
float: none; }
.verticalCategories .navPages-item:after {
content: "";
display: block;
width: 100%;
height: 1px;
background: #ececec; }
.verticalCategories .navPages-item > .navPages-action {
display: block;
padding: 9px 0;
font-size: 14px;
font-weight: 400;
text-transform: capitalize; }
.verticalCategories .navPages-item .fa {
font-size: 16px;
color: #7d7d7d;
min-width: 22px; }
.verticalCategories .navPages-item .fa-mobile {
font-size: 22px; }
.verticalCategories .navPages-item .navPages__icon {
margin-right: 5px; }
.verticalCategories .loadmore {
cursor: pointer; }
.verticalCategories .loadmore .navPages-action {
border: none; }
.verticalCategories .loadmore .icon {
width: 1rem;
height: 1rem;
margin-right: 5px; }
.verticalCategories .loadmore:after {
display: none; }
.verticalCategories .loadmore:hover {
color: #ee3a43; }
.verticalCategories .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon {
float: right;
width: 18px;
height: 18px; }
.verticalCategories .navPages-list:not(.navPages-list-depth-max) .navPages-action-moreIcon svg {
stroke: none; }
.verticalCategories .subMenu--default {
width: 240px;
left: 100%;
top: 0;
background: #fff;
padding: 1.5rem 0 !important;
text-align: left;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25); } }
@media (min-width: 801px) and (min-width: 1261px) {
.verticalCategories .subMenu--default {
display: block; } }
@media (min-width: 801px) {
.verticalCategories .subMenu--default .navPages-action-moreIcon {
display: block; }
.verticalCategories .subMenu--default .navPage-subMenu-item {
width: 100%;
padding: 0 !important; }
.verticalCategories .subMenu--default .navPage-subMenu-action {
display: block;
padding: 5px 1.5rem;
border: none;
margin-bottom: 0;
font-size: 14px;
font-weight: normal; }
.verticalCategories .subMenu--default .navPage-subMenu-action:hover {
color: #ee3a43; }
.verticalCategories .subMenu--default ul {
margin-bottom: 0; }
.verticalCategories .subMenu--default div.subMenu--level2 {
left: 100%;
top: -20px;
display: none; }
.verticalCategories .subMenu--default li.navPage-subMenu-item {
position: relative;
z-index: 10; }
.verticalCategories .subMenu--default li.navPage-subMenu-item:hover > .subMenu--level2,
.verticalCategories .subMenu--default li.navPage-subMenu-item .is-open.subMenu--level2 {
opacity: 1;
visibility: visible;
transform: translate(0px, 0px);
display: block; }
.verticalCategories .subMenu--mega {
width: 300%;
left: 100%;
top: 0;
background: #fff;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.25); } }
@media (min-width: 801px) and (min-width: 1261px) {
.verticalCategories .subMenu--mega {
display: block; } }
@media (min-width: 801px) {
.verticalCategories .subMenu--mega .navPage-childList-item {
padding: 3px 0; }
.verticalCategories .subMenu--mega .navPage-childList-item .navPages-action {
font-size: 14px;
padding: 0; }
.verticalCategories .subMenu--mega .navPage-subMenu-action {
display: block;
padding: 5px 0;
border-bottom: none;
text-transform: uppercase;
font-weight: 500;
margin-bottom: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: block; } }
@media (min-width: 801px) {
/*Hover megamenuToogle-wrapper all Catelgory*/
.verticalCategories.is-open {
opacity: 0;
margin-left: -9999px;
transform: translateY(32px);
transition: 0s margin-left 0.4s, opacity 0.2s ease 0.2s, transform 0.15s ease 0.2s; }
.navPages-verticalCategories:hover .verticalCategories.is-open {
margin-left: 0;
opacity: 1;
transform: translateY(0);
transition: 0s margin-left, opacity 0.2s ease 0.2s, transform 0.15s ease 0.2s; } }
@media (min-width: 1200px) {
.verticalCategories {
/*Hover and Click navPage-subMenu*/ }
.verticalCategories .navPage-subMenu {
opacity: 0;
margin-left: -9999px;
transform: translateX(48px);
transition: 0s margin-left 0.4s, opacity 0.2s ease 0.2s, transform 0.15s ease 0.2s; }
.verticalCategories .navPages-item:hover .navPage-subMenu {
margin-left: 0;
opacity: 1;
transform: translateX(0);
transition: 0s margin-left, opacity 0.2s ease 0.2s, transform 0.15s ease 0.2s; } }
@media (min-width: 992px) and (max-width: 1199px) {
.verticalCategories .navPage-subMenu {
opacity: 0;
margin-left: -9999px;
transform: translateX(48px);
transition: 0s margin-left 0.4s, opacity 0.2s ease 0.2s, transform 0.15s ease 0.2s; }
.verticalCategories .navPage-subMenu.is-open {
margin-left: 0;
opacity: 1;
transform: translateX(0);
transition: 0s margin-left, opacity 0.2s ease 0.2s, transform 0.15s ease 0.2s; } }
@media (max-width: 991px) {
.navPages-container {
background: #e5e5e5;
position: fixed;
padding: 15px;
top: 65px;
z-index: 990;
left: 0;
display: none;
overflow-y: scroll;
height: calc(100% - 65px); }
.navPages-container.is-open {
z-index: 990;
padding-top: 20px;
transform: translateX(0%); }
.navPages-container .mobileMenu-toggle {
right: 0; }
.navPages-container ul.navPages-list {
list-style: none;
clear: both; }
.navPages-container ul.navPages-list > .navPages-item {
position: relative;
z-index: 2;
float: none !important; }
.navPages-container ul.navPages-list > .navPages-item:last-child {
border-bottom: none; }
.navPages-container ul.navPages-list > .navPages-item .badge {
top: 5px; }
.navPages-container ul.navPages-list .navPage-subMenu-list,
.navPages-container ul.navPages-list .navPage-childList {
list-style: none;
margin-left: 0; }
.navPages-container ul.navPages-list .navPage-subMenu-list .navPage-subMenu-item,
.navPages-container ul.navPages-list .navPage-childList .navPage-subMenu-item {
padding: 0; }
.navPages-container ul.navPages-list .navPage-subMenu-list .navPages-action,
.navPages-container ul.navPages-list .navPage-childList .navPages-action {
text-transform: capitalize;
font-weight: 400;
padding: 6px 0; }
.navPages-container ul.navPages-list .navPage-childList-default {
display: block; }
.navPages-container ul.navPages-list .navPage-childList {
border-left: 1px solid #e6e6e6; }
.navPages-container ul.navPages-list .navPages-action {
padding: 8px 0;
font-size: 14px;
font-weight: 500; }
.navPages-container ul.navPages-list .navPages-action .fa {
min-width: 22px; }
.navPages-container ul.navPages-list .navPage-childList-action {
padding: 0 0 0.35714rem; }
.navPages-container ul.navPages-list .navPages-action-moreIcon {
float: right;
width: 24px;
height: 24px;
margin: 0;
transform: rotate(90deg); }
.navPages-container ul.navPages-list .is-open > .navPages-action-moreIcon {
transform: rotate(-90deg); } }
.header {
margin-bottom: 30px; }
.header .navUser-section {
margin-bottom: 0;
float: none;
display: inline-block;
vertical-align: top;
margin: 0;
width: auto; }
.header .navUser-section .navUser-action {
font-weight: 400;
padding: 10px 0; }
.header-top {
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
font-size: 13px;
position: relative;
z-index: 90; }
.header-top ul.navUser-section .navUser-item a, .header-top ul.navUser-section .navUser-item button {
color: #666666; }
.header-top ul.navUser-section .navUser-item a:hover, .header-top ul.navUser-section .navUser-item button:hover {
color: #ee3a43; }
.header-top ul.navUser-section .navUser-item a:focus, .header-top ul.navUser-section .navUser-item button:focus {
outline: none !important; }
.header-top ul.navUser-section .navUser-action {
position: relative;
z-index: 1;
padding: 0;
padding: 10px;
text-transform: none; }
.header-top ul.navUser-section ul.dropdown-menu:before, .header-top ul.navUser-section ul.dropdown-menu:after {
left: auto;
right: 0.78571rem; }
.header-top ul.navUser-section ul.dropdown-menu:after {
right: 0.92857rem; }
.header-top ul.navUser-section ul.dropdown-menu a, .header-top ul.navUser-section ul.dropdown-menu button {
color: #666; }
.header-top ul.navUser-section ul.dropdown-menu a:hover, .header-top ul.navUser-section ul.dropdown-menu button:hover {
color: #ee3a43; }
.header-top ul.navUser-section ul.dropdown-menu a:focus, .header-top ul.navUser-section ul.dropdown-menu button:focus {
outline: none !important; }
.header-center {
position: relative;
z-index: 85;
border-bottom: 1px solid rgba(255, 255, 255, 0.06); }
.header-bottom {
background-color: #004882; }
.header-bottom-right {
border-left: 1px solid rgba(255, 255, 255, 0.06); }
.signinSelection a, .signinSelection button {
color: #8d9297; }
.signinSelection a:hover, .signinSelection button:hover {
color: #ee3a43; }
.signinSelection a:focus, .signinSelection button:focus {
outline: none !important; }
.header-logo__link {
margin: 5px auto;
display: block; }
.navbar-logo > a {
display: inline-block; }
.header-logo {
margin: 25px 0;
display: inline-block; }
.navUser-section .dropdown-menu {
max-width: 180px;
min-width: 170px;
border: none; }
@media (min-width: 1261px) {
.navUser-section .dropdown-menu.is-open:before, .navUser-section .dropdown-menu.is-open:after {
width: 0;
content: "";
border-color: transparent transparent #d2d2d2; }
.navUser-section .dropdown-menu.is-open:after {
border-color: transparent transparent #fff; } }
.navUser-item--compare {
position: relative; }
.navUser-item--compare .countPill--alt {
font-weight: normal; }
@media (min-width: 992px) {
.header-mobile {
display: none; } }
.wb-formSearch .input-group .form-control {
height: 44px;
border-radius: 45px 0 0 45px;
border: none;
text-indent: 20px;
font-size: 13px;
border: 2px solid #ddd;
background: none; }
.wb-formSearch .input-group .btn {
padding: 12px 25px;
background: #666;
color: #fff;
border: none;
background: #ee3a43;
border: none;
color: white;
text-transform: uppercase;
border: 0;
padding: 0 8px;
min-width: 125px;
text-align: center;
border-radius: 0 45px 45px 0 !important; }
.wb-formSearch .input-group .btn:hover {
background: #ee3a43;
border-color: #ee3a43;
color: #fff; }
.wb-formSearch .input-group .btn:hover {
background: #e2131e; }
.navUser-action--hotline {
color: #8d9297 !important;
font-weight: normal;
text-transform: none;
line-height: 30px; }
.navUser-action--hotline .fa {
font-size: 16px;
padding-right: 10px; }
.navUser-action--hotline a a, .navUser-action--hotline a button {
color: #8d9297; }
.navUser-action--hotline a a:hover, .navUser-action--hotline a button:hover {
color: #ee3a43; }
.navUser-action--hotline a a:focus, .navUser-action--hotline a button:focus {
outline: none !important; }
.navUser-action svg {
stroke: transparent !important;
fill: #fff; }
.header-center-right {
text-align: right; }
.header-center-right .navUser-item {
text-align: left; }
@media (min-width: 1600px) {
.header-center-right .navUser-item {
margin-right: 5px; } }
.header-center-right .navUser-item .navUser-action {
text-transform: capitalize;
padding-top: 0;
line-height: 22px;
padding: 0;
color: #333333; }
.header-center-right .navUser-item .navUser-action .cart-text {
display: block;
min-width: 120px;
overflow: hidden;
font-weight: normal;
margin: 0; }
@media (min-width: 1600px) {
.header-center-right .navUser-item .navUser-action .cart-text {
min-width: 140px; } }
.header-center-right .navUser-item .navUser-action .cart-text--account {
color: #515358;
font-size: 13px; }
.header-center-right .navUser-item .navUser-action:hover .cart-button {
border-color: #ee3a43;
color: #ee3a43; }
.header-center-right .navUser-item .cart-button {
color: #333;
border: 2px solid rgba(0, 0, 0, 0.15);
padding: 5px 0px;
border-radius: 50%;
width: 45px;
height: 45px;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-right: 5px;
transition: all 0.25s ease-in-out 0s; }
@media (min-width: 1600px) {
.header-center-right .navUser-item .cart-button {
margin-right: 10px; } }
.header .header-center__cart {
position: relative;
z-index: 70;
margin-right: 0; }
.header .header-center__cart .dropdown-menu {
min-width: 310px;
transform: translateX(-38%); }
.header .header-center__cart .dropdown-menu.is-open:before {
left: auto;
right: 40%; }
.header .header-center__cart .dropdown-menu.is-open:after {
left: auto;
right: calc(40% + 2px); }
.previewCart .previewCartItem {
padding: 2px 0; }
.previewCart .previewCartItem-image {
padding: 0;
width: 60px;
height: 80px; }
.previewCart .previewCartItem-image img {
top: 10px; }
.previewCart .previewCartItem-content {
padding: 10px;
width: 100%; }
.previewCart .previewCartItem-name {
margin-bottom: 10px; }
.previewCart .previewCartItem-name > a {
color: #4f4f4f; }
.previewCart .previewCartItem-name > a:hover {
color: #ee3a43; }
.previewCart .previewCartItem-brand {
display: none; }
.previewCart .previewCartItem-price {
color: #ee3a43;
font-weight: 500;
font-size: 16px; }
.previewCart .previewCartAction {
padding: 1rem 0 0.5rem; }
.previewCart .previewCartAction .button {
color: white; }
div.wb-promotion {
margin: 8px 0 0;
height: 25px;
overflow: hidden; }
@media (min-width: 1600px) {
.header-bottom-left {
flex: 16.66667%;
max-width: 16.66667%; }
.header-bottom-center {
flex: 83.33333%;
max-width: 83.33333%; } }
.footer {
overflow: hidden;
color: #93979c;
padding: 0;
clear: both; }
.footer a, .footer button {
color: #F6A7A7; }
.footer a:hover, .footer button:hover {
color: #FFFFFF; }
.footer a:focus, .footer button:focus {
outline: none !important; }
@media (min-width: 801px) {
.footer a, .footer button {
color: #ee3a43; }
.footer a:hover, .footer button:hover {
color: #FFFFFF; }
.footer a:focus, .footer button:focus {
outline: none !important; } }
.footer-bottom {
padding: 15px 0;
border-top: 1px solid rgba(255, 255, 255, 0.06); }
.footer-center {
padding: 60px 0 30px;
clear: both; }
.footer-logo a {
margin: 0 0 10px; }
.footer-logo .header-logo-image-container {
min-height: inherit;
display: block; }
.footer-info-heading {
font-size: 18px;
border: none;
color: #fff;
margin: 0 0 20px 0;
text-transform: none;
font-weight: 500; }
.footer-info-list {
list-style: none;
margin: 20px 0 0; }
.footer-info-list li {
padding: 4px 0; }
.footer-info-list li a, .footer-info-list li button {
color: #93979c; }
.footer-info-list li a:hover, .footer-info-list li button:hover {
color: #ee3a43; }
.footer-info-list li a:focus, .footer-info-list li button:focus {
outline: none !important; }
.footer-info-list li a {
display: block; }
.footer-info-list .info-phone {
background: url("../img//icon/icon-phone.png") no-repeat 0 0;
padding-left: 80px;
min-height: 60px;
margin-bottom: 20px;
color: #FFFFFF; }
.footer-info-list .info-phone a {
font-size: 18px; }
.footer-infor address {
margin-bottom: 0.5rem;
font-style: normal; }
.footer-copyright > .powered-by {
font-size: 1rem;
margin: 0; }
.footer-newsletter .subscribe_intro span {
color: #FFFFFF;
font-weight: 500; }
.footer-newsletter .form-field {
margin: 0; }
.footer-newsletter .form-field .form-input {
background: none;
border: none;
border-radius: 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
margin-bottom: 1.5rem;
padding: 0.75rem 0;
color: #ee3a43; }
.footer-newsletter .form-field .form-input::-moz-placeholder {
color: rgba(255, 255, 255, 0.3); }
.footer-newsletter .form-field .form-input::placeholder {
color: rgba(255, 255, 255, 0.3); }
.footer-newsletter .form-field .button {
margin: 0;
min-width: 150px;
padding: 12px 25px;
background: #666;
color: #fff;
border: none;
background: rgba(255, 255, 255, 0.1); }
.footer-newsletter .form-field .button:hover {
background: #ee3a43;
border-color: #ee3a43;
color: #fff; }
@media (min-width: 801px) {
.footer-payment {
text-align: right; } }
.footer-payment-icons {
height: 2.85714rem;
margin: 0; }
.footer-payment-icons .footer-payment-icon {
height: 100%;
margin: 0.35714rem;
vertical-align: middle;
width: 2.5rem; }
.footer-payment-icons svg {
fill: #888888;
margin: 0 10px; }
.footer-geotrust-ssl-seal {
position: static; }
.expander {
display: none; }
@media only screen and (max-width: 991px) {
.collapsed-block .footer-info-heading {
font-weight: normal;
font-size: 16px; }
.collapsed-block .footer-info-heading.open .angle-up {
display: block; }
.collapsed-block .footer-info-heading.open .angle-down {
display: none; }
.collapsed-block .icon--angle-updown .angle-up {
display: none; }
.collapsed-block .icon--angle-updown .angle-down {
display: block; }
.collapsed-block .expander {
display: inline-block;
float: right;
color: #adadad; }
.collapsed-block .expander .icon {
width: 1.8rem;
height: 1.8rem; }
.collapsed-block .footer-info-list {
display: none;
margin: 0 0 20px; }
.footer-infor .footer-info-list {
display: block; }
.footer-socials {
margin-bottom: 20px; } }
/*===============================================
[SASS DIRECTORY ]
[1] BACK TO TOP
[2] CookieMessage
[3] Sitcky Menu on Top
[4] Group Logo Position
[5] Banners hover effect
[6] Alert messages
==============================================*/
/*= [1] BACK TO TOP ==================*/
.scrollToTop {
bottom: 100px;
position: fixed;
display: block;
z-index: 6;
right: 30px;
transition: all 0.3s ease-in-out 0s;
opacity: 1; }
.scrollToTop .button--icon {
display: block;
width: 45px;
height: 45px;
padding: 0;
margin: 0;
border-radius: 3px;
border: none;
text-decoration: none;
cursor: pointer;
background: #999;
color: white;
text-align: center; }
.scrollToTop .button--icon:hover {
background-color: #ee3a43; }
.scrollToTop.hidden-top {
visibility: hidden;
opacity: 0;
bottom: 0px; }
/*============SB loadeding ==================*/
.wb-loadeding {
background: #fff url(../img/loading.svg) no-repeat center center;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
right: 0;
opacity: 1; }
.productLoading {
margin: 6rem 0rem;
text-align: center;
display: block;
width: 100%; }
.categoryLoading {
margin: 0.8rem 10px;
display: block;
width: 100%; }
@media (min-width: 801px) {
.categoryLoading {
display: flex; } }
.lazyload {
display: table;
margin: 0; }
/*==[2] cookieMessage ==================*/
.cookieMessage {
position: fixed;
z-index: 550;
bottom: 0;
width: 100%;
padding: 10px 0;
background: #333333;
color: white; }
@media (min-width: 801px) {
.cookieMessage .cookieMessage-text {
width: calc(100% - 160px);
padding: 0;
float: left; }
.cookieMessage .cookieMessage-text p {
margin: 10px 0 0; }
.cookieMessage .button {
width: 160px;
margin-bottom: 0;
color: white; } }
/*==[3] STICKY MENU ON TOP ==================*/
@media (min-width: 1200px) {
header.sticky-top {
position: fixed;
width: 100%;
z-index: 600;
box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); }
header.sticky-top .sticky-hidden {
display: none; }
header.sticky-top .header-logo__link {
margin: 0 auto; }
header.sticky-top .header-logo__link .header-logo-image {
height: 80px; }
header.sticky-top .header-logo-image-container::after {
min-height: 88px; }
header.sticky-top .header-center,
header.sticky-top .header-bottom {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px); }
header.sticky-top .header-center {
background: rgba(255, 255, 255, 0.9); }
header.sticky-top .header-bottom {
background-color: rgba(0, 72, 130, 0.8); }
header.sticky-top .navPages-horizontal ul.navPages-list > li.navPages-item > .navPages-action {
padding: 1rem 1.2rem; }
header.sticky-top .verticalCategories {
display: none; }
header.sticky-top .navPages-verticalCategories:hover .verticalCategories {
display: block; } }
/*==[5] Banners hover effect ==================*/
@media (min-width: 801px) {
.wb-effect8 .banner-figures > div > a {
display: inline-block;
position: relative;
overflow: hidden;
background: #000;
vertical-align: top; }
.wb-effect8 .banner-figures > div a:before,
.wb-effect8 .banner-figures > div a:after {
bottom: 20px;
content: "";
left: 20px;
opacity: 0;
position: absolute;
right: 20px;
top: 20px;
transition: all 0.5s ease-in-out;
z-index: 1; }
.wb-effect8 .banner-figures > div a:before {
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
transform: scale(0, 1); }
.wb-effect8 .banner-figures > div a:after {
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
transform: scale(1, 0); }
.wb-effect8 .banner-figures > div a:hover:before,
.wb-effect8 .banner-figures > div a:hover:after {
opacity: 1;
filter: alpha(opacity=100);
transform: scale(1); }
.wb-effect8 .banner-figures > div a:hover img {
opacity: 0.5;
filter: alpha(opacity=50); } }
/*==[5] Alert messages ==================*/
.alert, .alertBox {
padding: 18px 40px 18px 75px;
z-index: 30;
color: #FFF;
border-radius: 0;
position: relative;
z-index: 1;
box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
border: none;
background-color: #03A9F4; }
.alert i, .alert .alertBox-icon, .alertBox i, .alertBox .alertBox-icon {
position: absolute;
top: 0;
left: 0;
bottom: 0;
text-align: center;
width: 60px;
font-size: 32px;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.15);
padding: 0; }
.alert i:before, .alert .alertBox-icon:before, .alertBox i:before, .alertBox .alertBox-icon:before {
position: absolute;
top: 50%;
left: 0;
right: 0;
line-height: 0; }
.alert i .icon, .alert .alertBox-icon .icon, .alertBox i .icon, .alertBox .alertBox-icon .icon {
height: 3rem;
width: 3rem; }
.alert button.close, .alertBox button.close {
position: absolute;
top: 50%;
line-height: 1;
right: 15px;
color: #FFF;
opacity: .7;
background: none;
border: none; }
@media (max-width: 479px) {
.alert {
padding-right: 30px; }
.alert button.close {
right: 5px; } }
.alert-success, .alertBox--success {
background-color: #4caf50; }
.alert-success i, .alert-success .alertBox-icon, .alertBox--success i, .alertBox--success .alertBox-icon {
background: #388E3C; }
.alert-success a, .alert-success a:focus, .alert-success a:hover, .alertBox--success a, .alertBox--success a:focus, .alertBox--success a:hover {
color: #C8E6C9; }
.alert-success svg, .alertBox--success svg {
fill: #dfdfdf; }
.alert-danger, .alertBox--error {
background-color: #F44336; }
.alert-danger i, .alert-danger .alertBox-icon, .alertBox--error i, .alertBox--error .alertBox-icon {
background: #D32F2F; }
.alert-danger a, .alert-danger a:focus, .alert-danger a:hover, .alertBox--error a, .alertBox--error a:focus, .alertBox--error a:hover {
color: #FFCDD2; }
.alert-danger svg, .alertBox--error svg {
fill: #dfdfdf; }
.alert-info, .alertBox--info {
background-color: #03A9F4; }
.alert-info i, .alert-info .alertBox-icon, .alertBox--info i, .alertBox--info .alertBox-icon {
background: #0288D1; }
.alert-info a, .alert-info a:focus, .alert-info a:hover, .alertBox--info a, .alertBox--info a:focus, .alertBox--info a:hover {
color: #B3E5FC; }
.alert-info svg, .alertBox--info svg {
fill: #dfdfdf; }
.alert-warning, .alertBox--warning {
background-color: #FF5722; }
.alert-warning i, .alert-warning .alertBox-icon, .alertBox--warning i, .alertBox--warning .alertBox-icon {
background: #E64A19; }
.alert-warning a, .alert-warning a:focus, .alert-warning a:hover, .alertBox--warning a, .alertBox--warning a:focus, .alertBox--warning a:hover {
color: #FFCCBC; }
.alert-warning svg, .alertBox--warning svg {
fill: #dfdfdf; }
/*==[6] Product Category Setting ==================*/
.sidebar--right .page-sidebar {
order: 2; }
.sidebar--right .page-content {
order: 1; }
|