@font-face {font-family: 'Varela';  src: url('../font/VarelaRound-Regular.ttf');}
/* ADDED 20-08-2016 */
		@font-face {font-family: 'FredokaOneR';  src: url('../font/FredokaOne-Regular.ttf');}
		@font-face {font-family: 'BalooCh';  src: url('../font/BalooChettan-Regular.ttf');}
		@font-face {font-family: 'BalooBhaina';  src: url('../font/BalooBhaina-Regularttf');}
		@font-face {font-family: 'Montserratr';  src: url('../font/Montserrat-Regular.ttf');}
		@font-face {font-family: 'Montserratb';  src: url('../font/Montserrat-Bold.ttf');}
		@font-face {font-family: 'BalooTamma';  src: url('../font/BalooTamma-Regular.ttf');}
		@font-face {font-family: 'IndieFlower';  src: url('../font/IndieFlower.ttf');}
		@font-face {font-family: 'Nunitor';  src: url('../font/Nunito-Regular.ttf');}
		@font-face {font-family: 'Nunitob';  src: url('../font/Nunito-Light.ttf');}
		@font-face {font-family: 'Nunitolight';  src: url('../font/Nunito-Bold.ttf');}
		@font-face {font-family: 'BalooDa';  src: url('../font/BalooDa-Regular.ttf');}
		@font-face {font-family: 'Pacifico';  src: url('../font/Pacifico.ttf');}
		@font-face {font-family: 'DancingScriptB';  src: url('../font/DancingScript-Bold.ttf');}
		@font-face {font-family: 'DancingScriptR';  src: url('../font/DancingScript-Regular.ttf');}
		@font-face {font-family: 'KaushanScript';  src: url('../font/KaushanScript-Regular.ttf');}
		@font-face {font-family: 'ComfortaaR';  src: url('../font/Comfortaa-Regular.ttf');}
		@font-face {font-family: 'ComfortaaL';  src: url('../font/Comfortaa-Light.ttf');}
		@font-face {font-family: 'ComfortaaB';  src: url('../font/Comfortaa-Bold.ttf');}
		@font-face {font-family: 'UbuntuM';  src: url('../font/Ubuntu-M.ttf');}

a.white-btn {
	border: 1px solid #fff;
	border-radius: 3px;
	color: #fff;
	display: block;
	font-size: 0.85em;
	margin-top: 1.25em;
	padding: 0.625em 1.25em;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
a.white-btn:hover {
	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.1);
}
a.color-btn, form.customform button.color-btn {
	background: none;
	border: 1px solid #001925;
	border-radius: 3px;
	color: #001925;
	display: block;
	font-size: 0.85em;
	padding: 0.625em 1.25em;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
a.color-btn:hover, form.customform button.color-btn:hover {
	border: 1px solid #92c500;
	color: #92c500;
}
#topbar {
	background: none repeat scroll 0 0 #012232;
	border-bottom: 1px solid #001925;
	padding: 0.3125em 0;
}
#topbar p {
	color: #fff;
	font-size: 0.75em;
	opacity: 0.5;
	position: relative;
	top: 2px;
}
#topbar p strong {
	font-weight: 600;
}
#topbar i {
	color: #ffffff;
	font-size: 1.1em;
	opacity: 0.5;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
