
* {

	font-family: 'Cairo', sans-serif;
	user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none; 

}

body::-webkit-scrollbar {
  width: 4px;
}
 
body::-webkit-scrollbar-track {
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.0);
}
 
body::-webkit-scrollbar-thumb {
  background-color: #0d3f89;
  outline: 1px solid slategrey;
}

.sitelogo {

	max-width: 76px;

	margin-left: 10px;

	z-index: 999;

}
.site-header3{
	padding: 15px;
	background: #0d3f89;
}

.site-header2 {

	background-color: #fff;
/*
	padding: 10px 0;*/

}

.site-header {

	background-color: #a3c853;

	padding: 5px 0;

}

.sitenav {

	z-index: 99;

	position: fixed;

	top: 0;

	left: -310px;

	background-color: #fff;

	overflow-y: scroll;

	height: 100%;

	width: 200px;

	padding: 20px;

	-webkit-transition: left 500ms ease-out;

	-moz-transition: left 500ms ease-out;

	-o-transition: left 500ms ease-out;

	transition: left 500ms ease-out;

}

.sitenav ul li {

	display: block;

	list-style-type: none;

	margin: 20px 0;

	border-bottom: 1px solid #115187;

}

.sitenav ul li a {

	display: block;

	color: #0d3f89;

	font-size: 14px;

	text-decoration: none;

	font-weight: 700;
	text-transform: uppercase;

}

.sitenav .dropdown li {

	border: none!important;

}

.sitenav ul .li-logo{

	display: none;
}
	.sticky {

		position: fixed;

		top: 0;

		left: 0;

		padding: 1px 0;

		right: 0;

		z-index: 100;

		box-shadow: 0px 0px 5px gainsboro;

		width: 100%;

		background-color: #fff;

		animation-name: example;

		animation-duration: 1s;

		transition: top 500ms ease-in;

	}

	@keyframes example {

		0% {

			top: -100px;

		}

		100% {

			top: 0px;

		}

	}
.sticky .sitenav ul .li-logo{

	display: inline-block;
}
.sticky .sitenav ul .li-logo img{
	width:100px!important;
}
.sitenav ul li a:hover {

	color: #a3c853;

}
.sitenav ul li a.active{
	color: #a3c853;
}

.topp-header ul li strong {
	font-size: 22px;
} 
.topp-header ul li {

	list-style-type: none;

	display: inline-block;

	margin: 0 5px;

	color: #000;

	text-transform: capitalize;

}

.topp-header ul li a {

	text-decoration: none;

	font-size: 18px;

	text-decoration: none;

	display: inline-block;
	font-size: 14px;

	color: #0d3f89;

	text-align: center;

	padding: 1px;
	font-weight: 700;

}

/*.topp-header ul li:nth-child(2) a:hover{
	color: #6610f2;
	border:1px solid #6610f2;
	background-color: #fff;
}

.topp-header ul li:nth-child(3) a:hover{
	color: #17a2b8;
	border:1px solid #17a2b8;
	background-color: #fff;
}
.topp-header ul li:nth-child(4) a:hover{
	color: red;
	border:1px solid red;
	background-color: #fff;
}*/

.topp-header ul li a img {

	width: 30px;

}

.topp-header2 {} .topp-header2 ul li p {

	font-size: 14px;

	color: #2F2481;

	margin: 0;

}

.topp-header2 ul li {

	list-style-type: none;

	display: inline-block;

	font-size: 14px;

}

.topp-header2 ul li:nth-child(1) {

	margin-right: 0;

}

.topp-header2 ul li a {

	text-decoration: none;

	display: block;

	padding: 10px;

	color: #fff;

	background-color: #256CA1;

	text-align: center;

	width: 150px;

	margin: 0 auto;

}

.topp-header2 ul li a:hover {

	background: #ED7C00;

}

.humbergarBtn {

	width: 35px;

	height: 25px;

	position: absolute;

	top: -10px;

	bottom: 0;

	right: 15px;

	margin: auto;

}

.humbergarBtn span {

	width: 30px;

	height: 2px;

	background-color: #256CA1;

	border-radius: 3px;

	position: absolute;

}

.humbergarBtn span:nth-child(1) {

	top: 7px;

	width: 27px;

	left: 6px;

	-webkit-transition: transform 500ms ease-out;

	-moz-transition: transform 500ms ease-out;

	-o-transition: transform 500ms ease-out;

	transition: transform 500ms ease-out;

}

.humbergarBtn span:nth-child(2) {

	top: 14px;

	width: 14px;

	left: 6px;

	-webkit-transition: left 1000ms ease-out;

	-moz-transition: left 1000ms ease-out;

	-o-transition: left 1000ms ease-out;

	transition: left 1000ms ease-out;

}

.humbergarBtn span:nth-child(3) {

	top: 22px;

	width: 27px;

	left: 6px;

	-webkit-transition: transform 500ms ease-out;

	-moz-transition: transform 500ms ease-out;

	-o-transition: transform 500ms ease-out;

	transition: transform 500ms ease-out;

}

