/* CSS Document */




/* ==================================================================== */
/*        Service Highlight Row - Rectangle pictures floating text      */
/* ==================================================================== */

.bucket1 {background:url(images/ix-highlight-1.jpg);}
.bucket2 {background:url(images/ix-highlight-2.jpg);}
.bucket3 {background:url(images/ix-highlight-3.jpg);}
.bucket4 {background:url(images/ix-highlight-4.jpg);}
.bucket5 {background:url(images/ix-highlight-5.jpg);}
.bucket6 {background:url(images/ix-highlight-6.jpg);}

.serviceBucket {
  overflow:auto;
  width:360px;
  height:130px;
  border:1px solid #666;
  line-height:23px;
}
.serviceBucket a {
  background-color: rgba(0, 0, 0, 0.3);
  margin-top:107px;
  display:block;
  height:23px;
  text-align:center;
  font-weight:bold;
  color:#fff;
  }

/* =================================== */
/*     Badge Row            */
/* =================================== */
.badgeRowCont {
	overflow:auto;
	width:100%;
	background:#fff;
	/*background-color:rgba(255, 255, 255, 0.85);*/
	padding:40px 0;
}
.badgeRowHeader {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:2.5em;
	font-weight:300;
	}
	
.badgeRowItems {
	overflow:auto;
	text-align:center;
	/*border:1px solid #f00;*/
}

	.badgeRowItemList li {
		display:inline-block;
		margin:0 2.6%;
	}
	


/* ========== Call to Action - Colored Rectangles ========== */ 

.callBoxContainer {
  overflow:auto;
  width:100%;
  text-align:center;
}

.callBoxWrapper {
  overflow:auto;
  width:95%;
  margin: 0 auto;
  background-color: #a36f48; 
  color:#fff; /* Text color */
}

.call {
  float:left;
  margin:18px 25px 11px 25px;
  font-weight:300;
}

.action { 
  float:right;
  margin:12px 20px 11px 10px;
  padding:6px 25px 5px 25px;
  font-weight:300;
  border:2px solid #fff;
}

/* ========== Feature Boxes -  (Cards) Ico, Title, Descrip ========== */


/* ========== Feature Boxes - Ico, Title, Descrip ========== */

.featureBoxCont { 
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: #f9f9f9; /* Light Light Grey  - 100% Row*/
 /* overflow: auto;*/
 overflow: hidden;
} 

.featureBoxWrapRow {
  /* Dont add height */
  width:1200px;
  margin: 0 auto;
  overflow:auto;
}

.featureBoxWrapRowStyle2 {
  /* Dont add height */
  width:100%;
  margin: 0 auto;
  overflow:auto;
}

 @media only screen and (max-width: 960px) { 
.featureBoxWrapRow {
  width:97%;
  overflow: hidden;
}
.featureBoxWrapRowStyle2 {
  width:97%;
  overflow: hidden;
}
.featureBoxCont { 
  padding-top: 10px;
  padding-bottom: 10px;
}
}
	 
.featureBox {
  width:33.333%;
  float:left;
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
}

.featureBoxStyle2 {
    float: left;
    width: calc(25% - 40px);
    margin: 0 20px;
    text-align: center;
}

.featureBoxCont h2 { /*Title*/
  font-size: 18px;
  color: #$colorPrimary;
 /* line-height: 3;*/
  text-align: center;
 /* font-family: Raleway*/;
  font-weight: 600;
 /* font-style: normal;*/
  margin-bottom: 10px;
  text-transform: uppercase;
}

.featureBoxCont p { /*Description*/
  text-align: center;
  font-size: .95em;
}

@media only screen and (max-width: 1200px) { 
.featureBox {
	clear:left;
	width:97%;
	margin-bottom:5px;
}
.featureBoxStyle2 {
	clear:left;
	width:96%;
	margin-bottom:5px;
}

}



.featureBoxIcon {
  text-align: center;
  box-sizing: border-box;
  line-height: 0;
  font-size: 1.5em;
  margin-bottom: 15px;
}

.iconBgPrimary {color:#a36f48;} /* April 2016 - Semi Added*/

.featureMoreInfo {
  text-align: center;
  font-size: .95em;
}

  .featureMoreInfo a { color:#$colorPrimary; text-decoration: none;}
  .featureMoreInfo a:visited { color:#$colorPrimary;}
  .featureMoreInfo a:hover { color:#$colorLinksPrimaryH; }
  .featureMoreInfo a:active { color:#$colorPrimary;}
  
  /* ========== End Feature Boxes - Ico, Title, Descrip ========== */
  





  /* ==========  Feature Circle Image Row ========== */
  .featureCircleImgCont { 
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f9f9f9; /* Light Light Grey  - 100% Row*/
 /* overflow: auto;*/
 overflow: hidden;

} 
.featureCircleImgWrap { /* Row */
  /* Dont add height */
  width:1320px;
  margin: 0 auto;
  overflow:auto;
}
 @media only screen and (max-width: 1180px) { 
.featureCircleImgWrap {
  width:97%;
}
}
	 
.featureCircleImgBucket { /* Individual */
  width:25%;
  /*float:left;*/ /* Mod */
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
  box-sizing: border-box;
  /*border:1px solid #f00;*/
}
 @media only screen and (min-width: 1180px) { 
.featureCircleImgBucket { float:left;
}
 }
 @media only screen and (max-width: 1180px) { 
.featureCircleImgBucket {
	/*clear:right;*/
	clear:both; /* Mod */
	width:335px; /* Mod */
	margin-left: auto;  /* Mod */
	margin-right: auto; /* Mod */
	/*width:100%;*/
	margin-bottom:20px;
	text-align:center;
	/*border:1px solid #f00;*/
}
}

.featureCircleImgBucket h2 { /*Title*/
  font-size: 18px;
  color: #$colorPrimary;
 /* line-height: 3;*/
  text-align: center;
 /* font-family: Raleway*/;
  font-weight: 600;
 /* font-style: normal;*/
  margin-bottom: 10px;
  text-transform: uppercase;
}
.featureCircleImgBucket p { /*Description*/
  text-align: center;
  font-size: .95em;
}

.featureCircleImgBucketMoreInfo {
  text-align: center;
  font-size: .95em;
}

  .featureCircleImgBucketMoreInfo a { color:#$colorPrimary; text-decoration: none;}
  .featureCircleImgBucketMoreInfo a:visited { color:#$colorPrimary;}
  .featureCircleImgBucketMoreInfo a:hover { color:#$colorLinksPrimaryH;}
  .featureCircleImgBucketMoreInfo a:active { color:#$colorPrimary;}


/** Icon removed */
.circleImgCont {
	position: relative;
	}
	
.circleImgCont img {
	width:300px; !important;
	height:300px;
	border-radius: 50%;
	}	
	
.circleImgCont::before {
	content:'';
	display:block;
	position:absolute;
	width:260px;
	height:260px;
	border-radius: 50%;
	border: 20px solid rgba(255, 255, 255, 0.3);
}
 /* ==========  End Feature Circle Image Bar ========== */