#topbar i:hover {
	color: #92c500;
	cursor: pointer;
	opacity: 1;
}
nav {
	background: none repeat scroll 0 0 #d7dadb;
/*	background: none repeat scroll 0 0 #00283a;*/
}
header {
	border-bottom: 4px solid rgba(0, 40, 58, 0.53);
	position: fixed;
	width: 100%;
	z-index: 10;
}
p.logo {
	color: #fff;
	font-size: 1.7em;
	font-weight: 300;
	position: relative;
	text-transform: uppercase;
	top: 0.625em;
}
p.logo strong {
	font-weight: 700;
}
.top-nav li a {
	font-family:ComfortaaL;
	border-top: 2px solid #00283a;
	color: #fff;
	font-size: 0.95em;
/*	font-weight: 600;*/
	padding: 2.1em 1.5em 2.5em;
/*	text-transform: uppercase;*/
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
	letter-spacing:1px;
}
.top-nav li a:hover, .top-nav li.active-item a {
	background: none repeat scroll 0 0 #00283a;
	border-top: 2px solid #92c500;
	color: #92c500;
	position: relative;
	font-weight: 600;
}
#home .text {
	position: absolute;
	top: 40%;
	z-index: 10;
}
.item {
	overflow: hidden;
	width: 100%;
}
.prev-arrow, .next-arrow {
	background: none repeat scroll 0 0 #00283a;
	cursor: pointer;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 1px;
	text-align: center;
	width: 30px;
}
#home .text h2 {
	background: none repeat scroll 0 0 rgba(146, 197, 0, 0.8);
	font-size:30px;
	color: #fff;
	display: inline-block;
	margin: 1px 0;
	max-width: 750px;
	padding: 10px 20px;
	width: 100%;
	font-family:ComfortaaL;
	letter-spacing:1px;
	/*
	font-size: 2em;
	font-weight: 300;
	*/
}
#home .text p {
	background: none repeat scroll 0 0 #00283a;
	max-width: 600px;
	padding: 10px 20px;
	width: 100%;
	font-family:Nunitolight;
	color:#CCCCCC;
	font-size:20px;
	letter-spacing:1px;
	/*
	font-family:IndieFlower;
	font-family:ComfortaaL;
	color: #fff;
	*/
}
#home .owl-theme .owl-controls {
	background: none repeat scroll 0 0 rgba(0, 40, 58, 0.53);
	bottom: 0;
	margin: 0;
	padding: 0.625em 0;
	position: absolute;
	width: 100%;
}
.owl-theme .owl-controls .owl-page span {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border: 3px solid rgba(0, 40, 58, 0.57);
	height: 18px;
	margin: 0 0.3125em;
	opacity: 1;
	width: 18px;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span {
	background: none repeat scroll 0 0 #92c500;
}
#first-block {
	background: none repeat scroll 0 0 #00283a;
	padding: 3em 2em;
	text-align: center;
}
#first-block h1 {
	color: #fff;
	font-size: 2em;
	font-weight: 300;
	margin-top: 0;
}
#first-block p {
	color: #6c7c84;
	font-size: 0.85em;
}
#group {
	background: none repeat scroll 0 0 #F4F4F4;
	/*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);*/
	padding: 2em 2em; /*padding: 6em 2em;*/
	position: relative;
	text-align: center;
	z-index: 2;
	min-height:800px;
}
#group i {
	background: none repeat scroll 0 0 #92c500;
/*	border-radius: 100px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) inset;*/
	color: #fff;
	display: inline-block;
	font-size: 2em;
	height: 100px;
	line-height: 100px;
	text-align: center;
	width: 100px;
}
#group h2 {
	font-family:ComfortaaB;
	font-size: 2.8em;
	color:#666666;
	/*
	font-size: 1em;
	font-weight: 600;
	margin: 1.25em 0;
	text-transform: uppercase;
	*/
}

#group p {
	font-family:ComfortaaR;
	color: #333333;
	letter-spacing:0px;
	font-size: 13px; /*Original : 0.85em;*/
	line-height: 1.5em;
	text-align:justify;
}
#about-us {
	background: none repeat scroll 0 0 #FFF;/*background: none repeat scroll 0 0 #00283a;*/
	clear: both;
	padding: 2em 2em; /*padding: 6em 2em;*/
	min-height:800px;
	/*
	background: none repeat scroll 0 0 #FFF;
	clear: both;
	padding: 2em 2em;
	position: relative;
	text-align: center;
	z-index: 2;
	*/
	/* ORIGINAL
	background: none repeat scroll 0 0 #00283a;
	clear: both;
	*/
}
#about-us:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
#about-us article {
	padding: 4em;
}
#about-us p {
	font-family:ComfortaaR;
	color:#333333;
	letter-spacing:1px;
	font-size: 15px; /*Original : 0.85em;*/
	line-height: 1.5em;
	text-align:justify;
	}