.humbergarBtn.close span:nth-child(1) {

	top: 7px;

	width: 27px;

	left: 6px;

	-webkit-transform: rotate(-45deg);

	-moz-transform: rotate(-45deg);

	-ms-transform: rotate(-45deg);

	-o-transform: rotate(-45deg);

	transform: rotate(-45deg);

	-webkit-transition: transform 500ms ease-out;

	-moz-transition: transform 500ms ease-out;

	-o-transition: transform 500ms ease-out;

	transition: transform 500ms ease-out;

}

.humbergarBtn.close span:nth-child(2) {

	top: 14px;

	width: 14px;

	left: 1000px;

	-webkit-transition: left 1000ms ease-out;

	-moz-transition: left 1000ms ease-out;

	-o-transition: left 1000ms ease-out;

	transition: left 1000ms ease-out;

}

.humbergarBtn.close span:nth-child(3) {

	top: 7px;

	width: 27px;

	-webkit-transform: rotate(45deg);

	-moz-transform: rotate(45deg);

	-ms-transform: rotate(45deg);

	-o-transform: rotate(45deg);

	transform: rotate(45deg);

	-webkit-transition: transform 500ms ease-out;

	-moz-transition: transform 500ms ease-out;

	-o-transition: transform 500ms ease-out;

	transition: transform 500ms ease-out;

}

.sitenav.addSlide {

	left: 0px;

	-webkit-transition: left 500ms ease-out;

	-moz-transition: left 500ms ease-out;

	-o-transition: left 500ms ease-out;

	transition: left 500ms ease-out;

}

/*end of header*/

.footer-sec {

	width: 100%;

	background-color: #fff;

	color: #fff;

	padding: 5px 0;

}

.footer-sec p {

	margin: 0;

	font-size: 14px

}

.sitelogo::before {

	display: none;

}

.sitenav::after {

	display: none;

}

.footer-sec a {

	text-decoration: none;

	display: block;

	font-size: 14px;

	color: #fff;

	text-align: center;

}

/*start of footer*/

.footer-sec {

	width: 100%;

	background: #fff;

	text-align: center;

}

.footer-sec h2 {

	font-size: 22px;

	color: #000;

	font-weight: 600;

	text-transform: uppercase;

}

.footer-sec h4 {

	color: #000;

	font-size: 22px;

}

.footer-sec ul li {

	list-style-type: none;

	color: #000;

	margin: 10px 0;

}

.footer-sec ul li a {

	text-decoration: none;

	color: #000;

	font-size: 14px;

}

.footer-sec ul li a:hover {

	color: #ED7C00;

	text-decoration: none;

}

.footer-sec p {

	color: #000;

	font-size: 14px;

	margin-bottom: 0;

}

.footer-bottom {

	width: 100%;

	background-color: #fff;

}

.footer-bottom p {

	font-size: 14px;

	color: #0d3f89;

	text-align: center;

}

.footer-bottom a {

	text-decoration: none;

	display: block;

	font-size: 16px;

	color: #0d3f89;

	padding-bottom: 15px;

}

.footerulll {

	text-align: center;

}

.footerulll li {

	list-style-type: none;

	display: inline-block;

	margin: 0 5px;

	text-align: center;

}

.get-touch ul li {

	list-style-type: none;

	display: inline;

	margin: 0 -2px

}

.footer-ul {

	height: 40px;

}

.get-touch ul li {

	list-style-type: none;

	display: inline-block;

	margin: 0 4px

}


.get-touch ul li a {

	width: 30px;

	height: 30px;

	background-color: #11232E;

	border-radius: 50%;

	padding: 4px;

	text-align: center;

	border: 2px solid #FC9040;

	color: #fff;

}

.footer-ul .fa {

	font-size: 16px;

}

.footer-ul .fa:hover {

	color: #ED7C00;

}

/*end of footer*/

.footerulll li:nth-child(1) a:hover {

	color: #6610f2;

}

.footerulll li:nth-child(2) a:hover {

	color: #28a745;

}

.footerulll li:nth-child(3) a:hover {

	color: #17a2b8;

}

.footerulll li:nth-child(4) a:hover {

	color: #dc3545;

}


