body {
	font-family: arial, helvetica, sans-serif;
}

i {
	color: #fff;
}
.rpnav {
	background-color: #80a41f;
	color: #fff;
}
.rpnav a {
	padding: 5px;
	background-color: #80a41f;
	color: #fff;
	border: solid #80a41f 1px;
}
.rpnav a:hover {
	background-color: #cfe78d;
	color: #303f06;
	border: solid #303f06 1px;
}

.rpnav a.active {
	color: #303f06;
	border: solid #303f06 1px;
}
.rpspan {
	font-size: 1.5em;
	letter-spacing: 2px;
}
.rpspan span {
	color: #243005;
	font-weight: bold;
}
.nav-item {
	margin-right: 25px;
}
.rpdrop {
	background-color: #80a41f;
}

.logo {
	position: absolute;
	background: transparent;
	top: 0px;
	left: 50px;
	width: 400px;
	z-index: 1;
}
.logo img {
	width: 100%;
}

.carousel-item img {
	width: 100%;
}

/* content */
.left.facebook {
	height: 60px;
}
img.fb {
	height: 50px;
	width: 50px;
}
/*----*/
.content-bottom {
  margin:2em 0 4em;
}
.welcome{
	border:1px solid #e0cab4;
	padding: 2em ;
}
.welcome h3{
	font-size: 2.5em;
  font-family: 'Montserrat', sans-serif;
  color: #80a41f;
}
.welcome p{
	font-size:1.1em;
	color:#B4B2B2;
	line-height:1.5em;
	margin:0 0 1em;
}
.welcome p.for{
	font-size:1.1em;
	color:#555;
	margin: 0.85em 0;
}

.rpcontent {
	margin-top: 60px;
}
.left {
	margin-top: 70px;
	text-align: center;
}
.left img {
	width: 95%;
	margin-bottom: 50px;
}
.left a.calls {
	color: #254d35;
}
.left a.calls:hover {
	color: #80a41f;
	text-decoration: none;
}
.calls a {
	color: #303f06;
}
.calls a i {
	color: #303f06;
}
.left a {
	color: #303f06;
}
.left a:hover {
	color: #202785;
}
.left a i {
	color: #202785;
}

.content-use-bottom {
  padding: 0;
}
.our {
  padding: 1.6em 0 0;
}
.content-use-bottom h3 {
  font-size: 2.3em;
  font-family: 'Montserrat', sans-serif;
  color: #62370d;
    padding: 0 15px;
}
.content-use-bottom h3{
  line-height: 1.2em;
  font-size: 1.7em;
  margin: 1em 0 0em 0; 
}
.content-use-bottom h4 a{
	  color: #000;
  text-decoration:none;
}
.content-use-bottom h4 a:hover{
	color:#00bce4;
}
.content-use-bottom p{
	color: #B4B2B2;
  line-height: 1.5em;
  font-size: 1em;
  margin: 1em 0 ; 
}
.content-use {
  padding: 0 0 4em;
}

.sponsors img {
	padding: 50px;
}
.sponsorimg img {
	width:100%;
}

.footer {
	color: white;
	background-color: #80a41f;
	text-align: center;
	padding: 50px;
}
.footer a {
	color: #cfe78d;
}
.footer a:hover {
	color: #243005;
}

/* gallery */

h1.gallery {
	padding-top: 30px;
	padding-bottom: 30px;
}
.galpics {
	margin-bottom: 40px;
}

.d-flex {
  border:2px solid #000;
}
.d-flex picture {
  width:300px;
  flex: auto;
  cursor:pointer;
  border:2px solid #000;

}

@media (min-width: 992px) { 
  .w-lg-50 {width:50%!important;}
}

/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/

/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

/* 
Extra small devices (portrait phones, less than 544px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/


/* Small devices (landscape phones, 544px and up) */
@media (min-width: 544px) {  

}