article h2 {
	font-family:ComfortaaB;
	font-size: 4em;
	font-weight: 900;
	letter-spacing: 2px; /* ORIGINAL - letter-spacing: -2px;*/
	line-height: 0.9;
	margin: 0 0 0.625em 0;
}
article h1, article h2, article h3, article h4, article h5, article h6 {
	color: #fff;
}
.media-container {
  overflow: hidden;
}
.media-container video, .media-container img {
  display: block;
  height: 100%;
  max-width: none;
  min-width: 100%;
  width: auto;
}
article p, article li {
	color: #fff;
	font-size: 0.85em;
	opacity: 0.7;
}
article ul {
	padding: 1.25em 0;
}
article ul li {
	list-style-type: none;
	margin: 0.625em 0;
	padding: 0 0 0 1em;
}
article ul li:before {
	background: #00283a none repeat scroll 0 0;
	color: #fff;
	content: "\f006";
	display: inline-block;
	font-family: "mfg";
	font-size: 0.8em;
	height: 20px;
	line-height: 20px;
	margin-left: -1em;
	margin-right: 0.625em;
	text-align: center;
	width: 20px;
}
.about-us-icons i {
	border: 2px solid #92c500;
	border-radius: 100px;
	color: #92c500;
	display: block;
	float: left;
	font-size: 1.6em;
	height: 60px;
	line-height: 60px;
	margin-right: 0.625em;
	text-align: center;
	width: 60px;
}
.about-us-icons {
	display: block;
	margin-top: 2em;
}
h2.section-title:after {
	/*background: #dedede none repeat scroll 0 0;*/
	background: #92c500 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	margin: 0.31225em auto 0;
	position: relative;
	width: 100px;
}
h2.section-title {
	font-family:ComfortaaR;
	color:#666666;
	font-size: 2.8em;
	font-weight: 700;
	letter-spacing: -1px;
	margin: 0 0 1.25em;
	text-align: center;
	letter-spacing:2px;
	/*text-transform: uppercase;*/
}
h2.section-title2:after {
	/*background: #dedede none repeat scroll 0 0;*/
	background: #a9a9a9 none repeat scroll 0 0;
	content: "";
	display: block;
	height: 1px;
	margin: 0.31225em auto 0;
	position: relative;
	width: 100px;
}
h2.section-title2 {
	font-family:ComfortaaR;
	color:#111;
	font-size: 2.8em;
	font-weight: 700;
	letter-spacing: -1px;
	margin: 0 0 1.25em;
	text-align: center;
	letter-spacing:2px;
	/*text-transform: uppercase;*/
}

