/*This css is updated for OE pages*/

.page-header.md-shadow-z-1-i.navbar.navbar-static-top.oe-header {
    padding: 0 !important;
}
#primary-menu ul { 
	box-shadow: none !important;
}
button.lines-button.x.close:focus {
    outline: none !important;
    background: transparent !important;
}
button.lines-button:focus {
    outline: none !important;
    background: transparent !important;
}
/*End  css is updated for OE pages*/


#top-header {
	color: #ffffff;
	width: 100%;
	/* text-align: right; */
	font-size: 15px;
	letter-spacing: 0;
	overflow: visible;
	position: relative;
	font-family: "Roboto", sans-serif;
	float: right;
	line-height: 32px;
	z-index: 9;
	background: #000000 !important;
	border-radius: 0;
	font-weight: normal;
	height: 40px;
	padding: 4px 4px;
}



nav#secondary {
	display: inline-block;
}

nav#secondary ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

nav#secondary ul li ul.dropdown-menu.dropdown-menu-right {
	right: 0;
	left: auto;
}

nav#secondary ul li:hover ul.dropdown-menu {
	display: block;
	border-radius: 0px;
}

nav#secondary ul li {
	position: relative;
}

nav#secondary ul li a {
	padding: 5px 10px;
	font-weight: 600;
}

nav#secondary ul li ul a {
	color: #ffffff;
	padding: 5px 10px;
	display: block;
	border-bottom: 1px solid #363636;
}

nav#secondary ul li ul.dropdown-menu {
	background: #030303;
}

nav#secondary li.active {
	background: #172c85;
}

nav#secondary ul ul li a:hover {
	padding: 5px 10px;
	background: #ffffff;
	color: #000000;
}

#top-header a {
	color: #ffffff;
	display: inline-block;
	text-transform: none;
	border-radius: 0;
	transition: 0.2s ease-in-all;
}

nav#top-header svg  {
	height: 17px;
	vertical-align: text-bottom;
	fill: #fff;
	/* margin-right: 2px; */
	line-height: 30px;
}
span.socialf a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
}
  footer svg {
	height: 17px;
	vertical-align: text-bottom;
	fill: #fff;
	margin-right: 0;
	line-height: 30px;
}
span.follow {
	/* margin-left: 10px; */
	/* float: right; */
	text-align: right;
}

nav#top-header .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

nav#top-header .container span {
	flex: auto 1 1;
}
span.contact_top a:hover {
    background: #fff;
    color: #000 !important;
}
span.follow {
	display: flex;
	align-items: center;
	justify-content: end;
	gap: 15px;
}

 

#top-header .follow a {
	display: flex;
	align-items: center;
	justify-content: center;
}

/*================== End Top Header ====================== */
/*================== Started Main Header   ====================== */
div#logo {
	/* text-align: left; */
	/* padding: 5px; */
	/* float: left; */
	/* width: 100%; */
	/* margin-top: 0; */
	/* position: relative; */
	/* z-index: 9; */
	/* background: #fff; */
}

#primary-menu {
	float: right;
	width: 100%;
	background: 0 0;
	border: 0;
	height: auto;
}

#header.full-header #primary-menu>ul {
	float: none;
	width: 100%;
	display: flex;
	justify-content: space-evenly;
}

#primary-menu ul {
	list-style: none;
	margin: auto;
	white-space: nowrap;
	border-radius: 0;
	/* box-shadow: none; */
}

#primary-menu>ul {
	float: left;
	width: 100%;
	text-align: right;
	padding: 0;
}

#primary-menu ul li {
	position: relative;
}

#primary-menu>ul>li {
	float: none;
	margin: 0;
	text-align: center;
	vertical-align: middle;
	display: inline-block;
	flex: 1 0 auto;
}

#primary-menu>ul>li:first-child {
	margin-left: 0;
	border-left: 0;
}

#primary-menu>ul>li:last-child {
	border-right: 0;
}

p.smallHeading {
	padding: 0 !important;
}

#primary-menu ul li>a {
	transition: all ease 0.5s;
	display: block;
	line-height: normal;
	padding: 7px 10px;
	color: #000000;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
	-webkit-transition: margin 0.4s ease, padding 0.4s ease;
	-o-transition: margin 0.4s ease, padding 0.4s ease;
	transition: margin 0.4s ease, padding 0.4s ease;
	transition: all ease 0.5s;
	margin: 0 2px;
	position: relative;
	/* text-transform: uppercase; */
	/* letter-spacing: 1px; */
	border-radius: 2px;
	border-radius: 4px;
	font-family: "Open Sans", sans-serif;
}

