@import "energy.css";

/*===================================================================================*/
/*	COMMON
/*===================================================================================*/

.modal-message {
    position:   absolute;
    z-index:    1000;
    left:       50%;
    top:        200px;
}

.modal-message-inner {
    position:   relative;
    left:       -50%;
    border: 5px solid #3d3d3d;
    background-color: #fff;
    padding: 10px 10px 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modal-dialog-inner {
    border: 5px solid #3d3d3d;
    background-color: #fff;
    padding: 10px 10px 10px 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.modal-dialog {
    z-index: 9999;
}

.top-categories {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.top-categories li > a {
    padding-left: 10px;
    padding-right: 10px;
}

.top-categories .dropdown-menu {
    left: -1px;
}

.top-categories .dropdown-menu .meganav-submenu2 {
    padding: 12px 0 12px 0;
    border-bottom: 1px solid #e5e5e5;
}

.top-categories .dropdown-menu .meganav-submenu3 {
    padding: 6px 0 6px 0;
    border-bottom: 1px solid #e5e5e5;
}

.top-categories .dropdown-menu .mega-nav-lvl2 {
    font-size: 105%;
    font-weight: bold;
    color: #428bca;
    padding: 3px 10px;
    white-space: normal;
}

.top-categories .dropdown-menu .mega-nav-lvl2:hover {
    padding-left: 20px;
    color: #3498db;
}

.top-categories .dropdown-menu .mega-nav-lvl3 {
    font-size: 100%;
    color: #454545;
}

.top-categories .dropdown-menu .mega-nav-lvl3:hover {
    padding-left: 20px;
    color: #428bca;
}

/*.top-categories li:last-child > a {*/
    /*border-right: none;*/
/*}*/

/*.top-categories.mobile li > a {*/
    /*border-right: none;*/
/*}*/

.top-categories.mobile li.list-group-item {
    border:  none;
}

.top-categories.mobile li.list-group-item a:hover {
    color: #000;
    background-color: #fff;
}

/*===================================================================================*/
/*	HEADER
/*===================================================================================*/

.search-bar-holder {
    padding-top: 4px;
}

.search-bar-holder .input-group.input-group-lg > input {
    height: 30px;
    padding: 0 10px 0 10px;
}

.search-bar-holder .input-group.input-group-lg > .input-group-btn > .btn {
    height: 30px;
    padding: 4px 10px 0 12px;
    border-radius: 0px;
}

.user-menu {
    padding-top: 15px;
    font-size: 110%;
    font-weight: bold;
}

.compare-page-btn {
    padding-top: 8px;
    font-size: 14px;
    width: 52px;
}

.compare-page-btn-mini {
    float: right;
    margin-top: 18px;
    margin-right: 8px;
}

.compare-page-btn a {
    color: #ffffff;
    padding: 9px 7px 9px 7px;
}

.compare-page-btn-mini a {
    color: #ffffff;
}

.compare-page-btn a:hover,
.compare-page-btn a:focus {
    background-color: #ffffff;
    color: #000;
}

.compare-page-btn-mini a:hover,
.compare-page-btn-mini a:focus {
    color: #F0F0F0;
}

.cartMenu {
    display: block;
}

.cartMenu a.dropdown-toggle,
.cartMenu a#cart-sidebar-toggle {
    padding: 10px 7px 28px 7px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    display: block;
}

.cartMenu:hover > a.dropdown-toggle {
    background-color: #ffffff;
    color: #000;
}

.cartMenu .dropdown-menu {
    padding-bottom: 0;
    border-radius: 0;
    margin-top: 0;
}

.cartMenu .cart-label {
    margin-left: 8px;
}

.cartMenu .cart-items > sup {
    font-weight: normal;
}

img.secure-logo {
    position: absolute;
    z-index: 1000;
    margin-top: -65px;
}

.search-suggest-table {
    position: absolute;
    width: 600px;
    max-width: 600px;
    background-color: #FFF;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.search-suggest-content {
    max-height: 360px;
    width: 100%;
    display: block;
}

.search-suggest-content .suggest-product {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.suggest-product .description {
    white-space: normal;
    text-align: left;
    max-height: 50px;
    overflow: hidden;
}

.mCS-dark-2 > .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #3498db;
}

.search-category {
    position: absolute;
    right: 45px;
    top: 3px;
    z-index: 999;
    background: #70808b;
    color: #fff;
    padding: 1px;
    font-size: 14px;
}

.search-category.search-enable {
    background: #3498db;
}

.search-category:hover,
.search-category.search-enable:hover {
    color: #fff;
}

/* =============================================================== */
/* HOME PAGE SLIDER
/* =============================================================== */

.sliderImg {
    background: url('../image/site/loading1.gif') center center no-repeat; /* prealoder */
}

.banner {
    -webkit-transition: all 0.1s ease-out 0s;
    -moz-transition: all 0.1s ease-out 0s;
    -ms-transition: all 0.1s ease-out 0s;
    -o-transition: all 0.1s ease-out 0s;
    transition: all 0.1s ease-out 0s;
}

.banner-boxes {
    margin-top: 80px;
}

.banner.down {
    margin-top: 26px;
}

.banner, .slider-content, .slider, .slider-v2 {
    width: 100%;
    display: block;
    max-height: 540px;
    height: auto;
    overflow: hidden;
    position: relative;
}

.slider-item {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}

.sliderImg {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
}

.banner .sliderInfo {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.banner .sliderInfo .container {
    height: 100%;
    dispay: block;
}

.sliderText {
    display: block;
    -webkit-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -o-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0); /* IE FIX */
    -ms-filter: "alpha(Opacity=0)";
}

.sliderText:nth-child(n) {
    filter: none;
}

.slider-item.cycle-slide-active .sliderText {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.transformRight {
    display: block;
    -webkit-transform: translateX(120px);
    -moz-transform: translateX(120px);
    -o-transform: translateX(120px);
    -ms-transform: translateX(120px);
    transform: translateX(120px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0); /* IE FIX */
    -ms-filter: "alpha(Opacity=0)";
}

.slider-item.cycle-slide-active .transformRight {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none; /* IE FIX */
    filter: none;
}

.transformLeft {
    display: block;
    -webkit-transform: translateX(-120px);
    -moz-transform: translateX(-120px);
    -o-transform: translateX(-120px);
    -ms-transform: translateX(-120px);
    transform: translateX(-120px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0); /* IE FIX */
    -ms-filter: "alpha(Opacity=0)";
}

.slider-item.cycle-slide-active .transformLeft {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.sliderText .inner {
    padding: 20px;
}

.sliderText h1 {
    font-size: 36px;
    font-weight: lighter;
}

.sliderText.dark h1 {
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.slide-link {
    color: #fff;
    letter-spacing: -0.25px;
    font-size: 16px;
}

.sliderText {
    margin-top: 15%;
}

.sliderText.dark {
    color: #ddd;
}

.slider-item-img1 {
    background-size: cover;
}

.slider-item-img2 {
    background-size: cover;
}

.slider-item-img3 {
    background-size: cover;
}

/***  ------- Slider Style 1 Start ------- ***/

#pager2 {
    position: absolute;
    bottom: 10px;
    z-index: 100;
    width: 100%;
    z-index: 200;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}

#pager2 span {
    background: rgba(0, 0, 0, 0) !important;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin: 5px;
    text-indent: -9999px;
    width: 16px;
}

#pager2 span.cycle-pager-active {
    color: #fff;
}

.sliderControl {
    position: absolute;
    z-index: 200;
    top: 45%;
    display: inline-block;
    cursor: pointer;
    background: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    color: #454545;
    padding: 0 5px;
}

.sliderControl {
    opacity: 1;
}

.sliderControl:hover:nth-child(n) {
    filter: none;
}

.sliderControl:hover {
    background: rgb(255, 255, 255);
    background: transparent \9;
    background: rgba(255, 255, 255, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff); /* IE FIX */
    zoom: 1;
}

.prevControl {
    left: 20px;
    -webkit-transform: translateX(-50px);
    -moz-transform: translateX(-50px);
    -o-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.banner:hover .prevControl {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.nextControl {
    right: 20px;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -o-transform: translateX(50px);
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transition: opacity .5s linear, -webkit-transform .7s cubic-bezier(.56, .48, 0, .99);
    -moz-transition: opacity .5s linear, -moz-transform .7s cubic-bezier(.56, .48, 0, .99);
    -o-transition: opacity .5s linear, -o-transform .7s cubic-bezier(.56, .48, 0, .99);
    -ms-transition: opacity .5s linear, -ms-transform .7s cubic-bezier(.56, .48, 0, .99);
    transition: opacity .5s linear, transform .7s cubic-bezier(.56, .48, 0, .99);
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha(Opacity=0)";
}

.banner:hover .nextControl {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
    -ms-filter: none;
    filter: none;
}

.sliderText.white {
    background: rgb(255, 255, 255);
    background: transparent \9;
    background: rgba(255, 255, 255, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccffffff, endColorstr=#ccffffff); /* IE FIX */
    zoom: 1;
}

.sliderText.white:nth-child(n) {
    filter: none;
}

.sliderText.white h1 {
}

.sliderText h3.price {
    font-weight: lighter;
    font-size: 22px;
}

.sliderTextFull {
    color: #ffffff;
    top: 10%;
    margin: 0 !important;
    /*transform: translateY(-50%);*/
    /*-webkit-transform: translateY(-50%);*/
}

.sliderTextFull h3 {
    font-size: 24px;
    line-height: 32px;
    margin-top: 0;
}

.topAnima {
    opacity: 0;
}

.cycle-slide-active .topAnima {
    opacity: 1;
    animation-name: fadeInUp;
    -webkit-animation-name: fadeInUp;
    animation-duration: 1s;
    animation-delay: 0.3s;
    visibility: visible !important;
}

.sliderTextFull .opacity0 {
    opacity: 0 !important;
}

.cycle-slide-active .sliderTextFull .bottomAnima {
    opacity: 1 !important;
    animation-name: fadeInDown;
    -webkit-animation-name: fadeInDown;
    animation-duration: 1s;
    animation-delay: 0.4s;
    -webkit-animation-duration: 1s;
    visibility: visible !important;
}

.sliderTextFull .inner.dark {
    display: block;
    margin: 0 auto;
    padding: 20px 10px;
    width: auto;
    background: rgb(0, 0, 0);
    background: transparent \9;
    background: rgba(0, 0, 0, 0.8);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000); /* IE FIX */
    zoom: 1;
}

.sliderTextFull .inner.dark:nth-child(n) {
    filter: none;
}

.blankstyle h1 {
    display: block;
    font-size: 36px;
    font-weight: bold;
    height: auto;
    letter-spacing: -1px;
    line-height: 36px;
    opacity: 1;
    padding: 0;
    text-transform: uppercase;
}

.color-white h1, .color-white p, .color-white {
    color: #fff;
}

.color-black h1, .color-black p, .color-black {
    color: #000;
}

/***  ------- Slider Style 2 Pager ------- ***/

#pager {
    position: absolute;
    bottom: 0;
    z-index: 100;
    width: 100%;
    z-index: 200;
    margin: 0 auto;
    padding: 0;
}

#pager a {
    color: #fff;
    display: block;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
    float: left;
    font-family: Oswald, Helvetica Neue;
    font-size: 15px;
    font-weight: normal;
    list-style: none outside none;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    width: 33.333334%;
    background: rgba(0, 0, 0, 0.5);
}

#pager a.cycle-pager-active {
    color: #fff;
}

#pager2 span.cycle-pager-active {
}

