/*----- HEADER -----*/
.hidden {
	display: none;
}
header{
    box-shadow: 0px 0px 17px 0px #00000012;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 84px;
    z-index: 11;
    transition: all .3s ease;
    padding: 10px 0;
    display: flex;
    align-items: center;
}
header .navbar{    
	padding: 0 20px 0 0;
}
header .navbar .brand img{
	width: 100%;	
	object-fit: contain;
}
header .navbar .menu {
	display: flex;
	flex-direction: row;
	flex: 1;
	flex-basis: auto;
	justify-content: center;
	align-items: center;
}
header .navbar .menu-item a {
	font-size: 16px;
    text-align: left;
    color: #545454;
    margin-right: 20px;
    font-weight: 500;
    padding: 10px 15px;
	text-transform: uppercase;
    -webkit-transition: ease-in-out 0.5s;
    -moz-transition: ease-in-out 0.5s;
    -o-transition: ease-in-out 0.5s;
    transition: ease-in-out 0.5s;
}
header .navbar .menu-item a.active{
	color: #0A578B;
}
header .navbar .menu-item a:hover{
	color: #008ed4;
}
header .navbar .menu-item:last-child a{margin-right: 0;}
.header_btn {    
    //background: linear-gradient(180deg, #0092F4 0%, #0A598E 100%);
	background: #0A578B;
    color: #fff !important;
	border: 1px solid #0A578B;
    padding: 9px 30px !important;
    display: block !important;
    border-radius: 70px;
    max-width: 117px;
    width: 100%;
    line-height: unset;
}
.header_btn:hover{
	background: transparent;
    color: #0A578B !important;
}

/* footer css */
footer a:hover{color: #3398DC;}
footer hr{
	border-color: #fff;
	opacity: 30%;
	margin: 30px 0 20px;
}
footer{
	background: url("../images/footerbg.png") no-repeat;
	background-position: top;
	background-size: cover;
	width: 100%;
	position: relative;	
	display: block;
	color: #fff;
	text-align: center;
	padding: 100px 0 20px;
	margin-top: 50px;
}
footer .brand{
	display: block;
	margin-bottom: 30px;
}
footer h5{
	font-size: 22px;
	font-weight: 700;
	color: #fff;
	display: block;
}
footer h5 svg {
    display: block;
    margin: 10PX auto;
}
footer span{
	display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
}
footer span svg{
	margin-right: 10px;
}
footer span a{
	font-size: 22px;
	font-weight: 300;
	color: #fff;
}
.footer_link{
	display: block;
	text-align: left;
}
.footer_link li{
	display: inline-block;
	position: relative;
}
.footer_link li:after{
	content: "";
	position: relative;
	display: inline-block;
	margin: 0 10px;
	width: 9px;
	height: 9px;
	background: #3398DC;
	border-radius: 50px;
}
.footer_link li:last-child:after{display: none;}
.footer_link li a{
	font-size: 16px;
	font-weight: 500;
	color: #fff;
}
footer p{
	text-align: right;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 0;
}
footer p b{
	font-weight: 700;
	color: #3398DC;
}


@media only screen and (max-width: 991px) 
{	
	header .navbar {padding: 0;margin: 0 auto;}	
	header .navbar #nav:checked ~ .wrapper {width: 100%;
	    background: #00000080;
	    opacity: 1;
	    display: flex;
	    align-items: flex-end;
	    flex-direction: column;
	    z-index: 99;
	    height: 100%;
	    transition: all 0.3s ease;
	}
	header .navbar .wrapper {position: fixed;top: 0;right:0;bottom: 0; width: 0;height: unset;z-index: -1;opacity: 0;background: #d1dee7;transition: all 0.3s ease;}
	header .navbar .wrapper .menu {display: none;}
	header .navbar .wrapper .menu-item {width: 100%;text-align: left;padding: 15px 25px;margin-bottom: 10px;}
	header .navbar .wrapper .menu-item:nth-child(1) a {transition-delay: 0.2s;}
	header .navbar .wrapper .menu-item:nth-child(2) a {transition-delay: 0.3s;}
	header .navbar .wrapper .menu-item:nth-child(3) a {transition-delay: 0.4s;}
	header .navbar .wrapper .menu-item:nth-child(4) a {transition-delay: 0.5s;}
	header .navbar .wrapper .menu-item:not(:first-child) {margin-left: 0;}
	header .navbar .wrapper .menu-item a {opacity: 0;transform: translateX(-20px);transition: all 0.3s ease-in-out;display: flex;
    align-items: center;
    padding: 0;}
	header .navbar .nav-toggle {display: block;cursor: pointer;z-index: 999;margin-bottom: 0;position: relative;}
	header .navbar .nav-toggle span {display: block;width: 22px;height: 2px;background: #141C28;border-radius: 2px;margin-left: 14px;}
	header .navbar .nav-toggle span:nth-child(2) {margin: 5px 0;opacity: 1;width: 18px;margin-left: auto;}	
	header .navbar #nav:checked + .nav-toggle {position: fixed;top: 50%;bottom: 0;left: 10%;background: #fff;border-radius: 50%;width: 40px;height: 40px;display: flex;
	    align-items: center;justify-content: center;flex-flow: column;}
	header .navbar #nav:checked + .nav-toggle span {background: #e3e5e9;transition: transform 0.5s ease;}
	header .navbar #nav:checked + .nav-toggle span:nth-child(1) {transform: translateY(7px) rotate(224deg);
    background: #000;
    margin: 0 auto;}
	header .navbar #nav:checked + .nav-toggle span:nth-child(2) {opacity: 0;}
	header .navbar #nav:checked + .nav-toggle span:nth-child(3) {transform: translateY(-7px) rotate(140deg);
    background: #000;
    margin: 0 auto;}
	header .navbar #nav:checked ~ .wrapper .menu{display: block;flex-direction: column;}
	header .navbar #nav:checked ~ .wrapper .menu-item a {opacity: 1;transform: translateX(0);}
	header .navbar .menu-item::before{background: #fd9803;left: 0;}
	header .navbar .menu-item::before{top: 34% !important;}
	header .navbar #nav:checked ~ .wrapper .menu {background: #fff;box-shadow: 0px -3px 14px 0px #00000040;width: 70%;margin-left: auto;height: 100%;position: relative;}
	.menu-item img{display: inline-block;margin-right: 10px;margin-top: -5px;}
	.header_btn {position: absolute;bottom: 0;left: 0;right: 0;width: 80%; margin: 15px auto 30px !important;}
	footer .brand{margin-bottom: 10px;}
	header .navbar .wrapper .menu-item .dropdown-menu {
		width: 100%;
		border: 0px solid rgba(0,0,0,.15);
	}
	header .navbar .wrapper .menu-item .dropdown-menu a {
		display: block;
		width: 100%;
		padding: 0.50rem 2.5rem;
		clear: both;
		font-weight: 400;
		color: #212529;
		text-align: inherit;
		white-space: nowrap;
		background-color: transparent;
		border: 0;
	}
}