@font-face { font-family: 'Montserrat';
             src: url('Montserrat-Regular.ttf') format('truetype'); }

/* ==========
GLOBAL STYLE
========== */
html,
body {
  height: 100%;
  width: 100%;
  font-family: 'Montserrat',Arial, sans-serif;
  font-weight: 400;
}

h1{
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	color: #009a36;
}

h1.title{
	text-shadow: 2px 2px #FFD700;
}

h3.title{
	text-shadow: 1px 1px #fff;
}

section.section{
	display:none;
}

/* ==========
GLOBAL LINKS
========== */
a:link {
    color: #111;
}
a:visited {
    color: #111;
}
a:hover {
    color: #555;
}
a:active {
    color: #111;
}

/* ==========
OFFLINE CONTAINER
========== */
.offline {
  display: table;
  height: 100%;
  width: 100%;
  position: relative;
  background: #fafafa; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.vert-text {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.vert-text h1 {
  padding: 0;
  margin: 0;
  font-size: 4.5em;
  font-weight: 700;
}

/* ==========
CONTAINER
========== */
.custom-content{
	padding-top: 50px;
}

/* =========
NAVIGATION
========= */
.nav a.smoothScroll,
.nav a.smoothScroll:active,
.nav a.smoothScroll:visited{
	color: #fff !important;
}
.nav a.smoothScroll:hover{
	color: #b2b2b2 !important;
}
li.active-slide {background-color:#4d4d4d;}
li.active-slide a.selected,
li.active-slide a.selected:active,
li.active-slide a.selected:visited{
	color: #fff !important;
}
li.active-slide a.selected:hover{
	
}
.navbar-toggle {
border-color: transparent;
border: 0px solid transparent;
color: #fff;
}

/* ==========
HEADERPICTURE/SLIDER
========== */
.headerwrap {
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	margin-top: 0px;
	text-align:center;
	background-attachment: relative;
	background-position: center center;
	height: 100%;
	width: 100%;
	position: relative;
    -webkit-background-size: 100%;
    -moz-background-size: 100%;
    -o-background-size: 100%;
    background-size: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.headerwrap .content{
	position: absolute;
	bottom: 5%;
	width: 100%;	
}
.godown{
	margin-top: 20px;
}
.godown a,
.godown a:active,
.godown a:visited{
	color: #fff !important;
	text-shadow: 2px 2px 2px #000 !important;
}

.godown a:hover{
	color: #009a36 !important;
}

.headerwrap h1 {
	color:#ffffff;
	padding-bottom: 10px;
	font-weight: 700;
	text-shadow: 2px 2px 2px #000;
}

.headerwrap p {
	color:#ffffff;
	font-size: 40px;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}

.btn{
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.btn-custom {
  background-color: #009a36;
  border-color: #009a36;
  color: #fff !important;
  padding: 15px 20px 15px 20px;
}

.btn-custom:hover,
.btn-custom:focus,
.btn-custom:active,
.btn-custom.active {
  background-color: #00812d;
  border-color: #006724;
}

/* ==========
CONTENT
========== */
hr.custom{
	margin-top: 0px;
	border-color: #009a36 !important;
}
.custom-4{
	padding-top: 20px !important;
}


/* ==========
FOOTER
========== */
hr.footer{
	border-color: #111 
	-moz-use-text-color #111;
	border-style: solid none;
	border-width: 1px 0;
}

/* ==========
GOOGLE MAPS
========== */
#map-canvas{ 
		width: 100%;
		height: 400px;
		margin-bottom: 20px;
}
#x, #y, #badgemap{
	display:none;
}

/* ==========
CAROUSEL
========== */
.carousel,
.item,
.active {
	height:100%;
/*	position: relative;*/
}

.carousel-inner {
	height:100%;
	position: relative;
}

.fill {
	position: relative;
	width:100%;
	height:100%;
	background-position: center;
	background-size: auto 100% !important;
}	
.carousel h1 {
	color:#ffffff;
	padding-bottom: 10px;
	font-weight: 700;
	text-shadow: 2px 2px 2px #000;
}
.carousel p {
	color:#ffffff;
	font-size: 40px;
	text-align: center;
	text-shadow: 1px 1px 1px #000;
}
.carousel-control, .carousel-indicators{
	display:none;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}

/* ==========
WAYPOINTS
========== */

/* ==========
MODAL
========== */
.modal{
	
}



/* ========
JOBS
======== */
.jobs{ 
		text-align:center; 
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		position:fixed;
		top:20%;
		left:0px;
		font-size: 20px;
		z-index: 10000;
		padding: 20px;
		background: #009a36;
}
.jobs a:link , .jobs a:visited, .jobs a:active{
	color: #fff;
}
.jobs a:hover {
    color: #e6e6e6;
}
.jobs:hover{
	text-decoration:none;
}
	















	
	
/* ======================================================================
RESPONSIVE DESIGN 
====================================================================== */

/* ==========
MAX WIDTH 768 PX
========== */
@media (max-width: 767px) {
	h1{
		font-size: 30px;
	}
	/* =========
	CONTENT
	========= */
	.container{
		margin: 0px 10px 0px 10px;
	}
	.contentspace{
		padding-top: 80px;
	}
	
	/* ==========
	CAROUSEL
	========== */
	.carousel-caption{
		font-size: 15px;
		text-align: center;
	}
	.carousel h1 {
		font-size: 30px;
	}
	.carousel p {
		font-size: 15px;
		line-height: 15px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	/* ==========
	HEADER PICTURE
	========== */
	.headerwrap h1{
		font-size: 30px;
	}
	.headerwrap p {
		font-size: 15px;
		line-height: 15px;
		margin-left: 10px;
		margin-right: 10px;
	}
	.godown{
		
		width: 100%;
	}
	
	/* ==========
	SOCIAL BUTTONS
	========== */
	.socialbuttons{
		display:none;
	}
	
	/* ==========
	SCROLL TO TOP
	========== */
	.scrollToTop{
		visibility:hidden;
	}
}

/* ==========
MIN WIDTH 768PX
========== */
@media (min-width: 768px) {	
	/* ==========
	HEADER PICTURE
	========== */
	.godown{
		width: 100%;
	}
	
	/* ==========
	SOCIAL BUTTONS
	========== */
	.socialbuttons{ 
		text-align:center; 
		font-weight: bold;
		color: #fff;
		text-decoration: none;
		position:fixed;
		top:40%;
		left:0px;
		z-index: 10000;
	}
	.socialbuttons a:link , .socialbuttons a:visited, .socialbuttons a:active{
		color: #fff;
	}
	.socialbuttons a:hover {
    color: #e6e6e6;
	}
	.socialbuttons:hover{
		text-decoration:none;
	}
	.socialbuttons .facebook{
		padding: 10px;
		background: #3b5998;
	}
	.socialbuttons .twitter{
		padding: 10px;
		background: #00aced;
	}
	.socialbuttons .instagram{
		padding: 10px;
		background: #517fa4;
	}
	.socialbuttons .google{
		padding: 10px;
		background: #dd4b39;
	}
	
	/* ==========
	SCROLL TO TOP
	========== */
	.scrollToTop{
		padding:10px; 
		text-align:center; 
		font-weight: bold;
		color: #000;
		text-decoration: none;
		position:fixed;
		bottom:20px;
		right:20px;
		display:none;
		z-index: 10000;
	}
	a.scrollToTop:link , a.scrollToTop:visited, a.scrollToTop:active{
		color: #000;
	}
	a.scrollToTop:hover {
    color: #474747;
	}
	.scrollToTop:hover{
		text-decoration:none;
	}
}

/* ==========
MAX-WIDTH 992PX
========== */
@media (max-width: 992px) {
	/* ==========
	HEADER PICTURE
	========== */
	.headerwrap h1, .carousel h1{
		font-size: 50px !important;
	}
	.headerwrap p , .carousel p{
		font-size: 20px !important;
		line-height: 20px;
		margin-left: 10px !important;
		margin-right: 10px !important;
	}
	
	/* ==========
	CONTENT
	========== */
	.contentspace{
		padding-top: 55px;
	}
}

/* ==========
MIN-WIDTH 992PX
========== */
@media (min-width: 992px) {
	/* ==========
	HEADER PICTURE
	=========== */
	.headerwrap h1, .carousel h1{
		font-size: 100px !important;
	}
	.headerwrap p , .carousel p{
		font-size: 40px !important;
		line-height: 45px;
		margin-left: 20px !important;
		margin-right: 20px !important;
	}
	/* ==========
	CONTENT
	========== */
	.contentspace{
		padding-top: 55px;
	}
}