html, body { margin: 0; height: 100%; width: 100%; text-align: left; }
BODY {
	height: 100%;
	FONT-SIZE: 18px; 
	font-family: Arial, Helvetica, sans-serif, serif;
	background-color: #ffffff;
	color: #748495;
	font-style: normal;
	margin: 0;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0; 
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: left;
	text-decoration: none;
	top: 0px;
	scrollbar-base-color: #ffffff;
	scrollbar-arrow-color: #748495;
}

h1, h2, h3, h4, h5, h6 		{ text-align: left; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; }
H1 								{ font-size: 2.5rem; color: #0750a4; }
H2 								{ font-size: 2.0rem; color: #0750a4; }
H3 								{ font-size: 2.0rem; color: #0750a4; }
H4 								{ font-size: 1.75rem; color: #4CA44C; }
H5 								{ font-size: 1.75rem; color: #4CA44C; }
H6 								{ font-size: 1.5rem; color: #748495; }

A 								   { FONT-SIZE: 18px; color: #748495; text-decoration: none; }
A:link 							{ FONT-SIZE: 18px; color: #748495; text-decoration: none; }
A:active 						{ FONT-SIZE: 18px; color: #748495; text-decoration: none; }
A:visited 						{ FONT-SIZE: 18px; color: #748495; text-decoration: none; }
A:hover 						   { FONT-SIZE: 18px; color: #748495; text-decoration: underline; }

.container-fluid { padding-left:0; padding-right:0; }
.width_90 { min-width: 90% !important; width: 90% !important; margin: 0 auto; }

.btn-success { color: #ffffff !important; background-color: #4CA44C !important; border-color: #4CA44C !important; }
.btn-success:hover { color: #ffffff !important; background-color: #218838 !important; border-color: #4CA44C !important; }

.home-buttons { width: 90%; margin: 0 auto; margin-top: -10px; }
.btn-home-01 { background: #DBECFF; height: 50px; }
.btn-home-02 { background: #CFFFCF; height: 50px; }
.btn-home-03 { background: #EAFFFF; height: 50px; }
.btn-home-04 { background: #DBECFF; height: 50px; }
.btn-home-01:hover, .btn-home-02:hover, .btn-home-03:hover, .btn-home-04:hover { border: 1px solid #000000; transition: 0.5s; }

a.btn-01, a.btn-02, a.btn-03, a.btn-04 { 
   color: #063265; 
   font-weight: 500; 
   border-radius: 0 !important; 
   display: block; 
   width: 100%; 
   height: 100%; 
   display: -ms-flexbox !important; 
   display: flex !important; 
   -ms-flex-align: center !important; 
   align-items: center !important; 
   -ms-flex-pack: center !important; 
   justify-content: center !important; 
   -ms-flex-item-align: center !important;
   align-self: center !important;
   text-align: center;
}

a.btn-01:hover, a.btn-02:hover, a.btn-03:hover, a.btn-04:hover { margin-top: -15px; transition: 0.5s; }
.home-buttons { margin-top: 0px; }

@media (min-width: 1650px) {
   .home-buttons { width: 50%; }
}
@media (min-width: 1400px) {
   .home-buttons { width: 60%; }
}
@media (min-width: 1200px) {
   .home-buttons { width: 70%; }
}
@media (min-width: 1000px) {
   .home-buttons { width: 80%; }
}

@media (min-width: 540px) {
   .home-buttons { margin-top: -10px; }
   .btn-home-01, .btn-home-02, .btn-home-03, .btn-home-04 { height: 60px; }
}
@media (min-width: 720px) {
   .home-buttons { margin-top: -15px; }
   .btn-home-01, .btn-home-02, .btn-home-03, .btn-home-04 { height: 80px; }
}
@media (min-width: 960px) {
   .home-buttons { margin-top: -40px; }
   .btn-home-01, .btn-home-02, .btn-home-03, .btn-home-04 { height: 100px; }
}
@media (min-width: 1200px) {
   .home-buttons { margin-top: -60px; }
   .btn-home-01, .btn-home-02, .btn-home-03, .btn-home-04 { height: 120px; }
}



.overlay { height: 100%; width: 0; position: fixed; z-index: 1; left: 0; top: 0; background-color: rgb(0,0,0); background-color: rgba(0,0,0, 0.9); overflow-x: hidden; transition: 0.5s; }
.overlay-menu-content { position: relative; width: 100%; text-align: left; margin-top: 100px; }
.overlay-menu-content ul { list-style-image: none !important; }
.overlay a { padding: 2px; text-decoration: none; font-size: 18px; color: #FFFFFF; transition: 0.3s; }
.overlay a:hover, .overlay a:focus { color: #4CAF50; }
.overlay .closebtn { position: absolute; top: 0px; right: 30px; font-size: 40px; color: #ffffff; }

.menu-area		{ margin: 0 auto; height: auto; line-height: 50px; }
.dropdown-menu	{ padding:0; margin:0; border:0; border:0 solid rgba(0,0,0,.15); border-radius:0; -webkit-box-shadow:none!important; box-shadow:none!important; background-color: #DBECFF; }
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link	{ color:#748495;; font-size:18px; padding:10px 10px; font-family:'Roboto',sans-serif; display: block !important; }
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover	{ color: #0549A7; outline: 0; text-decoration: none; }
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a { color: #0549A7; }
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover	{ background-color: transparent; }
.mainmenu .collapse ul ul ul > li:hover > a	{ background: #4CAF50; }

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu	{ color: #0549A7; line-height: 20px; width: 275px; font-size: 16px;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu	{  }
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu	{ }
/******************************Drop-down menu work on hover**********************************/
.mainmenu { background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%; }
.navbar-toggler { padding: 5px 10px 5px 10px; font-size: 1.25rem; line-height: 1; }

@media only screen and (min-width: 767px) {
	.mainmenu .collapse ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
	/*******/
	.mainmenu .collapse ul ul li{position:relative}
	.mainmenu .collapse ul ul li:hover> ul{display:block}
	.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
	/*******/
	.mainmenu .collapse ul ul ul li{position:relative}
	.mainmenu .collapse ul ul ul li:hover ul{display:block}
}
@media only screen and (max-width: 767px) {
	.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
	.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}

@media (min-width: 1100px) {
	.navbar-expand-custom { -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: start; justify-content: flex-start; }
	.navbar-expand-custom .navbar-nav { -ms-flex-direction: row; flex-direction: row; }
	.navbar-expand-custom .navbar-nav .dropdown-menu { position: absolute; }
	.navbar-expand-custom .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; }
	.navbar-expand-custom > .container, .navbar-expand-custom > .container-fluid { -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
	.navbar-expand-custom .navbar-collapse { display: -ms-flexbox !important; display: flex !important; -ms-flex-preferred-size: auto; flex-basis: auto; }
	.navbar-expand-custom .navbar-toggler { display: none; }
}

.simply-scroll-container 			{ position: relative; }
.simply-scroll-clip 				{ position: relative; overflow: hidden; }
.simply-scroll-list 				{ overflow: hidden; margin: 0; padding: 0; list-style: none; }
.simply-scroll-list li 				{ padding: 0; margin: 0; list-style: none; }
.simply-scroll-list li img 			{ max-height: 140px; border: none; display: block; border: 1px solid #e3e2e2; padding: 5px; margin: 0px; margin-left: 10px; margin-right: 10px;}
.simply-scroll 						{ width: 100%; height: 150px; margin: 0 auto; margin-bottom: 5px; margin-top: 5px; }
.simply-scroll .simply-scroll-clip 	{ width:100%; height: 150px; }
.simply-scroll .simply-scroll-list li { float: left; width: auto; height: 150px; }


.footer {   }
.footer .h2 { font-weight: bold; font-size: 32px; color: #0750A4;; line-height: 40px; }
.footer { color: #748495; }
.footer A, A:link, A:active, A:visited { color: #748495; text-decoration: none; font-style: normal; font-weight: normal; }

@media only screen and (max-width: 1200px) {
	.footer_title { font-size: 30px; }
	A.footer_contact1, A.footer_contact1:link, A.footer_contact1:active, A.footer_contact1:visited, .footer_contact1 { font-size: 16px; }
	A.footer_contact2, A.footer_contact2:link, A.footer_contact2:active, A.footer_contact2:visited, .footer_contact2 { font-size: 16px; }
	.footer_contact3 { font-size: 16px; }
	.footer_contact3a { font-size: 16px; }
}
@media only screen and (max-width: 500px) {
	H1 { FONT-SIZE: 30px; }
	H2 { FONT-SIZE: 20px;  }
	H3 { FONT-SIZE: 16px; }
	.footer_title { font-size: 20px; line-height: 50px; }
	A.footer_contact1, A.footer_contact1:link, A.footer_contact1:active, A.footer_contact1:visited, .footer_contact1 { font-size: 14px; }
	A.footer_contact2, A.footer_contact2:link, A.footer_contact2:active, A.footer_contact2:visited, .footer_contact2 { font-size: 14px; }
	.footer_contact3 { font-size: 14px; }
	.footer_contact3a { font-size: 14px; }
}

.bg-color-01 { background-color: #aae2ca; }
.bg-color-02 { background-color: #7dd3d7; }
.bg-color-03 { background-color: #4f8ccf; }
.bg-color-04 { background-color: #2d2db9; }

.team-top-left     { cursor: pointer; text-align: right !important; position: relative; display: flex; justify-content: flex-end; align-items: flex-end; height: 225px; width: 100%; border-radius: 100% 0 0 0; border: transparent; background-color: #7dd3d7; }
.team-top-right    { cursor: pointer; text-align: left !important; position: relative; display: flex; justify-content: flex-start; align-items: flex-end; height: 225px; width: 100%; border-radius: 0 100% 0 0; border: transparent; background-color: #2d2db9; }
.team-bottom-left  { cursor: pointer; text-align: right !important; position: relative; display: flex; justify-content: flex-end; align-items: flex-start; height: 225px; width: 100%; border-radius: 0 0 0 100% ; border: transparent; background-color: #4f8ccf; }
.team-bottom-right { cursor: pointer; text-align: left !important; position: relative; display: flex; justify-content: flex-start; align-items: flex-start; height: 225px; width: 100%; border-radius: 0 0 100% 0 ; border: transparent; background-color: #aae2ca; }

div.circle_main   { text-align: center; position: relative; width: 300px; height: 300px; color: #ffffff; }
div.leadership_01 { text-align: center; border-radius: 50%; position: absolute; bottom:0; left: 0px; width: 300px; height: 300px;  padding-top: 5px; cursor: pointer; }
div.leadership_02 { text-align: center; border-radius: 50%; position: absolute; bottom:0; left: 30px; width: 240px; height: 240px; padding-top: 5px; cursor: pointer; }
div.leadership_03 { text-align: center; border-radius: 50%; position: absolute; bottom:0; left: 60px; width: 180px; height: 180px; padding-top: 5px; cursor: pointer; }
div.leadership_04 { text-align: center; border-radius: 50%; position: absolute; bottom:0; left: 90px; width: 120px; height: 120px; padding-top: 25px; cursor: pointer; }

div.workshops_01 { text-align: center; border-radius: 50%; position: absolute; bottom:0; left: 0px; width: 300px; height: 300px; padding-top: 20px; cursor: pointer; }
div.workshops_02 { text-align: center; border-radius: 50%; position: absolute; bottom:0; left: 40px; width: 220px; height: 220px; padding-top: 20px; cursor: pointer; }
div.workshops_03 { text-align: center; border-radius: 50%; position: absolute; bottom:0; left: 80px; width: 140px; height: 140px; padding-top: 40px; cursor: pointer; }

.eupopup-container { background-color: rgba(25, 25, 25, 0.9);  padding: 10px 20px; font-size: 16px; text-align: center; display: none; z-index: 9999999; position: fixed; top: 0; left: 0; right: 0; width: 100%; }
.eupopup-head { font-size: 1.2em; font-weight: bold; padding: 10px; color: #ffffff; }
.eupopup-body { color: #ffffff; }
.eupopup-buttons { padding: 10px 0 10px 0; }
.eupopup-button { margin: 0 10px; }
a.eupopup-button_1 { color: #ffffff; font-weight: normal; font-size: 16px; }
a.eupopup-button_2 { color: #ffffff; font-weight: bold; font-size: 16px; }
a.eupopup-button_3 { color: #A60002; font-weight: bold; font-size: 16px; }
a.eupopup-button:hover, a.eupopup-button:focus { text-decoration: underline; color: #ffff00; }