.fly {

    opacity: 0;

    background: #ccc;

    border: 0px;

    z-index: 265;

}



.fly-circled {

    width: 20px;

    height: 20px;

    border-radius: 50%;

    background: red;

}












div[data-cattype="51028"].offcanvas.show {

    z-index: 1100;

}



section[data-cattype="51028"] {
    padding: 20px 0 10px 0;
    min-height: 0;
    border-bottom: transparent;
    background: var(--header-bg);
    background-color: transparent;
    position: absolute;
    z-index: 100;
    /* top: 0; */
}



[data-cattype="51028"] .companyLogo {
    margin-bottom: 0px;
}

[data-cattype="51028"] .companyLogo img {

    width: 120px;

    height: auto;

}



[data-cattype="51028"] .list-quicklink {
	margin: 12px 0px 0px 0;
}

[data-cattype="51028"] .list-quicklink>li {

    vertical-align: bottom;

    padding-top: 5px;

}

[data-cattype="51028"] .list-quicklink a {
	color: #fff;
	font-size: 1.26em;
	padding: 6px;
	margin: 0 3px;
	border-radius: 20px;
	/* background-color: #fff; */
	width: 45px;
	height: 45px;
	display: inline-block;
	text-align: center;
	/* box-shadow: 0px 2px 3px #ddd; */
	position: relative;
}

[data-cattype="51028"] .list-quicklink a:hover {
	color: #188ebe;
}


[data-cattype="51028"] .list-quicklink a>.badge {

    position: absolute;

    top: -6px;

    right: -5px;

    padding: 5px 8px;

    border-radius: 60%;

    background: #000;

    color: white;

    font-size: 0.6em;

}



[data-cattype="51028"] .list-quicklink li:last-child {

    padding-right: 0;

    vertical-align: top;

    padding-top: 0px;

}

[data-cattype="51028"] .list-quicklink li:last-child a {
	font-size: 1.8em;
	color: #fff;
}

[data-cattype="51028"] .list-quicklink li:last-child a:hover {

    color: #188ebe;

}









/************************************************************************************

BOL - Deasktop header navigation

*************************************************************************************/

[data-cattype="51028"] nav#nav-wrap ul * {

    -webkit-transition: all 0.3s ease-in-out;

    transition: all 0.3s ease-in-out;

}



[data-cattype="51028"] #nav-wrap {

    /*margin-top: 20px;*/

    padding: 0px;
text-align: left;
margin: 15px 0;

}

/* menu icon */

[data-cattype="51028"] #menu-icon {

    display: none;

    /* hide menu icon initially */

}



[data-cattype="51028"] nav#nav-wrap>ul,

[data-cattype="51028"] nav#nav-wrap>ul li {

    margin: 0;

    padding: 0;

    display: inline-block;

    list-style: none;

}



[data-cattype="51028"] nav#nav-wrap > ul {
	text-align: right;
	width: 100%;
	margin: 3px 0;
}

/* nav link */

[data-cattype="51028"] nav#nav-wrap>ul>li>a {

    padding: 5px 15px;
    font-size: 20px;
    color: #fff;

}

[data-cattype="51028"] nav#nav-wrap>ul>li.more:hover {

    position: relative;

}

[data-cattype="51028"] nav#nav-wrap>ul>li.more:hover:before {

    content: '';

    width: 0;

    height: 0;

    bottom: 0;

    border-bottom: solid 6px #000;

    border-left: solid 6px transparent;

    border-right: solid 6px transparent;

    position: absolute;

    margin-top: -6px;

}



[data-cattype="51028"] nav#nav-wrap>ul a {

    padding: 0px 15px;

    display: block;

    background: none;

    text-transform: uppercase;

    margin: 2px 0;

}



[data-cattype="51028"] #coverpage nav#nav-wrap>ul>li:first-child {}



[data-cattype="51028"] nav#nav-wrap>ul>li:last-child>a {

    border-right: 0;

}



[data-cattype="51028"] nav#nav-wrap > ul a.active, [data-cattype="51028"] nav#nav-wrap > ul a:hover, [data-cattype="51028"] nav#nav-wrap > ul a:focus {
	background: none;
	color: #188ebe;
	/* font-weight: bold; */
}



/* nav dropdown */



[data-cattype="51028"] nav#nav-wrap > ul ul {
	/* background: rgba(204, 168, 42, 0.95); */
	background: #004aac;
	margin: 0px 0px 0 0;
	padding: 25px 0 10px 0;
	position: absolute;
	width: 200px;
	height: 0;
	opacity: 0;
	overflow: hidden;
}



[data-cattype="51028"] nav#nav-wrap>ul li>ul {

    padding: 0px 0 10px 0;

}



[data-cattype="51028"] nav#nav-wrap>ul li>ul li>ul {

    padding-top: 0px;

    border-top: 0;

}