#pager2 span.cycle-pager-active {
    background: #3498db !important;
}

#pager2 span {
    border: 2px solid #3498db
}

/*------------ Home page round carousel ---------------------------------------------*/
.products-row {
    border: 1px solid #CACFD2;
    border-top: none;
    margin-bottom: 20px;
}
/* round pods
.homeProductsCarousel .item {
    border: 1px solid #CACFD2;
    width: 214px !important;
    height: 214px !important;
    margin: 10px 2px 10px 2px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 50%;
    text-align: center;
    -moz-box-shadow:    0px 0px 8px #CACFD2;
    -webkit-box-shadow: 0px 0px 8px #CACFD2;
    box-shadow:         0px 0px 8px #CACFD2;
}
*/

.homeProductsCarousel .item img {
    padding-top: 26px;
    padding-left: 30px;
    width: 150px;
}

@font-face {
    font-family: 'Anton';
    src: url('fonts/Anton.eot');
    src: local('Anton'), url('fonts/Anton.ttf') format('truetype'), url('fonts/Anton.woff') format('woff'), url('fonts/Anton.svg') format('svg');
    font-weight: 900;
    font-style: normal;
}

.homeProductsCarousel .price {
    font-family: Anton;
    font-size: 36px;
    letter-spacing: -1px;
    -webkit-text-stroke: 1px #fff;
    color: #333;
    text-shadow: 3px 3px 4px #c8c8c8;
    margin-top: -20px;
    margin-left: 70px;

    transform: skewX(-25deg);
}

