@charset "UTF-8";
/* CSS Document */
/* Global */
body {
	font-family: 'Nunito', sans-serif;
	background-color: rgba(206,191,117,0.1)
}

p {
	font-size: 1.6rem;
}



/* Colour Palette 

#426B22
#71B73A
#678451
#90B771
#233812

*/

/* Header */

.header-top {
	background-color: #426B22;
	color: white;
	padding-top: 0.5rem;
	padding-right: 5rem;
	padding-bottom: 0.5rem;
	padding-left: 5rem;
	text-align: right;
}

.header-top a {
	color: white;
}

.icon-text {
	display: inline-block;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: lighter;
}
.fa-phone {
	padding-left: 3rem;
}
.fa-envelope {
	padding-left: 3rem;
}

/* Main Menu */

.navbar-default {
  position: absolute;
	display: inline;
	z-index: 10;
	width: 100%;
	padding-top: 1rem;
	padding-left: 2rem;
	padding-right: 2rem;
	padding-bottom: 1rem;
	background: rgba(103,132,81,0.9);
	border-radius: 0;
	border: none;
	color: white;
}


.navbar-default .navbar-nav li a {
	color: white;
}

.navbar-default .navbar-nav .active a {
	color: #dbdbdb;
}

.dropdown-menu {
	background: rgba(103,132,81,0.9);
	border-radius: 0;
}

.nav-btn {
	background: rgba(103,132,81,0.9);
	border-radius: 0;
	border: none;
}




/* Main Image */
#image-main {
	height: 700px;
	width: 100%;
	overflow: hidden;
}
#image-main img {
width:100%;
height: auto;
}

/* Info Section */

.info-section {
	text-align: center;
	color: white;
	background-color: #426B22;
	margin: 1rem;
	margin-bottom: 2rem;
	padding: 2rem;
	min-height: 27rem;
		
}

.info-section i {
	font-size: 6rem;
	padding: 1.5rem;
}

.content-wrapper {
	clear: both;
	overflow:auto;
	padding: 2rem;
}

/* Main Page */
/* Carousel Settings */
#carousel-main {
	height: 650px;
	overflow: hidden; 
}
.carousel img {
	min-width: 100%;
	height: 450px;
	max-height: none;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  top: 20px;
  left: 10%;
	bottom: 50%;
	max-width: 40%;
  z-index: 10;
  margin-top: 150px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	min-height: 0px;
	padding-left: 2rem;
	padding-right: 2rem;
  text-align: left;
	text-shadow: none;
  /* text-shadow: 0 1px 2px rgba(0, 0, 0, .6); */
	background-color: rgba(255, 255, 255, .7);
}

.carousel-caption h3 {
	color: #678451;

}

#426B22
#71B73A
#678451
#90B771
#233812

.carousel-caption h3, .h3 {
	font-weight: 900;
	font-size: 3rem;
	margin-bottom: 2.5rem;
}

.carousel-caption p, .p {
	
	font-size: 1.5rem;
	color: #333;
}





/* infinite sliders section */
.infiniteslider {
	text-align: center;
	border-top: thin solid #293E75;
	border-bottom: thin solid #293E75;
	margin-top: 5rem;
	margin-bottom: 5rem;
}
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
	animation-name: jssorl-009-spin;
	animation-duration: 1.6s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}
 @keyframes jssorl-009-spin {
 from {
transform: rotate(0deg);
}
 to {
transform: rotate(360deg);
}
}

/* Contact Us */
.maincontact {
	margin-top: 10rem;
	margin-bottom: 10rem;
}

.googlemap {
	margin: 3rem;
}

/* Contact Form */

.maincontactform {
	text-align: center;
}

.maincontactform {
	margin-top: 2rem;
}

@media (min-width: 992px) {
.maincontactform {
	text-align: left;
}
}
.error {
	color: red;
}

.maincontactform #contact h3 {
	color: #636775;
	/*display: block;*/
	font-size: 30px;
	font-weight: 400;
}


.maincontactform #contact input {
	width: 50rem;
}

.maincontactform #contact textarea {
	width: 50rem;
	min-height: 15rem;
}

.contactdetails {
	text-align: center;
}

@media (min-width: 992px) {
.contactdetails {
	text-align: left;
}
}


/* Footer */

#footer {
	clear: both;
	padding-top: 0.5rem;
	background-color: #426B22;
	color: #ffffff;
	height: auto;
	left: 0;
	font-size: normal;
	width: 100%;
	line-height: 0.8;
}
#footer-copyright {
	padding-top: 0.5rem;
	line-height: normal;
	background-color: #233812;
	height: auto;
	bottom: 0;
}

.footercontact {
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-weight: lighter;
}

.footerlogo {
	margin-top: 1rem;
	margin-bottom: 1.5rem;
}
.footercontact {
	text-align: center;
}

@media (min-width: 992px) {
.footercontact {
	text-align: left;
}
}

@media (max-width: 992px) {
.footercontact a p {
	color: #ffffff;
	line-height: 2rem;
}

}

.footercontact a p {
	color: #ffffff;
	line-height: 2rem;
}

.footercontact a:hover p {
	color: #A4ABC1;
}



/* Contact Form */

.contactform {
	text-align: center;
}

.contactform {
	padding: 1rem;
}

@media (min-width: 992px) {
.contactform {
	text-align: right;
}
}
.error {
	color: red;
}

/* Clients page */

.image-main-text {
	position: absolute;
    top: 8rem;;
    left: 8rem;;
	width: 40%;
	padding: 3rem;
	color: #ffffff;
	background-color: rgba(68, 103, 193, 0.8); 
}

/* Services pages */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
    background-color: #ffffff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: 0.5px solid #A4ABC1;
    outline: none;
    transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
    background-color: #4467C1;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
    padding: 0 18px;
    background-color: white;
    display: none;
    overflow: hidden;
}

.panel p {
		text-align: left;
	line-height: 2rem;
	
}

.panel i {
	color: #4467C1;
}

.accordion-list p {
	line-height: 3rem;
	text-size: 1.6rem;
	text-align: left;
}

.active, .accordion:active {
	color: #ffffff;
}

.active, .accordion:hover {
	color: #ffffff;
}


#contact button [type="submit"] {
	color: #90B771;
}