#our-work {
	background: none repeat scroll 0 0 #fff;
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding: 2em 2em; /*padding: 6em 2em;*/
	position: relative;
	z-index: 2;
	min-height:800px;
}
.tab-item {
	background: #fff none repeat scroll 0 0;
	margin-top: 1.25em;
	padding: 1.25em 0;
}
.our-work-container {
	display: block;
	height: 100%;
	position: relative;
}
.our-work-text {
	font-family:ComfortaaL;
	letter-spacing:2px;
	font-weight:normal;
	background: #00283a none repeat scroll 0 0;
	bottom: 0;
	display: block;
	left: 0;
	opacity: 0;
	padding: 1.25em;
	position: absolute;
	right: 0;
	text-align: center;
	transition: opacity 0.20s linear 0s;
	-o-transition: opacityd 0.20s linear 0s;
	-ms-transition: opacity 0.20s linear 0s;
	-moz-transition: opacity 0.20s linear 0s;
	-webkit-transition: opacity 0.20s linear 0s;
	width: 100%;
}
.our-work-container:hover > .our-work-text {
	opacity: 1;
}
.our-work-text h4 {
	color: #fff;
	font-size: 1em;
	font-weight: 600;
}
.our-work-text p {
	color: #fff;
	font-size: 0.8em;
	opacity: 0.7;
}
.tab-nav {
	display: table;
}
a.tab-label, a.tab-label:link, a.tab-label:visited {
	font-family:ComfortaaL;
	background: #00283a none repeat scroll 0 0;
	color: #fff;
	letter-spacing:1px;
	display: block;
	font-size: 14px; /*font-size: 1em;*/
	padding: 0.625em 1.25em;
	transition: all 0.20s linear 0s;
	-o-transition: all 0.20s linear 0s;
	-ms-transition: all 0.20s linear 0s;
	-moz-transition: all 0.20s linear 0s;
	-webkit-transition: all 0.20s linear 0s;
}
a.tab-label:hover, a.tab-label.active-btn {
	background: #92c500;
	color: #fff;
}
#career {
	background: #FFF none repeat scroll 0 0;/*background: #6f9600 none repeat scroll 0 0;*/
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding: 2em 2em; /*padding: 6em 2em;*/
	min-height:800px;
}
#career h2 {
	color: #515151;/*color: #fff;*/
	margin: 0 0 1.25em;
}
#career h2.section-title:after {
	background: #92c500 none repeat scroll 0 0;
}
#career i {
	background: none repeat scroll 0 0 #fff;
	border-radius: 80px;
	color: #6f9600;
	display: block;
	float: left;
	font-size: 1.8em;
	height: 80px;
	line-height: 80px;
	margin-right: 0.625em;
	text-align: center;
	width: 80px;
}
.career-text {
	display: table;
	position: relative;
}
#career h3 {
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
}
#career p {
	color: #fff;
	font-size: 0.8em;
}

#career td {
	border:1px solid #F4F4F4;

}

#latest-news {
	background: #f3f3f3 none repeat scroll 0 0;
	box-shadow: 0px -10px 9px -11px rgba(0, 0, 0, 0.5);
	padding: 6em 2em;
	position: relative;
	z-index: 3;
}

.news-date {
	font-family:ComfortaaR;
	background: #194e7d none repeat scroll 0 0;/* background: #6f9600 none repeat scroll 0 0; */
	clear: both;
	color: #fff;
	display: block;
	float: none;
	height: 80px; /* ORIGINAL : 125px ; */
	padding: 0.325em 0; /* TOP ORIGINAL : 0.625em 0; */
	text-align: center;
	width: 100%;
	letter-spacing:2px;
	
}
.news-date2 {
	font-family:ComfortaaR;
	background: #194e7d none repeat scroll 0 0;/* background: #6f9600 none repeat scroll 0 0; */
	clear: both;
	color: #fff;
	display: block;
	float: none;
	height: 80px; /* ORIGINAL : 125px ; */
	padding: 0.325em 0; /* TOP ORIGINAL : 0.625em 0; */
	text-align: center;
	letter-spacing:2px;
	
}

.news-date-logo {
	font-family:ComfortaaR;
	background: #194e7d none repeat scroll 0 0;/* background: #6f9600 none repeat scroll 0 0; */
	clear: both;
	color: #fff;
	display: block;
	float: none;
	height: 80px; /* ORIGINAL : 125px ; */
	padding: 0.325em 0; /* TOP ORIGINAL : 0.625em 0; */
	text-align: center;
	width: 100%;
	letter-spacing:2px;
	background-image:url('../img/Caely3.png');
	background-repeat:no-repeat;
	
}

.news-date-logo2 {
	font-family:ComfortaaR;	
	clear: both;
	color: #fff;
	display: block;
	float: none;
	height: 60px; /* ORIGINAL : 125px ; */
	width:60px;
	padding: 0.325em 0; /* TOP ORIGINAL : 0.625em 0; */
	text-align: center;
	width: 100%;
	letter-spacing:2px;
	background-repeat:no-repeat;
/*	
	background-image:url('../img/Downloads-icon.png');
	background: #194e7d none repeat scroll 0 0;/* background: #6f9600 none repeat scroll 0 0; */

*/
	
	
}


