
@font-face {font-display: swap;font-family:'Brandon Grotesque';font-style: normal;font-weight: 400;src: url(fonts/brandon-regular-webfont.woff2) format("woff2")}
@font-face {font-display: swap;font-family:'Brandon Grotesque';font-style: normal; font-weight: 700; src: url(fonts/brandon-bold-webfont.woff2) format("woff2")}
:root { --myfont: 'Brandon Grotesque', sans-serif;}
body{font-family: var(--myfont);font-weight: 500;}
h1, h2, h3, h4, h5, h6 {font-family: var(--myfont);}
.cont_topbar {background: var(--color-3);padding: 8px 0;}
.top-bar{background: #eee;}
.left_section ul li {list-style: none; display: inline-block; margin-right: 10px;}
.left_section ul {margin: 0;padding: 0;}
.he_navbar .navbar-nav>li>a:hover{background:transparent; }
.left_section ul li a {color: #fff;font-weight: 400;text-decoration: none;}
.left_section ul li a i {margin-right: 3px; font-size: 13px;}
.right_section .social_media {text-align: end;}
.right_section .social_media ul {margin-bottom: 0px;}
.right_section .social_media ul li {padding: 0 5px;}
.right_section .social_media ul li a {align-items: center;justify-content: center;color: #fff;display: block;text-align: center;font-size: 14px;}
.custom_nav_fixed .dropdown-menu {padding: 0;box-shadow: rgb(0 0 0 / 50%) 0px 0 6px; width: 171px;border-radius: 5px;border: none;overflow: hidden;}
.search-btn_2{cursor: pointer;padding: 10px 15px; color: #fff;}
.affix .search-btn_2{color: #111;}
.custom_nav_fixed .dropdown:hover .dropdown-menu-right{display: block;}
.affix {position: fixed; z-index: 9; width: 100%; top:0px; background:#fff !important; box-shadow: 0 2px 6px -4px rgb(133 132 132);}
.currency_menu .dropdown-menu>li>a {line-height: 21px; border-bottom: 1px solid #e8e8e8; font-size: 13px; font-weight: 500;}
.currency_menu .dropdown-menu {padding: 0;}
.currency_menu .navbar-nav>li>a {color: #fff; background: #283845; margin: 5px 2px; padding: 4px 8px;border-radius: 5px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 12px;}
.currency_menu .dropdown-menu {right: 0; left: auto; min-width:105px;}
.currency_menu {background: var(--color-3); line-height: 33px; margin-left: 7px; border-radius: 6px; padding-right: 5px !important;}
.currency_menu .white_color {color: #fff;}
.currency_menu .mt_top5 {margin:9px 6px 0 0;}
.he_logo-wrap {position: relative; z-index: 2;}
.he_logo-wrap a:focus{border: 0px; outline: 0;}
.he_marquee{background: var(--main-color); color: #fff; border-top: 1px solid #ffffff24;}
.he_navbar .navbar-nav{margin: 0px;}
.he_navbar .navbar-nav li:hover{background: transparent;}
.he_navbar .navbar-nav>li>a{font-weight:600;font-size:13px;color:#272a2d; padding:10px 15px;text-transform:uppercase;position:relative;font-family: 'Brandon Grotesque';letter-spacing: .85px;}
.he_navbar .navbar-nav>li>a:before{content: ''; position: absolute; right: 0px; width: 1px; height: 50%; top: 25%;}
.he_navbar .navbar-nav>li:last-child a:before{display: none;}
.navbar-nav>li:last-child .dropdown-menu{right: 0; left: auto;}
.he_navbar .navbar-nav.navbar-right>li .dropdown-toggle{font-size: 15px;}
.he_navbar .navbar-nav.navbar-right>li{padding-right: 0;}
.he_navbar .navbar-nav.navbar-right>li:last-child a{padding-right: 0;}
.he_navbar .navbar-nav>.active>a, .he_navbar .navbar-nav>.active>a:focus, .he_navbar .navbar-nav>.active>a:hover{background: transparent;}
.he_support_icon {display:flex; align-items:center; margin:10px 0px; justify-content:end;}
.he_support_icon .list-inline-item{padding-right: 0px; padding-left: 7px;}
.he_support_24 {font-size:12px; border-radius:5px; line-height:16px; color: #fff; font-weight:600; min-height: 35px; background:var(--color-3); display:flex; align-items:center;}
.he_support_24:hover{color: #fff;}
.he_support_24 img {vertical-align:middle; line-height:31px; background: var(--main-color); padding:5px; border-radius:5px 0px 0 5px;}
.he_support_24 > span {font-size: 14px; padding: 0px 10px;}
.he_support_24 > span b{padding: 0px;}
.he_support_icon .dropdown-toggle:focus{color: #fff; text-decoration:none;}
.he_header_section {display: flex;  flex-direction: row; flex-wrap:wrap; align-items:center;}
.he_myaccount-btn{display: flex; align-items: center; justify-content: end;}
.he_myaccount-btn i {background: #034a92; width:35px; height:35px; display: inline-block; text-align:center; line-height:35px; border-radius:100px; color: #fff; margin-right:10px; font-size:14px;}
.he_menu{display: none;}
.he_site-header{background:#fff; padding:2px 0;}
.he_site-header:before{content: ''; width: 100%; position: absolute; top: 100%; left: 0; background: #ffffff2b; height: 1px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background: transparent;}
.navbar-right .open>a,  .navbar-right .open>a:focus, .navbar-right>li>a:hover{background: transparent;}
.ho_submenu {border-radius: 5px; padding: 0px 5px; border: 0px;}
.he_header_section .dropdown-menu>li>a{font-size: 12px;font-weight: 500;font-family: 'Brandon Grotesque'; text-transform: uppercase;} 
.ho_submenu li a{padding: 5px 5px; border-bottom: 1px solid #d0cdcd; font-size: 10px; font-weight: 500;    font-family: 'Brandon Grotesque';    text-transform: uppercase;}
.affix .he_support_icon{display: none;}
.custom_nav_fixed .login_btn_drop{color: #111; font-weight: 600;}
@media screen and (max-width: 1200px){
.he_login_icon{display: none;}
.he_navbar .navbar-nav>li>a, .he_navbar .navbar-nav.navbar-right>li a{font-size: 13px;}
.he_support_24 > span {font-size: 10px; padding: 0px 6px;}
}
@media screen and (max-width: 991px){
.he_navbar .navbar-nav>li>a{padding:7px 5px; color: #000 !important;}
.search-btn_2{color: #000;}
.custom_nav_fixed .dropdown{text-align: end;padding:5px 0;}
.bl-user {filter: none;}
.he_logo-wrap img {max-width: 100%; max-height: 65px;}
.he_support_24 > span {font-size:10px; padding:0px 6px;}
.he_support_icon .list-inline-item {padding-left: 3px; margin-bottom:4px;}
.he_navbar .navbar-nav>li>a:hover{opacity: 0.8; color: #333; background: transparent;}
}
@media screen and (min-width: 992px){
.he_navbar .navbar-nav {margin: 0px;display: flex;justify-content: flex-end; width: 100%;}
.affix .custom_nav_fixed .dropdown-menu {margin-top: -1px;}
.custom_nav_fixed{text-align: end;}
.affix .he_navbar{padding:5px 0;}
.he_logo-wrap img {max-width:100%; max-height:65px;}
.affix .he_logo-wrap img {max-width:100%; max-height:60px;}
.affix .he_navbar .navbar-nav>li>a{font-size: 13px; color:#000;}
.pright-0{padding-right: 0px;}
.he_support_icon, .he_navbar{padding-right: 15px;}
}
@media screen and (max-width: 767px){ 
.navbar-toggle .icon-bar{background: #000;}
.custom_nav_fixed{order: 2;}
.pright-0{order:3; position: relative;z-index: 9;width:100%;}
.right_section .social_media{text-align: center;}
.left_section {display:none;}
.he_logo-wrap {margin: 5px 0;}
.he_support_icon {display: flex;align-items: center;margin: 7px 0px 4px;justify-content:center;flex-wrap:wrap;background: #edf7ff;padding:7px 2px 5px;border:1px solid #d0e4f5;border-radius:7px;}
.service_menu .dropdown-menu>li>a {background: #f8f8f8;}
.service_menu ul li:last-child a {border-bottom: none; margin-bottom: 6px;}
.he_logo-wrap img {max-width:100%; max-height:60px;}
.ho_submenu{right: 0; left: auto; min-width: 100px;}
.he_support_24{min-height: 18px;}
.he_support_24 > span {font-size: 12px; padding: 3px 8px;}
.he_navbar .navbar-nav>li {position: relative; display: block; border-bottom: 1px solid #dad9d9;}
.navbar-collapse {position: absolute; background: rgb(255, 255, 255); width:100%; z-index:99; top: 100%; left:0px; box-shadow:7px 10px 10px #14131342;}
.he_navbar .navbar-toggle .icon-bar{background: #000;}
.he_navbar .navbar-toggle {padding: 0px 0px; margin-top:0px;position: absolute;   top: -40px;right: 0px;}
.he_navbar .navbar-toggle:hover, .he_navbar .navbar-toggle:focus{background: transparent;}
}
@media screen and (min-width: 768px){
.navbar-nav>li:hover .dropdown-menu{display: block;}
}