#primary-menu ul li>a i {
	position: relative;
	top: -1px;
	font-size: 14px;
	width: 16px;
	text-align: center;
	margin-right: 6px;
	vertical-align: top;
}

#primary-menu ul ul li {
	float: none;
	margin: 0;
	text-align: left;
	/* border-top: 1px solid #433428; */
}

#primary-menu ul ul li:first-child {
	border-top: 0;
}

#primary-menu ul ul li>a {
	color: #fff;
	padding: 7px 10px;
	border: 0;
	letter-spacing: 0;
	-webkit-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	white-space: nowrap;
	margin: 0;
	border-radius: 4px;
}

#primary-menu ul ul li>a i {
	vertical-align: middle;
}

#header,
#header-wrap,
#logo img {
	height: auto;
	-webkit-transition: height 0.4s ease, opacity 0.3s ease;
	-o-transition: height 0.4s ease, opacity 0.3s ease;
	transition: height 0.4s ease, opacity 0.3s ease;
}

#logo img {
	-webkit-transition: height 0.4s ease, opacity 0.3s ease;
	-o-transition: height 0.4s ease, opacity 0.3s ease;
	transition: height 0.4s ease, opacity 0.3s ease;
	border-radius: 0;
	width: auto;
	max-height: 88px;
	/* margin-top: 4px; */
	padding: 0;
	/* border: 1px solid #f3f3f3; */
	/* border-radius: 13px; */
}

#primary-menu ul ul li>a:hover,
#primary-menu ul ul li a:active {
	text-decoration: none !important;
	background: #7f0216 !important;
	color: #ffffff !important;
	/* padding-left: 12px; */
	transition: all ease 0.5s;
}

#primary-menu>ul>li>a:after {
	position: absolute;
	bottom: -3px;
	background: #ffffff !important;
	/* content:""; */
	left: 0;
	right: 0;
	height: 3px;
	transition: all ease 0.4s;
	width: 0;
	/* opacity:0; */
	/* visibility:hidden */
}

#primary-menu ul li>a:hover:after {
	transition: all ease 0.4s;
	width: 100%;
}

#primary-menu ul.dropdown-menu.dropdown-menu-right {
	left: auto;
	right: 0;
}

#primary-menu>ul>li:hover ul,
#primary-menu>ul>li:focus ul,
#primary-menu>ul>li>a:focus+ul {
	opacity: 1;
	visibility: visible;
	transition: all ease 0.5s;
	/* top: 100%; */
}

#primary-menu ul.dropdown-menu {
	background: #fff;
}

#primary-menu ul.dropdown-menu li a {
	/* color: #000; */
	white-space: nowrap;
	transition: all ease 0.5s;
}

#primary-menu ul li.sub-menu a span {
	transform: rotate(0deg);
	transition: all ease 0.5s;
}

#primary-menu ul li.sub-menu:hover a span,
#primary-menu ul li.sub-menu:active a span,
#primary-menu ul li.sub-menu:focus a span {
	transform: rotate(180deg);
	transition: all ease 0.5s;
}

.closemenu {
	float: left;
	margin-top: 33px;
}

.closemenu img,
#primary-menu-trigger img {
	max-width: 30px;
	height: auto;
}

#primary-menu>ul>li:hover>a,
#primary-menu>ul>li:focus>a,
#primary-menu>ul>li:hover>a,
#primary-menu>ul>li:focus>a {
	transition: all ease 1s;
	background: #7f0216 !important;
	color: #ffffff !important;
	text-decoration: none;
}

#primary-menu-trigger {
	display: none;
}

.dflex.portletsboxes .portlet {
	padding: 10px 0;
}

.row.dflex.portletsboxes .portlet {
	padding: 10px 0;
}

.row.dflex.portletsboxes>div {
	margin: 0;
}

.dflex.portletsboxes .portlet h1 {
	font-size: 24px;
}

#content .serviceTitle>p {
	font-size: 14px !important;
	margin: 0 !important;
}

.gt_switcher_wrapper {
	top: 0px !important;
	margin-left: -6px;
}

.bgimage1 {
	padding: 20px;
	text-align: center;
	min-height: 250px;
	display: grid;
	align-items: center;
	color: #fff;
	background-size: cover;
	background-position: center;
	position: relative;
}

