.topbar {

	padding: 30px 0;

}



.topbar-right {

	display: flex;

	justify-content: flex-end;

	align-items: center;

}



.topbar-right .social-icons li a {
	font-size: 20px;
	color: #555555;
	padding-right: 20px;
}



.topbar-right .social-icons li {
	transition: 0.6s !important;
}



.topbar-right .social-icons li:hover {
	transform: translateY(-10px);
	transition: 0.6s !important;
}

.topbar-right .social-icons li svg{
	width: 25px;
}
.topbar-right .social-icons li svg path{
	fill: #282828 !important;
}




/*====================================== Start navigation ========================================*/



.main_header .navigation {

	background: #5252ce;

}



.nav_and_mail .nav_sec {

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

}



.nav_and_mail .nav_sec ul {

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

	text-align: center;

}



.nav_and_mail .nav_sec ul li {

	display: inline-block;

	vertical-align: middle;

	margin: 0;

	padding: 0;

	position: relative;

}



.nav_and_mail .nav_sec ul li+li {

	margin-left: 25px;

}



.nav_and_mail .nav_sec ul li a {

	font-size: 14px;

	color: #fff;

	padding: 25px 12px;

	display: block;

	font-weight: 600;

	position: relative;

	z-index: 99;

	text-transform: uppercase;

}



.nav_and_mail .nav_sec ul li a:before {

	content: " ";

	height: 0;

	width: 100%;

	background: #3939cd;

	position: absolute;

	top: 0;

	left: 0;

	transition: all 0.3s ease-in-out;

	z-index: -9;

}



.nav_and_mail .nav_sec ul li:hover>a:before,

.nav_and_mail .nav_sec ul li.active>a:before,

.nav_and_mail .nav_sec ul li.current-menu-item>a:before {

	height: 100%;

	transition: all 0.3s ease-in-out;

}



.nav_and_mail .nav_sec ul li:hover>a,

.nav_and_mail .nav_sec ul li.active>a,

.nav_and_mail .nav_sec ul li.current-menu-item>a {

	color: #fff;

}



.nav_and_mail .nav_sec ul li ul {

	width: 250px;

	background: #5252ce;

	position: absolute;

	top: 100%;

	left: 0;

	z-index: 999;

	display: none;

	text-align: left !important;

}



.nav_and_mail .nav_sec ul li:hover ul {

	display: block;

}



.nav_and_mail .nav_sec ul li ul li {

	width: 100%;

	float: left;

	margin: 0;

	padding: 0;

}



.nav_and_mail .nav_sec ul li ul li+li {

	border-top: 1px solid #5252ce;

}



.nav_and_mail .nav_sec ul li ul li a {

	margin: 0;

	padding: 10px 10px;

	display: block;

	font-size: 16px;

	font-weight: 300;

	color: #fff;

}



span.toggle-menu {

	display: none;

}





/*====================================== End navigation ========================================*/





/*====================================================== Responsive ========================================*/



@media only screen and (max-width:1199px) {

	.nav_and_mail .nav_sec ul li+li {

		margin-left: 17px;

	}

}



@media only screen and (max-width:991px) {

	/*========================== start mobile menu =================================*/

	.navigation {

		background: #5252ce;

		padding: 10px 0;

	}

	span.toggle-menu img {

		float: left;

	}

	span.toggle-menu {

		width: auto;

		float: left;

		margin: 0;

		padding: 0;

		display: block;

		cursor: pointer;

	}

	.nav_and_mail .nav_sec {

		width: 280px;

		height: 100%;

		float: none;

		position: fixed;

		z-index: 999;

		top: 0;

		right: -100%;

		padding: 70px 0 0;

		background: #2669ad;

		display: block;

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

		-moz-transition: all 0.8s ease-in-out;

		-o-transition: all 0.8s ease-in-out;

		transition: all 0.8s ease-in-out;

	}

	.nav_and_mail .nav_sec.slidein {

		right: 0;

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

		-moz-transition: all 0.5s ease-in-out;

		-o-transition: all 0.5s ease-in-out;

		transition: all 0.5s ease-in-out;

	}

	.nav_and_mail .nav_sec .cls-btn {

		width: 32px;

		height: 32px;

		position: absolute;

		top: 15px;

		right: 15px;

		cursor: pointer;

		background: url(../images/cross.png) no-repeat center;

	}

	.nav_and_mail .nav_sec ul {

		text-align: left;

	}

	.nav_and_mail .nav_sec ul>li {

		display: block;

		padding-bottom: 0;

		width: 100%;

		float: left;

		margin: 0;

	}

	.nav_and_mail .nav_sec ul>li+li {

		margin-left: 0;

	}

	.nav_and_mail .nav_sec ul>li a {

		color: #FFF;

		padding: 11px 15px;

		font-size: 15px;

		border-radius: 0;

	}

	.nav_and_mail .nav_sec ul li a:before {

		display: none;

	}

	.nav_and_mail .nav_sec ul>li:hover>a,

	.nav_and_mail .nav_sec ul>li.active>a {

		background: #0391c6;

		color: #FFF;

	}

	.nav_and_mail .nav_sec>ul>li>a:after,

	.nav_and_mail .nav_sec>ul>li>a:after {

		display: none;

	}

	.nav_and_mail .nav_sec img {

		display: inline-block;

		vertical-align: middle;

	}

	.nav_and_mail .nav_sec i {

		float: left;

		font-style: normal;

		color: #fff;

		line-height: 30px;

		font-size: 21px;

		font-weight: 600;

	}

	.nav_and_mail .nav_sec ul>li:hover ul {

		display: none;

	}

	.nav_and_mail .nav_sec ul>li ul {

		width: 100%;

		background: #197496;

		position: static;

		top: 100%;

		left: 0;

		text-align: left;

		display: none;

		float: left;

		border-radius: 0;

		padding: 0;

	}

	.nav_and_mail .nav_sec ul li ul li a {

		padding: 6px 35px;

		color: #fff;

	}

	.nav_and_mail .nav_sec ul ul>li:hover>a,

	.nav_and_mail .nav_sec ul ul>li.active>a {

		background: #1b72bf;

		color: #FFF;

	}

	.nav_and_mail .nav_sec ul li .arw-nav {

		width: 40px;

		height: 45px;

		position: absolute;

		right: 0;

		top: 0;

		z-index: 999;

		cursor: pointer;

		background: url(../images/arw.png) no-repeat center;

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

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

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

		transition: all 0.3s ease-in-out;

	}

	.nav_and_mail .nav_sec ul li .arw-nav.actv {

		-webkit-transform: rotate(180deg);

		-moz-transform: rotate(180deg);

		-o-transform: rotate(180deg);

		transform: rotate(180deg);

	}
}

	/*========================================================================================*/

	@media only screen and (max-width:840px) {}

	@media only screen and (max-width:767px) {

		.logo img {

			width: 40%;

			margin: 0 auto;

		}

		.topbar-right {

			justify-content: center !important;

		}

		.topbar-right .cta {

			padding-left: 28px;

			padding-right: 28px;

			font-size: 14px;

		}

	}

@media only screen and (max-width:575px) {
	.topbar-right .social-icons li a {
	    padding-right: 8px;
	}
	.topbar-right .cta {
	    padding-left: 15px;
	    padding-right: 15px;
	    font-size: 12px;
	}	
}