.homeProductsCarousel .price .regular-price-decimal {
    font-size: 75%;
    position: absolute;
    margin-left: -3px;
    margin-top: -3px;
}

.homeProductsCarousel .product-name {
    color: #333;
    line-height: 100%;
    font-weight: bold;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
    /*text-align: left;*/
}

.owl-theme .owl-controls .owl-buttons div {
    position: absolute;
}

.homeProductsCarousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev > i,
.homeProductsCarousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next > i {
    color: #222222;
    font-size: 60%;
    padding-bottom: 4px;
}

.homeProductsCarousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev,
.homeProductsCarousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next {
    bottom: 100px;
    padding: 3px 2px 3px 2px;
    margin: 0px;
    border: 1px solid #595959;
    background-color: #ccc;
    border-radius: 4px;
}

.homeProductsCarousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -13px;
}

.homeProductsCarousel.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -13px;
}

.carousel-title-icon {
    width: 64px;
    height: 64px;
    font-size: 40px;
    line-height: 64px;
    background: #3498db;
    color: #fff;
    text-align: center;
    display: block;
    border-radius: 3px;
}

.carousel-title-icon i {
    color: #fff;
}

.carousel-title-row1 {
    margin-top: 5px;
    min-height: 30px;
    background-color: #3498db;
}

.carousel-title-row2 {
    min-height: 25px;
    background-color: #2c88c5;
}

.carousel-title-row3 {
    min-height: 4px;
    border-right: 1px solid #CACFD2;
}

/*===================================================================================*/
/*	PRODUCTS PAGE, FILTER NAVIGATION
/*===================================================================================*/

/* ----- grid panel ----- */

.change-view {
    margin: 0 0 0 10px;
    height: 34px;
}