#content .bgimage1 p.head1,
#content .bgimage2 p.head1 {
	font-size: 40px;
	color: #fff;
	line-height: normal;
}

.bgimage2 {
	padding: 20px;
	text-align: center;
	min-height: 250px;
	display: grid;
	align-items: center;
	color: #fff;
	background-size: cover;
	background-position: center;
	position: relative;
}

header#header.sticky-header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	box-shadow: 0 0 4px #727272;
	transition: all ease 0.5ms;
	z-index: 111;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3), 0 3px 2px transparent;
}

#top-header .follow a {
	transition: all ease 0.5s;
	/* display: inline-block; */
	width: 30px;
	height: 30px;
	margin-right: 5px;
	border-radius: 4px;
	background-color: #333;
	color: #fff;
	text-align: center;
	line-height: 30px;
	font-size: 16px;
	vertical-align: middle;
}

#top-header .follow a:hover,
#top-header .follow a:focus {
	/* background: transparent; */
	transition: all ease 0.5s;
	/* transform: rotate(360deg); */
	/* color: #000000; */
	outline: none;
	background-color: #4267b2;
}

span.contact_top a {
	padding: 0 10px;
	border-radius: 3px !important;
}

header#header.sticky-header #logo {
	margin-top: 0;
}

header#header.sticky-header #logo img {
	max-height: 60px;
	transition: all ease 0.5s;
	box-shadow: none;
}

header#header.sticky-header #header-wrap {
	/* padding: 5px 0; */
	float: left;
	width: 100%;
}

div#header-wrap {
	padding: 8px 0;
	background: #ffffff !important;
	float: left;
	width: 100%;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#647498+0,5e2d68+100 */
	/* background: linear-gradient(to bottom, #62608a 0%, #5e2d68 100%); */
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

#top-header a span+font,
#top-header span>font {
	margin-left: 5px;
}

#top-header a:after {
	/* content: ""; */
	width: 100%;
	height: 0;
	background: #000000;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: -1;
	transition: all ease 0.5s;
}

#top-header a:hover:after,
#top-header a:focus:after {
	height: 100%;
	transition: all ease 0.5s;
}

#top-header a:before {
	/* content: ""; */
	width: 100%;
	height: 0;
	background: #a6d03c;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	transition: all ease 0.5s;
}

#top-header a:hover:before {
	height: 100%;
	transition: all ease 0.5s;
}

/* for menu hover*/
#primary-menu>ul>li:before {
	/* content: ""; */
	width: 100%;
	height: 0;
	background: #780011;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	transition: all ease 0.5s;
	border-radius: 2px;
}

#primary-menu ul ul>li:before {
	/* content: ""; */
	width: 100%;
	height: 0;
	background: #780011;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	transition: all ease 0.5s;
	border-radius: 2px;
}

#primary-menu ul li:hover:before,
#primary-menu ul li:focus:before {
	height: 3px;
	transition: all ease 0.5s;
}

#top-header span.contact_top a:first-child {
	border: 0;
}

.bg-yellow-light {
	background: #fed429;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#faqs.faqs.faqpage .toggle.faq {
	margin-bottom: 15px;
}

/* css for line menu*/
.lines-button {
	cursor: pointer;
	background: transparent;
	padding: 0;
	border: 0;
	outline: none;
	outline: none !important;
	float: right;
	margin-top: 19px;
	margin-right: 10px;
}

.lines {
	display: inline-block;
	width: 25px;
	height: 0.3571428571rem;
	background: #be2227;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	transition: 0.35s;
	position: relative;
	background: #000000;
	/*create the upper and lower lines as pseudo-elements of the middle line*/
	float: right;
}

.close .lines {
	background: transparent;
}

.lines:before,
.lines:after {
	display: inline-block;
	width: 30px;
	height: 4px;
	background: #000000;
	-webkit-transition: 0.35s;
	-moz-transition: 0.35s;
	-ms-transition: 0.35s;
	transition: 0.35s;
	position: absolute;
	left: 0;
	content: "";
	-webkit-transform-origin: 0.1785714286rem center;
	-moz-transform-origin: 0.1785714286rem center;
	-ms-transform-origin: 0.1785714286rem center;
	transform-origin: 0.1785714286rem center;
}

.lines:before {
	top: 8px;
}

