@import url("menu-skeleton.css");

@font-face {
    font-family: 'cartfont';
    src:
    url('../fonts/cartfont.ttf?ud5ga1') format('truetype'),
    url('../fonts/cartfont.woff?ud5ga1') format('woff'),
    url('../fonts/cartfont.svg?ud5ga1#cartfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

i {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'cartfont';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-shopping-basket:before {
    content: "\e905";
}
.icon-shopping-bag:before {
    content: "\e906";
}
.icon-shopping-cart3:before {
    content: "\e907";
}
.icon-cart3:before {
    content: "\e904";
}
.icon-cart:before {
    content: "\e93a";
}
.icon-location-shopping:before {
    content: "\e900";
}
.icon-shopping-cart:before {
    content: "\e901";
}
.icon-shopping-cart2:before {
    content: "\e902";
}
.icon-bag:before {
    content: "\e967";
}
.icon-basket:before {
    content: "\e027";
}
.icon-cart2:before {
    content: "\e903";
}


















.logo-wrap {
    padding: 0;
}
.logo-wrap img {
    max-width: 100%;
}
.logo-wrap .logo_default {
    display: block;
}
.logo-wrap .logo_dark,
.logo-wrap .logo_light {
    display: none;
}
.dark-skin .logo-wrap .logo_default,
.dark-skin .logo-wrap .logo_light {
    display: none;
}
.dark-skin .logo-wrap .logo_dark {
    display: block;
}

.light-skin .logo-wrap .logo_default,
.light-skin .logo-wrap .logo_dark {
    display: none;
}
.light-skin .logo-wrap .logo_light {
    display: block;
}

.cart-icon-1 .cart-contents:before {
    content: "\e905";
    font-family:cartfont;
}
.cart-icon-2 .cart-contents:before {
    content: "\e906";
    font-family:cartfont;
}
.cart-icon-3 .cart-contents:before {
    content: "\e907";
    font-family:cartfont;
}
.cart-icon-4 .cart-contents:before {
    content: "\e904";
    font-family:cartfont;
}
.cart-icon-5 .cart-contents:before {
    content: "\e93a";
    font-family:cartfont;
}
.cart-icon-6 .cart-contents:before {
    content: "\e900";
    font-family:cartfont;
}
.cart-icon-7 .cart-contents:before {
    content: "\e901";
    font-family:cartfont;
}
.cart-icon-8 .cart-contents:before {
    content: "\e902";
    font-family:cartfont;
}
.cart-icon-9 .cart-contents:before {
    content: "\e967";
    font-family:cartfont;
}
.cart-icon-10 .cart-contents:before {
    content: "\e027";
    font-family:cartfont;
}
.cart-icon-11 .cart-contents:before {
    content: "\e903";
    font-family:cartfont;
}
.cart-contents::before {
    font-family: WooCommerce;
    content: "\e01d";
}
.cart-contents:hover {
    text-decoration: none;
}
a.cart-contents {
    position: relative;
    display: block;
}




.mobile-header {
    position: relative;
    z-index: 999;
    display: none;
    background: #8940D6;
}















/**------ Mobile PARALLAX Menu Styles ------**/

.mobile-parallax-menu-btn {
    position: fixed;
    box-shadow: 0 10px 25px -10px rgba(0,0,0,.3);
    display: inline-block;
    width: 33.3%;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.5) !important;
}
.mobile-parallax-menu-btn span {
    font-size: 25px;
    height: 60px;
    display: block;
    text-align: center;
    line-height: 60px;
    padding: 0 20px;
    cursor: pointer;
    color: #ffffff;
}
/*div.mobile-parallax-menu-btn span::after {*/
    /*content: "Navigation on Page";*/
    /*font-size: 12px;*/
    /*display: block;*/
    /*position: absolute;*/
    /*right: 30px;*/
    /*top: 0;*/
    /*text-transform: uppercase;*/
    /*letter-spacing: 1px;*/
    /*font-weight: 600;*/
    /*opacity: 0.7;*/
    /*line-height: 60px;*/
/*}*/
.mobile-header-parallax li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.mobile-header-parallax ul {
    padding: 0;
    margin: 0;
}
.mobile-header-parallax .menu-item a{
    color: #555555;
    padding: 15px 30px;
    display: block;
    border-bottom: 1px solid rgba(0,0,0,.1);
    margin: 0;
}


.mobile-header-parallax .menu-item a:hover {
    color: inherit;
}
#mobile-parallax-modal {
    display: none;
}
#mobile-parallax-modal.mobile-menu-open {
    display: block;
    position: fixed;
    width: 100%;
    bottom: 60px;
    overflow: auto;
    top: 0;
    background: aquamarine;
}
/**------ Mobile MAIN Menu Styles ------**/

