@charset "utf-8";
/* CSS Document */
/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;margin:0;padding:0;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
/* start editing from here */
a{text-decoration:none;}
.txt-rt{text-align:right;}/* text align right */
.txt-lt{text-align:left;}/* text align left */
.txt-center{text-align:center;}/* text align center */
.float-rt{float:right;}/* float right */
.float-lt{float:left;}/* float left */
.clear{clear:both;}/* clear float */
.pos-relative{position:relative;}/* Position Relative */
.pos-absolute{position:absolute;}/* Position Absolute */
.vertical-base{	vertical-align:baseline;}/* vertical align baseline */
.vertical-top{	vertical-align:top;}/* vertical align top */
.underline{	padding-bottom:5px;	border-bottom: 1px solid #eee; margin:0 0 20px 0;}/* Add 5px bottom padding and a underline */
nav.vertical ul li{	display:block;}/* vertical menu */
nav.horizontal ul li{	display: inline-block;}/* horizontal menu */
img{max-width:100%;}
/*end reset*/



body{margin:0 auto; padding:0; font-family:Open Sans, Forte;}
#main{width:1000px; margin:0 auto; padding:0;}
.header{width:100%; min-width:1000px; height:82px; float:left;}
.inner-header{width:1000px; height:82px; float:left;}
.logo{width:450px;height:86px;margin: 0 auto;/* float:left; */}

/*nav*/
.nav{
	margin-top:8px;
	float:right;
	clear: both;
	width: 1000px;
}
/*** MENU ***/
.top-menu, .top-menu * 
{
	margin:			0;
	padding:		0;
	list-style:		none;
	text-transform:uppercase;
	font-weight: 500;
	font-family: oswald;
}
nav {
	padding-top:0px;
	/* margin-top:15px; */
}
.top-menu {
	line-height:	1.0;
}
.top-menu li {
	float:			left;
	margin-right:1px;
	position:		relative;
}
.top-menu a 
{/*margin-right:5px;*/display:block;color: #f9791c;font-size: 14px;line-height:24px;padding: 3px 24px 3px 25px;transition: all 0.4s ease 0s;text-decoration: none;}
 
/*
.top-menu a 
{display:block;color: #f9791c;font-size: 14px;line-height:24px;padding: 3px 15px 3px 15px;transition: all 0.4s ease 0s;text-decoration: none;}
*/

.top-menu a:hover,
.top-menu li.current> a,
.top-menu li.sfHover > a {
	text-decoration:none;
	color: #4b7447;
}

.top-menu ul a:hover,
.top-menu ul li.sfHover > a {
	background:none;
	color:#fff;
	text-decoration:none;
}



/* Top Menu1 */

/*nav1*/
.nav1{
	margin-top:10px;
	float:right;
}
/*** MENU ***/
.top-menu1, .top-menu1 
{
	margin:			0;
	padding:		0;
	list-style:		none;
	text-transform:uppercase;
	font-weight:500;
	font-family:oswald;
}
nav1 {
	padding-top:0px;
	margin-top:15px;
}

.logo1 {
    width: 330px;
    height: 82px;
    float: left;
	margin-top: 5px;
}



.top-menu1 {
	line-height:	1.0;
}
.top-menu1 li {
	float:			left;
	margin-right:1px;
	position:		relative;
}
.top-menu1 a 
{
/*	margin-right:5px;*/
	display:block;
	color:#ff6600;
	font-size:14px;
	line-height:24px;
	padding:15px;
	transition: all 0.4s ease 0s;
	text-decoration: none;
}
.top-menu1 a:hover,
.top-menu1 li.current> a,
.top-menu1 li.sfHover > a {
	text-decoration:none;
	color:#4b7447;
}

.top-menu1 ul a:hover,
.top-menu1 ul li.sfHover > a {
	background:none;
	color:#fff;
	text-decoration:none;
}















.wrapper{width:100%;min-width:1000px;height:769px;background:url(../images/bg.jpg) center;}
.container1{width:100%; min-width:1000px; height:auto;}
.container{width:100%; min-width:1000px; height:auto;}
.content{width:1000px; margin:auto; padding:0;}
.content1{width:1000px; margin:auto; padding:0;}

.cont-left{width:600px; height:auto; float:left;}
.cont-right{width:380px; height:auto; float:left; margin-left:20px;}
.con-bg{width:940px; background:#E0E0E0; padding:30px 30px 60px 30px; height:auto; float:left;}
.con-bgl{width:600px; height:auto; float:left;}
.con-bgr{width:300px; height:auto; float:left; margin-left:20px;}

.eligible{border:3px solid #fff; background:#6E6E6E; float:left; margin-top:-30px; width:870px; padding:30px; margin-left:30px;}
.eligible p{color:#fff;}

.content1 p{font-size:14px; line-height:24px; padding:0px 10px 10px 5px;}

.title{display:flex;width:100%; height:55px; min-width:1000px; height:auto; background:#FF931E; clear:both;}
.title1{width:1000px; height:55px; height:auto; margin:0 auto; padding:0;}
.title h4{width:950px; font-size:28px; color:#fff; float:left; padding:10px 10px 10px 0px; font-weight:500; text-transform:uppercase; font-family: Forte;}

.ul-style{font-size:14px; line-height:24px; list-style:square; margin-left:20px; clear: both;}
.ul-style1{font-size:14px; line-height:24px; list-style:square; margin-left:20px; color:#fff; margin-top:-3px;}


h5{border-bottom:1px dashed #FF931E;color:#4b7447;padding: 10px 0 5px 0px;width:1000px;font-size:16px;margin-top:20px;font-weight: 500;margin-bottom:20px;font-family: Forte; text-transform: uppercase;} 

h6{border-bottom:1px dashed #FF931E; color:#4b7447; padding:10px 0 5px 0px;; width:1000px; font-size:14px; margin-top:10px; font-weight:500; margin-bottom:10px;font-family: Forte; text-transform: uppercase;} 

.main-content{width: 1000px;height:auto;float:left;margin-top:95px;}
.our-history{
    width: 25%;
    padding:20px;
    background:#fff;
    float:left;
    margin-left: 8%;
    border-radius:50%;
    padding-top: 1%;
    padding-bottom: 3%;
    opacity: 0.7;
    filter: alpha(opacity=40);
    }
.circle{width:25%; padding:2%; opacity:1!important; float:left;}
h1{color:#000;font-size: 24px;font-weight:500;margin-bottom:10px;text-align:center;text-transform:uppercase;border-bottom:1px dashed #000;padding:5%;font-family: oswald;}
.our-vision{width: 25%;padding:20px;background:#fff;float:left;border-radius:50%;padding-top: 1%;padding-bottom: 3%;margin-left:2%;opacity: 0.7;}
.aims-objectives{width: 25%;padding:20px;background:#d5fffb;float:left;border-radius:50%;padding-top: 1%;padding-bottom: 3%;margin-left:2%;opacity: 1;}
.our-history p, .our-vision p, .aims-objectives p{color:#000; font-size:12px; line-height:22px; text-align:center; padding:2%;font-weight: 600;}
.our-history span, .our-vision span, .aims-objectives span{margin-top:-17px; float:left;}

.read-more{font-size:14px; text-align:center; float:left; margin-top:20px; padding:5px 10px 5px 10px;}


.tab-content{width:100%;min-width:1000px;height:auto;float:left;background: #4b7447;padding-bottom:30px;}
.tab-content1{width:1000px; margin:0 auto; padding:0; padding:20px 0 20px 0;}
.con1{width:230px; height:auto; float:left; margin-left:20px;}
.ico{width:150px; height:auto; float:left; border-bottom:2px solid #fff; padding:10px 0 10px 0;}
 h2{font-size:18px; font-family:'Forte'; float:left;  color:#fff; text-transform:uppercase; margin-top:20px; margin-bottom:10px; font-weight:bold;}
.tab-content p{font-size:14px; line-height:18px; color:#fff; clear:both; font-family:'calibri';}
.tab-content a{color:#fff; text-decoration:none; margin-top:10px; float:left; font-weight:bold;}
.con2{width:230px; height:auto; float:left; margin-left:20px;}

.footer{width:100%;min-width:1000px;float:left;border-top: 10px solid #f9dc24;margin-bottom:20px;}
.footer1{width:1000px; margin:0 auto; padding:0; padding:70px 0 20px 0;}
 h3{font-size:18px;font-family:'Forte';float:left;color:#fff;text-transform:uppercase;margin-top:-32px;margin-bottom:10px;border-bottom: 1px dashed #4b7447;width:100%;padding-bottom:5px;font-weight:bold;}
.fcon{width:1000px;padding:0px 0px 15px 0px;background: #f3fff8;float:left;}
.green{color: #4b7447;}
.yellow{color: #f9791c;}
.footer p{font-size:14px; line-height:22px; color:#000; clear:both; font-family:'calibri';}
.footer ul{margin-top:-2px; margin-left:30px; float:left;}
.footer ul li {color:#000; margin-top:5px; list-style-image:url(../images/list-item.jpg); font-size:14px;  font-family:'calibri'; clear:both;}
.footer ul li a{color:#000; line-height:18px; text-decoration:none;}
.fbox{width:320px; height:auto; float:left; margin-left:15px;}
.fbox a{color:#000; text-decoration:none; margin-top:10px; float:left;}
.fbox1{width:200px; height:auto; float:left; margin-left:20px;}	
.fbox2{width:202px; height:auto; float:left; margin-left:20px;}	
.fbox2 a{color:#000; text-decoration:none;}

/* Copyright */

.copyright{width:100%;min-width:1000px;background: #4b7447;float:left;margin-top:20px;}
.copyright p{font-size:14px; color:#fff;}
.inner-footer{width:1000px; margin:0 auto; padding:0;}
.if-left{width:550px;height:auto;padding:10px 0 10px 0;/* float:left; */margin-top:18px;margin: 0 auto;}
.if-right{padding:10px 0 10px 0; float:right; margin-top:5px; margin-right:10px;}





















.cd-nav-trigger {
  /* hamburger icon */
  position: fixed;
  z-index: 3;
  top: 12px;
  right: 5%;
  height: 44px;
  width: 44px;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.2s;
  -moz-transition: -moz-transform 0.2s;
  transition: transform 0.2s;
}
.cd-nav-trigger span {
  /* icon created in CSS */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 32px;
  height: 3px;
  background-color: black;
}
.cd-nav-trigger span::before, .cd-nav-trigger span:after {
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.2s, width 0.2s;
  -moz-transition: -moz-transform 0.2s, width 0.2s;
  transition: transform 0.2s, width 0.2s;
}
.cd-nav-trigger span::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-10px);
  -moz-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}
.cd-nav-trigger span::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}
.no-touch .cd-nav-trigger:hover {
  /* rotate trigger on hover */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.no-touch .cd-nav-trigger:hover span::after,
.no-touch .cd-nav-trigger:hover span::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
}
.no-touch .cd-nav-trigger:hover span::before {
  -webkit-transform: translateX(1px) translateY(1px) rotate(45deg);
  -moz-transform: translateX(1px) translateY(1px) rotate(45deg);
  -ms-transform: translateX(1px) translateY(1px) rotate(45deg);
  -o-transform: translateX(1px) translateY(1px) rotate(45deg);
  transform: translateX(1px) translateY(1px) rotate(45deg);
}
.no-touch .cd-nav-trigger:hover span::after {
  -webkit-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -moz-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -ms-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  -o-transform: translateX(1px) translateY(-1px) rotate(-45deg);
  transform: translateX(1px) translateY(-1px) rotate(-45deg);
}
@media only screen and (min-width: 1024px) {
  .cd-nav-trigger {
    top: 38px;
  }
}

/* -------------------------------- 

xnavigation 

-------------------------------- */
.cd-nav-container {
  position: fixed;
  z-index: 4;
  top: 0;
  right: 0;
  width: 80%;
  height: 100%;
  overflow-y: auto;
  background-color: #ffffff;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0.4s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0.4s;
  transition: transform 0.4s 0s, box-shadow 0s 0.4s;
}
.cd-nav-container.is-visible {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-overflow-scrolling: touch;
  box-shadow: -4px 0 30px rgba(0, 0, 0, 0.2);
  -webkit-transition: -webkit-transform 0.4s 0s, box-shadow 0s 0s;
  -moz-transition: -moz-transform 0.4s 0s, box-shadow 0s 0s;
  transition: transform 0.4s 0s, box-shadow 0s 0s;
}
.cd-nav-container header {
  padding: 1.5em 0 0 6.25%;
  height: 68px;
  position: relative;
}
.cd-nav-container h3 {
  font-size: 1.6rem;
  font-weight: bold;
  font-family: "Lora", serif;
  text-transform: uppercase;
  color: #5c4b51;
}
@media only screen and (min-width: 700px) {
  .cd-nav-container {
    width: 70%;
  }
  .cd-nav-container header {
    height: 116px;
    padding-top: 3em;
  }
}

.cd-close-nav {
  /* 'X' close icon */
  position: absolute;
  height: 44px;
  width: 44px;
  /* set the right position value so that it overlaps the .cd-nav-trigger*/
  right: 6.25%;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.cd-close-nav::after, .cd-close-nav::before {
  /* lines of 'X' icon */
  content: '';
  position: absolute;
  height: 3px;
  width: 32px;
  left: 50%;
  top: 50%;
  background-color: #5c4b51;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.cd-close-nav::after {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
  transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.cd-close-nav::before {
  -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}
.no-touch .cd-close-nav:hover {
  opacity: .8;
}
@media only screen and (min-width: 700px) {
  .cd-close-nav {
    right: 7.14%;
  }
}

.cd-nav {
  background-color: #f2f2f2;
}
.cd-nav::after {
  clear: both;
  content: "";
  display: table;
}
.cd-nav li {
  width: 50%;
  float: left;
  /* 68px is the navigation header height  and the menu items will be allocated in 3 rows */
  height: calc((100vh - 68px)/3);
  min-height: 120px;
  border: 1px solid #ffffff;
  border-top: none;
  border-left: none;
}
.cd-nav li:nth-of-type(2n) {
  border-right-width: 0;
}
.cd-nav a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-transition: background-color 0.2s;
  -moz-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
.no-touch .cd-nav a:hover svg {
  -webkit-animation: cd-shock 0.3s;
  -moz-animation: cd-shock 0.3s;
  animation: cd-shock 0.3s;
}
.no-touch .cd-nav li a:hover span *,
.cd-nav li.cd-selected a span * {
  /* on hover or if selected - change text and icon color*/
  stroke: #ffffff;
}
.no-touch .cd-nav li a:hover em,
.cd-nav li.cd-selected a em {
  /* on hover or if selected - change text and icon color*/
  color: #ffffff;
}
.no-touch .cd-nav li:first-of-type a:hover,
.cd-nav li.cd-selected:first-of-type a {
  /* on hover or if selected - change background color*/
  background-color: #9e87ce;
}
.no-touch .cd-nav li:nth-of-type(2) a:hover,
.cd-nav li.cd-selected:nth-of-type(2) a {
  /* on hover or if selected - change background color*/
  background-color: #5c4b51;
}
.no-touch .cd-nav li:nth-of-type(3) a:hover,
.cd-nav li.cd-selected:nth-of-type(3) a {
  /* on hover or if selected - change background color*/
  background-color: #e0cf75;
}
.no-touch .cd-nav li:nth-of-type(4) a:hover,
.cd-nav li.cd-selected:nth-of-type(4) a {
  /* on hover or if selected - change background color*/
  background-color: #f5b65a;
}
.no-touch .cd-nav li:nth-of-type(5) a:hover,
.cd-nav li.cd-selected:nth-of-type(5) a {
  /* on hover or if selected - change background color*/
  background-color: #f25f5c;
}
.no-touch .cd-nav li:nth-of-type(6) a:hover,
.cd-nav li.cd-selected:nth-of-type(6) a {
  /* on hover or if selected - change background color*/
  background-color: #8abeb2;
}
.cd-nav span, .cd-nav em {
  position: absolute;
}
.cd-nav span {
  top: calc(50% - 48px);
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 48px;
  width: 48px;
}
.cd-nav span * {
  -webkit-transition: stroke 0.2s;
  -moz-transition: stroke 0.2s;
  transition: stroke 0.2s;
}
.cd-nav em {
  width: 100%;
  left: 0;
  top: calc(50% + 15px);
  color: #5c4b51;
  -webkit-transition: color 0.2s;
  -moz-transition: color 0.2s;
  transition: color 0.2s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
@media only screen and (min-width: 700px) {
  .cd-nav li {
    /* 116px is the navigation header height and the menu items will be allocated in 3 rows */
    height: calc((100vh - 116px)/3);
    min-height: 200px;
  }
  .cd-nav span {
    height: 64px;
    width: 64px;
    top: calc(50% - 56px);
  }
  .cd-nav em {
    font-size: 2.2rem;
    font-weight: 300;
    top: calc(50% + 21px);
  }
}
@media only screen and (min-width: 1024px) {
  .cd-nav li {
    width: 33.33%;
    float: left;
    /* 116px is the navigation header height  and the menu items will be allocated in 2 rows */
    height: calc((100vh - 116px)/2);
    min-height: 250px;
  }
  .cd-nav li:nth-of-type(2n) {
    border-right-width: 1px;
  }
  .cd-nav li:nth-of-type(3n) {
    border-right-width: 0;
  }
  .cd-nav em {
    font-size: 2.5rem;
  }
}

@-webkit-keyframes cd-shock {
  0% {
    -webkit-transform: rotate(0);
  }
  30% {
    -webkit-transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
  }
}
@-moz-keyframes cd-shock {
  0% {
    -moz-transform: rotate(0);
  }
  30% {
    -moz-transform: rotate(10deg);
  }
  60% {
    -moz-transform: rotate(-10deg);
  }
  100% {
    -moz-transform: rotate(0);
  }
}
@keyframes cd-shock {
  0% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
  30% {
    -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    transform: rotate(10deg);
  }
  60% {
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }
  100% {
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
  }
}
/* -------------------------------- 

xshadow layer 

-------------------------------- */
.cd-overlay {
  /* shadow layer visible when navigation is open */
  position: fixed;
  height: 100%;

  width: 100%;
  top: 0;

  left: 0;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0.35);
  visibility: hidden;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0.4s;
  transition: opacity 0.4s 0s, visibility 0s 0.4s;
}
.cd-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 0.4s 0s, visibility 0s 0s;
  -moz-transition: opacity 0.4s 0s, visibility 0s 0s;
  transition: opacity 0.4s 0s, visibility 0s 0s;
}

/* -------------------------------- 

xcontent 

-------------------------------- */
main {
  position: relative;
  height: 100vh;
  overflow-x: hidden;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
  box-shadow: 0 0 30px #241d20;
}
main.scale-down {
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);
  transform: scale(0.9);
}

.cd-section {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow-y: auto;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0s 0.4s;
  -moz-transition: -moz-transform 0s 0.4s;
  transition: transform 0s 0.4s;
}
.cd-section.cd-selected {
  position: relative;
  z-index: 2;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.4s 0s;
  -moz-transition: -moz-transform 0.4s 0s;
  transition: transform 0.4s 0s;
  -webkit-overflow-scrolling: touch;
}
.cd-section header {
  height: 100vh;
  background: #9e87ce;
  position: relative;
}
.cd-section.projects header {
  background-color: #5c4b51;
}
.cd-section.about header {
  background-color: #e0cf75;
}
.cd-section.services header {
  background-color: #f5b65a;
}
.cd-section.careers header {
  background-color: #f25f5c;
}
.cd-section.contact header {
  background-color: #8abeb2;
}
@media only screen and (min-width: 700px) {
  .cd-section {
    /* not 100vh to fix a small bug --> border visible otherwise */
    header: 102vh;
  }
}

.cd-title {
  position: relative;
  top: 48%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #ffffff;
  text-align: center;
}
.cd-title > * {
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.cd-title h2 {
  font-size: 2.8rem;
  margin-bottom: .8em;
}
.cd-title a {
  display: inline-block;
  padding: 1.2em 1.6em;
  border-radius: 50em;
  border: 2px solid rgba(255, 255, 255, 0.5);
  font-weight: 700;
  color: #ffffff;
  font-family: "Lora", serif;
}
.no-touch .cd-title a:hover {
  border-color: #ffffff;
}
.cd-title span {
  vertical-align: middle;
  display: inline-block;
}
@media only screen and (min-width: 700px) {
  .cd-title h2 {
    font-size: 5rem;
    font-weight: 300;
    margin-bottom: .6em;
  }
}

.cd-content {
  background-color: #ffffff;
  padding: 4em 0;
}
.cd-content p {
  width: 90%;
  max-width: 800px;
  margin: 2em auto;
  line-height: 2;
  color: #78626a;
}

.no-js main, .no-js .cd-section {
  height: auto;
  overflow: visible;
}

.no-js .cd-section {
  position: static;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}

.no-js .cd-nav-container {
  width: 100%;
  position: static;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  height: auto;
  overflow: visible;
}

.no-js .cd-close-nav {
  display: none;
}

.no-js .cd-nav li {
  width: 50%;
  float: left;
}
@media only screen and (min-width: 700px) {
  .no-js .cd-nav li {
    width: 33.3%;
    float: left;
  }
  .no-js .cd-nav li:nth-of-type(2n) a {
    border-right-width: 1px;
  }
}
@media only screen and (min-width: 1024px) {
  .no-js .cd-nav li {
    width: 16.66%;
    float: left;
  }
  .no-js .cd-nav li:nth-of-type(3n) a {
    border-right-width: 1px solid #e0cf75;
  }
}



/*  Contact Form  */

.contact form
{
	font-family: 'Open Sans', sans-serif;
}
.map
{
	margin-bottom:30px;
}
.list3 li>img 
{
	float: left;
	margin-right:10px;
}
.extra-wrap 
{
	overflow: hidden;
}
.extra-wrap p 
{
	color: #626262;
	line-height: 1.8em;
	font-size: 0.85em;
	margin-bottom: 5px;
	font-family: 'Open Sans', sans-serif;
}
span.mail a 
{
	color:#2BD5B4;
}
span.mail a:hover
{
	color:#626262;
}
.contact-to input[type="text"] 
{
	padding: 12px 10px;
	/*width: 30.66%;*/
	width:100%;
	font-family: 'Open Sans', sans-serif;
	/* margin: 12px 0; */
	border: 1px solid #979696;
	color: #000;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
/*	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
*/	box-sizing: border-box;
	height: 34px!important;
	
}
.contact-to input[type="text"]:nth-child(2),.contact-to input[type="text"]:nth-child(3)
{
	/*margin-left:10px;*/
}

.text2 input[type="text"], .text2 textarea 
{
	width: 97.7%;
	margin: 12px 0;
	border: 1px solid #979696;
	color: #000;
	font-family: 'Open Sans', sans-serif;
	outline: none;
	margin-bottom: 25px;
	height: 100px;
	padding: 12px 10px;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	/*border-radius: 4px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;*/
}

.contact-to label
{
	color: #000!important;
	outline: none;
	/* margin-bottom: 25px; */
	padding: 12px 0px;
	font-size: 0.95em;
	margin-bottom:-5px;
	line-height:24px;
	font-weight:600;
}

.contact-to textarea 
{
	padding: 12px 10px;
	/*width: 30.66%;*/
	width:100%;
	font-family: 'Open Sans', sans-serif;
	/*margin: 12px 0;*/
	border: 1px solid #979696;
	color: #000;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	box-sizing: border-box;
	height:50px;
}

.contact-to select 
{
	padding-left:10px;
	/*width: 30.66%;*/
	width:100%;
	font-family: 'Open Sans', sans-serif;
/*	margin: 12px 0;
*/	border: 1px solid #979696;
	color: #626262;
	background: #FFF;
	float: left;
	height:34px!important;
	outline: none;
	font-size: 0.85em;
	transition: border-color 0.3s;
	-o-transition: border-color 0.3s;
	-ms-transition: border-color 0.3s;
	-moz-transition: border-color 0.3s;
	-webkit-transition: border-color 0.3s;
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05);
/*	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
*/	box-sizing: border-box;
	height:50px;
}

.contact-to input[type="text"]:focus, 
.contact-to select:focus, 
.contact-to textarea:focus
{
border-color:#007edd;
outline: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #50b3ff;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 0 5px #50b3ff;
-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s linear;	
}

.contact-div{width:100%; float: left; margin-bottom:20px;}

.cd1{width:245px; float: left; margin-top: 10px;}
.cd2{width:245px; float: left; margin-left: 1%; margin-top: 10px;}
.cd2-1{width:245px; float: left; margin-left: 1%; margin-top: 10px;}
.cd2l{width: 155px;float: left; margin-top: 10px;}
.cd2r{width: 105px;float: right; margin-top: 10px;}

.cd3{width:245px; float: left; margin-left: 1%; margin-top: 10px;}
.cd4{width:50%; float: left; margin-left:-1%; margin-top: 10px;}
.cd5{width:50%; float: left; margin-left: 1%; margin-top: 10px;}

.cd6{width:360px; float: left; margin-left: 1%; margin-top: 10px;}
.cd6l{width: 175px;float: left; margin-left: 1%; margin-top: 10px;}
.cd6r{width: 175px;float: right;margin-left: 1%; margin-top: 10px;}

.cd-left{width: 100%;float: left;}
.cd-right{width: 14%;float: right;}

.cd-left1{width:50%; float: left; margin-top:3%;}
.cd-right1{width:50%; float: right;}


.photo{width: 110px;height: 100px;float:right;margin: -17px 0px 0 30px;border: 1px solid #000;border-radius:5px; background:#fff;}
.photo-top{width: 114px;height: 100px;float:left;}
.photo-btm{width:74px; height:32px; float:right; margin:-35px 5px 0 0;}

.my-form button {
    color: #fff1f1;
    background-color: #FF931E;
    border: none;
	font-size:15px;
	padding:8px 15px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
	border-radius:5px!important;
	font-weight:500;
	cursor: pointer;
}
.my-form button:hover
{
    color: #fff;
    background-color: #e77e0d;
    border: none;
	font-size:15px;
	padding:8px 15px;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
	border-radius:5px!important;
	font-weight:500;
	cursor: pointer;
}







































/* ===== Responsive + accessibility improvements ===== */
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { overflow-x: hidden; }
img { height: auto; }
button, input, select, textarea { font: inherit; }
button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: 3px solid rgba(75,116,71,.45);
  outline-offset: 2px;
}
.mobile-menu-toggle {
  display:none;
  border:0;
  background:#4b7447;
  color:#fff;
  width:44px;
  height:44px;
  border-radius:6px;
  cursor:pointer;
  font-size:24px;
  line-height:1;
  padding:0;
}
.nav1.is-open .top-menu1 { display:block; }

@media (max-width: 1050px) {
  #main, .content, .content1, .inner-header, .title1, .tab-content1, .footer1, .inner-footer,
  .main-content { width: min(100% - 32px, 1000px); }
  .header, .container, .container1, .wrapper, .title, .tab-content, .footer, .copyright {
    min-width: 0;
  }
  .nav { width:auto; }
  .nav1 { margin-top: 10px; }
  .top-menu1 a { padding: 12px 10px; }
  .title h4 { width:auto; }
  h5, h6 { width:100%; }
  .con-bg { width:100%; padding:24px; }
  .con-bgl { width:65%; }
  .con-bgr { width:30%; margin-left:5%; }
  .eligible { width:calc(100% - 40px); margin-left:20px; }
  .main-content { margin-top:70px; display:flex; flex-wrap:wrap; justify-content:center; gap:20px; }
  .our-history, .our-vision, .aims-objectives {
    width:30%;
    margin:0;
    float:none;
    border-radius:24px;
    padding:24px !important;
    opacity:1;
  }
  .tab-content1 { display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:24px; }
  .con1, .con2 { width:auto; margin:0; float:none; }
  .fcon { width:100%; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; padding:24px; }
  .fbox, .fbox1, .fbox2 { width:auto; margin:0; float:none; }
  .if-left { width:auto; text-align:center; padding:12px 16px; }
  .cd-left { width:100% !important; }
}

@media (max-width: 760px) {
  #main, .content, .content1, .inner-header, .title1, .tab-content1, .footer1, .inner-footer,
  .main-content { width:100%; }
  .header { height:auto; }
  .inner-header { height:auto; padding:10px 16px; display:flex; align-items:center; justify-content:space-between; }
  .logo1 { width:auto; height:auto; float:none; margin:0; }
  .logo1 img { width:230px; max-width:70vw; height:auto; }
  .mobile-menu-toggle { display:block; }
  .nav1 { float:none; margin:0; position:relative; }
  .top-menu1 {
    display:none;
    position:absolute;
    right:0;
    top:52px;
    z-index:1000;
    min-width:230px;
    padding:8px 0;
    background:#fff;
    box-shadow:0 10px 30px rgba(0,0,0,.18);
    border-radius:8px;
  }
  .top-menu1 li { float:none; margin:0; }
  .top-menu1 a { padding:12px 18px; font-size:14px; }
  .nav1.is-open .top-menu1 { display:block; }
  .title1 { padding:0 16px; }
  .title h4 { font-size:24px; padding:12px 0; }
  .content1 { padding:0 16px; }
  h5 { font-size:15px; }
  .con-bg { padding:20px; }
  .con-bgl, .con-bgr { width:100%; float:none; margin:0; }
  .con-bgr { text-align:center; margin-top:20px; }
  .eligible { width:100%; margin:0; padding:20px; }
  .main-content { padding:0 16px; margin-top:40px; display:block; }
  .our-history, .our-vision, .aims-objectives { width:100%; margin:0 0 18px; }
  .tab-content1 { grid-template-columns:1fr; padding:24px 16px; }
  .fcon { grid-template-columns:1fr; padding:20px; }
  .wrapper { height:auto; min-height:0; background-position:center top; }
  #marqText { margin-top:20px !important; overflow:hidden; }
  .contact-left { padding-bottom:10px; }
  .cd1, .cd2, .cd2-1, .cd3, .cd4, .cd5, .cd6, .cd6l, .cd6r {
    width:100% !important; float:none; margin-left:0 !important; margin-top:16px;
  }
  .contact-to input[type="text"], .contact-to select { height:46px !important; }
  .my-form button { min-height:46px; width:100%; }
  .contact-div { margin-bottom:8px; }
  .content1 p { font-size:15px; line-height:1.7; }
  .ul-style, .ul-style1 { font-size:15px; line-height:1.7; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}

.notice-scroll{white-space:nowrap;overflow:auto;padding:2px 16px;scrollbar-width:thin}.notice-scroll a{text-decoration:underline;color:#263a24}.notice-scroll:focus{outline:2px solid #263a24;outline-offset:-2px}