Da

✏️ Editing: global.less

/* Global style of theme */

@import 'variables.less';

html {
    height: 100%;
}
body {
    &.small-body {
        min-height: 100%;
        position: relative;
        padding-bottom: 60px;
        .wrapper {
            position: static;
            .page-wrapper {
                position: static; 
                .footer-default {
                    position: absolute;
                    left: 0;
                    right: 0;
                    bottom: 0;
                }
            }
        }
    }
    pre{
        background-color: lighten(@pagecontentbackground, 8%); 
        display: block;
    }
    code{
        background-color: lighten(@pagecontentbackground, 8%); 
        display: block;
    }
}
 
.wrapper {
    margin: 0 auto;
    position: relative; 
    min-height: 100%;
    &:after {
        content: "";
        display: table;
        clear: both;
    } 
    // Box layout
    &.box-layout {
        // clearfix
        &:after {
            clear: both;
            content: '.';
            display: block;
            height: 0;
            line-height: 0;
            visibility: hidden;
        }
    }
}
* {
    margin: 0;
    padding: 0;
} 
h1, .h1 {
    font-size: 36px;
}
h2, .h2 {
    font-size: 24px; 
    text-transform: capitalize;
}
h3, .h3 {
    font-size: 20px;
}
a,
input,
button {
    outline: none;
}
.item-col{
    outline: none;
}

.box-container {
    padding-left: 60px !important; 
    padding-right: 60px !important;
    margin-right: 0 !important;
    margin-left: 0 !important;
    .row-container {
        max-width: 100% !important;
    }
}
.price-box {
    .priceMixin(); 
    .old-price {   
        margin-left: 8px; 
        .amount {
            color: #a4a4a4;
            font-weight: 400;
            font-size: 0.875em;
            text-decoration: line-through;
            
        }
    }
}
.count-down {
    display: none;
}
.container-fluid {
    padding: 0;
}
/* FRONT PAGE
-----------------------------*/
.vc_row {
    .row-container {
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 1200px;
        &:after {
            clear: both;
            content: '';
            display: block;
            height: 0;
            line-height: 0;
            visibility: hidden;
        }
    }
}

.section {
    -webkit-transition: all 1.5s ease;
            transition: all 1.5s ease;
}
.global-table {
    display: table;
    width: 100%;
    .global-row {
        display: table-row;
        .global-cell {
            display: table-cell;
            vertical-align: middle;
        }
    }
}
.group_table {
    float: left;
    width: 100%;
    .group-row {
        float: left;
        margin: 0 0 10px;
        width: 100%;
    }
}
.fancybox-title {
    font-family: @bodyfont;
    font-size: 14px;
}
.fancybox-social {
    display: inline-block;
    float: right;
    text-align: right;
}
.widget_wysija {
    position: relative;
}
.formError {
    left: 0 !important;
    top: 100% !important;
}
.owl-carousel {
    .owl-dots {
        text-align: center;
        .owl-dot {
            width: 10px;
            height: 10px;
            background: @bordercolor;
            border-radius: 100%;
            margin: 0 4px;
            position: relative;
            &.active, &:hover {
                &:after {
                    content: "";
                    left: -2px;
                    top: -2px;
                    right: -2px;
                    bottom: -2px;
                    position: absolute;
                    background: @primarycolor;
                    border-radius: 100%;
                }
            }
        }
    }
}
.sidebar-home.collapse-menu {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 350px;
    z-index: 999;
    .sidebar-home-inner {
        background: @textcolor;
        float: left;
        height: 100%;
        padding: 60px 20px;
        position: relative;
        text-align: center;
        width: 100%;
    }
    .widget {
        float: left;
        margin-bottom: 40px;
        position: relative;
        width: 100%;
        &.widget_product_search {
            .widget-title {
                display: none;
            }
            form {
                background: #fff;
                border-radius: 3px;
                float: left;
                width: 310px;
                #ws {
                    background: #fff;
                    border-radius: 3px 0 0 3px;
                    color: lighten(@textcolor, 30%);
                    float: left;
                    font-size: 12px;
                    font-weight: bold;
                    height: 45px;
                    line-height: 48px;
                    text-transform: uppercase;
                    width: 263px;
                }
                .btn.btn-primary {
                    background: url(../images/icon-search.png) no-repeat center 5px;
                    border: none;
                    float: right;
                    height: 45px;
                    line-height: 45px;
                    text-indent: -9999px;
                    width: 45px;
                    &:hover {
                        background-position: center -31px;
                    }
                }
            }
        }
        &.widget_nav_menu {
            padding: 0;
        }
        &.widget_text {
            &:last-child {
                bottom: 50px;
                left: 0;
                margin: 0;
                margin: auto;
                position: absolute;
                right: 0;
                width: auto;
            }
            a {
                display: inline-block;
                &:hover {
                    i {
                        color: @primarycolor;
                    }
                }
            }
            i {
                color: #808080;
                font-size: 18px;
                margin: 0 15px;
            }
        }
        &.widget_shopping_cart {
            border: 1px solid #454545;
            border-radius: 3px;
            bottom: 118px;
            left: 30px;
            margin: auto;
            padding: 20px 0;
            position: absolute;
            right: 30px;
            width: auto;
            &:hover {
                .widget_shopping_cart_content {
                    .cart-toggler {
                        a { 
                            color: @primarycolor;
                        }
                    }
                }
            }
            .widget-title {
                display: none;
            }
            .widget_shopping_cart_content {
                display: inline-block;
                float: none;
                height: 36px;
                position: relative;
                .cart-toggler {
                    cursor: pointer;
                    font-size: 20px;
                    height: 36px;
                    line-height: 42px;
                    margin: auto;
                    text-align: center;
                    a {
                        background: url(../images/icon-cart2.png) no-repeat center 0;
                        color: #fff;
                        display: block;
                        float: left;
                        font-family: @headingfont;
                        font-size: 16px;
                        font-weight: bold;
                        height: 36px;
                        -webkit-transition: all 0s ease;
                                transition: all 0s ease;
                        width: 28px;
                    }
                    .mini-cart-link {
                        color: #fff;
                        float: left;
                        font-weight: bold;
                        line-height: initial;
                        margin: 3px 0 0 12px;
                        text-align: left;
                        span {
                            color: #fff;
                            display: block;
                            font-size: 13px;
                            text-transform: uppercase;
                            &.cart-total {
                                margin-top: 5px;
                                .amount {
                                    color: @primarycolor;
                                    font-size: 15px;
                                }
                            }
                        }
                    }
                }
                .mini_cart_content {
                    background: #fff;
                    border-top: 2px solid @linkcolor;
                    box-shadow: 0 1px 2px 2px rgba(0,0,0,.2);
                    color: @headingcolor;
                    font-size: 14px;
                    height: 0;
                    line-height: 1.5; 
                    padding: 0;
                    position: absolute;
                    right: 0;
                    top: 100%;
                    width: 100%;
                    z-index: 12000;
                    .mini_cart_inner {
                        float: left;
                        padding: 15px 5px;
                        width: 100%;
                    }
                    ul.cart_list {
                        float: left;
                        margin-bottom: 10px;
                        width: 100%;
                        li {
                            border-bottom: 1px solid @bordercolor;
                            overflow: hidden;
                            padding: 10px;
                            -webkit-transition: all .3s ease;
                                    transition: all .3s ease;
                            .product-image {
                                border: 1px solid @bordercolor;
                                float: left;
                                position: relative;
                                width: 50px;
                                img {
                                    box-shadow: none;
                                    width: 50px;
                                }
                                .quantity {
                                    background: -webkit-linear-gradient(lighten(@darkcolor, 20%), @darkcolor); /* For Safari 5.1 to 6.0 */
                                    background:      -o-linear-gradient(lighten(@darkcolor, 20%), @darkcolor); /* For Opera 11.1 to 12.0 */
                                    background:    -moz-linear-gradient(lighten(@darkcolor, 20%), @darkcolor); /* For Firefox 3.6 to 15 */
                                    background:         linear-gradient(lighten(@darkcolor, 20%), @darkcolor); /* Standard syntax */
                                    border-radius: 40px;
                                    color: #fff;
                                    font-family: @bodyfont;
                                    font-size: 11px;
                                    font-weight: bold;
                                    height: 20px;
                                    left: -10px;
                                    line-height: 20px;
                                    overflow: visible;
                                    position: absolute;
                                    text-align: center;
                                    top: -10px;
                                    width: 20px;
                                    z-index: 1;
                                }
                            }
                            .product-details {
                                margin-left: 60px;
                                position: relative;
                                .product-name {
                                    color: @headingcolor;
                                    font-size: 16px;
                                    font-weight: normal;
                                    line-height: 20px;
                                    margin: 0 0 5px;
                                    text-align: left;
                                    width: 190px;
                                    &:hover {
                                        color: @primarycolor;
                                    }
                                }
                                .variation {
                                    border: none;
                                    display: none;
                                    float: left;
                                    padding: 2px 0 0;
                                }
                                .remove {
                                    background: none;
                                    color: @greycolor;
                                    display: block;
                                    font-size: 18px;
                                    left: auto;
                                    position: absolute;
                                    right: 0;
                                    top: 15px;
                                    z-index: 1;
                                    &:hover {
                                        color: @primarycolor;
                                    }
                                }
                                .quantity {
                                    color: @textcolor;
                                    float: left;
                                    text-align: left;
                                    width: 100%;
                                }
                            }
                        }
                    }
                    .total {
                        border: none;
                        color: @textcolor;
                        float: left;
                        font-family: @headingfont;
                        font-size: 13px;
                        font-weight: bold;
                        line-height: 40px;
                        margin: 0 0 15px;
                        padding: 0 10px;
                        text-align: left;
                        text-transform: uppercase;
                        width: 100%;
                        .amount {
                            float: right;
                            font-size: 18px;
                        }
                    }
                    .buttons {
                        float: right;
                        margin: 0;
                        padding: 0 10px;
                        text-align: center;
                        width: 100%;
                        a {
                            background: none;
                            background: none;
                            border: 2px solid @bordercolor;
                            display: inline-block;
                            text-transform: uppercase;
                        }
                    }
                    ul.cart_empty {
                        margin: 0;
                        padding: 0;
                        li {
                            font-size: 12px;
                            list-style: none;
                            padding-left: 10px;
                            text-align: left;
                            &.total {
                                padding-top: 20px;
                            }
                        }
                    }
                    .loading {
                        background-color: #fff;
                        background-image: url('../images/loader.gif');
                        background-position: center center;
                        background-repeat: no-repeat;
                        display: none;
                        height: 100%;
                        left: 0;
                        opacity: .7;
                        position: absolute;
                        top: 0;
                        width: 100%;
                        z-index: 2;
                    }
                    &.loading {
                        .loading {
                            display: block;
                        }
                    }
                }
            }
        }
    }
}
.aiwidgetscss {
    .aiwidget-title {
        display: none;
    }
    .imgdisplay {
        margin-bottom: 20px;
        padding: 15px;
    }
    .thinkTwitFollow {
        padding: 0 15px;
    }
    .tweettxts {
        font-size: 12px;
    }
    .tweet_author_name,
    .tweet_author {
        a {
            font-size: 13px;
        }
    }
}
/* CAROUSEL
-----------------------------*/
.wrapper {
    .slick-slider {
        button {
            box-shadow: none;
            border: 0; 
            background: none;
            width: 28px;
            height: 14px;
            color: rgba(255, 255, 255, 0.5);
            font-size: 0;
            line-height: 0;
            float: left;
            text-align: center; 
            position: absolute;
            top: -31px;
            .transition();
            &:before {
                font-family: 'Ionicons';
                font-size: 14px;
                line-height: 14px;
                display: block;
            }
            &.slick-prev { 
                right: 28px;
                border-right: 1px solid rgba(255, 255, 255, 0.5);
                &:before {
                    content: "\f124";
                }
            }
            &.slick-next { 
                right: 0;
                &:before {
                    content: "\f125";
                }
            }
            &:hover { 
                color: #fff;
            }
        }
        .slick-list {
            padding: 0;
        }
    }
}
.admin-bar {
    .search-fixed {
        top: 32px;
    }
}
 
.shadow {
    background: rgba(255,255,255,.2);
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    .transition(0.6s);
    width: 100%;
    z-index: 2;
    pointer-events: none;
}

h1.logo { 
    height: 50px;
    line-height: 50px;
    max-width: 100%;
    padding-right: 0;
}
.widget-separator {
    float: left;
    height: 1px;
    width: 100%;
}
.monstatip {
    background: #000000;
    color: #fff;
    display: block;
    float: left;
    font-size: 11px;
    font-weight: normal;
    left: 0;
    line-height: 2;
    padding: 4px 8px;
    position: absolute;
    text-transform: none;
    top: -38px;
    white-space: nowrap;
    width: auto;
    z-index: 2;
    &:after {
        background: none;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-top: 6px solid #000000;
        bottom: -6px;
        content: '';
        display: block;
        height: 0;
        left: 50%;
        margin-left: -5px;
        position: absolute;
        transform: none;
        width: 0;
    }
}
/* HEADER
-----------------------------*/
@media (min-width: 992px){
    .header-container.header-1, .header-container.header-4{
        .header-inner{
            .row-container{
                display: table !important;
                height: 80px;
                margin:0 auto;
                > div{
                    display: table-cell;
                    padding: 0;
                    float: none;
                    vertical-align: middle;
                }
            }
        }
    }
}
.header-default{
    .logo{
        display: flex;
        height: 120px;
        margin: 0;
        position: relative;
        z-index: 1;
    }
}
 