.change-view a {
    border: 1px solid #CCCCCC;
    color: #70808b;
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    height: 34px;
    margin-left: 5px;
    overflow: hidden;
    padding: 5px 8px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.change-view a:hover,
.change-view a:focus {
    color: #3498db;
}

/* ----- start of list and b2b-list view styles ----- */

.item.list-view,
.item.list-view-b2b {
    display: block;
    height: auto !important;
    width: 100% !important;
    overflow: visible;
    width: 100%;
    margin-bottom: 20px;
}

.item.list-view .wp-block.product,
.item.list-view-b2b .wp-block.product {
    padding: 0 15px 0 0;
    margin: 0;
}

.item.list-view figure,
.item.list-view-b2b figure {
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    padding-right: 10px;
    padding-left: 10px;
    background: #fff;
}

.item.list-view figure {
    max-height: 260px;
    max-width: 200px;
    border-bottom: none;
    margin-top: 20px;
}

.item.list-view-b2b figure {
    max-height: 100px;
    max-width: 100px;
    border-bottom: none;
}

.item.list-view figure a,
.item.list-view-b2b figure a {
    display: block;
    max-height: 100%;
    height: 100%;
    max-height: 100% !important;
}

.item .wp-block.product .product-title-b2b,
.item.list-view .wp-block.product .product-title-b2b {
    display: none;
}

.item.list-view-b2b .wp-block.product .product-title {
    display: none;
}

.item.list-view .wp-block.product .product-title {
    margin: 0;
    height: 36px;
    display: block;
}

.item.list-view-b2b .wp-block.product .product-title-b2b {
    padding-top: 10px;
    font-size: 16px;
    margin: 0;
    height: 36px;
    display: block;
}

.item.list-view-b2b .wp-block.product .product-title-b2b {
    float: left;
}

.item.list-view-b2b .wp-block.product .rating {
    margin-left: 20px;
    margin-top: 8px;
}

.item.list-view .wp-block.product .product-desc {
    height: 70px;
}

.item.list-view-b2b .wp-block.product .product-desc {
    display: none;
}

.item.list-view .wp-block.product .product-short-info {
    float: left;
}

.item.list-view-b2b .wp-block.product .product-short-info p {
    padding: 0;
}

.item.list-view .wp-block.product .wp-block-footer {
    border-top: none;
    padding-top: 0;
    float: right;
    margin-bottom: 10px;
}

.item.list-view-b2b .wp-block.product .wp-block-footer {
    border-top: none;
    padding-top: 0;
    float: right;
    margin-top: -90px;
}

.filter.sort-filter .new-products {
    height: 34px;
}

.filter.sort-filter .form-control {
    padding: 8px 8px;
}

.filter.sort-filter .new-products .new-product {
    border: 1px solid #CCCCCC;
    color: #70808b;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    height: 34px;
    margin-left: 7px;
    overflow: hidden;
    padding: 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
}

.filter.sort-filter .new-products .new-product.selected {
    color: #fff;
    background-color: #3498db;
}

/* ----- end of list and b2b-list view styles ----- */

.pg-opt {
    border-top: 1px solid #e0eded;
}

.panel-sidebar-1 .panel-body .filter-nav-block h4 {
    padding: 4px 0px 10px 0px;
    border-bottom: 1px solid #e0eded;
    font-size: 125%;
}

.filter-nav-block .attr-nav:last-child {
    border-bottom: none;
}

.panel-sidebar-1 .panel-body .filter-nav-block .nav-controls h4 {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
    min-height: 25px;
    font-size: 100%;
}

a.js-attr-nav-single.closed {
    color: #3498db;
}

.filter-nav-block ul {
    margin-bottom: 5px;
}

.filter-nav-block .attr-value {
    margin-left: 5px;
    /*font-size: 110%;*/
    font-size: 100%;
}

.filter-nav-block .badge {
    float: right;
}

.wp-block.product figure {
    text-align: center;
}

.wp-block.product img {
    width: 100%;
    height: 100%;
}

.homeProductsCarousel2 .wp-block.product a img,
.product-list .wp-block.product a img {
    display: inline-block;
    vertical-align: middle;
    /*-webkit-transform: translateZ(0);*/
    /*transform: translateZ(0);*/
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-property: transform;
    transition-property: transform;
}

.homeProductsCarousel2 .wp-block.product:hover a img,
.product-list .wp-block.product:hover a img {
    transform: scale(1.15) rotate(-1.5deg);
    -webkit-transform: scale(1.1) rotate(-1.5deg);
    -moz-transform: scale(1.1) rotate(-1.5deg);
    -ms-transform: scale(1.1) rotate(-1.5deg);
    -o-transform: scale(1.1) rotate(-1.5deg);
}

.wp-block.product .product-title {
    height: 60px;
    overflow: hidden;
}

.wp-block.product .product-desc {
    height: 110px;
    overflow: hidden;
    color: #616161;
    margin-bottom: 10px;
}

.wp-block.product .regular-price-tax,
.wp-block.product .sale-price-tax {
    font-size: 75%;
}

.featured-item .sale-price-save,
.product-info .sale-price-save,
.wp-block-footer .sale-price-save {
    display: none;
}

.product-info .product-btn a {
    margin-top: 4px;
}

.homeProductsCarousel2 .compare-btn,
.product-list .compare-btn,
.product-list .wishlist-btn {
    float: right;
}

.homeProductsCarousel2 .compare-btn .btn i,
.product-list .compare-btn .btn i,
.product-list .wishlist-btn .btn i {
    margin-right: 0px;
}

.homeProductsCarousel2 .compare-btn > a,
.product-list .compare-btn > a,
.product-list .wishlist-btn > a {
    font-size: 12px;
    padding: 5px 6px;
}

.product-list .btn-icon.btn-sm span, .btn-icon.btn-sm input {
    padding-left: 29px;
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .product-list .btn-cart span {
        font-size: 77%;
    }
}

@media (min-width: 1400px) {
    .product-list .btn-cart span {
        font-size: 90%;
    }
}

#recentlyViewedProductsVertical .featured-item img {
    width: 80px;
}

