/*------------------------ Global CSS -----------------------------*/
*,
::after,
::before {
	-webkit-box-sizing: border-box;
	-khtml-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--textFont: "Poppins", sans-serif;
	--headFont: "Roboto", sans-serif;
	--blackColor: #000000;
	--whiteColor: #ffffff;
	--themeOneColor: #222222;
	--themeTwoColor: #b68530;
	--themeThreeColor: #ac7616;
	--themeFourColor: #edc27f;
}

html,
body,
p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
li {
	margin: 0px;
	padding: 0px;
}

html {
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	-o-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	overflow-x: hidden;
	overflow: clip;
	position: relative;
	font: 400 16px/20px var(--textFont);
}

img {
	border: 0px;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

ul li {
	list-style: none;
}

a,
a:hover {
	color: inherit;
	text-decoration: none;
	outline: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

input {
	outline: 0px;
}

/* ---------- General CSS ---------- */
.hr {
	border-bottom: 1px dotted #666;
}

.clear-float {
	clear: both;
}

.align-left {
	float: left;
}

.align-right {
	float: right;
}

.videoBorder {
	background: #24126a;
	width: 95%;
	height: 350px;
}

.tableDiv {
	width: 100%;
	display: table;
	table-layout: fixed;
}

.tableCell {
	display: table-cell;
	vertical-align: top;
}

.imgBorder img {
	border: 1px solid #ccc;
	padding: 2px;
}

/*-------------------- Interactivity Styles --------------------*/
.rslides {
	width: 100%;
	height: 100%;
	position: relative;
}

.rslides .slider {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.rslides::after {
	content: '';
	width: 100%;
	height: 1px;
	position: relative;
	z-index: 1;
	clear: both;
	display: block;
}

.Intra-L,
.Intra-R {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
	top: 0px;
}

.Intra-L {
	left: -100%;
}

.Intra-R {
	right: -100%;
}

.intraTabs {
	position: absolute;
	z-index: 9;
	left: 50%;
	bottom: 15px;
	transform: translateX(-50%);
}

.intraTabs li {
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 15px;
}

.intraTabs li a {
	display: block;
	width: 100%;
	height: 100%;
	border: 2px solid transparent;
	border-radius: 100%;
	background: #fff;
}

.intraTabs li a:hover,
.intraTabs li.Intra_here a {
	border: 2px solid #fff;
	background: none;
}

.intraTabs li span {
	display: none;
}

/*-------------------- Scrolling Styles --------------------*/
.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}

.nbs-flexisel-ul {
	position: relative;
	width: 99999px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	overflow: auto;
	display: none;
}

.nbs-flexisel-inner {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width: 95%;
}

.nbs-flexisel-ul>.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
}

.nbs-flexisel-item img {
	cursor: pointer;
	position: relative;
	margin: 10px 0px;
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
	position: absolute;
	z-index: 9;
	margin: 0px;
	padding: 0px;
	width: 20px;
	cursor: pointer;
	text-align: center;
	top: 50%;
	transform: translateY(-50%);
}

.nbs-flexisel-nav-left {
	left: 0px;
}

.nbs-flexisel-nav-right {
	right: 0px;
}

.nbs-flexisel-nav-left.disabled,
.nbs-flexisel-nav-right.disabled {
	opacity: 0.4;
}

/*------------------------- Main Css -------------------------------*/
#Container,
#Header-Container,
#Intra-Container,
#Intra-Container-S,
#About-Container,
#Services-Container,
#Team-Container,
#Clients-Container,
#Footer-Container,
#Content-Container,
#Menu-Container,
#Location-Container,
#Navigation-Container {
	margin: 0px;
	padding: 0px;
	width: 100%;
	position: relative;
}

#Header,
#MainMenu,
#Interactivity,
#About,
#Services,
#Team,
#Preferred,
#Clients,
#Footer,
#Content,
#Location,
#Navigation {
	max-width: 1200px;
	min-width: 300px;
	margin: 0px auto;
	padding: 0px;
	position: relative;
}