[data-cattype="51028"] nav#nav-wrap>ul ul li.more>a:after {

    content: '';

    width: 0;

    height: 0;

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 6px solid #aaa;

    position: absolute;

    right: 10px;

    margin-top: 5px;

}



[data-cattype="51028"] nav#nav-wrap>ul ul li.more>a:hover:after {

    border-top: 6px solid transparent;

    border-bottom: 6px solid transparent;

    border-left: 6px solid #fff;

}



[data-cattype="51028"] nav#nav-wrap>ul ul ul {

    padding: 10px 0 10px 0;

}



[data-cattype="51028"] nav#nav-wrap>ul ul li {

    float: none;

    display: block;

    margin: 0;

    padding: 0;

    background: none;

    text-align: left;

    border-bottom: 1px dotted #fff;

}



[data-cattype="51028"] nav#nav-wrap>ul ul li:last-child {

    border-bottom: none;

}



[data-cattype="51028"] nav#nav-wrap>ul li.opened>ul,

[data-cattype="51028"] nav#nav-wrap>ul li:focus>ul,

[data-cattype="51028"] nav#nav-wrap>ul li:hover>ul {

    opacity: 1;

    height: auto;

    z-index: 1000;

    overflow: visible;

}



[data-cattype="51028"] nav#nav-wrap>ul ul a {

    color: #fff;

    background: none;

    text-transform: none;

    padding: 5px 15px;

}



[data-cattype="51028"] nav#nav-wrap > ul > li > ul > li:hover, [data-cattype="51028"] nav#nav-wrap ul ul a.active, [data-cattype="51028"] nav#nav-wrap ul ul a:hover {
	color: yellow;
}





/*======= BOF - Trigger Sub-Menu with Two Level =======*/



[data-cattype="51028"] nav#nav-wrap>ul ul ul {

    margin: -36px 0px 0px 200px;

    position: absolute;

}



[data-cattype="51028"] nav#nav-wrap>ul>li.twoLevel>ul>li:first-child {

    border: none;

}



[data-cattype="51028"] nav#nav-wrap>ul>li.twoLevel>ul>li {

    float: left;

    width: 198px;

    display: inline-block;

    border-left: 1px solid #ccc;

    padding: 0px 10px 0 10px;

}



[data-cattype="51028"] nav#nav-wrap>ul>li.twoLevel>ul>li>a {

    font-size: 18px;

    color: #0077B3;

    text-transform: uppercase;

}

/************************************************************************************

EOL - Deasktop header navigation

*************************************************************************************/











/* ======== BOL - Mobile Menu ======== */

[data-cattype="51028"] .mobile-menu nav ol,

[data-cattype="51028"] .mobile-menu nav ol li,

[data-cattype="51028"] .mobile-menu nav ul,

[data-cattype="51028"] .mobile-menu nav ul li,

[data-cattype="51028"] .mobile-menu ol.list,

[data-cattype="51028"] .mobile-menu ol.list li,

[data-cattype="51028"] .mobile-menu ol.nav,

[data-cattype="51028"] .mobile-menu ul.list,

[data-cattype="51028"] .mobile-menu ul.list li,

[data-cattype="51028"] .mobile-menu ul.nav {

    padding: 0;

    margin: 0;

    list-style: none;

    line-height: 1;

}



[data-cattype="51028"] .nav-outer .mobile-nav-toggler {

    position: relative;

    float: right;

    font-size: 30px;

    line-height: 40px;

    cursor: pointer;

    color: #e9c37a;

    padding: 10px 0px;

    display: none;

}



[data-cattype="51028"] .mobile-menu {

    /*position: fixed;*/

    position: relative;

    right: 0;

    top: 0;

    width: 100%;

    padding-right: 30px;

    /*    max-width:100%;

    height: 100%;*/

    z-index: 999999;



}



[data-cattype="51028"] .mobile-menu .nav-logo {

    position: relative;

    padding: 20px 20px;

    text-align: left;

}



[data-cattype="51028"] .mobile-menu .nav-logo img {

    max-width: 180px;

}



[data-cattype="51028"] .mobile-menu .menu-box {

    position: absolute;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    max-height: 100%;

    overflow-y: auto;

    padding: 0px 0px;

    z-index: 5;

    opacity: 1;

    border-radius: 0px;

}







[data-cattype="51028"] .mobile-menu .navigation {

    position: relative;

    display: block;

    border-top: 1px solid rgba(0, 0, 0, 0.10);

}



[data-cattype="51028"] .mobile-menu .navigation li {

    position: relative;

    display: block;

    /* font-family: 'Montserrat', sans-serif; */

    /* font-family: 'Public Sans', sans-serif; */

    border-bottom: 1px solid rgba(0, 0, 0, 0.10);

}



[data-cattype="51028"] .mobile-menu .navigation li>ul>li:last-child {

    border-bottom: none;

}



[data-cattype="51028"] .mobile-menu .navigation li>ul>li:first-child {

    border-top: 1px solid rgba(0, 0, 0, 0.10);

}