/*===================================================================================*/
/*	COMPARE PAGE
/*===================================================================================*/

.compare-items .price {
    font-size: 120%;
    font-weight: 600;
    color: #333;
}

/*===================================================================================*/
/*	SINGLE PRODUCT PAGE
/*===================================================================================*/

.primary-image .img-responsive {
    margin: auto;
}

.shop .thumbnail-images a img {
    width: 100%;
    height: 100%;
}

.product-price {
    text-align: right;
}

.product-info .product-price>.price.discount {
    font-size: 16px;
    font-weight: 600;
    color: #f00;
    text-decoration: line-through;
    float: left;
}

.product-info .product-price>.price {
    font-size: 26px;
    font-weight: 600;
    margin-left: 10px;
}

.product-info .product-price .regular-price-tax,
.product-info .product-price .sale-price-tax,
.product-info .product-price .sale-price-save {
    font-size: 100%;
}

.product-btn {
    text-align: right;
}

.product-btn li {
    display: inline;
}

.quantity-picker {
    margin-bottom: 15px;
}

.quantity-picker a.btn {
    padding: 6px;
}

.quantity-picker input {
    padding: 0;
    text-align: center;
    /*width: 40px;*/
    color: #3d3d3d;
    font-size: 20px;
    background-color: #fff;
}

.quantity-picker input.form-control {
    border-radius: 0px;
}

.social-btn {
    float: right;
    margin-top: 20px;
}

.featured-item .price-wr {
    text-align: right;
}

.featured-item .price-wr .price.discount {
    margin: 0 0 0 40px;
}

.wp-block.product .price {
    font-size: 120%;
}

.wp-block.product .price.discount {
    padding: 4px 0 0 0;
}

.sale-price-save {
    float: left;
    margin-right: 10px;
}

.sale-price-save-details {
    visibility: hidden;
    display: none;
}

/*===================================================================================*/
/*	LOGIN PAGE
/*===================================================================================*/

.password-reset input {
    padding: 0;
}

/*===================================================================================*/
/*	FOOTER
/*===================================================================================*/
footer .copyright {
    color: #8f8f8f;
}

/*===================================================================================*/
/*	MINI CART
/*===================================================================================*/
.mini-cart-holder {
    text-align: center;
}

.contact-line {
    display: none;
}

.mini-cart-controls li {
    display: inline;
    /*margin: 2px 6px 0 6px;*/
}

.mini-cart-controls li > a {
    /*border-right: 1px solid #ccc;*/
}

.mini-cart-controls .dropdown-menu {
    border-radius: 0px;
}

.mini-cart-controls li:last-child > a {
    border-right: none;
}

/* overridden from bootstrap */
.mini-cart-controls .dropdown-menu>li>a:hover,
.mini-cart-controls .dropdown-menu>li>a:focus {
    color:#fff;
    text-decoration:none;
    background: #428bca !important;
}

.mini-cart-line span {
    padding-left: 0;
}

.mini-cart-line a {
    /*min-height: 50px;*/
    /*max-height: 50px;*/
    overflow: hidden;
    width: 100%;
    padding-top: 4px;
    padding-bottom: 4px;
    text-align: right;
}

.mini-cart-line .price {
    font-weight: bold;
    font-size: 125%;
    float: right;
    /*margin-right: 10px;*/
}

.mini-cart-line .sale-price-tax {
    font-size: 75%;
    float: right;
}

.mini-cart-line .btn-cart:before {
    font-size: 150%;
    /*padding-top: 6px;*/
    /*padding-left: 5px;*/
    text-align: center;
}

.mini-cart-line .cart-qty {
    margin-left: 35px;
    font-weight: bold;
    font-size: 125%;
    float: left;
}

.mini-cart-line .cart-label {
    float: left;
    margin: 4px 6px 0px 6px;
}

.mini-cart-line .cart-qty.cart-label {
    float: right;
    margin: 0px 0px 0px 5px;
    padding-left: 5px;
    border-left: 1px #777 solid;
}