/* Medium devices (tablets, 768px and up) 
The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  

}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}



/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/

@media (max-width: 950px) { 

}

.resourcesbanner {
	width: 100%;
	margin: 0;
	padding: 0;
	max-height: 250px;
	overflow: hidden;
	margin-bottom: 25px;
}
.resourcesbanner img {
	width: 100%;
}
.resource {
	background: rgba(200,200,200,0.4) url(../images/watermark.png) top center no-repeat;
	border: solid #254d35 1px;
	padding: 30px;
	margin-bottom: 50px;
}
.dl img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.dl p {
	text-align: left;
}
.dl p a {
	color: #3aa063;
}
.dl p a:hover {
	color: #265a3b;
}

/*-- contact --*/
.contactbanner {
	width: 100%;
	margin: 0;
	padding: 0;
	max-height: 250px;
	overflow: hidden;
	margin-bottom: 25px;
}
.w3layouts-contact-form-top h3,.contact-form-top h3 {
	color: #000000;
	margin: 0 0 1em;
	font-size: 1.5em;
	text-align: left;
}
.w3layouts-contact-form-top p{
	font-size: 1.2em;
	color: #555;
	margin: 1em 0 0;
	line-height: 1.8em;
}
.agileits-contact-address{
margin: 3em 0 0 0;
}
.w3layouts-contact-form-top p{
margin:2em 0;
}
.agileits-contact-address ul {
	padding: 0;
	margin: 0;
}
.agileits-contact-address ul li {
	display: block;
	margin: 1em 0;
}
.agileits-contact-address ul li i.fa.fa-phone,.fa.fa-bars,.agileits-contact-address ul li i.fa.fa-map-marker {
	height: 40px;
	width: 40px;
	background: #f35041;
	line-height: 40px;
	text-align: center;
	color: #FFF;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.agileits-contact-address ul li span {
	color: #555;
	font-size: 1.2em;
	margin-left: 1em;
}
.agileits-contact-address ul li span a {
	color: #555;
	text-decoration: none;
}
.agileits-contact-address ul li span a:hover{
color:#f35041;
}
.agileinfo-contact-form-grid{
	margin: 2em 0 0 0;
}
.agileinfo-contact-form-grid input[type="text"],.agileinfo-contact-form-grid input[type="email"] {
	display: inline-block;
	background: none;
	border: 1.5px solid #BBBBBB;
	width: 100%;
	outline: none;
	padding: 10px 15px 10px 15px;
	font-size: .9em;
	color: #BBBBBB;
	margin-bottom: 1.5em;
}
.agileinfo-contact-form-grid textarea {
	background: none;
	border: 1.5px solid #BBBBBB;
	width: 100%;
	display: block;
	height: 150px;
	outline: none;
	font-size: 0.9em;
	color: #BBBBBB;
	resize: none;
	padding: 10px 15px 10px 15px;
	margin-bottom: 1em;
}
button.btn1{
border: solid 2px #f35041;
	color: #ffffff;
	font-size: .875em;
	background: #f44336;
	padding: .5em 2em;
	text-decoration: none;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
button.btn1:hover{
	border: solid 2px #000000;
	color: #000000;
background:none;
}
.w3agile-map {
	margin: 4em 0 0 0;
}
.w3agile-map iframe{
	border: none;
	min-height: 300px;
	width: 100%;
margin:2em 0 0 0;
}
/*-- //contact --*/


/* contact page */
/* contact.css for contactform */

/* contact form */
#contactform {
	padding: 5px;
	padding-left: 0px;
	color: #777777;
}	
#contactform span {
	color: #777777;
}
#contactform span.error {
	color: #ff0000;
}	
ol {
	list-style:none;
}
ol li {
	display:block;
	clear:both;
}
ol li label {
	display:block;
	margin:0;
	padding:16px 0 0 0;
}
ol li select {
	display:block;
	margin:0;
	border:1px solid #c0c0c0;
	color: #999999;
	background: #ffffff
}
ol li input.text {
	width:300px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:5px 2px;
	background-color:#fff;
}
ol li textarea {
	width:300px;
	border:1px solid #c0c0c0;
	margin:0;
	padding:2px;
	background-color:#fff;
}
ol li .send {
	margin:16px 0 0 0;
}
ol li .send:hover {
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
.submitbtn {
	color: #fff;
    border: 1px solid #5789c7;
    background: #80a41f;
	 padding: 10px;
}
.submitbtn:hover {
	color: #ffffff;
   border: 1px solid #006;
   background: #303f06;
}	
/* contact form */

#message {
	margin-left: 200px;
}
#message span {
	color: #ff0000;
	font-weight: bold;
	font-size: +2;
}
/* // contact page */