@import url("https://app.smartcontext.ai/default/https://www.equalityadvisoryservice.com/euf/assets/version2/yellow.css");


footer {background: var(--darkblue) !important;font: normal normal 300 16px/40px;font-family: 'Source Sans 3', sans-serif;padding: 40px 0;color:var(--white) }
.phn {margin:0px 10px 0px 0px;width: 20px;} 
#footer a {color:var(--white);}
#footer ul.links a:hover {text-decoration:underline!important;}
footer ul li { list-style-type: none;  margin: 0px;  padding: 0px;}
.intro {line-height:30px}
#footer h4{font: normal normal 600 20px/30px;font-family: 'Source Sans 3', sans-serif;margin:0px;color:var(--white)}
footer h4:after {content: '';display: block;margin: 12px 0px 0px 0px;width: 48px;border-top: 4px solid var(--lightblue);	-webkit-transition: width .3s ease;	-o-transition: width .3s ease;
transition: width .3s ease;border-radius: 10px;}
footer ul, footer p{margin:20px 0px 0px 0px;line-height:40px;  font-size: 16px;}
footer .topmargin-sm {    margin-top: 25px !important;} 
.themeBg {    margin: 5px 0px 0px 0px;}

/* Social Icons*/
.social-icon {display: block;float: left;margin: 4px 11px 7px 0;text-align: center !important; color: var(--white);	cursor: pointer;font-style: normal;   overflow: hidden;}
.si-rounded { border-radius: 5px; width: 32px;height: 32px;font-size: 20px;line-height: 30px !important; } 
.social-icon i, .social-icon img {display: block;position: relative; -webkit-transition: all .3s ease;-o-transition: all .3s ease;transition: all .3s ease;}
.social-icon.si-rounded:hover i:first-child, .social-icon.si-rounded:hover img:first-child { margin-top: -30px; } 
.si-facebook:hover,.si-colored.si-facebook { background-color: #3B5998 !important; }
.si-twitter:hover,.si-colored.si-twitter { background-color: var(--black) !important; }
.si-youtube2:hover,.si-colored.si-youtube2 { background-color: #f00 !important; }

/* header */
header #top-search form input {font-size:18px;color:var(--white) !important} 
#top-search form input {	box-shadow: none !important;	pointer-events: none;	border-radius: 0;	border: 0;	outline: 0 !important;font-size: 32px;	padding: 10px 80px 10px 0;	height: 100%;	background-color: transparent;	color: var(--lightblue);	 	margin-top: 0 !important;}
#top-search form input::-moz-placeholder {	color: #9ECDEB;	opacity: 1; }
#top-search form input:-ms-input-placeholder {	color: #9ECDEB; }
#top-search form input::-webkit-input-placeholder {	color: #9ECDEB; }
.dark-mode {  background: #000;  color: white;}
.yellow-mode {  background: #fff500;  color: black;}

.circleBg {font-size:0px;padding:10px;border-radius:50px;width:24px;height:24px;border:1px solid #000}
.yellowBg {background:var(--yellow)}
.whiteBg {background:var(--white);  margin: 0px 10px;}
.blackBg {background:var(--black);border:1px solid var(--white)} 


.formatText {margin:0px 8px;width:20px;}
.top-links .center {    border-left: 1px solid #D8D8D8;border-right: 1px solid #D8D8D8;    margin: 0px 10px 0px 10px;padding: 0px 10px 0px 10px;}
#top-bar .col-lg-3, #top-bar .col-lg-4 {    margin: 0px;    height: 26px;}
#top-bar {      margin: 30px 0px 30px 0px;}
.top-links li > a {
	/*display: block;*/
	padding: 0 12px; 
	text-transform: uppercase;
	height: 44px;
	color: var(--blue);
    line-height: 30px;
}
.lang {margin:5px 0px 0px 0px;}
.top-links ul li {
    float: left;
    position: relative;
  
}
i.icon-angle-down { 
    font-size: 22px;
    line-height: 20px;
}

#primary-menu ul li > a {
	display: block;
	line-height: 22px;
	padding: 20px 20px;
	color: var(--white); 
/*	font-size: 18px; */
	font-family: 'Source Sans 3', sans-serif;
/*
	-webkit-transition: margin .4s ease, padding .4s ease;
	-o-transition: margin .4s ease, padding .4s ease;
	transition: margin .4s ease, padding .4s ease;
*/
}
#primary-menu.style-2 { 
    background: #4B519E;
    position: relative;
}
#primary-menu ul > li {
    float: left;
    margin-left: 2px;
}
header ul, #top-bar ul {
    list-style: none;
    margin: 0;
}
#primary-menu.style-2 > div #top-search,
#primary-menu.style-2 > div #top-cart,
#primary-menu.style-2 > div #side-panel-trigger {
	margin-top: 20px;
	margin-bottom: 20px;
}
#top-search a i {color:var(--white);
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}
#primary-menu-trigger,
#page-submenu-trigger {
	opacity: 0;
	pointer-events: none;
	cursor: pointer;
	font-size: 14px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
} 
#header .container {
    position: relative;
}

