html{ -webkit-text-size-adjust:100%; padding:0;}

.rImg{
	max-width:100%;
	height:auto;
}

.clear, .clearfloat, .clearFloat{
 	clear:both; }
	
.fLeft {float:left;}
.fRight {float:right;}

body {
	font-family: 'Nunito Sans', sans-serif;
	background-color: #FFF;
}

a{	text-decoration:none;
        color:inherit;
        transition: color .5s ease; }


.showOnlyMobile { display:none; }

.mainContent h1.pageTitle
	{
	font-size: 55px;
	margin-bottom:10px;
	color:#d81921;
	font-weight:400;
	}
	
.mainContent h1, .mainContent h2, .mainContent h3, .mainContent p{
	padding-top:10px;
	padding-right:2.5%;
}

.mainContent .featureBoxes h3 {
	padding-top:0px;
}

.mainContent .twoCol h1, .mainContent .twoCol h2, .mainContent .twoCol h3, .mainContent .twoCol p, .mainContent .twoCol .flink{
	padding-right:5%;
}

.mainContent h1 {
	font-size: 42px;
	font-weight: 400;
	padding-bottom:10px;
	color:#d81921;
}

.mainContent h2 {
	font-size: 36px;
	font-weight: 400;
	padding-bottom:10px;
	color:#d81921;
}


.mainContent h3 {
	font-size: 24px;
	font-weight: 400;
	padding-bottom:0px;
	color:#d81921;
}

.mainContent p {
	font-size: 16px;
	font-weight: 400;
	padding-bottom:10px;
	line-height:25px;
}


/* Navigation Dropdowns */

.nav ul {
    *zoom:1;
    list-style:none;
    margin:0;
    padding:0;
    /* background:#333; */
}
.nav ul:before,.nav ul:after {
    content:"";
    display:table;
}
.nav ul:after {
    clear:both;
}
.nav ul > li {
    float:left;
    position:relative;
}

#header .nav ul li ul li {
 	margin-left: 0px;
	margin-top: 0;
}

.nav a {
    display:block;
    /* padding:10px 20px; */
    line-height:1.2em;
    color:#fff;
    border-left:1px solid #595959;
}
.nav a:hover {
    text-decoration:none;
    /* background:#595959; */
}
#header .nav li ul {
    /* background:#273754; */
	margin-top:0px;
	}
.nav li ul li {
    width:200px;
	background-color:#FFFFFF;
}
.nav li ul a {
    border:none;
}
.nav li ul a:hover {
     background:rgba(255,204,0,0.5); 
}

/* slide in */

.nav li ul {
    position:absolute;
    left:0;
    top:36px;
    z-index:1;
}
.nav li ul li {
    overflow:hidden;
    height:0;
    -webkit-transition:height 200ms ease-in;
    -moz-transition:height 200ms ease-in;
    -o-transition:height 200ms ease-in;
    transition:height 200ms ease-in;
}
.nav ul > li:hover ul li {
    height:36px;
}


/* End Nav drop down */


strong {font-weight:900;}

.mainContent {
	width:auto;
	padding-right: 2.5%;
	padding-left: 2.5%;
	max-width: 1200px;
	margin-right: auto;
	margin-left: auto;
}

.mainFull{
	padding-right: 0%;
	padding-left: 0%;
	}

#header{
	width:auto;
	margin: 0 auto;
	background-repeat:no-repeat;
	background-position: left top;
	background-image:url(/_images/header-waves.jpg);
}

#header{
	position:relative; min-height:150px;
	}

.contactBar{
	position:relative;

	}

.contactRow { 
	position:absolute;
	top:0;
	width:100%;
	z-index:1000;
	}
	
#header .mainLogo {
	width:auto;
	float:left;
	max-width:400px;
	margin-top: 15px;
	margin-bottom: 20px;
	position:relative; top:-60px; 
	z-index:1000;
}

.contactButtons {
	width:auto;
	max-width:1200px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
	float:none;
	}

.contactRow .getStarted { 
	color:#666;
	background-color:#FFF; 
	border: 0px solid #000000;
	border-top: 0px solid #000;
	display:inline-block;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	padding: 5px 7px 5px 7px;
	}
	
