html.no-scroll, html.no-scroll body {
    overflow: hidden;
}

.body-cover {
    opacity:0;
    visibility:hidden;
    transition:opacity 500ms, visibility 500ms;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:#333333;
    background:rgba(0,0,0,0.80);
    z-index:1201;
}
.body-cover.active {
    visibility:visible;
    opacity:1;
    transition:opacity 500ms, visibility 500ms;
}

.wrapper {
    transition: margin-left 500ms, margin-right 500ms;
    overflow: hidden;
}

.main-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* Drop down */
.dropdown-wrapper, .dropdown-wrapper-click {
    position:relative;
    display:inline-block;
}
.dropdown-content {
    position:absolute;
    background:#f8f8f8;
    color:#000;
    box-shadow: 0 0 2px rgba(0,0,0,.1);
    visibility: hidden;
    opacity: 0;
    transition: visibility 300ms, opacity 300ms, margin 300ms;
    line-height:21px;
    text-align:left;
    text-transform:none;
    z-index:9;
}
.dropdown-wrapper:hover > .dropdown-content,
.dropdown-wrapper-click.opened > .dropdown-content {
    visibility: visible;
    opacity: 1;
    transition: visibility 300ms, opacity 300ms, margin 300ms;
}
.dropdown-wrapper.from-top > .dropdown-content,
.dropdown-wrapper-click.from-top > .dropdown-content {
    margin-top:-15px;
}
.dropdown-wrapper.from-bottom > .dropdown-content,
.dropdown-wrapper-click.from-bottom > .dropdown-content {
    margin-top:15px;
}
.dropdown-wrapper.from-top:hover > .dropdown-content,
.dropdown-wrapper-click.from-top.opened > .dropdown-content,
.dropdown-wrapper.from-bottom:hover > .dropdown-content,
.dropdown-wrapper-click.from-bottom.opened > .dropdown-content {
    margin-top:0px;
}
.dropdown-wrapper.from-left > .dropdown-content,
.dropdown-wrapper-click.from-left > .dropdown-content {
    margin-right:15px;
}
.dropdown-wrapper.from-left:hover > .dropdown-content,
.dropdown-wrapper-click.from-left.opened > .dropdown-content {
    margin-right:0px;
}
.dropdown-wrapper.from-right > .dropdown-content,
.dropdown-wrapper-click.from-right > .dropdown-content {
    margin-right:-15px;
}
.dropdown-wrapper.from-right:hover > .dropdown-content,
.dropdown-wrapper-click.from-right.opened > .dropdown-content {
    margin-right:0px;
}
.dropdown-right {
    right:0;
}
.dropdown-left {
    left:0;
}




/* --------------------*/
/* ------ MENUS -------*/
/* --------------------*/

@media (min-width: 992px) {
    /*.main-menu {
        position: static;
    }*/
    .main-menu {
        position: relative;
    }
}

.main-menu > ul {
    font-size:0;
    display:inline-block;
    text-align:left;
}
.main-menu > ul.block {
    display:block;
}
.main-menu > ul > li  {
    display:inline-block;
    position:relative;
    font-size:14px;
}
.main-menu > ul > li > a,
.main-menu-wrapper > ul > li > a {
    display:block;
    padding-right:11px;
    padding-left:11px;
    letter-spacing: 0.5px;
    font-family: 'Cormorant Garamond', serif;
    font-size: 19px;
    font-weight: 500;
}
.main-menu > ul > li > a > .top,
.main-menu-wrapper > ul > li > a > .top {
    transition:opacity 400ms;
}
.main-menu > ul > li > a .icon,
.main-menu-wrapper > ul > li > a .icon {
    margin-right:6px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu > ul > li > a {
        padding-right:9px;
        padding-left:8px;
    }
}
.main-menu.menu-stay-left > ul > li:first-child > a {
    padding-left:0px;
}
/* Sub item arrow */
.main-menu ul > li.dropdown-wrapper > a {
    padding-right:23px;
}
.main-menu > ul > li.dropdown-wrapper > a .fa-angle-down {
    position:absolute;
    right:10px;
    opacity:0.8;
    font-size: 12px;
    text-align:center;
    padding-top: 10px;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu ul > li.dropdown-wrapper > a {
        padding-right:15px;
    }
    .main-menu ul > li.dropdown-wrapper > a .fa {
        right:5px;
    }
}
/* Sub content */
.main-menu .dropdown-content {
    background-repeat:no-repeat;
}
.main-menu .dropdown-inner {
    display: table;
    width:100%;
    padding:27px 26px 33px;
}
.main-menu .narrow .dropdown-inner {
    padding:18px 16px;
}
.main-menu .dropdown-inner .border-left:before,
.main-menu .dropdown-inner .border-right:before {
    background:#eeeeee;
}
.main-menu .menu-item   {
    padding:0 4px;
}
.dropdown-inner h4.column-title {
    line-height:1.4;
    text-transform:uppercase;
    font-size:16px;
    letter-spacing: 0.6px;
    margin:5px 0 14px;
    position:relative;
    display:inline-block;
}
.dropdown-inner h4.column-title .icon {
    opacity:0.65;
    margin-right:7px;
}
.dropdown-inner ul a:not(:hover) {
    color:#555555;
}
.dropdown-inner a .fa {
    opacity:0.65;
    margin-right:8px;
}
.main-menu .dropdown-inner .border {
    display:block;
    margin:15px 0;
    border-top:1px solid transparent;
}