.header-container {    
    background: @headerbg;
    font-size: 0.857em; 
    margin-bottom: 20px;
    .switcher{
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        .menu >li {
            position: relative;
            margin-right: 20px;
            padding-right: 20px; 
            margin-bottom: 0;
            display: inline-block;
            vertical-align: middle;
            &:after{
                content: "";
                height: 15px;
                width: 1px;
                background: @bordercolor;
                position: absolute;
                top: 50%;
                right: 0;
                -moz-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                -o-transform: translateY(-50%);
                -ms-transform: translateY(-50%);
                transform: translateY(-50%);
            }
            > a {
                display: block;
                font-size: 12px;
                padding: 9px 0;
                i {
                    font-size: 1.23em;
                    margin-left: 5px;
                }
            }
            .sub-menu{
                margin: 0;
                list-style: none;
                position: absolute;
                top: 120%;
                right: -50px;
                font-size: 13px;
                z-index: 1119;
                min-width: 200px;
                padding: 5px 20px;
                text-align: center;
                background: @submenubg;
                border-radius: 5px;
                box-shadow: 0 0 5px rgba(0,0,0,0.2);
                opacity: 0;
                visibility: hidden;
                transition: all 0.5s ease;
                li {
                    line-height: 36px;
                    padding:5px;
                    margin: 0;
                    &:not(:last-child) {
                        &:after {
                            content: "";
                            height: 1px;
                            background-image: linear-gradient(to right,transparent, @bordercolor 70%,transparent);
                            display: block;
                            width: 100%;
                        }
                        
                    }
                }
            }
            &:hover{
                .sub-menu{
                    opacity: 1;
                    visibility: visible;
                    top: 100%;
                }
            }
        }
    }
    .header{
        z-index: 9991;
        position: relative;
        .header-bottom{
            border-bottom: 1px solid @bordercolor; 
            border-top: 1px solid @bordercolor; 
            padding: 15px 0; 
        }
        .header-top{
            position: relative;
            z-index: 22222;
            .header-text{
            	text-align: right;
                
            }
        }
        .header-inner {
        	padding: 20px 0;
        	border-bottom: 1px solid @bordercolor; 
        	.box-left{
                .wpb_wrapper{
                    display: inline-block;
                    .style-text{
                        text-align: left;
                        padding: 8px 0;
                        padding-left: 46px;
                        background: url(../images/icon_phone.png) 0 center no-repeat;
                        p{
                            line-height: 14px;
                        }
                    }
                }
        	}
        }
        .header-mobile {
            display: none;
            .header-search {
                .searchform {
                    label {
                        display: none;
                    }
                    .form-input { 
                        position: relative;
                        padding: 0 67px 0 0;
                        border: 1px solid @bordercolor; 
                    }
                    .ws {
                        background: none;
                        border: 0;
                        color: #a4a4a4;
                        line-height: 50px;
                        margin: 0;
                        outline: none;
                        padding: 0 20px;
                        width: 100%;   
                    }
                    .wsearchsubmit { 
                        background: none;
                        border-radius: 0;
                        box-shadow: none;
                        border: none;
                        border-left: 1px solid @bordercolor; 
                        color: @headercolor;
                        font-size: 1.4em;
                        padding: 0 10px;
                        outline: none;
                        position: relative;
                        z-index: 1;
                        line-height: 50px;
                        display: block;
                        position: absolute;
                        right: 0;
                        top: 0;
                        bottom: 0;
                        width: 67px;
                        .ion-ios-search-strong{
                            &:before{
                                content: "\f4a4";
                                font-family: "Ionicons";
                                font-size: 20px;
                            }
                        }

&:hover {
                            color: @primarycolor;
                        } 
                    }
                }
            }
        }
    }   
    .social-icons {  
        margin-bottom: 0;
        li {
            display: inline-block;
            margin-right: 5px;
            margin-bottom: 0;
            a { 
                width: 30px;
                height: 30px;
                line-height: 30px;
                position: relative;
                display: inline-block;
                vertical-align: middle;
                color: #ccc;
                background: #2f2f2f;
                border-radius: 100%;
                padding: 0;
                text-align: center;
                z-index: 1;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                &:hover{
                    color: #ffffff;
                }
                i {
                    font-size: 0;
                    &:before {
                        font-size: 14px;
                    }
                }
            }
        }
    } 
    p {
        margin: 0;
    }
    ul, ol {
        padding: 0;
        list-style: none;
        margin: 0;
    }
    .box-product_search{
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin: 0;
        z-index: 1111; 
        .product_search{
            width: 45px !important;
            height: 45px;
            border-radius:3px; 
            text-align: center;
            line-height: 45px;
            margin: 0;
            border: 1px solid @bordercolor;
            cursor: pointer;
            &:before{
                 	content: "\f4a4";
					font-family: "Ionicons";
                  	font-size: 20px;
                    color: @headercolor;
            }
            &:hover{
                &:before{
                    color: @primarycolor;
                }
                > div{
                    opacity: 1;
                    visibility: visible;
                    top: 100%;
                }
            }
            > div{
                position: absolute;
                top: 120%;
                min-width:300px;
                opacity: 0;
                visibility: hidden;
                padding: 0;
                right:-2px;
                z-index: 9999;
                background: @submenubg;
                transition: all .3s ease 0s;
            }
        }
    }
    .box-wishlist{ 
        display: inline-block;
        vertical-align: middle;
        margin: 0;
    	.wishlist a{
			width: 45px;
			height: 45px;
			line-height: 43px;
			display: block;
			position: relative;
			font-size: 0;
			text-align: center;
			border: 1px solid #323232;
			border-radius: 3px;
	    	&:before{
			    content: "\f141";
			    font-size: 20px;
				display: inline-block;
				font-family: "Ionicons";
    		}
    	}
    }
    .box-cart{ 
        display: inline-block;
        vertical-align: middle;
        position: relative;
        margin: 0;
        z-index: 9999;
    }
    .monstatip {
        display: none !important;    
    }
    .widgettitle{
                display: none;
    } 
    .main-menu-wrapper {
        position: relative; 
        z-index: 999; 
    }
    .header-padding {
        padding: 50px 0;
    } 
    .box-right {
        position: relative;
    }
    .search-icon { 
        margin: 0;
        display: inline-block;
        vertical-align: middle;
        line-height: 0;
        width: 50px;
        height: 100px;
        text-align: center;
        cursor: pointer;
        color: @headercolor;
        &:hover {
            color: @primarycolor;
        }
        i {
            font-size: 0;
            line-height: 0;
            &:before {
                font-size: 26px;
                line-height: 100px;
                display: block;
            }
        }
    }
    .header-default {
        .logo {
            .logo-inner {
                margin: auto; 
                a {
                    display: block;
                    color: @headerlinkcolor;
                    &:hover {
                        color: @headerlinkhovercolor;
                    }
                }
            }
        } 
    }
    .right {
        text-align: right;
    }
    .top-menu { 
        display: inline-block;
        margin: 0 ;
        padding-right: 20px;
        position: relative;
        vertical-align: middle;    
        position: relative;
        &:after{
            content: "";
            height: 15px;
            width: 1px;
            background: @bordercolor;
            position: absolute;
            top: 50%;
            right: 0;
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -o-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
        }
        .widgettitle {
            font-family: @bodyfont;
            display: block;
            margin: 0;
            line-height: 25px;
            font-size: 12px;
            font-weight: 400;
            position: relative; 
            cursor: pointer;
            padding: 10px 15px 10px 0;
            &:after {
                font-family: 'FontAwesome';
                content: '\f107';
                border: 0; 
                top: 50%;
                right: 0;
                .translate(0, -50%);
                font-size: 1.23em;
                position: absolute;
            }
            &:hover{
            	color: @primarycolor;
            }
        }
        .menu { 
            display: none;
            background: @submenubg;
            border-radius: 3px;
            box-shadow: 0 0 5px rgba(0,0,0,0.2);
            top: 100%;
            right: 0;
            font-size: 13px;
            width: auto; 
            border: 0;
            position: absolute;
            min-width: 170px;
            text-align: center;
            z-index: 111111;
            padding: 5px 20px;
            li {
                line-height: 36px; 
                padding: 5px;
                margin: 0;
                &:not(:last-child) { 
                    &:after {
                        content: "";
                        height: 1px;
                        background-image: linear-gradient(to right,transparent, @bordercolor 70%,transparent);
                        display: block;
                        width: 100%;
                    }
                }   
                a {
                    display: block;
                    height: 36px;
                    line-height: 36px;
                    padding: 0;
                    color: @submenucolor;
                    white-space: nowrap;
                    &:hover {
                        color: @primarycolor;
                    }
                }
                &.current_page_item {
                   a {
                        color: @primarycolor;
                    } 
                }
            }
        }
    }
    .switcher { 
        display: inline-block;
        vertical-align: middle;
        label {
            display: inline-block; 
            text-transform: capitalize;
            margin: 0 5px 0 0;
            font-weight: 400;
            vertical-align: middle;
            line-height: 44px; 
        }
        // language 
        .language {     
            position: relative; 
            display: block; 
            padding-right: 20px;
            margin-right: 20px;
            z-index: 2222; 
            &:after {
                content: "";
                display: block;
                border-right: 1px solid rgba(255, 255, 255, 0.3);
                height: 16px;
                position: absolute;
                right: 0;
                top: 50%;
                .translate(0,-50%);
            }
            #lang_sel {
                background: none;
                height: auto; 
                display: inline-block;
                vertical-align: middle;
                width: auto;
                & > ul {
                    & > li {
                        float: none; 
                        width: auto;
                        &:hover {
                            ul {
                                height: auto;
                            }
                        }
                        a {
                            background: none;
                            border: 0;
                            color: @topbarlinkcolor; 
                            text-transform: capitalize;
                            height: 42px;
                            line-height: 32px;
                            padding: 5px 15px 5px 0;
                            &:after {
                                font-family: 'FontAwesome';
                                content: '\f107';
                                border: 0; 
                                top: 50%;
                                right: 0;
                                .translate(0, -50%);
                                font-size: 1.23em;
                            } 
                            span {
                                vertical-align: inherit;
                            }
                        }
                        ul {
                            background: @submenubg;
                            border-radius: 3px;
                            box-shadow: 0 0 5px rgba(0,0,0,0.2);
                            top: 100%;
                            right: 0;
                            left: inherit;
                            width: auto; 
                            border: 0;
                            min-width: 120px;
                            text-align: center;
                            z-index: 1111; 
                            padding: 0 15px;
                            li {
                                line-height: 36px; 
                                padding: 0 15px;
                                &:not(:last-child) {
                                    border-bottom: 1px solid @bordercolor;
                                }
                                a {
                                    display: block;
                                    height: 36px;
                                    line-height: 36px;
                                    padding: 0;
                                    color: @submenucolor;
                                    &:hover {
                                        color: @primarycolor;
                                    }
                                    &:after {
                                        display: none;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            .lang_sel_list_vertical {
                ul {
                    padding-left: 15px;
                    li {
                        a {
                            padding: 10px 0; 
                        }
                    }
                }
            }
            .wpml-ls-legacy-list-horizontal {
                padding: 0;
                border: 0;
            }
        }
        //currency
        .currency { 
            display: inline-block; 
            position: relative;
            z-index: 2222;

.wcml_currency_switcher {
                background: none;
                border: 0;
                outline: none;
                display: inline-block;
                width: auto;
                margin: 0;
                vertical-align: middle;
                & > ul {
                    & > li {
                        border: 0;
                        background: none;
                        margin: 0;
                        & > a {
                            background: none;
                            border: 0;
                            color: @topbarlinkcolor; 
                            text-transform: capitalize;
                            height: 42px;
                            line-height: 32px;
                            padding: 5px 15px 5px 0;
                            &:after {
                                font-family: 'FontAwesome';
                                content: '\f107';
                                border: 0; 
                                top: 50%;
                                right: 0;
                                .translate(0, -50%);
                                font-size: 1.23em;
                            }
                        }
                        .wcml-cs-submenu {
                            background: @submenubg;
                            border-radius: 3px;
                            box-shadow: 0 0 5px rgba(0,0,0,0.2);
                            top: 100%;
                            right: 0;
                            left: inherit;
                            width: auto; 
                            border: 0;
                            min-width: 120px;
                            text-align: center;
                            z-index: 1111; 
                            padding: 0 15px;
                            li {
                                background: none;
                                border: 0;
                                line-height: 36px; 
                                padding: 0 15px;
                                &:not(:last-child) {
                                    border-bottom: 1px solid @bordercolor;
                                }
                                &:hover {
                                    background: none;
                                }
                                a {
                                    display: block;
                                    height: 36px;
                                    line-height: 36px;
                                    padding: 0;
                                    color: @submenucolor;
                                    &:hover {
                                        color: @primarycolor;
                                    }
                                    &:after {
                                        display: none;
                                    }
                                }
                            }
                        } 
                    }
                } 
            }
            img {
                position: absolute;
            }
        }
          
    } 
    .message {
        display: inline-block;
        line-height: 44px;
        vertical-align: middle;
        margin: 0;
        i {
            font-size: 1.5em;
            float: left;
            margin-right: 10px;
            display: inline-block;
            vertical-align: middle;
        }
    }
    .search-dropdown {
        .widget_product_search {
            position: relative;
            &:before {
                color: @menucolor;
                content: '\f002';
                display: block;
                font-family: FontAwesome;
                font-size: 16px;
                line-height: 36px;
            }
            &:hover:before {
                color: @primarycolor;
            }
            #searchform {
                display: none;
                position: absolute;
                right: 0;
                top: 100%;
                z-index: 999;
            }
        }
    }
    .header-block {
        .box {
            display: inline-block;
            vertical-align: middle;
            border-left: 2px solid @bordercolor;
            padding: 9px 0 9px 15px;
            line-height: 1;
            &:not(:last-child) {
                margin-right: 30px;
            }
            label { 
                text-transform: uppercase;
                font-weight: 500;
                font-size: 11px;
                color: lighten(@headercolor, 50%);
            }
        }
    } 
    .header {
        .logo-small {
            display: none;
            max-width: 100px;
            padding: 15px 0;
            position: absolute;
            top: 0;
        }
        .headerSpace {
            display: none;
        }
        .header-sticky {
            &.ontop {
            	background: @headerstickybg;
                box-shadow: 0 1px 3px rgba(0,0,0,.11);
                left: 0;
                min-height: 42px;
                padding-top: 0;
                position: fixed;
                top: -42px;
                width: 100%;
                z-index: 9999;
                .transition();
                .logo-small {
                    display: block;
                } 
                &.show { 
                    top: 0;
                    &.with-admin-bar {
                        top: 32px;
                    } 
                }
                .logo-sticky {
                    height: 60px;
                    display: table;
                    float: left; 
                    margin-right: 30px;
                    a {
                        display: table-cell;
                        vertical-align: middle;
                    }
                }  
                .nav-container {
                    padding-right: 0; 
                    background: none; 
                    display: flex;
                    justify-content: center;
                    .clearfix(); 
                }
                .vc_col-lg-1, .vc_col-lg-10, .vc_col-lg-11, .vc_col-lg-12, .vc_col-lg-2, .vc_col-lg-3, .vc_col-lg-4, .vc_col-lg-5, .vc_col-lg-6, .vc_col-lg-7, .vc_col-lg-8, .vc_col-lg-9, .vc_col-md-1, .vc_col-md-10, .vc_col-md-11, .vc_col-md-12, .vc_col-md-2, .vc_col-md-3, .vc_col-md-4, .vc_col-md-5, .vc_col-md-6, .vc_col-md-7, .vc_col-md-8, .vc_col-md-9, .vc_col-sm-1, .vc_col-sm-10, .vc_col-sm-11, .vc_col-sm-12, .vc_col-sm-2, .vc_col-sm-3, .vc_col-sm-4, .vc_col-sm-5, .vc_col-sm-6, .vc_col-sm-7, .vc_col-sm-8, .vc_col-sm-9, .vc_col-xs-1, .vc_col-xs-10, .vc_col-xs-11, .vc_col-xs-12, .vc_col-xs-2, .vc_col-xs-3, .vc_col-xs-4, .vc_col-xs-5, .vc_col-xs-6, .vc_col-xs-7, .vc_col-xs-8, .vc_col-xs-9 {
                    min-height: 0 !important;
                } 
                .hidden-sticky {
                    display: none; 
                }
                .menu-sticky {
                    width: 83.333%;
                }
                .row-logo {
                    display: none;
                }
                .horizontal-menu {
                    float: left;
                    width: auto;
                    padding: 0;
                }
                .header-search {
                    padding: 10px 0;
                }
                .row-container {
                    position: relative;
                    max-width: 100%;
                }
                .box-right {
                    position: absolute;
                    right: 15px;
                    width: auto;
                    z-index: 1
                }
                .widget_shopping_cart { 
                    height: 60px; 
                    .widget_shopping_cart_content {
                        .cart-toggler {
                            a {
                                color: @primarycolor;
                                &:hover {
                                    color: @headerlinkhovercolor;
                                }
                            }
                        }
                    }
                }
                .wishlist-icon { 
                    height: 60px;
                    a {
                        color: @primarycolor;
                        &:hover {
                            color: @headerlinkhovercolor;
                        }
                    } 
                }
                .header-bottom {
                    background: none;
                }
                .header-padding {
                    padding: 0;
                }
                .logo {  
                    height: 60px; 
                    border: 0;
                    background: none;
                    margin: 0;
                } 
                .main-menu-wrapper {
                    &:before, &:after {
                        display: none;
                    }
                } 
                .header-default {
                    .logo {
                        display: none;
                    }
                    .horizontal-menu {
                        width: 100%;
                        text-align: center;
                    }
                }
            }
            .logo-sticky {
                display: none;
            }
        }
       
    }
    .logo {
        margin: 0;  
        position: relative;
        text-align: center;
        .vc_figure, .logo-inner {
            margin: auto 0;
            a { 
                max-width: 100%;
                vertical-align: middle;
                img {
                    display: block;
                }
            }
        }
    }
    .header-sidebar{
        display: none;
        width: 300px;
        padding: 30px 15px 30px 30px;
        text-align: left;
        position: fixed; 
        top: 0;
        height: 100%;
        z-index: 102;
        background: @pagecontentbackground;
        border-right: 1px solid @bordercolor;
        .box-subscribe{
            .mc4wp-form .input{
                display: inline-block;
                vertical-align: top;
                margin: 0;
                padding: 0 30px 0 0;
                border: 0;
                border-bottom: 1px solid @bordercolor;
                line-height: 30px;
                height: 30px;
                border-radius: 0;
                color: #5a5a5a;
                font-size: 12px;
                font-weight: 400;
                width: 100%;
                background: transparent;
            }
            .mc4wp-form .button{
                position: absolute;
                right: 15px;
                top: 60%;
                line-height: 30px;
                font-size: 0;
                text-align: center;
                border: 0;
                padding: 0;
                background: transparent;
                color: #5a5a5a;
                border-radius: 0;
                text-transform: capitalize;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                &:before{
                    content: "\f2f6";
                    font-family: "Ionicons";
                    font-size: 18px;
                }
                &:hover{
                    color: #fff;
                }
            }
        }
        .header-sticky {
            .logo-sticky {
                display: none !important;
            }
        }
        .horizontal-menu {
            #primary {
                & > .menu_holder {
                    .menu_inner {
                        & > ul {
                            & > li {
                                display: block;
                                float: left;
                                width: 100%;
                                position: relative;
                                margin: 10px 0;

& > a.item_link {
                                    width: 100%;
                                    padding: 0;
                                    height: 30px;
                                    line-height: 30px;
                                    .link_content {
                                        height: 30px;
                                        line-height: 30px;
                                    }
                                    .link_text{ 
                                        line-height: 30px;
                                        height: 30px; 
                                    }
                                }
                                 
                                ul.mega_dropdown {
                                    border-radius: 0;
                                    left: 100%;
                                    top: 0;      
                                }
                                &.menu-item-has-children {
                                    & > a.item_link {
                                        .link_text {
                                            &:after {
                                                padding: 0 10px;
                                            }
                                        }
                                    }

}
                            }
                        }
                    }
                }
            }
        }   
        .header-sticky {
            &.ontop {
                position: inherit;
                top: 0 !important;
                padding: 0;
                box-shadow: none;
                margin: 0;
                .nav-container {
                    padding-top: 0; 
                    display: block;
                }
                .horizontal-menu {
                    float: none !important;
                }
            }
            
        }
         
        .main-menu-wrapper {
            max-height: 249px;
        } 
        .social-icons{
            margin-bottom: 10px;
            li{
                display: inline-block;
                margin: 0px 10px 0 0;
                position: relative;
                a{
                    background: lighten(@pagecontentbackground, 8%);
                    border-radius: 100%;
                    display: block;
                    padding: 0 6px;
                    line-height: 30px;
                    height: 30px;
                    width: 30px;
                    text-align: center;
                    color: #ccc;
                    -webkit-transition: all 0.5s ease-in-out;
                    -moz-transition: all 0.5s ease-in-out;
                    -ms-transition: all 0.5s ease-in-out;
                    -o-transition: all 0.5s ease-in-out;
                    &:hover{ 
                        background: @primarycolor;
                        color: #fff;
                    }
                }
            }
            .monstatip{
                display: none !important;
            }
        }
    }
    &.header-3{
    	.logo{
    		text-align: left;
    	} 
        
        .top-bar_home3 {
            border-bottom: 1px solid @bordercolor;
            min-height: 50px;
            line-height: 50px;
            .row-container{  
                .box-product_search{ 
                    border-left: 1px solid @bordercolor;
                    border-right: 1px solid @bordercolor;
                }
                .box_account{
                    display: inline-block;
                    vertical-align: middle;
                    .top-menu{
                        padding-right: 0;
                        .widgettitle{
                            font-size: 0;
                            width: 55px;
                            height: 50px;
                            padding: 0;
                            line-height: 50px;
                            text-align: center;
                            border-right: 1px solid @bordercolor;
                            &:before{
                                content: "\f13d";
                                display: inline-block;
                                font-family: "Ionicons";
                                font-size: 20px;
                            }
                            &:hover{
                                color: @primarycolor;
                            }
                        }
                        &:after{
                            display: none;
                        }
                    }
                }
                .box-wishlist{
                    right: 185px;
                    .wishlist a{
                        border: none;
                        border-right: 1px solid @bordercolor;
                        width: 55px;
                        height: 50px;
                        line-height: 50px;
                    }
                }
                .widget_shopping_cart .widget_shopping_cart_content .cart-toggler{
                    border: none;
                    line-height: 50px;
                    height: 50px;
                }
                .widget_product_search #searchform #wsearchsubmit{
                    width: 55px;
                    height: 50px;
                    background: none;
                    border: none;
                }
                .widget_product_search #searchform #ws{
                    line-height: 50px;
                }
            }
        } 
    } 
    .header-search{
        position: relative;
        font-size: 1.3rem;
    }
    .search-categories-container {
        border-radius: 30px 0 0 30px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1;
        text-align: left;
        .cate-toggler {
        	display: none;
            cursor: pointer;
            margin: 13px 0;
            line-height: 24px;
            padding: 0 25px;
            color: #a4a4a4;
            width: 160px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            border-right: 1px solid @bordercolor;
            &:after {
                content: "\f107";
                font-family: 'FontAwesome';
                font-size: 15px;
                color: #6b6b6b;
                display: inline-block;
                vertical-align: middle;
                padding-left: 9px;
            }
        }
        .widget_product_categories { 
            position: absolute;
            top: 100%;
            left: 0;
            
            min-width: 100%;
            z-index: 10001;
            ul.product-categories {
                display: none;
                list-style-type: none;
                background: #212121; 
                box-shadow: 0 0 2px rgba(0,0,0,0.2);
                padding: 10px 15px;
                max-height: 300px;
                overflow-y: scroll;
                min-width: 175px;
                &::-webkit-scrollbar-track {
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
                    border-radius: 10px;
                    background-color: #F5F5F5;
                }

&::-webkit-scrollbar {
                    width: 6px;
                    background-color: #F5F5F5;
                }

&::-webkit-scrollbar-thumb {
                    border-radius: 10px;
                    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
                    background-color: #555;
                }
                li {
                    a {
                        color: #999;
                        font-size: 13px;
                        line-height: 30px;
                        display: block;
                        &:hover {
                            color: @primarycolor;
                        }
                    }
                }
                &.open {
                    display: block;
                }
            }
        }
    }
    /* widget product search */
    .widget_product_search {  
        #searchform {
            label {
                display: none;
            }
            .form-input { 
                position: relative;
                padding: 0 67px 0 0;
                border: 1px solid @bordercolor; 
            }
            #ws  {
                background: none;
                border: 0;
                color: #a4a4a4;
                line-height: 50px;
                margin: 0;
                outline: none;
                padding: 0 20px;
                width: 100%;   
            }
            #wsearchsubmit { 
                background: none;
                border-radius: 0;
                box-shadow: none;
                border: none;
                border-left: 1px solid @bordercolor; 
                color: @headercolor;
                font-size: 1.4em;
                padding: 0 10px;
                outline: none;
                position: relative;
                z-index: 1;
                line-height: 50px;
                display: block;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                width: 67px;
                .ion-ios-search-strong{
                    &:before{
                        content: "\f4a4";
                        font-family: "Ionicons";
                        font-size: 20px;
                    }
                }

&:hover {
                    color: @primarycolor;
                } 
            }
        }
    }
    /* widget shopping cart */
    .widget_shopping_cart { 
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding: 0;
        .widget_shopping_cart_content {
            position: relative;  
            .clearfix(); 
            .cart-toggler {  
                margin: auto;
				line-height: 45px;
				width: auto;
				height: 45px;
				padding: 0 10px;
				border-radius: 3px; 
				border: 1px solid @bordercolor;
                a {
                .cart-title {
                	font-size: 0;
                	&:before{
						content: "\f370";
						font-family: "Ionicons";
						font-size: 20px;
						color: @headercolor;
						display: inline-block;
						vertical-align: top;
						padding: 0 10px;
            		}
            	}
                    .cart-quantity {
                        border-radius: 100%;
                        position: absolute;
                        width: 20px;
                        height: 20px;
                        line-height: 20px;
                        text-align: center; 
                        background: @primarycolor;
                        color: #fff;
                        top: 12px;
                        left: -10px;
                        font-size: 1rem;
                    }
                } 
                .cart-total {
                    font-size: 14px;
                    font-weight: 500;
                    padding-left: 10px;
                    padding-right: 10px;
                    border-left: 1px solid @bordercolor;
                    color: @headercolor;
                    &:after{
						font-family: 'FontAwesome';
						content: '\f107';
						border: 0;
						top: 50%;
						right: 5px;
						-webkit-transform: translate(0,-50%);
						-moz-transform: translate(0,-50%);
						-ms-transform: translate(0,-50%);
						-o-transform: translate(0,-50%);
						font-size: 1.23em;
						position: absolute;
                    }
                } 
            }
            .mini_cart_content {
                color: @headingcolor;
                font-family: @bodyfont;
                display: none;
                font-size: 1em; 
                line-height: 1.5;
                overflow: hidden; 
                position: absolute;
                right: 0;
                top: 100%;
                width: 340px;
                z-index: 1200; 
                .mini_cart_inner { 
                    padding: 25px 35px; 
                    box-shadow: 0 0 7px 0 rgba(0,0,0,0.15);
                    background: @submenubg;
                    text-align: center;
                    border-radius: 3px; 
                    cursor: pointer;
                    border: 1px solid @bordercolor;
                }
                ul.cart_list {  
                    text-align: left;
                    li { 
                        overflow: hidden; 
                        padding: 15px 0;
                        margin: 0;
                        .transition(); 
                        &:after {
                            background-image: linear-gradient( to right,transparent, @bordercolor 30%, 85%,  transparent);  
                            content: "";
                            display: block;
                            height: 1px;
                            width: 100%;
                            position: absolute;
                            left: 0;
                            right: 0;
                            bottom: 0;
                        }
                        .product-image { 
                            float: left;
                            position: relative;
                            width: 82px;
                            img {
                                box-shadow: none;
                                width: 100%;
                            }
                            .quantity {
                                background: -webkit-linear-gradient(lighten(@darkcolor, 20%), @darkcolor); 
                                background:      -o-linear-gradient(lighten(@darkcolor, 20%), @darkcolor); 
                                background:    -moz-linear-gradient(lighten(@darkcolor, 20%), @darkcolor);
                                background:         linear-gradient(lighten(@darkcolor, 20%), @darkcolor); 
                                border-radius: 40px;
                                color: #fff;
                                font-family: @bodyfont;
                                font-size: 11px;
                                font-weight: bold;
                                height: 20px;
                                left: -10px;
                                line-height: 20px;
                                overflow: visible;
                                position: absolute;
                                text-align: center;
                                top: -10px;
                                width: 20px;
                                z-index: 1;
                            }
                        }
                        .product-details {
                            margin-left: 100px;
                            position: relative;
                            .product-name {
                                font-family: @headingfont;
                                color: @headingcolor; 
                                font-weight: 400;
                                line-height: 20px;
                                margin: 0 0 10px;
                                text-align: left;
                                text-transform: capitalize;
                                width: 160px;
                                font-size: 14px;
                                &:hover {
                                    color: @primarycolor;
                                }
                            }
                            .variation {
                                border: none;
                                display: none;
                                float: left;
                                padding: 2px 0 0;
                            }
                            .remove {
                                background: none;
                                color: #464646 !important;
                                display: block;
                                font-size: 16px;
                                left: auto;
                                position: absolute;
                                right: 0;
                                top: 0;
                                z-index: 1;
                                i {
                                    font-size: 18px;
                                }
                                &:hover {
                                    color: @primarycolor !important;
                                }
                            }
                            .quantity {
                                color: @textcolor;
                                font-size: 0.86em;
                                float: left; 
                                text-align: left;
                                width: 100%;
                                margin-bottom: 7px;
                            }
                            .price-cart {
                                .amount { 
                                    .priceMixin(); 
                                    font-size: 1em;
                                }
                            }
                        }
                    }
                }
                .total {
                    border:none;
                    line-height: 40px;
                    padding: 10px 0;
                    margin: 0;
                    text-align: left;
                    text-transform: uppercase;
                    font-weight: 500;
                    strong {
                        font-weight: 400;
                        font-size: 14px;
                        text-transform: capitalize;
                    }
                    .amount {
                        float: right;
                        font-size: 1em;
                        color: @textcolor;
                    }
                }
                .buttons { 
                    text-align: left;
                    margin: 0 -35px -25px;
                    display: block;
                    padding: 25px 35px;
                    border-radius:0 ;
                    background: #242424;
                    a {
                        .buttonMixin();  
                        background: #2e2e2e;
                        display: block;
                        width: 100%;
                        margin: 0;
                        height: 50px;
                        line-height: 50px;
                        font-size: 16px;
                        font-weight: normal;
                        &.checkout {
                            margin-top: 15px;
                        }
                    }
                }
                ul.cart_empty {
                    margin: 0;
                    padding: 0;
                    li {
                        font-size: 12px;
                        list-style: none;
                        padding-left: 10px;
                        text-align: left;
                        &.total {
                            padding-top: 20px;
                        }
                    }
                }
                .loading {
                    background-color: #fff;
                    background-image: url('../images/loader.gif');
                    background-position: center center;
                    background-repeat: no-repeat;
                    display: none;
                    height: 100%;
                    left: 0;
                    opacity: .7;
                    position: absolute;
                    top: 0;
                    width: 100%;
                    z-index: 2;
                }
                &.loading {
                    .loading {
                        display: block;
                    }
                }
            }
        }

}
    .header-middle {
        position: relative;
        z-index: 9991;
        .box-right {
            padding: 25px 0;
        }
    }
    .wishlist-icon {
        display: inline-block;
        margin: 10px 0;
        vertical-align: middle;
        width: 50px;
        height: 50px;
        border: 2px solid;
        border-radius: 100%;
        a {
            display: block;
            line-height: 1;
            font-size: 0;
            text-align: center;
            color: @headercolor;
            i {
                &:before {
                    font-size: 22px;
                    display: block;
                    line-height: 46px;
                }
            }
        }
    }
}
 