.contactRow .contactBarButton  a{
	color:#FFFFFF;
	background-color:#d81921; 
	border: 0px solid #000000;
	border-top: 0px solid #000;
	display:inline-block;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	padding: 5px 7px 5px 7px;
	}
	
.contactBar .contactBarButton a:hover {
	color:#d81921;
	background-color:#FFF; 
	}

.twoCol, .twoColSmall{
	float: left;
	width: 49%;
	padding-right:1%;
}

.twoColFull {
	float:left;
	width:50%;
}



#header ul {
	float: right;
	margin-top: 35px;
	margin-right:2.5%;
	width:55%;
}

#header ul li {
	float: left;
	display: inline-block;
	margin-right: 2.5px;
	margin-left: 2.5px;
	margin-bottom:0;
}

#header li a {
	font-weight: 400;
	font-size:18px;
	color:#666666;
	padding-right: 2.5px;
	padding-left: 2.5px;
	border: #666666 1px solid;
	line-height:30px;
}


#header li a:hover {
	color:#000;
	border: #d81921 1px solid;
}

#header .pageDescription {
	float: right;
	margin-top: 15px;
	margin-right:2.5%;
	padding-bottom:50px;
	width:55%;
}

article { position:relative; top:-50px; margin-bottom:-45px;}

#header .contactCallout {
	padding-top:30px;
	margin-right:2.5%;
	width: 60%;
	float: right;
	color:#FFFFFF;
	}
	

#header .ulBreakNoShow {
	display:none;}

#rBanner  {
	position: relative;
}

#rBanner    h1  {
	text-align: center;
	width: 100%;
	font-weight: 400;
	font-size: 42px;
	color:#fff;
    text-shadow: 1px 1px 4px #000;
	}
#rBanner p{
	text-align: center;
	width: 100%;
	font-weight: 400;
	font-size: 24px;
	color:#fff;
    text-shadow: 1px 1px 4px #000;
	}

#rBanner .swiper-slide{
	background-position: center;
	background-size:cover;
	height: 50px;
	background-color: #FFFFFF;
	padding-top: 30px;
	padding-bottom: 400px;
	}
	
#rBanner a {
	/*style for in banner links */
	}
	
#rBanner .swiper-infoBar-container {
	width:100%;
	max-width:1200px;
	margin: 0 auto;
	}
	
	
#rBanner .swiper-infoBar {
	background-color: rgba(0, 0, 0, 0.5);
	width: auto;
	padding: 5px 2.5% 0 0px;;
	float:right;
	color:#FFF;
	font-size:14px;
	margin-top:400px;
	}

.wavesBullet { 
	max-width:17px; 
	float:left;
	margin-top: -5px;
	margin-right: 5px;;
	}

#rBanner .swiper-infoBar a {
	color:#FFF;
	text-decoration:underline;
	height:14px;	}


.inlineLink {
	font-weight: 700;
	text-decoration: underline;
	color: #224195;
}

div.table25 > div:nth-of-type(even) {
    background: #e0e0e0;
}

/* data table 4 col */

.table25 {
	border-top: solid #ccc 1px;
	border-bottom:solid #ccc 1px;
	}
	
.table25 span{
	width:24%;
	text-align:left;
	display:inline-block;
	padding: 5px 1% 5px 0;
	hyphens: manual;
	}
	
.table25 .dataRow span {
	text-transform:capitalize;	
	}
	
.table25 .headerRow span{
	border-bottom:solid #ccc 1px;
	text-transform:capitalize;
	font-weight:700;
	 }

/* samaple finishes display */

.item {
	margin-top:10px;
	margin-right:1%;
	float:left;
	font-size:10px;
	text-align:left;
	}

.i50{ 
	width:49%;
	}
	
.i30{ 
	width:32%;
	}

.i25{ 
	width:24%;
	}
	
.i20{ 
	width:19%;
	}
	