.lines:after {
	top: -8px;
}

.lines-button.x .lines:before,
.lines-button.x .lines:after {
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	transition: top 0.3s 0.1s ease, transform 0.3s ease;
}

.lines-button.x.close .lines {
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	-moz-transform: rotate3d(0, 0, 1, 90deg);
	-ms-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
}

.lines-button.x.close .lines:before,
.lines-button.x.close .lines:after {
	-webkit-transition: top 0.3s ease, transform 0.3s 0.1s ease;
	-moz-transition: top 0.3s ease, transform 0.3s 0.1s ease;
	-ms-transition: top 0.3s ease, transform 0.3s 0.1s ease;
	transition: top 0.3s ease, transform 0.3s 0.1s ease;
	top: 0;
	background: #000000;
	opacity: 1 !important;
}

.lines-button.x.close .lines:before {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	-moz-transform: rotate3d(0, 0, 1, -45deg);
	-ms-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
}

.lines-button.x.close .lines:after {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	-moz-transform: rotate3d(0, 0, 1, 45deg);
	-ms-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
}

button.lines-button.x.close {
	opacity: 1;
}

.lines-button span.menutext {
	text-indent: -99999px;
	opacity: 0;
	visibility: hidden;
	display: none;
}

#logo a {
	font-size: 26px;
	/* line-height: 92px; */
	font-weight: 700;
	color: #0a1523;
	display: block;
}
.copyright p {
    margin-bottom: 0;
}
/*Responsive*/

@media (min-width: 1200px) and (max-width: 1270px) {
	header .container {
		max-width: 1100px;
	}
}

@media (min-width: 1200px) {
	.middle_box {
		border-left: 1px solid #b9b9b9;
		float: left;
		width: 100%;
		/* text-align: center; */
		border-right: 1px solid #b9b9b9;
		padding: 0 43px;
	}

	#header.full-header #primary-menu>ul {
		justify-content: end;
	}

	header .container, footer .container {
		max-width: 1260px;
		width: 100%;
	}

	#primary-menu>ul>li {
		flex: inherit;
	}
}

@media (max-width: 1199px) {
	div#header-wrap .container {
		width: 100%;
		/* padding: 0; */
	}

	nav#top-header {
		width: 100%;
		border-radius: 0;
	}

	div#logo {
		padding: 0;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	header#header.sticky-header .menubar {
		margin-top: 10px !important;
	}
 

	div#logo h2 {
		font-size: 24px;
	}

	#logo img {
		max-height: 55px;
		/* padding: 10px 0; */
	}

	#top-header a {
		/* font-size: 13px; */
		letter-spacing: 0.5px;
	}
}

@media (min-width: 992px) {

	header .container>div,
	header .container-fluid>div {
		flex: auto 1 1;
	}

	header .container,
	header .container-fluid {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.menubar {
		/* background: transparent; */
		/* float: right; */
		/* margin-top: 0; */
		/* display: flex; */
		/* justify-content: flex-end; */
	}

	#primary-menu ul.dropdown-menu {
		background: #000000;
		opacity: 0;
		visibility: hidden;
		transition: all ease 0.5s;
		display: block;
		top: 100%;
		z-index: 9999999999 !important;
		left: 2px;
		width: auto;
		min-width: 158px;
		/* background: url(../images/brown-pattren-header.png) center center repeat; */
		background: #ffffff !important;
		color: #ffffff !important;
		/* outline: 0px !important; */
		/* box-shadow: 0 0 15px #d31f2f; */
		/* border-radius: 4px; */
	}

	.lines-button {
		display: none;
	}

	#primary-menu ul.dropdown-menu li a {
		color: #000000;
		/* border-bottom: 1px solid transparent; */
		white-space: normal;
	}

	#header {
		z-index: 999;
		float: left;
		width: 100%;
		transition: all ease 0.5ms;
		/* border: 0; */
	}

	header#header.sticky-header>#primary-menu>ul>li>a {
		padding: 30px 0;
	}

	header#header.sticky-header .menubar {
		margin-top: 10px;
	}

	#primary-menu>ul>li.sub-menu:hover>.dropdown-menu,
	#primary-menu>ul>li.sub-menu>a:focus+.dropdown-menu {
		/* display: block; */
	}
}