.mobile-logo,
.mobile-main-menu,
.mobile-cart {
    display: inline-block;
    vertical-align: middle;
}
.mobile-logo {
    width: 57%;
    text-align: center;
    padding: 10px 0;
}
.mobile-logo .description {
    display: none;
}
.mobile-logo .logo_dark,
.mobile-logo .logo_light {
    display: none;
}
.mobile-logo img {
    max-width: 80%;
}
.mobile-main-menu {
    width: 40%;
    text-align: right;
}
.mobile-menu ul {
    margin: 0;
    padding: 0;
    width: 100%;
}
.mobile-cart {
    width: 33.3%;
    position: fixed;
    bottom: 0;
    background: rgba(0,0,0,.5);
    left: 33.3%;
    height: 60px;
    border-left: 1px solid rgba(255,255,255,.1);
}
.scroll.icon::before {
    content: "\e908";
    position: absolute;
    top: -5px;
    left: 0;
    right: 0;
    font-family: ggticon;
    bottom: 0;
    line-height: 60px;
    font-size: 20px;
}
.scrolltop {
    display: none;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 9999;
    width: 33.4%;
    height: 50px;
    text-align: center;
}
.mobile-main-menu-btn span {
    color: #fff;
    font-size: 25px;
    width: 65px;
    height: 65px;
    display: inline-block;
    line-height: 65px;
    text-align: center;
    cursor: pointer;
}
.mobile-cart .cart-contents {
    font-size: 20px;
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 60px;
    padding: 0;
}
.mobile-cart .cart-contents::before {
    font-size: 25px;
    margin-left: -20px;
    color: #ffffff;
}
.mobile-cart .cart-contents .cart-contents-count {
    border: 0;
    line-height: 25px;
    width: 25px;
    height: 25px;
    left: 60%;
    top: 17px;
    color: #999;
}
.nav-menu.mobile-menu {
    width: 100%;
    display: none;
    padding: 0;
    margin: 0;
    background: #ffffff;
    position: relative;
}

.mobile-menu-open .nav-menu.mobile-menu {
    display: block;
    z-index: 1;
}
#mobile-modal ul{
    margin: 0;
    padding: 0;
}
.mobile-menu  li:hover > ul,
.mobile-menu li ul li:hover > ul {
    position: relative;
}
.mobile-menu .menu-item.menu-item-has-children .sub-menu a,
.mobile-menu .page_item.page_item_has_children .children a {
    padding: 15px 20px;
}
.mobile-menu .menu-item.menu-item-has-children a:before,
.mobile-menu .page_item.page_item_has_children a:before {
    font-size: 20px;
    content: "\e905";
    right: 20px;
    position: absolute;
    font-family: "ggticon";
}
.mobile-menu .menu-item.menu-item-has-children .sub-menu a::before,
.mobile-menu .page_item.page_item_has_children .children a::before {
    content: "\e907";
    right: 20px;
    position: absolute;
    font-family: "ggticon";
    opacity: 1;
    font-size: 20px;
}
.mobile-menu > li.hover ul::before {
    top: 7px;
}
.mobile-menu > li.hover > ul li:first-child::before {
    content: "";
    height: 20px;
    left: 30px;
    position: absolute;
    top: -3px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 20px;
    z-index: -1;
}
.mobile-menu li,
.mobile-menu > li {
    display: block;
    vertical-align: top;
}
.mobile-menu li > ul {
    display: none;
}
.mobile-menu li.hover > ul {
    display: block;
}


        /**----- TOP BAR SKINs ----**/

.topbar-info-wrap {
    padding: 0;
    position: relative;
}
.topbar-info-wrap > div {
    display: inline-block;
    position: relative;
}
.topbar-info-design-1 .topbar-label {
    position: absolute;
    top: -5px;
    font-size: 0;
    left: 10px;
    opacity: .5;
}
.topbar-info-design-1 .topbar-label,
.topbar-info-design-1 .topbar-address-text,
.topbar-info-design-1 .topbar-email-text,
.topbar-info-design-1 .topbar-phone-number {
    padding-left: 60px;
}
.topbar-info-design-1 .topbar-label::before {
    content: "";
    font-family: ggticon;
    color: #fff;
    border: 0 solid;
    width: 30px;
    height: 30px;
    border-radius: 10px;
    position: absolute;
    left: 15px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    background: rgba(0,0,0,.05);
}
.topbar-info-design-2 .topbar-label::before {
    display: none;
}
.phone-wrap .topbar-label:before {
    content: "\e934";
}
.address-wrap .topbar-label:before {
    content: "\e92b";
}
.email-wrap .topbar-label:before {
    content: "\e92a";
}