.day {
	font-size: 1.2em; /*ORIGINAL font-size: 2.5em; */
	font-weight: 700;
	letter-spacing:3px;
}
.month, .year {
	font-size: 0.75em; /*font-size: 0.85em; */
	font-style:italic;
}
.news-text {
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	height: 200px; /* ORIGINAL : 125px ; */
	padding: 0.2em 0em 0em 0.2em; /* ORIGINAL - padding: 0.625em 1.25em;*/
	text-align:left;
}
.news-text p {
	color: #777;
	font-size: 0.85em;
}


.news-text2 {
	background: #fff none repeat scroll 0 0;
	border-bottom: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	height: 365px; /* ORIGINAL : 125px ; */
	padding: 0.2em 0em 0em 0.2em; /* ORIGINAL - padding: 0.625em 1.25em;*/
	text-align:left;
}
.news-text2 p {
	color: #777;
	font-size: 0.85em;
}

#contact {
	background: none repeat scroll 0 0 #6f9600;/*background: none repeat scroll 0 0 #fff;*/
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
	padding: 2em 2em;/*padding: 6em 2em;*/
	position: relative;
	z-index: 2;
	min-height:400px;
	}
#contact input, #contact textarea {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	border-radius: 3px;
}
form.customform button.color-btn {
	height: auto;
	margin-top: 0;
}
#contact h2 {
	font-family:ComfortaaR;
	margin: 0 0 1.25em;
	color:#e4e4e4;
}
#contact h3 {
	font-family:ComfortaaR;
	color: #ececec; /*color: #92c500;*/
	font-size: 2.1em; /*font-size: 1em;*/
	font-weight: 700;
	margin: 0 0 0.625em;
	letter-spacing:1px;
	/*text-transform: uppercase;*/
}
#contact p {
	font-family:ComfortaaR;
	color:#ececec;
	font-size: 0.85em;
	font-style: normal;
	line-height: 2em;
	letter-spacing:1px;
}
#contact p strong {
	font-weight: 700;
}
#contact i {
	background: #e0e0e0 none repeat scroll 0 0;
	border-radius: 30px;
	color: #fff;
	display: inline-block;
	line-height: 26px;
	margin: 0.625em;
	text-align: center;
	width: 26px;
}
#map-block {
  filter: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="g"><feColorMatrix type="matrix" values="0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0.3 0.3 0.3 0 0 0 0 0 1 0"/></filter></svg>#g');
  /*-webkit-filter: grayscale(100%);*/
 /* filter: grayscale(100%);    */
  filter: progid:DXImageTransform.Microsoft.BasicImage(grayScale=1);
}
footer {
	background: none repeat scroll 0 0 #00283a;
	padding: 3.5em 0;
}
footer p, footer a:visited, footer a, footer a:hover {
	color: #6c7c84;
	font-size: 0.8em;
	font-family:UbuntuM;
}
@media screen and (max-width: 768px) {
  header {
  	position: relative;
  }
  .top-nav li a {
  	background: #05374e none repeat scroll 0 0;
  }
  #home .text {
  	font-size: 0.8em;
  	top: 20%;
  }
  .owl-controls.clickable {
  	display: none!important;
  }
  .right {
  	float: none;
  }
  .social.right {
  	float: right;
  }
  #about-us article {
  	padding: 4em 2.5em;
  }
}
@media screen and (max-width: 480px) {
  #topbar {
  	line-height: 1.625em;
  	text-align: center;
  }
  .social.right {
  	float: none;
  }
  p.logo, p.nav-text {
  	text-align: center;
  }
}

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

Primary style