@media (max-width: 991px) {
	#primary-menu-trigger {
		display: block;
	}

	#primary-menu ul li.sub-menu.active a span {
		transform: rotate(180deg) !important;
		transition: all ease 0.5s;
	}

	#primary-menu ul li.sub-menu a span {
		transform: rotate(0deg) !important;
		transition: all ease 0.5s;
	}

	div#logo {
		float: left;
		/* width: calc(100% - 73px); */
		/* text-align: center; */
		/* padding: 0; */
	}

	.menubar {
		display: none;
	}

	#primary-menu ul.dropdown-menu {
		visibility: visible;
		opacity: 1;
		position: relative;
		width: 100%;
		border-radius: 0;
		box-shadow: none;
		background: transparent;
		max-width: 100%;
		display: block;
	}

	#primary-menu ul.dropdown-menu li a {
		padding-left: 24px;
		/* color: #ffffff; */
	}

	#primary-menu>ul li.sub-menu {
		position: relative;
	}

	#primary-menu>ul>li:hover div.sunmenus ul {
		position: relative;
		top: 0;
		background: transparent;
		box-shadow: none;
		width: 100%;
	}

	#header.full-header #primary-menu>ul {
		float: none;
		width: 100%;
		display: block;
		padding: 0;
	}

	#primary-menu>ul li a {
		/* color: #ffffff; */
		font-size: 15px;
		border-radius: 0;
		font-weight: 600;
		white-space: normal;
		margin: 0;
		border: 0;
		border-radius: 0;
	}

	#primary-menu ul ul li>a {
		color: #000;
	}

	header#header.sticky-header #primary-menu>ul>li>a {
		background-image: none;
		border-bottom: 1px solid #eee;
		border: 0 !important;
	}

	#primary-menu>ul>li>a {
		padding: 10px;
	}

	#top-header {
		/* text-align: right; */
		/* margin-top: 10px; */
	}

	header#header.sticky-header #logo img {
		/* max-width: 215px; */
		padding: 0;
		border: 0;
	}

	div#top-heade {
		border-bottom: 1px solid #ccc;
	}

	#primary-menu {
		background: 0 0;
	}

	.primary-menu-open .menubar {
		left: 0;
		transition: all ease 0.5s;
		margin-top: 0;
	}

	#header .menubar .container {
		width: 100% !important;
	}

	div#top-heade .social {
		display: none;
	}

	#primary-menu ul ul ul.dropdown-menu {
		padding: 0;
		padding-left: 10px;
	}

	#primary-menu li.sub-menu .submenu {
		position: absolute;
		right: 0;
		color: #fff;
		width: 30px;
		height: 40px;
		top: 0;
		text-align: center;
		line-height: 39px;
		background: #eaaa00;
		border: 0;
	}

	#primary-menu ul li i {
		position: absolute;
		top: 0;
		font-size: 14px;
		width: auto;
		text-align: center;
		margin-right: 6px;
		vertical-align: middle;
		background: 0 0;
		padding: 5px 10px;
		right: -5px;
		z-index: 99999;
		color: #fff;
		font-size: 24px;
	}

	.dropdown-menu>li>a {
		display: block;
		padding: 8px 5px;
		white-space: normal;
	}

	.menubar {
		float: left;
		position: static;
		width: 100%;
		overflow: auto;
		top: 0;
		max-height: calc(100vh - 179px);
		max-width: 100%;
		/* background: #2e4978; */
		padding: 5px;
		margin-top: 0;
		border-radius: 4px;
	}

	.primary-menu-open .menubar {
		transition: all ease 0.5s;
		z-index: 9999999999;
		box-shadow: 0 0 8px #a1a1a1;
	}

	#primary-menu>ul>li {
		float: left;
		display: block;
		text-align: left;
		width: 100%;
		flex: 100%;
		border-top: 1px solid #bbbbbb;
		padding: 0;
	}

	#logo img {
		display: inline;
		max-width: 100%;
		float: none;
		box-shadow: none;
		max-height: 45px;
		width: auto;
		margin: 0;
		padding: 0;
	}

	#primary-menu-trigger img {
		max-width: 30px;
		height: auto;
	}

	#primary-menu-trigger {
		opacity: 1;
		position: static;
		top: 17px;
		z-index: 99999999999;
		left: 0;
		float: left;
		margin-top: 28px;
	}

	div#logo h1 {
		font-size: 30px;
		color: #1e6da5;
		padding: 20px 0;
		text-align: center;
	}
}