/* ---------- Header CSS ---------- */
#Header-Container {
	background: #081424;
	background: linear-gradient(90deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 40%);
}

#Header {
	padding-bottom: 20px;
}

.logo {
	padding: 20px 5px 5px 5px;
}

.conAppoints {
	width: 350px;
}

.conAppoints ul {
	font-size: 0px;
}

.conAppoints li {
	display: inline-block;
	vertical-align: top;
	font: 400 18px/30px var(--headFont);
}

.conAppoints li a {
	padding: 5px 10px 5px 40px;
	display: block;
	position: relative;
	color: var(--whiteColor);
}

.conAppoints span {
	display: block;
	font: 700 14px/20px var(--textFont);
	color: var(--themeFourColor);
}

.conAppoints li a::before {
	font: 400 20px/30px 'fontello';
	position: absolute;
	z-index: 1;
	left: 10px;
	bottom: 6px;
	color: var(--whiteColor);
}

.conTel a::before {
	content: '\E802';
}

.conMail a::before {
	content: '\F0E0';
}

/* ---------- Menu CSS ---------- */
#Menu-Container {
	background: var(--themeFourColor);
}

.menu {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.menu>li {
	font: 400 16px/30px var(--textFont);
	height: 50px;
	text-align: center;
	position: relative;
	text-transform: uppercase;
	flex: 1 auto;
}

.menu li a {
	color: var(--blackColor);
	display: block;
	padding: 10px 0px;
}

.menu li>a:hover,
.menu>li:hover>a {
	background: var(--blackColor);
	color: var(--whiteColor);
}

.menu li:hover>ul {
	display: block;
}

.menu ul {
	position: absolute;
	z-index: 200;
	display: none;
	left: 0px;
	width: 100%;
}

.menu ul li {
	text-align: left;
	text-transform: none;
}

.menu ul li a {
	display: block;
	padding: 5px 0px 5px 25px;
	background: var(--themeFourColor);
	color: var(--blackColor);
}

.menu ul li a:hover {
	background: var(--themeOneColor);
	color: var(--whiteColor);
}

#MobileMenu {
	display: none;
}

.toggleMenu {
	background: var(--themeFourColor);
	color: var(--blackColor);
	font: 600 24px/30px var(--headFont);
	text-align: center;
}

.toggleMenu span {
	display: inline-block;
	vertical-align: top;
	width: 50px;
	height: 30px;
}

.toggleMenu span::after {
	position: relative;
	width: 100%;
	height: 100%;
	content: '\f0c9';
	font: 400 20px/30px 'fontello';
}

.toggleMenu a {
	display: block;
	padding: 10px 0px;
}

.menuWrapper {
	position: absolute;
	width: 100%;
	display: none;
	z-index: 9999;
	background: #081424;
	background: linear-gradient(90deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 35%, rgba(3, 80, 129, 1) 100%);
	color: var(--whiteColor);
}

.menuWrapper li {
	display: block;
	font: 300 16px/20px var(--textFont);
}

.menuWrapper li a {
	display: block;
	color: var(--whiteColor);
	padding: 10px 20px;
	position: relative;
}

.menuWrapper li a:hover {
	background: var(--blackColor);
	color: var(--whiteColor);
}

.menuWrapper li ul {
	display: none;
}

.parentList>a::after {
	position: absolute;
	z-index: 0;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	width: 0px;
	content: '\e820';
	font: 400 16px/20px 'fontello';
}

.parentList.mActive>a::after {
	content: '\e81d';
}

/* ---------- Interactivity CSS ---------- */
#Intra-Container {
	height: 420px;
	background: #02334F;
	background: radial-gradient(circle, rgba(2, 51, 79, 1) 0%, rgba(3, 80, 129, 1) 80%);
}

#Interactivity {
	height: 100%;
}

.banner1 {
	background: url(/images/banner1-bg.jpg) no-repeat right center;
}

