/* Main Link/Primary Colour */
a { color: #FFF; }
.container h2, 
.toggle-active h3.toggle-heading,
.panel-heading h1, 
.panel-heading h2 { color: #95d127; }

.button, 
#site-nav ul li ul, 
.toggle-gallery-filter-active, 
.gallery-filter ul li a:hover, 
.gallery-filter ul li.active a,
.tabs .tab-buttons, 
.contact-form input[type="submit"],
.contact-form input[type="button"] { background: #95D127; }


/* Sections */

#banner { background: #FFF; }
#call-to-action { background: #f9f9f9; border-bottom: 5px solid #f2f2f2; padding: 35px 0 30px 0; }
#about { background: #f9f9f9; border-top: 5px solid #f2f2f2; border-bottom: 5px solid #f2f2f2; } 
#about-b { background: #f9f9f9; padding: 50px 0 20px 0; border-top: 2px solid #f2f2f2; border-bottom: 2px solid #f2f2f2; }
#about-c { background: #FFF; }
#work { background: #f9f9f9; border-top: 5px solid #f2f2f2; border-bottom: 5px solid #f2f2f2; }
#services { background: #FFF; }
#team { background: #f9f9f9; border-top: 5px solid #f2f2f2; border-bottom: 5px solid #f2f2f2; }
#testimonials { }
	#testimonials .container { text-align: center; }
#parallax { color: #FFF; padding: 140px 0 130px 0; }
	#parallax .parallax { background-image: url(../images/demo/banner-slide-3.jpg); }
	#parallax .call-out h2 { color: #FFF; }
#clients { background: #FFF; }
#blog { background: #f9f9f9; border-top: 5px solid #f2f2f2; border-bottom: 5px solid #f2f2f2; }
#contact { background: #f9f9f9; border-bottom: 5px solid #f2f2f2; }


.light-gray-row{
	background: #CCC;
}

#services{
	background: #F9F9F9;
	border-top: 3px solid #F2F2F2;
	border-bottom: 3px solid #F2F2F2;
}

.padding-small{
	padding-top: 30px;
	padding-bottom: 30px;
}

.padding-medium{
	padding-top: 60px;
	padding-bottom: 60px;
}

.padding-top-medium{
	padding-top: 60px;
}

.padding-bottom-small{
	padding-bottom: 30px;
}

.padding-bottom-medium{
	padding-bottom: 60px;
}

.col-service:hover{
	background-color: #EEEEEE;
	cursor: pointer;
	transition:all 0.4s linear 0s;
	box-shadow: 1px 1px 51px rgba(0, 0, 0, 0.05) inset;
}

.email-address>a{
	color: #006E32;
}

.email-address>a:hover{
	color: #95D127;
}

.text-justify{
	text-align: justify;
}

hr{
	border: none;
	border-top: 1px solid #CCC;
}

.social>a{
	color: #95D127;
	font-size: 31px;
}

.social>a:hover{
	color: #006E32;
	transition:all 0.6s linear 0s;
}

#services>.container>.panel-heading{
	margin: 0px;
}

#about>.container>.panel-heading{
	margin: 0px;
}

.prod-list{
	margin-top: 5%;
	margin-left: 2%;
	font-weight: bold;
	font-size: 22px;
}
.color-font{
	color: #000;
}

.btn-color{
	position: relative;
	margin-top: 40px !important;
	z-index: 999;
	margin-right: 40px;
	height: 60px;
	border: none;
	color: #CCC;
}

.btn-color:hover{
	cursor: pointer;
}

.btn-c1{
	background: #000623;
}

.btn-c2{
	background: #4C1B1B;
}

.btn-c3{
	background: #413659;
}

.btn-c4{
	background: #404040;
}

.btn-c5{
	background: #787730;
}

.btn-c6{
	background: #48577D;
}

.btn-c7{
	background: #FF6405;
}

.btn-c8{
	background: #DB8A00;
}

/* Media query start for custom color button */

@media (min-width: 200px) and (max-width: 339px){
	#banner .btn-color{
		width: 30px;
		height: 40px;
		margin: 0;
	}

	.prod-list a{
		padding-top: 5px !important;
	}
}

@media (min-width: 340px) and (max-width: 359px){
	#banner .btn-color{
		width: 30px;
		height: 40px;
		margin: 0;
	}
	.prod-list a{
		padding-top: 5px !important;
	}
}

@media (min-width: 360px) and (max-width: 767px){
	#banner .btn-color{
		width: 60px;
		height: 40px;
		margin: 0;
		margin-left: 5px !important;
	}
	.prod-list a{
		padding-top: 5px !important;
	}
}

@media (min-width: 768px) and (max-width: 799px){
	#banner .btn-color{
		width: 75px;
		height: 50px;
		margin: 0;
	}
	.prod-list a{
		padding-top: 5px !important;
	}
}

@media (min-width: 800px) and (max-width: 979px){
	#banner .btn-color{
		width: 90px;
		height: 60px;
		margin: 0;
	}
	.prod-list a{
		padding-top: 5px !important;
	}
}

@media (min-width: 980px) and (max-width: 1279px){
	#banner .btn-color{
		width: 100px;
		height: 60px;
		margin: 0;
		margin-left: 10px !important;
	}
	.prod-list a{
		padding-top: 5px !important;
	}
}

@media (min-width: 1280px){
	#banner .btn-color{
		width: 110px;
		height: 60px;
		margin: 0;
		margin-left: 10px !important;
	}
	.prod-list a{
		padding-top: 5px !important;
	}
}