.mini-cart-line .clearfix {
    display: none;
    float: left;
}

.mini-cart-table {
    border: 1px solid #2c88c5;
    border-top: none;
    background-color: #fff;
    position: absolute;
    /*
    box-shadow: 3px 3px 3px #e0e0e0;
    -webkit-box-shadow: 3px 3px 3px #e0e0e0;
    -moz-box-shadow: 3px 3px 3px #e0e0e0;
    */
    left: -160px;
    right: -60px;
}

.mini-cart-table .mini-cart-content {
    max-height: 300px;
}

.mini-cart-table table td {
    padding: 7px;
}

/*===================================================================================*/
/*	PROFILE PAGE
/*===================================================================================*/

.user-account .wp-block.default {
    border: none;
}

.profile-summary dd .form-control,
.profile-summary dd>span {
    font-size: 20px;
    width: 70%;
}

.profile-summary dt {
    margin-top: 10px;
}

.profile-summary .profile-page-selector {
    padding-top: 2px;
    padding-left: 8px;
}

.wishlist-item {
    padding: 0 3px 0 3px;
}

.wishlist-no-items {
    padding: 5px 20px 5px 20px;
}

.wishlist-item .bootstrap-tagsinput {
    width: 100%;
    margin-top: 20px;
    min-height: 54px;
    max-height: 54px;
    overflow-y: scroll;
}

.wishlist-item .product {
    min-height: 500px;
}

.wishlist-item .cart-remove {
    display: block;
    text-align: center;
    color: #e80e1d;
}

.wishlist-item .wl-btn {
    margin-top: 8px;
}


.wl-tag-cloud li {
    list-style-type: none;
    margin: 2px;
    float: left;
}

.wl-tag-cloud a.selected {
    padding: 1px;
    margin: 1px;
    /*color: #d9534f;*/
    font-weight: bold;
    border: 1px #3498db solid;
    /* text-decoration: line-through; */
}

.wl-tag-cloud .tag0 {
    font-size: 100%;
}

.wl-tag-cloud .tag1 {
    font-size: 105%;
}

.wl-tag-cloud .tag2 {
    font-size: 110%;
}

.wl-tag-cloud .tag3 {
    font-size: 115%;
}

.wl-tag-cloud .tag4 {
    font-size: 120%;
}

.wl-tag-cloud .tag5 {
    font-size: 125%;
}

.wl-tag-cloud .tag6 {
    font-size: 130%;
}

.wl-tag-cloud .tag7 {
    font-size: 135%;
}

.wl-tag-cloud .tag8 {
    font-size: 140%;
}

.wl-tag-cloud .tag9 {
    font-size: 145%;
}

.wl-tag-cloud .tag10 {
    font-size: 150%;
}

/*===================================================================================*/
/*	SHOPPING CART
/*===================================================================================*/
.shopping-cart .product-price {
    margin-bottom: 0px;
}

.shopping-cart .quantity-picker {
    width: 80%;
}

.shopping-cart .js-qty-pick.js-qty-update.changed .glyphicon {
    color: #d9534f;
    font-size: 120%;
}

.shopping-cart .price.discount {
    text-decoration: line-through;
    color: #999;
    font-size: 12px;
    margin-right: 8px;
    font-weight: 400;
}

.table-cart img {
    width: 80px;
    height: 80px;
}

.table-cart .input-btn {
    display: inline;
    padding: 3px;
}

.table-cart .input-btn button {
    padding: 0
}

.cart-total-label {
    font-weight: bold;
    font-size: 125%;
}

/*===================================================================================*/
/*	CHECKOUT
/*===================================================================================*/
.progtrckr a.disabled {
    pointer-events: none;
    cursor: default;
}

.address-section .next-btn {
    /*margin-top: 20px;*/
    margin-left: 30px;
}

.address-section .next-btn a {
    padding-right: 50px;
}

.address-section .address-list {
    margin-top: 20px;
}

.address-list .address-name {
    font-weight: bold;
}

.address-list .buttons-block {
    margin: 10px 0 10px 26px;
}

.address-list .buttons-block-2 {
    margin: 10px 0 10px 0px;
}

.shipping-section .list-price {
    text-decoration: line-through;
}

.order-grand-total .list-price {
    text-decoration: line-through;
}

.order-grand-total .sale-price-save {
    float: right;
}


