@font-face {
 font-family: bFont;
 src: url("Raleway-Regular.eot") /* EOT file for IE */
}
@font-face {
 font-family: bFont;
 src: url("Raleway-Regular.ttf") /* TTF file for CSS3 browsers */
}
@font-face {
 font-family: cFont;
 src: url("Raleway-Bold.eot") /* EOT file for IE */
}
@font-face {
 font-family: cFont;
 src: url("Raleway-Bold.ttf") /* TTF file for CSS3 browsers */
}
body {
	background-repeat: no-repeat;
	background-position: center top;	
	font-family: bFont;
}

#header {	
	font-family: cFont;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #4181BC;
	background-color: #FFF;
	padding-top: 22px;
	padding-bottom: 22px;
	opacity:.8;
}
#menu {
	font-family: cFont;
	font-size: 20px;
	color: #FFF;
	background-color: #53BFEB;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 150px;
	text-align: center !important;
}
#menu a {
	color: #FFF;
}
#menu a:hover {
	color: #000;
	background-color: transparent !important;
}


#menu ul li ul {
	position: absolute;
	z-index: 1000;
	width: 180px;
	display: none;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 17px;
}
#menu ul li ul li {
	font-size:14px;
	font:"Segoe UI", "trebuchet MS";
	text-align:left;
	display: block;
	width: 180px;
	margin-bottom: 1px;
	color: #FFF;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 15px;
	background: -moz-linear-gradient(top,  rgba(2,2,2,0.73) 0%, rgba(2,2,2,0.73) 1%, rgba(7,7,7,0.66) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,2,2,0.73)), color-stop(1%,rgba(2,2,2,0.73)), color-stop(100%,rgba(7,7,7,0.66)));
	background: -webkit-linear-gradient(top,  rgba(2,2,2,0.73) 0%,rgba(2,2,2,0.73) 1%,rgba(7,7,7,0.66) 100%);
	background: -o-linear-gradient(top,  rgba(2,2,2,0.73) 0%,rgba(2,2,2,0.73) 1%,rgba(7,7,7,0.66) 100%);
	background: -ms-linear-gradient(top,  rgba(2,2,2,0.73) 0%,rgba(2,2,2,0.73) 1%,rgba(7,7,7,0.66) 100%);
	background: linear-gradient(to bottom, rgba(2,2,2,0.73) 0%,rgba(2,2,2,0.73) 1%,rgba(19,19,19,0.88) 100%);
}
#menu ul li ul a  {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#menu ul li ul li:hover {
	background-color: #83E143 !important;
}


#menu ul li:hover ul
{
	display:block;	
}


#banner {
	font-family: cFont;
	font-size: 24px;
	color: #FFF;
	padding-bottom: 100px;
	text-align: center;
	text-shadow: 2px 2px 1px #5E5B5B;
	padding-top: 100px;
}
#inner_banner {
	font-family: cFont;
	font-size: 15px;
	color: #333;
	margin-top: 200px;
	padding-top: 10px;
	padding-left: 50px;
	padding-bottom: 20px;
	background-image: url(images/inner_banner_bg.png);
}
h1 {
	font-size: 48px;
	text-shadow: none !important;
}
h2 {
	font-size: 30px;
	font-family: cFont;
	text-align: center;
	margin-bottom: 15px;
}
h3 {
	font-size: 36px;
	color: #395F21;
	font-family: cFont;
	margin-bottom: 25px;
}
h4 {
	font-size: 25px;
	color: #020202;
	font-family: cFont;
	margin-bottom: 10px;
}
h5 {
	font-family: cFont;
	font-size: 20px;
	color: #666;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
#projects img {
	margin-bottom: 30px;
}
.btn1 {
	color: #FFF;
	font-family: bFont;
	font-size: 18px;
	background-color: #83E143;
	border-radius: 0px;
	border: none;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
}
.btn2 {
	color: #FFF;
	font-family: bFont;
	font-size: 18px;
	background-color: #53BFEB;
	border-radius: 0px;
	border: none;
	padding-bottom: 15px;
	padding-top: 15px;
	padding-left: 30px;
	padding-right: 30px;
}
#content1 {
	font-family: cFont;
	font-size: 22px;
	color: #FFF;
	background-color: #83E143;
	text-align: center;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
}
#inner_content1 {
	font-family: cFont;
	font-size: 22px;
	color: #FFF;
	background-color: #83E143;
	padding-top: 40px;
	padding-bottom: 40px;
	width: 100%;
}
iframe {
	border: none !important;
	width: 453px;
	height: 251px; 
}

.right {
	background-color: #FFF;
	background-image: url(images/right_bg.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding: 28px;
	font-family: cFont;
	font-size: 18px;
	color: #010101;
}
#content2 {
	font-family: bFont;
	font-size: 18px;
	color: #333;
	background-color: #FFF;
	padding-top: 20px;
}

#inner_content2 {
	font-family: bFont;
	font-size: 15px;
	color: #333;
	background-color: #FFF;
	padding-top: 20px;
	padding-bottom: 100px;
}
.space {
	margin-top: 20px;
}
.news_events {
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 100px;
	background-color: #F8F8F8;
	
}
.news_item {

	margin-bottom: 0px !important;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 20px;
}
#footer {
	background-color: #333333;
	font-family: calibri;
	font-size: 16px;
	color: #FFF;
	padding-top: 30px;
	padding-bottom: 5px;
}
#footer .form-group {
	margin-bottom: 4px !important;	
	margin-top: 2px !important;
}
#footer .form-control {
	border-radius: 0px;
}
#footer .btn {
	background-color: #312A2A !important;
	border: none;
}
#footer .btn:hover {
	background-color: #8AE54E !important;
	color: #333;
}#copyright {
	color: #CBCBCB;
	background-color: #030303;
	text-align: right;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: calibri;
	font-size: 13px;
}
.curve {
	border-radius: 15px;
}


.pagination a{
	background-color:#83E143;
	color:#FFFFFF;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-top:25px;
	padding-right:10px;
	padding-left:10px;
	margin:5px;
	text-align:center;
}



@media screen and (max-width: 1200px) {
    .small-nav {
        display: block;
        position: absolute;
        top: 30px;
        right: 10px;
        font-size: 12px;
        font-weight: 500;
        color: #333;
		margin-top: -20px;
    }

    .small-nav span {
        display: inline-block;
        background:url(images/burger.png) no-repeat;
        position: absolute;
        top: 2px;
        right: 0;
        height: 40px;
        width: 40px;
    }

	.nav-pills {
		width: 200px;
		background: #53BFEB;
		height: 100%;
		position: fixed;
		margin-left: -100%;
		left: 0;
		top: 0;
		z-index: 2;
		border-radius: 0;
		transition: .5s margin-left ease-in-out;
	}
	#banner {
		padding-top: 10px;
		padding-bottom: 10px;
	}	
	#inner_banner {
		padding-top: 10px;
		padding-bottom: 0px;
		margin-top: 20px;
	}	
	#inner_content {
		text-align: center;
	}	
	#content {
		text-align: center;
	}
	.curve {
		margin-top: 20px;
	}
	#footer {
		text-align: center;
	}

	.nav li {
		float: none;
		border: none;
	}

	body.active .nav-pills {
        margin-left: 0;
    }
	
	

}

@media screen and (max-width: 991px) {
	.small-nav {
		top: -35px;
	}
}