-------------------------------- */
/*
*, *::after, *::before {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 1.6rem;
  font-family: "Fira Sans", sans-serif;
  color: #383838;
  background-color: #f8f8f8;
}

a {
  color: #7b9d6f;
  text-decoration: none;
}
*/
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  margin: 2em auto;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  transition: opacity 0.2s;

}
.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: 'mobile';
  display: none;
}
.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}
.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
 
}
.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
/*  content: '';
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
  */
}
.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
  
}
.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}
.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  -webkit-transition: -webkit-transform 0.4s;
  -moz-transition: -moz-transform 0.4s;
  transition: transform 0.4s;
}
.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7b9d6f;
  -webkit-transform: scaleX(0);
  -moz-transform: scaleX(0);
  -ms-transform: scaleX(0);
  -o-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  transition: transform 0.3s;
}
.cd-horizontal-timeline .events a {
	/* YEAR */
  	position: absolute;
  	bottom: 0;
  	z-index: 2;
  	text-align: center;
	font-family:ComfortaaR;
  	font-size:18px;/*font-size: 1.3rem;*/
  	letter-spacing:1px;
  	padding-bottom: 15px;
  	color: #383838;
  /* fix bug on Safari - text flickering while timeline translates */
  	-webkit-transform: translateZ(0);
  	-moz-transform: translateZ(0);
  	-ms-transform: translateZ(0);
  	-o-transform: translateZ(0);
  	transform: translateZ(0);
}
.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: '';
  position: absolute;
  left: 50%;
  right: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  -webkit-transition: background-color 0.3s, border-color 0.3s;
  -moz-transition: background-color 0.3s, border-color 0.3s;
  transition: background-color 0.3s, border-color 0.3s;
 
}
.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}
.cd-horizontal-timeline .events a.selected::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}
.cd-horizontal-timeline .events a.older-event::after {
  border-color: #7b9d6f;
}
@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline {
  /*  margin: 6em auto;*/
  }
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'desktop';
  }
}

.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: border-color 0.3s;
  -moz-transition: border-color 0.3s;
  transition: border-color 0.3s;
}
.cd-timeline-navigation a::after {
  /* arrow icon */
  content: '';
  position: absolute;
  height: 16px;
  width: 16px;
  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%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}
.cd-timeline-navigation a.prev {
  left: 0;
  -webkit-transform: translateY(-50%) rotate(180deg);
  -moz-transform: translateY(-50%) rotate(180deg);
  -ms-transform: translateY(-50%) rotate(180deg);
  -o-transform: translateY(-50%) rotate(180deg);
  transform: translateY(-50%) rotate(180deg);
}
.cd-timeline-navigation a.next {
  right: 0;
}
.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}
.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}
.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}
.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 0 0; /*margin: 2em 0;*/
  overflow: hidden;
  -webkit-transition: height 0.4s;
  -moz-transition: height 0.4s;
  transition: height 0.4s;
  
}
.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  -webkit-animation-duration: 0.4s;
  -moz-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
 
}
.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  
}
.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  -webkit-animation-name: cd-enter-right;
  -moz-animation-name: cd-enter-right;
  animation-name: cd-enter-right;
}
.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-name: cd-enter-left;
  -moz-animation-name: cd-enter-left;
  animation-name: cd-enter-left;
}
.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  animation-direction: reverse;
}
.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}
.cd-horizontal-timeline .events-content h2 {
	/* small screen */
  font-weight: bold;
  font-size: 18px; /*font-size: 2.6rem;*/
  font-family:ComfortaaL;/*  font-family: "Playfair Display", serif;*/
  font-weight: 700;
  line-height: 1.2;
}
.cd-horizontal-timeline .events-content em {
  display: block;
 /* font-style: italic;*/
  margin: 10px auto;

}
.cd-horizontal-timeline .events-content em::before {
  content: '- ';
}
.cd-horizontal-timeline .events-content em::after {
  content: ' -';
}
.cd-horizontal-timeline .events-content p {
		/* small screen */
	font-family:ComfortaaL;
	font-size: 14px; /*font-size: 1.4rem;*/
  	color: #333333; /*color: #959595;*/
}
.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
  
}
@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
  	font-family:ComfortaaL;
    font-size: 20px; /*font-size: 7rem;*/
    text-align:left;
    letter-spacing:1px;
  /*  color:rgba(146, 197, 0, 0.8);*/
  }
  .cd-horizontal-timeline .events-content em {
    font-family:ComfortaaR;
    font-size: 18px; /*font-size: 2rem;*/
    text-align:left;
    letter-spacing:1px;
  }
  
  .cd-horizontal-timeline .events-content p {
  	font-family:ComfortaaR;
    font-size: 16px;
    color:#333333;
     /*font-size: 1.8rem;*/
    text-align:justify;
   /* letter-spacing:1px;*/
   
  }
}