/* general colors */
.colorSample {height:40px; border: 1px solid #000;}
.imgSample {height:72px; border: 1px solid #000; background-size:cover; background-position:center; }


.teal {
	color: #13a89e;
}

.green {
	color: #D7DF21;
}

.red {
	color: #EF4036;
}

.grey {
	background-color: #58585A;
	border-top-color: #666666;
}

.yellow {background-color:#FFFF00;
	margin-top:20px; }

/* document link format */
.docLink {line-height:40px; }
.docIcon {
	width:30px;
	float:left;
	padding-right:10px;
	}

.contactLink-ss, .productPDFs-ss {background-color:#e6decc; clear:both; margin-top:15px;}
.contactLink, .productPDFs {background-color:#fff99e; clear:both; margin-top:15px;}
.contactLink-ss, .contactLink {
	
	margin-top:20px;
	border: 1px solid #000;
	padding:10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	display:inline-block;
	}

.contactLink:hover { background-color:#ffff00;}
.contactLink-ss:hover { background-color:#cfc2a7;}
	
.contactIcon {
	width:30%;
	max-width:200px;
	float:left;
	padding-right:5%;
	}
	
.contactText {
	display:inline-block;
	padding-top:15px;
	font-size:18px;
	color:#224195;
	font-weight:700;
	float:left
	}

.lgs      {
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	padding-bottom: 20px;
	background-color: #FFFFFF;
	clear: left;
	float: left;
	width: 100%;
}

.spacerBlockRed {
	clear:both;
	height:5px;
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-right-style: none;
	border-top-style: none;
	border-left-style: none;
	border-color: #d81921;
	}

.spacerBlockWhite {
	clear:both;
	margin-top: 10px;
	margin-bottom: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-color: #FFF;
	}

.goBackButton  a{
	color:#3c3c3c;
	background-color:#FEEBC3; 
	border: 1px solid #FEEBC3;
	display:inline-block;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	padding: 5px 7px 5px 7px;
	}
	
.goBackButton  a:hover {
	background-color:#ffffff; 
	}

/* Depreciated - Replaced with Feature Content 


.featureBoxes .twoCol {
	border-top: solid 0px #000;
	padding-top:10px;
	margin-top:10px;
	}
	
.featureBoxes .twoCol .twoCol {border-top: none;}


.featureBoxes {
	padding-top: 10px;
}

.featureBoxes .twoCol {
	margin-bottom: 7px;
}

.featureBoxes .twoCol .twoCol {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.featureBoxes .twoCol .twoCol img {
	max-width:95%;
	}
	
.featureBoxes .oneCol .twoCol img {
	max-width:97.5%
	}
*/

.featureContent {
	width:100%;
	max-width:1200px;
	margin: 0 auto;
	}


/* Three Col Layout */

.featureContent .threeCol  {
	float:left;
	}
	
.featureContent .threeCol h2 { padding-top:15px; }
.featureContent .threeCol h2 a { padding-left: 5%;  padding-right:5%;font-size:20px; color:#000; font-weight:400; }
.featureContent .threeCol p, .featureContent .twoCol p { padding-left: 5%; padding-right:5%; font-size:14px; color:#000; padding-top:15px; }
.featureContent .threeCol p a  { 
	width:auto;
	display:block;
	background-color:#FFF; 
	border: 3px solid #febd11;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	padding: 10px 7px 10px 7px;
	text-align:center;
	color:#000; 
	}
	
.featureContent .twoCol p a { 
	width:auto;
	display:block;
	background-color:#FFF; 
	border: 3px solid #febd11;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	padding: 10px 7px 10px 7px;
	text-align:center;
	color:#000; 
	}
	
.featureContent .twoCol p .learnMore { 
	width:auto;
	display:block;
	background-color:#febd11; 
	border: 3px solid #febd11;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-radius: 10px 10px 0px 0px;
	padding: 2px;
	font-size:12px;
	line-height:14px;
	text-align:center;
	color:#000; 
	}

.featureContent .threeCol p a:hover, .featureContent .twoCol p a:hover { 
	background-color:#febd11; 
	color:#000; 
	}

/* 2 Col Large formatting */

.featureContent .twoCol.flgLeft {
	clear: left;
	}

/* 3 col Large formatting */
.featureContent .threeCol.flgLeft {
	clear: left;
	width:32.6%;
	margin-right:.5%;
	}
	
.featureContent .threeCol.flgCenter {
	width:32.6%;
	margin-left: .5%;
	margin-right:.5%;
	}
	
.featureContent .threeCol.flgRight {
	width:32.6%;
	margin-left:.5%;
	}

.galleryHeader { margin: 15px 0 15px 0; }
.galleryHeader h2 { 
	float:left; 
	width:45%;
	font-weight:400;
	font-style:italic;
	font-size:24px;
	padding-left:2.5%;
	}
.galleryHeader p {
	float:left;
	width:50%;
	font-weight:400;
	font-size:14px;
	}
	
.gallery { padding-bottom:20px; }
.gallery a {
	display: block;
	float:left;
	width:15.5%;
	margin: 7px 1% 0 0; 
	}



.testimonial-quote {
	width: 90%;
	margin-right: 2.5%;
	margin-left: 2.5%;
	font-size: 24px;
	font-weight: 200;
	display: block;
}

.swiper-container {
        width: 100%;
        height: 100%;
    }
	
.product-swiper {
	height:300px;
	}
	
.product-index-swiper {
	height:350px;
	}
	
.product-swiper	.swiper-slide, .product-index-swiper .swiper-slide
	{
	background-size:cover;
	}
	
.testimonials{
	margin-top:15%;

	}
	
.testimonials .swiper-slide {
	min-height:250px;
	text-align: center;
	font-size: 18px;
	color:#FFFFFF;
	font-weight:200;	
	padding: 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	background-position: center;
	background-size:cover;
	background-image:url(/_images/home-testimonial.jpg);

    }

.contactWrapper {
	width:100%;
	background-color:#C7B891;
	padding-bottom:15px;
	}
	
.contactWrapper h2{
	color:#FFFFFF;
	}

.socialWrapper {
	background-position: center;
	background-size:cover;
	background-image:url(/_images/social-bar.jpg);	
	}
.socialBar {
	width:100%;
	max-width:1200px;
	margin: 0 auto;
	text-align:center;
	padding:30px 0;
	min-height:175px;
}
.socialBar h2 {
	font-style:italic;
	font-size:24px;
	text-align:center;
	width:100%;
	color:#FFFFFF;
	}
.socialBar a {
	width:auto;
	max-width:6%;
	display:inline-block;
	padding: 10px 10px;
	}
	
.contactBlock {
	padding-top: 20px;
}


#contactForm {
	
}


.formGroup { width:32.33%; margin-right:1%; float:left; padding-bottom:15px;}

.formElement {float: left; clear:both; width:100%;}
.formElement input { width:100%; }
.formElement select { width:100%; font-size:1.3em;}

/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	float:left;
	margin-right:35px;
}

/* Hide the browser's default checkbox */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #febd11;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

#contactForm input {
	font-size: 1.3em;
	float: left;
	width: 90%;
	margin-bottom: 5px;
}

#contactForm textarea {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.3em;
	width: 99%;
	margin-top: 10px;
	clear: left;
	height: 200px;
}

.mapwide {
	margin-top: 10px;
}

.greyButton  {
	font-size: 18px;
	font-weight: 200;
	padding: 5px;
	margin-top: 10px;
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
	background-color: #333333;
	cursor:pointer;
}

.redButton  {
	font-size: 18px;
	font-weight: 200;
	padding: 10px;
	margin-top: 10px;
	margin-left:auto;
	text-align: center;
	display: inline-block;
	color: #FFFFFF;
	background-color: #cc002c;
}

.redButton:hover {
	color: #cc002c;
	background-color: #FFF;
}

footer{
	width:auto;
	margin: 0 auto;
	clear:both;
	color: #FFFFFF;
	background-color: #58595B;
	background-image:url(/_images/footer-waves.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	padding-top: 30px;
	padding-bottom: 30px;
}

.footerContent{	
	width:100%;
	max-width:1200px;
	margin: 0 auto;
	}
	
.footerContent .contactInfo {
	float:left;
	width:30%;
	margin-right:1%;
	color:#FFFFFF;
	font-size:18px;
	text-align:left;
	padding-left:2.5%;
	}
	
.footerContent .contactLogo {
	float:left;
	width:auto;
	max-width:200px;
	margin-bottom:20px;
	}
	
.footerContent .contactInfo a {
	color:#febd11;
	text-decoration:none;
	}

.footerContent .contactInfo a:hover {
	color:#FF9900;
	text-decoration:underline;
	}

.footerContent .contactInfo .dealerLogin a {
	float:left;
	margin-top:35px;
	border: 1px solid #FFF;
	padding: 9px 9px;
	font-size:16px;
	text-decoration:none;
	background-color:#5C5C5C;
	color:#FFF;
	}
	
.footerContent .contactInfo .dealerLogin a:hover {
	background-color:#CCCCCC;
	color:#666;
	}
	
.footerContent .siteMap {
	width:58%;
	float:left;
	padding-bottom:20px;
	padding-left:2.5%;
	}

.footerContent .siteMap h2 {
	font-size:36px;
	color:#999999;
	}

.footerContent .siteMap ul li {
	float:left;
	width:50%;
	padding-bottom:10px;
	}

.footerContent .siteMap ul li ul li {
	width:100%;
	margin-top: 0px;
	}
	
.footerContent .siteMap ul li ul li a { 
	padding-top:10px;
	padding-bottom:20px;
	text-decoration:underline;
	display:inline-block;
	font-size:18px;
	color:#febd11;

	}
	
.footerContent .siteMap ul li ul li ul li {
	margin-top: 0px;
	margin-bottom:0px;
	padding-bottom: 0px;
	padding-top:0px;
	}

.footerContent .siteMap ul li ul li ul li a {
	margin-top: 0px;
	margin-bottom:0px;
	padding-bottom: 0px;
	padding-top:0px;
	text-decoration:none;
	font-size:14px;
	color:#fff;

}

#footer .socialLinks img {
	padding-top:20px;
	width: 60px;
	height: 60px;
}

.video-container {
clear:both;
margin-bottom:10px;
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.ul_flush, .ol_flush {
  padding-top:10px;Square  	
  list-style: none;
  padding-left: 0;
  display: table;
}
.ul_flush li:after, .ol_flush li:after {
  content: "";
  display: block;
  margin-bottom: 0.5em;
}

.ul_flush li {
  display: table-row;
}


.ul_flush li:before {
  content: '\2022';
  display: table-cell;
  padding-right: 0.4em;
  color:#000;
}

.footerContent .ul_flush li:before {
  content: '';
  display: table-cell;
  padding-right: 0.4em;
  color:#000;
}


.ol_flush li {
  display: table-row;
  counter-increment: table-ol;
}
.ol_flush li:before {
  content: counter(table-ol) ".";
  display: table-cell;
  padding-right: 0.4em;
  text-align: right;
}

li {
  margin-bottom: 0.5em;
}
	
.cpyr {font-size:10px; color:#FFF; padding-top:20px;}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.dealerContactInfo a { color:#d81921; text-decoration:underline; }


/* Responsive Formatting */
@media (max-width: 1100px)
{
#header .mainContent { text-align:center; }

#rBanner .swiper-pagination {
  text-align: left;
  padding-left:17px;
  }


#header .mainLogo{
	width:auto;
	max-width:400px;
	display:block;
	float:none;	
	margin-left: auto;
	margin-right:auto;
	margin-bottom: 0px;

}

#header .pageDescription {
	float: none;
	margin-top: 10px;
	margin-right:2.5%;
	margin-left:2.5%;
	width:95%;

}

#header .mainLogo img{
	
}

#rBanner .swiper-infoBar {
	float:left;
	margin-top:365px;
	}

#header ul {
	clear:both;
	float:none;
	margin-top: -45px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:10px;
	text-align:center;
	width:100%; 
}

#header ul li{
	float:none;
	margin-bottom:5px;
}

