﻿#content {
			text-align: center;
			color: #6c6c6c;
			padding-left: 12%;
			padding-right: 12%;
			padding-top: 30px;
			padding-bottom: 30px;
			font-size: 20px;
		}

.testimonial {
	text-align: center;
			color: #6c6c6c;
			padding-left: 12%;
			padding-right: 12%;
			padding-top: 10px;
			padding-bottom: 50px;
			font-size: 17px;
			font-style:italic;
}

.purplesubbox {
margin-bottom:30px;
}

.bgbanner {
	margin-top: 20px;
	z-index: 1;
}

.cycle-slideshow img {
	margin: auto;
	width: 100%;
}

.icon-page-fa .item-box {
  height: 90px;
  width: 100% !important;
  margin-top:11px;
  cursor:pointer;
  border:2px solid #004225;
}

.icon-page-fa .item i {
  font-size: 20px;
  color:#004225;
   margin-bottom: 0px;
}

@media (min-width: 992px) {

	.icon-page-fa .item-box {
		height: 106px;
		margin-top: 11px;
		display:block;
	}

	.icon-page-fa .item i {
		font-size: 30px;  
		margin-bottom: 10px;
	}
}

		.purplesubbox {
			padding-left: 11px;
			width: auto;
			background-color: #004225;
			color: white;
			height: auto;
			padding-bottom: 0px;
			clear: both;
			padding-top: 20px;
			margin-bottom: 26px;
		}

		.purplesubbox p {
			color: white;
			padding-right: 40%;
			text-align: left;
		}

		.purplesubbox h2 {
			color: white;
		}

		.purplesubbox .whitearrow {
			position: relative;
			left: 90%;
			bottom: 45px;
			z-index: 100;
			width: 50px;
		}



		.imagebox {
			height: auto;
		}

		.imagebox img {
			width: 100%;
		}

		@media (min-width:992px) {
			.imagebox {
				height: 157px;
			}
		}

		@media (min-width:1200px) {
			.imagebox {
				height: 200px;
			}
		}

		.item-box .item {
			font-size: 18px;
			color: #6c6c6c;
		}

		.item-box:last-of-type {
			margin-bottom: 20px;
		}


		.mainbuttons {
			z-index:99;
		}

		.mainbuttons .colsonly4 {
			width: 100%;
			float: none;
			position: relative;
			padding-right: 15px;
			padding-left: 15px;
			text-align: center;
			height: auto;
		}



		.mainbuttons .colsonly4 .item-box {
			margin: auto;
			z-index:100;
		}

		.icon-page-fa .item {
			font-size: 12px;
			color: #6c6c6c;
		}

		.colsonly4 a:hover, .line-icon-page .item:hover {
			text-decoration: none !important;
			color: #004225 !important;
		}

		.icon-page-fa .item i {
			display: inline-block;
		}

		.bgbanner {
			position: relative;
		}

		.bannerbutton {
			position: absolute;
			bottom: 5px;
			left: 5px;
			z-index:99999;
		}

		@media (min-width:440px) {

			.mainbuttons .colsonly4 {
				width: 33.333333333%;
				float: left;
				position: relative;
				min-height: 1px;
				padding-right: 15px;
				padding-left: 15px;
				text-align: center;
			}

			.icon-page-fa .item {
				font-size: 18px;
			}

			.bannerbutton {
				bottom: 10px;
				left: 10px;
			}
		}

		@media (min-width:992px) {
			.bannerbutton {
				position: absolute;
				bottom: 15px;
				left: 15px;
			}

			.icon-page-fa .item i {
				display: block;
			}

			.icon-page-fa .item-box {
			}
		}

		@media (min-width: 1000px) {
			.icon-page-fa .item-box {
				height: 100px;
				margin-top: 18px;
				font-size: 15px;
				background-color: white;
				padding-top: 10px;
				max-width: 223px;
			}

			.icon-page-fa .item i {
				font-size: 40px;
			}


			.bannerwrap {
				position: relative;
				height: 370px;
				margin: 0 auto;
				width: 100%;
				max-width: 1200px;
			}

			.bgbanner {
				position: absolute;
				top: 0px;
				margin: 0px;
				width: 100%;
			}

			.mainbuttons {
				position: absolute;
				right: 0px;
				top: 0px;
				width: 25%;
			}

			.mainbuttons .colsonly4 {
				width: 100%;
				max-width: 223px;
				margin-top: 14px;
			}
		}

		@media (min-width:1200px) {
			.mainbuttons {
				right: 0px;
				width: 20%;
			}

			.mainbuttons .colsonly4 {
				margin-top: 18px;
			}

			.bannerwrap {
				height: 450px;
			}
		}