/*
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
body {
	font-family: 'Open Sans', sans-serif;
	background: #fff;
}

body a {
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.header {
	position: absolute;
	/* keeps it always visible */
	width: 100%;
	z-index: 9999;
	/* stay above all content */
}


.logo-container {
	float: left;
	margin-top: 5px;
	display: flex;
	align-items: center;
	gap: 20px;
}

.logo-container img {
	height: 60px;
	margin-right: 1px;
}

.logo-text {
	font-weight: bold;
	color: black;
	font-family: Arial, sans-serif;
	font-size: 1.2rem;
}

.top-nav {
	float: none;
}

.top-nav-left {
	text-align: center;
	margin: 1.1em 0em 0;
}

.top-nav-left ul {
	padding: 0;
	margin: 0em;
}

.top-nav-left li {
	display: inline-block;
	padding: 22px;
}

.top-nav-left li a {
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bolder;
	display: inline-flex;
	align-items: center;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

.top-nav-left li a:hover {
	transform: scale(1.05);
	font-size: 1.4em;
}


.top-nav-left span.menu {
	display: none;
}

.top-nav-left span.menu:before {
	content: url("../images/menu.png");
	cursor: pointer;
	width: 100%;
}

/*----*/
/********** Login *************/
#loginContainer {
	position: relative;
}

#loginContainer a {
	text-decoration: none;
}

#loginContainer a span {
	display: block;
	color: #fff;
	background: #1ac6ff;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	-ms-border-radius: 40px;
	-o-border-radius: 40px;
	-moz-border-radius: 40px;
	padding: 9px 30px;
	font-size: 1.3em;
}

#loginContainer a span:hover {
	background: #1d8fb5;
}

/* Login Button */
#loginButton {
	display: inline-block;
	position: relative;
	z-index: 30;
	cursor: pointer;
}

/* Login Box */
#loginBox {
	position: absolute;
	top: 53px;
	right: 27px;
	display: none;
	z-index: 29;
}

#loginForm:after {
	content: '';
	position: absolute;
	right: 25px;
	top: -10px;
	border-left: 10px solid rgba(0, 0, 0, 0);
	border-right: 10px solid rgba(0, 0, 0, 0);
	border-bottom: 10px solid #f0f0f0;
}

/* Login Form */
#loginForm {
	width: 300px;
	background: #fff;
	border: 1px solid #d6d6d6;
}

#loginForm fieldset {
	margin: 0 0 15px 0;
	display: block;
	border: 0;
	padding: 0;
}

fieldset#body {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	padding: 15px 15px;
	margin: 0;
}

#loginForm #checkbox {
	width: auto;
	margin: 3px 6px 0 0;
	float: left;
	padding: 0;
	border: 0;
}

#body label {
	color: #000;
	margin: 10px 0 0 0;
	display: block;
	float: left;
	font-size: 0.8725em;
}

#loginForm #body fieldset label {
	display: block;
	float: none;
	margin: 0 0 6px 0;
}

#body label i {
	color: #000;
	font-size: 1em;
	font-style: normal;
}

/* Default Input */
#loginForm input {
	width: 92%;
	border: 1px solid #DADADA;
	color: #222;
	background: #FFF;
	padding: 6px;
	font-size: 0.8125em;
	-webkit-apperance: none;
	font-family: 'Open Sans', sans-serif;
}

/* Sign In Button */
#loginForm #login {
	font-family: 'Open Sans', sans-serif;
	width: auto;
	float: left;
	background: #1ac6ff;
	color: #333;
	font-size: 0.8725em;
	padding: 8px 20px;
	border: none;
	margin: 0 12px 0 0;
	cursor: pointer;
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-o-transition: all .5s;
}

#loginForm #login:hover {
	background: #7DA008;
}

/* Forgot your password */
#loginForm span {
	display: block;
	padding: 0px 0px 15px 0px;
}

#loginForm span a {
	color: #000;
	font-size: 0.85em;
	font-weight: 500;
	background: none;
	border: none;
	box-shadow: none;
	padding: 0 16px;
}

#loginForm span a:hover {
	text-decoration: underline;
}

input:focus {
	outline: none;
}

/*----responsive-menu-start---*/
@media(max-width:768px) {
	.top-nav-left ul li {
		display: block;
		float: none;
		margin: 0em;
		padding: 0.6em 0;
		text-align: center;
	}

	.top-nav-left ul li a {
		color: #fff;
	}

	.top-nav-left ul li a:hover {
		color: #000;
	}

	.top-nav-left ul {
		display: none;
		background: rgba(153, 197, 10, 0.45);
		position: absolute;
		width: 100%;
		z-index: 999;
		left: 0%;
		margin: 0.7em 0em;
	}

	.top-nav-left span.menu {
		display: block;
		width: 100%;
		position: relative;
		padding: 0.8em 1em;
	}
}