#header .nav ul li ul li {
 	margin-left: 0px;
	margin-bottom:0px;
}

#rBanner h1 {
	font-weight: 400;
	font-size: 36px;
	padding-top: 30px;
}
	
.footerContent .siteMap {
	width:95%;

	}

.footerContent .contactInfo {
	clear:both;
	}
	
.formGroup { width:48.33%; margin-right:1%; float:left; padding-bottom:15px;}

#post-btn { clear:both; width:30%; margin:20px auto; float:none; display:block; }

}


@media (max-width: 900px)
{

.footerContent .contactInfo {
	float:left;
	width:41%;
	margin-right:1%;
	color:#FFFFFF;
	font-size:14px;
	text-align:left;
	padding-left:2.5%;
	}
	
.showOnlyMobile { display:block; }
.socialBar a {
	max-width:7%;
	}
	
/* Med Formatting */
.featureContent .threeCol.flgLeft, 
.featureContent .threeCol.flgRight,
.featureContent .threeCol.flgCenter 
{clear:none; width:auto;} 

.featureContent .threeCol.fmLeft {
	clear:both;
	margin-left: 0%;
	margin-right: .5%;
	width:49.5%;
	}
.featureContent .threeCol.fmRight {
	clear:none;
	margin-left:.5%;
	margin-right:0%;
	width:49.5%;
	}

.product-index-swiper {
	height:250px;
	}


}