/* .banner1 .Intra-L {
	background: url(/images/banner1-l-bg.jpg) no-repeat right center;
}
.banner1 .Intra-R {
	background: url(/images/banner1-r-bg.jpg) no-repeat left center;
} */
.banner2 {
	background: url(/images/banner2-bg.jpg) no-repeat right center;
}

/* .banner2 .Intra-L {
	background: url(/images/banner2-l-bg.jpg) no-repeat right center;
}
.banner2 .Intra-R {
	background: url(/images/banner2-r-bg.jpg) no-repeat left center;
} */
.banner3 {
	background: url(/images/banner3-bg.jpg) no-repeat right center;
}

/* .banner3 .Intra-L {
	background: url(/images/banner3-l-bg.jpg) no-repeat right center;
}
.banner3 .Intra-R {
	background: url(/images/banner3-r-bg.jpg) no-repeat left center;
} */
.intra-main {
	width: 40%;
	min-width: 300px;
	position: absolute;
	padding: 25px 40px;
	left: 5px;
	top: 50%;
	transform: translateY(-50%);
	background: var(--themeFourColor);
	color: var(--blackColor);
	border-radius: 5px;
}

.intra-head {
	font: 400 36px/44px var(--headFont);
}

.intra-text {
	font: 400 16px/20px var(--textFont);
	padding: 15px 0px 0px 0px;
}

.intra-more {
	font: 400 16px/20px var(--textFont);
	padding: 15px 0px 0px 0px;
}

.intra-more a {
	display: inline-block;
	vertical-align: top;
	padding: 10px 20px;
	background: #081424;
	background: linear-gradient(90deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 35%, rgba(3, 80, 129, 1) 100%);
	color: var(--whiteColor);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 5px;
}

.intra-more a:hover {
	background: #081424;
	background: linear-gradient(270deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 50%, rgba(3, 80, 129, 1) 100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* ---------- Welcome CSS ---------- */
#About {
	padding: 60px 0px;
	text-align: center;
}

.about-head {
	font: 400 50px/60px var(--headFont);
	color: var(--themeTwoColor);
	padding: 0px 0px 40px 0px;
}

.about-sub {
	padding-bottom: 15px;
}

.about-sub span {
	font: 400 30px/40px var(--textFont);
	text-transform: uppercase;
	border-bottom: 2px solid #081424;
}

.about-head a {
	color: #2c1700;
}

.about-text {
	font: 400 20px/30px var(--textFont);
	color: var(--blackColor);
	width: 95%;
	margin: 0px auto;
}

.about-more {
	font: 400 16px/30px var(--textFont);
	padding-top: 40px;
}

.about-more a {
	display: inline-block;
	vertical-align: top;
	color: var(--whiteColor);
	padding: 10px 40px;
	background: #081424;
	background: linear-gradient(90deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 35%, rgba(3, 80, 129, 1) 100%);
	color: var(--whiteColor);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 5px;
}

.about-more a:hover {
	background: #081424;
	background: linear-gradient(270deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 50%, rgba(3, 80, 129, 1) 100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* ---------- Team CSS ---------- */
#Team-Container {
	background: var(--themeFourColor);
}

#Team {
	padding: 60px 0px;
	color: var(--whiteColor);
}

.team-head {
	font: 400 50px/60px var(--headFont);
	padding: 0px 0px 40px 0px;
	min-height: 60px;
	text-align: center;
	color: var(--blackColor);
}

.team-head span {
	display: block;
	font: 400 30px/40px var(--textFont);
}

.team-core {
	text-align: center;
	padding: 20px 0px;
	font: 400 30px/40px var(--headFont);
}

.team-core li {
	display: inline-block;
	vertical-align: top;
}

.team-core li a {
	display: block;
	padding: 15px 50px;
	background: #081424;
	border-radius: 5px;
}

.team-list {
	padding: 20px 0px;
}

.team-list ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px dashed #ccc;
	padding: 10px;
	border-radius: 5px;
}