/*------  banner -----*/
/*----slider----*/
#slider2,
#slider3 {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	margin: 0 auto;
}

.rslides_tabs {
	list-style: none;
	padding: 0;
	background: rgba(0, 0, 0, .25);
	box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
	-moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
	-webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0);
	font-size: 18px;
	list-style: none;
	margin: 0 auto 50px;
	max-width: 540px;
	padding: 10px 0;
	width: 100%;
}

.rslides_tabs li {
	display: inline;
	float: none;
	margin-right: 1px;
}

.rslides_tabs a {
	width: auto;
	line-height: 20px;
	padding: 9px 20px;
	height: auto;
	background: transparent;
	display: inline;
}

.rslides_tabs li:first-child {
	margin-left: 0;
}

.rslides_tabs .rslides_here a {
	background: rgba(255, 255, 255, .1);
	color: #fff;
	font-weight: bold;
}

.events {
	list-style: none;
}

.callbacks_container {
	position: relative;
	float: left;
	width: 100%;
	height: 590px;
	overflow: hidden;
}

div#loginContainer ul li {
	float: left;
	margin-right: 13px;
	list-style: none;
}

.callbacks {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.callbacks li {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}

.callbacks img {
	position: relative;
	z-index: 1;
	height: auto;
	border: 0;
	width: 100%;
}

.callbacks .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 20px;
	text-shadow: none;
	color: #fff;
	left: 0%;
	right: 0%;
	padding: 10px 20px;
	margin: 0;
	max-width: none;
	top: 22%;
}

.callbacks_nav {
	position: absolute;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	bottom: 5%;
	left: 8%;
	z-index: 3;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	height: 39px;
	width: 41px;
	background: transparent url("../images/themes.png") no-repeat left top;
	margin-top: -65px;
}

a.callbacks_nav.callbacks1_nav.prev {
	display: none;
}

.callbacks_nav:active {
	opacity: 1.0;
}

.callbacks_nav.next {
	left: auto;
	background-position: right top;
	right: 3%;
}

#slider3-pager a {
	display: inline-block;
}

#slider3-pager span {
	float: left;
}

#slider3-pager span {
	width: 100px;
	height: 15px;
	background: #fff;
	display: inline-block;
	border-radius: 30em;
	opacity: 0.6;
}

#slider3-pager .rslides_here a {
	background: #FFF;
	border-radius: 30em;
	opacity: 1;
}

#slider3-pager a {
	padding: 0;
}

#slider3-pager li {
	display: inline-block;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;

	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	height: auto;
	border: 0;
}

.callbacks_tabs {
	list-style: none;
	position: absolute;
	top: 84%;
	z-index: 999;
	left: 47%;
	padding: 0;
	margin: 0;
	display: none;
}

.callbacks_tabs li {
	display: inline-block;
}