@media (max-width: 650px)
{

.twoCol {
	width:100%;
	float:none;
}

.socialBar a {
	max-width:8%;
	}
	
#rBanner .swiper-pagination {
 padding-bottom: 45px;
}

#rBanner .swiper-infoBar {
	margin-top:240px;
	}

.mainContent .twoCol h1, .mainContent .twoCol h2, .mainContent .twoCol h3,  .mainContent .twoCol p,  .mainContent.twoCol .flink{
	margin-right:2.5%;
}

.mainContent h1.pageTitle
	{
	font-size: 40px;
	}
	
.mainContent h2 {font-size:30px;}

	
.featureBoxes .twoCol .twoCol {
	text-align:center;
	}

.featureBoxes .twoCol .img {
	max-width:450px;
	margin: 0 auto;
	}

#rBanner    h1  {
	font-size: 36px;
}

#rBanner .swiper-slide{
	padding-top: 30px;
	padding-bottom: 300px;
	}
	
.testimonials .swiper-slide {
	min-height:150px;
}
.testimonial-quote {font-size:16px;
 line-height:18px;
 }

.gallery a {
	width:24%;
	margin: 4px 1% 0 0; 

	}
.formGroup { width:80%;}

#post-btn { clear:both; width:50%; margin:20px auto; float:none; display:block; }

