/* ----------------------------------------- */ /* Content Template: Header - start */ /* ----------------------------------------- */ .nav { margin-bottom: 18px; } /* style .header-20 .container-fluid, .top-header-20 .container-fluid { max-width: 1060px; } */ /* style .top-header-20 { background-color: #14a1b3; height: 36px; } */ /* style .top-header-20 img.lang-menu { padding-right: 12px; padding-left: 12px; padding-top: 11px; padding-bottom: 13px; } */ .top-header-20 img.lang-menu:hover { background-color: #87cdd7; /* light blue */ transition: all ease-in-out .3s; } /* for logout */ .top-header-20 .top-menu-item { display: inline; } /* style .top-header-20 .top-menu-item i { color: #fff; font-size: 11px; margin-right: 6px; } */ /* for logout*/ .top-header-20 .top-menu-item a { color: #fff; font-size: 10px; font-weight: 700; padding-top: 10px; padding-bottom: 11px; padding-left: 12px; padding-right: 12px; display: inline-block; } .top-header-20 .top-menu-item.last a { margin-right: 6px; } .top-header-20 .top-menu-item a:hover { background-color: #87cdd7; /* light blue */ transition: all ease-in-out .3s; } .top-header-20 .top-header-content1 { float:right; padding-right: 12px; } /* for mobile menu */ .header-20.navbar { background-color: #14a1b3; padding-top: 0px; padding-bottom: 36px; } /* style .header-20 .navbar-header { padding-left: 30px; padding-right: 30px; } */ .header-20 .navbar-header.desktop { display: inline-block; } /* style .header-20 .main-menu-mobile ul li a { color: #fff; padding-left: 30px; font-family: Aileron-Bold; font-size: 12px; } */ /* style .header-20 .main-menu-desktop ul { display: inline-flex; } */ /* style .header-20 .main-menu-desktop ul li { display: inline-block; } */ .header-20 .main-menu-desktop ul.dropdown-menu { position: absolute; padding-left: 0px; margin-left: 0px; margin-top: 0px; padding-top: 18px; z-index: 1000; } .header-20 .main-menu-desktop ul.dropdown-menu.collapsed { display: none; transition: all ease-in-out .9s; } .header-20 .main-menu-desktop ul.dropdown-menu.expanded { display: block; transition: all ease-in-out .9s; } .header-20 .main-menu-desktop ul.dropdown-menu.expanded li { display: block; } /* style .header-20 .main-menu-desktop ul li.level1.dropdown { width: 63px; } */ /* style .header-20 .main-menu-desktop ul li.level1 a { color: #fff; margin-right: 18px; margin-left: 18px; padding-top: 18px; padding-bottom: 18px; font-family: Aileron-Bold; font-size: 13px; } */ .header-20 .main-menu-desktop ul li.level1:last-child a { margin-right: 30px; margin-left: 18px; } .header-20 .main-menu-desktop ul li.level1 a:hover { border-top: 3px solid #fff; } .header-20 .main-menu-desktop ul li.level2 { width: 162px; /* style */ background-color: #fff; padding-top: 9px; padding-bottom: 9px; border-bottom: 1px solid #e9e9e9; } /* style .header-20 .main-menu-desktop ul li.level2 a { color: #333; font-family: Aileron-Bold; font-size: 11px; padding-left: 18px; } */ .header-20 .main-menu-desktop ul li.level2:hover { background-color: #e9e9e9; transition: all ease-in-out .3s; } .header-20 .main-menu-desktop ul li.level2 a:hover { border: none; } .navbar-collapse ul li a:hover { background-color: #87cdd7; /* light blue */ transition: all ease-in-out .3s; } /* style button.navbar-toggle { background-color: #14a1b3; border: none; padding: 3px; } */ button.navbar-toggle:active { border: none; } button.navbar-toggle img:active { border: none; } @media only screen and (min-width: 918px) { .header-20 .mobile .navbar-collapse.collapse { display: inline-block; } .header-20 .navbar-header.mobile { display: none; } } @media only screen and (max-width: 919px) { .top-header-20 .top-header-content1 { float: initial; text-align: center; } .top-header-20 .top-menu-item.last a { margin-right: 0px; } .header-20 .main-menu-desktop { display: none; } .header-20 .navbar-header.desktop { display: none; } .header-20.navbar { padding-bottom: 27px; } .header-20.navbar { padding-top: 9px; } } @media only screen and (max-width: 630px) { .top-header-20 .top-menu-item.logout { display: none; } .top-header-20 .top-menu-item.support { display: none; } } /* ----------------------------------------- */ /* Content Template: Header - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Products Structure – Search - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Products Structure – Search - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Categories Menu – Search - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Categories Menu – Search - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Products Grid View – Search - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Products Grid View – Search - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Footer product search - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Footer product search - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Footer product tags - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Footer product tags - end */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Footer – background image - start */ /* ----------------------------------------- */ /* ----------------------------------------- */ /* Content Template: Footer – background image - end */ /* ----------------------------------------- */