.team-list li {
	flex: 1 auto;
	font: normal 20px/24px var(--textFont);
	padding: 5px;
}

.team-list li a {
	background: #035081;
	border-radius: 5px;
	padding: 15px 40px;
	display: block;
	text-align: center;
}

.team-more {
	text-align: center;
	padding-top: 40px;
}

.team-more a {
	display: inline-block;
	vertical-align: top;
	padding: 15px 40px;
	background: #081424;
	background: linear-gradient(90deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 35%, rgba(3, 80, 129, 1) 100%);
	color: var(--whiteColor);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-radius: 5px;
}

.team-more a:hover {
	background: #081424;
	background: linear-gradient(270deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 50%, rgba(3, 80, 129, 1) 100%);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

/* ---------- Services CSS ---------- */
#Services {
	min-height: 420px;
	padding: 60px 0px;
	text-align: center;
	color: var(--blackColor);
}

.services-head {
	font: 400 50px/60px var(--headFont);
	color: var(--blackColor);
	padding: 0px 0px 20px 0px;
}

.services-head span {
	font: 400 30px/40px var(--textFont);
	display: block;
}

.services-text {
	font: 400 20px/30px var(--textFont);
	width: 95%;
	margin: 0px auto;
	padding: 10px 0px 20px 0px;
}

.services-list {
	font: 400 20px/30px var(--textFont);
	padding: 20px 0px;
	position: relative;
}

.services-list ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.services-list li {
	width: 33%;
	padding: 10px;
	min-width: 200px;
}

.services-list li a {
	display: block;
	padding: 20px 40px;
	background: var(--themeFourColor);
	color: var(--blackColor);
	border-radius: 5px;
	height: 100%;
}

/* ---------- Preferred CSS ---------- */
#Preferred-Container {
	background: #ffc898;
}

#Preferred {
	min-height: 332px;
}

/* ---------- Clients CSS ---------- */
#Clients-Container {
	border-top: 1px solid #715959;
	background: #fff;
}

#Clients {
	padding: 40px 0px;
	text-align: center;
}

.client-l {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}

.client-r {
	display: inline-block;
	vertical-align: middle;
	width: calc(100% - 210px);
}

.our-client {
	font: bold 20px/30px var(--headFont);
	color: #fff;
	background: #081424;
	background: linear-gradient(90deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 35%, rgba(3, 80, 129, 1) 100%);
	color: var(--whiteColor);
	padding: 20px 10px;
	border-radius: 5px;
}

.client-list {
	position: relative;
}

.client-list .nbs-flexisel-nav-left,
.client-list .nbs-flexisel-nav-right {
	height: 50px;
}

.client-list .nbs-flexisel-nav-left {
	left: 0px;
	background: url(/images/client-l-bg.gif) no-repeat right center;
}

.client-list .nbs-flexisel-nav-right {
	right: 0px;
	background: url(/images/client-r-bg.gif) no-repeat right center;
}


/* ---------- Footer CSS ---------- */
#Footer-Container {
	background: #081424;
	background: linear-gradient(90deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 40%);
}

#Footer {
	padding: 40px 0px;
	color: var(--whiteColor);
}

.fLogo {
	text-align: center;
	padding-bottom: 20px;
}

.foot-list {
	text-align: center;
	padding-bottom: 20px;
}

.foot-list li {
	display: inline-block;
	vertical-align: top;
	font: 400 16px/20px var(--textFont);
}

.foot-list li a {
	display: block;
	padding: 10px 30px;
}

.foot-head {
	font: 400 20px/30px var(--headFont);
	padding: 0px 0px 20px 0px;
}

.foot-div {
	text-align: center;
	padding: 20px 0px;
}

.footSocial li {
	padding: 5px;
	display: inline-block;
	vertical-align: top;
}

.footSocial li span {
	display: none;
}

.footSocial li a {
	display: block;
	padding: 0px 15px;
}

