@import url(../fonts/fonts.css);
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	padding:0px;
	margin:0px;
	background-image:url(../img/bodyBg.png);
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
h1, h2, h3, h4, h5, h6 {
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	}
img {
	max-width:100%;
	}
.btn {
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out; 
	background:#5c8b3c;
	}
.btn:hover {
	background:#487728;
	}
.container {
    padding-left: 15px;
    padding-right: 15px;
	}
.row {
    margin-left: -15px;
    margin-right: -15px;
	}
	
/*Header*/
.Header {
	padding:15px 0 12px;
	border-bottom:4px solid #333333;
	}
.Logo {
	padding:10px 0;
	}
.HeaderRight {
	display: inline-block;
	padding:10px 0;
    float: right;
    text-align: center;
	}
.Header h3 {
	display: inline-block;
    float: right;
    font-size: 33px;
    margin: 0;
    padding:10px 0 10px 45px;
    position: relative;
	}
.Header h3 span {
	font-size:15px;
	display:block;
	}
.Header h3:before {
	background: url("../img/phone3Img.png") no-repeat;
    content: "";
    height: 40px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 41px;
	}
/*Header*/

/*HomeContent*/

.BannerArea {
	background: none repeat scroll 0 0 #fff;
    border-bottom: 8px solid #5c8b3c;
 //   max-height: 700px;
    overflow: hidden;
    position: relative;
	}
.BannerArea h1{
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	font-size:38px;
	text-align:center;
	color:#333333;	
	margin:20px 0;
	}
.BannerArea h1 span{
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	}
.BannerArea .GreenTxt {
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	color:#5c8b3c;
	text-decoration: underline;
	}
.PageForm {
	background:rgba(51,51,51,0.9);
	margin:0 60px 0 0px;
	text-align:center;
	color:#fff;
	}
.PageForm .form-horizontal {
	padding: 0 15px 15px 15px;
	font-family:'pt_sansregular',Arial,Helvetica,sans-serif;
	text-align: left;
	}
.PageForm h2 {
	font-size:36px;
	margin:0 0 5px 0;
	}
.PageForm h4 {
	font-size:22px;
	margin:0;
	}
.PageForm h5 {
	font-size:18px;
	margin:0 0 5px 0;
	width:100%;
	}
.PageForm label {
	width: 49%;
    margin: 0;
    padding: 7px 0;
    text-align: left;
	font-weight:normal;
	float:left;
	font-size:16px;
	}
.PageForm select.form-control,
.PageForm .form-control {
    background: none repeat scroll 0 0 #dedede;
    border-radius: 0;
    color: #333333;
    float: right;
    height: 27px;
    margin: 5px 0 5px 5px;
    padding: 0 2px;
    width: 49%;
	}
.PageForm .btn {
    /*margin:15px 0;*/
	color:#fff;
	font-size:20px;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	border-radius:0px;
	width:80%;
	}
.PageForm h4 {
	background:#72aa4d;
    border: 1px solid #89b864;
    color: #fff;
    font-size: 20px;
    margin: 0;
    padding: 10px 0;
	}
.PageForm .full-row {
	margin: 10px 0;
}
.PageForm .smaller-font {
	font-size: 13px;
}
.PageForm .smaller-label {
	text-align: center;
	font-size: 13px;
}
.PageForm form .form-control.full-width {
	float: none;
	width: 96%;
	margin: 0 auto;
}
.PageForm .submit-button-wrapper {
	margin-top: 8px;
	text-align: center;
}
.HeaderWrapper h6 {
	display: inline-block;
    font-size: 24px;
    margin: 0;
    padding:10px 0 10px 45px;
    position: relative;
	}
.HeaderWrapper h6 span {
	font-size:15px;
	display:block;
	}
.HeaderWrapper h6:before {
	background: url("../img/phoneImg2.png") no-repeat;
    content: "";
    height: 41px;
    left: 0;
    position: absolute;
    top: 10px;
    width: 41px;
	}	
.BannerBg {
	position:absolute;
	margin:260px 0 0 0;
	z-index:2;
	}
.BannerBg img {
	position:relative;
	}
.BannerContent {
	left: 0;
    position: relative;
    top: 0;
    width: 100%;
	z-index:3;
	}
.BannerList {
	padding:0px;
	margin:0px;
	font-size:20px;
	}
.BannerList li {
	padding:0px;
	margin:0px;
	list-style-image:url(../img/bullet.png);
	font-family: 'source_sans_prosemibold', Arial, Helvetica, sans-serif;
	}
.BrandUl {
	padding:15px 0;
	text-align:center;
	margin:0px;
	}
.BrandUl li {
	width:19%;
	 
	}
.GreenRow {
	padding:20px;
	background:#5c8b3c;
	text-align:center;
	position:relative;
	}