.dropdown-inner ul > li  {
    transition:padding-left 300ms;
}
.dropdown-inner ul > li > a {
    display:inline-block;
    padding:8px 0px;
    transition:padding-left 300ms, opacity 300ms, color 300ms;
    position:relative;
    font-family: "Josefin Sans",sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #555;
}
.main-menu .dropdown-inner ul.default-menu-ul  {
    display:table-cell;
}
.main-menu .dropdown-inner li.default-menu-li a  {
    min-width:170px;
}
.dropdown-inner ul > li > a:hover {
    color: #d14031;
    transition:padding-left 300ms, opacity 300ms, color 300ms;
}

/* Cateogory tree inside drop down */
.dropdown-inner .fa-angle-right {
    font-size:0;
}
/* Sub-links visible */
.main-menu .dropdown-inner .static-menu > ul > li.has-sub > a {
    font-weight:600;
}
.main-menu .dropdown-inner .static-menu > ul > li > ul {
    padding-bottom:10px;
    display:block;
}
.main-menu .dropdown-inner .static-menu > ul > li > ul > li > a:before,
.main-menu .dropdown-inner .static-menu > ul > li > ul > li > ul > li > a:before {
    content:"-";
    color:#bbbbbb;
    display:inline-block;
    margin-right:6px;
}
.dropdown-inner .static-menu > ul > li > ul > li > ul > li > a:before {
    margin-left:12px;
}

/* Sub-links visible on hover */
.dropdown-inner .hover-menu li.has-sub,
.dropdown-inner .hover-menu li.has-sub > a {
    display:block;
    position:relative;
}
.hover-menu li.has-sub .fa-angle-right {
    font-size: 13px;
    color: #999999;
    position: absolute;
    line-height: 32px;
    right:5px;
    top:0;
    opacity:1;
    margin-right:0px;
}
.main-menu .dropdown-inner .hover-menu li.has-sub > ul {
    min-width:210px;
    padding:18px 20px;
    left:100%;
    top:0;
}
/* Menu Labels */
.menu-tag {
    font-style:normal;
    font-weight:600;
    position: absolute;
    top: 48%;
    left:100%;
    margin-top: -26px;
    margin-left:-20px;
    padding: 2px 3px 2px 4px;
    white-space:nowrap;
    color: rgba(255,255,255,0.95);
    letter-spacing:0.5px;
    height:14px;
    display:inline-block;
    line-height: 10px;
    font-size: 7px;
    font-family: Verdana, Geneva, sans-serif;
    background:#D41212;
}
.main-menu .dropdown-wrapper .menu-tag {
    margin-left:-30px;
}
.main-menu .dropdown-inner h4 .menu-tag {
    left:auto;
    right:-10px;
}
.main-menu .dropdown-inner ul .menu-tag {
    margin-left:-1px;
    margin-top:-22px;
}
.menu-tag:before {
    content: "\f0da";
    font-family: FontAwesome;
    font-size: 12px;
    position: absolute;
    bottom: -4px;
    left: 3px;
    color:#D41212;
}
.menu-tag.sale {
    background:#D41212;
}
.menu-tag.sale:before {
    color:#D41212;
}
.menu-tag.new {
    background:#179a94;
}
.menu-tag.new:before {
    color:#179a94;
}
.menu-tag.hot {
    background:#EF7C0A;
}
.menu-tag.hot:before {
    color:#EF7C0A;
}