.footSocial li a::before {
	font: 400 30px/40px 'fontello';
}

.facebook a::before {
	content: '\F09A';
}

.instagram a::before {
	content: '\F16D';
}

.twitter a::before {
	content: 'X';
}

.youTube a::before {
	content: '\F167';
}

.copy-right {
	font: 400 16px/30px var(--textFont);
	padding: 20px 0px;
	color: #fff;
	text-align: center;
}

.whatsapp-float {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 999;
}

.whatsText {
	font: 400 16px/30px var(--textFont);
	color: var(--blackColor);
	offset: 50%;
}

.whatsIcon {
	background-color: #fff;
	border-radius: 50%;
	padding: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	transition: transform 0.3s;
	width: 60px;
	height: 60px;
	margin: 0px auto;
	display: block;
}

.whatsIcon:hover {
	transform: scale(1.1);
}

/* ---------- Content CSS ---------- */
#Navigation {
	font: 700 14px/20px var(--textFont);
	padding: 10px 10px 10px 10px;
	color: var(--blackColor);
}

#Navigation a {
	font: 400 14px/20px var(--textFont);
}

#Navigation a:hover {
	text-decoration: underline;
}

#Content-Container {
	padding-bottom: 40px;
}

.contentMain {
	font: 400 16px/30px var(--textFont);
	padding: 20px 20px 60px 20px;
	text-align: justify;
	color: var(--blackColor);
}

.contentMain h1 {
	padding: 0px 0px 20px 0px;
}

.contentMain h2,
.contentMain h3,
.contentMain h4 {
	padding: 20px 0px 10px 0px;
}

.contentMain p {
	padding: 10px 0px 20px 0px;
}

.contentMain a {
	color: var(--themeTwoColor);
	text-decoration: underline;
}

.contentMain a:hover {
	color: var(--themeThreeColor);
	text-decoration: none;
}

.contentMain ul,
.contentMain ol {
	padding: 5px;
}

.contentMain li {
	padding: 5px 0px 5px 20px;
	background: url(/images/dot-b.png) no-repeat left 16px;
}

.contentBold {
	font-weight: bold !important;
}

.contentMain h1 {
	font: 700 40px/50px var(--headFont);
	color: #081424;
	text-align: center;
}

.contentMain h2 {
	font: normal 24px/30px var(--headFont);
	color: #953905;
}

.contentMain h3 {
	font: 600 24px/30px var(--headFont);
	color: #000;
}

#Sidebar {
	width: 245px;
}

.services-s {
	width: 245px;
	background: var(--themeFourColor);
	color: var(--blackColor);
	position: sticky;
	position: -webkit-sticky;
	position: -moz-sticky;
	position: -ms-sticky;
	position: -o-sticky;
	right: 0px;
	top: 120px;
	z-index: 99;
}

.ser-s-head {
	font: bold 20px/55px var(--textFont);
	text-align: center;
	background: #081424;
	background: linear-gradient(90deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 35%, rgba(3, 80, 129, 1) 100%);
	color: var(--whiteColor);
}

.ser-s-list ul {
	list-style: disc;
	padding: 10px;
}

.ser-s-list li {
	font: normal 16px/30px var(--textFont);
}

.ser-s-list li:not(:last-child) {
	border-bottom: 1px dashed rgba(0, 0, 0, 0.5);
}

.ser-s-list li a {
	display: block;
	padding: 10px 10px 10px 20px;
}

.ser-s-list li a:hover {
	color: #035081;
}

/* ------- SubPage CSS ---------*/
.contentMain .services-tabs {
	margin: 0px;
	padding: 0px;
	list-style: none;
	font-size: 0px;
}

.contentMain .services-tabs li {
	font: normal 20px/50px var(--textFont);
	margin: 100px 0px 0px 0px;
	padding: 2px;
	width: 49%;
	height: 50px;
	border: 2px solid #888787;
	display: inline-block;
	vertical-align: top;
	min-width: 300px;
}