.GreenRow:before {
	background: url("../img/greenBg.png") no-repeat center top  #5c8b3c;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
	}
.GreenRow h1 {
	font-size:36px;
	font-family: 'source_sans_probold', Arial, Helvetica, sans-serif;
	margin:0px;
	color:#fff;
	position: relative;
	}
.ThumbnailSect {
	text-align:center;
	padding:40px 15px 25px 15px;
	}
.ThumbnailSect img {
	margin:0 0 10px 0;
	}
.ThumbnailSect h3 {
	font-size:20px;
	font-family: 'steinembold', Arial, Helvetica, sans-serif;
	color:#333333;
	}
.ThumbnailSect p {
	color: #333333;
    font-family: 'steinemroman',Arial,Helvetica,sans-serif;
    font-size: 16px;
    min-height: 140px;
    padding: 10px 40px 0;
	position:relative;
	}
.ThumbnailSect .col-sm-4 + .col-sm-4 p:before {
	background: url("../img/thumnail-arrow.png") no-repeat;
    content: "";
    height: 100%;
    position: absolute;
    left:-15px;
    top: 25%;
    width: 17px;
	}
.ThumbnailSect .btn {
    border-radius: 30px;
    color: #fff;
    font-family: 'steinembold',Arial,Helvetica,sans-serif;
    font-size: 18px;
    height: 56px;
    margin: 15px 0;
    padding: 12px 0;
    width: 140px;
	}
.BtmInfoRow {
	background:url(../img/btmRowBg.png) no-repeat;
	background-size:cover;
	position:relative;
	padding:7px 0 30px 0;
	}
.BtmInfoRow .col-sm-5 {
	float:right;
	}
.BtmInfoRow:before {
	background:rgba(0,0,0,0.7);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	}
.BtmInfoRow h1 {
	font-family: 'steinembold',Arial,Helvetica,sans-serif;
	font-size:74px;
	color:#c6e23b;
	margin:0 0 0 0px;
	}
.BtmInfoRow h2 {
	font-family: 'steinemroman',Arial,Helvetica,sans-serif;
	font-size:38px;
	color:#fff;
	margin:30px 0 0 0px;
	}
.BtmRowList {
	padding:0 0 0 34px;
	margin:0px;
	}
.BtmRowList li {
	padding:0px;
	margin:0px;
	list-style-image:url(../img/bullet.png);
	font-family: 'source_sans_prosemibold', Arial, Helvetica, sans-serif;
	font-size:22px;
	color:#fff;
	}
.BtmForm {
    margin:0 10px;
    position: relative;
	}
.PageForm.BtmForm {
	background: url("../img/BtmFormBg.png") no-repeat rgba(99, 157 ,59, 0.85);
	}
.BtmForm .form-horizontal{
	font-family: 'source_sans_proregular', Arial, Helvetica, sans-serif;
	}
.BtmForm:before {
	background: url("../img/Btmbtm.png") no-repeat scroll center center transparent;
    bottom: -51px;
    content: "";
    height: 51px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 1;
	}
.BtmForm h5 {
    font-family: 'steinembold', Arial,Helvetica,sans-serif;
    font-size: 20px;
	}
.BtmForm .btn {
	background:#000;	
	}
.BtmForm .btn:hover {
	background:#4c4c4c;	
	}
/*HomeContent*/


/*Footer*/
.Footer {
	padding:45px 0 30px 0;
	text-align:center;
	}
/*Footer*/

div.error,
label.error {
	margin-bottom: 6px;
	padding: 0 2px;
	text-align: right;
	font-size: 12px;
	color: red;
}

.PageForm a,
.BtmForm a {
	color: #fff;
	text-decoration: underline;
}

.BtmForm div.error {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
}

.form-row {
	overflow: hidden;
}

.last-form-row {
    display: none;
}

.checkbox-cell {
	font-size: 12px;
}

.checkbox-cell label {
	display: inline;
	width: 100%;
	margin: 0;
	cursor: pointer;
}

.checkbox-cell .checkbox-chbx-row {
	padding: 4px;
}
.checkbox-cell .checkbox-chbx-row.odd {
	background: #636363;
}
.checkbox-cell .checkbox-chbx-row.even {
	background: #505050;
}

.checkbox-group {
	text-align: left;
}

.checkbox-group div {
	padding-left: 10px;
}

.popup-page-container {
	display: none;
}



/*/////////////////////////////////*/

@media (max-width: 1200px) {
.PageForm {
	margin:0;
	}
.PageForm h4 {
    font-size: 19px;
	}
.BannerContent .col-sm-6,
.BannerContent .col-sm-5,
.BtmInfoRow .col-sm-7,
.BtmInfoRow .col-sm-5 {
	width:50%;
	margin-left:0px;
	}
.BannerArea h1 {
    font-size: 28px;
	}
.BannerList {
	padding:0 0 0 30px;
	font-size:20px;
	}	
.BtmInfoRow h1 {
    font-size: 38px;
	margin-bottom:5px;
	}
.BtmInfoRow h2 {
    font-size:26px;
	}
.BtmRowList li {
    font-size: 16px;
	}
.BannerBg {
    margin: 300px 0 0;
	}

}