.horizontal-menu{  
    width:100%;
    &:after {
        content: "";
        display: table;
        clear: both;
    }
    div.nav-menu {
        /* for default wordpress menu (not selected menu location) */
        float: left; 
        width: 100%;
        text-align: center;
        & > ul {
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                list-style: none;
                position: relative;
                margin: 0;
                 &.menu-item-has-children{
                    a{
                        &:After{
                            right: 0;
                            color: #ffffff;
                            content: "\f3d0";
                            font-size: 12px;
                            border: 0;
                            font-family: "Ionicons";
                            top: 2px;
                            position: absolute;
                        }
                        
                    }
                }
                &.page_item_has_children{
                     >a{
                        &:After{
                            right: 0;
                            content: "\f3d0";
                            font-size: 12px;
                            border: 0;
                            font-family: "Ionicons";
                            top: 2px;
                            position: absolute;
                        }
                        
                    }
                }
                &:first-child {
                    a {
                        border: none;
                    }
                }
                &.current_page_item,
                &.current_page_ancestor,
                &.current_page_parent {
                    & > a {
                        color: @primarycolor;
                    }
                }
                &:hover,
                &.sfHover {
                    & > ul {
                        display: block;
                    }
                    & > a {
                        color: @primarycolor;
                    }
                }
                a {
                    color: @menucolor;
                    display: block;
                    font-family: @menufont;
                    font-size: @menufontsize;
                    line-height: 25px;
                    padding: 0 20px;
                    position: relative;
                    text-decoration: none;
                    text-transform: capitalize;
                }
                .children {
                    background: #212121;
                    box-shadow: 0 1px 2px 2px rgba(0,0,0,0.2);
                    display: none;
                    left: 0;
                    margin: 0;
                    padding: 10px 0;
                    position: absolute;
                    top: 100%;
                    width: 300px;
                    z-index: 99;
                    text-align: left;
                    li {
                        float: left;
                        width: 100%;
                        margin-bottom: 12px;
                        &.current_page_item,
                        &.current_page_ancestor,
                        &.current_page_parent {
                            & > a {
                                color: @primarycolor;
                            }
                        }
                        &:hover,
                        &.sfHover {
                            & > ul {
                                display: block;
                            }
                            & > a {
                                color: @primarycolor;
                            }
                        }
                        a {
                            border: none;
                            color: @submenucolor;
                            font-family: @menufont;
                            font-size: 12px;
                            line-height: 20px;
                            text-transform: capitalize;
                             &:After{
                                display: none;
                             }
                        }
                        .children {
                            left: 100%;
                            top: 0;
                        }
                    }
                }
            }
        }
    }
    .primary-menu-container {
        /* for default wordpress menu (selected menu location) */
        float: left;
        width: 100%;
        text-align: center;
        ul.nav-menu {
            margin: 0;
            padding: 0;
            li {
                display: inline-block;
                list-style: none;
                position: relative;
                margin: 0;
                &.menu-item-has-children{
                    >a{
                        &:After{
                            right: 0;
                            content: "\f3d0";
                            font-size: 12px;
                            border: 0;
                            font-family: "Ionicons";
                            top: 2px;
                            position: absolute;
                        }
                        
                    }
                }
                &:first-child,
                &.first {
                    a {
                        border: none;
                        padding-left: 0;
                    }
                }
                &.current-menu-item,
                &.current-menu-ancestor,
                &.current-menu-parent {
                    & > a {
                        color: @primarycolor;
                    }
                }
                &:hover,
                &.sfHover {
                    & > ul {
                        display: block;
                    }
                    & > a {
                        color: @primarycolor;
                    }
                }
                a {
                    color: @menucolor;
                    display: block;
                    font-family: @menufont;
                    font-size: @menufontsize;
                    font-weight: 400;
                    line-height: 30px;
                    padding: 0 20px;
                    position: relative;
                    text-decoration: none;
                    text-transform: capitalize;
                }
                .sub-menu {
                    background: @submenubg;
                    box-shadow: 0 1px 2px 2px rgba(0,0,0,0.2);
                    border: 1px solid @bordercolor;
                    border-radius: 3px;
                    display: none;
                    left: 0;
                    margin: 0;
                    min-width: 300px;
                    padding: 15px 20px;
                    position: absolute;
                    top: 100%;
                    z-index: 99;
                    text-align: left;
                    li {
                        float: left;
                        font-size: 13px;
                        width: 100%;
                        &.current-menu-item,
                        &.current-menu-ancestor,
                        &.current-menu-parent {
                            & > a {
                                color: @linkhovercolor;
                            }
                        }
                        &:hover,
                        &.sfHover {
                            & > ul {
                                display: block;
                            }
                            & > a {
                                color: @linkhovercolor;
                            }
                        }
                        a {
                            border: none;
                            color: @submenucolor;
                            font-family: @menufont;
                            font-size: 13px; 
                            line-height: 2;
                            padding: 5px 0;
                            text-transform: none;
                            &:hover {
                                color: @primarycolor;
                            }
                             &:After{
                                display: none;
                             }
                        }
                        .sub-menu {
                            left: 100%;
                            top: 0;
                        }
                    }
                }
            }
        }
    }
    #primary { 
        & > .menu_holder {
            width: 100%;
            .menu_inner { 
                width: 100%;
                .nav_logo {
                    display: none;
                }
                & > ul { 
                    text-align: center;
                    & > li {
                        display: inline-block;
                        margin-right: 20px;
                        &:last-child{
                        	margin-right: 0;
                        }
                        &.nav_search_box {
                            display: none;
                        }
                        &.first {
                            & > a.item_link {
                                padding-left: 0;
                            }
                        }
                        &:hover {
                            & > a {
                                &.item_link {
                                    .link_text{
	                                    color: @primarycolor;
                                	}
                                }
                            }
                        }
                        &.current-menu-ancestor, &.current-menu-item {
                            & > a {
                                &.item_link {
                                    background: none;
                                     .link_text {
                                     	color: @primarycolor;
                                 	}
                                }
                            }
                        }
                        &.menu-item-has-children{
                         	& > a{
                                 &.item_link {
                             		.link_text {
                                        &:after{
                                            right:0;
                                            content: "\f3d0";
                                            font-size: 12px;
                                            border: 0;
                                            font-family: "Ionicons";
                                            top:2px;
                                            position: absolute;
                                     	}
                             		}
                             	}
                     		}
                            &:hover{
                                & > a {
                                    &.item_link {
                                        position: relative;
                                        i{
                                            color: @primarycolor
                                        }
                                        &:after{
                                            color: @primarycolor;
                                        }
                                    }
                                }
                            }
                        }
                        //first level
                        & > a {
                            &.item_link {
                                background: none;
                                float: left;  
                                .link_text {
                                    color: @menucolor;
                                    font-family: @menufont;
                                    font-size: @menufontsize;
                                    font-weight: @menufontweight;
                                    line-height: 65px;
                                    min-height: 40px;
                                    text-transform: capitalize; 
                                    padding: 0;
                                    .transition();
                                    i {
                                        display: inline-block;
                                        vertical-align: middle;
                                        color: @primarycolor;
                                        float: left;
                                        margin-right: 5px;
                                        font-size: 16px;
                                    }
                                }
                                &:before {
                                    background: none;
                                }
                                &:after {
                                    display: none;
                                }
                                &:hover {
                                    .link_text { 
                                        color: @primarycolor;
                                        &:after{
                                            color: @primarycolor;
                                        }
                                    }
                                }
                                span.label {
                                    position: absolute;
                                    top: 5px;
                                    right: -17px;
                                    line-height: 19px;
                                    font-size: 10px;
                                    text-transform: capitalize;
                                    font-weight: 400; 
                                    padding: 0 8px;
                                    border-radius: 2px;
                                    color: #fff;
                                    &.new {
                                        background: #68b501;
                                        &:before {
                                            border-top-color: #68b501;
                                        }
                                    }
                                    &.hot {
                                        background: @primarycolor;
                                        &:before {
                                            border-top-color: @primarycolor;
                                        }
                                    }
                                    &:before {
                                        content: "";
                                        border-color: transparent;
                                        border-style: solid;
                                        border-width: 4px 4px 0 4px;
                                        position: absolute;
                                        left: 10px;
                                        bottom: -4px;
                                        display: block;
                                    }
                                }
                            }
                        }
                        & > ul.mega_dropdown {
                            border-radius: 0;
                            background: @submenubg;
                            box-shadow: 0 0 0 1px @bordercolor;
                            top: 100%;
                        }
                        ul.mega_dropdown {
							border-radius: 0;
                            background: @submenubg; 
                            font-family: @menufont;
                            .post_item {
                                padding-bottom: 10px;
                                .processed_image {
                                    a.icon {
                                        i {
                                            position: absolute;
                                        }
                                        &:hover {
                                            background: rgba(red(@primarycolor), green(@primarycolor), blue(@primarycolor), .4);
                                        }
                                    }
                                }
                            }
                            .post_details {
                                background: @submenubg;
                                box-shadow: none;
                                padding: 0 10px 10px;
                                .processed_image {
                                    &:hover {
                                        img {
                                            opacity: .7;
                                        }
                                    }
                                    img {
                                        -webkit-transition: all .4s ease;
                                                transition: all .4s ease;
                                    }
                                }
                                .post_title {
                                    color: @submenucolor;
                                    font-size: @menufontsize;
                                    margin-bottom: 5px;
                                    text-transform: uppercase;
                                }
                                .post_description {
                                    color: @submenucolor;
                                }
                                .post_icon,
                                .post_icon * {
                                    color: @submenucolor;
                                }
                            }
                            .recent-posts {
                                ul {
                                    li {
                                        float: left;
                                        list-style: none;
                                        margin: 0 0 25px;
                                        width: 100%;
                                        .post-thumb {
                                            float: left;
                                            width: 25%;
                                            a {
                                                padding: 0;
                                                img {
                                                    width: 100%;
                                                }
                                            }
                                        }
                                        .post-info {
                                            float: left;
                                            padding-left: 30px;
                                            width: 75%;
                                            .post-title {
                                                line-height: 1;
                                                a {
                                                    color: @submenucolor;
                                                    font-size: @menufontsize;
                                                    font-weight: normal;
                                                    padding: 3px 0;
                                                }
                                            }
                                            .post-date {
                                                color: @submenucolor;
                                                font-size: 12px;
                                            }
                                        }
                                    }
                                }
                            }
                            .product_list_widget {
                                li {
                                    margin: 0 0 25px;
                                    padding: 0;
                                    .product-image {
                                        float: left;
                                        width: 25%;
                                        a {
                                            display: block;
                                            float: left;
                                            padding: 0;
                                            width: 100%;
                                            img {
                                                width: 100%;
                                            }
                                        }
                                    }
                                    .product-info {
                                        float: left;
                                        padding-left: 30px;
                                        width: 75%;
                                        a {
                                            font-size: @menufontsize;
                                            font-weight: normal;
                                            margin: 0 0 5px;
                                            padding: 3px 0;
                                            text-transform: uppercase;
                                            .product-title {
                                                color: @submenucolor;
                                            }
                                        }
                                        .star-rating {
                                            height: 22px;
                                            & > * {
                                                color: @submenucolor;
                                            }
                                        }
                                        .special-price {
                                            .amount {
                                                color: @submenucolor;
                                                font-size: @menufontsize;
                                                font-weight: bold;
                                            }
                                        }
                                        .old-price {
                                            .amount {
                                                color: @submenucolor;
                                                font-size: 13px;
                                                margin-left: 10px;
                                                text-decoration: line-through;
                                            }
                                        }
                                    }
                                }
                            }
                            .widgets_dropdown {
                                width: 100% !important;
                                padding-bottom: 0;
                                ul.mega_dropdown li {
                                    padding: 0 !important;
                                    margin: 0;
                                } 
                            }
                        }
                        &.default_dropdown {
                            ul.mega_dropdown {
                                margin-top:2px;
                                min-width: 250px;
                                padding: 20px 10px; 
                                li {
                                    width: auto;
                                    &:first-child {
                                        border-top: none;
                                    }
                                    a.item_link {
                                        background: none;
                                        border: none;
                                        padding: 10px 25px;
                                        text-transform: none;
                                        .link_text {
                                            color: @submenucolor;
                                            font-size: 13px;
                                        }
                                        i {
                                            color: @submenucolor;
                                            font-size: 13px;
                                            line-height: 25px;
                                            margin: 4px 0 0 0;
                                            padding-right: 6px;
                                            position: static;
                                        }
                                        &:hover {
                                            i {
                                                color: @primarycolor;
                                            }
                                        }
                                        &:focus {
                                            background: none;
                                        }
                                        &:before {
                                            display: none;
                                        }
                                        &:hover {
                                            color: @primarycolor;
                                        }
                                    }
                                    &:hover,
                                    &.current-menu-ancestor,
                                    &.current-menu-item {
                                        & > a.item_link {
                                            .link_text {
                                                color: @primarycolor;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        &.multicolumn_dropdown {
                            & > ul.mega_dropdown {
                                margin-top: 2px; 
                                padding: 30px;
                                padding-bottom: 15px;
                                padding-top: 35px;
                                & > li {
                                    font-size: @menufontsize; 
                                    a,
                                    span.item_link {
                                        background: none;
                                        padding: 0;
                                        text-transform: none;
                                        .link_text { 
                                            color: @submenucolor;
                                            display: block; 
                                            line-height: 22px;
                                            padding: 2px 0; 
                                            font-family: @bodyfont;
                                        }
                                        i {
                                            color: @submenucolor; 
                                            line-height: 25px;
                                            margin: 4px 0 0 0;
                                            padding-right: 6px;
                                            position: static;
                                        }
                                        &:hover {
                                            .link_text,
                                            i {
                                                color: @primarycolor;
                                            }
                                        }
                                        &:focus {
                                            background: none;
                                        }
                                        &:before {
                                            display: none;
                                        }
                                    }
                                    //first sub level
                                    & > a,
                                    & > span.item_link { 
                                        margin: 0 0 25px; 
                                        .link_text {
                                            border: none;  
                                            color: @headingcolor;
                                            font-weight: 500; 
                                            padding: 0; 
                                            font-family: @menufont;
                                        }
                                        &:before {
                                            display: none;
                                        }
                                        &:hover {
                                            color: @primarycolor;
                                        }
                                    }
                                }
                                li {
                                    &.current-menu-item {
                                        & > a.item_link {
                                            .link_text {
                                                color: @primarycolor;
                                            }
                                        }
                                    }
                                }
                            }
                            &.columns1 {
                                & > ul.mega_dropdown {
                                    width: 250px;
                                }
                            }
                            &.columns2 {
                                & > ul.mega_dropdown {
                                    width: 500px;
                                }
                            }
                            &.columns3 {
                                & > ul.mega_dropdown {
                                    width: 600px;
                                }
                            }
                            &.columns4 {
                                & > ul.mega_dropdown {
                                    width: 1000px;
                                }
                            }
                            &.columns5 {
                                & > ul.mega_dropdown {
                                    width: 1000px;
                                }
                            }
                        }
                        &.tabs_dropdown,
                        &.widgets_dropdown,
                        &.post_type_dropdown {
                            & > ul.mega_dropdown {
                                background: @submenubg;
                                box-shadow: none;
                                margin: 0;
                                padding: 10px 0;
                                & > li {
                                    padding: 0 10px;
                                    &.post_item {
                                        padding-bottom: 20px;
                                    }
                                    a,
                                    span.item_link {
                                        background: none;
                                        padding: 12px 15px;
                                        text-transform: none;
                                        .link_text {
                                            color: @submenucolor;
                                            font-family: @bodyfont;
                                            font-size: 14px;
                                            font-weight: normal;
                                        }
                                        &:focus {
                                            background: none;
                                        }
                                        &:before {
                                            display: none;
                                        }
                                        &:hover {
                                            background: lighten(@submenubg, 3%);
                                        }
                                        i {
                                            color: @submenucolor;
                                            font-size: 14px;
                                            line-height: 25px;
                                            margin: 4px 0 0 0;
                                            padding-right: 6px;
                                            position: static;
                                        }
                                        &:hover {
                                            i {
                                                color: @primarycolor;
                                            }
                                        }
                                    }
                                    //first sub level
                                    & > a,
                                    & > span.item_link {
                                        background: none;
                                        margin: 0 0 10px;
                                        text-transform: uppercase;
                                        .link_text {
                                            font-weight: bold;
                                        }
                                        &:before {
                                            display: none;
                                        }
                                        &:hover {
                                            background: lighten(@submenubg, 3%);
                                        }
                                    }
                                    &:hover,
                                    &.current-menu-ancestor,
                                    &.current-menu-item {
                                        & > a.item_link {
                                            .link_text {
                                                color: @primarycolor;
                                            }
                                        }
                                    }
                                }
                                li {
                                    &.current-menu-item {
                                        & > a.item_link {
                                            .link_text {
                                                color: @primarycolor;
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        &.submenu_full_width {
                            & > ul.mega_dropdown {
                                width: 100%;
                            }
                        }
                    }
                }
            }
            .mmm_fullwidth_container {
                display: none;
            }
        }
    }
} 
.categories-menu {
    position: absolute; 
    left: 15px;
    right: 15px; 
    .catemenu-toggler {
        background: @primarycolor;
        color: #fff;
        padding: 0 15px;
        cursor: pointer;
        text-transform: uppercase;
        font-size: 0.93em;
        font-weight: 500;
        height: 50px;
        line-height: 50px;
        width: 100%;
        position: relative;  
        border-radius: 4px 4px 0 0;
        i {
            display: inline-block;
            font-size: 2em;
            vertical-align: middle;
            margin-right: 10px;
        }
    }
    #mega_main_menu {
        display: none;
    }
    & > ul {
        /* for default wordpress menu (not selected menu location) */
        display: none;
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 100;
        & > li {
            list-style: none;
            &:hover {
                & > a {
                    background-color: #313131;
                }
            }
            &:last-child {
                & > a {

}
            }
            .children {
                display: none;
            }
            //first level
            & > a {
                background-color: @primarycolor;
                background-image: none;
                border-bottom: 1px solid darken(@primarycolor, 5%);
                color: @menucolor;
                display: block;
                font-family: @vmenufont;
                font-size: 12px;
                font-weight: normal;
                height: 48px;
                line-height: 47px;
                padding: 0 20px;
                text-decoration: none;
                text-transform: uppercase;
                -webkit-transition: all .4s ease;
                        transition: all .4s ease;
                word-wrap: break-word;
                &:hover {
                    background-color: #313131;
                    background-image: none;
                }
            }
        }
    }
    .categories-menu-container {
        /* for default wordpress menu (selected menu location) */
        display: none;
        position: relative;
        z-index: 100;
        ul {
            margin: 0;
            padding: 0;
            & > li {
                list-style: none;
                &:hover {
                    & > a {
                        background-color: #313131;
                    }
                }
                &:last-child {
                    & > a {

}
                }
                .sub-menu {
                    display: none;
                }
                //first level
                & > a {
                    background-color: @primarycolor;
                    background-image: none;
                    border-bottom: 1px solid darken(@primarycolor, 5%);
                    color: @menucolor;
                    display: block;
                    font-family: @menufont;
                    font-size: 12px;
                    font-weight: normal;
                    height: 48px;
                    line-height: 47px;
                    padding: 0 20px;
                    text-decoration: none;
                    text-transform: uppercase;
                    -webkit-transition: all .4s ease;
                            transition: all .4s ease;
                    word-wrap: break-word;
                    &:hover {
                        background-color: #313131;
                        background-image: none;
                    }
                }
            }
        }
    }
}
.morelesscate { 
    bottom: 0;
    display: none;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 991;
    
    span {
        background-color: #fff;
        background-image: none; 
        border-radius: 0 0 4px 4px;
        color: @headingcolor;
        cursor: pointer;
        display: block;
        font-family: @menufont;
        font-size: 1em;
        font-weight: 500;
        height: 45px;
        line-height: 45px;
        padding: 0 20px;
        text-decoration: none;
        text-transform: capitalize;
        -webkit-transition: all .4s ease;
                transition: all .4s ease;
        word-wrap: break-word;
        i { 
            font-size: 16px;
            height: 44px;
            line-height: 44px;
            padding-right: 15px;
            vertical-align: middle;
        }
        &.lesscate {
            display: none; 
        }
    }
}

#mega_main_menu.direction-vertical, #mega_main_menu.categories.direction-vertical {
    background: #fff;
    height: auto; 
    & > .menu_holder {
        width: 100%;
        position: relative; 
        .menu_inner {
            background: #fff; 
            box-shadow: 0 1px 0 0 @bordercolor;
            border-radius: 0 0 4px 4px;
            border-top: none;
            width: 100%;
            padding: 0;
            position: relative;
            .nav_logo {
                display: none;
            }
            & > ul {
                & > li {
                    background: none; 
                    padding: 0 20px;
                    &:hover {
                        & > a {
                            &.item_link {
                                color: @primarycolor;
                            }
                        }
                    }
                    &.nav_search_box {
                        display: none !important;
                    }
                    &.current-menu-ancestor,
                    &.current-menu-item,
                    &.current-product-ancestor {
                        & > a {
                            &.item_link {
                                color: @primarycolor;
                                background-image: none ;
                            }
                        }
                        &.menu-item-has-children {
                            & > a {
                                &.item_link {
                                    color: @primarycolor;
                                    background-image: none ;
                                }
                            }
                        }
                    }
                    &.menu-item-has-children {
                        & > a {
                            &.item_link {
                                background-image: none;
                                &:before {
                                    display: none;
                                }
                                &:after {
                                    border: none;
                                    content: '\f105';
                                    display: inline-block;
                                    font-family: FontAwesome; 
                                    right: 5px;
                                    top: 0;
                                }
                            }
                        }
                    }
                    //first level
                    & > a {
                        &.item_link { 
                            background-image: none; 
                            border-bottom: 1px solid @bordercolor;
                            color: @vmenucolor;
                            display: block;
                            font-size: @vmenufontsize;
                            font-weight: @vmenufontweight;
                            height: 45px !important;
                            line-height: 44px;
                            overflow: hidden;
                            padding: 0;
                            text-decoration: none;
                            word-wrap: break-word;
                            i {
                                font-size: 14px;
                                &:before {
                                    vertical-align: top;
                                }
                            }
                            > .link_content {
                                height: 100%;
                                line-height: inherit;
                                margin: 0 !important;
                                padding-right: 10px;
                            }
                            &.with_icon {
                                > .link_content {
                                    margin: 0;
                                }
                            }
                            .link_text {
                                height: 100%;
                                line-height: inherit;
                                text-transform: capitalize;
                                -webkit-transition: all .4s ease;
                                        transition: all .4s ease;
                            }
                            &:before {
                                background: none;
                            }
                            &:after {
                                display: none;
                            }
                            &:hover { 
                                background-image: none;
                                color: @primarycolor;
                            }
                        }
                        &:before {
                            display: none;
                        }
                    }
                    & > ul.mega_dropdown {
                        background: @vsubmenubg;
                        border-top: 1px solid @primarycolor;
                        box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.1); 
                    }
                    &.default_dropdown {
                        ul.mega_dropdown { 
                            padding: 0 15px;
                            li {
                                border-bottom: 1px solid @bordercolor;
                                width: 100%;
                                &:last-child {
                                    border-bottom: none;
                                }
                                a.item_link {
                                    background: none;
                                    border: none;
                                    font-size: @vmenufontsize;
                                    padding: 0;
                                    text-transform: none;
                                    .link_text {
                                        color: @textcolor;
                                        font-family: @bodyfont;
                                        font-size: .933em;
                                        font-weight: normal;
                                        line-height: 47px;
                                    }
                                    i {
                                        color: @textcolor;
                                        float: left;
                                        height: 41px;
                                        line-height: 41px;
                                        padding-right: 9px;
                                        position: static;
                                    }
                                    &:focus {
                                        background: none;
                                    }
                                    &:before {
                                        display: none;
                                    }
                                    &:hover {
                                        background: none;
                                        .link_text {
                                            color: @primarycolor;
                                        }
                                        i {
                                            color: @primarycolor;
                                        }
                                    }
                                }
                                &:hover,
                                &.current-menu-ancestor,
                                &.current-menu-item,
                                &.current-product-ancestor {
                                    & > a.item_link {
                                        background: none;
                                        .link_text {
                                            color: @primarycolor;
                                        }
                                        i {
                                            color: @primarycolor;
                                        }
                                    }
                                    & > .item_link * {
                                        color: @primarycolor;
                                    }
                                }
                            }
                        }
                    }
                    &.multicolumn_dropdown {
                        &.columns3 {
                            & > ul.mega_dropdown {
                                width: 670px;
                            }
                        }
                        &.columns2 {
                            & > ul.mega_dropdown {
                                width: 460px;
                            }
                        }
                        &.columns1 {
                            & > ul.mega_dropdown {
                                width: 255px;
                            }
                        }
                        & > ul.mega_dropdown { 
                            padding: 10px;
                            & > li {
                                padding: 15px 20px;
                                a {
                                    background: none;
                                    padding: 0;
                                    text-transform: none;
                                    .link_text {
                                        color: @vmenucolor;
                                        display: block;
                                        font-family: @bodyfont;
                                        font-size: 12px;
                                        font-weight: normal;
                                        line-height: 2;
                                    }
                                    i {
                                        color: @vmenucolor;
                                        float: left;
                                        height: 36px;
                                        line-height: 36px;
                                        padding-right: 9px;
                                        position: static;
                                    }
                                    &:focus {
                                        background: none;
                                    }
                                    &:before {
                                        display: none;
                                    }
                                    &:hover {
                                        background: none;
                                        .link_text {
                                            color: @primarycolor;
                                        }
                                        i {
                                            color: @primarycolor;
                                        }
                                    }
                                }
                                //first sub level
                                & > a { 
                                    display: inline-block;
                                    margin-bottom: 15px;
                                    text-transform: uppercase;
                                    width: 100%;
                                    font-weight: 700;
                                    &[href='#'] {
                                        pointer-events: none;
                                    }
                                    .link_text {
                                        color: @darkcolor;
                                        display: block;
                                        font-family: @menufont;
                                        font-size: 12px;
                                        font-weight: bold;
                                        line-height: 2.8;
                                    }
                                    i {
                                        height: 47px;
                                        line-height: 47px;
                                    }
                                    &:before {
                                        display: none;
                                    }
                                    &:hover {
                                        .link_text {
                                            color: @primarycolor;
                                        }
                                        i {
                                            color: @primarycolor;
                                        }
                                    }
                                }
                            }
                            li {
                                &.current-menu-item,
                                &.current-product-parent {
                                    & > .item_link * {
                                        color: @primarycolor;
                                    }
                                }
                            }
                        }
                    }
                    &.widgets_dropdown {
                        & > ul.mega_dropdown {
                            background: @vsubmenubg;
                            border-color: @bordercolor @bordercolor @primarycolor @bordercolor;
                            border-style: solid;
                            border-width: 1px 1px 3px 1px;
                            box-shadow: none;
                            padding: 0 15px !important;
                            & > li {
                                margin: 0;
                                &.widget_menu {
                                    padding: 0;
                                    position: absolute;
                                    right: 20px;
                                    top: 32px;
                                    width: 170px !important;
                                    .widget {
                                        font-size: 12px;
                                        line-height: 1.5;
                                        margin: 0;
                                        padding-left: 0;
                                        padding-right: 0;
                                        width: 100%;
                                        .widgettitle {
                                            background: none;
                                            border-bottom: 1px solid @bordercolor;
                                            margin: 0 0 8px;
                                            padding: 0 0 5px;
                                            text-transform: uppercase;
                                        }
                                        p {
                                            float: left;
                                            margin: 0;
                                            width: 100%;
                                            &:first-child {
                                                margin-left: 0;
                                            }
                                        }
                                        a {
                                            display: block;
                                            float: left;
                                            overflow: hidden;
                                            padding: 0;
                                            position: relative;
                                            width: 100%;
                                            img {
                                                margin: 0;
                                                -webkit-transition: -webkit-transform .3s ease;
                                                        transition:         transform .3s ease;
                                            }
                                            &:before {
                                                background: #000;
                                                content: '';
                                                display: block;
                                                height: 100%;
                                                left: 0;
                                                opacity: 0;
                                                position: absolute;
                                                top: 0;
                                                -webkit-transition: all .3s ease;
                                                        transition: all .3s ease;
                                                width: 100%;
                                                z-index: 1;
                                            }
                                            &:hover {
                                                img {
                                                    -webkit-transform: scale(1.05);
                                                            transform: scale(1.05);
                                                }
                                                &:before {
                                                    opacity: .2;
                                                }
                                            }
                                        }
                                        img {
                                            float: left;
                                        }
                                    }
                                }
                                a {
                                    background: none;
                                    padding: 0;
                                    text-transform: none;
                                    .link_text {
                                        color: @vmenucolor;
                                        font-family: @bodyfont;
                                        font-size: 12px;
                                        font-weight: normal;
                                        line-height: 36px;
                                    }
                                    i {
                                        color: @vmenucolor;
                                        float: left;
                                        height: 36px;
                                        line-height: 36px;
                                        padding-right: 9px;
                                        position: static;
                                    }
                                    &:focus {
                                        background: none;
                                    }
                                    &:before {
                                        display: none;
                                    }
                                    &:hover {
                                        background: none;
                                        .link_text {
                                            color: @primarycolor;
                                        }
                                        i {
                                            color: @primarycolor;
                                        }
                                    }
                                }
                                //first sub level
                                & > a {
                                    border-bottom: 1px solid @bordercolor;
                                    display: inline-block;
                                    margin-bottom: 10px;
                                    text-transform: uppercase;
                                    width: 100%;
                                    .link_text {
                                        color: @vmenucolor;
                                        font-family: @menufont;
                                        font-size: 14px !important;
                                        font-weight: normal;
                                        line-height: 47px;
                                    }
                                    i {
                                        height: 47px;
                                        line-height: 47px;
                                    }
                                    &:before {
                                        display: none;
                                    }
                                    &:hover {
                                        .link_text {
                                            color: @primarycolor;
                                        }
                                        i {
                                            color: @primarycolor;
                                        }
                                    }
                                }
                                & > ul.mega_dropdown {
                                    padding-bottom: 10px;
                                }
                            }
                            li {
                                &.current-menu-item,
                                &.current-product-parent {
                                    & > .item_link * {
                                        color: @primarycolor;
                                    }
                                }
                            }
                        }
                    }
                    &.submenu_full_width {
                        & > ul.mega_dropdown {
                            width: 100%;
                        }
                    }
                }
            }
        }
        .mmm_fullwidth_container {
            display: none;
        }
    }
}
.menu-primary-menu-container {
    ul#menu-primary-menu {
        margin: 0;
        padding: 0;
        & > li {
            list-style: none;
        }
    }
}
/* HOMEPAGE
-----------------------------*/
.home {
    .categories-menu {
        #mega_main_menu {
            display: none;
        }
        .morelesscate {
            display: none;
        }
        &.show_home {
            #mega_main_menu {
                display: block;
            }
            .morelesscate {
                display: block;
            }
        }
    } 
}
/* FOOTER
-----------------------------*/

.newsletter-container {  
    .box-title {
        margin: 0;
        text-align: center;
        .box-inner {
            position: relative;
            padding-left: 85px;
            text-align: left;
            display: inline-block;
            .icon {
                display: block;
                position: absolute;
                left: 0;
                bottom: 8px;
                img {
                    margin: 0;
                }
            }
            label {
                font-size: 20px;
                font-weight: 500;
            }
        }
        
    }
    .newsletter-content {
        margin: 0;
    }
    .mc4wp-form-fields { 
        &:after {    
            content: "";
            clear: both;
            display: table;
        } 
        .title {
            display: block;
            margin-bottom: 10px;
            label {
                font-size: 1.43em;
                font-weight: 700;
                color: #fff; 
            }
        }
        .from-input {  
            background: #f3f3f3; 
            position: relative;
            margin: auto; 
            width: 100%;
            max-width: 495px;
            border-radius: 30px;
            padding-right: 70px;
            input {
                background: none;
                color: #898d90;
                border: 0;
                padding: 0 20px;
                height: 50px;
                line-height: 50px;
                text-transform: capitalize;
                width: 100%; 
            } 
            .button {
                background: #363f4d;
                border: 0;
                border-radius: 0 30px 30px 0;
                position: absolute;
                right: 0;
                top: 0;
                bottom: 0;
                color: #fff;
                font-size: 2.14em;
                font-weight: 700;
                padding: 0;
                height: auto;
                width: 67px;
                .transition();
                &:hover {
                    background: @primarycolor;
                }
            }
        }
    } 
}
.footer {
    background: @footerbg;
    color: @footercolor;
    float: left;
    width: 100%;
    font-size: 14px; 
    font-family: @bodyfont;
    .widget-title,
    .widgettitle {
        display: none;
    } 
    .widget-copyright {
        border-top: 1px solid @bordercolor;
        padding: 15px 0;
        text-align: center; 
       a {
            color: @primarycolor;
            &:hover {
                text-decoration: underline;
            }
        }  
    }
    ul {
        padding-left: 0;
        list-style: none;
    }
        &.footer-1{
        border-top: 1px solid @bordercolor;
    }
    // footer title
    .footer-content {
        margin: 0;
        p {
            color: @footerlinkcolor;
        }
        h4 {
            font-size: 1em;
            margin-bottom: 10px;
        } 
    }
    .widget_nav_menu {   
        ul {
            list-style: none;
            margin: 0;
            padding: 0;
            li {
                line-height: 28px;
                &:not(:last-child) {
                    margin-bottom: 5px;  
                } 
                a {
                    color: @footerlinkcolor;
                    display: block; 
                    text-transform: capitalize;
                    &:hover {
                        color: @primarycolor;
                    } 
                }
            }
        }
    }
    .categories-tags {
        font-size: 0.92em;
        padding: 40px 0;
        .widgettitle, .widget-title {
            display: block;
            margin: 0 10px 0 0;
            float: left;
            font-size: 1em;
            line-height: 26px;
            font-weight: 500;
        }
        .menu-container {
            margin: 0;
        }
        .widget_nav_menu {
            ul {
                li {
                    display: inline-block;
                    line-height: 26px;
                    margin: 0 10px 0 0;
                    a {
                        color: #919292;
                        &:hover {
                            color: @primarycolor;
                        }
                    }
                } 
            }
        }
    }

// contact
    .contact { 
        label { 
            font-weight: 400; 
            margin-right: 10px;
            i {
                font-size: 0;
                margin-right: 10px;
                &:before {
                    font-size: 16px; 
                }
            }
        }
    }
    .app-our {
        .footer-content {
            a {
                display: block;
                float: left;
                width: 50%;
                padding-right: 5px;
            }
            br {
                display: none;
            }
        }
    }
    /* social icon */
    .social-icons { 
        text-align: left;
        padding-top: 5px;
        li {
            display: inline-block;
            margin: 0px 10px 0 0;
            position: relative;
            .monstatip{
                display: none !important;
            }
            a {
                background: #2f2f2f;
                border-radius: 100%;
                display: block;
                padding: 0 6px;
                line-height: 37px;
                height: 37px;
                width: 37px;
                text-align: center;
                color: #ccc;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                &:hover{
                        background: @primarycolor;
                        color: #fff;
                    }
                i {
                    font-size: 0;
                   
                    &:before {
                        font-size: 18px; 
                        display: block;
                        line-height: 38px;                                             
                    }
                }

} 
            &:first-child {
                margin-left: 0;
            }
            &:last-child {
                margin-right: 0;
            }  
        }
    } 
    .footer-bottom01{
        .product-footer {
            .item-col{
                padding-bottom: 10px;
                padding-top: 5px;
                margin-bottom: 10px;
                padding-left: 0;
                border-bottom: 1px solid @bordercolor;
                &:last-child{
                border-bottom: none;
                }
            }
            .product-wrapper{
                overflow: hidden;
                padding:0;
                text-align: left;
                .list-col4{
                    float: left;
                    width: 22%;
                    display: block;
                    .product-image{
                        .secondary_image{
                            display: none;
                        }
                        .quickviewbtn{
                            display: none;
                        }
                    }
                }
                &:hover{
                	box-shadow: none !important;
                }
                .list-col8{
                    .gridview{
                    	width: 78%;
                    	float: left;
                	    padding: 0 0 0 15px;
                        .product-name {
                        	background: none;
                        	margin-top: 0;
                        	padding-bottom: 0;
                        	a{
	                            color: #fff;
	                            padding: 0;
	                            display: block;
	                            text-transform: capitalize;
	                            overflow: hidden;
	                            font-size: 16px;
	                            font-weight: 400; 
	                            line-height: 24px;
	                            &:hover{
	                                color: @primarycolor;
	                            }
                        	}
                        }
                        .box-hover{
                        	opacity: 1;
                        	visibility: visible;
                        	background: none;
                        	top: 100%;
                        	padding: 0;
                        	margin-top: 0;
                        	position: inherit;
                            display: none;
                        }
                        .price-box{
                            font-size: 14px;
                            padding: 0;
                            margin-bottom: 5px;
                        }
                        .box-hover{
                            .product-desc ,.action-links{
                                display: none;
                            }
                        }
                    }
                }

.listview{
                    display: none;
                }
            }
        }
    }
    .menu-bottom{
        ul{
            text-align: center;
            li{
                display: inline-block;
                vertical-align: top;
                margin: 0 20px;
                &:last-child{
                    margin-right: 0;
                }
                a {
                    font-size: 16px;
                    text-transform: capitalize;
                    font-family: @menufont;
                }
            }
        }
    }
    .footer-copyright {
        margin-bottom: 0;
        .wpb_single_image,
        .wpb_text_column {
            margin-bottom: 0;
        }
        .wpb_single_image {
            text-align: right;
        }
    } 
    .footer-top {
        position: relative; 
    } 
    .footer-middle {
        padding: 50px 0; 
    }
     
    .footer-bottom {
        margin: 0; 
        position: relative;  
        padding: 17px 0;
        .copyright { 
            margin: 0;
            line-height: 28px;
            text-transform: capitalize;
            padding: 0;
            a {
                color: @primarycolor;
                &:hover {
                    text-decoration: underline;
                }
            }
        } 
         
    }
    .payment {
        text-align: right !important; 
        margin: 0;
    }
}
.footer-2 , .footer-4 {
    background: #212121;
    padding-top:60px;
}
.footer-4{
    margin-top: 0;
}
/* GOOGLE MAP
-----------------------------*/
.map-wrapper {
    float: left;
    margin: 0;
    width: 100%;
    #map {
        float: left;
        height: 500px;
        width: 100%;
        img {
            max-width: none;
        }
    }
    .mfp-bg {
        z-index: 12000;
    }
    .mfp-wrap {
        z-index: 13000;
    }
    .gmap_marker {
        line-height: 1.7;
        strong {
            display: inline-block;
            font-family: @headingfont;
            font-family: @headingfont;
            font-weight: normal;
            margin: 0 0 6px;
            text-transform: uppercase;
            i {
                font-size: 18px;
                margin-right: 5px;
            }
        }
        i {
            margin-right: 8px;
        }
    }
}
.map-custom {
    float: left;
    font-size: 14px;
    width: 100%;
    h2 {
        margin: 0 0 30px;
    }
    p {
        margin: 0 0 30px;
    }
    i {
        color: @primarycolor;
        font-size: 24px;
        margin-right: 10px;
    }
    strong {
        color: @primarycolor;
        font-family: @headingfont;
        font-size: 24px;
        font-weight: 400;
    }
}
.contact-fom-info {
    float: left;
    width: 100%;
}

//search form

.searchform {
    .form-input {
        .input_text {
            height: 40px;
            display: inline-block;
            vertical-align: middle;
            padding: 0 10px;
            border: 1px solid @bordercolor;
        }
        .button {
            font-size: 20px;
            height: 40px;
            line-height: 40px;
            border-radius: 0; 
        }
    }
}
/* CONTENT
-----------------------------*/
.main-container {
    margin: 0 0 50px;
    padding: 0;
    position: relative;
    .vc_row {
        margin-bottom: 70px;
    }
    .button,
    .button.alt,
    #submit {
        .buttonMixin();
        &.alt {
            margin-left: 10px;
        }
    }
    .slider-home4{
    	.f-col{
			position: relative;
			display: inline-block;
			max-width: 100%;
			overflow: hidden;
			vertical-align: top;
			border-radius: 3px;
			cursor: pointer;
			&:before{
				content: "";
				left: 0;
				top: 0;
				bottom: 0;
				right: 0;
				position: absolute;
				background: rgba(0, 0, 0, 0.5);
				z-index: 1;
				opacity: 0;
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
				-ms-transition: all 0.5s ease-in-out;
				-o-transition: all 0.5s ease-in-out;
			}
			&:hover{
				&:before{
					opacity: 1;
				}
				.box-slider{
					.wpb_wrapper{
						-webkit-transform: scale(1.05);
						-moz-transform: scale(1.05);
						-ms-transform: scale(1.05);
						-o-transform: scale(1.05);
						transform: scale(1.05);
					}
				}
			}
    		.box-slider{
    			min-height: 630px;
    			.wpb_wrapper{
    				position: absolute;
    				bottom: 8%;
    				left: 0;
    				right: 0;
    				z-index: 2;
					-webkit-transition: all 300ms linear;
					-moz-transition: all 300ms linear;
					-o-transition: all 300ms linear;
					-ms-transition: all 300ms linear;
					transition: all 300ms linear;
		    		 
		    		a {	
		    			text-decoration: underline;
		    			color: @textcolor;
		    			font-weight: 500;
		    			&:hover{
		    				color: @primarycolor;
		    			}
		    		}
    			}
    		}
    	}
    }
    .box-banner01 {
    	.box1{
    		.wpb_wrapper{
				-webkit-transition: all 300ms linear;
				-moz-transition: all 300ms linear;
				-o-transition: all 300ms linear;
				-ms-transition: all 300ms linear;
				transition: all 300ms linear;
                display: block;
    			.wpb_single_image figure a{
					position: relative;
					display: block;
					overflow: hidden;
					text-align: center;
    			}
	    		.wpb_text_column{
				    position: absolute;
				    bottom: 50px;
				    left: 40px;
	    			.wpb_wrapper{
	    				p{
	    					font-size: 14px;
	    					color: #fff;
	    				}
	    				h3{
	    					font-family: @menufont;
	    					color: @primarycolor;
	    					font-size: 24px;
	    				}
	    			}
	    		}
	    		&:hover{
	    			.wpb_text_column{
	    				.wpb_wrapper{
							-webkit-transform: scale(1.05);
							-moz-transform: scale(1.05);
							-ms-transform: scale(1.05);
							-o-transform: scale(1.05);
							transform: scale(1.05);
	    				}
	    			}
	    		}
    		}
    	}
    	.box1.box2{
    		.wpb_wrapper{
    			.wpb_text_column{
                bottom: inherit;
				top: 50%;
                .translate(0,-50%);
                left: 14%;
    			}
    		}
    	}
        .p-text01{
            &:before{
                content: "\f243";
                font-family: "Ionicons";
                font-size: 18px;
                color: @primarycolor;
                display: inline-block;
                vertical-align: top;
                margin-right: 10px;
            }
        }
    }
    .banner-feature{
        h3{
            font-size: 1.285em;
            margin: 0;
        }
        p {
            font-size: 1em;
        }
    }
    .products-content{
        .vc_tta-container{
            .products-carousel5{
                .vc_tta-tabs-container{
                     margin: 0;
                    .vc_tta-tabs-list{
                        text-align: center;
                        position: relative;
                        margin-bottom: 25px;
                        &:before{
                            content: "";
                            width: 100%;
                            height: 2px;
                            background: #2d2d2d;
                            position: absolute;
                            left: 0;
                            right: 0;
                            top: 50%;
                            background: url(../images/line_title.png) center no-repeat;
                        }
                        .vc_tta-tab{
                            margin: 0 -1px;
                            a{
                                font-size: 18px;
                                color: #fff;
                                line-height: 46px;
                                text-transform: capitalize;
                                font-weight: 400;
                                cursor: pointer;
                                display: inline-block;
                                vertical-align: top;
                                font-family:@menufont;
                                padding: 0 30px;
                                background: #242424;
                                border: 2px solid #2d2d2d;
                                border-radius: 2px;
                                &:before{
                                    display: none !important;
                                }
                                &:after{
                                    display: none !important;
                                }
                                &:hover{
                                    color: @primarycolor;
                                }
                            }
                        }
                        .vc_active{
                            >a {
                                color: @primarycolor;
                                border-color: @primarycolor;
                                border-bottom-color:@primarycolor !important;
                                z-index: 2;
                                position: relative;
                            }
                        }
                    }
                }
                .vc_tta-panels-container{
                    .vc_tta-panels{
                        border: none;
                        background: none;
                        .vc_tta-panel{
                        	margin: 0;
                        	.vc_tta-panel-body{
	                        	padding: 0;
	                        	border: 0; 
	                        	overflow: inherit;
	                        	.owl-buttons{
	                        		display: none;
	                        	}
	                        }
                        }
                    }
                }
            } 
        }
    }
    .tab-home2{
    	background: #212121;
    }
    .ma-corporate-about{
        .wpb_wrapper{
            text-align: center;
            .block-wrapper{
                padding: 10px 0;
                display: inline-block;
                vertical-align: top;
                &:before{
                    content: "\f276";
                    font-family: "Ionicons";
                    width: 60px;
                    height: 60px;
                    line-height: 56px;
                    text-align: center;
                    font-size: 21px;
                    display: block;
                    border-radius: 100%;
                    border: 2px solid #323232;
                    margin: auto;
                    margin-bottom: 18px;
                    transition: all .4s ease 0s;
                }
                &:hover{
                    &:before{
                        color: @primarycolor;
                        border-color: @primarycolor;
                    }
                }
            }
            .wrapper2{
                &:before{
                    content: "\f375";
                }
            }
            .wrapper3{
                &:before{
                    content: "\f3e2";
                }
            }
            .wrapper4{
                &:before{
                    content: "\f3b3";
                }
            }
        }
    }
    .box-banner{
        .box-text_banner{
            cursor: pointer;
            &:hover{
            	 .wpb_wrapper{
	                -webkit-transform: scale(1.05);
	                -moz-transform: scale(1.05);
	                -ms-transform: scale(1.05);
	                -o-transform: scale(1.05);
	                transform: scale(1.05);
	            }
            }
            .wpb_wrapper{
                -webkit-transition: all 300ms linear;
                -moz-transition: all 300ms linear;
                -o-transition: all 300ms linear;
                -ms-transition: all 300ms linear;
                transition: all 300ms linear;
	            .p-style{
	        	    color: @primarycolor;
				    display: block;
				    text-transform: capitalize;
				    font-size: 48px;
				    font-family: 'UTM-A-S-heartbeat';
            	}
	            p{
	                font-size: 16px;
	                    margin: 0;
	                span a{
	                    font-size: 13px;
	                    font-weight: 500;
	                    display: inline-block;
	                    vertical-align: top;
	                    line-height: 46px;
	                    color: @primarycolor;
	                    text-transform: uppercase;
	                    border: 2px solid @primarycolor;
	                    padding: 0 45px;
	                    border-radius: 3px;
	                    margin-top: 70px;
                        &:hover{
                            background: @primarycolor;
                            color: #fff !important;
                        }
	                }
	            }
	            h2{
	                font-size: 48px; 
	                text-transform: capitalize; 
	                margin-bottom: 10px;
	            }
            }
        }
    }
    .box-banner4{
    	.box-text_banner4{
            padding-top: 60px;
            background: url(../images/text4.1.png) center 0 no-repeat;
    		.box-text4{
    			&:hover{
    				.wpb_wrapper{
    					h2{
							-webkit-animation: fadeInUp 400ms ease-in-out;
							-moz-animation: fadeInUp 400ms ease-in-out;
							-ms-animation: fadeInUp 400ms ease-in-out;
							animation: fadeInUp 400ms ease-in-out;
    					}
    					.p-text{
							-webkit-animation: fadeInUp 600ms ease-in-out;
							-moz-animation: fadeInUp 600ms ease-in-out;
							-ms-animation: fadeInUp 600ms ease-in-out;
							animation: fadeInUp 600ms ease-in-out;
    					}
    					.p-link{
							-webkit-animation: fadeInUp 1000ms ease-in-out;
							-moz-animation: fadeInUp 1000ms ease-in-out;
							-ms-animation: fadeInUp 1000ms ease-in-out;
							animation: fadeInUp 1000ms ease-in-out;
    					}
    				}
    			}
    			.wpb_wrapper{
    				cursor: pointer;
					-webkit-transition: all 0.5s ease-in-out;
					-moz-transition: all 0.5s ease-in-out;
					-ms-transition: all 0.5s ease-in-out;
					-o-transition: all 0.5s ease-in-out;
	    			h2{
						color: #fff;
					    display: block;
					    text-transform: capitalize;
					    font-weight: 400;
					    font-size: 48px;
					    font-family: @menufont;
					    line-height: 1.1;
					    margin-top: 15px;
					    margin-bottom: 20px;
    				}
	    			p{
	    				font-size: 16px;
		                span a{
		                    font-size: 13px;
		                    font-weight: 500;
		                    display: inline-block;
		                    vertical-align: top;
		                    line-height: 46px;
		                    color: @primarycolor;
		                    text-transform: uppercase;
		                    border: 2px solid @primarycolor;
		                    padding: 0 45px;
		                    border-radius: 3px;
		                    margin-top: 70px;
                            &:hover{
                                color: #fff !important;
                                background: @primarycolor;
                            }
	                	}
	    			}
    			}
    		}
    	}
    }
    .box-text{
        position: relative;
        display: block;
        margin-bottom: 0;
        text-align: left;
        h2{
            position: relative;
            display: inline-block;
            line-height: 30px;
            text-transform: capitalize; 
            margin: 0;
            padding-right: 20px; 
            background: @pagecontentbackground;

}
        &:before{
            content: "";
            height: 2px;
            background: @bordercolor;
            position: absolute;
            left: 0;
            right: 15px;
            top: 50%;
        }
    } 
    .box-instagram{
    	position: relative;
    	#sb_instagram{
	    	.sb_instagram_header{
    			display: none;
    		}
    		#sbi_load{
	    		.sbi_load_btn{
	    			display: none;
	    		}
	    		.sbi_follow_btn{
	    			position: absolute;
	    			top:35% ;
	    			right: 0;
	    			left: 0;
	    			a{
	    				background: @primarycolor;
	    			}
	    		}
	    	}
		}
    }
    .box-subscribe{
        h2 { 
            text-transform: capitalize;  
        }
        .mc4wp-form{
            text-align: center;
            .input{
                display: inline-block;
                vertical-align: top;
                margin-right: 6px;
                padding: 10px 20px;
                border: 0;
                line-height: 30px;
                height: 50px;
                border-radius: 4px;
                border: 2px solid #292929;
                color: @textcolor;
                font-size: 12px;
                font-weight: 400;
                width: 500px;
                background: transparent;
            }
            .button{
                display: inline-block;
                vertical-align: top;
                line-height: 50px;
                height: 50px;
                font-size: 16px;
                font-weight: 500;
                text-align: center;
                padding: 0 60px;
                background: #2e2e2e;
                font-family: @menufont;
                color: #fff;
                border-radius: 4px;
                border: none;
                text-transform: capitalize;
                -webkit-transition: all 0.5s ease-in-out;
                -moz-transition: all 0.5s ease-in-out;
                -ms-transition: all 0.5s ease-in-out;
                -o-transition: all 0.5s ease-in-out;
                &:hover{
                    background: @primarycolor;
                }
            }
        }
        &.light {
            .mc4wp-form {
                .input {
                    border-color: @bordercolor;
                    margin-right: -10px;
                }
                .button {
                    background: @primarycolor;
                    &:hover {
                        background: #222;
                    }
                }
            }
        }
    }
    .banner-bottom{
        .row-container{
            width: 100%;
            max-width: 100%;
            .box {
                position: relative;
                display: inline-block;
                max-width: 100%;
                overflow: hidden;
                vertical-align: top;
                border-radius: 3px;
                cursor: pointer;
                .text-content{
                	min-height: 300px;
                	position: relative;
                    opacity: 1;
                    vertical-align: middle;
                	.box-style{
	                    display: inline-block;
	                    position: absolute;
	                    top: 80px;
	                    left: 0;
                        right:0;
                        -webkit-transition: all 300ms linear;
                        -moz-transition: all 300ms linear;
                        -o-transition: all 300ms linear;
                        -ms-transition: all 300ms linear;
                        transition: all 300ms linear;
	                    &:hover{
	                        -webkit-transform: scale(1.1);
	                        -moz-transform: scale(1.1);
	                        -ms-transform: scale(1.1);
	                        -o-transform: scale(1.1);
	                        transform: scale(1.1);
	                    }
	                    .text1{
	                        font-size: 14px;
	                    }
	                    h2{
	                        font-size: 30px;
	                    }
	                    .text2{
	                        font-size: 16px;
	                    }
	                    .link{
	                        font-size: 14px;
	                        display: block;
	                        text-decoration: underline;
	                        margin-top: 25px;
	                    }
	                }
                }
            }
        }
    }
    /* title and breadcumb */
    .title-breadcrumb {
        border-bottom: 1px solid @bordercolor; 
        margin: 40px 0;
        text-align: center;
        .title-breadcrumb-inner { 
            .clearfix();
        }
        
        .woocommerce-breadcrumb,
        .breadcrumbs {  
            color: @primarycolor;
            font-size: 1em;
            font-weight: 400;
            letter-spacing: .05em;
            line-height: 30px;
            margin: 0; 
            margin-bottom: 30px;
            text-transform: capitalize;
            display: block;
            a {
                color: @headingcolor;
                display: inline-block;
                &:hover {
                    color: @primarycolor;
                }
                 
            }
        }
        .separator {
            color:@textcolor;
            margin: 0 10px;
            display: inline-block;
            vertical-align: middle;
            i {
                font-size: 18px;
                &:before{
                    content: "/";
                    color: @textcolor;
                }
            }
        } 
    }
     
    .search-title {
        border-bottom: 1px solid @lightgreycolor;
        font-family: @bodyfont;
        font-size: 20px;
        font-weight: normal;
        line-height: 18px;
        margin: 0 0 25px;
        overflow: hidden;
        padding: 0 0 5px;
        width: 100%;
    }
    // Page header
    .entry-header { 
        &.project {
            margin-top: 40px;
        }
        h1.entry-title { 
            margin: 0;
            text-transform: capitalize; 
        }
    } 
    
    // Page content
    &.front-page {
        .page-content {
            padding: 0;
        }
    }
    .page-content {
        
        .page-links {
            clear: both;
        }
        label {
            display: inline-block; 
            color: @headingcolor;
            .wpcf7-form-control-wrap{
                input{
                    padding-left: 10px;
                    border: 1px solid @bordercolor; 
                }
            }
        }
        input.input-text,
        input[type='text'] { 
            background: @pagecontentbackground;
            border: 1px solid @bordercolor;
            border-radius: 0;
            height: 42px;
            max-width: 100%;
            padding: 0 0 0 10px;
        }
        .button,
        .button.alt,
        #submit {
            .buttonMixin();
            &.alt {
                margin-left: 10px;
            }
        }
        textarea { 
            border: 1px solid @bordercolor;
            color: @textcolor;
            background: lighten(@pagecontentbackground, 8%);
            border-radius: 0;
            max-width: 100%;
            padding: 10px; 
            min-height: 100px ;
            outline: none;
        }
        .button,
        .button.alt,
        #submit {
            &.alt {
                margin-left: 10px;
            }
        }
        .form-row {
            margin: 0 0 15px;
            padding: 0;
        }
        .entry-content {
            .ui-accordion {
                .wpb_accordion_section {
                    margin: 0 0 10px;
                    .ui-accordion-header {
                        background: lighten(@bordercolor, 5%);
                        border: 1px solid @bordercolor;
                        font-family: @headingfont;
                        line-height: 1.5;
                        margin: 0;
                        padding: 0;
                        font-weight: @headingfontweight;
                        a {
                            color: @headingcolor;
                            padding: 15px 10px 15px 25px;
                        }
                        .ui-accordion-header-icon {
                            margin-top: -8px;
                            top: 50%;
                        }
                        &.ui-accordion-header-active {
                            border-bottom: none;
                            border-color: @bordercolor;
                            a {
                                color: @primarycolor;
                            }
                        }
                    }
                    .ui-accordion-content {
                        border-color: @bordercolor;
                        border-width: 0 1px 1px;
                        border-style: solid; 
                        padding: 20px 25px;
                    }
                }
            }
        }
        .vc_gitem_row .vc_btn3-container a{
            border: none;
            border-radius: 30px;
            background: rgba(0, 0, 0, 0.45);
            &:hover{
                background: @primarycolor;
            }
        }
        .vc_gitem-zone.vc_custom_1419240516480{ 
            padding-top: 20px;
            .vc_gitem_row {
                margin: 0;
            }
        }
    }
    .box-img{
        text-transform: uppercase;
        font-family: @menufont;
        cursor: pointer;
        margin-bottom: 70px;
        &:hover {
            a{
             color: #dd3a3f;
            }
            .style-img{
                 border: 2px solid #dd3a3f;
             }
        }
        .style-img{
            width: 125px;
            height: 125px;
            line-height: 115px;
            margin: auto;
            margin-bottom: 10px;
            text-align: center;
            border: 2px solid @bordercolor;
            border-radius: 100%;
            overflow: hidden;
            -webkit-transition: all 0.3s ease-out;
            -moz-transition: all 0.3s ease-out;
            -ms-transition: all 0.3s ease-out;
            -o-transition: all 0.3s ease-out;
            img{
                margin: 0;
                display:inline;
            }
        }
        a{
            font-weight: 500;
        }
    }
}
 