@media (max-width: 767px) {
	#top-header span.contact_top a {
		/* background: #000000; */
		/* color: #000000; */
		font-size: 16px;
		padding: 0px 15px;
		/* border-right: 1px solid #d18100; */
		text-transform: uppercase;
	}

	#top-header span.contact_top a:last-child {
		border: 0;
	}

	div#slider-arrow-left,
	div#slider-arrow-right {
		/* bottom: 0; */
		/* top: auto; */
	}

	#top-header a,
	#top-header .follow a {
		/* padding: 5px 9px; */
		text-transform: none;
		font-size: 18px;
		font-size: 15px;
	}

	#top-header {
		text-align: right !important;
		/* font-size: 14px; */
		/* padding: 5px 0; */
	}
}

/*=========================== Ends Header File Ends====================== */

/*=========================== Start Footer File ====================== */
.fotercontent .footer-logo {
	border: 10px solid #fff;
	border-radius: 7px;
}

.footer {
	position: relative;
	float: left;
	width: 100%;
	padding: 70px 0;
	font-weight: 600;
	/* font-family: 'Roboto Condensed', sans-serif; */
	/* border-top: 5px solid #f6d6d6; */
	background: #000000 !important;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#862e16+1,66130b+42,66130b+58,66130b+58,390b06+100 */
	/*background: url(../images/brown-pattren-footer.png) center center repeat; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	z-index: 1;
	margin-top: 0;
	/* box-shadow: 0px 2px 7px 5px #e8e8e8a8; */
}

h4.hfooter {
	text-align: center;
	color: #ad8772;
	text-transform: uppercase;
	margin-top: 30px;
	display: block;
	margin-bottom: 20px;
}

.footer h4 {
	color: #fff;
	margin-bottom: 15px;
	margin-top: 0;
	font-size: 25px;
}

footer.footer .footertop a,
footer.footer .footertop span {
	color: #fff;
	border-color: #fff !important;
}

.footertop.white-skin,
.footertop.white-skin h4,
.footertop.white-skin p,
.footertop.white-skin h4 a,
.footertop.white-skin p a,
.footertop.white-skin a span.fa {
	color: #fff;
}

.footertop.white-skin a:hover {
	color: #fff !important;
}

.footertop.black-skin,
.footertop.black-skin h4,
.footertop.black-skin p,
.footertop.black-skin h4 a,
.footertop.black-skin p a,
.footertop.black-skin a span.fa {
	color: #000;
}

.footertop.black-skin a:hover {
	color: #fff;
}

.footertop a:hover {
	color: #fff !important;
	text-decoration: underline !important;
}

.footerbox p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
}

.footerbox {
	display: block;
	width: 100%;
	float: left;
}

.socialf {
	font-size: 18px;
	margin: 0;
	display: flex;
	text-align: center;
	align-items: center;
	/* justify-content: center; */
}

.socialf a:hover {
  background-color: #ffffff; /* change to the color of your choice */
}

.socialf a {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin-right: 5px;
  border-radius: 4px;
  /* background-color: #333; */
  color: #fff;
  text-align: center;
  line-height: 30px;
  font-size: 16px;
  transition: all 0.3s ease;
}

#copyrights {
	text-align: center;
}

ul.social_footer {
	float: left;
	width: 100%;
	list-style: none;
}

ul.social_footer li {
	display: inline-block;
}

ul.social_footer li a {
	color: #a2a4a4;
	padding: 0 15px 0 0;
	font-size: 20px;
	display: inline-block;
}

.footer a:hover {
	color: #2358a0;
	/* padding-left: 3px; */
	/* transition: all ease 0.5s; */
}

.socialf a {
	line-height: normal;
	font-size: 16px;
	padding: 5px;
}

.footertop {
	background: #fede0247;
	padding: 15px 0;
	text-align: center;
	font-size: 16px;
	color: #000000;
	/* border-bottom: 1px solid #202a32; */
	float: left;
	width: 100%;
	font-family: "Roboto", sans-serif;
	font-weight: 600;
	border-bottom: 1px solid #3b3b3b;
}

article.footertop span.fa {
	color: #fff;
}

.footertop h4 {
	font-size: 30px;
	color: #000;
}

.footertop a {
	color: #000000;
}

.footertop.uppergrid {
	background: #1b5b7a;
	color: #fff;
}

.text-white {
	color: #fff !important;
}

.footertop.uppergrid p {
	color: #fff !important;
}