@media screen and (max-width: 600px) {
	h1 {
		font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
}

/*----*/
.callbacks_tabs a {
	visibility: hidden;
}

.callbacks_tabs a:after {
	content: "\f111";
	font-size: 0;
	font-family: FontAwesome;
	visibility: visible;
	display: block;
	height: 16px;
	width: 16px;
	display: inline-block;
	border: 2px solid #FFF;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-o-border-radius: 30px;
	-ms-border-radius: 30px;
}

.callbacks_here a:after {
	border: 2px solid #23B7A4;
}

.slide-text-info {
	text-align: center;
}

.slide-text-info h1 {
	font-size: 2.5em;
	padding: 0px;
	font-weight: 800;
	color: #fff;
}

.slide-text-info P {
	font-size: 2em;
	color: #fff;
	margin-bottom: 2em;
}

a.banner-btn {
	font-size: 1.3em;
	background: #297bbb;
	padding: 0.7em 1em;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #fff;
	text-decoration: none;
}

a.banner-btn:hover {
	background: #074683;
}

/*---slider---*/
.content-top {
	text-align: center;
	padding: 0em 0 0;
}

.content-top h2 {

	color: #515151;
	font-size: 2.4em;
	text-transform: uppercase;
	font-weight: 700;
	margin: 0px auto;
	padding: 1.5em 0px;
	width: 55%;
	line-height: 54px;
}

.content-top p.para,
.content-top p.para-p {
	font-size: 1.3em;
	line-height: 32px;
	padding: 15px 0px;
	width: 80%;
	margin: 0px auto;
	color: #8d8d8d;
}

.content-top-top {

	padding: 2em 0px;
}

.list ul li {
	list-style: none;
	padding: 0.5em 0;
}

.list ul {
	margin: 0;
	padding: 0;
}

.list ul li a {
	text-decoration: none;
}

.list ul li label.circle {
	float: left;
	width: 50px;
	height: 50px;
	background: #515151;
	display: block;
	border-radius: 100px;
	text-align: center;
	line-height: 2.3em;
	color: #fff;
	font-size: 1.5em;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;
}

.list ul li label.circle:hover {
	background: #1ac6ff;
}

.list ul li h3.circle_desc {
	color: #515151;
	font-size: 2.3em;
	padding: 0;
	margin: 0.2em 2em;
}

.content-work {
	padding: 0em 0 0em;
}

.glasses {
	margin: 2.5em auto;
	text-align: center;
}

.glasses img {
	border: 1px solid #297bbb;
	padding: 10px;
}

.top-img-para h4 {
	color: #1ac6ff;
	font-size: 1.9em;
	margin: 3em 0px 1em 0px;
}

.top-img-para p {
	font-size: 1.3em;
	line-height: 32px;
	width: 88%;
	color: #8d8d8d;
}

/*----*/
.content-bottom-left {
	background: #E2F8FF;
	padding: 6em 0px;
}

.content-bottom-right {
	background: #F5F9EB;
	padding: 6em 0px;
}

.content-bottom-left-head h5,
.content-bottom-right-head h5 {
	font-size: 2em;
	padding: 0;
	margin: 0;
}

.content-bottom-left-head p,
.content-bottom-right-head p {
	font-size: 1.3em;
	margin: 1em 0px 2em;
	padding: 0;
	width: 65%;
	line-height: 32px;
}

.content-bottom-right-head p {
	width: 52%
}

.content-bottom-left-head a,
.content-bottom-right-head a {
	font-size: 1.2em;
	background: #26A6D1;
	padding: 0.9em 1.3em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #fff;
	text-decoration: none;
}

.content-bottom-left-head a:hover {
	background: #107090;
}

img.content-bag {
	padding: 0px 0px 0px 5em;
}

.content-bottom-right-head {
	float: right;
	width: 65%;
}

.content-bottom-right-head a {
	background: #1ac6ff;
}

.content-bottom-right-head a:hover {
	background: #1ac6ff;
}

img.content-chair {
	padding: 0px 0em 0px 12em;
}

.content-bottom-left-head {
	float: right;
	width: 51%;
}

/*---*/
.projects {
	margin: 2em 0;
}

.content-projects-member {
	padding: 1em 0px;
}

.content-projects h2 {
	font-size: 3em;
	padding: 7px 0.5em;
	margin: 0px;
	color: #515151;
	text-align: center;
}

.content-projects h3 {
	font-size: 1.5em;
	padding: 7px 0.5em;
	margin: 0px;
	color: #515151;
	text-align: center;
}

.content-member {
	margin: 1.5em 0 1em;

}

.content-projects-brief p {
	width: 74%;
	font-size: 1.2em;
	color: #8d8d8d;
}

.content-member a {
	padding: 15px 20px;
	border: 1px solid #515151;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	color: #515151;
	text-decoration: none;
}

.tab {
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
	text-align: center;
}

/* Style the buttons inside the tab */
.tab button {
	background-color: inherit;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 18px 73px;
	transition: 0.3s;
	font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
	background-color: #074683;
	color: white;
}

/* Create an active/current tablink class */
.tab button.active {
	background-color: #297bbb;
	color: #fff;
}

/* Style the tab content */
.tabcontent {
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}

/* Style the close button */
.topright {
	float: right;
	cursor: pointer;
	font-size: 28px;
}

.content-member a:hover {
	color: #fff;
	background: #1ac6ff;
	border: 1px solid #1ac6ff;
}

/*---content-london----*/
.content_grid {
	background: #F9F9F9;
	border: 1px solid rgba(81, 81, 81, 0.19);
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
}

.content-new {
	position: relative;
}

.content-new span {
	position: absolute;
	left: -3.2%;
	top: -28px;
}

.content-new a {
	background: #26A6D1;
	position: absolute;
	top: 73%;
	left: 41%;
	padding: 10px 20px;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	color: #fff;
	text-decoration: none;
	font-size: 1.4em;
}

.content-new a:hover {
	background: #107090;
}

.content_grid h2 {
	font-size: 1.6em;
	text-align: center;
}

.content_grid p {
	padding: 0;
	font-size: 1.1em;
	width: 90%;
	margin: 0px auto;
	color: #8d8d8d;
	line-height: 25px;
	text-align: center;
}

.content-green {
	width: 84%;
	margin: 18px auto;
	background: #D7DEE0;
	height: 14px;
	border-radius: 25px;
}

.content-green>div {
	height: 100%;
	display: block;
	background: #1ac6ff;
	border-radius: 25px;
}

.fun-left {
	border-bottom: 1px solid rgba(81, 81, 81, 0.3);
	margin: 0px 1em;
}

.funded {
	float: left;
}

.funded p {
	width: 100%;
}

.days-left p {
	width: 100%;
}

.days-left {
	float: right;
}

.button {
	float: right;
	margin: 22px 37px;
	position: relative;
}

.button p {
	width: 100%
}

.button img {
	position: absolute;
	top: -1px;
	left: 104%;
}

.content-london {
	padding: 1em 0 0 0;
}

/*---*/
.community-h {
	padding: 4em 0px;
}

.community {
	background: url(../images/ba-white.jpg) no-repeat 0px 0px;
	background-size: cover;
	min-height: 620px;
	display: inline-block;
}

.community-h h2 {
	font-size: 38px;
	color: #1b1b1bbf;
	text-align: center;
}

.community-h p {
	font-size: 1.3em;
	margin: 0.5em auto;
	text-align: center;
	line-height: 32px;
	width: 100%;
	color: #8d8d8d;
}



.icon-office-44:before {
	content: "\e11e";
}

.bottom-community-bottom-left {
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 3em 1em;
	margin: 0em 2em;
	text-align: center;
	position: relative;
	height: 200px;
}

img.david {
	border-radius: 10px;
	float: left;
	width: 51px;
}

.bottom-community-left {
	padding: 1.5em 8em;
}

img.white {
	padding: 0 12em;
}

p.back {
	float: left;
	margin: 16px;
	font-size: 1.3em;
}

.bottom-community-bottom-left p {
	font-size: 1.2em;
	color: #8d8d8d;
	margin: 0 auto;
	padding: 0.8em 0 0;
	width: 90%;
}

.bottom-community-bottom-left span {
	font-size: 1.8em;
	color: #074683;
}

/*---*/
#jquery-script-menu {
	position: fixed;
	height: 90px;
	width: 100%;
	top: 0;
	left: 0;
	border-top: 5px solid #316594;
	background: #fff;
	-moz-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	-webkit-box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	box-shadow: 0 2px 3px 0px rgba(0, 0, 0, 0.16);
	z-index: 999999;
	padding: 10px 0;
}