/* SIDEBAR
-----------------------------*/
#secondary { 
    .input_text,
    input[type='text'] {
        border: 1px solid @bordercolor;
        height: 34px;
        padding: 0 0 0 10px;
        width: 100%;
    }
    select {
        max-width: 100%;
        width: 100%;
        height: 40px;
        padding: 5px 10px;
    }
    ul,
    ol {
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
        &.sub-menu {
            padding-left: 10px;
        }
        &.menu {
            > li {
                margin-bottom: 20px;
            }
        }
        .children {
            padding: 0 0 0 15px;
        }
        li {
            float: left;
            list-style: none;
            width: 100%; 
            &:not(:last-child) {
                margin-bottom: 5px;
            }
            &.chosen {
                width: 100%;
                a { 
                    border: none;
                    border-radius: 3px;
                    color: @headingcolor; 
                    &:before {
                        background: none;
                        color: @headingcolor;
                        content: '\f00d';
                        font-family: FontAwesome;
                        margin-right: 10px;
                        top: -2px;
                    }
                    &:hover {
                        color: @primarycolor;
                    } 
                }
            }
            a { 
                border: none;
                border-radius: 3px;
                color: @headingcolor;  
                &:hover {
                    color: @primarycolor;
                } 
            }
            &.menu-item-has-children {
                > a {
                    display: block;
                    margin-bottom: 12px;
                }
            }
        }
    }
    .tagcloud {
        a {
            border: 1px solid @bordercolor;
            display: inline-block;
            font-size: 14px !important; 
            margin: 0 2px 7px 0;
            padding: 8px 14px;
            line-height: 20px;
            text-transform: capitalize; 
            border-radius: 3px;
            color: @textcolor;
            &:hover{
                background: @primarycolor;
                color:#fff;
                border-color: @primarycolor;
            }
        }
    }
    .widget {
        float: left;
        width: 100%; 
        margin-bottom: 30px;
        &:not(:last-child) {
            padding-bottom: 30px;
            border-bottom: 1px solid @bordercolor;
        }
        &:last-child {
            margin: 0;
            .widget-content{
                padding: 15px 0;
            }
        }
        .widget-title {  
            text-transform: capitalize;
            margin: 0 0 20px;
        }
        .widget_content {
            float: left;
            width: 100%;
        }
        iframe {
            max-width: 100%;
        }
        .monstatabs {
            display: block;
            li {
                color: @darkcolor;
                cursor: pointer;
                float: left;
                font-size: 15px;
                font-weight: normal;
                list-style: none;
                margin: 0;
                padding: 0 0 15px 0;
                text-transform: uppercase;
                &.active {
                    color: @linkhovercolor;
                    cursor: default;
                }
                &:hover {
                    color: @linkhovercolor;
                }
            }
        }
        .su-accordion {
            .su-spoiler {
                border-bottom: 1px solid @bordercolor;
                &:hover {
                    .su-spoiler-icon {
                        background: @primarycolor;
                    }
                    .su-spoiler-title {
                        color: @primarycolor;
                    }
                }
                &.su-spoiler-closed {
                    .su-spoiler-content {
                        padding: 0;
                    }
                }
            }
            .su-spoiler-title {
                font-weight: normal;
            }
            .su-spoiler-icon {
                background: @greycolor;
                color: #fff;
                font-size: 10px;
                line-height: 20px;
                -webkit-transition: all .3s ease;
                        transition: all .3s ease;
            }
            .su-spoiler-content {
                padding: 15px 0;
            }
        }
        .su-vimeo {
            margin: 0;
        }
        &.widget_monsta_widgets {
            &.active {
                //display: block;
            }
            .widget-title {
                //display: none;
            }
            .widget_content {
                padding: 0 18px 5px;
            }
            ul {
                li {
                    line-height: 1.35; 
                    padding: 10px 0;
                    &:first-child {
                        border: none;
                        margin: 0;
                        padding-top: 0;
                    }
                    a {
                        &:before {
                            display: none;
                        }
                    }
                    .post-wrapper {
                        float: left;
                        margin: 0;
                        padding: 0;
                        width: 100%;
                        display: flex;
                        .post-thumb {
                            float: left;
                            max-width: 30%;
                            margin-right: 10px;
                            a { 
                                display: inline-block; 
                                padding: 0;
                            }
                        }
                        .post-info {
                            display: flex;
                            flex: 1;
                            justify-content: center;
                            flex-direction: column;
                            .post-title {
                                font-size: 1em; 
                                margin: 0 0 5px;
                                a {
                                    padding: 0;
                                    &:hover {
                                        color: @primarycolor;
                                        padding-left: 0;
                                    }
                                }
                            }
                            .post-date {  
                                color: lighten(@textcolor, 30%);
                                font-size: 0.857em; 
                            }
                            p {
                                margin: 5px 0;
                            }
                            & > a {  
                                font-size: 0.857em;
                                &:hover {
                                    color: @primarycolor;
                                    padding-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
        &.widget_product_categories {    
            ul {
                li { 
                    margin: 0;
                    overflow: hidden; 
                    position: relative;
                    line-height: 44px; 
                    padding: 0;
                    &:not(:last-child) {
                        border-bottom: 1px solid @bordercolor;
                    }
                    & > a {
                        &:hover {
                            color: @primarycolor;
                        }
                    }
                    a {
                        color:@headingcolor;
                        display: inline-block;
                        font-size: 1em; 
                        text-transform: capitalize;    
                    }
                    .count {
                        float: right;
                        color: #9b9b9b;
                    }
                    &.current-cat {
                        & > a {
                            color: @primarycolor;
                        }
                    }
                }
            }
        }
        &.widget_layered_nav {  
            border-top: 0; 
            ul { 
                li {
                    margin: 0;
                    overflow: hidden; 
                    position: relative;
                    line-height: 30px; 
                    &:not(:last-child) {
                        margin-bottom: 7px;
                    }
                    
                    &:before {
                        content: "\f383";
                        font-family: "Ionicons";
                        display: inline-block;
                        height: 17px;
                        width: 17px;
                        text-align: center;
                        line-height: 17px;
                        border-radius: 3px;
                        border: 1px solid #888;
                        margin-right: 10px;
                        vertical-align: middle;
                        color:transparent;
                    }
                    a {
                        color:@textcolor;
                        display: inline-block; 
                        text-transform: capitalize;
                        font-size: 1em; 
                        &:hover {
                            color: @primarycolor;
                        }
                    }
                    .count {
                        float: right;
                        color: @textcolor;
                    }
                    &.current-cat, &.chosen {
                        &:before {
                            display: none;
                        }
                        a {
                            color: @primarycolor;
                        }
                    }
                }
            }  
        }
        &.widget_price_filter {   
            border-radius: 0;
            border-top: 0;
            
            form {
                margin-top: 30px;
            }
            .price_slider_wrapper {
                float: left;
                padding: 0;
                width: 100%;
                .price_slider {
                    background: #e5e5e5;
                    border-radius: 10px; 
                    box-shadow: none;
                    cursor: pointer;
                    height: 5px;
                    margin: 0 0 25px;
                    width: 100%;
                    .ui-slider-range {
                        background: @primarycolor;
                        border: none;
                        box-shadow: none;
                        height: 100%;
                    }
                    .ui-slider-handle {
                            background: @primarycolor; 
                            content: '';
                            display: block;
                            height: 15px;
                            margin: 0;
                            text-align: center;
                            top: 50%;
                            width: 15px;
                        .transform(translate(0,-50%));
                        .border-radius(100%);
                         
                        &:last-child {
                            .transform(translate(-100%,-50%));
                        }
                        &:hover {
                            background: @primarycolor;
                        }
                    }
                }
                .price_slider_amount {
                    float: left; 
                    width: 100%;
                    position: relative;  
                    padding-top: 35px;
                    .clearfix();
                    .price_label {
                        line-height: 25px;
                        float: left;
                        font-size: 14px;
                        font-weight: 500;
                        position: absolute;
                        top: 0;
                        left: 0;
                        color: @textcolor;
                        span {
                            color: @textcolor;
                            display: inline-block;   
                            &:first-child {
                                margin-left: 5px;
                            }
                        }
                    }
                    .button {  
                        font-size: 12px;
                        font-weight: 500;
                        height: 30px;
                        line-height: 28px;
                        margin: 0;
                        outline: none;
                        padding: 0 15px;
                        background: #1a1a1a;
                        color:#fff;
                        -webkit-transition: all .4s ease 0s;
                        transition: all .4s ease 0s;
                        &:hover{
                            background: @primarycolor;
                        } 
                    }
                }
            }
        }

&.widget_media_image {
            border: 0;
            padding: 0;
        }
        &.widget_rss {
            ul {
                li {
                    margin: 0 0 25px;
                    .rsswidget {
                        color: @headingcolor;
                        display: block;
                        font-size: 17px;
                        margin-bottom: 8px;
                        &:hover {
                            color: @linkhovercolor;
                        }
                    }
                    .rss-date {
                        display: block;
                        &:before {
                            content: '\f073';
                            display: inline-block;
                            font-family: FontAwesome;
                            margin-right: 5px;
                        }
                    }
                    .rssSummary {
                        display: block;
                        margin: 10px 0;
                    }
                    cite {
                        display: block;
                        font-size: 13px;
                        text-transform: uppercase;
                        &:before {
                            content: '\f007';
                            display: inline-block;
                            font-family: FontAwesome;
                            margin-right: 5px;
                        }
                    }
                }
            }
        }
        &.widget_search { 
            .widget-title {
                display: none;
                margin-bottom: 0;
            }
            .form-input { 
                background: @white;
                border:0;
                color: @greycolor;
                float: left;
                font-family: @headingfont;
                position: relative;
                width: 100%;
                .input_text {
                    height: 40px;
                    padding: 0 40px 0 15px;
                    width: 100%;
                    background: lighten(@pagecontentbackground, 8%);
                    border: 1px solid @bordercolor;
                    &:focus {
                        outline: none;
                    }
                }
                .button {
                    background: none;
                    border: none;
                    color: @greycolor;
                    height: 40px;
                    width: 40px;
                    font-size: 20px;
                    outline: none;
                    padding: 0 10px;
                    position: absolute;
                    right: 0;
                    top: 0;
                    i {
                        display: block;
                    }
                    &:hover {
                        color: @primarycolor;
                    }
                }
            }
        }
        
        &.widget_products {
            ul {
                li {
                    margin: 0 0 10px;
                    padding-bottom: 15px;
                    &:not(:last-child){
                        border-bottom: 1px solid @bordercolor;
                    }
                }
            }
            .product-image {
                float: left;
                width: 25%;
                a {
                    display: block;
                    img {
                        margin: 0;
                        width: 100%;
                    }
                }
            }
            .product-info {
                float: left;
                padding-left: 10px;
                text-align: left;
                width: 75%;
                a {
                    color: @headingcolor; 
                    font-family: @headingfont;
                    &:hover{
                        color: @primarycolor;
                    }
                }
                .star-rating {
                    display: inline-block;
                    float: none;
                    height: 14px;
                    margin: 0;
                    width: 78px; 
                    &:before { 
                        content: '\e9d5\e9d5\e9d5\e9d5\e9d5';
                        color: #999999;
                        font-family: "plaza-icon";
                        font-size: 14px; 
                        letter-spacing: 2px;
                    }
                    span {
                        display: inline-block;
                        height: 14px;
                        width: 66px;
                        padding-top: 14px;
                        &:before {
                            color: @ratecolor;
                            content: '\e9d5\e9d5\e9d5\e9d5\e9d5';
                            font-family: "plaza-icon";
                            font-size: 14px; 
                            letter-spacing: 2px; 
                        }
                    }
                }
                .price-box{
                    font-size: 14px;
                    margin: 0;
                }
                
                .old-price {
                    color: @greycolor;
                    font-size: 12px;
                    font-weight: 400;
                    text-decoration: line-through;
                }
            }
        }
        &.yith-woocompare-widget {
            .widget_content {
                background: none;
                padding: 0;
            }
            ul.products-list {
                margin: 0 0 20px;
                li {
                    padding-left: 0;
                    a {
                        font-size: 1em;
                        text-transform: none;
                        &:before {
                            display: none;
                        }
                    }
                    a.remove {
                        background: none;
                        border-radius: 0;
                        color: @greycolor !important;
                        display: block;
                        float: right;
                        font-size: 14px;
                        margin: 0;
                        overflow: hidden;
                        padding: 3px;
                        position: relative;
                        text-align: center;
                        text-indent: 9999px;
                        top: -1px;
                        width: 18px;
                        &:after {
                            content: '\f00d';
                            display: inline-block;
                            font-family: FontAwesome;
                            height: 100%;
                            left: 0;
                            position: absolute;
                            text-indent: 0;
                            top: 3px;
                            width: 100%;
                        }
                        &:hover {
                            color: @primarycolor !important;
                        }
                    }
                }
            }
            .clear-all {
                float: left;
                line-height: 35px;
                font-size: 14px;
            }
            a.button {
                background: #1a1a1a;
                border: 0;
                color: @white;
                float: right;
                font-size: 12px;
                font-weight: normal;
                height: 35px;
                line-height: 35px;
                &:hover {
                    background: @primarycolor;
                }
            }
        }
        &.widget_top_rated_products {   
            .product_list_widget { 
                li {     
                    align-items: center;  
                    width: auto; 
                    padding: 10px 0;
                }
                .product-image {
                    float: left;
                    width: 30%;
                    img {
                        width: 100%;
                    }
                }
                .product-info {
                    float: left;
                    padding-left: 20px;
                    width: 70%;
                    a {
                        color: @headingcolor; 
                        margin-bottom: 10px;  
                        text-transform: capitalize;
                        font-weight: 400;
                        &:hover {
                            color: @primarycolor;
                        }
                    }
                    .star-rating {
                        display: none;
                        float: left;
                        margin-bottom: 6px;
                        width: 100%;
                        &:before {
                            font-size: 10px;
                        }
                        span {
                            &:before {
                                color: @ratecolor;
                                font-size: 10px;
                            }
                        }
                    }
                    .special-price {
                        .priceMixin();
                        font-size: 1.285em;
                        margin-right: 8px;
                    }
                    .old-price {
                        .priceMixin();
                        color: #999;
                        text-decoration: line-through;
                        font-size: 1.285em;
                    }
                }
            }
        }
        .shop-products {
            margin: 0;
            .item-col {
                margin: 0 0 30px;
                padding: 0;
                &.first {
                    clear: none;
                }
                .onsale {
                    display: none;
                }
                .list-col4 {
                    float: left;
                    width: 30%;
                }
                .list-col8 {
                    float: left;
                    padding-left: 18px;
                    width: 70%;
                    .listview {
                        display: block;
                        text-align: left;
                        .ratings,
                        .product-name,
                        .product-desc,
                        .actions {
                            display: none;
                        }
                        .price-box {
                            border: none;
                            color: @primarycolor;
                            font-size: 12px;
                            margin: 0;
                            padding: 0;
                            .old-price {
                                .amount {
                                    background: @headingcolor;
                                    border-radius: 3px;
                                    color: #fff;
                                    display: inline-block;
                                    font-size: 10px;
                                    height: 17px;
                                    line-height: 17px;
                                    padding: 0 6px;
                                }
                            }
                        }
                    }
                }
                .product-wrapper {
                    .product-image {
                        .price-rate,
                        .actions {
                            display: none;
                        }
                        a .shadow {
                            display: none;
                        }
                    }
                    h2.product-name {
                        margin: 10px 0 15px;
                        text-align: left;
                        text-transform: none;
                    }
                }
            }
        }
        &.blog-tabs {
            border-bottom: 1px solid @bordercolor;
            margin-bottom: 20px;
        }
        &.widget_Aboss_widgets {
            display: none;
            &.active {
                display: block;
            }
            .widget-title {
                display: none;
            }
            .widget_content {
                padding: 0 18px 5px;
            }
            ul {
                li {
                    line-height: 1.35;
                    margin: 20px 0 0;
                    &:first-child {
                        border: none;
                        margin: 0;
                        padding: 0;
                    }
                    a {
                        &:before {
                            display: none;
                        }
                    }
                    .post-wrapper {
                        float: left;
                        margin: 0;
                        padding: 0;
                        width: 100%;
                        .post-thumb {
                            float: left;
                            margin-right: 10px;
                            a {
                                border: 2px solid transparent;
                                display: inline-block;
                                &:hover {
                                    border: 2px solid @primarycolor;
                                    padding-left: 0;
                                }
                            }
                        }
                        .post-info {
                            margin-left: 65px;
                            .post-title {
                                font-size: 15px;
                                font-weight: normal;
                                margin: 0 0 5px;
                                a {
                                    color: @darkcolor;
                                    &:hover {
                                        color: @linkhovercolor;
                                        padding-left: 0;
                                    }
                                }
                            }
                            .post-date {
                                font-family: @bodyfont;
                                font-size: 12px;
                                text-transform: uppercase;
                            }
                            p {
                                margin: 5px 0;
                            }
                            & > a {
                                font-family: @bodyfont;
                                font-size: 11px;
                                &:hover {
                                    color: @linkhovercolor;
                                    padding-left: 0;
                                }
                            }
                        }
                    }
                }
            }
        }
        &.widget_recent_entries {
            ul {
                li {
                    a {
                        display: inline-block;
                    }
                    .post-date {
                        color: @greycolor;
                        float: left;
                        font-size: 12px;
                        line-height: 12px;
                        width: 100%;
                        &:before {
                            content: '\f073';
                            display: inline-block;
                            font-family: FontAwesome;
                            margin-right: 5px;
                        }
                    }
                }
            }
        }
        &.widget_recent_comments {
            ul {
                li {
                    .comment-author-link {
                        a {
                            &:hover {
                                color: @linkhovercolor;
                                text-decoration: none;
                            }
                            &:before {
                                content: '\f007';
                                font-family: FontAwesome;
                                margin-right: 5px;
                            }
                        }
                    }
                    > a{
                        &:hover {
                            color: @linkhovercolor;
                        }
                    }
                }
            }
        }
        &.widget_calendar {
            table#wp-calendar {
                width: 100%;
                caption {
                    font-weight: bold;
                    margin: 0 0 10px;
                }
                th,
                td {
                    padding: 5px;
                    text-align: center;
                    &#today {
                        color: @primarycolor;
                        font-weight: 500;
                    }
                }
            }
        }
        &.widget_ws_fb_like_box {
            .fb_iframe_widget {
                max-width: 100%;
                padding: 0;
            }
            .fb_iframe_widget span {
                max-width: 100% ;
            }
        }
    }
    
    /* shop sidebar */
    &.sidebar-shop {
         
        .widget {
            .title-sidebar-shop {
                background: @primarycolor;
                border-radius: 25px;
                padding: 10px 20px;
                margin-bottom: 10px;
                h3 {
                    font-size: 1.285em;
                    margin: 0;
                    text-transform: uppercase;
                    color: #fff;
                    font-family: @menufont;
                    font-weight: 400;
                    line-height: 32px;
                    &:after {
                        content: "\e604";
                        font-family: 'simple-line-icons';
                        float: right;
                        display: inline-block;
                        font-size: 1.11em;
                    }
                }
            }
            &.widget_text {
                border: 0;
                margin: 0;
                padding: 0; 
            }
        }
    }
    /* blog sidebar */
    .sidebar-border {
        float: left;
        width: 100%;
        .widget {
            &.widget_text {
                &:nth-last-child(-n+2) {
                    border: none;
                    margin-top: 0;
                    overflow: hidden;
                    padding: 0;
                    &:before {
                        display: none;
                    }
                }
            }
        }
    }
}
 
#back-top {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background: @primarycolor;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 3px;
    color: #fff;
    display: none;
    text-align: center;
    cursor: pointer;
    z-index: 999;
    transform: rotate(45deg);
    transition: all .4s ease 0s;
    &:before{
        content: "\f102";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: 18px;
        display: block;
        line-height: 1;
        position: absolute;
        top: 17px;
        left: 20px;
        transform: rotate(-45deg);
    }
    &.show {
        bottom: 100px;
        opacity: 1;
        visibility: visible;
    }
    &:hover {
        border-color: @primarycolor;
    }
}
.gm-style img {
    max-width: none;
}
.gm-style label {
    display: inline;
    width: auto;
}
.gm-style-iw,
.gm-style-iw > div {
    width: auto !important;
}
.popupshadow {
    background: #000;
    display: none;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#_atssh {
    display: none;
}

#yith-wcwl-popup-message {
    display: none;
}

.woocommerce table.my_account_orders {
    th,
    td {
        border-bottom: none;
    }
}

📁 Sid Gifari File Manager