.middlebar {
	border-left: 1px solid #0e394e;
	border-right: 1px solid #0e394e;
}

.footer a {
	/* font-weight: 500; */
	word-break: break-word;
	/* transition: all ease 0.5s; */
	/* padding: 3px; */
}

article.footertop.white-skin h1,
article.footertop.white-skin h1 a {
	color: #fff;
	font-size: 30px;
}

.footertop h4 {
	font-size: 30px;
	color: #000000;
	margin: 8px 0 !important;
	text-transform: uppercase;
	font-weight: bold;
	/* background: linear-gradient(270.27deg, #F44336 25.57%, #fede01 45.03%, #EF5277 57.97%, #F58244 70.65%); */
	/* -webkit-background-clip: text; */
	/* -webkit-text-fill-color: transparent; */
	/* background-clip: text; */
	text-fill-color: transparent;
}

.footertop a:hover {
	color: #000000 !important;
	text-decoration: none !important;
}

footer.footer h2 {
	color: #ffffff;
	/* font-family: 'play', sans-serif; */
}

article.footertop h1 {
	color: #fff !important;
}

footer img {
	max-width: 100%;
	height: auto;
	border-radius: 4px;
}
footer .rt img {
    max-width: 100%;
}
span.social_footer a {
	padding: 10px 4px 10px 8px;
	font-size: 18px;
}

.footer.light .socials a.fb:hover {
	transition: all ease 0.5s;
	background: purple;
	color: #fff !important;
	padding-left: 0;
}

.footermenu {
	float: left;
	width: 100%;
	padding-top: 20px;
	margin-top: 30px;
	border-top: 1px solid #a9a9a9;
	padding-bottom: 10px;
}

.footer.dark,
.footer.dark p,
.footer.dark a,
.footer.dark ul li a {
	color: #ffffff !important;
	letter-spacing: 0px;
	font-weight: normal;
	transition: all ease 0.5s;
}
.flogo {
    padding: 5px;
    background: #fff;
    border-radius: 4px;
}

footer:before {
	width: 100%;
	height: 100px;
	/* content: ""; */
	position: absolute;
	background: #00acee;
	left: 0;
	right: 0;
	top: -99px;
	background: #2a3036;
	clip-path: ellipse(50% 42% at 50% 100%);
	clip-path: polygon(100% 58%, 0% 100%, 100% 100%);
}

.footer.dark a:hover,
.footer.dark ul li a:hover {
	/* color: #009603 !important; */
}

.footer.dark h1,
.footer.dark h2,
.footer.dark h3 {
	font-size: 20px !important;
	letter-spacing: 0;
	text-transform: none;
	font-weight: normal;
	color: #ffffff;
	margin-top: 0;
	text-transform: uppercase;
	/* border-left: 4px solid #fff; */
	/* padding-left: 10px; */
	margin-bottom: 20px;
}

.footer.light {
	color: #ffffff !important;
	background: #ffffff;
}

.footer.light,
.footer.light p,
.footer.light a,
.footer.light ul li a {
	color: #000000 !important;
}

.footer.light a:hover,
.footer.light ul li a:hover {
	color: #18307f !important;
	text-decoration: none !important;
}

.footer.light h1,
.footer.light h2,
.footer.light h3 {
	color: #000000;
	text-transform: uppercase;
	font-size: 20px;
}

.footer.light #copyrights a {
	color: #fff !important;
}

.footer.light #copyrights p {
	color: #fff !important;
}

a.fbfooter span {
	font-size: 25px;
	vertical-align: middle;
}

footer h2 {
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0;
	font-size: 22px !important;
}

.footer.dark span.social_footer a:hover {
	padding: 10px 4px 10px 8px;
}

footer.footer.dark span.fa+font,
footer.footer.dark span.fa>font {
	margin-left: 5px;
}

footer.footer h4 {
	color: #000000;
	font-size: 18px;
	font-weight: normal;
}

.footer.dark a:hover,
.footer.dark ul li a:hover,
.footer.dark a:active,
.footer.dark ul li a:focus {
	color: #ff6064 !important;
	/* padding-left: 4px; */
	transition: all ease 0.5s;
	/* text-decoration: underline!important; */
	/* padding-left: 2px; */
}

footer hr {
	margin-top: 8px;
	margin-bottom: 8px;
	border-top: 1px solid #2a2a2a;
}