.jquery-script-center {
	width: 960px;
	margin: 0 auto;
}

.jquery-script-center ul {
	width: 212px;
	float: left;
	line-height: 45px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.jquery-script-center a {
	text-decoration: none;
}

.jquery-script-ads {
	width: 728px;
	height: 90px;
	float: right;
}

.jquery-script-clear {
	clear: both;
	height: 0;
}

.clearout {
	height: 20px;
	clear: both;
}

#flexiselDemo1 {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: hidden;
	gap: 1px;
	align-items: center;
	padding: 35px;
	margin: 0;
	list-style: none;
}

#flexiselDemo1 li {
  width: auto !important;  
  max-width: 200px;         
  margin: 0 15px;           
  display: flex;
  align-items: center;
  justify-content: center;
}
#flexiselDemo1 img {
  max-height: 100px;         
  width: auto;
}

#flexiselDemo3 {
	display: flex !important;
	flex-wrap: nowrap !important;
	overflow-x: hidden;
	gap: 1px;
	align-items: center;
	padding: 20px;
	margin: 0;
	list-style: none;
}

#flexiselDemo3 li {
  width: auto !important;  
  max-width: 200px;         
  margin: 0 15px;           
  display: flex;
  align-items: center;
  justify-content: center;
}
#flexiselDemo3 img {
  max-height: 200px;         
  width: auto;
}


.nbs-flexisel-container {
	position: relative;
}

.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}

.nbs-flexisel-inner {
	overflow: hidden;
	width: 90%;
	margin: 0 auto;
	height: 150px;
}

.nbs-flexisel-item {
	float: left;
	margin-left: 20px;
	cursor: pointer;
	position: relative;
	line-height: 0px;
	padding: 0 6em;
}

.nbs-flexisel-item>img {
	cursor: pointer;
	position: relative;

}

/*---- Navigation ---*/
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	width: 40px;
	height: 60px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
	left: 0px;
	background: url(../images/arrow.png) no-repeat 3px 0px;
	top: 40px !important; 
}

.nbs-flexisel-nav-right {
	right: 0px;
	background: url(../images/arrow.png) no-repeat -33px 0px;
	top: 40px !important; 
}

.big-bold-center {
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	color: #515151;
}

.bottom-yah {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid #ECE9E9;
}

.bottom-yah-ic-2 {
	padding: 4em 0;
	background: #074683;
}

.bottom-yah .content-projects h2 {
	text-align: center;
	font-size: 28px;
	margin-bottom: 10px;
	font-weight: bold;
}

#flexiselDemo2 {
	padding: 0;
	margin: 0;
	list-style: none;
}

#flexiselDemo2 li {
	padding: 10px;
	box-sizing: border-box;
}

.carousel-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	text-align: center;
	min-height: 120px;
}