@-webkit-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-right {
  0% {
    opacity: 0;
    -moz-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}
@-webkit-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
  }
}
@-moz-keyframes cd-enter-left {
  0% {
    opacity: 0;
    -moz-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -moz-transform: translateX(0%);
  }
}
@keyframes cd-enter-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -ms-transform: translateX(0%);
    -o-transform: translateX(0%);
    transform: translateX(0%);
  }
}



/* EXTRA */

.top-bar-p
	{
	font-family:ComfortaaR;
	letter-spacing:2px;
	}

.report
	{
	font-family:ComfortaaR;
	letter-spacing:2px;
	font-weight:normal;
}
.event
	{
	font-family:ComfortaaR;
	font-size:16px;
	text-align:left;
	padding-left:5px;
}
.annouce
	{
	font-family:UbuntuM;
	font-size:16px;
	text-align:left;
	padding-left:5px;
	color:#515151;
	letter-spacing:1px;
}
#announcement {
	background: none repeat scroll 0 0 #fff;
	/*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);*/
	padding: 2em 2em;
	position: relative;
	text-align: center;
	z-index: 2;
}
.annouceheader
	{
	font-family:UbuntuM;
	font-size:15px;
	color:#CCCCCC;
	text-align:center;
	background-color:#012232;
	}

.annoucetopyear
	{
	font-family:UbuntuM;
	font-size:14px;
	text-align:left;
	color:#414141;
	letter-spacing:1px;
/*	text-align:center;
text-decoration:underline;*/
	}
.annoucedte
	{
	font-family:UbuntuM;
	font-size:12px;
	text-align:center;
	color:#012232;
	letter-spacing:1px;
	/*
	border:1px solid #C1DAD7;
	*/
	}
.annoucedesc
	{
	font-family:UbuntuM;
	font-size:12px;
	text-align:left;
	color:#012232;
	letter-spacing:1px;
	padding-top:10px;
	padding-bottom:10px;
	/*
	border:1px solid #C1DAD7;
	*/
}
.annoucemore
	{
	font-family:ComfortaaL;
	font-size:16px;
	color:#666666;
	font-style:italic;
	}
.style4
	{
	font-family:UbuntuM;
	font-size:24px;
	color:#666666;
	
}

#grade1 {
	float:left;
	padding:5px 5px 5px 5px;
    background: white;
  	border-radius: 5px;
  	border:1px solid #EFEFEF;
  	max-width:600px;
 	}
#grade2 {
	/*
	float:left;
	padding:5px 5px 5px 5px;
    background: white;
  	border-radius: 5px;
  	border:1px solid #EFEFEF;
  	margin:0 auto;
  	position:relative;
  	*/
  	max-width: 600px;
 	margin: 0 auto;

 	}
#grade3 {
	/*
	float:left;
	padding:5px 5px 5px 5px;
    background: white;
  	border-radius: 5px;
  	border:1px solid #EFEFEF;
  	margin:0 auto;
  	position:relative;
  	*/
  	max-width: 800px;
 	margin: 0 auto;
 	}
#grade4 {
	float:left;
	padding:5px 5px 5px 5px;
    background: white;
  	border-radius: 5px;
  	border:1px solid #EFEFEF;
  	max-width:1200px;
 	}

#grade5 {
	/*
	float:left;
	padding:5px 5px 5px 5px;
    background: white;
  	border-radius: 5px;
  	border:1px solid #EFEFEF;
  	margin:0 auto;
  	position:relative;
  	*/
  	max-width: 1000px;
 	margin: 0 auto;
 	}
