a.meanmenu-reveal {display: none;}.header_main {background-color: #fff; border-top: 3px solid #34425c;} .mean-container .mean-bar {float: left; width: 100%; position: relative; background: #0c1923; padding: 4px 0; z-index: 999999;} .mean-container a.meanmenu-reveal {width: 22px; height: 22px; padding: 13px 13px 11px 13px; position: absolute; top: 0; right: 0; cursor: pointer; color: #fff; text-decoration: none; font-size: 16px; line-height: 22px; font-size: 1px; display: block; font-family: Arial, Helvetica, sans-serif; font-weight: 700;} .mean-container a.meanmenu-reveal span {display: block; background: #004976; height: 3px; width: 30px;} .mean-container .mean-nav {float: left; width: 100%; margin-top: 44px;} .mean-container .mean-nav ul {padding: 0; margin: 0; width: 100%; list-style-type: none;} .mean-container .mean-nav ul li {position: relative; float: left; width: 100%;} .mean-container .mean-nav ul li a {display: block; float: left; width: 90%; padding: 7px 3%; margin: 0; text-align: left; color: #000000; border-bottom: 1px solid #4e4e4e; text-decoration: none; font-size: 15px;} .mean-container .mean-nav ul li a ul li a {display: block; float: left; width: 90%; padding: 7px 0%; margin: 0; text-align: left; color: #000000; border-bottom: 1px solid #4e4e4e; text-decoration: none; font-size: 15px;} .mean-container .mean-nav ul li li a {width: 80%; border-top: 1px solid #f1f1f1; border-top: 1px solid rgb(255 255 255 / 0%); opacity: 0.8; filter: alpha(opacity=75); text-shadow: none !important; visibility: visible;} .mean-container .mean-nav ul li.mean-last a {border-bottom: none; margin-bottom: 0;} .mean-container .mean-nav ul li li li a {width: 70%; padding: 1em 10%;} .mean-container .mean-nav ul li li li li a {width: 70%; padding: 1em 10%;} .mean-container .mean-nav ul li li li li li a {width: 50%; padding: 1em 25%;} .mean-container .mean-nav ul li a:hover {background: #333; background: rgba(255, 255, 255, 0.1);} .mean-container .mean-nav ul li a.mean-expand {margin-top: 0px; width: 9px; height: 22px; padding: 3px 10px !important; text-align: center; position: absolute; right: 20px; top: 3px; z-index: 2; font-weight: 400 !important; background: rgb(255 255 255 / 53%); border: none !important; border-style: none none solid solid; border-width: medium medium 1px 1px; line-height: 23px; font-family: 'Bebas Neue', cursive; font-size: 25px !important; transform: translateX(-5px);} .mean-container ul.sub-menu li a.mean-expand {padding-right: 10px !important; line-height: 18px !important; height: 18px;} .mean-container .mean-push {float: left; width: 100%; padding: 0; margin: 0; clear: both;} .mean-nav .wrapper {width: 100%; padding: 0; margin: 0;} .mean-container .mean-bar, .mean-container .mean-bar * {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;} .mean-remove {display: none !important;} .mean-container a.meanmenu-reveal {border: 1px solid #086ad8; width: 30px; padding: 13px 10px; height: auto;} .mean-container .mean-bar {background: transparent;} .mean-container a.meanmenu-reveal span {background: #086ad8; margin-top: 5px;} .mean-container .mean-bar {padding: 0;} .mean-container a.meanmenu-reveal {color: #086ad8;} .mean-container a.meanmenu-reveal {margin-top: -40px; padding: 0; width: 50px; height: 50px; display: flex; align-items: center; justify-content: center; flex-direction: column; margin-right: 0px;} .mean-container a.meanmenu-reveal span:first-child {margin-top: 0;} .mean-container .mean-nav {margin-top: 0; position: absolute; transform: translateY(12px); overflow: hidden;} .mean-container .mean-nav {position: static; transform: translateY(0px);} .mean-container .mean-nav > ul {display: block !important;} .mean-container a.meanmenu-reveal {display: none !important;} .mean-container ul.sub-menu a {font-size: 13px !important; padding-top: 5px !important; padding-bottom: 5px !important; font-weight: 300; letter-spacing: 0.3px;} .mean-container ul.sub-menu {padding-left: 10px;} .header_area {width: 100%; z-index: 9; position:absolute;} @media (max-width: 1199px) {.header_area {    padding: 7px 0; } } @media (max-width: 991px) {.header_area {    padding: 5px 0;     position:relative; } }.logo img {width: 90%; height: auto; padding: 5px 20px;} .sticky-header {position: fixed; left: 0; top: 0; width: 100%; z-index: 99; padding: 4px 0; background: #fff; -webkit-box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.1); box-shadow: 0px 13px 25px -12px rgba(0, 0, 0, 0.1); animation: 2s ease-in-out 2s normal none 1 running fadeInDown;} @media (max-width: 991px) {.sticky-header {    padding: 5px 0; } }.header__area--3.sticky-header {background-color: #fff; border-bottom: 0;}

/* Navigation css */
.main-menu ul {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; padding: 0; margin: 0;} .main-menu ul li {position: relative;} .main-menu ul li:not(:last-child) {margin-right: 10px;} @media only screen and (min-width: 1200px) and (max-width: 1500px) {.main-menu ul li:not(:last-child) {    margin-right: 25px; }} @media (max-width: 1199px) {.main-menu ul li:not(:last-child) {    margin-right: 35px; }} .main-menu ul li .sub-menu li {margin-right: 0;} .main-menu ul li a {display: block; text-decoration: none; font-size: 16px; font-weight: 700; color: #000000; padding: 15px 5px; position: relative; line-height: 20px; text-transform:uppercase;} .main-menu ul li.menu-item-has-children > a::after {content: "\f107"; font-family: "Font Awesome 5 Pro"; font-size: 15px; transform: translateY(0px); display: inline-block; padding-left: 5px; font-weight: 600; color: #000000;} .main-menu ul li:hover > a, .main-menu ul li.active > a {color: #000000; transition: 0.5s;} .main-menu ul li:hover > .sub-menu {visibility: visible; opacity: 1; -webkit-transform: scaleY(100%); -ms-transform: scaleY(100%); transform: scaleY(100%);} .main-menu ul li .sub-menu {-webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; min-width: 260px; top: 100%; visibility: hidden; opacity: 0; background: #ffffff; padding: 7px 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); z-index: 3; text-align: left; transform-origin: 50% 0; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); border-radius: 5px;} .main-menu ul li .sub-menu li a {color: #333; padding: 12px 15px; font-size: 17px; text-transform: capitalize; font-weight:400;} .main-menu ul li .sub-menu li:hover > a, .main-menu ul li .sub-menu li.active > a {color: #0b569f; letter-spacing: 0.5px; transition: 0.5s;} .main-menu ul li .sub-menu ul {left: 100%; top: 0px;} .menu_area {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: end;} .menu_area-right {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; margin-left: 180px;} @media only screen and (min-width: 1200px) and (max-width: 1500px) {.menu_area-right {    margin-left: 70px; }} @media (max-width: 1199px) {.menu_area-right {    margin-left: 30px; }} @media (max-width: 767px) {.menu_area-right {    margin-left: 0; }} .menu_area-right .item i {font-size: 23px; color: #000000; margin-right: 7px; font-weight: 600;} @media (max-width: 1199px) {.menu_area-right .button {    display: none; }} @media only screen and (min-width: 1200px) and (max-width: 1500px) {.header__area--2 .menu_area ul li:not(:last-child), .header__area--3 .menu_area ul li:not(:last-child) {    margin-right: 5px; }} .header__area--2 .menu_area-right, .header__area--3 .menu_area-right {margin-left: 5px;} @media only screen and (min-width: 1200px) and (max-width: 1500px) {.header__area--2 .menu_area-right, .header__area--3 .menu_area-right {    margin-left: 5px; }} @media (max-width: 1199px) {.header__area--2 .menu_area-right, .header__area--3 .menu_area-right {    margin-left: 30px; }} .header__area--3 {border-bottom: 2px solid #000;} .header__area--3 .menu_area ul li a {color: #000;} .header__area--3 .menu_area ul li:hover > a, .header__area--3 .menu_area ul li.active > a {color: #f1a32e;} .header__area--3 .menu_area-right .item i {color: #000;} .mean-container .mean-nav ul li a:hover {color: #dd4c31;} .main-menu ul li.menu-last ul.sub-menu {right: 0; left: auto;} .main-menu ul li.menu-last ul.sub-menu ul {right: auto; left: -100%;}

/* social link */
.social-links a {align-items: center; justify-content: center; width: 50px; height: 50px; border-radius: 4px; font-size: 11px; border: 3px solid #012a67; text-align: center; line-height: 47px; color: #2884e1; text-decoration: none; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%;} .social-links a:not(:last-child) {margin-right: 10px;} .social-links a:hover {border-color: #880623; color: #e35232;} .thm_btn {font-size: 17px; z-index: 1; padding: 9px 25px; text-align: center; color: #fff; background: #012a7f; display: inline-block; line-height: 1.4; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; text-transform: uppercase; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; margin-bottom:10px;} .thm_btn:hover {color: #fff; background: #012a67;} .thm_btn:hover > i {-webkit-transform: translateX(4px) translateY(1px); -ms-transform: translateX(4px) translateY(1px); transform: translateX(4px) translateY(1px);} .thm_btn i {font-size: 18px; position: relative; bottom: 3px; padding-left: 8px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateX(0) translateY(1px); -ms-transform: translateX(0) translateY(1px); transform: translateX(0) translateY(1px); font-weight: 600;} .thm_btn-2 {background-color: #212121;} .btns a {margin-right: 30px; margin-top: 20px;} .btns a:last-child {margin-right: 0;} .search {position: relative;} .search__trigger {width: 50px; text-align: center; height: 50px;} .search__trigger .open, .search__trigger .close {cursor: pointer; line-height: 56px; color: #000;} .search__trigger .close {display: none;} .search__form {position: absolute; visibility: hidden; opacity: 0; transform: scale(0.9); padding: 15px; right: 0; top: 80px; width: 350px; z-index: 99;} @media (max-width: 767px) {.search__form {    width: 280px;     right: -38px; }} @media only screen and (min-width: 576px) and (max-width: 767px) {.search__form {    width: 350px;     right: 0; }} .search__form form {position: relative;} .search__form input {width: 100%; height: 55px; border: 0; background: #f3f3f3; padding: 20px;} .search__form button {position: absolute; right: 0; top: 0; border: 0; background: #1b2026; height: 55px; width: 55px; color: #fff; font-size: 18px; line-height: 60px;} .search__form.active {transform: scale(1); opacity: 1; visibility: visible; transition: .3s; background: #fff;} .hamburger-trigger {margin-left: 10px; cursor: pointer; margin-top: 0px; margin-right: 10px;} .side-info {padding-left: 20px; padding-right: 20px;} .side-info__logo img {max-width: 230px;} .side-info .title {text-transform: uppercase; font-weight: 600; font-size: 17px; margin-top: 14px; margin-bottom: 6px; color: #012a67;} .side-info .mb-5 {margin-bottom: 5px !important;} .side-info p {font-size: 15px; line-height: 28px; margin-bottom: 15px;} .side-info__close {top: 0; left: 0; background: #2984e1; width: 30px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; border-radius: 50%;} .side-info__close a {display: block; height: 100%; width: 100%; color: #ffffff; font-weight: bolder;} .side-info__close:hover {background: #012a67;} .side-info__wrapper {padding: 5px 5px 5px 5px; margin-bottom: 10px; border-bottom: 1px solid #04386b; background-color: #ffffff;} .side-info .social-links a {width: 35px; height: 35px; line-height: 28px;} .side-info .social-links a:hover {color: #012a67; border-color: #dd001e; transition: 0.5s;} .overlay {background-color: rgba(0, 0, 0, 0.7); height: 100%; width: 100%; position: fixed; top: 0; z-index: 99; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 600ms ease; -o-transition: all 600ms ease; transition: all 600ms ease;} .overlay.active {opacity: .5; visibility: visible;} .side-info-wrapper, .cart-bar-wrapper {position: fixed; overflow-y: auto; top: 0; right: -370px; width: 340px; height: 100%; display: block; background-color: #fff; z-index: 100; box-shadow: -5px 0 20px -5px rgba(0, 0, 0, 0.5); padding-top: 0px; -webkit-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: all 600ms cubic-bezier(0.785, 0.135, 0.15, 0.86);} .side-info-wrapper .nav, .cart-bar-wrapper .nav {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap;} .side-info-wrapper .nav a, .cart-bar-wrapper .nav a {flex: 0 0 50%; -ms-flex: 0 0 50%; max-width: 50%; font-size: 18px; color: #04386b; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; align-items: center; justify-content: center; padding: 12px 10px; text-transform: uppercase; font-size: 14px; letter-spacing: 2px;} .side-info-wrapper .nav a.active, .cart-bar-wrapper .nav a.active {background: #04386b; color: #ffffff;} .side-info-wrapper.show, .cart-bar-wrapper.show {right: 0;} .side-info-wrapper.mm-only.show {display: none;} @media (max-width: 991px) {.side-info-wrapper.mm-only.show {    display: inline-block; }} @media (max-width: 991px) {.side-info-wrapper.show-all.show {    display: none; }}
.side-info-wrapper .contact__info li {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 15px; align-items: flex-start;} .side-info-wrapper .contact__info li span {margin-right: 10px; flex: 0 0 15px; -ms-flex: 0 0 15px; max-width: 17px; color: #2884e1; font-size: 18px;} .side-info-wrapper .contact__info li p {flex: 0 0 86%; -ms-flex: 0 0 85%; max-width: 86%;} .side-info-wrapper .contact__info li:not(:last-child) {margin-bottom: 0px;}
.sb-1 {min-width: 440px !important;}
.sb-2 {min-width: 460px !important;}
.sb-3 {min-width: 200px !important;} 