.services-tabs li img {
	margin: -30px 15px 5px -130px;
	position: absolute;
	border-radius: 10px;
}

.services-tabs li a {
	color: #fff !important;
	background: #58459F;
	display: block;
	text-decoration: none;
	padding: 0px 0px 0px 120px;
}

.services-tabs li a:hover {
	background: #5844A7;
}

.table-form {
	border: 1px solid #030245;
	padding: 2px;
	border-radius: 10px;
}

.table-head {
	background: #081424;
	background: linear-gradient(90deg, rgba(8, 20, 36, 1) 0%, rgba(2, 51, 79, 1) 35%, rgba(3, 80, 129, 1) 100%);
	font: normal 16px/30px var(--headFont);
	color: var(--whiteColor);
	padding: 10px 10px 10px 15px;
	border-radius: 7px 7px 0px 0px;
}

.table-add {
	font: normal 16px/20px var(--textFont);
	padding: 20px;
	width: 340px;
	text-align: left;
}

.table-add ul {
	padding: 0px;
}

.table-add li {
	padding: 5px 0px;
	background: none;
}

.table-map {
	height: 300px;
}

.table-map iframe {
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 100%;
	height: 100%;
}

.contentMain .logos {
	padding: 20px 10px;
	text-align: center;
}

.contentMain .logos ul {
	margin: 0px;
	padding: 0px;
}

.contentMain .logos li {
	margin: 10px;
	padding: 10px 20px;
	display: inline-block;
	vertical-align: top;
	border: 1px solid #ccc;
	background: none;
	border-radius: 5px;
}

.conForm {
	padding: 20px 0px;
	text-align: left;
}

.contentMain .conForm ul {
	margin: 0px;
	padding: 0px;
	font-size: 0px;
}

.contentMain .conForm li {
	margin: 0px;
	padding: 5px 10px;
	list-style: none;
	font: 400 20px/24px var(--textFont);
	background: none;
}

.conHalf {
	display: inline-block;
	vertical-align: top;
	width: 50%;
}

.conFull {
	display: block;
}

.conForm input[type="text"],
.conForm input[type="email"],
.conForm input[type="tel"],
.conForm textarea {
	width: 100%;
	padding: 10px;
	margin: 0px;
	border: 0px;
	border-bottom: 1px solid #ccc;
	background: none;
}

.conForm textarea {
	height: 100px;
}

.conForm label {
	display: block;
	padding: 10px 0px 5px 0px;
}

.conForm li.conButton {
	padding: 30px 0px 0px 0px;
}

.conForm fieldset {
	padding: 10px 20px 40px 20px;
}

.conForm legend {
	font: bold 20px/30px var(--textFont);
	color: #311e78;
}

.conForm input[type="submit"],
.conForm input[type="reset"] {
	margin: 0px 5px;
	padding: 10px 20px;
	background: #311e78;
	color: #fff;
	border: 0px;
	border-radius: 20px;
	font: 400 20px/24px var(--textFont);
}

.mandatory {
	color: red;
}

.aboutList {
	padding: 20px 0px;
}

.aboutList ul {
	padding: 0px;
	margin: 0px;
}

.contentMain .aboutList li {
	padding: 10px 0px 20px 0px;
	margin: 0px;
	background: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

.aboutImg {
	width: 170px;
	padding-top: 10px;
}

.aboutDiv {
	width: calc(100% - 170px);
}

.teamCore {
	text-align: center;
	padding: 20px 0px;
	font: 400 30px/40px var(--headFont);
}

.contentMain .teamCore li {
	display: inline-block;
	vertical-align: top;
	background: none;
	margin: 0px;
	padding: 0px;
}

.teamCore li a {
	display: block;
	padding: 15px 50px;
	background: var(--themeThreeColor);
	border-radius: 10px;
	text-decoration: none;
	color: var(--whiteColor);
}

.teamCore li a:hover {
	color: var(--whiteColor);
}

.teamList {
	padding: 20px 0px;
}

.teamList ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	border: 1px dashed #ccc;
	padding: 10px;
	border-radius: 10px;
}

