.safetyContainer h1, .safetyContainer h2, .safetyContainer h3, .safetyContainer .button { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.safetyContainer h2 { text-align: center; line-height: 36px; font-size: 30px; letter-spacing: -0.2px; font-family: 'Playfair Display', sans-serif; margin: 20px 0 0 0; font-weight: 400; padding: 0 }

.safetyContainer h2:after { display: block; content: "......."; font-weight: 700; font-size: 30px; line-height: 36px; color: #cdbf88; text-align: center; margin: -10px auto 15px; letter-spacing: 6px; }

.safetyContainer h3 { font-weight: 700; margin: 0 0 10px 0; padding: 0; font-size: 17px; line-height: 26px; font-family: 'open sans', arial, sans-serif; }

.safetyContainer h4 { color: #5f7b92; margin: 25px 0 0 0; text-transform: uppercase; font-size: 18px; }

.content-asset ul li { list-style: disc outside none; }

.videoContainer {
	position:relative;
	padding-bottom: 56.25%;
	height: 0;
}

.videoContainer iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.clearfix:before, .clearfix:after { content: " "; display: table; }

.clearfix:after { clear: both; }

@media (min-width:768px) {

.safetyContainer h2 { font-size: 40px; line-height: 45px; letter-spacing: -0.2px; }

.safetyContainer h2:after { margin: 0px auto 20px; }

.safetyContainer h3 { font-size: 20px; line-height: 28px; }

}

/* Rear-Facing Section */

section.rearFacing { margin-bottom: 0; }

.rearFacing .hero { max-width: 100%; width: 100%; }

.ta2Box { display: none; }

.ta2Link { display: block; margin: -5px 0 0 0; }

.ta2Link a { margin: 0; padding: 0; font-family: Montserrat, serif; font-weight: 700; text-align: center; font-size: 15px; line-height: 18px; text-decoration: none!important; color: #69849b!important; }

@media (max-width: 768px) {

.rearFacing h2 { margin-top: 10px; }
}

@media (min-width: 768px) {

.ta2Link { display: none; }

.ta2Box { display: block; background: #f2f2f2; float: right; width: 270px; margin: 0 0 0 30px; padding: 15px 25px 20px; text-align: center; }

.ta2Box p { font-size: 16px; line-height: 23px; text-align: center; padding-bottom: 10px; }

.ta2Box img { display: block; margin: 0 auto 10px; }

.ta2Box a { font-family: Montserrat, serif; font-weight: 700; font-size: 14px; text-transform: uppercase; text-decoration: none; color: #69849b }

.ta2Box a:hover { color: #2f333a; }

.ta2Box a img:hover { color: #2f333a; opacity: .8; }
}

.crashAnimation320Group { display: none; }

.crashAnimation560Group { display: none; }

.crashAnimation790Group { display: none; }

p.crashCaption { text-align: center; font-weight: 600; }

@media (min-width: 300px) and (max-width:559px) {

.crashAnimation320Group { display: block; }

.crashAnimation320Group p.crashCaption { display: block; line-height: 24px; margin: 5px auto 0; font-size: 16px; width: 95%; }

.crashAnimation320 { display: block; margin: 5px auto 15px; position: relative; width: 300px; height: 480px; overflow: hidden; }
}

@media (min-width: 560px) and (max-width:799px) {

.crashAnimation560Group { display: block; margin: 10px auto 0; }

.crashAnimation560Group p.crashCaption { display: block; max-width: 560px; line-height: 26px; margin: 15px auto 0; font-size: 16px; }

.crashAnimation560 { display: block; position: relative; max-width: 560px; height: 223px; overflow: hidden; margin: 0 auto; }
}

@media (min-width: 800px) {

.crashAnimation790Group { display: block; margin: 10px auto 0; }

.crashAnimation790Group p.crashCaption span { display: block; }

.crashAnimation790Group p.crashCaption { display: block; line-height: 26px; margin: 15px auto 0; }

.crashAnimation790 { display: block; position: relative; width: 790px; margin: 0 auto; height: 315px; overflow: hidden; }
}

/* Installation Section */

section.installation { display: block; margin: 0 0 0 0; padding: 0 0 0 0; }

.installation .column + .column { text-align: center; padding: 15px 0 0 0; }

.installation .column + .column img { width: 100%; height: auto; }

.installation .column a img:hover { opacity: .85; }

.installation p.caption { font-size: 16px; text-align: center; line-height: 22px; margin: 5px 0 10px 0; }

.installation .quote { display: block; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; padding: 15px 0 5px; margin: 5px 0 20px 0; }

.installation .quote p { font-size: 16px; line-height: 23px; text-align: center!important; }

.installation .quote img { display: none; }

@media (min-width: 568px) {

section.installation { margin: 40px 0 0 0; padding: 15px 35px 35px; background: #f2f2f2; }
}

@media (min-width: 768px) {

.installation .column h3 { padding: 0; }

.installation .column p { padding: 0 15px 0 0; text-align: left; }

.installation .group { display: flex; justify-content: space-between; flex-wrap: wrap; }

.installation .group .column { flex: 0 1 calc(50% - 15px) }

.installation .quote { border-bottom: solid 1px #e2e2e2; border-top: solid 1px #e2e2e2; text-align: center; }

.installation .quote img { display: none; margin: 8px 15px 0 0; flex: 2 0 10%; margin: 12px 10px 0 0; }
}

/* Did You Know */


.didUknow { background-color: #5C535F; padding: 25px 15px; margin:25px 0 30px 0; }

.didUknow p { text-align: center!important; font-size: 17px; line-height: 24px; color: #fff; }

.didUknow p.dyk { font-family: Montserrat, serif; color: #fff; font-weight: 400; text-transform: uppercase; text-align: center; margin: 0 0 5px 0; padding: 0; }

.didUknow h3 { font-size: 35px; font-family: 'Playfair Display', sans-serif; color: #fff; font-weight: 400; line-height: 35px; text-align: center; }

.didUknow h3:after { display: block; content: "......."; font-weight: 700; font-size: 30px; line-height: 36px; color: #cdbf88; text-align: center; margin: 0px auto 15px; letter-spacing: 6px; }

.didUknow sup { color: #fff!important; }

@media (min-width: 768px) {

.didUknow { padding: 25px 30px; }

.didUknow h3 { font-size: 33px; letter-spacing: 0.3px; }
}

/* Footnotes */


p.footnotes { font-size: 10px; line-height: 14px; width: 90%; text-align: center; margin: 0 auto 3px; }