.footerNav {
	text-align: center;
	border-top: 1px solid #000000;
	float: left;
	width: 100%;
	padding: 5px 0;
	border-bottom: 1px solid #000000;
}

.footerNav ul {
	text-align: center;
	margin: 0;
	padding: 0;
	display: block;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
}

.footerNav ul li {
	display: inline-block;
}

.footerNav ul li a {
	padding: 10px 10px;
	float: none;
	border-radius: 4px;
	margin: 0 5px;
	text-decoration: none !important;
	display: inline-block;

	font-weight: bold !important;
}

.footer.dark .footerNav ul li a:hover {
	background: #a4d13d !important;
	text-decoration: none !important;
	color: #000000 !important;
}

footer .media span {
	font-size: 22px;
	vertical-align: middle;
	margin-left: 4px;
}

footer .media {
	margin-top: 15px;
}

.social_footer a {
	font-size: 20px;
}

footer:before {
	width: 100%;
	height: 100px;
	/* content: ""; */
	position: absolute;
	background: #00a46c;
	left: 0;
	right: 0;
	top: -99px;
	/* background: #3e7958; */
	clip-path: ellipse(50% 42% at 50% 100%);
	clip-path: polygon(100% 58%, 0% 100%, 100% 100%);
}

footer a:hover {
	background: transparent;
	/* border-radius: 4px; */
}

.footer_widget3 span.fa {
	color: #000000;
	margin-right: 7px;
	font-size: 18px;
}

article.fotercontent {
	padding: 0;
	display: block;
	float: left;
	width: 100%;
	/* color: #fff; */
}

article.fotercontent p {
	color: #fff;
	/* font-weight: 500; */
	font-size: 16px;
	/* font-weight: normal; */
	font-family: "Open Sans", sans-serif;
}

article.fotercontent iframe {
	/* padding: 5px; */
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.6);
	border-radius: 4px;
	background: #fff;
}

.socialf a {
	/* font-size: 25px; */
}

.socialf a {
	color: #fff;
}

ul.fnav {
	margin: 0;
	padding: 0;
	text-align: left;
}

ul.fnav li {
	list-style: none;
	display: block;
	/* text-align: center; */
	position: relative;
}

ul.fnav li a {
	color: #fff;
	padding: 4px 3px;
	float: left;
	width: 100%;
	text-transform: capitalize;
	border-left: 0;
	position: relative;
	letter-spacing: 1px;
	font-family: "Open Sans", sans-serif;
	/* font-weight: normal; */
	/* transition: all ease 0.5s; */
	vertical-align: middle;
}

ul.fnav li a:after {
	content: "";
	transition: all ease 0.5s;
	opacity: 0;
	/* margin-left: -10px; */
	display: none;
}

ul.fnav li a:hover:after {
	content: "\f0da";
	transition: all ease 0.5s;
	font-family: "FontAwesome";
	margin-left: 5px;
	transition: all ease 0.5s;
	opacity: 1;
}

ul.fnav li a:before {
	/* content: ""; */
	width: 0;
	height: 0;
	display: inline-block;
	margin-right: 9px;
	vertical-align: middle;
	border-left: 6px solid #000000;
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
}
.copyright {
    float: left;
    width: 100%;
    text-align: center;
    font-size: 14px;
    padding: 20px 0 0;
    border-top: 1px solid #404040;
    margin-top: 20px;
}

span.contact_info_footer a {
    display: block;
}

span.contact_info_footer a svg {
    width: 13px;
    fill: #ffffff;
}

/*Responsive*/
@media (min-width: 992px) and (max-width: 1199px) {
	.container {
		width: 100%;
		padding: 0 20px;
	}
}

@media (max-width: 991px) {
	ul.fnav li a {
		font-size: 16px;
		padding: 7px 0;
		font-weight: 600;
		text-align: left;
	}
}

@media (max-width: 767px) {

	.footer.dark h1,
	.footer.dark h2,
	.footer.dark h3 {
		letter-spacing: 1px;
	}

	footer.footer h2 {
		margin-top: 20px;
		letter-spacing: 1px;
	}

	.footertop h4 a {
		display: block;
	}

	.footertop h4 {
		font-size: 18px;
		letter-spacing: 1px;
	}

	.footer h4 {
		margin-top: 20px;
	}

	.footer h4 {
		margin-top: 20px;
	}

	article.fotercontent {
		padding: 0px 0 30px;
	}
}