@media (max-width: 980px) {
.PageForm {
	margin:0;
	}
.BannerContent .col-sm-6,
.BannerContent .col-sm-5,
.BtmInfoRow .col-sm-7,
.BtmInfoRow .col-sm-5 {
	width:50%;
	margin-left:0px;
	}
.BannerArea h1 {
    font-size: 30px;
	}
.BannerList {
	padding:0 0 0 30px;
	font-size:18px;
	}	
.BtmInfoRow h1 {
    font-size: 38px;
	margin-bottom:5px;
	}
.BtmInfoRow h2 {
    font-size:26px;
	}
.BtmRowList li {
    font-size: 16px;
	}
.BannerBg {
    margin: 300px 0 0;
	}

}

@media (max-width: 767px) {
.BannerContent .col-sm-6,
.BannerContent .col-sm-5,
.BtmInfoRow .col-sm-7,
.BtmInfoRow .col-sm-5 {
	width:100%;
	}
.BtmInfoRow .col-sm-5 {
	float:none;
	}
.BannerArea {
    max-height: 100%;
    overflow: initial;
	}
.BannerArea h1 {
    font-size: 32px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
	}
.BannerBg {
    left:auto;
    margin: 0;
    position: absolute;
    top:auto;
    width: 100%;
	overflow: hidden;
	}
.BannerBg img {
    margin: 84px 0 0 -9%;
    max-width: 113%;
    position: relative;
	}
.BannerContent {
    left: auto;
    padding-top: 50%;
    position: relative;
    top: auto;
	}
.PageForm {
	background: none repeat scroll 0 0 rgba(38, 38, 38, 0.9);
    margin: 0 auto;
    max-width: 80%;
	}
.PageForm label {
    width: 100%;
	}
.PageForm select.form-control,
.PageForm .form-control {
    float: left;
    margin:0;
    padding: 0 2px;
    width: 100%;
	}
.PageForm h4 {
    font-size: 18px;
	}
.BannerList {
    font-size: 18px;
    margin: 0 auto;
    padding: 25px 0 25px 35px;
    width:320px;
	}
.ThumbnailSect p {
    min-height: 100%;
	}
.ThumbnailSect .col-sm-4 + .col-sm-4 {
	margin-top:30px;
	}
.ThumbnailSect .col-sm-4 + .col-sm-4 p:before {
    display:none;
	}
.ThumbnailSect .btn {
    margin: 15px 0 60px;
	}
.ThumbnailSect .btn:before {
    background: url("../img/arrowtwo.png") no-repeat center;
    content: "";
    height:28px;
    left:0;
    position: absolute;
    bottom:0;
    width:100%;
	}
.ThumbnailSect .col-sm-4:last-child .btn:before {
    display:none;
	}
.BtmInfoRow {
    background:url("../img/btmRow2Bg.png") no-repeat;
	background-size:cover;
	}
.BtmForm {
    margin: 30px auto 50px;
	max-width: 355px;
	}
.BtmInfoRow h1 {
    text-align: center;
	}
.BtmInfoRow h2 {
    text-align: center;
	}
.BtmRowList {
    margin: 0 auto;
    width: 280px;
	}

div.error,
label.error {
	margin-top: 4px;
}
}

@media (max-width: 570px) {
.Header {
	text-align:center;
	padding: 5px 0;
	}
.BannerArea h1 {
    font-size: 22px;
	}
.PageForm h4 {
    font-size: 18px;
	}
.Header h3 {
    float: none;
	}
}


@media (max-width: 480px) {
.BannerArea h1 {
    font-size: 18px;
	}
.PageForm h2 {
    font-size: 28px;
	}	

.PageForm h4 {
    font-size: 14px;
	}
.PageForm label {
	font-size:12px;
	}
}	
	
@media (max-width: 360px) {
.BannerContent {
    padding-top: 75%;
	}
.PageForm {
    max-width: 100%;
	}	
}


/*Add new classes and ID*/

/*Show red border if kept the input empty after touching*/
.ng-touched.ng-invalid-required {
    border-color: red;
}
/* Show red border when stuff has been typed in, but its invalid */
.ng-dirty.ng-invalid {
  border-color: red;
}
/*Show normal border color when typed in for the first time*/
.ng-untouched.ng-invalid {
    border-color: #ccc; 
}
.ng-submitted input.ng-invalid{
    border-color: red;
}
  .alert {
  
    margin-top: 12px !Important;
  
}