@media (min-width: 768px ) {
    .checkout-addresses {
        position: relative;
    }

    .checkout-addresses-button-bottom-left {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media (max-width: 768px ) {

    .checkout-addresses-button-bottom-left .next-btn {
        float:right;
    }

}

.shipping-section .shipment-step-btn a.prev {
    padding-left: 50px;
}

.shipping-section .shipment-step-btn a.next {
    padding-right: 50px;
}

section.shipping-price {
    margin-bottom: 0;
}

div.shipping-price {
    margin-top: 10px;
    margin-left: 10px;
}

.payment-section label {
    font-weight: 600;
}

.payment-section .payment-form {
    margin-top: 30px;
}

.order-print-btn {
    color: #2d6ca2;
}

.order-print-btn i {
    margin-left: 7px;
}

.order-print-btn .fa.fa-print.fa-2x {
    font-size: 1.4em;
}

.order-page .order-title {
    margin-top: 20px;
}

.order-page label {
    font-weight: 600;
}

.payment-section .payment-step-btn {
    margin-top: 10px;
}

#paymentDiv input[type=submit] {
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    white-space: nowrap;
    padding: 6px 32px;
    margin-left: 15px;
    font-size: 20px;
    cursor: pointer;
    float: right;
    border:1px solid #ec951a; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #F0AD4E; background-image: -webkit-gradient(linear, left top, left bottom, from(#F0AD4E), to(#fb9d23));
    background-image: -webkit-linear-gradient(top, #F0AD4E, #fb9d23);
    background-image: -moz-linear-gradient(top, #F0AD4E, #fb9d23);
    background-image: -ms-linear-gradient(top, #F0AD4E, #fb9d23);
    background-image: -o-linear-gradient(top, #F0AD4E, #fb9d23);
    background-image: linear-gradient(to bottom, #F0AD4E, #fb9d23);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F0AD4E, endColorstr=#fb9d23);
}

#paymentDiv input[type=submit]:hover {
    border:1px solid #d58512;
    background-color: #ec971f; background-image: -webkit-gradient(linear, left top, left bottom, from(#ec971f), to(#e78404));
    background-image: -webkit-linear-gradient(top, #ec971f, #e78404);
    background-image: -moz-linear-gradient(top, #ec971f, #e78404);
    background-image: -ms-linear-gradient(top, #ec971f, #e78404);
    background-image: -o-linear-gradient(top, #ec971f, #e78404);
    background-image: linear-gradient(to bottom, #ec971f, #e78404);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ec971f, endColorstr=#e78404);
}

#paymentDiv input.disabled[type=submit] {
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    white-space: nowrap;
    padding: 6px 32px;
    margin-left: 15px;
    font-size: 20px;
    cursor: pointer;
    float: right;
    border:1px solid #cccccc; -webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
    background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #cccccc, #cccccc);
    background-image: -moz-linear-gradient(top, #cccccc, #cccccc);
    background-image: -ms-linear-gradient(top, #cccccc, #cccccc);
    background-image: -o-linear-gradient(top, #cccccc, #cccccc);
    background-image: linear-gradient(to bottom, #cccccc, #cccccc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cccccc, endColorstr=#cccccc);
}

#paymentDiv input.disabled[type=submit]:hover {
    border:1px solid #cccccc;
    background-color: #cccccc; background-image: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#cccccc));
    background-image: -webkit-linear-gradient(top, #cccccc, #cccccc);
    background-image: -moz-linear-gradient(top, #cccccc, #cccccc);
    background-image: -ms-linear-gradient(top, #cccccc, #cccccc);
    background-image: -o-linear-gradient(top, #cccccc, #cccccc);
    background-image: linear-gradient(to bottom, #cccccc, #cccccc);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cccccc, endColorstr=#cccccc);
}


/*===================================================================================*/
/*	FEEDBACK
/*===================================================================================*/

ul.feedbackPanel {
    list-style: none;
    margin: 20px 0 40px 0;
    font-size: 16px;
    padding: 0;
}

ul.feedbackPanel > li {
    /*  display: inline; */
}

.feedbackPanelERROR {
    padding: 10px;
    color: #a94442;
    background-color: #f2dede;
    margin-bottom:10px;
}

.feedbackPanelINFO {
    padding: 10px;
    color: #3c763d;
    background-color: #dff0d8;
    margin-bottom:10px;
}

.feedbackPanelWARNING {
    padding: 10px;
    color: #8a6d3b;
    background-color: #fcf8e3;
    margin-bottom:10px;
}


/*===================================================================================*/
/*	CATEGORIES MEGA NAV
/*===================================================================================*/

.navbar.navbar-topcategories {
    width: 100%;
    margin: 0 auto;
    background: #3498db;
    border: 0;
    border-radius: 0;
}

.mega-dropdown-menu,
.navbar-nav>li>.dropdown-menu {
    margin-top: 0px;
    /* border-top-left-radius:4px;
      border-top-right-radius:4px; */
    border-top: 0px;
}

.navbar-topcategories .navbar-nav>li>a {
    /*width: 200px;*/
    font-weight: bold;
}

.navbar-topcategories .navbar-nav .mega-dropdown-menu>li>a {
    margin-top: 10px;
    font-size: 115%;
    font-weight: bold;
    color: #428bca;
    padding: 3px 10px;
    white-space: normal;
}
.navbar-topcategories .navbar-nav .mega-dropdown-menu>li>a:hover {
    color: #fff;
}

.navbar-topcategories .divider {
    /*background-color: transparent;*/
    margin: 4px 0;
}

.mega-dropdown { position: static !important;/*width:100%;*/

}

.mega-dropdown-menu {
    padding: 20px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mega-dropdown-menu:before { /*content: "";
    border-bottom: 15px solid #fff;
    border-right: 17px solid transparent;
    border-left: 17px solid transparent;
    position: absolute;
    top: -15px;
    left: 285px;
    z-index: 10;*/
}

.mega-dropdown-menu:after { /* content: "";
    border-bottom: 17px solid #ccc;
    border-right: 19px solid transparent;
    border-left: 19px solid transparent;
    position: absolute;
    top: -17px;
    left: 283px;
    z-index: 8;*/
}

.mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0;
}

.mega-dropdown-menu > li > ul > li { list-style: none; }

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 3px 10px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #999;
    white-space: normal;
}

.mega-dropdown-menu > li > a:hover,
.mega-dropdown-menu > li > a:focus,
.mega-dropdown-menu > li ul > li > a:hover,
.mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #FFF;
    background-color: #428bca;
    background-image: none;
    filter: none;
}

.mega-dropdown-menu .dropdown-header {
    color: #428bca;
    font-size: 18px;
    font-weight: bold;
}

.mega-dropdown-menu form { margin: 3px 20px; }

.mega-dropdown-menu .form-group { margin-bottom: 3px; }

.dropdown.mega-dropdown:hover > .dropdown-menu.mega-dropdown-menu.row { display: block; }

.navbar-topcategories .navbar-nav>li>a { color: #fff; }

.navbar-topcategories ul.nav > li:hover,
.navbar-topcategories .navbar-nav>li>a:hover {
    color: #000;
    background: #fff;
}

.navbar-topcategories ul.nav > li:hover > a {
    color: #000;
}


.dropdown-menu.mega-dropdown-menu.row li:hover {
    /*list-style-type: disc;*/
    /* padding: 10px; */
    list-style-position: inside;
    background: #fff;
}

.megamenu-headline { padding: 0 32px; }

/*===================================================================================*/
/*	Slides
/*===================================================================================*/

.client img,
#homePageSlides img {
    width: 100%;
}

.owl-theme .owl-controls .owl-buttons div {
    /*color: #fff;*/
    color: #428bca;
    display: inline-block;
    zoom: 1;
    *display: inline;/*IE7 life-saver */
    background-color: transparent;
    font-size: 250%;
}

.homeProductsCarousel2.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-prev {
    left: -27px;
    bottom: 361px;
}

.homeProductsCarousel2.owl-carousel.owl-theme .owl-controls .owl-buttons .owl-next {
    right: -27px;
    bottom: 361px;
}

#partners-owl .owl-controls .owl-buttons .owl-prev {
    left: -27px;
    bottom: 28px;
}

#partners-owl .owl-controls .owl-buttons .owl-next {
    right: -27px;
    bottom: 28px;
}

.checkoutProducts .owl-controls .owl-buttons .owl-prev {
    left: -27px;
    bottom: 405px;
}

.checkoutProducts .owl-controls .owl-buttons .owl-next {
    right: -27px;
    bottom: 405px;
}

#partners .client {
    border: none;
    /*border-bottom: 1px solid #c9c9c9;*/
    padding: 0;
    margin: 0 3px 0 0;
    max-width: 100px;
}


/*===================================================================================*/
/*	Tooltip
/*===================================================================================*/

@media (min-width: 768px) {
    .tooltip-inner {
        max-width: 350px;
        width: 350px;
    }

}

.owl-item .tooltip-inner {
    z-index: 999;
    max-width: 225px; !important;
    width: 225px; !important;
    color: #fff; !important;
}


/*===================================================================================*/
/*	Invoice
/*===================================================================================*/

.invoice-items tbody td {
    text-align: left;
}

.invoice-intro {
    width: 35%;
}

.invoice-meta {
    width: 55%;
}

.invoice-payment {
    width: 100%;
}

.invoice-status span.paid,
.invoice-status span.unpaid,
.invoice-payment span.paid,
.invoice-payment span.unpaid {
    font-weight:bold;
    color:#fff;
    display:block;
    padding:8px;
}

.invoice-status span.paid,
.invoice-payment span.paid {
    background:#008000;
    background:rgba(122,185,0,0.7);
}

.invoice-status span.unpaid,
.invoice-payment span.unpaid {
    background:#f00;
    background:rgba(187,0,0,0.8);
}

/*===================================================================================*/
/*  RESPONSIVE
/*===================================================================================*/

@media (max-width: 384px) {
    .new-products {
        margin-bottom: 4px;
    }
}

/* Extra small devices (phones, less than 768px) */
@media (max-width: 767px) {
    .owl-theme .owl-controls .owl-buttons .owl-prev {
        left: -16px;
    }

    .owl-theme .owl-controls .owl-buttons .owl-next {
        right: -16px;
    }

    .new-products {
        margin-top: 8px;
    }
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991px) {

}

@media (min-width: 992px) {
    .filter.sort-filter {
        margin-left: 10px;
    }
}

@media (min-width: 1800px) {
    .banner, .slider-content, .slider, .slider-v2 {
        max-height: 700px;
    }

    .sliderImg {
        width: 100%;
    }
}