.bottomtotop i {
  width: 40px;
  height: 40px;
  line-height: 40px;
  position: fixed;
  font-size: 14px;
  text-align: center;
 background: #0d3f89;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  transform: rotate(-90deg);
  bottom: 15px;
  right: 15px;
  box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.2);
  z-index: 999;
  transition: all linear 0.3s;
}
.footer-bootom .container{
	background: #0d3f89;
	padding: 15px;
}
.ftrWrap h3{
	color: #0d3f89;
	font-size: 22px;
	font-weight: 700;
}
.ftrWrap p{
	color: #0d3f89;
	font-size: 16px
}
.ftrWrap{
	background: #f2f2f5;
	padding: 40px;
}
.footer-mid{
	padding: 40px 0;
}
@media(min-width: 576px) {

}
@media(min-width: 768px) {

	.site-header {

		padding: 40px 0;

	}

	.sticky {

		position: fixed;

		top: 0;

		left: 0;

		padding: 1px 0;

		right: 0;

		z-index: 100;

		box-shadow: 0px 0px 5px gainsboro;

		width: 100%;

		background-color: #fff;

		animation-name: example;

		animation-duration: 1s;

		transition: top 500ms ease-in;

	}

	@keyframes example {

		0% {

			top: -100px;

		}

		100% {

			top: 0px;

		}

	}

	.sticky .sitenav ul li a {

		color: #0d3f89;

	}

	.sticky .sitenav ul li a:hover {

		color: #a3c853;

	}
	.sticky .sitenav ul li a.active {

		color: #a3c853;

	}
	.site-header {

		padding: 0;

	}
	.sitelogo {
		max-width: 140px;
	}
	.top-header ul li {

		font-size: 16px;
		display: inline-block;
		color: #0d3f89;
		list-style-type: none;

	}

	.top-header ul li a {

		width: 30px;

		height: 30px;
		display: block;

		background-color: #fff;

		border-radius: 50%;

		padding: 2px;

		text-align: center;

		border: 2px solid #e6edef;

		color: #000;
	}
	.top-header2 ul li{
		display: block;
		list-style-type: none;
		color: #0d3f89;
	}

	.sitelogo {

		margin: 0 auto;

	}

	.sitenav {

		position: static;

		background-color: transparent;

		width: 100%;

		overflow-y: visible;

		height: auto;

		padding: 0;

	}

	.sitenav ul li {

		display: inline-block;

		margin: 5px 4px;

		border: none;

	}
	.sticky .sitenav ul li{
		margin: 5px -4px;
	}

	.sitenav ul li a {

		font-size: 16px;

		position: relative;

		padding: 15px 10px;

		color: #0d3f89;

	}

	.sitenav ul li a:hover {
		color: #fff;
		padding: 15px 10px;
	} 
	.sitenav ul li a.active {
		color: #fff;
		padding: 15px 10px;
	}

	.topp-header {

		display: block;

	}

	.hasDropdown {

		position: relative;

	}

	.dropdown li {

		list-style-type: none;

		border: none!important;

	}

	ul.dropdown li a {

		text-decoration: none;

		color: #fff;

	}

	.dropdown {

		transition: 1s ease;

	}

	ul.dropdown {

		display: none;

		position: absolute;

		padding: 20px 0;

		width: 250px;

		top: 20px;

		left: -10px;

		perspective: 1000px;

	}

	.sitenav .dropdown li {

		list-style-type: none;

		display: block;

		width: 100%;

		padding-top: 5px;

		padding-bottom: 5px;

		background-color: #fff;

		padding-left: 5px;

		margin: 0 7px;

		color: #fff;

		border-bottom: 1px solid #000;

	}

	ul li:hover ul {

		display: block;

		z-index: 99999;

		transform: translateY(0);

	}

	.dropdown li:hover {

		background-color: #2F2F2F!important;

		color: #fff;

		transition: 0.3s ease-in;

		border: none;

	}

	ul.dropdown li a {

		text-decoration: none;

		display: block;

		text-align: left;

		color: #FC9040;

		font-size: 14px !important;

	}

	ul.dropdown li a:hover {

		color: #FC9040;

		transition: 0.3s ease-in;

	}

	/*end of header*/

	.footer-sec a {

		text-align: left;

	}

	.footer-sec {

		text-align: left;

	}

	.footer-bottom p {

		font-size: 16px;

	}

	.newsletter {

		padding: 5px 13px;

	}

	.btn-know-more2 {

		margin: -27px;

	}
	.ftrWrap p {
    	font-size: 22px;
	}

}

@media(min-width: 992px) {

	.get-touch ul li {

		margin: 0px 2px

	}

	.topp-header2 ul li:nth-child(1) {

		margin-right: 50px;

	}
	.sitenav ul li {
    margin: 5px 3px;
	}

	.sitenav ul li a{
    	font-size: 12px;
	}

	ul.dropdown li a {
		font-size: 12px!important
	}
	.sticky .sitenav ul li {
    	margin: -1px 0px;
	}
	.sticky .sitenav ul li a{
    	font-size: 12px;
	}

}

@media(min-width: 1200px) {

	.sitenav ul li {

		margin: -1px 8px;

	}
	.sitenav ul li a{
    	font-size: 16px;
	}
	ul.dropdown li a {
		font-size: 14px!important
	}
	.sticky .sitenav ul li a{
    	font-size: 14px;
	}

	.sitelogo::before {

		top: 20px;

		left: -100px;

		width: 50%;

	}

	.newsletter {

		padding: 5px 25px;

	}

	.btn-know-more2 {

		margin: -5px;

	}
	.sticky .sitenav ul li {
    	margin: 0px 7px;
	}

}

@media(min-width: 1400px) {

	.sitenav ul li a{

		font-size: 16px;

	}
	.sitenav ul li {

		margin: -1px 24px;

	}
	.sticky .sitenav ul li {
    	margin: -1px 13px;
	}
	.sticky .sitenav ul li a{
    	font-size: 16px;
	}

	.container {

		max-width: 1360px!important;

	}
	.sticky .sitenav ul li:nth-child(1) img {
    	width: 80px!important;
	}

}