@import url("https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900");     .nav-container {
padding: 5px 10px;
width: 100%;
max-width: 1170px;
margin: 0 auto;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 60px;
}
@media screen and (max-width: 1024px) {
.nav-container {
padding: 5px 30px;
}
}
.nav-container.full-width {
padding: 5px 30px;
max-width: 100%;
}
.nav-container .search-and-menu {
display: flex;
width: 50%;
justify-content: flex-end;
}
.nav-container .search-and-menu .burger-menu {
margin: -9px 0 -10px 10px;
border: 0;
text-transform: uppercase;
font-size: 12px;
padding: 0 20px;
}
.nav-container .search-and-menu .burger-menu {
margin: -10px 0 -10px 10px;
}
.nav-container .blognetwork-search-container {
width: 50%;
}
.nav-container .search-and-menu .blognetwork-search-container  {
width: calc(100% - 100px);
}
@media screen and (max-width: 600px) {
.nav-container .search-and-menu .burger-menu {
margin: 0;
width: 20%;
padding: 0 10px;
}
.nav-container .search-and-menu {
box-shadow: 0 2px 10px -2px #999;
}
.nav-container .search-and-menu .blognetwork-search-container  {
width: 80%;
}
}  .blognetwork-bottom-menu-bar {
width: 100%;
}
.blognetwork-bottom-menu-bar .nav-container {
padding: 0 10px;
min-height: auto;
}
.blognetwork-bottom-menu-bar .nav-container.menu-centered .blognetwork-main-navigation.horizontal-menu > ul {
justify-content: center;
} .bn-btn-menu-checkbox {
display: none !important;
} .bn-nav-icon {
display: none;
}
.bn-search-responsive {
display: none;
} .blognetwork-main-navigation.horizontal-menu .aside-header-mobile {
display: none;
} .blognetwork-main-navigation.horizontal-menu {
width: 100%;
}
.blognetwork-main-navigation.horizontal-menu > ul {
display: flex;
flex-wrap: wrap;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.blognetwork-main-navigation.horizontal-menu > ul > li {
position: relative;
}
.blognetwork-main-navigation.horizontal-menu > ul > li > a {
display: block;
padding: 12px 15px;
white-space: nowrap;
line-height: 1;
} .blognetwork-main-navigation.horizontal-menu > ul > li.menu-item-has-children > a::after {
content: '\25BE';
display: inline-block;
margin-left: 4px;
font-size: 11px;
opacity: 0.6;
vertical-align: middle;
}
.blognetwork-main-navigation.horizontal-menu ul li .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 220px;
z-index: 100;
visibility: hidden;
opacity: 0;
transition: opacity 0.25s ease, visibility 0.25s ease;
background: #fff !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.12);
border-top: 2px solid #e0e0e0;
border-radius: 0 0 6px 6px;
list-style: none;
padding: 5px 0;
} .blognetwork-main-navigation.horizontal-menu ul li .sub-menu .sub-menu {
top: 0;
left: 100%;
border-top: none;
border-radius: 0 6px 6px 0;
border-left: 2px solid #e0e0e0;
}
.blognetwork-main-navigation.horizontal-menu ul li:hover > .sub-menu {
visibility: visible;
opacity: 1;
}
.blognetwork-main-navigation.horizontal-menu ul li .sub-menu li {
position: relative;
}
.blognetwork-main-navigation.horizontal-menu ul li .sub-menu li a {
display: block;
padding: 10px 15px;
white-space: nowrap;
color: #333 !important;
font-weight: 400;
transition: background 0.2s ease, color 0.2s ease;
}
.blognetwork-main-navigation.horizontal-menu ul li .sub-menu li a:hover {
background: #f5f5f5 !important;
color: #000 !important;
} .blognetwork-site-header .blognetwork-main-navigation.horizontal-menu > ul > li:hover > a,
.blognetwork-site-header .blognetwork-main-navigation.horizontal-menu > ul > li > a:hover {
background-color: transparent !important;
}
.blognetwork-site-header .blognetwork-main-navigation.horizontal-menu > ul > li:hover {
background-color: transparent !important;
}
.blognetwork-site-header .blognetwork-main-navigation.horizontal-menu > ul > li:hover > .sub-menu {
background-color: #fff !important;
}
.blognetwork-site-header .blognetwork-main-navigation.horizontal-menu ul li .sub-menu li:hover > a {
background-color: #f5f5f5 !important;
} @media screen and (max-width: 1050px) { .bn-nav-icon {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
position: fixed;
right: 1.5rem;
bottom: 6rem;
border-radius: 50%;
background-color: #fff;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.45);
z-index: 10010;
cursor: pointer;
transition: 300ms ease all;
}
.bn-circle {
width: 22px;
height: 22px;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.bn-line {
display: block;
width: 100%;
height: 2px;
background: #333;
border-radius: 2px;
transition: all 0.3s ease;
position: absolute;
}
.bn-line.bn-top {
top: 3px;
}
.bn-line.bn-middle {
top: 50%;
transform: translateY(-50%);
}
.bn-line.bn-bottom {
bottom: 3px;
} .bn-btn-menu-checkbox:checked ~ .bn-nav-icon .bn-line.bn-top {
top: 50%;
transform: translateY(-50%) rotate(45deg);
}
.bn-btn-menu-checkbox:checked ~ .bn-nav-icon .bn-line.bn-middle {
opacity: 0;
}
.bn-btn-menu-checkbox:checked ~ .bn-nav-icon .bn-line.bn-bottom {
bottom: auto;
top: 50%;
transform: translateY(-50%) rotate(-45deg);
} .blognetwork-bottom-menu-bar {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100vh;
background: #f5f5f7;
z-index: 10000;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
opacity: 0;
visibility: hidden;
transition: opacity 0.35s ease, visibility 0.35s ease;
} .admin-bar .blognetwork-bottom-menu-bar {
top: 32px;
height: calc(100vh - 32px);
}
.blognetwork-bottom-menu-bar .nav-container {
padding: 0;
flex-direction: column;
align-items: stretch;
min-height: auto;
max-width: 100%;
} .bn-btn-menu-checkbox:checked ~ .blognetwork-bottom-menu-bar {
opacity: 1;
visibility: visible;
} .bn-search-responsive {
display: block;
padding: 20px 20px 10px;
}
.bn-search-responsive form {
display: flex;
align-items: center;
background: #fff;
border: 1px solid #ddd;
border-radius: 6px;
overflow: hidden;
}
.bn-search-responsive input {
flex: 1;
border: 0;
padding: 12px 15px;
font-size: 15px;
outline: none;
background: transparent;
font-family: inherit;
}
.bn-search-responsive .bn-search-btn {
background: transparent;
border: 0;
padding: 10px 14px;
cursor: pointer;
color: #666;
display: flex;
align-items: center;
}
.bn-search-responsive .bn-search-btn:hover {
color: #333;
} .blognetwork-main-navigation.horizontal-menu .aside-header-mobile {
display: none; } .blognetwork-main-navigation.horizontal-menu > ul {
flex-direction: column;
padding: 10px 0 100px;
list-style: none;
}
.blognetwork-main-navigation.horizontal-menu > ul > li {
border-bottom: 1px solid #e0e0e0;
background: transparent !important;
}
.blognetwork-main-navigation.horizontal-menu > ul > li:hover {
background: rgba(0,0,0,0.03) !important;
}
.blognetwork-main-navigation.horizontal-menu > ul > li > a {
padding: 16px 20px;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.3px;
display: flex;
align-items: center;
color: #1a1a2e !important;
} .blognetwork-main-navigation.horizontal-menu > ul > li.menu-item-has-children > a::after {
content: '';
display: inline-block;
width: 8px;
height: 8px;
border-right: 2px solid #666;
border-bottom: 2px solid #666;
transform: rotate(45deg);
transition: transform 0.3s ease;
margin-left: 8px;
flex-shrink: 0;
}
.blognetwork-main-navigation.horizontal-menu > ul > li.menu-item-has-children.bn-submenu-open > a::after {
transform: rotate(-135deg);
} .blognetwork-main-navigation.horizontal-menu ul li .sub-menu {
position: static !important;
visibility: visible !important;
opacity: 1 !important;
display: none;
margin: 0;
padding: 0 0 5px;
box-shadow: none !important;
border-top: 0 !important;
border-radius: 0 !important;
background: transparent !important;
min-width: unset;
transition: none;
}
.blognetwork-main-navigation.horizontal-menu ul li.bn-submenu-open > .sub-menu {
display: block;
}
.blognetwork-main-navigation.horizontal-menu ul li .sub-menu li {
padding: 0;
margin: 0;
border-bottom: none;
}
.blognetwork-main-navigation.horizontal-menu ul li .sub-menu li a {
padding: 10px 20px 10px 35px;
font-size: 14px;
font-weight: 400;
white-space: normal;
display: block;
color: #444 !important;
border-bottom: 1px solid #eee;
}
.blognetwork-main-navigation.horizontal-menu ul li .sub-menu li:last-child a {
border-bottom: none;
}
.blognetwork-main-navigation.horizontal-menu ul li .sub-menu li a:hover {
color: #000 !important;
background: rgba(0,0,0,0.03);
} .blognetwork-main-navigation.horizontal-menu .sub-menu li.menu-item-has-children > a {
display: flex !important;
align-items: center;
}
.blognetwork-main-navigation.horizontal-menu .sub-menu li.menu-item-has-children > a::after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
border-right: 2px solid #888;
border-bottom: 2px solid #888;
transform: rotate(45deg);
transition: transform 0.3s ease;
margin-left: 6px;
flex-shrink: 0;
}
.blognetwork-main-navigation.horizontal-menu .sub-menu li.menu-item-has-children.bn-submenu-open > a::after {
transform: rotate(-135deg);
}
} @media screen and (max-width: 782px) {
.admin-bar .blognetwork-bottom-menu-bar {
top: 46px;
height: calc(100vh - 46px);
}
}
@media screen and (max-width: 500px) {
.bn-nav-icon {
width: 54px;
height: 54px;
right: 1.2rem;
bottom: 5rem;
}
} .hum-line {
width: 100%;
height: 3px;
margin: 6px 0;
transition: .5s ease-in-out;
transition-delay: 0, 0, 0.5s;
}
.menu-box {
position: relative;
width: 25px;
}
.menu-box.clicked {
margin-top: -10px;
}
.menu-box.clicked .line-1 {
transform: rotate(45deg);
position: absolute;
top: 45%;
}
.menu-box.clicked .line-2 {
transform: rotate(45deg);
opacity: 0;
top: 45%;
position: absolute;
}
.menu-box.clicked .line-3 {
transform: rotate(-45deg);
position: absolute;
top: 45%;
} nav > ul > li.menu-item-has-children:after {
content: "\203A";
position: absolute;
right: 2px;
font-size: 26px;
line-height: 0.7;
top: 14px;
-ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);
} .blognetwork-main-navigation.horizontal-menu > ul > li.menu-item-has-children:after {
display: none !important;
}
.sub-menu li {
padding-bottom: 2px;
margin-bottom: 2px;
}
.sub-menu li .sub-menu {
padding-top: 15px;
}
.sub-menu li.menu-item-has-children:after {
content: "\203A";
position: absolute;
right: 5px;
font-size: 26px;
line-height: 0.7;
} .blognetwork-main-navigation.horizontal-menu .sub-menu li.menu-item-has-children:after {
display: none !important;
} @media screen and (min-width: 1051px) {
.blognetwork-main-navigation.horizontal-menu .sub-menu li.menu-item-has-children > a::after {
content: '\203A';
display: inline-block;
margin-left: 5px;
font-size: 16px;
opacity: 0.5;
line-height: 1;
}
} .mega_mn_menu li.megamenu {
position: unset !important;
}
.mega_mn_menu .megalist {
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
}
.mega_mn_menu .megalist .list-col {
width: calc(100% / 4);
float: left;
}
.mega_mn_menu .megalist .list-col ul li {
display: block;
text-align: left;
}
.mega_mn_menu .megalist .list-col ul li a {
padding: 10px 20px;
border-bottom: 1px solid #9c43e4;
font-size: 13px;
display: block;
color: #fff;
}
.mega_mn_menu .megalist .list-col ul li a:hover {
background: #8859d4;
} .secondary-menu {
padding: 5px 0;
max-height: 40px;
}
.secondary-menu ul {
display: flex;
}
.secondary-menu.right ul {
justify-content: flex-end;
}
.secondary-menu ul li {
margin: 0 5px;
}
.secondary-menu ul li a {
font-weight: 400;
} .mega_mn_menu  .menu-box {
display: none;
}
.mega_mn_menu  .right-nav {
float: left;
width: 30%;
} .mega_mn_menu .search-box-wrapper {
position: relative;
width: 100%;
}
.mega_mn_menu .search-box {
float: left;
padding: 17px 0px;
position: relative;
}
.mega_mn_menu .search-box i {
width: 30px;
height: 30px;
border: 1px solid #eee;
border-radius: 5px;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
}
.mega_mn_menu .search-input {
position: absolute;
right: 0;
top: 100%;
width: 100%;
background: #79caf9;
padding: 13px 20px;
visibility: hidden;
display: block;
transform: translateY(-2em);
transition: all 0.8s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
opacity: 0;
}
.mega_mn_menu .search-input.search-block {
visibility: visible;
display: block;
opacity: 1;
transform: translateY(0%);
transition-delay: 0s, 0s, 0.3s;
}
.mega_mn_menu .search-input input {
width: 100%;
height: 30px;
border: 0px;
border-radius: 2px;
padding: 0 10px;
box-sizing: border-box;
} .main-content {
min-height: 100vh;
} .mega_mn_menu.shopping-nav {
background: none;
}
.mega_mn_menu .top-nav-space {
max-width: 1100px;
}
.mega_mn_menu.shopping-nav .top-nav {
background: #5c2ca6;
width: 100%;
height: 58px;
}
.mega_mn_menu.shopping-nav .top-nav .logo {
width: auto;
}
.mega_mn_menu.shopping-nav .top-nav .logo a {
padding: 17px 0;
}
.mega_mn_menu .shopping-search {
width: 100%;
max-width: 500px;
float: left;
background: #fff;
margin: 8px 25px;
border-radius: 3px;
}
.mega_mn_menu .shopping-search .input-box {
width: 90%;
float: left;
}
.mega_mn_menu .shopping-search .input-box input {
width: 100%;
height: 35px;
margin: 3px 0;
border: 0px;
padding: 0 20px;
box-sizing: border-box;
}
.mega_mn_menu .shopping-search .search-icon {
width: 10%;
float: left;
text-align: center;
padding: 11px 10px;
box-sizing: border-box;
border-left: 1px solid #e3e1e1;
}
.mega_mn_menu.shopping-nav .right-nav {
float: left;
width: auto;
}
.mega_mn_menu.shopping-nav .right-nav ul {
padding: 0px;
margin: 0px;
}
.mega_mn_menu.shopping-nav .right-nav ul li {
display: inline-block;
}
.mega_mn_menu.shopping-nav .right-nav ul li.mn_dropdown {
position: relative;
}
.mega_mn_menu.shopping-nav .right-nav ul li.mn_dropdown ul.drop-list {
right: 0;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li>a {
color: #fff;
font-weight: 500;
font-size: 13px;
padding: 20px 10px;
display: block;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list li a .cart-inner p {
margin: 0;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>a i {
font-size: 20px !important;
padding-right: 5px;
position: relative;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>a.cart-list i:after {
position: absolute;
content: "3";
background: #16e0b5;
width: 18px;
height: 18px;
display: flex;
border-radius: 50%;
font-size: 12px;
justify-content: center;
align-items: center;
line-height: 0;
top: -7px;
left: -10px;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list li a .cart-inner .product-list img {
width: 100%;
max-width: 100%;
}
.logo img{
max-height: 50px;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list.cart-drop {
width: 320px;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list.cart-drop li a {
padding: 10px;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list>li>a .cart-inner .product-list {
width: 70%;
float: left;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list>li>a .cart-inner .product-list img {
width: 30%;
float: left;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list>li>a .cart-inner .product-list span {
width: 70%;
float: left;
padding: 10px;
box-sizing: border-box;
display: block;
font-weight: 600;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list>li>a .cart-inner .product-list samp {
display: block;
font-family: 'Montserrat', sans-serif;
font-weight: 400;
font-size: 12px;
padding-top: 5px;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list>li>a .cart-inner .quantity {
width: 30%;
float: left;
text-align: left !important;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list>li>a .cart-inner .quantity span {
width: 25px;
height: 25px;
display: flex;
justify-content: center;
align-items: center;
float: left;
margin-top: 10px;
border-radius: 2px;
background: #238ac6;
}
.mega_mn_menu .right-nav .main-nav .mn_dropdown>a::after {
content: " ";
}
.mega_mn_menu .mn_submenu a {
position: relative;
}
.mega_mn_menu .mn_submenu>a::after {
content: "\e649";
position: absolute;
right: 20px;
font-family: 'themify';
font-size: 9px;
top: 50%;
margin-top: -5px;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list>li>a .cart-inner .quantity i {
display: block;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list>li .proceed_check a {
text-align: center;
background: #16e0b5;
padding: 15px 0;
font-weight: 600;
} .mega_mn_menu.shopping-nav .bottom-nav {
background: #eee;
}
.mega_mn_menu.shopping-nav nav {
width: 100%;
}
.mega_mn_menu.shopping-nav nav>ul {
display: flex;
flex-grow: 1;
}
.mega_mn_menu.shopping-nav nav>ul>li {
flex-grow: 1;
}
.mega_mn_menu.shopping-nav nav>ul>li>a {
padding: 15px 10px;
color: #000;
text-transform: capitalize;
font-weight: 400;
letter-spacing: 0px;
}
.mega_mn_menu.shopping-nav nav>ul>li:hover {
background: #ccc;
}
.mega_mn_menu.shopping-nav nav>ul>li .drop-list {
background: #dcdcdc;
}
.mega_mn_menu.shopping-nav nav>ul>li .megalist .list-col ul li a {
border-bottom: 1px solid #c9c9c9;
font-size: 12px;
color: #363636;
}
.mega_mn_menu.shopping-nav nav>ul>li .drop-list li a {
border-bottom: 1px solid #c9c9c9;
font-size: 12px;
color: #363636;
}
.mega_mn_menu.shopping-nav nav>ul>li .drop-list li a:hover {
background: #ccc;
} .mega_mn_menu .mn_submenu {
position: relative;
}
.mega_mn_menu .mn_submenu-list {
position: absolute;
left: 100%;
top: 0;
width: 200px;
visibility: hidden;
display: block;
transform: translateX(-2em);
transition: all 0.8s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
opacity: 0;
z-index: 9;
}
.mega_mn_menu .mn_submenu-list.block-nav {
visibility: visible;
display: block;
opacity: 1;
transform: translateX(0%);
transition-delay: 0s, 0s, 0.3s;
} .mega_mn_menu .center-logo-sep nav {
margin: 0 auto;
float: none;
width: 100%;
}
.mega_mn_menu .logo-nav .nav-container {
position: relative;
}
.mega_mn_menu .logo-nav {
background: #eef8fe;
}
.mega_mn_menu .logo-nav h1 {
margin: 0px;
padding: 14px 10px;
text-align: center;
font-weight: 400;
font-size: 30px;
}
.mega_mn_menu .center-logo-sep .menu-box {
position: absolute;
top: 0;
right: 30px;
}
.mega_mn_menu .center-logo-sep .menu-box .hum-line {
background: #000;
} .off-canvas {
position: relative;
}
.menu-of-left,
.menu-of-right,
.menu-of-full {
width: 20px;
}
.off-canvas .menu-of-left,
.off-canvas .menu-of-right,
.off-canvas .menu-of-full {
position: absolute;
margin-top: -12.5px;
right: 40px;
top: 50%;
}
.off-canvas .menu-of-left .hum-line,
.off-canvas .menu-of-right .hum-line,
.off-canvas .menu-of-full .hum-line {
background: #222;
margin: 4px 0;
}
.off-canvas .menu-of-left .hum-line,
.off-canvas h1 {
text-align: left;
}
.mega_mn_menu .of-menu-left {
width: 250px;
background: #333;
position: fixed;
top: 0;
height: 100%;
left: -250px;
transition: .3s ease-in-out;
}
.mega_mn_menu .of-menu-left.fixed {
left: 0;
}
.mega_mn_menu .of-menu-left li {
padding: 0;
list-style: none;
display: block;
}
.canvas-left {
transition: .3s ease-in-out;
}
.canvas-left.padding-canvas-left {
padding-left: 250px;
}
.mega_mn_menu .of-menu-left ul {
padding-top: 60px;
}
.mega_mn_menu .of-menu-left ul li {
padding: 10px 0;
text-align: left;
}
.mega_mn_menu .of-menu-left ul li a {
display: block;
padding: 0 30px;
font-size: 25px;
color: #a5a5a5;
font-weight: 500;
opacity: 0;
transition: .3s ease-in-out;
transform: translate(-30px, 0);
transition-delay: .3s;
}
.mega_mn_menu .of-menu-left ul li a:hover {
color: #fff;
}
.mega_mn_menu .of-menu-left.fixed ul li a {
opacity: 1;
transform: translate(0px, 0);
}
.mega_mn_menu .of-menu-left.fixed ul {
position: relative;
}
.menu-of-left.clicked .line-1,
.menu-of-right.clicked .line-1,
.menu-of-full.clicked .line-1 {
transform: rotate(45deg);
top: 45%;
position: absolute;
}
.menu-of-left.clicked .line-3,
.menu-of-right.clicked .line-3,
.menu-of-full.clicked .line-3 {
transform: rotate(-45deg);
top: 45%;
position: absolute;
}
.menu-of-left.clicked .line-2,
.menu-of-right.clicked .line-2,
.menu-of-full.clicked .line-2 {
transform: translateX(-40px);
opacity: 0;
transition: .3s ease-in-out;
} .canvas-right.padding-canvas-right {
padding-right: 250px;
}
.mega_mn_menu .of-menu-right {
width: 250px;
background: #333;
position: fixed;
top: 0;
height: 100%;
right: -250px;
transition: .3s ease-in-out;
overflow: hidden;
}
.mega_mn_menu .of-menu-right.fixed {
right: 0;
}
.mega_mn_menu .of-menu-right li {
padding: 0;
list-style: none;
display: block;
}
.mega_mn_menu .of-menu-right ul {
padding-top: 60px;
}
.mega_mn_menu .of-menu-right ul li {
padding: 10px 0;
text-align: left;
}
.mega_mn_menu .of-menu-right ul li a {
display: block;
padding: 0 30px;
font-size: 25px;
color: #a5a5a5;
font-weight: 500;
opacity: 0;
transition: .3s ease-in-out;
transform: translate(-30px, 0);
transition-delay: .3s;
}
.mega_mn_menu .of-menu-right ul li a:hover {
color: #fff;
}
.mega_mn_menu .of-menu-right.fixed ul li a {
opacity: 1;
transform: translate(0px, 0);
}
.mega_mn_menu .of-menu-right.fixed ul {
position: relative;
}
.canvas-right {
transition: .3s ease-in-out;
} .mega_mn_menu nav.menu-full {
left: -100%;
margin: 0 auto;
width: 100% !important;
background: none;
height: 100%;
z-index: 9;
box-sizing: border-box;
position: fixed !important;
transition: .3s ease-in-out;
}
.mega_mn_menu nav.menu-full.full-clicked {
left: 0;
}
.mega_mn_menu nav.menu-full .of-menu-full {
background: rgba(0, 0, 0, 0.9);
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 80px;
}
.mega_mn_menu .of-menu-full {
position: relative;
}
.mega_mn_menu .of-menu-full li {
display: block;
}
.mega_mn_menu .of-menu-full li a {
display: block;
padding: 10px 0px;
text-align: left;
color: #fff;
}
.mega_mn_menu .of-menu-full a {
opacity: 0;
transition: 1s ease-in-out;
transform: translate(-30px, 0);
transition-delay: .3s !important;
}
.mega_mn_menu nav.menu-full.full-clicked .of-menu-full a {
opacity: 1;
transform: translate(0px, 0);
}
.mega_mn_menu ul.nav-full li a {
font-weight: 600;
font-size: 25px;
}
.mega_mn_menu .small-nav a {
font-weight: 200;
font-size: 20px;
}
.mega_mn_menu .menu-btn a {
background: #00a1ff;
display: block;
padding: 15px 20px;
width: 300px;
border-radius: 5px;
font-weight: 600;
color: #fff;
font-size: 20px;
margin-top: 20px;
}
.mega_mn_menu .menu-list-left {
width: 50%;
float: left;
}
.mega_mn_menu .menu-right {
float: left;
width: 50%;
}
.mega_mn_menu .menu-right p {
color: #fff;
font-weight: 300;
line-height: 25px;
opacity: 0;
transition: 1s ease-in-out;
transform: translate(-30px, 0);
transition-delay: .5s !important;
}
.mega_mn_menu nav.menu-full.full-clicked .menu-right p {
opacity: 1;
transform: translate(0px, 0);
}
.mega_mn_menu .social-menu-full ul {
text-align: left;
}
.mega_mn_menu .social-menu-full li {
display: inline-block;
}
.mega_mn_menu .social-menu-full li a {
display: block;
padding: 10px;
}
.mega_mn_menu .close-btn-full {
position: absolute;
right: 20px;
top: 30px;
}
.mega_mn_menu .close-btn-full {
color: #fff;
}
.full-canvas .menu-of-full {
cursor: pointer;
}  .mega_mn_menu{
position: absolute;
}
@media screen and (min-width:768px) { .mega_mn_menu .fixed-nav {
position: fixed;
width: 100%;
left: 0;
right: 0;
margin: 0 auto;
}
.mega_mn_menu .no-background {
transition: .3s all ease-in-out;
}
.mega_mn_menu .scroll-background {
background: #fff !important;
transition: .3s all ease-in-out;
}
.mega_mn_menu .scroll-background nav>ul>li>a {
color: #222;
}
.mega_mn_menu .scroll-background nav>ul>li:hover {
background: #eee;
}
.mega_mn_menu .scroll-background .drop-list {
background: #eee;
}
.mega_mn_menu .scroll-background .drop-list li a {
border-bottom: 1px solid #ccc;
color: #222;
}
.mega_mn_menu .scroll-background .drop-list li a:hover {
background: #ccc;
}
.mega_mn_menu .scroll-background .megalist .list-col ul li a {
border-bottom: 1px solid #ccc;
color: #222;
}
.mega_mn_menu .scroll-background .megalist .list-col ul li a:hover {
background: #ccc;
}
.mega_mn_menu .scroll-background .search-box i {
color: #222;
border: 1px solid #ccc;
}
.mega_mn_menu .scroll-background .logo a {
color: #222;
} .mega_mn_menu .transparent-black {
background: rgba(0, 0, 0, 0.3);
transition: .3s all ease-in-out;
} .mega_mn_menu .transparent-white {
background: rgba(225, 225, 225, 0.3);
transition: .3s all ease-in-out;
} .sticky-banner {
height: 70% !important;
}
.mega_mn_menu.sticky-navbar {
position: -webkit-sticky;
position: sticky;
top: 0;
} } @media screen and (min-width: 1000px) and (max-width: 1200px) {
.mega_mn_menu{
position: fixed;
z-index:99999;
}
.mega_mn_menu nav>ul>li>a {
font-size: 10px;
padding: 25px 14px;
}
.mega_mn_menu ul.nav-full li a {
font-size: 20px;
}
.mega_mn_menu .of-menu-full li a {
padding: 7px 0px;
}
.mega_mn_menu .small-nav a {
font-size: 16px;
}
.mega_mn_menu .menu-right p {
font-size: 13px;
line-height: 20px;
}
.mega_mn_menu .social-menu-full li a {
font-size: 14px;
padding-right: 10px;
}
}
@media screen and (min-width: 1200px) {
.mega_mn_menu{
position: fixed;
z-index:9999999;
}
} @media screen and (max-width: 1000px) {
.mega_mn_menu
{
min-height: 65px;
} .mega_mn_menu .logo {
width: 100%;
float: none;
text-align: center;
margin: 0 auto;
position: absolute;
left: 0;
right: 0;
} .mega_mn_menu nav {
width: 350px !important;
float: none;
position: fixed;
left: -350px;
background: #eee;
min-height: 100%;
overflow-y: scroll;
height: 100%;
z-index: 9;
transition: left .5s ease-in-out; }
.mega_mn_menu nav.nav_on {
left: 0;
}
.mega_mn_menu nav li {
width: 100%;
text-align: left;
}
.mega_mn_menu nav ul li:hover > .sub-menu {
z-index: 10;
}
.mega_mn_menu nav ul li.menu-item-has-children:after {
top: 0;
font-size: 65px;
right: 13px;
}
.mega_mn_menu nav li a {
padding: 15px 20px !important;
font-size: 16px !important;
}
.mega_mn_menu nav li a:hover {
background: #444;
}
.mega_mn_menu .mn_dropdown>a:after {
right: 20px;
}
.mega_mn_menu .drop-list {
position: relative;
display: none;
width: 100%;
background: #333;
}
.mega_mn_menu .drop-list li a {
border-bottom: 1px solid #444;
padding-left: 40px !important;
}
.mega_mn_menu nav>ul>li:hover {
background: unset;
}
.mega_mn_menu .drop-list li a:hover {
background: #444;
}
.mega_mn_menu .drop-list.double-list {
width: 100%;
}
.mega_mn_menu .drop-list.double-list li {
width: 100% !important;
float: none;
}
.mega_mn_menu .drop-list {
opacity: 1;
display: none;
visibility: unset;
transform: translateY(0%);
transition: unset;
transition-delay: 0 !important;
max-width: 350px;
width: 100%;
} .mega_mn_menu .right-nav {
float: left;
}
.mega_mn_menu .search-box {
float: left;
}
.mega_mn_menu .search-input {
left: 0;
}
.mega_mn_menu .search-input.search-block {
width: 200px;
}
.mega_mn_menu .menu-box {
display: block;
} .mega_mn_menu .megalist .list-col {
width: 100%;
float: none;
}
.mega_mn_menu .megalist .list-col ul li a {
border-bottom: 1px solid #444;
} .mega_mn_menu.shopping-nav nav>ul {
display: block;
}
.mega_mn_menu.shopping-nav nav>ul>li>a {
color: #fff;
text-transform: uppercase;
}
.mega_mn_menu .shopping-search {
max-width: 300px;
}
.mega_mn_menu .shopping-search .input-box {
width: 80%;
}
.mega_mn_menu .shopping-search .search-icon {
width: 20%;
}
.mega_mn_menu.shopping-nav nav>ul>li .drop-list {
background: #333;
}
.mega_mn_menu.shopping-nav nav>ul>li .drop-list li a {
color: #eee;
border-bottom: 1px solid #444;
}
.mega_mn_menu.shopping-nav nav>ul>li .megalist .list-col ul li a {
color: #eee;
border-bottom: 1px solid #444;
}
.mega_mn_menu.shopping-nav nav>ul>li:hover {
background: #1e1e1e;
}
.mega_mn_menu.shopping-nav nav>ul>li .drop-list li a:hover {
background: #1e1e1e;
}
.mega_mn_menu span.cart-display,
.cart-display {
display: none !important;
}
.mega_mn_menu .shopping-search {
border-radius: 0px;
margin-left: 10px;
}
.mega_mn_menu.shopping-nav .top-nav .logo {
width: 100%;
position: relative;
border-bottom: 1px solid #74c0ed;
}
.mega_mn_menu.shopping-nav .top-nav .logo a {
padding: 10px 0;
}
.mega_mn_menu .top-nav-space {
padding: 0px;
}
.mega_mn_menu.shopping-nav .right-nav {
float: left;
margin-right: 55px;
margin-top: 16px;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li>a {
padding: 10px 5px;
}
.mega_mn_menu.shopping-nav .menu-box {
margin-top: -40px;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list li a {
padding: 10px !important;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown {
position: unset;
}
.mega_mn_menu.shopping-nav .right-nav>ul>li.mn_dropdown>ul.drop-list.cart-drop {
position: absolute;
}
.mega_mn_menu .account-list {
position: absolute;
} .mega_mn_menu .mn_submenu-list {
background: #4e5254;
}
.mega_mn_menu .mn_submenu-list {
transform: translateX(0em);
transition: none;
}
.mega_mn_menu .mn_submenu-list {
position: relative;
left: 0;
width: 100%;
transform: translateX(0em);
transition: none;
display: none;
visibility: visible;
opacity: 1;
} .logo-nav h1 {
font-size: 20px;
}
.mega_mn_menu .of-menu-left ul li a {
font-size: 18px !important;
padding: 0px 20px !important;
} .mega_mn_menu .of-menu-right ul li a {
font-size: 18px !important;
padding: 0px 20px !important;
}
.canvas-right.padding-canvas-right {
padding-right: 250px;
}
.mega_mn_menu .of-menu-right {
left: -250px;
}
.mega_mn_menu .of-menu-right.fixed {
left: 0;
}
.mega_mn_menu .of-menu-right ul li {
padding: 10px 0;
} .mega_mn_menu .of-menu-full a {
border: 0px;
padding: 8px 20px !important;
font-size: 14px !important;
}
.mega_mn_menu .social-menu-full li {
width: unset;
}
.mega_mn_menu .social-menu-full li a {
padding-left: 0 !important;
padding-right: 10px;
}
.mega_mn_menu .menu-right p {
font-size: 14px;
}
.mega_mn_menu .menu-btn a {
width: 90%;
box-sizing: border-box;
}
} @media screen and (max-width: 768px) {
.mega_mn_menu .menu-right {
display: none !important;
}
.logo img{
max-height: 45px;
}
.secondary-menu {
padding: 5px 15px;
}
} @media screen and (max-width: 500px) {
.logo img{
max-height: 40px;
max-width: 210px;
} .logo-nav h1 {
font-size: 20px;
}
.canvas-left.padding-canvas-left {
padding-left: 0px;
}
.of-menu-left {
width: 200px;
} .canvas-right.padding-canvas-right {
padding-right: 0px;
} .close-btn-full {
right: 20px;
top: 12px;
}
}