.carousel-item img {
	display: block;
	max-height: 80px;
	width: auto;
	margin-bottom: 8px;
}

.carousel-item p {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #fff;
	font-weight: 500;
	line-height: 1.2;
}

/*------  content -----*/
/*------  footer -----*/
.footer-class {
	text-align: center;
	padding: 2em 0em 1em;
	font-size: 1.2em;
	color: #8d8d8d;
}

.footer-class a {
	color: #1ac6ff;
	text-decoration: none;
}

.footer-class a:hover {
	color: #515151;
}

#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url('../images/down.png') no-repeat 0px 0px;
}

/*----responsive----*/

@media(max-width:1440px) {}

@media(max-width:1280px) {
	.content-bottom-left-head {
		width: 45%;
	}

	.content-bottom-right-head {
		width: 59%;
	}
}

@media(max-width:1024px) {
	.top-nav-left {
		margin: 1.1em 0em 0px;
	}

	.content-top {
		padding: 4em 0px 0px;
	}

	.content-top h2 {
		padding: 1em 0px;
		width: 65%;
	}

	.content-top p.para,
	.content-top p.para-p {
		width: 83%;
	}

	.content-bottom-left,
	.content-bottom-right {
		padding: 4em 0px 5em;
	}

	img.content-chair {
		padding: 0px 0px 0px 6em;
	}

	.content-bottom-left-head {
		width: 49%;
	}

	.content-bottom-left-head p {
		margin: 1em 0px 1.5em;
		width: 87%;
	}

	img.content-bag {
		padding: 0px 0px 0px 3em;
	}

	.content-bottom-right-head {
		width: 57%;
	}

	.content-bottom-right-head p {
		width: 73%;
		margin: 1em 0px 1.5em;
	}

	.content-new span {
		left: -4.2%;
	}

	.content-new a {
		left: 38%;
		font-size: 1.2em;
	}

	.top-nav-left li {
		padding: 22px 14px;
	}

	.slide-text-info h1 {
		font-size: 2em;
	}

	.slide-text-info p {
		font-size: 1.5em;
		margin-bottom: 1em;
	}

	a.banner-btn {
		font-size: 1em;
		background: #1ac6ff;
		padding: 0.6em 0.8em;
		margin-bottom: 1em;
	}
}

@media(max-width:768px) {
	.callbacks .caption {
		top: 0%;
	}

	.top-nav-left {
		float: right;
		margin: 1em 0em 0px;
	}

	.top-nav-right {
		float: left;
		margin: 1.8em 10px;
	}

	.slide-text-info h1 {
		font-size: 2.2em;
	}

	.slide-text-info P {
		font-size: 1.7em;
		margin-bottom: 1em;
	}

	a.banner-btn {
		font-size: 1em;
		padding: 0.6em 0.6em;
	}

	.content-top {
		padding: 2em 0px 0px;
	}

	.content-top h2 {
		width: 87%;
		font-size: 2em;
	}

	.content-top p.para,
	.content-top p.para-p {
		font-size: 1.3em;
	}

	.glasses {
		margin: 3.5em auto;
	}

	.top-img-para {
		text-align: center;
	}

	.content-work {
		padding: 2.5em 0;
	}

	.top-img-para p {
		margin: 0 auto;
	}

	.content_grid {
		margin: 1em 12em;
	}

	.content-new span {
		left: -3.2%;
	}

	.content-new a {
		left: 47%;
	}

	.slide-text-info h1 {
		font-size: 1.6em;
		margin-top: 2em;
	}

	.slide-text-info P {
		font-size: 1.3em;
		margin-bottom: 1em;
	}
}

@media(max-width:640px) {
	.callbacks .caption {
		top: -2%;
	}

	.content-work {
		padding: 1.5em 0 2em;
	}

	.content-top h2 {
		width: 95%;
		font-size: 1.5em;
		line-height: 45px;
		padding: 0;
	}

	.glasses {
		margin: 1.5em auto 0;
	}

	.top-img-para h4 {
		margin: 1em 0px 1em 0px;
	}

	.content_grid {
		margin: 1em 7em;
	}

	.bottom-community-bottom-left {
		padding: 1em 1em;
	}

	.slide-text-info h1 {
		font-size: 1.5em;
		margin-top: 1.1em;
	}
}