/* ----------------------------------------------------------------
	Top Search
-----------------------------------------------------------------*/

 #top-search {    float: right; }
#top-search a {	display: block;	position: relative;	width: 18px;	height: 18px;	font-size: 14px;	line-height: 20px;	text-align: center;	color: #333;
	-webkit-transition: color .3s ease-in-out;	-o-transition: color .3s ease-in-out;	transition: color .3s ease-in-out;}
#top-search a { z-index: 11; }
#top-search a i {color:var(--white);	position: absolute;	top: 0;	left: 0;	-webkit-transition: opacity .3s ease;	-o-transition: opacity .3s ease;	transition: opacity .3s ease;}
body.top-search-open #top-search a i.icon-search3,#top-search a i.icon-line-cross { opacity: 0; }

body.top-search-open #top-search a i.icon-line-cross {	opacity: 1;	z-index: 11;	font-size: 16px;}
 #top-search form {	opacity: 0;	z-index: -2;	position: absolute;	width: 100% !important;	height: 100% !important;	padding: 0 15px;	margin: 0;	top: 0;	left: 0;	-webkit-transition: opacity .3s ease-in-out;	-o-transition: opacity .3s ease-in-out;	transition: opacity .3s ease-in-out;}
body.top-search-open #top-search form {	opacity: 1;	z-index: 10;    background: var(--blue);}
body:not(.device-md):not(.device-sm):not(.device-xs) #header.full-header #top-search form input { padding-left: 40px; }
body:not(.device-md):not(.device-sm):not(.device-xs) .container-fullwidth #top-search form input { padding-left: 60px; }
body.top-search-open #top-search form input { pointer-events: auto; }
body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:not(.sticky-header):not(.full-header):not(.floating-header) #top-search form input { border-bottom: 2px solid rgba(0,0,0,0.1); }

#primary-menu .container #top-search form input,.sticky-header #top-search form input { padding:15px 0px 0px 0px;border: none !important; }


/* menu*/

#primary-menu ul li:hover > a,
#primary-menu ul li > a {color:var(--white); position: relative}
#primary-menu ul li > a:hover {text-decoration: none;background: var(--darkblue)}
#primary-menu ul li.current > a {text-decoration: none;background: var(--darkblue)}
#primary-menu ul li:hover > a::after, #primary-menu ul li.current > a::after  { background: #fff;content:''; position: absolute; bottom: 0; left: 0; height: 2px; right:0;}

i.icon-line2-globe {    float: left; font-size: 20px;margin:0px 5px 0px 0px}
 
.top-links ul ul,
.top-links ul div.top-link-section {
	/*display: none;*/
	pointer-events: none;
	position: absolute;
	z-index: 210;
	line-height: 1.5;
	background: var(--white);
	border: 0;
	top: 26px;
	right: 15px;
	 
	margin: 0;
	border-top: 1px solid #0768a6;
	border-bottom: 1px solid #EEE;
	box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
}
.lang span {    float: left;margin:0px 0px 0px 4px}

.top-links li:hover ul,
.top-links li:hover div.top-link-section { pointer-events: auto; }

 
ul.select-lang li { background-color: var(--white);    width: 141px; }
 ul.select-lang li:hover { background-color: #F9F9F9; }

.top-links ul ul a {height: 36px;line-height: 36px; }

.top-links ul ul img {
	display: inline-block;
	position: relative;
	top: -1px;
	width: 16px;
	height: 16px;
	margin-right: 4px;
}

.top-links ul ul.top-demo-lang img {top: 4px;width: 16px;height: 16px;}

.top-links ul div.top-link-section {padding: 25px;left: 0;width: 280px;}

.fright .top-links ul div.top-link-section,
.top-links.fright ul div.top-link-section {
	left: auto;
	right: 0;
}

@media (max-width: 768px) {
.top-links .center {margin:5px 6px 0px}
#top-bar ul.select-lang {display:none;} 
}

.col_half.col-9.fright.col_last.clearfix.nobottommargin.pr-0.mt-1{
margin: 12px 0px 0px 0px !important;
    display: flex;
    align-items: center;
    padding: 0px !important;
justify-content: flex-end;} 