#grade6 {
	/*
	float:left;
	padding:5px 5px 5px 5px;
    background: white;
  	border-radius: 5px;
  	border:1px solid #EFEFEF;
  	margin:0 auto;
  	position:relative;
  	*/
  	max-width: 1200px;
 	margin: 0 auto;

 	}
#grade6a {
	max-width: 1200px;
 	margin: 0 auto;
	}
	
 
#clr {
	clear:both;
	padding:5px 5px 5px 5px;

}
#clr1 {
	float:left;
	padding:5px 5px 5px 5px;
}
#separator {
 width:100%;
 height:31px;
 background:url('../img/oddelovac.png')no-repeat;
 margin-top:6px;
 }

.milestitle
	{
	font-family:Nunitob;
	font-size:18px;
	text-align:center;
	letter-spacing:2px;
	color:#333333;
/*	font-style:italic;*/
	}
.milesdte
	{
	font-family:ComfortaaR;
	font-size:13px;
	text-align:center;
	letter-spacing:2px;
	}
	
.milesdesc
	{
	font-family:ComfortaaR;
	font-size:13px;
	text-align:left;
	}

.milestable
	{
	border:0;
	}

.time-p
	{
	max-width:600px;
	vertical-align:text-top;
	/*background-color:#f8f8f8;*/
	border:0;
}

.board
	{
	font-family:ComfortaaR;
	font-size:18px;
	text-align:left;
	font-weight:bold;
	letter-spacing:1px;
	}
.boardesc
	{
	font-family:ComfortaaR;
	font-size:13px;
	text-align:left;
	font-weight:normal;
	font-style:italic;
	}
.mission {
	font-family:FredokaOneR;
	font-size:75px;
	text-align:center;
	color:#666666;
	text-shadow:#2e2e2e 0 4px 5px;
	border:0;
	background:#FFF;
}

.mission2 {
	font-family:ComfortaaR;
	font-size:15px;
	color:#666666;
	text-align:left;
	border:0;
	background:#FFF;
/*	text-shadow:#2e2e2e 0 3px 4px;*/
	}

#grade4 table
	{
	border:0;
	}
	
#grade4 td
	{
	width:280px;
	border:0;
	background-color:#FFF;
	vertical-align:text-top;
	}
	
#grade4 p
	{
	font-family:ComfortaaR;
	font-size:15px;
	text-align:center;
	letter-spacing:1px;
	}

.annual
	{
	background-color:#d6d6d6;
}

/*  Career */
.careerheader
	{
	font-family:ComfortaaR;
	font-size:15px;
	color:#FFF;
	text-align:center;
	letter-spacing:1px;
	background-color:#012232;
	}
	
.careertitle
	{
	font-family:ComfortaaR;
	font-size:15px;
	text-align:center;
	letter-spacing:1px;
	background-color:#FFF;
	vertical-align:text-top;
	}
	
.careerreq
	{
	font-family:ComfortaaR;
	font-size:15px;
	text-align:left;
	letter-spacing:1px;
	background-color:#FFF;
	vertical-align:text-top;
	}

/*  Career */


/*  CONTACT FORM */


/*  CONTACT FORM */
.image { 
   position: relative; 
   width: 100%; /* for IE 6 */
}

h7 { 
   position: absolute; 
   top: 20px; 
   left: 0; 
   width: 100%; 
   
}

h7 span{
	font-family:ComfortaaR;
   	color:#FFF; 
   	letter-spacing: 1px;
   	background-color:#012232;
   	padding: 5px;
   	}

.cla1 { 
  width:1920px;
  height:800px;
  background-size:cover; 
  background-position:center center; 
  background-repeat:no-repeat; 
  background-image:url('../classita/File_001.jpeg');
}

.cla2 { 
  width:1920px;
  height:800px;
  background-size:cover; 
  background-position:center center; 
  background-repeat:no-repeat; 
  background-image:url('../classita/Cutting01Copy2.jpeg');
}


.text12				{	font-family:UbuntuM; font-size:12px}