.hideOneCol { display:none;}

}

@media (max-width: 540px)
{
.footerContent .siteMap ul li {
	float:left;
	width:100%;
	padding-bottom:10px;
	}
.socialBar a {
	max-width:15%;
	}
	
.hideMobile { display:none;}


#rBanner .swiper-infoBar {
	margin-top:140px;
	}

	
.contactButtons {
	width:auto;
	max-width:1200px;
	margin-right:auto;
	margin-left:auto;
	text-align:right;
	float:none;
	}

.contactRow .getStarted { 
	display: none;
	}
	
.contactRow .contactBarButton  a{
	padding: 5px 0 5px 0;
	width:46%;
	margin-right: 1%;
	margin-left:1%;
	text-align:center;
	}
	
.contactBar .contactBarButton a:hover {
	color:#d81921;
	background-color:#FFF; 
	}


.contactText {
	padding-top:15px;
	}

#header .ulBreak {
	color: #FFFFFF;
	display:none;
	width:100%;
	margin:0;
	padding:0;
	height:5px;
}

#header .ulBreakNoShow {
	display:block;
	clear:both;
	height:5px;
	width:100%;
	margin:0;
	padding:0;}

#rBanner h1 {
	font-weight: 400;
	font-size: 18px;
	padding-top: 15px;

}


.gallery a {
	width:32%;
	margin: 2px 1% 0 0; 

	}
	
#rBanner .swiper-slide a {
min-width:100px;
max-width:200px;
min-height:100px;
top: 40px;	
}

#rBanner .swiper-slide{
	height: 50px;
	padding-top: 30px;
	padding-bottom: 200px;
	}

.testimonials .swiper-slide {
	min-height:250px;
	padding: 20px 0;
    }
	

/* Sm Formatting */
.featureContent .threeCol.fmLeft, .featureContent .threeCol.fmRight {
	clear:both;
	width:100%;
	margin-left:0;
	margin-right:0;
	}

}