@media(max-width:480px) {
	.slide-text-info h1 {
		font-size: 1.1em;
		line-height: 30px;
	}

	.top-nav-left {
		margin: 2em 0em 0px;
	}

	.top-nav-left span.menu {
		padding: 0
	}

	.content-top h2 {
		font-size: 1.5em;
		line-height: 35px;
	}

	.top-img-para h4 {
		font-size: 1.4em;
	}

	img.content-chair {
		padding: 0px 0px 0px 3em;
	}

	.content-bottom-right-head {
		width: 51%;
	}

	.content_grid {
		margin: 1em 1em;
	}

	.content-top p.para,
	.content-top p.para-p {
		font-size: 1.2em;
	}

	.top-img-para p {
		font-size: 1.2em;
	}

	.community-h {
		padding: 0em 0px 2em;
	}

	.community-h h2 {
		font-size: 1.8em;
	}

	.community-h p {
		font-size: 1.2em;
	}

	.bottom-community-bottom-left span {
		font-size: 1.4em;
	}

	p.back {
		float: left;
		margin: 11px 0em;
		font-size: 1.2em;
	}

	.bottom-community-bottom-left p {
		font-size: 1.1em;
	}

	a.banner-btn {
		font-size: 0.85em;
		padding: 0.6em 0.6em;
	}

	.slide-text-info P {
		font-size: 1em;
		margin-bottom: 1em;
	}
}

@media(max-width:320px) {
	.logo {
		margin-top: 1.2em;
	}

	.logo img {
		background-size: 100%;
		width: 140px;
		height: 28px;
	}

	.top-nav-left {
		margin: 0.7em 0.5em 0;
	}

	#loginBox {
		top: 45px;
		right: -16px;
	}

	#loginForm {
		width: 250px;
	}

	#loginContainer a span {
		padding: 6px 16px;
		font-size: 1em;
	}

	.top-nav-right {
		margin: 1em 0px;
	}

	.callbacks .caption {
		top: -7%;
	}

	.slide-text-info h1 {
		font-size: 0.85em;
		margin: 5px 0;
		line-height: 19px;
	}

	.slide-text-info P {
		font-size: 0.8125em;
		margin-bottom: 0.1em;
	}

	a.banner-btn {
		font-size: 14px;
		padding: 8px 10px;
	}

	.content-top {
		padding: 1.5em 0 0;
	}

	.content-top h2 {
		font-size: 1.3em;
		padding: 0.5em 0;
		width: 100%;
		line-height: 30px;
	}

	.content-top p.para,
	.content-top p.para-p {
		font-size: 1em;
		line-height: 24px;
		padding: 10px 0px;
		width: 100%;
		height: 80px;
		overflow: hidden;
	}

	.content-top-top {
		padding: 2em 0px;
	}

	.list ul li {
		padding: 0.5em 0;
	}

	.list ul li label.circle {
		width: 40px;
		height: 40px;
		line-height: 2.3em;
		font-size: 1.2em;
	}

	.list ul li h3.circle_desc {
		font-size: 1.4em;
		margin: 0.6em 3em;
	}

	.content-work {
		padding: 1em 0 2em;
	}

	.glasses {
		margin: 2em auto 1em;
		text-align: center;
	}

	.top-img-para h4 {
		font-size: 1.3em;
		margin: 0em 0px 0.5em 0px;
		text-align: center;
	}

	.content-bottom-left-head,
	.content-bottom-right-head {
		width: 100%;
	}

	.top-img-para p {
		font-size: 1em;
		line-height: 24px;
		width: 100%;
		text-align: center;
		height: 100px;
		overflow: hidden;
	}

	.content-bottom-left {
		padding: 2em 0px 3em;
		text-align: center;
	}

	.content-bottom-left-head h5,
	.content-bottom-right-head h5 {
		font-size: 1.3em;
	}

	img.content-chair {
		padding: 0px;
	}

	.content-bottom-left-head p,
	.content-bottom-right-head p {
		font-size: 1em;
		margin: 1em auto;
		line-height: 24px;
	}

	.content-bottom-left-head a,
	.content-bottom-right-head a {
		font-size: 1em;
		padding: 0.7em 1em;
	}

	.content-bottom-right {
		padding: 2em 0px 3em;
		text-align: center;
	}

	.projects {
		margin: 2em 0;
	}

	.content-projects-member {
		padding: 1em 0px;
		text-align: center;
	}

	.content-projects h2 {
		font-size: 1.5em;
		text-align: center;
	}

	.content-member {
		margin: 1.5em 0 1em;
	}

	.content-projects-brief p {
		height: 64px;
		overflow: hidden;
		font-size: 1em;
		margin: 0 auto;
	}



	.content-member a {
		padding: 10px 15px;
	}

	.content-new span {
		left: -5.1%;
		top: -28px;
	}

	.content-new a {
		top: 73%;
		left: 38%;
		font-size: 1em;
	}

	.content_grid h2 {
		font-size: 1.3em;
	}

	.content_grid p {
		font-size: 1em;
		height: 44px;
		overflow: hidden;
		line-height: 20px;

	}

	.content_grid {
		margin: 0 0 1em;
	}

	.fun-left {
		margin: 0px 1em;
	}

	.content-london {
		padding: 1em 0 0 0;
	}

	.community-h {
		padding: 0em 0px 1em;
	}

	.community {
		min-height: 620px;
	}

	.community-h h2 {
		font-size: 1.4em;
	}

	.community-h p {
		font-size: 1em;
		margin: 0.5em auto;
		line-height: 24px;
		height: 76px;
		overflow: hidden;
	}

	.bottom-community-bottom-left {
		padding: 1em 0em;
		margin: 0em;
	}

	.bottom-community-left,
	.bottom-community-right {
		padding: 1em 4em 2em;
	}

	img.white {
		padding: 0 6em;
	}

	p.back {
		margin: 11px;
		font-size: 0.9em;
	}

	.bottom-community-bottom-left p {
		font-size: 0.9em;
		height: 46px;
		overflow: hidden;
	}

	.bottom-community-bottom-left span {
		font-size: 1.3em;
	}

	.bottom-yah-ic {
		padding: 4em 0;
	}

	.bottom-yah-ic-3 {
		padding: 4em 0;
	}

	.footer-class {
		font-size: 1em;
	}
}