[data-cattype="51028"] .mobile-menu .navigation li>a {

    position: relative;

    display: block;

    line-height: 25px;

    padding: 10px 20px;

    font-weight: 300;

    font-size: 20px;

    color: #000;

    /* font-family: glegooregular; */

    /* font-family: 'Public Sans', sans-serif; */

    text-transform: capitalize;

    text-decoration: none;

}



[data-cattype="51028"] .mobile-menu .navigation li>a:hover,

[data-cattype="51028"] .mobile-menu .navigation li.current>a {

    color: #000;

}



[data-cattype="51028"] .mobile-menu .navigation li.dropdown .dropdown-btn {

    position: absolute;

    right: 0px;

    top: 0px;

    width: 44px;

    height: 44px;

    text-align: center;

    font-size: 16px;

    line-height: 44px;

    color: #fff;

    cursor: pointer;

    z-index: 5;

    background: #000;

}

[data-cattype="51028"] .mobile-menu .navigation li.dropdown .dropdown-btn .fa {

    font-weight: bold;

}

[data-cattype="51028"] .dropdown-btn.opened .fa {

    transform: rotate(180deg);

}





[data-cattype="51028"] .mobile-menu .navigation li.dropdown .dropdown-btn:after {

    content: '';

    position: absolute;

    left: 0px;

    top: 10px;

    width: 1px;

    height: 24px;

    /* border-left:1px #fff solid; */

}



[data-cattype="51028"] .mobile-menu .navigation li>ul,

[data-cattype="51028"] .mobile-menu .navigation li>ul>li>ul {

    display: none;

}



[data-cattype="51028"] .mobile-menu .navigation li.dropdown ul.opened {

    box-shadow: inset 0px 0px 3px rgba(0, 0, 0, 0.1);

    background: rgba(238, 238, 238, 0.563);

}



/* ======== EOL - Mobile Menu ======== */











/* ---------------------------- Search bar -------------------------- */



[data-cattype="51028"] i#btn-search {
    cursor: pointer;
}



[data-cattype="51028"] .wrapper_searchbar {

    display: inline-block;

    width: 32px;

    height: 32px;

    vertical-align: top;

    margin: 1px 1px;

}



[data-cattype="51028"] .wrapper_searchbar form#formSearch {

    position: relative;

    min-width: 32px;

    height: 32px;



    color: #111;

    transition: all .5s;

    border-radius: 20px;

    float: right;

}



[data-cattype="51028"] .wrapper_searchbar form#formSearch:focus,

[data-cattype="51028"] .wrapper_searchbar form#formSearch:hover {

    /*    background: #353535; */

    transition: all .5s;



}

[data-cattype="51028"] .wrapper_searchbar form#formSearch .fa.fa-search {
	position: absolute;
	left: -1px;
	top: 2px;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	z-index: 0;
	font-size: 16px;
	color: #fff;
}

[data-cattype="51028"] .wrapper_searchbar input[type=search] {

    background: #fff;

    border: none;

    color: #808080;

    padding: 5px 22px 0px 0px;

    margin: 0px;

    width: 32px;

    height: 32px;

    position: relative;



    opacity: 0;

    z-index: 1;

    cursor: pointer;

    transition: all .5s;



    border-radius: 15px;

    color: #000;

}

[data-cattype="51028"] .wrapper_searchbar input[type=search]:hover,

[data-cattype="51028"] .wrapper_searchbar input[type=search]:focus {

    width: 200px;

    height: 32px;

    padding: 0px 20px 0px 10px;

    background-color: #fff;

    opacity: 1;

    top: -5px;

    transition: all .5s;

    outline: none;

    border: 1px solid #333;

}





/* BOL - Mobile version search bar */

[data-cattype="51028"] form.search-bar-mobile {

    width: 100%;

    position: relative;

    display: flex;

}



[data-cattype="51028"] .search-bar-mobile .searchTerm {

    width: 100%;

    border: 1px solid #000;

    border-right: none;

    padding: 5px;

    height: 35px;

    border-radius: 5px 0 0 5px;

    outline: none;

    color: #ccc;

}



[data-cattype="51028"] .search-bar-mobile .searchTerm:focus {

    color: #000;

}

[data-cattype="51028"] .search-bar-mobile .searchButton {

    width: 40px;

    height: 35px;

    border: 1px solid #000;

    background: #000;

    text-align: center;

    color: #fff;

    border-radius: 0 5px 5px 0;

    cursor: pointer;

    font-size: 20px;

}

/* EOL - Mobile version search bar */





@media (max-width: 1399px) {}



@media (max-width: 979px) {}





@media (max-width: 767px) {



    [data-cattype="51028"] .companyLogo {
        margin-bottom: 10px;
    }

    [data-cattype="51028"] .companyLogo img {

        width: 80px;

        height: auto;

    }



}



@media (max-width: 480px) {



    [data-cattype="51028"] .mobile-menu .menu-box {

        top: 66px;

    }



}