/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/


/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.3.6,
* Autoprefixer: v10.3.1
* Browsers: last 4 version
*/

.preventload{
display: block; /* allows for loading of this div after the fold has loaded */
}

.featuresbox {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.featuressubbox {
-webkit-box-flex: 1;
    -ms-flex: 1;
        flex: 1;
padding: 70px 0;
text-align: center;
}

.featuressubbox .featurescontainer {	
opacity: 0;
}

.featuressubbox.nofeaturesselected .titlesection .title {
color: white;
}

.featuressubbox.nofeaturesselected .titlesection .title::after {
background-color: white;
}

.featuressubbox:nth-child(1) .featurescontainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 60%;
margin: 0 auto;
}

.featuresmessage {
margin: auto;
}

#featurescontainer1 {
color: white;
}

.featuressubbox:nth-child(2){
background-size: cover;
background-position: center center;
position: relative;
overflow: hidden;
}

.lightbgtint .featuressubbox:nth-child(2){
color: #444;
}

.nobgtint .featuressubbox:nth-child(2){
color: black;
}

.darkbgtint .featuressubbox:nth-child(2){
color: white;
}

.lightbgtint .featuressubbox:nth-child(2)::before {
background-color: rgba(255,255,255,.88);
}

.darkbgtint .featuressubbox:nth-child(2)::before {
background-color: rgba(0,0,0,.68);
}

.nobgtint .featuressubbox:nth-child(2)::before {
background-color: rgba(0,0,0,0);
}

.featuressubbox:nth-child(2)::before {
content: "";
display: block;
width: 100%;
height: 4000px;

position: absolute;
top: 0;
z-index: 1;
}

#featurescontainer2 {
position: relative;
z-index: 2;
}

.featuressubbox:nth-child(2) .featurescontainer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-pack: center;
    -ms-flex-pack: center;
        justify-content: center;
max-width: 960px;
margin: auto;
padding: 0 30px;
-webkit-box-align: stretch;
    -ms-flex-align: stretch;
        align-items: stretch;
}

.featuressubbox .feature {
margin: 20px;
width: 250px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-align: center;
    -ms-flex-align: center;
        align-items: center;
}

.featuressubbox .feature .featureheading {
margin: 10px auto;
font-size: 16px;
font-weight: 700;
text-transform: uppercase;
}

.featuressubbox .featuredescription {
max-width: 300px;
margin: 0 auto;
}

.nobgcolor .featuressubbox .featuredescription, 
.lightbgcolor .featuressubbox .featuredescription {
color: #666;
}

.darkbgcolor .featuressubbox .featuredescription {
color: white;
}

.featuresbox .featureimage img {
height: 80px;
width: 80px;
}

.featuressubbox:nth-child(2) .titlesection {
display: none;
}

.hidewhatmakesus {
display: none;
}

.nofeaturesselected #featurescontainer1 {
max-width: 700px;
}

.whitedivider {
width: 100%;
height: 2px;
background-color: white;
}


@media (max-width: 1300px) { /* limit of 1300 has to match value in js of features1.html */

	.whitedivider {
	display: none;
	}

	.featuressubbox:nth-child(1){
	display: none;
	}

	.featuressubbox.nofeaturesselected:nth-child(1){ /*prevents this block from disappearing if there are no featurs selected */
	display: block;
	}

	.featuressubbox:nth-child(2) .titlesection {
	display: block;
	font-size: 28px;	
	}

	.featuressubbox:nth-child(2) .titlesection .title.white {
	color: #777;
	}

	.featuressubbox:nth-child(2) .titlesection .title.white::after {
	background-color: #777;
	}

	.nobgtint .featuressubbox:nth-child(2) .titlesection .title.white {
	color: black;
	}

	.nobgtint .featuressubbox:nth-child(2) .titlesection .title.white::after {
	background-color: black;
	}

	.darkbgtint .featuressubbox:nth-child(2) .titlesection .title.white{
	color: white;
	}

	.darkbgtint .featuressubbox:nth-child(2) .titlesection .title.white::after {
	background-color: white;
	}
	
	.hidewhatmakesus {
	display: block;
	margin-bottom: 30px;
	width: 100%;
	}


}


@media (max-width: 767px) {

	.featuressubbox:nth-child(1) .featurescontainer {
	width: 85%;
	}

}


@media (max-width: 480px) {

	.featuressubbox:nth-child(1) .featurescontainer {
	width: 100%;
	padding: 0 15px;
	}

	.featuressubbox:nth-child(2) .featurescontainer, {
	padding: 0 15px;
	}

	.featuressubbox .feature {
	margin: 20px auto;
	width: 100%;
	}

}