.tabcontent img {
	width: 100%;
	padding: 15px;
}

.content-projects {
	margin-bottom: 10px;
}

.vsc-service-content h6 {
	margin-top: 0;
	line-height: 27px;
	font-size: 16px;
	font-weight: 700;
}

.vsc-service-content h6 {
	margin: 10px 0 13px;

}

.vsc-service-content p {
	font-size: 15px;
	color: #8a8a8a;
	line-height: 27px;
}

.vsc-service-icon i {
	font-size: 50px;
	color: #074683;
}

.vsc-service-icon {
	/* position: absolute; */
	top: 0;
	left: 0;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 75px;
}

.vsc-service-icon .icon {
	margin: 0;
	text-align: right;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.icon {
	font-size: 3.3em;
	width: 100%;
	height: auto;
	line-height: 1;
	font-weight: 700;
}

i.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: text-top;
	margin-left: 5px;
}

.vsc-service-content {
	text-align: center;
}

.form.form__1 input {
	width: 100%;
	padding: 12px;
	margin-bottom: 30px;
}

.form.form__1 select {
	width: 100%;
	padding: 12px;
}

button.form__btn {
	width: 100%;
	padding: 15px;
	color: white;
	border: none;
	border-radius: 5px;
	font-size: 17px;
	background-color: #14a1d0;
}

div#contact h2 {
	text-align: center;
	margin-bottom: 40px;
	margin-top: 50px;
	font-size: 40px;
}

.logo img {
	width: 67%;
}

.logo {
	float: left;
	margin-top: 1.4em;
	background: #fff;
	padding: 3px;
	text-align: center;
	border-radius: 5px;
}

.c-no {
	height: 150px;
}

.grey-bg {
	background: #ebebeb;
}

.counter-Txt {
	text-align: center;
	background: #1eb4e6;
	padding: 40px;
	border: 1px solid #e2e2e2;
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
	color: #fff;
}

.counter-Txt span {
	display: block;
	font-size: 36px
}

@media(min-width:320px) and (max-width:767px) {
	.c-no {
		height: 100%;
	}

	.counter-Txt {
		margin-top: 35px;
	}

	.margin-bot-35 {
		margin-bottom: 35px;
	}
}

#projectFacts {
	background: linear-gradient(to right, #d46fb8, #4899cc);
	color: white;
	padding: 40px 20px;
	text-align: center;
}

#projectFacts h2 {
	font-size: 36px;
	margin-bottom: 40px;
	font-weight: 600;
}

.facts-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
	gap: 30px;
	max-width: 1200px;
	margin: 0 auto;
}

.fact {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.fact img {
	height: 60px;
	margin-bottom: 15px;
	filter: brightness(0) invert(1);
	/* makes PNGs white if needed */
}

.fact h3 {
	font-size: 24px;
	margin: 0;
	font-weight: bold;
}

.fact p {
	margin: 5px 0 0;
	font-size: 14px;
	line-height: 1.4;
}

.c-no {
	height: 150px;
}

.grey-bg {
	background: #ebebeb;
}

.counter-Txt {
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 20px;
}

.counter-Txt span {
	display: block;
	font-size: 36px;
	font-weight: 100;
}

@media(min-width:320px) and (max-width:767px) {
	.c-no {
		height: 100%;
	}

	.counter-Txt {
		margin-top: 35px;
	}

	.margin-bot-35 {
		margin-bottom: 35px;
	}
}

.counter-Txt i {
	overflow: 33px;
	font-size: 60px;
}

.footer {
	/* background: #000; */
	color: #ababab;
	font-weight: 300;
	padding: 0 0 30px;
	background: #1b1b1b;
	background-size: auto;
	background-position: center center;
	background-repeat: no-repeat;
}

.about-widget-img {
  width: 100%;
  max-width: 250px; /* control size */
  height: auto;
  border-radius: 8px;
  margin: 15px 0;
  display: block;
}

.footer .footer-content {
	padding: 65px 0 0;
	font-size: 0;
}

.footer .widgetBody {
	padding-bottom: 40px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
}

.footer .logo-wrapper {
	margin-bottom: 25px;
	margin-top: 10px;
}

.footer .brand-logo {
	margin-top: -10px;
}

.footer .widgetBody a {
	text-shadow: none;
}

.brand-logo .logo img {
	display: block;
}

.footer p,
.footer li {
	font-weight: 300;
}

.footer p {
	font-size: 15px;
	line-height: 25px;
}

.footer .widgetBody {
	padding-bottom: 40px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
}

.footer .footer-title {
	color: #fff;
	font-size: 17px;
	text-transform: uppercase;
	font-weight: 500;
	text-align: left;
	margin-bottom: 25px;
	line-height: 1.5;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.36);
}