.contentMain .teamList li {
	flex: 1 auto;
	font: normal 20px/24px var(--textFont);
	padding: 5px;
	background: none;
}

.teamList li a {
	background: var(--themeOneColor);
	border-radius: 10px;
	padding: 15px 40px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: var(--whiteColor);
}

.teamList li a:hover {
	color: var(--whiteColor);
}

.servicesList {
	font: 400 20px/30px var(--textFont);
	padding: 20px 0px;
	position: relative;
}

.contentMain .servicesList ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.contentMain .servicesList li {
	width: 50%;
	padding: 5px;
	min-width: 250px;
	margin: 0px;
	flex: 1 auto;
	background: none;
	text-align: left;
}

.servicesList li a {
	display: block;
	padding: 10px;
	text-decoration: none;
	background: var(--themeFourColor);
	height: 100%;
	color: var(--blackColor);
	border-radius: 5px;
}
.galEvents {
	padding: 20px 0px;
	position: relative;
}
.contentMain .galEvents ul {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.contentMain .galEvents li {
	width: 50%;
	padding: 5px;
	min-width: 250px;
	margin: 0px;
	flex: 1 auto;
	background: none;
	text-align: left;
}
.contentMain .galEvents li a {
	display: block;
	padding: 10px;
	text-decoration: none;
}
.galEvents li img {
	width: 100%;
	height: auto;
	border-radius: 5px;
}
@media screen and (max-width: 780px) {
	#Header .tableCell {
		display: block;
		width: 100%;
		text-align: center;
	}

	.logo {
		padding: 10px 15px 20px 10px;
	}

	#Header {
		padding-bottom: 10px;
	}

	.about-head,
	.team-head,
	.services-head {
		font: 400 40px/50px var(--headFont);
	}

	.about-sub span,
	.team-head span,
	.services-head span {
		font: 400 20px/30px var(--textFont)
	}

	.services-list li {
		width: 50%;
	}

	.about-text {
		font: 400 16px/24px var(--textFont);
	}

	#Sidebar.tableCell,
	.contentMain.tableCell {
		display: block;
		margin: 0px auto;
	}

	.contentMain {
		padding: 20px;
	}

	.table-add,
	.table-map {
		display: block;
		width: 100%;
	}
}

@media screen and (max-width: 640px) {
	#MobileMenu {
		display: block;
	}

	#MainMenu {
		display: none;
	}

	.conAppoints li {
		font: 400 16px/30px var(--headFont);
		padding: 0px 10px;
	}

	.intra-main {
		width: 90%;
		left: 50%;
		top: 40%;
		transform: translate(-50%, -50%);
		padding: 15px;
	}

	#Intra-Container {
		height: 300px;
	}

	.about-head,
	.team-head,
	.services-head {
		font: 400 30px/40px var(--headFont);
	}

	.team-core {
		font: 400 30px/40px var(--headFont);
	}

	.team-list li {
		font: normal 16px/20px var(--textFont);
	}

	.services-list li {
		width: 100%;
	}

	.team-list,
	.services-list,
	.foot-div,
	.foot-head {
		padding: 0px;
	}

	.foot-list li a {
		padding: 10px;
	}

	.foot-list {
		padding-bottom: 30px;
	}

	#Footer {
		padding: 30px 0px 60px 0px;
	}

	.whatsText {
		display: none;
	}

	.client-l {
		width: 100px;
	}

	.client-r {
		width: calc(100% - 110px);
	}

	.table-add {
		padding: 10px;
	}

	.conHalf {
		width: 100%;
		padding: 0px 0px 10px 0px;
	}

	.contentMain .conForm li {
		font: 400 16px/24px var(--textFont);
	}

	.conForm fieldset {
		padding: 10px 10px 40px 10px;
	}
}