/* -- @MASTERHEAD/NAVIGATION -- */
body {padding-top:60px;}
header.main-header {position:fixed;width:100%;top:0;left:0;z-index:99;}
header.main-header .header-inner {padding:10px 0;background:#fff;box-shadow: 0 0 1em 0 rgba(45, 35, 66, 0.1);}
header.main-header .header-inner .container {position:static;}

.logo {width:auto;height:40px;display:block;float:left;}
.logo img {display:block;width:auto;height:100%;}

/* Main Menu */
.mainNav {float:right;margin-top:10px;}
.mainNav li {display:inline-block;margin-left:30px;font-size:1.8rem;}
.mainNav li a {color:#192348;}
.mainNav li a:hover,
.mainNav li.current_page_item a {color:#999;}

/* Level 2 */
.mainNav ul {opacity: 0;z-index:-1;transform: translateY(-120%);transition: transform .4s ease, opacity .4s ease, -webkit-transform .4s ease;}
.mainNav li:hover > ul {transform: none;opacity: 1;}

.mainNav ul {position: absolute; top: 100%;left:10%;width:80%;padding:30px 20px;border-bottom-left-radius: 6px;border-bottom-right-radius: 6px;background:#fff;box-shadow: 0 0 1em 0 rgba(45, 35, 66, 0.1);}
.mainNav li.nav-products ul {column-count:4;}
.mainNav li.nav-brands ul {column-count:6;}
.mainNav ul li {display:block;position:relative;padding:0;margin:0 0 12px;font-size:1.4rem;line-height:1.2;font-weight:400;}

/* Responsive Menu */
.mainNav {display:none;}

.mobile-nav-trigger-outter {float:right;width:30px;height:30px;z-index:99;margin-top:6px;}
.mobile-nav-trigger {display:block;}
.mobile-nav-trigger .cd-menu-icon {margin-top:15px;margin-left:15px;display: block;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 30px; height:2px;-webkit-transition: background-color 0.3s; -moz-transition: background-color 0.3s; transition: background-color 0.3s;}
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after { content: ''; width: 100%; height: 100%; position: absolute;top:0;left:0;z-index:9;-webkit-transition: -webkit-transform .3s, top .3s, background-color 0s; -moz-transition: -moz-transform .3s, top .3s, background-color 0s; transition: transform .3s, top .3s, background-color 0s; }
.mobile-nav-trigger .cd-menu-icon::before { top: -9px; }
.mobile-nav-trigger .cd-menu-icon::after { top: 9px; }
.mobile-nav-trigger .cd-menu-icon.is-clicked::before { top: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg);}
.mobile-nav-trigger .cd-menu-icon.is-clicked::after { top: 0; -webkit-transform: rotate(225deg); -moz-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); }
.mobile-nav-trigger .cd-menu-icon.is-clicked { background: none !important }
.mobile-nav-trigger .cd-menu-icon,
.mobile-nav-trigger .cd-menu-icon::before,
.mobile-nav-trigger .cd-menu-icon:after,
.mobile-nav-trigger .cd-menu-icon.is-clicked::before,
.mobile-nav-trigger .cd-menu-icon.is-clicked::after {background:#192348;}

.mobile-nav {position: fixed;visibility:hidden;opacity:0; left: 0; top: 0; height:100%;width:100%;background:#0C284C;z-index:10;transition:all 0.3s ease;overflow:scroll;}
.mobile-nav.is-visible {visibility:visible;opacity:1;}

.mobile-nav-wrap-inner {padding-top:100px;}

/* Level 0 */
.mobileNav li a {color:#fff;}
.mobileNav li.level-0 > a {height:50px;font-size:1.6rem;line-height:50px;padding:0 10px;text-transform:uppercase;}
.mobileNav li.level-0:first-child > a {border-top:0;}

/* Level 2 */
.mobileNav li ul.sub-menu {margin-bottom:20px;}
.mobileNav li.level-1 > a {display:block;font-size:1.4rem;line-height:1.6;margin:10px 0 0 20px;}
.mobileNav li.level-1.menu-item-has-children > a {padding-bottom:0;}

.submenu-toggle {display:block;width:50px;height:50px;line-height:50px;float:right;top:0;right:0;font-size:2rem;text-align:center;color:#fff;z-index:9}
.submenu-toggle:after {content:"\f107";font-family:"Font Awesome 5 Free"; font-weight: 900;}

.mobileNav li.level-0 > ul,
.mobileNav li.level-1 > ul{display:none;}
.mobileNav li.level-0 > ul.show-subnav,
.mobileNav li.level-1 > ul.show-subnav{display:block;}


.header-links {margin:8px 30px 0 0;float:right;}
.header-links li {display:block;float:left;margin-left:30px;position:relative;}
.header-links li a {display:block;font-size:0;width:25px;height:25px;background-position:center center;background-repeat:no-repeat;background-size:cover;}
.header-links li.account-link a {background-image:url(../images/user-circle-solid.svg)}
.header-links li.cart-link a {background-image:url(../images/shopping-cart-solid.svg)}

.header-links li.cart-link span,
.checkout-product-qty {display:block;position:absolute;top:-10px;right:-10px;width:20px;height:20px;font-size:10px;border-radius:100%;text-align:center;line-height:20px;}


.post-edit-link {display:block;position:fixed;top:25%;right:0;padding:10px;z-index:99999999;background:#1C1B4A;}
.post-edit-link:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f085";color:#fff;}

/* -- @CONTENT ---------------- */
.button,
button.button {display:inline-block;border:none !important;border-radius:0 !important;transition:all 0.4s;padding:10px 20px;background:#A8B421 !important;color:#fff !important;}
.button:hover,
button.button:hover {background:#0C284C !important;}
.button-big {padding:10px 60px;font-size:2.0rem;font-weight:700;max-width:80%;}

.section-divider { width: 100%;height:auto;margin-bottom:-2px;position: absolute;left:0;}
.section-divider svg {display:block;}
.section-divider path {fill: #ffffff;}
.section-divider.divider-dark path {fill:#283547;}
.divider-top {bottom:100%;}
.divider-btm {bottom:0;}

.home-hero {padding:80px 0;}

.home-intro {position:relative;}
.home-intro:before {content:"";position:absolute;top:0;left:0;width:100%;height:80%;background:#0C284C;}
.home-intro-box {padding:40px;background:#fff;}
.company-banner {width:100%;height:200px;position:relative;}

.home-contact {padding:100px 0 60px;position:relative;}
.home-contact .divider-top path {fill: #fff;}
.home-contact-box {padding:100px;margin-top:150px;background:#D0F0EF;border-radius:10px;}
.home-contact-form {padding:100px;margin-top:-180px;background:#fff;border-radius:10px;box-shadow: 0 4px 16px 0 rgba(0,0,0,.2);}

.products .product {display:block;margin-bottom:40px;box-sizing: border-box;padding:15px;border-radius:5px;text-align:center;}
.products .product img {width:100%;}
.products .product a {color:#222;}
.woocommerce-loop-product__title {font-weight:700;min-height:40px;}
.products .product .price {display:block;margin:7px 0;}
.products .product .add_to_cart_button {display:inline-block;margin:5px 0;font-size:1.4rem;padding:5px 7px;border:1px solid #222 !important;background:none !important;color:#222 !important;}
.products .product .add_to_cart_button:before {content:"+";}
.products .product .added_to_cart {display:inline-block;font-size:1.4rem;padding:5px 7px;border:1px solid transparent;transition:none;}
.products .product:hover {box-shadow: 0 1px 7px rgb(90,90,90,0.5);}

.price {color:#222 !important;}
.product_meta {display:none;}


.woocommerce-products-header {display:none;}

.shop_table {border-radius:0 !important;}

.woocommerce ul.products li.product {padding:15px !important;}
.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce .products .product h2,
.woocommerce .products .product h3 {font-size:1.6rem !important;padding:0 !important;margin:0 !important;}
.woocommerce ul.products li.product h3{font-size:1.4rem !important;padding:0 !important;margin:0 !important;}

.wcspc-area-top.wcspc-items .wcspc-item .wcspc-item-inner {background:#eee !important;}
.wcspc-action a {height:30px !important;line-height:30px !important;padding:0 20px !important;}
.wcspc-no-item {color:#fff !important;}

.coupon input {width:150px !important;height:38px !important;line-height:38px !important;padding:0 5px !important;}

.woo-checkout-col {padding:40px 0;}
.woo-checkout-col.checkout-right {padding-left:20px;padding-right:20px;background:#fafafa;}

.woocommerce-shipping-fields {padding:20px 0;margin:20px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc;}
.woocommerce-billing-fields h3,
.woocommerce-shipping-fields h3 {font-size:2.0rem;}
.shop_table.woocommerce-checkout-review-order-table{font-size:1.3rem;}
.shop_table .product-total,
.shop_table .cart-subtotal td,
.shop_table .order-total td {text-align:right;}

.woocommerce-MyAccount-navigation {float:none !important;width:90% !important;margin:0 auto;}
.woocommerce-MyAccount-navigation ul {display:flex;justify-content:space-between;list-style: none;margin:0;flex-flow:wrap;gap:2%;}
.woocommerce-MyAccount-navigation ul li {display:block;width:31%;float:left;font-weight:700;cursor:pointer;}
.woocommerce-MyAccount-navigation ul li a {display:block;width:100%;height:100%;padding:40px 5px 10px;text-align:center;font-size:1.0rem;line-height:1.2;position:relative;box-sizing:border-box;}
.woocommerce-MyAccount-navigation ul li a:before {font-family: "Font Awesome 5 Free"; font-weight: 900;position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:2.0rem;}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {content:"\f2bd";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {content:"\f07a";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {content:"\f3c5";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {content:"\f023";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {content:"\f2f5";}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {content:"\f09d";}

.woocommerce-MyAccount-content {float:none !important;width:100% !important;margin-top:-60px;padding:100px 40px 40px !important;background:#f7f7f7;box-sizing: border-box;}

.woocommerce-form-coupon-toggle {display:none;}

.variations td {padding:5px;}

.wp-activate-container {width:80%;max-width:900px;margin:0 auto;padding:80px 0;}

.form-row-first,
.form-row-last {box-sizing:border-box;width:49% !important}
.form-row-first {padding-right:10px !important;}
.form-row-last {padding-left:10px !important}

.checkout_coupon.woocommerce-form-coupon {margin-top:0 !important;}

.woocommerce-SavedPaymentMethods-saveNew label {font-size:12px;}

.gform_wrapper .button {padding:10px 20px !important;}

/* Footer */
.main-footer {padding:20px 0;background:#0C284C;color:#fff;}

/* #Clearer
================================================== */
.clearer:after,
.container:after,
.row:after,
.header-links:after,
.signup-step:after,
.home-hero:after,
.steps-right-inner:after {content: ""; display: table; clear: both;}