.footer .widgetBody ul {
	padding: 0;
	margin: 0;
}

.footer .widgetBody ul>li {
	font-size: 16px;
	list-style-type: none;
}

.footer .widgetBody a {
	text-shadow: none;
	color: #297bbb;
}

.second-email {
	margin-left: 30px;
	display: inline-block;
}

.second-address {
	margin-left: 30px;
	/* push right for alignment */
	display: inline-block;
}

.footer .list-unstyled li .icon {
	position: absolute;
	left: 0;
	font-size: 20px;
}

.logo-text-2 {
	font-size: 1.9rem;
	font-weight: bold;
	color: #ababab;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

/* Hover effect */
.logo-text-2:hover {
	color: #297bbb;
	/* text turns blue */
	transform: scale(1.05);
	/* slight zoom */
}


.logo-text-3 {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	transition: all 0.3s ease-in-out;
	cursor: pointer;
}

/* Hover effect */
.logo-text-3:hover {
	color: #297bbb;
	/* text turns blue */
	transform: scale(1.05);
	/* slight zoom */
}


.icon-chat-messages-14:before {
	content: "`";
}

ul.list-unstyled i {
	font-size: 15px;
	margin-right: 14px;
	color: #1ac6ff;
}

.sub-footer {
	background: #0a0a0a;
	color: #ffffff;
}

.sub-footer .widget_text {
	font-size: 13px;
	line-height: 40px;
	vertical-align: middle;
}

.sub-footer,
.sub-footer p {
	font-size: 14px;
}

.page-template-page-home-php p,
.home p {
	line-height: 27px;
}

div#contact {
	display: flow-root;
}

.center {
	width: 85%;
	text-align: center;
	left: 0;
	right: 0;
	margin: auto;
}

.cent1 {
	background: #1ac6ff;
	display: flow-root;
	padding-top: 35px;
	padding-bottom: 35px;
	padding-left: 25px;
	padding-right: 25px;
	border-radius: 5px;
}


/* The Modal (background) */
.modal {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

.modal1 {
	display: none;
	/* Hidden by default */
	position: fixed;
	/* Stay in place */
	z-index: 1;
	/* Sit on top */
	padding-top: 100px;
	/* Location of the box */
	left: 0;
	top: 0;
	width: 100%;
	/* Full width */
	height: 100%;
	/* Full height */
	overflow: auto;
	/* Enable scroll if needed */
	background-color: rgb(0, 0, 0);
	/* Fallback color */
	background-color: rgba(0, 0, 0, 0.4);
	/* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	background-color: #fefefe;
	margin: auto;
	padding: 20px;
	border: 1px solid #888;
	width: 30%;
	display: flow-root;
}

/* The Close Button */
.close {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
	opacity: 0.8 !important;
}

.modal-content .span_modal {
	text-align: center;
	width: 100%;
	display: block;
}


.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.close1 {
	color: #000;
	float: right;
	font-size: 28px;
	font-weight: bold;
	opacity: 0.8 !important;
}

.close1:hover,
.close1:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

p.mymodalp {
	text-align: center;
	font-size: 22px;
	font-weight: 600;
}

.wpcf7-form input {
	height: 45px;
	border-left: 5px solid #1ac6ff;
	border-radius: 1px;
}

.form.form-overlay {
	margin-top: 40px;
}

.rem input {
	height: 12px;
}

input.wpcf7-form-control.wpcf7-submit.btn.base_clr_bg.btn-solid {
	width: 100%;
	background: #1ac6ff;
	border-radius: 3px;
}

@media(max-width:767px) {
	.bottom-yah {
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		display: block;

		border-top: 1px solid #ECE9E9;
	}

	.community {
		display: block;
	}

	.logo img {
		width: 99%;
	}

	.logo {
		margin-top: 0.4em;
		text-align: justify;
		width: 25%;

	}
}