.main-menu .dropdown-wrapper .menu-tag {
    margin-left:-30px;
}
/* Full width menu drop downs */
.main-menu > ul > li.has-full-width  {
    position:static;
}
.main-menu > ul > li.has-full-width > a {
    position:relative;
}
.main-menu > ul > li.has-full-width .full-width-dropdown {
    width:fit-content;
    margin:auto !important;
    left:0;
    right:0;
    transition: visibility 300ms, opacity 600ms;
}
.main-menu > ul > li.has-full-width .full-width-dropdown .dropdown-inner {
    padding:30px 0 20px;
}
/* Vertical Menus */

.vertical-menu-bg, .vertical-menu-bg.dropdown-content {
    background: #212121;
}

.widget .main-menu.vertical .menu-heading {
    height: 63px;
    line-height: 63px;
}

.main-menu.vertical {
    display:block;
    position:relative;
}
.common-home .main-menu.vertical > .dropdown-content {
    visibility:visible;
    opacity:1;
    margin:0;
}
.main-menu.vertical .menu-heading {
    display:block;
    padding:0 20px;
    color:#ffffff;
    text-transform:uppercase;
    margin:0;
    font-size: 16px;
    letter-spacing: .3px;
    font-weight: 700;
    background-color: rgba(0,0,0,.23);
}
.widget .main-menu.vertical .menu-heading {
    height:63px;
    line-height:63px;
}
.main-menu.vertical .menu-heading .fa-angle-down {
    position:absolute;
    right:20px;
    font-size:16px;
    top:50%;
    margin-top:-8px;
}
.main-menu.vertical > ul {
    display:block;
    width:100%;
    box-shadow:none;
}
.main-menu.vertical > ul:not(.dropdown-content) {
    position:relative;
}
.main-menu.vertical > ul > li {
    display:block;
    position:static;
}
.main-menu.vertical > ul > li .dropdown-content {
    left:100%;
    top:0;
}
@media (min-width: 992px) and (max-width: 1199px) {
    .main-menu.vertical > ul > li .dropdown-content {
        max-width:700px !important;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .main-menu.vertical > ul > li .dropdown-content {
        max-width:550px !important;
    }
}
@media (min-width: 992px) {
    .main-menu.vertical > ul > li > .dropdown-content {
        margin-top:0 !important;
        margin-left:-15px !important
    }
    .main-menu.vertical > ul > li:hover .dropdown-content {
        margin-left:0px !important
    }
}
.main-menu.vertical > ul > li > a .icon {
    margin-right:10px;
    font-size:14px;
}
.main-menu.vertical > ul > li > a {
    color:#ffffff;
    padding-left:20px;
    font-size:12px;
    font-weight:700;
}
.main-menu.vertical > ul > li > a,
.main-menu.vertical > ul > li.dropdown-wrapper > a .fa-angle-down {
    line-height:44px;
}
.widget .main-menu.vertical > ul > li > a,
.widget .main-menu.vertical > ul > li.dropdown-wrapper > a .fa-angle-down {
    line-height:46px;
}
.main-menu.vertical > ul > li.dropdown-wrapper > a .fa-angle-down {
    right: 20px;
    opacity:1;
    transform:rotate(-90deg);
}
.main-menu.vertical > ul > li > a .menu-tag {
    position: relative;
    display:inline-block;
    margin: -3px 0 0 6px;
    left:auto;
    vertical-align: middle;
}

.main-menu.vertical > ul > li:hover > a {
    background: #fbbc34;
}

/* MOBILE MENU */
.main-menu-wrapper {
    transition:left 500ms;
    position:fixed;
    left:-300px;
    width:300px;
    background:#fff;
    box-shadow:0 1px 5px rgba(0,0,0,.13);
    top:0;
    bottom:0;
    transition:left 500ms;
    z-index:1202;
    overflow-x:hidden;
}
.mobile-menu-open .main-menu-wrapper {
    left:0;
    transition:left 500ms;
}

.mobile-menu-open .menu-trigger {
    display: none;
}

@media (max-width: 991px) {
    .mobile-menu-open .wrapper,
    .side-filter-open .wrapper {
        margin-right:-270px;
        margin-left:270px;
        transition:margin-left 500ms, margin-right 500ms;
    }
    .mobile-menu-open .sticky-enabled.sticky-active .sticky-header,
    .side-filter-open .sticky-enabled.sticky-active .sticky-header {
        left:270px;
        right:-270px;
        transition:left 500ms, right 500ms;
    }
    .dropdown-inner ul > li > a {
        font-size: 13px!important;
        padding: 6px 0px!important;
    }
    
    /*.menu-trigger {
        position: fixed;
        top: 15px;
        left: 15px;
    }*/
}
.main-menu-wrapper .col-xs-12 {
    width:100%
}
.main-menu-wrapper .menu-tag {
    position: relative;
    margin: 0 0 0 4px;
    left:auto;
    vertical-align: top;
}
.main-menu-wrapper > ul > li {
    display:block;
    border-bottom:1px solid;
    border-color:#eeeeee;
}
.main-menu-wrapper > ul > li > a {
    padding:11px 14px;
    line-height:20px;
    display:block;
    min-height: 42px;
    color:#111111;
}
.main-menu-wrapper > ul > li > a:after {
    display:none;
}
.main-menu-wrapper > ul > li.dropdown-wrapper > a > .fa-angle-down {
    position:absolute;
    right:0;
    top:0;
    text-align:center;
    width:42px;
    height:42px;
    line-height:42px;
    font-size:19px;
    border-left:1px solid #e9e9e9;
    opacity:1;
    background:#fff;
}
.main-menu-wrapper > ul > li.dropdown-wrapper > a > .fa-angle-down:before {
    transform:rotate(0);
    display:inline-block;
    transition:transform 500ms;
}
.main-menu-wrapper > ul > li.dropdown-wrapper > a.open > .fa-angle-down:before {
    transform:rotate(-180deg);
    transition:transform 500ms;
}
/* Sub items */
.main-menu-wrapper .dropdown-content,
.main-menu-wrapper .sub-holder {
    box-shadow:none;
    margin:0 !important;
    width:auto !important;
    visibility:visible;
    opacity:1;
    display:none;
    transition:none !important;
    position:static;
    background-image:none !important;
}
.main-menu-wrapper .dropdown-inner .menu-item {
    padding:20px 10px 20px 15px;
    border-top:1px solid #eeeeee;
}
.main-menu-wrapper ul li.has-sub > a {
    position:relative;
    display:block;
}
.main-menu-wrapper ul li.has-sub .fa-angle-right {
    position:absolute;
    font-size:14px;
    transform: rotate(90deg);
    background:#eeeeee;
    color:#333333;
    right:0;
    margin-right:0;
    top:2px;
    height:28px;
    width:28px;
    line-height:26px;
    opacity:1;
    text-align: center;
    border-radius: 2px;
    cursor:pointer;
}
.main-menu-wrapper ul li.has-sub .open .fa-angle-right {
    transform: rotate(-90deg);
}
.main-menu-wrapper ul li ul li.has-sub ul li {
    padding-left:12px;
}
/* Mobile menu Search */
.main-menu-wrapper > ul.mobile-top > li.search {
    padding:0px 14px;
    background:#f9f9f9;
}
.main-menu-wrapper > ul.mobile-top > li.search .search-holder-mobile {
    position:relative;
    margin-bottom:10px;
}
.main-menu-wrapper > ul > li.search .search-holder-mobile a {
    position:absolute;
    right:12px;
    top:12px;
    color:#aaaaaa;
}
/* Mobile menu language & currency */
.main-menu-wrapper ul.mobile-top {
    padding-top:10px;
    background:#f9f9f9;
}
.main-menu-wrapper ul.mobile-top > li {
    padding:0 14px;
}
.main-menu-wrapper > ul > li.mobile-lang-curr {
    border:none;
}
.main-menu-wrapper > ul > li.mobile-lang-curr select {
    display:inline-block;
    margin-bottom:10px;
    width:100%;
}
.main-menu-wrapper > ul > li.mobile-lang-curr.has-c.has-l select {
    width:48%;
}
.main-menu-wrapper > ul > li.mobile-lang-curr.has-c.has-l select + select {
    margin-left:4%;
}