@charset "UTF-8";
.close-icon,
.menu-icon,
.plus-icon,
.search-icon {
	position: absolute
}

.company-pillars article .copy :hover,
.company-pillars article.instagram,
.home-icon,
.plus-icon,
.product-grid .logo .text :hover,
.search-icon {
	cursor: pointer
}

.owl-carousel,
.owl-carousel .owl-item {
	-webkit-tap-highlight-color: transparent
}

.nopadding {
	padding: 0!important;
	margin: 0!important
}

.menu-icon {
	display: inline-block;
	width: 35px;
	height: 30px;
	padding-top: 18px
}

.menu-icon .menu-icon-bar {
	width: 25px;
	height: 2px;
	background-color: #000;
	transform: rotate(0)
}

.menu-icon .menu-icon-bar:nth-of-type(2) {
	margin-top: -10px
}

.menu-icon .menu-icon-bar:nth-of-type(3) {
	margin-top: 14px
}

.menu-icon.active .menu-icon-bar:nth-of-type(1) {
	animation: dissappear .5s ease;
	animation-fill-mode: forwards
}

.menu-icon.active .menu-icon-bar:nth-of-type(2) {
	animation: squishTop .5s ease;
	animation-fill-mode: forwards
}

.menu-icon.active .menu-icon-bar:nth-of-type(3) {
	animation: squishBottom .5s ease;
	animation-fill-mode: forwards
}

.menu-icon.inactive .menu-icon-bar:nth-of-type(1) {
	animation: dissappearRev .5s ease;
	animation-fill-mode: forwards
}

.menu-icon.inactive .menu-icon-bar:nth-of-type(2) {
	animation: squishTopRev .5s ease;
	animation-fill-mode: forwards
}

.menu-icon.inactive .menu-icon-bar:nth-of-type(3) {
	animation: squishBottomRev .5s ease;
	animation-fill-mode: forwards
}

@keyframes squishTop {
	0% {
		margin-top: -10px;
		transform: rotate(0)
	}
	50%,
	75% {
		margin-top: -3px;
		transform: rotate(0)
	}
	100% {
		margin-top: -3px;
		transform: rotate(45deg)
	}
}

@keyframes squishBottom {
	0% {
		margin-top: 14px;
		transform: rotate(0)
	}
	50%,
	75% {
		margin-top: -2px;
		transform: rotate(0)
	}
	100% {
		margin-top: -2px;
		transform: rotate(135deg)
	}
}

@keyframes dissappear {
	0%,
	50% {
		opacity: 1
	}
	100%,
	65% {
		opacity: 0
	}
}

@keyframes squishBottomRev {
	0% {
		margin-top: -2px;
		transform: rotate(135deg)
	}
	50%,
	75% {
		margin-top: -2px;
		transform: rotate(0)
	}
	100% {
		margin-top: 14px;
		transform: rotate(0)
	}
}

@keyframes squishTopRev {
	0% {
		margin-top: -3px;
		transform: rotate(45deg)
	}
	50%,
	75% {
		margin-top: -3px;
		transform: rotate(0)
	}
	100% {
		margin-top: -10px;
		transform: rotate(0)
	}
}

@keyframes dissappearRev {
	0%,
	50% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.no-csstransforms3d .menu-icon {
	width: 30px;
	height: 30px;
	background: url(../img/icons.png) 0 -30px no-repeat;
	margin: 4px 0 0 -3px
}

.no-csstransforms3d .menu-icon .menu-icon-bar {
	display: none
}

.no-csstransforms3d .menu-icon.active {
	background-position: -30px 0;
	margin: 5px 0 0 -1px
}

.plus-icon {
	display: inline-block;
	height: 12px;
	width: 12px;
	margin-top: 7px
}

.plus-icon .plus-icon-bar {
	width: 12px;
	height: 2px;
	background-color: #000;
	transition: transform .3s ease;
	-webkit-transition: transform .3s ease;
	-moz-transition: transform .3s ease;
	-ms-transition: transform .3s ease;
	-o-transition: transform .3s ease
}

.plus-icon .plus-icon-bar:nth-of-type(2) {
	margin-top: -2px;
	transform: rotate(90deg)
}

input:checked~.plus>.plus-icon .plus-icon-bar:nth-of-type(1) {
	transform: rotate(180deg)
}

input:checked~.plus>.plus-icon .plus-icon-bar:nth-of-type(2) {
	transform: rotate(360deg)
}

@keyframes rotate180 {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(180deg)
	}
}

@keyframes rotate90 {
	0% {
		transform: rotate(90deg)
	}
	100% {
		transform: rotate(180deg)
	}
}

@keyframes rotate180Rev {
	0% {
		transform: rotate(180deg)
	}
	100% {
		transform: rotate(0)
	}
}

@keyframes rotate90Rev {
	0% {
		transform: rotate(180deg)
	}
	100% {
		transform: rotate(90deg)
	}
}

.no-csstransforms3d .plus-icon {
	width: 30px;
	height: 30px;
	background: url(../img/icons.png) 0 -60px no-repeat;
	margin: -7px 0 0 -10px
}

.no-csstransforms3d .plus-icon .plus-icon-bar {
	display: none
}

.no-csstransforms3d .plus-icon.active {
	background-position: -30px -60px
}

.search-icon {
	display: inline-block;
	margin-right: 20px
}

.search-icon .search-icon-glass {
	transform: rotate(45deg) translate3d(-15px, 15px, 0) translateX(-50%) translateY(-50%);
	width: 21px;
	height: 21px;
	border-radius: 100%;
	border: 1px solid #000;
	color: #000
}

.search-icon .search-icon-handle {
	width: 13px;
	height: 2px;
	margin-top: -14px;
	margin-left: -6px;
	background-color: #000;
	transform: rotate(45deg)
}

.search-icon .search-icon-crossbar {
	width: 25px;
	height: 2px;
	margin-top: -10px;
	margin-left: -20px;
	opacity: 0;
	background-color: #000;
	transform: rotate(45deg)
}

.search-icon.active .search-icon-glass {
	animation: collapseGlass .25s ease;
	animation-fill-mode: forwards
}

.search-icon.active .search-icon-handle {
	animation: rotate315 .25s ease;
	animation-fill-mode: forwards
}

.search-icon.active .search-icon-crossbar {
	animation: showCrossbar .25s ease;
	animation-fill-mode: forwards
}

.search-icon.inactive .search-icon-glass {
	animation: expandGlass .25s ease;
	animation-fill-mode: forwards
}

.search-icon.inactive .search-icon-handle {
	animation: rotate45 .25s ease;
	animation-fill-mode: forwards
}

.search-icon.inactive .search-icon-crossbar {
	animation: hideCrossbar .25s ease;
	animation-fill-mode: forwards
}

.search-icon.ios9-fix .search-icon-glass {
	animation: none!important
}

@keyframes rotate315 {
	0% {
		margin-top: -14px;
		margin-left: -6px;
		width: 13px;
		transform: rotate(45deg)
	}
	100% {
		margin-top: -29px;
		margin-left: -21px;
		width: 25px;
		transform: rotate(315deg)
	}
}

@keyframes rotate45 {
	0% {
		margin-top: -29px;
		margin-left: -21px;
		width: 23px;
		transform: rotate(315deg)
	}
	100% {
		margin-top: -14px;
		margin-left: -6px;
		width: 13px;
		transform: rotate(45deg)
	}
}

@keyframes collapseGlass {
	0% {
		transform: rotate(45deg) translate3d(-15px, 15px, 0) translateX(-50%) translateY(-50%);
		width: 21px;
		height: 21px;
		opacity: 1
	}
	75% {
		opacity: 1
	}
	100% {
		transform: rotate(-225deg) translate3d(-4px, 15px, 0);
		width: 1px;
		height: 28px;
		opacity: 0
	}
}

@keyframes expandGlass {
	0% {
		transform: rotate(-225deg) translate3d(-4px, 15px, 0);
		width: 1px;
		height: 28px;
		opacity: 0
	}
	25% {
		opacity: 1
	}
	100% {
		transform: rotate(45deg) translate3d(-15px, 15px, 0) translateX(-50%) translateY(-50%);
		transform: rotate(45deg) translate3d(-24px, 18px, 0) translateX(-50%) translateY(-50%)\9;
		width: 21px;
		height: 21px;
		opacity: 1
	}
}

@keyframes showCrossbar {
	0% {
		margin-top: -10px;
		margin-left: -20px;
		opacity: 0
	}
	75% {
		opacity: 0
	}
	100% {
		margin-top: -1px;
		margin-left: -20px;
		opacity: 1
	}
}

@keyframes hideCrossbar {
	0% {
		margin-top: -1px;
		margin-left: -20px;
		opacity: 1
	}
	25% {
		opacity: 0
	}
	100% {
		margin-top: -10px;
		margin-left: -20px;
		opacity: 0
	}
}

.no-csstransforms3d .search-icon {
	width: 30px;
	height: 30px;
	background: url(../img/icons.png) no-repeat;
	margin: -15px -23px
}

.no-csstransforms3d .search-icon .search-icon-crossbar,
.no-csstransforms3d .search-icon .search-icon-glass,
.no-csstransforms3d .search-icon .search-icon-handle {
	display: none
}

.no-csstransforms3d .search-icon.active {
	background-position: -30px 0
}

.exclamation-icon {
	width: 24px;
	height: 24px;
	border-radius: 100%;
	border: none
}

.home-icon {
	height: 12px;
	width: 12px
}

.home-icon svg {
	height: 18px;
	width: 15px
}

.aso-museum-arrow {
	display: block;
	background-image: url(../img/icons.png);
	background-repeat: no-repeat
}

.aso-museum-arrow.exclamation {
	margin-top: 2em;
	margin-left: 52px;
	position: absolute;
	background-position: -1px -150px;
	width: 26px;
	height: 29px
}

.aso-museum-arrow.more {
	background-position: -40px -100px;
	width: 8px;
	height: 13px;
	margin-top: 1px;
	float: right
}

.aso-museum-arrow.caret-black,
.aso-museum-arrow.footer {
	background-position: -8px -96px;
	width: 15px;
	height: 16px
}

.aso-museum-arrow.footer {
	display: inline-block;
	margin-top: 1px
}

.aso-museum-arrow.caret-white {
	background-position: -10px -130px;
	width: 9px;
	height: 11px
}

.gt-icon {
	width: .8em;
	height: 1em;
	vertical-align: middle
}

@media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
	.gt-icon {
		width: .75em;
		height: .85em;
		vertical-align: baseline;
		padding: .15em 0 0
	}
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.gt-icon {
		width: .75em;
		height: .85em;
		vertical-align: baseline;
		padding: .15em 0 0
	}
}

@media only screen and (max-width:1024px) {
	.gt-icon {
		width: .65em;
		height: .78em;
		vertical-align: baseline;
		margin-left: -.05em
	}
}

.gt-icon.yellow {
	fill: #FF9600
}

.gt-icon.blue {
	fill: #007CC2
}

.gt-icon.gray {
	fill: #EEE
}

.gt-icon.red {
	fill: #cc0001
}

.gt-icon.black {
	fill: #000
}

.gt-icon.white {
	fill: #fff
}

.gt-icon.bottom {
	vertical-align: -webkit-baseline-middle;
	margin-top: -.4em;
	height: .69em
}

@media screen and (min-width:0\0) and (min-resolution:0.001dpcm) {
	.gt-icon.bottom {
		vertical-align: baseline;
		height: .78em;
		margin-left: -.2em
	}
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.gt-icon.bottom {
		vertical-align: baseline;
		width: .4em;
		height: .85em;
		margin-left: 0
	}
}

@media only screen and (max-width:1024px) {
	.gt-icon.bottom {
		width: .65em;
		height: .72em;
		vertical-align: middle
	}
}

.safari .gt-icon {
	width: .5em;
	height: .78em;
	vertical-align: baseline!important
}

.company-pillars article.video .play-icon span,
.icon-error:before,
.icon-play,
body .wrapper .dividing-bar,
body .wrapper .dividing-bar span,
footer b {
	vertical-align: middle
}

.safari .bottom {
	margin-bottom: -.1em
}

.arrow-icon {
	width: 1em;
	height: 2em;
	transform-origin: top center;
	fill: #fff
}

.arrow-icon.right {
	-webkit-transform: scale(2, 2);
	-moz-transform: scale(2, 2);
	-ms-transform: scale(.5, .5);
	-o-transform: scale(2, 2)
}

.arrow-icon.left {
	-webkit-transform: scale(-2, 2);
	-moz-transform: scale(-2, 2);
	-ms-transform: scale(-.5, .5);
	-o-transform: scale(-2, 2)
}

.native-android .arrow-icon.right,
.safari .arrow-icon.right,
.windows-phone .arrow-icon.right {
	-webkit-transform: scale(.5, .5);
	-ms-transform: scale(.5, .5)
}

.native-android .arrow-icon.left,
.safari .arrow-icon.left,
.windows-phone .arrow-icon.left {
	-webkit-transform: scale(-.5, .5);
	-ms-transform: scale(-.5, .5)
}

.close-icon {
	display: inline-block;
	height: 25px;
	width: 25px;
	transform: rotate(45deg)
}

.close-icon .close-icon-bar {
	width: 25px;
	height: 2px;
	background-color: #fff
}

.not-found .not-found-img,
.not-found .not-found-img img {
	height: auto!important;
	width: 100%!important
}

.close-icon .close-icon-bar:nth-of-type(2) {
	margin-top: -2px;
	transform: rotate(90deg)
}

@font-face {
	font-family: hcr;
	src: url(../fonts/hcr.eot?s01nw5);
	src: url(../fonts/hcr.eot?s01nw5#iefix) format("embedded-opentype"), url(../fonts/hcr.ttf?s01nw5) format("truetype"), url(../fonts/hcr.woff?s01nw5) format("woff"), url(../fonts/hcr.svg?s01nw5#hcr) format("svg");
	font-weight: 400;
	font-style: normal
}

.hondaIcon,
.youtube-cloned-thumb:before,
[class*=" hondaIcon-"],
[class^=hondaIcon-] {
	font-family: hcr!important;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.hondaIcon-right:before {
	content: ""
}

.hondaIcon-spinner:before,
.youtube-cloned-thumb:before {
	content: ""
}

.hondaIcon-reply:before {
	content: ""
}

.hondaIcon-heart:before {
	content: ""
}

.hondaIcon-linkedin:before {
	content: ""
}

.hondaIcon-google-plus:before {
	content: ""
}

.hondaIcon-facebook:before {
	content: ""
}

.hondaIcon-twitter:before {
	content: ""
}

.hondaIcon-instagram:before {
	content: ""
}

.hondaIcon-close:before {
	content: ""
}

.hondaIcon-mail:before {
	content: ""
}

.hondaIcon-link:before {
	content: ""
}

.hondaIcon-retweet:before {
	content: ""
}

[class*=" icon-"],
[class^=icon-] {
	font-family: icomoon;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: middle;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.icon-play:before {
	content: ""
}

.icon-error:before {
	content: "";
	font-size: 17px;
	margin-right: 5px
}

.icon-play-circle:before {
	content: ""
}

.icon-chevron-left:before {
	content: ""
}

.icon-chevron-right:before {
	content: ""
}

.icon-play-border:before {
	content: ""
}

.icon-play {
	margin-right: 5px;
	display: inline-block;
	font-size: 14px
}

.icon-chevron-left,
.icon-chevron-right {
	font-size: 18px;
	display: inline-block
}

.not-found {
	position: relative;
	margin: 0;
	padding: 60px 0 0
}

.not-found .not-found-img {
	display: block
}

.not-found .message {
	position: absolute;
	display: block;
	width: 100%!important;
	height: 100%!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: visible;
	color: #fff;
	text-shadow: 0 0 2em rgba(0, 0, 0, .5);
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=0, Color='#000')"
}

.not-found .message .content {
	position: relative;
	display: block;
	width: 100%;
	top: 50%;
	transform: translate(0, -50%);
	text-align: center
}

.not-found .message .content p.top {
	font-family: AvenirNext-DemiBold;
	line-height: 1em;
	margin: 0
}

.not-found .message .content a {
	display: block;
	color: #cc0001;
	font-family: AvenirNext-DemiBold;
	font-size: 1em;
	text-align: center;
	padding: 0 2em;
	margin-top: 1em;
	outline: 0
}

.not-found .message .content a:active {
	outline: 0
}

.not-found .message .content a:focus {
	moz-outline-style: none
}

.product-grid {
	position: relative;
	margin: 0!important;
	padding: 0!important;
	overflow: hidden
}

.product-grid .container-fluid {
	padding: 0;
	margin: 0
}

.product-grid a.wrapper-link {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 100;
	text-decoration: none;
	color: #fff!important
}

.product-grid a:active,
.product-grid a:focus,
.product-grid a:hover,
.product-grid a:link,
.product-grid a:visited {
	text-decoration: none!important
}

.product-grid .logo {
	position: relative;
	z-index: 99
}

.product-grid .logo .text {
	color: #fff;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	z-indez: 99
}

.product-grid .logo .text:after {
	top: 40%
}

.product-grid .logo .text.honda-red {
	background-color: #cc0001
}

.product-grid .logo .text.honda-red:hover {
	background-color: #da0e0f
}

.product-grid .logo .text.honda-red:hover:after {
	border-color: transparent #da0e0f
}

.product-grid .logo .text.honda-red:after {
	border-color: transparent #cc0001
}

.product-grid .logo .text.honda-blue {
	background-color: #007CC2
}

.product-grid .logo .text.honda-blue:hover {
	background-color: #0283cc
}

.product-grid .logo .text.honda-blue:hover:after {
	border-color: transparent #0283cc
}

.product-grid .logo .text.honda-blue:after {
	border-color: transparent #007CC2
}

.product-grid .logo .text.honda-gray {
	color: #000;
	background-color: #EEE
}

.product-grid .logo .text.honda-gray:hover {
	background-color: #fff
}

.product-grid .logo .text.honda-gray:hover:after {
	border-color: transparent #fff
}

.product-grid .logo .text.honda-gray:after {
	border-color: transparent #EEE
}

.product-grid .logo .text.honda-gray span {
	color: #000!important
}

.product-grid .logo .text.honda-gray span:last-child {
	margin: auto;
	border-bottom: 2px solid #000!important
}

.product-grid .logo .text.honda-black {
	background-color: #000
}

.product-grid .logo .text.honda-black:hover {
	background-color: #242424
}

.product-grid .photo:hover>.logo>.text.honda-red,
.product-grid .wrapper-link:hover>.logo>.text.honda-red {
	background-color: #da0e0f
}

.product-grid .logo .text.honda-black:hover:after {
	border-color: transparent #242424
}

.product-grid .logo .text.honda-black:after {
	border-color: transparent #000
}

.product-grid .logo .text.left:after {
	left: -14px;
	border-width: 15px 15px 15px 0;
	content: "";
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
	z-index: 1
}

.product-grid .logo .text.bottom:after,
.product-grid .logo .text.top:after {
	left: 42%;
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
	z-index: 1;
	content: ""
}

.product-grid .logo .text.right:after {
	right: -13px;
	border-width: 15px 0 15px 15px;
	content: "";
	position: absolute;
	border-style: solid;
	display: block;
	width: 0;
	z-index: 1
}

.product-grid .logo .text.top:after {
	top: -15px;
	bottom: 100%;
	border-width: 0 15px 15px
}

.product-grid .logo .text.bottom:after {
	bottom: -15px;
	top: 100%!important;
	border-width: 15px 15px 0
}

.product-grid .logo .text img {
	margin-top: 15%;
	width: 70%
}

.product-grid .logo .text p {
	display: none;
	height: 35px
}

.product-grid .logo .text span {
	display: block;
	top: 0;
	padding-top: 3%;
	color: #fff;
	font-size: 1em;
	font-family: AvenirNext-Bold;
	font-weight: bolder
}

.product-grid .logo .text span:last-child {
	margin: auto;
	border-bottom: 2px solid #fff!important;
	padding-bottom: 2px;
	width: 25px
}

.product-grid .photo:hover>.logo>.text.honda-red:after,
.product-grid .wrapper-link:hover>.logo>.text.honda-red:after {
	border-color: transparent #da0e0f!important
}

.product-grid .photo {
	overflow: hidden;
	position: relative
}

.product-grid .photo .image {
	position: absolute;
	top: -2px;
	left: 0;
	width: 100.1%;
	height: 102%;
	backface-visibility: hidden;
	transition: transform .5s ease-out;
	-ms-transition: transform .5s ease-out
}

.product-grid .logo:hover>.photo>.image,
.product-grid .wrapper-link:hover>.photo>.image {
	transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-ms-transform: scale(1.07)
}

.product-grid .photo:hover>.logo>.text.honda-blue,
.product-grid .wrapper-link:hover>.logo>.text.honda-blue {
	background-color: #0283cc
}

.product-grid .photo:hover>.logo>.text.honda-blue:after,
.product-grid .wrapper-link:hover>.logo>.text.honda-blue:after {
	border-color: transparent #0283cc!important
}

.product-grid .photo:hover>.logo>.text.honda-gray,
.product-grid .wrapper-link:hover>.logo>.text.honda-gray {
	background-color: #fff
}

.product-grid .wrapper-link:hover>.logo>.text.honda-gray:after {
	border-color: transparent #fff
}

.product-grid .photo:hover>.logo>.text.honda-black,
.product-grid .wrapper-link:hover>.logo>.text.honda-black {
	background-color: #242424
}

.product-grid .photo:hover>.logo>.text.honda-gray:after {
	border-color: transparent #fff!important
}

.product-grid .photo:hover>.logo>.text.honda-black:after,
.product-grid .wrapper-link:hover>.logo>.text.honda-black:after {
	border-color: transparent #242424!important
}

.product-grid .tile-7 .logo .text:hover {
	background-color: #fff
}

.product-grid .tile-7 .logo .text:hover:after {
	border-color: #fff transparent
}

.product-grid .tile-7 .logo .text span {
	color: #000
}

.product-grid .tile-7 .logo .text span:last-child {
	border-bottom: 2px solid #000!important
}

@media (max-width:767px) {
	.product-grid .logo,
	.product-grid .photo {
		padding-top: 33.44444%
	}
	.product-grid .col-xs-12,
	.product-grid .col-xs-4,
	.product-grid .col-xs-6,
	.product-grid .col-xs-8 {
		padding-right: 0;
		padding-left: 0
	}
	.product-grid .logo .text img {
		margin-top: 25%
	}
	.product-grid .photo:hover {
		transform: none!important
	}
	.product-grid .tile-1 .logo {
		float: left
	}
	.product-grid .tile-2 .logo {
		float: right
	}
	.product-grid .tile-3 .logo,
	.product-grid .tile-4 .logo {
		float: left
	}
	.product-grid .tile-4 {
		margin-top: 99.11111%
	}
	.product-grid .tile-4 .logo .text:after {
		left: auto;
		right: -13px;
		border-width: 15px 0 15px 15px
	}
	.product-grid .tile-7 .logo .text:after,
	.product-grid .tile-8 .logo .text:after {
		right: auto;
		left: -14px;
		border-width: 15px 15px 15px 0
	}
	.product-grid .tile-4 .photo .image {
		background-position: 30% 50%!important
	}
	.product-grid .tile-5 {
		position: absolute;
		margin-top: 166%
	}
	.product-grid .tile-5 .logo {
		float: right
	}
	.product-grid .tile-5 .logo .text span {
		color: #000
	}
	.product-grid .tile-6 {
		position: absolute;
		margin-top: 133%
	}
	.product-grid .tile-6 .logo {
		float: left
	}
	.product-grid .tile-7 .logo,
	.product-grid .tile-8 .logo {
		float: right
	}
	.product-grid .tile-7 {
		position: absolute;
		margin-top: 99.77778%
	}
	.product-grid .tile-8 .logo .text.top:after {
		top: 42%
	}
}

@media (min-width:768px) and (max-width:991px) {
	.product-grid .logo,
	.product-grid .photo {
		padding-top: 33.33333%
	}
	.product-grid .tile-2 .logo .text:after,
	.product-grid .tile-2 .photo:hover>.logo>.text.honda-red:after {
		bottom: -15px;
		left: 42%;
		top: 100%!important;
		border-width: 15px 15px 0
	}
	.product-grid .tile-2 .logo .text:hover,
	.product-grid .tile-2 .photo:hover>.logo>.text.honda-red:hover,
	.product-grid .tile-2 .wrapper-link:hover>.logo>.text.honda-red:hover {
		background-color: #da0e0f
	}
	.product-grid .tile-2 .logo .text:after,
	.product-grid .tile-2 .photo:hover>.logo>.text.honda-red:after,
	.product-grid .tile-2 .wrapper-link:hover>.logo>.text.honda-red:after,
	.product-grid .tile-3 .logo .text:after,
	.product-grid .tile-6 .logo .text:after {
		content: "";
		position: absolute;
		border-style: solid;
		display: block;
		width: 0;
		z-index: 1
	}
	.product-grid .tile-3,
	.product-grid .tile-3 .logo,
	.product-grid .tile-4,
	.product-grid .tile-5 .logo {
		float: right
	}
	.product-grid .col-sm-10,
	.product-grid .col-sm-12,
	.product-grid .col-sm-2,
	.product-grid .col-sm-3,
	.product-grid .col-sm-4,
	.product-grid .col-sm-6,
	.product-grid .col-sm-8,
	.product-grid .col-sm-9 {
		padding-right: 0;
		padding-left: 0
	}
	.product-grid .logo .text img {
		margin-top: 25%
	}
	.product-grid .photo:hover {
		transform: none!important
	}
	.product-grid .tile-1 .photo {
		padding-top: 66.66667%!important
	}
	.product-grid .tile-2 .logo,
	.product-grid .tile-2 .photo {
		padding-top: 100%
	}
	.product-grid .tile-2 .logo .text:after {
		border-color: #cc0001 transparent
	}
	.product-grid .tile-2 .logo .text:hover:after {
		border-color: #da0e0f transparent
	}
	.product-grid .tile-2 .photo:hover>.logo>.text.honda-red:after,
	.product-grid .tile-2 .photo:hover>.logo>.text.honda-red:hover:after,
	.product-grid .tile-2 .wrapper-link:hover>.logo>.text.honda-red:hover:after {
		border-color: #da0e0f transparent!important
	}
	.product-grid .tile-4 .photo,
	.product-grid .tile-5 .logo,
	.product-grid .tile-5 .photo,
	.product-grid .tile-6 .logo,
	.product-grid .tile-6 .photo {
		padding-top: 50%
	}
	.product-grid .tile-2 .wrapper-link:hover>.logo>.text.honda-red:after {
		bottom: -15px;
		left: 42%;
		top: 100%!important;
		border-width: 15px 15px 0;
		border-color: #da0e0f transparent!important
	}
	.product-grid .tile-7 .photo:hover>.logo>.text.honda-gray:hover,
	.product-grid .tile-7 .wrapper-link:hover>.logo>.text.honda-gray:hover {
		background-color: #fff
	}
	.product-grid .tile-3 .logo .text:after {
		left: -14px;
		border-width: 15px 15px 15px 0;
		border-color: transparent #000
	}
	.product-grid .tile-4 .logo {
		float: right;
		padding-top: 50%
	}
	.product-grid .tile-6 .logo .text:after {
		right: -13px;
		border-width: 15px 0 15px 15px;
		left: 100%
	}
	.product-grid .tile-7 .logo .text:after,
	.product-grid .tile-7 .photo:hover>.logo>.text.honda-gray:after,
	.product-grid .tile-7 .wrapper-link:hover>.logo>.text.honda-gray:after {
		bottom: -15px;
		left: 42%;
		top: 100%!important;
		border-width: 15px 15px 0;
		content: "";
		position: absolute;
		border-style: solid;
		display: block;
		width: 0;
		z-index: 1
	}
	.product-grid .tile-7 .logo,
	.product-grid .tile-7 .photo {
		padding-top: 100%
	}
	.product-grid .tile-7 {
		position: absolute;
		margin-top: 25%
	}
	.product-grid .tile-7 .logo .text:after {
		border-color: #EEE transparent
	}
	.product-grid .tile-7 .photo:hover>.logo>.text.honda-gray:after,
	.product-grid .tile-7 .photo:hover>.logo>.text.honda-gray:hover:after,
	.product-grid .tile-7 .wrapper-link:hover>.logo>.text.honda-gray:hover:after {
		border-color: #fff transparent!important
	}
	.product-grid .tile-8 .logo,
	.product-grid .tile-8 .photo {
		padding-top: 50%
	}
	.product-grid .tile-7 .wrapper-link:hover>.logo>.text.honda-gray:after {
		border-color: #fff transparent!important
	}
	.product-grid .tile-8 .logo .text:after {
		right: -13px;
		border-width: 15px 0 15px 15px;
		content: "";
		position: absolute;
		border-style: solid;
		display: block;
		width: 0;
		z-index: 1;
		left: 100%
	}
	.product-grid .tile-8 .logo .text.top:after {
		top: 42%
	}
}

@media (min-width:992px) {
	.product-grid .logo,
	.product-grid .photo {
		padding-top: 33.33333%
	}
	.product-grid .tile-3 .logo,
	.product-grid .tile-5,
	.product-grid .tile-5 .logo {
		float: right
	}
	.product-grid .tile-5 .logo .text,
	.product-grid .tile-7 .logo .text {
		color: #000
	}
	.product-grid .col-md-10,
	.product-grid .col-md-12,
	.product-grid .col-md-2,
	.product-grid .col-md-3,
	.product-grid .col-md-4,
	.product-grid .col-md-6,
	.product-grid .col-md-8,
	.product-grid .col-md-9 {
		padding-right: 0;
		padding-left: 0;
		position: relative
	}
	.product-grid .logo .text p {
		display: block;
		width: 135px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5%;
		transform: translate(0, -5%)
	}
	.product-grid .tile-2 .logo,
	.product-grid .tile-4 .logo {
		margin-right: -1px
	}
	.product-grid .tile-1 .logo .text p,
	.product-grid .tile-3 .logo .text p,
	.product-grid .tile-5 .logo .text p {
		transform: translate(0, 20%)
	}
	.product-grid .tile-1 {
		overflow: visible;
		z-index: 1
	}
	.product-grid .tile-1 .col-md-8 {
		width: 66.66667%
	}
	.product-grid .tile-1 .photo {
		right: 0;
		position: absolute;
		overflow: hidden;
		padding-top: 66.66667%!important
	}
	.product-grid .tile-1 .photo .image {
		width: 101%
	}
	.product-grid .tile-2 .logo .text:after {
		right: -13px;
		border-width: 15px 0 15px 15px;
		content: "";
		position: absolute;
		border-style: solid;
		display: block;
		width: 0;
		z-index: 1;
		left: 100%
	}
	.product-grid .tile-2 .photo {
		width: 66.77%
	}
	.product-grid .tile-3 .logo .text:after,
	.product-grid .tile-4 .logo .text:after {
		width: 0;
		content: "";
		position: absolute;
		border-style: solid;
		display: block
	}
	.product-grid .tile-3 {
		float: right;
		z-index: 10
	}
	.product-grid .tile-3 .logo .text:after {
		left: -14px;
		border-width: 15px 15px 15px 0;
		z-index: 1
	}
	.product-grid .tile-3 .photo {
		padding-top: 33.34444%
	}
	.product-grid .tile-4 {
		margin-top: 16.66667%;
		left: 16.66667%;
		z-index: 9
	}
	@-moz-document url-prefix() {
		.product-grid .tile-4 {
			z-index: 8
		}
	}
	.product-grid .tile-4 .logo .text:after {
		right: -13px;
		border-width: 15px 0 15px 15px;
		z-index: 1;
		left: 100%
	}
	.product-grid .tile-4 .photo {
		padding-top: 33.4%;
		margin-bottom: -1px;
		width: 66.77%
	}
	.product-grid .tile-5 {
		clear: both;
		margin-right: 16.66667%;
		z-index: 10
	}
	@-moz-document url-prefix() {
		.product-grid .tile-5 {
			z-index: 8
		}
	}
	.product-grid .tile-5 .logo .text:after {
		left: -14px;
		border-width: 15px 15px 15px 0;
		content: "";
		position: absolute;
		border-style: solid;
		display: block;
		width: 0;
		z-index: 1
	}
	.product-grid .tile-6 .logo,
	.product-grid .tile-6 .photo {
		padding-top: 50%
	}
	.product-grid .tile-7 {
		position: absolute!important;
		margin-top: 16.66%
	}
	.product-grid .tile-7 .logo .text:after,
	.product-grid .tile-7 .photo:hover>.logo>.text.honda-gray:after,
	.product-grid .tile-7 .wrapper-link:hover>.logo>.text.honda-gray:after {
		bottom: -15px;
		left: 42%;
		top: 100%!important;
		border-width: 15px 15px 0;
		content: "";
		position: absolute;
		border-style: solid;
		display: block;
		width: 0;
		z-index: 1
	}
	.product-grid .tile-7 .logo {
		padding-top: 100%
	}
	.product-grid .tile-7 .logo .text:after {
		border-color: #EEE transparent
	}
	.product-grid .tile-7 .photo:hover>.logo>.text.honda-gray:after,
	.product-grid .tile-7 .photo:hover>.logo>.text.honda-gray:hover:after,
	.product-grid .tile-7 .wrapper-link:hover>.logo>.text.honda-gray:hover:after {
		border-color: #fff transparent!important
	}
	.product-grid .tile-7 .photo {
		padding-top: 100.1%
	}
	.product-grid .tile-7 .wrapper-link:hover>.logo>.text.honda-gray:after {
		border-color: #fff transparent!important
	}
	.product-grid .tile-7 .wrapper-link:hover>.logo>.text.honda-gray:hover {
		background-color: #fff
	}
	.product-grid .tile-7 .photo:hover>.logo>.text.honda-gray:hover {
		background-color: #fff
	}
	.product-grid .tile-8 .photo:hover>.logo>.text.honda-red:hover,
	.product-grid .tile-8 .wrapper-link:hover>.logo>.text.honda-red:hover {
		background-color: #da0e0f
	}
	.product-grid .tile-8 {
		position: absolute!important;
		right: 0;
		margin-top: 33.33333%;
		z-index: 8
	}
	.product-grid .tile-8 .logo {
		position: absolute!important;
		padding-top: 50%;
		right: 0;
		margin-top: 50%
	}
	.product-grid .tile-8 .logo .text:after,
	.product-grid .tile-8 .logo .text:hover:after:after {
		top: -15px;
		left: 42%;
		bottom: 100%;
		border-width: 0 15px 15px;
		content: "";
		position: absolute;
		border-style: solid;
		display: block;
		width: 0;
		z-index: 1
	}
	.product-grid .tile-8 .logo .text.honda-red:after {
		border-color: #cc0001 transparent!important
	}
	.product-grid .tile-8 .logo .text.honda-gray:after {
		border-color: #EEE transparent!important
	}
	.product-grid .tile-8 .logo .text:hover {
		cursor: pointer;
		background-color: #da0e0f
	}
	.product-grid .tile-8 .photo {
		padding-top: 50.4%;
		margin-top: -1px;
		margin-left: -1px;
		width: 100.2%
	}
	.product-grid .tile-8 .photo:hover>.logo>.text.honda-red:after,
	.product-grid .tile-8 .wrapper-link:hover>.logo>.text.honda-red:after {
		top: -15px;
		left: 42%;
		bottom: 100%;
		border-width: 0 15px 15px;
		content: "";
		position: absolute;
		border-style: solid;
		display: block;
		width: 0;
		z-index: 1;
		border-color: #da0e0f transparent!important
	}
	.product-grid .tile-8 .wrapper-link:hover>.logo>.text.honda-red:hover:after {
		border-color: #da0e0f transparent!important
	}
	.product-grid .tile-8 .photo:hover>.logo>.text.honda-red:hover:after {
		border-color: #da0e0f transparent!important
	}
}

@media (min-width:1281px) {
	.product-grid .logo,
	.product-grid .photo {
		padding-top: 33.33333%;
		height: auto
	}
	.product-grid .col-lg-10,
	.product-grid .col-lg-12,
	.product-grid .col-lg-2,
	.product-grid .col-lg-3,
	.product-grid .col-lg-4,
	.product-grid .col-lg-6,
	.product-grid .col-lg-8,
	.product-grid .col-lg-9 {
		padding-right: 0;
		padding-left: 0;
		position: relative
	}
	.product-grid .col-lg-4.tile-6 {
		width: 33.33333%
	}
	.product-grid .col-lg-6.tile-4 {
		width: 50%
	}
	.product-grid .logo {
		position: relative
	}
	.product-grid .logo .text p {
		display: block;
		width: 135px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5%;
		transform: translate(0, -5%)
	}
	.product-grid .tile-1 .col-lg-8 {
		width: 66.66667%!important
	}
	.product-grid .tile-1 .photo {
		padding-top: 66.66667%!important;
		backface-visibility: hidden
	}
	.product-grid .tile-1 .photo .image {
		backface-visibility: hidden;
		width: 101%
	}
	.product-grid .tile-5 {
		clear: both;
		float: right;
		margin-right: 16.66667%
	}
	.product-grid .tile-6 .logo,
	.product-grid .tile-6 .photo {
		width: 50%
	}
	.product-grid .tile-4 {
		margin-top: 16.66667%;
		left: 16.66667%;
		z-index: 9
	}
	.product-grid .tile-4 .logo {
		margin-right: -1px
	}
	.product-grid .tile-4 .photo {
		padding-top: 33.4%;
		margin-bottom: -1px
	}
	.product-grid .tile-7 {
		margin-top: 16.66%
	}
	.product-grid .tile-7 .logo {
		width: 100%;
		padding-top: 100%
	}
	.product-grid .tile-7 .photo {
		width: 100%;
		padding-top: 100.1%
	}
	.product-grid .tile-8 {
		margin-top: 33.33333%;
		z-index: 8
	}
	.product-grid .tile-8 .logo {
		width: 50%;
		margin-top: 50%
	}
	.product-grid .tile-8 .photo {
		margin-top: -1px;
		width: 100.5%;
		padding-top: 50.4%
	}
}

@media (min-width:1950px) {
	.product-grid .tile-2 .photo,
	.product-grid .tile-3 .photo,
	.product-grid .tile-4 .photo {
		width: 66.66667%
	}
}

.company-pillars {
	position: relative;
	margin: 0!important;
	padding: 0!important
}

.company-pillars .row {
	margin: 0
}

.company-pillars .col-lg-12,
.company-pillars .col-md-12,
.company-pillars .col-md-6,
.company-pillars .col-sm-12,
.company-pillars .col-xs-12 {
	padding: 0
}

.company-pillars article {
	display: block;
	overflow: hidden;
	position: relative;
	z-index: 1
}

.company-pillars article a.wrapper-link,
.company-pillars article.news a.wrapper-link {
	position: relative;
	z-index: 100;
	color: #000;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block
}

.company-pillars article a.wrapper-link:hover {
	text-decoration: none
}

.company-pillars article.news a.wrapper-link {
	left: 0;
	top: 0
}

.company-pillars article.news a.wrapper-link:hover {
	text-decoration: none
}

.company-pillars article.instagram .image {
	background-position: 50% 50%;
	padding-top: 100%
}

.company-pillars article.instagram .instagram-icon {
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 15px;
	margin-top: 15px;
	min-height: 200px;
	z-index: 99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')";
	filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=2, OffY=2, Color='#000')"
}

.company-pillars article.twitter {
	display: block;
	position: relative;
	padding-top: 50%;
	background-color: #0B83B9
}

.company-pillars article.twitter .twitter-icon img {
	position: absolute;
	top: 0;
	right: 0;
	padding: 1em .8em
}

.company-pillars article.twitter .content {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.company-pillars article.twitter .content .content-cont {
	padding-top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%)
}

.company-pillars article.twitter .content .profile {
	position: relative
}

.company-pillars article.twitter .content .profile .avatar {
	padding-left: 5%
}

.company-pillars article.twitter .content .col-xs-12 {
	padding-top: 3%;
	padding-left: 5%;
	padding-right: 5%
}

.company-pillars article.twitter .content .actions {
	padding-left: 0
}

.company-pillars article.twitter .content img {
	min-width: 43px!important;
	width: 100%!important;
	height: auto!important;
	border-radius: 5px
}

.company-pillars article.twitter .content h3 {
	position: relative;
	display: block;
	padding-top: 1%;
	transform: translate(0, -1%);
	margin-top: 0;
	margin-bottom: 0;
	font-size: 1em;
	font-size: 1.2vw;
	color: #fff
}

.company-pillars article.twitter .content .handle {
	color: #fff;
	font-size: 1em
}

.company-pillars article.twitter .content .handle a {
	color: #fff
}

.company-pillars article.twitter .content p {
	background-color: transparent;
	height: auto!important;
	color: #fff;
	line-height: 1.3em;
	font-size: 1em;
	font-family: AvenirNext-Regular;
	margin-bottom: 1%
}

.company-pillars article.twitter .content li {
	font-size: .71em;
	color: #83C0DB;
	display: inline;
	padding-left: 5%;
	padding-right: .5em
}

.company-pillars article.twitter .content li.timestamp {
	font-size: .78em
}

.company-pillars article.twitter .content a {
	color: rgba(255, 255, 255, .49)
}

.company-pillars article.twitter .content a:hover,
.company-pillars article.video .play-icon {
	color: #fff!important;
	text-decoration: none
}

.company-pillars article.twitter .content a.wrapper-link {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1026
}

.company-pillars article.twitter .content .glyphicon {
	padding-right: 0;
	top: 0
}

.company-pillars article.video:hover a img,
.company-pillars article.video:hover a span {
	opacity: .8!important
}

.company-pillars article.video .image {
	padding-top: 100%
}

.company-pillars article.video .play-icon {
	z-index: 200;
	position: absolute;
	top: 75%;
	cursor: pointer;
	font-weight: 700;
	width: 100%;
	text-align: center;
	font-size: .9em
}

h1,
h2 {
	font-weight: 400;
	font-style: normal
}

.company-pillars article.video .play-icon:hover {
	text-decoration: none!important
}

.company-pillars article.video .play-icon img {
	margin: 0 .3em 0 0;
	width: 20px;
	height: 20px
}

.company-pillars article.gallery {
	position: relative;
	padding-top: 100%;
	background: #707070;
	width: 100%!important
}

.company-pillars article.gallery .gallery-link {
	display: block;
	height: 120%;
	margin-left: 10%;
	margin-right: 10%;
	outline: 0;
	position: absolute;
	width: 80%;
	z-index: 100
}

.company-pillars article .carousel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.company-pillars article .carousel-control {
	width: 0;
	opacity: 1
}

.company-pillars article .carousel-control .glyphicon {
	top: 35%;
	width: 30px;
	height: 0;
	font-size: 1em;
	margin: 0;
	padding: 0
}

.company-pillars article .carousel-control .glyphicon:before {
	content: ""
}

.company-pillars article .carousel-control.left,
.company-pillars article .carousel-control.right {
	background-image: none!important
}

.company-pillars article .carousel-inner {
	position: relative;
	min-height: 375px;
	height: 100%;
	width: 100%
}

.company-pillars article .carousel-inner .saifitem {
	text-align: center;
	overflow: hidden;
	height: auto
}

.company-pillars article .carousel-inner .saifitem img {
	position: relative;
	width: 42%;
	margin: 7% auto 0;
	overflow: hidden;
	z-index: 1
}

.company-pillars article .carousel-inner .saifitem .carousel-caption {
	z-index: 1;
	bottom: auto;
	left: auto;
	right: auto;
	position: relative;
	padding: 0;
	color: #fff;
	text-align: center;
	text-shadow: none;
	overflow: hidden
}

.company-pillars article .carousel-inner .saifitem .carousel-caption h4 {
	text-shadow: none;
	font-family: AvenirNext-Regular;
	font-size: 1.45em;
	width: 90%;
	margin: 4% auto 0;
	position: relative
}

.company-pillars article .carousel-inner .saifitem .carousel-caption p {
	text-shadow: none;
	font-family: AvenirNext-Light;
	font-size: .9em;
	width: 90%;
	margin: 2% auto 0;
	position: relative
}

.company-pillars article .carousel-inner .saifitem .carousel-caption a {
	display: block;
	text-shadow: none;
	font-family: AvenirNext-DemiBold;
	font-size: .9em!important;
	margin: 6% auto 0;
	color: #fff;
	position: relative
}

.company-pillars article .carousel-inner .saifitem .carousel-caption a:hover {
	text-decoration: none!important;
	color: #fff
}

.company-pillars article .carousel-inner .saifitem .carousel-caption a:active,
.company-pillars article .carousel-inner .saifitem .carousel-caption a:visited {
	color: #fff
}

.company-pillars article .carousel-indicators {
	position: absolute;
	bottom: 1.3em;
	display: block;
	left: auto;
	z-index: 15;
	height: 15px;
	width: 100%;
	margin: 0;
	text-align: center;
	list-style: none
}

.company-pillars article .carousel-indicators li {
	margin: 0 3px;
	width: 8px;
	height: 8px;
	background-color: rgba(255, 255, 255, .4);
	border: none
}

.company-pillars article .carousel-indicators li.active {
	background-color: #fff
}

.company-pillars article .carousel-indicators li:hover {
	background-color: #cacaca
}

.company-pillars article .photo {
	position: relative;
	padding-top: 50%
}

.company-pillars article .photo .image {
	z-index: 99;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: transform .5s;
	-webkit-transition: transform .5s;
	-ms-transition: transform .5s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}

.company-pillars article .image {
	position: relative;
	z-index: 99;
	transition: transform .5s;
	-ms-transition: transform .5s;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}

.company-pillars article .copy {
	z-index: 99;
	padding-top: 50%;
	background-color: #eee;
	position: relative;
	width: 100%;
	height: 100%
}

.company-pillars article .copy:after {
	content: "";
	position: absolute;
	top: -15px;
	margin-left: 45%;
	border-style: solid;
	border-width: 0 15px 15px;
	border-color: #eee transparent;
	display: block;
	width: 0
}

.company-pillars article .copy .text {
	display: block;
	left: 0;
	padding-left: 10%;
	z-indez: 99;
	position: absolute;
	top: 50%;
	width: 100%;
	transform: translate(0, -50%)
}

footer a.wrapper-link,
footer ul li,
header {
	position: relative
}

.company-pillars article .copy .text h3 {
	margin-top: 0;
	font-size: 13px
}

.company-pillars article .copy .text h3.yellow {
	color: #F4C405
}

.company-pillars article .copy .text h3.orange {
	color: #C63
}

.company-pillars article .copy .text h3.green {
	color: #090
}

.company-pillars article .copy .text p {
	font-size: 13px;
	padding-right: 10%;
	width: 100%
}

.company-pillars article .copy .text span,
.company-pillars article .copy .text strong {
	font-family: AvenirNext-Bold;
	font-size: .9em;
	color: #2774b7
}

.company-pillars article .copy .text span:hover,
.company-pillars article .copy .text strong:hover {
	color: #0194e8
}

footer .container-fluid .row:nth-of-type(3) div a:hover,
footer .links a {
	color: #000
}

.company-pillars article .wrapper-link:hover>.image,
.company-pillars article .wrapper-link:hover>.photo>.image,
.company-pillars article .wrapper-link:hover~.image {
	transform: scale(1.07);
	-webkit-transform: scale(1.07);
	-moz-transform: scale(1.07);
	-ms-transform: scale(1.07);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden
}

@media (max-width:767px) {
	.company-pillars .col-xs-12,
	.company-pillars .container-fluid {
		padding: 0
	}
	.company-pillars article .copy .text:after {
		top: -14px!important
	}
	.company-pillars article.twitter .content h3 {
		font-size: 1em
	}
	.company-pillars article.social-responsability .photo .image {
		background-position: 50% -51px!important
	}
	.company-pillars article.environment .photo .image {
		background-position: 50% 100%!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	.company-pillars .col-sm-6 {
		padding: 0
	}
	.company-pillars article.social-responsability .photo .image {
		background-position: 50% -51px!important
	}
	.company-pillars article.twitter {
		padding-top: 25%;
		margin-top: -25%
	}
	.company-pillars article.video .image {
		padding-top: 50%
	}
	.company-pillars .carousel-inner .saifitem .carousel-caption h4 {
		font-size: 1.3em
	}
	.company-pillars .carousel-inner .saifitem .carousel-caption p {
		font-size: .9em
	}
	.company-pillars .carousel-inner .saifitem .carousel-caption a {
		margin-top: 2%
	}
}

@media (min-width:992px) {
	.company-pillars .container-fluid {
		padding-left: 5%;
		padding-right: 5%
	}
	.company-pillars .col-md-4 {
		padding: 0
	}
	.company-pillars .col-md-12,
	.company-pillars .col-md-12.im1:first-child,
	.company-pillars .col-md-12.innovation {
		width: 100.2%
	}
	.company-pillars article.twitter .content p {
		font-size: 1em
	}
	.company-pillars article .photo {
		position: relative;
		padding-top: 100%
	}
	.company-pillars article .carousel-inner .saifitem .carousel-caption h4 {
		font-size: 1.35em
	}
	.company-pillars article .carousel-inner .saifitem .carousel-caption p {
		font-size: 1em
	}
	.company-pillars article .carousel-inner .saifitem .carousel-caption a {
		margin-top: 2%
	}
}

@media (min-width:1281px) {
	.company-pillars .col-lg-4 {
		padding: 0;
		width: 33.3%
	}
	.company-pillars .col-lg-12 {
		width: 100.2%
	}
	.company-pillars article .carousel-inner .saifitem .carousel-caption h4 {
		font-size: 1.6em
	}
	.company-pillars article .carousel-inner .saifitem .carousel-caption p {
		font-size: 1.1em
	}
	.company-pillars article .carousel-inner .saifitem .carousel-caption a {
		margin-top: 6%
	}
}

footer {
	background-color: #EEE;
	font-size: 16px
}

@media (max-width:767px) {
	footer .col-xs-12 {
		padding: 0
	}
}

@media (min-width:768px) and (max-width:991px) {
	footer .col-sm-6 {
		font-size: 14px
	}
	footer .col-sm-6.racing {
		clear: both;
		margin-top: 3%
	}
	footer .col-sm-6.services {
		float: right;
		bottom: 130px
	}
}

footer .container-fluid {
	padding-top: 2%;
	padding-left: 0;
	padding-right: 0;
	width: 95%
}

footer .container-fluid .row:nth-of-type(3) div {
	width: 100%;
	margin: 1em auto;
	font-family: AvenirNext-Regular;
	text-align: center
}

footer .container-fluid .row:nth-of-type(3) div a {
	text-decoration: underline
}

a,
a:active,
a:focus,
a:hover,
a:link,
a:visited {
	text-decoration: none
}

footer .container-fluid .row:nth-of-type(3) div p {
	margin: 0
}

footer a.wrapper-link {
	display: block;
	width: 100%;
	z-index: 100
}

.wrapper,
body,
html {
	width: auto!important
}

footer .links a:hover {
	text-decoration: none;
	color: #8f8f8f
}

footer ul {
	list-style: none;
	padding: 0
}

footer ul li.social-link {
	list-style-type: none;
	display: inline-block;
	padding-left: 10px
}

footer ul li.social-link:hover {
	opacity: .85!important
}

footer .social-cont {
	padding-top: 50px;
	text-align: center
}

footer h4 {
	font-size: 16px!important
}

footer ul.final-links {
	padding-top: 10px;
	padding-bottom: 30px;
	list-style: none;
	text-align: center;
	margin: auto
}

footer ul.final-links li {
	display: inline
}

body,
html {
	overflow-x: hidden;
	overflow-y: scroll;
	background-color: #fff;
	font-family: AvenirNext-Medium, Helvetica, Arial, sans-serif;
	-webkit-font-smoothing: antialiased
}

.search-title,
h1,
h2 {
	font-family: AvenirNext-DemiBold
}

body.noscroll,
html.noscroll {
	overflow: hidden!important
}

.wrapper,
body {
	overflow-y: hidden
}

.row {
	margin: 0!important;
	padding: 0!important
}

td {
	border-color: #000
}

.ie-fallback {
	display: none
}

ul {
	list-style: none!important
}

h1 {
	letter-spacing: .05em
}

h2 {
	letter-spacing: .1em;
	font-size: 1.5em
}

a {
	outline: 0
}

input::-ms-clear {
	display: none
}

.tile {
	opacity: 0;
	transform: translateX(0) translateY(100px)
}

.tag {
	font-weight: 700
}

.tag.red {
	color: #cc0001
}

.tag.green {
	color: #090
}

.tag.normal {
	font-weight: 400
}

.search-title {
	display: block;
	font-size: 1.25em;
	width: 200px;
	margin: 0 auto 50px;
	letter-spacing: 2px;
	text-align: center
}

header {
	font-weight: 700
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
	background-color: #fff;
	border: none
}

.youtube .video-wrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0
}

.youtube .video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.first {
	position: relative;
	padding: 60px 0 0!important;
	margin: 0!important;
	background-color: #000
}

.first iframe {
	width: 100%;
	height: 100%;
	z-index: -100
}

.first .video-fallback,
.first .video-fallback img,
.first .video-hero {
	height: auto!important;
	width: 100%!important
}

.first .video-hero {
	z-index: -100;
	background: no-repeat;
	background-size: cover;
	display: none
}

.first .video-fallback {
	min-height: 270px;
	display: block;
	background: 50% 50% no-repeat;
	background-size: cover
}

.first .video-fallback img {
	display: none
}

.first .welcome {
	position: absolute;
	display: block;
	width: 100%!important;
	height: 100%!important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: visible;
	color: #fff;
	text-shadow: 0 0 2em rgba(0, 0, 0, .5);
	-ms-filter: "progid:DXImageTransform.Microsoft.DropShadow(OffX=0, OffY=0, Color='#000')"
}

.first .welcome .content {
	position: absolute;
	display: block;
	width: 100%;
	top: 50%;
	transform: translate(0, -40%)
}

.modal-close,
.modal-header {
	display: none
}

.first .welcome h1 {
	font-family: AvenirNext-Bold;
	margin-top: 0;
	font-size: 1.85em;
	width: auto;
	height: auto;
	text-align: center;
	letter-spacing: .006em
}

.first .welcome p {
	font-family: AvenirNext-Medium;
	font-size: 1.1em;
	line-height: 1.15em;
	text-align: center;
	padding: 0 .4em;
	letter-spacing: .002em;
	-webkit-font-smoothing: auto
}

.first .welcome .hero-cta-container {
	padding-top: 2rem;
	text-align: center;
	width: 100%
}

.first .welcome .hero-cta-container .btn--cta {
	margin: .5rem 1rem
}

@media (max-width:767px) {
	.first .welcome p {
		display: none
	}
}

@media (min-width:768px) and (max-width:991px) {
	.first .welcome p {
		font-size: 1em
	}
}

@media (min-width:992px) {
	.first .welcome p {
		font-size: 1em
	}
}

.first.wirewax {
	margin: 60px 0 0!important;
	padding: 0!important;
	background-color: #fff
}

.instagram-embed {
	position: relative;
	overflow: hidden;
	margin: 0 auto
}

.instagram-embed embed,
.instagram-embed iframe,
.instagram-embed object {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, .49804) 0 0 0 0, rgba(0, 0, 0, .14902) 0 0 0 0
}

.modal-close,
button.instagram-link {
	background: 0 0;
	border: none;
	cursor: pointer
}

.modal-open .modal {
	overflow: hidden
}

.modal-body {
	overflow: visible;
	width: auto;
	height: auto;
	padding: 0
}

.modal-content {
	background: 0 0;
	width: auto;
	height: 200%
}

.modal-dialog {
	margin: 0 auto
}

.modal-close {
	position: fixed;
	right: 2em;
	top: 0;
	padding-right: 2em;
	padding-top: 2em;
	z-index: 1460
}

button.instagram-link {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	display: block
}

.contact header,
.internal header,
.site-map header {
	background-color: #f2f2f2
}

button:hover+.photo>img,
button:hover+img {
	transition: transform .5s ease-out 0s, opacity .5s ease 0s;
	transform: scale(1.05)
}

.internal {
	font-size: 18px;
	line-height: 25px
}

.internal header {
	padding-top: 60px;
	text-align: center
}

.internal header .page-title {
	padding-top: 3%;
	padding-bottom: 3%
}

.internal header .page-title strong {
	font-size: 25px;
	font-weight: 700
}

.internal .container-fluid {
	padding-left: 5%;
	padding-right: 5%
}

.internal b,
.internal p {
	display: block;
	position: relative;
	font-size: 16px
}

.internal .content {
	padding: 3%
}

.internal .link-set {
	padding: 0
}

.internal .link-set a {
	text-decoration: underline
}

.internal .privacy-policy b {
	display: inline
}

@media (max-width:767px) {
	.internal b,
	.internal p {
		display: block;
		position: relative
	}
	.internal .container-fluid {
		overflow-x: hidden;
		word-wrap: break-word
	}
	.internal header .page-title {
		padding-top: 5%;
		padding-bottom: 5%
	}
	.internal header .page-title strong {
		font-size: 16px;
		font-weight: 700
	}
	.internal h1 {
		font-size: 30px
	}
	.internal a,
	.internal b {
		font-size: 1em
	}
	.internal b {
		left: 0;
		text-align: left;
		font-weight: 700
	}
	.internal p {
		text-align: justify
	}
	.internal ul {
		padding-left: 0
	}
	.internal ul li {
		display: inline
	}
}

.site-map {
	font-size: 16px
}

.site-map header {
	padding-top: 60px;
	text-align: center
}

.site-map header h1 {
	padding-top: 3%;
	padding-bottom: 3%;
	font-size: 25px!important;
	font-weight: 700!important
}

.site-map article {
	padding-bottom: 40px
}

.site-map h3 {
	font-size: 16px!important;
	margin-top: 0;
	font-weight: 700
}

.site-map a,
.site-map h3.no-link {
	color: #2774B7!important;
	line-height: 40px;
	text-decoration: underline
}

.search-results .col-md-8 li a:hover,
.search-results ul.menu li a:hover {
	text-decoration: none
}

.site-map ul {
	padding: 0
}

.site-map .content {
	padding: 50px
}

.contact header {
	padding-top: 60px;
	text-align: center
}

.contact header .page-title {
	padding-top: 3%;
	padding-bottom: 3%
}

.contact header .page-title strong {
	font-size: 25px;
	font-weight: 700
}

.contact .title p {
	padding-left: 15px;
	padding-right: 15px
}

.contact .content {
	padding: 50px;
	line-height: 40px
}

.contact .radio-code {
	padding-top: 40px;
	padding-bottom: 40px
}

.search-results {
	padding-top: 174px
}

.search-results header {
	padding-top: 3%;
	padding-bottom: 3%;
	text-align: center
}

.search-results header h1 {
	font-size: 25px
}

.search-results ul.menu {
	text-align: center;
	padding: 0;
	background-color: #eee
}

.search-results ul.menu li {
	font-weight: 700;
	padding-top: 20px;
	padding-bottom: 20px
}

.search-results ul.menu li a {
	color: #000
}

.search-results ul.menu li.active {
	background-color: #cc0001;
	position: relative
}

.search-results ul.menu li.active:after {
	content: "";
	position: absolute;
	top: 16px;
	right: -15;
	border-style: solid;
	border-width: 15px 0 15px 15px;
	border-color: transparent #cc0001;
	display: block;
	width: 0;
	z-index: 1
}

.search-results ul.menu li.active a {
	color: #fff
}

.search-results .paginator {
	font-weight: 700;
	padding-bottom: 40px;
	color: #8F8F8F;
	margin: 0 auto;
	width: 100%;
	text-align: center;
	font-size: 13px
}

.search-results .paginator .glyphicon,
.search-results .paginator .page-number {
	color: #cc0001
}

.search-results .paginator .page-number {
	padding: 3px 6px;
	background-color: #eee;
	border: 1px solid #ccc
}

.search-results .container-fluid {
	padding-left: 5%;
	padding-right: 5%
}

.search-results .col-md-8 p.no-results {
	margin: 0;
	padding-top: 22px
}

.search-results .col-md-8 li {
	font-size: 14px;
	padding-bottom: 40px
}

.search-results .col-md-8 li p {
	color: #000;
	display: block;
	display: -webkit-box;
	max-width: 100%;
	height: auto;
	margin: 0 auto .25em;
	font-size: 14px;
	line-height: 1.4;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis
}

.search-results .col-md-8 li.managed-answer p {
	display: block;
	max-height: 100%
}

.search-results .col-md-8 li a {
	font-size: 14px;
	display: inline-block;
	width: auto;
	height: 100%;
	text-decoration: none;
	color: #2774b7
}

.search-results .col-md-8 li a h4 {
	margin: 5px 0
}

.search-results .col-md-8 li .url {
	color: #a2a2a2;
	font-family: AvenirNext-MediumItalic;
	word-wrap: break-word
}

.search-results.no-term .col-md-4 {
	display: none
}

.search-results.no-term .col-md-8 {
	width: 100%;
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 5em
}

@media (max-width:767px) {
	.search-results .container-fluid {
		padding: 0!important
	}
	.search-results .honda-trigger {
		top: -2px;
		padding-left: 15px
	}
	.search-results header {
		padding-top: 5%;
		padding-bottom: 5%
	}
	.search-results header h1 {
		font-size: 16px
	}
	.search-results .col-xs-12.menu {
		padding: 0;
		display: none!important
	}
	.search-results .col-xs-12.menu li {
		display: none!important
	}
	.search-results .col-xs-12.menu li.all {
		display: block!important
	}
	.search-results .col-xs-12.menu li.all:after {
		display: none
	}
	.search-results .col-xs-12.results {
		padding-right: 7%!important;
		padding-left: 7%!important
	}
	.search-results .col-xs-12.results ul {
		padding: 0
	}
	.search-results .col-xs-12.results ul li a {
		display: inline-block;
		width: auto;
		height: 100%;
		text-decoration: none
	}
	.search-results .col-xs-12.results ul li a:hover {
		text-decoration: none
	}
	.search-results .col-xs-12.results ul li p {
		display: block;
		display: -webkit-box;
		max-width: 100%;
		max-height: 58.8px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 1.4;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.search-results .col-xs-12.results ul li.managed-answer p {
		display: block;
		max-height: 100%
	}
}

@media (min-width:768px) and (max-width:991px) {
	.search-results .container-fluid {
		padding-left: 1%;
		padding-right: 1%
	}
	.search-results .col-xs-12.menu li.active:after {
		border: none
	}
	.search-results .col-xs-12.menu li p {
		display: block;
		display: -webkit-box;
		max-width: 100%;
		max-height: 58.8px;
		margin: 0 auto;
		font-size: 14px;
		line-height: 1.4;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis
	}
	.search-results .col-xs-12.menu li.managed-answer p {
		display: block;
		max-height: 100%
	}
	.search-results .col-xs-12.results ul {
		padding: 0
	}
}

.honda-article header {
	padding-top: 60px;
	width: 100%;
	height: 620px
}

.honda-article aside,
.honda-article figure.gallery img {
	padding-top: 20px;
	padding-bottom: 20px
}

.honda-article figure.gallery img {
	width: 64.77%
}

.honda-article a,
.honda-article p,
.honda-article span,
.honda-article strong {
	font-size: 18px
}

.honda-article aside ul {
	padding: 0
}

.honda-article aside ul li {
	display: inline-block;
	padding-left: 4px
}

.honda-article .content {
	padding-top: 2%;
	padding-left: 2%
}

.honda-article .content h3 {
	padding-top: 0;
	margin-top: 0;
	font-size: 20px
}

.honda-article .col-md-8 {
	padding-left: 0
}

@media (min-width:300px) and (max-width:767px) {
	.honda-trigger {
		top: -2px;
		padding-left: 15px
	}
}

@media only screen and (min-width:500px) {
	.first .welcome h1 {
		font-size: 2.3em
	}
	.first .video-fallback {
		min-height: 255px
	}
}

@media only screen and (min-width:768px) {
	.first .welcome h1 {
		font-size: 3em
	}
	.first .welcome p {
		line-height: 1.3em
	}
	.first .video-fallback {
		min-height: 400px
	}
}

@media only screen and (min-width:1024px) {
	.first .welcome h1 {
		font-size: 4em
	}
	.first .welcome p {
		font-size: 1.25em;
		line-height: 1.5em
	}
	.first .video-fallback {
		min-height: 480px
	}
}

@media only screen and (min-width:1025px) {
	.first .welcome h1 {
		font-size: 5em
	}
	.first .welcome p {
		font-size: 1.34em;
		line-height: 1.6em;
		letter-spacing: .04em;
		font-family: AvenirNext-Regular;
		-webkit-font-smoothing: auto
	}
}

.first.hero-advanced,
.hero__secondarybrand .hero__text,
.slick-dots li button:before {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

@media screen and (min-width:1300px) {
	.first .video-fallback {
		min-height: 680px
	}
}

@media screen and (min-width:1500px) {
	.first .video-fallback {
		min-height: 980px
	}
	.col-md-8-noResults {
		margin: 22px 0 0 15px
	}
}

.clearfix:after,
.clearfix:before {
	content: " ";
	display: table
}

.clearfix:after {
	clear: both
}

.ellipsis {
	white-space: nowrap;
	overflow: hidden;
	display: block
}

.ellipsis.multiline {
	white-space: normal
}

.link--to {
	cursor: pointer
}

body.museum {
	background-color: #707070;
	padding-right: 0!important
}

@media (min-width:1281px) {
	body.museum {
		background-color: transparent
	}
}

body.museum-body {
	background-color: #707070;
	overflow: auto;
	overflow-y: auto;
	padding-right: 0!important
}

body .wrapper.museum-wrapper {
	overflow-y: auto
}

body .wrapper .dividing-bar {
	background-color: #3f3e3e;
	text-align: center;
	padding: 20px
}

body .wrapper .dividing-bar span {
	color: #fff;
	display: inline-block
}

body .wrapper .dividing-bar span a {
	color: #fff
}

.navbar {
	z-index: 4005
}

html.no-touch #Modal1.modal {
	overflow: hidden!important
}

#Modal1 {
	z-index: 4002
}

#Modal1.modal {
	position: absolute;
	text-align: center
}

#Modal1.modal.modal-open,
#Modal1.modal.modal-wide {
	overflow: hidden
}

#Modal1.modal.modal-wide .modal-dialog {
	width: 100%
}

#Modal1.modal .modal-dialog {
	display: inline-block;
	width: auto!important
}

#Modal1.modal .modal-dialog .modal-content {
	display: inline-block;
	background: 0 0!important;
	position: relative;
	border: 1px solid #999;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 0!important;
	outline: 0;
	box-shadow: none
}

#Modal1.modal .modal-dialog .modal-content .modal-body {
	overflow: visible!important;
	padding: 0;
	color: #fff;
	text-align: center;
	font-family: AvenirNext-light
}

@media (max-width:767px) {
	#Modal1.modal .modal-dialog {
		margin: 80px auto
	}
	#Modal1.modal .modal-dialog .modal-content .modal-body {
		width: 90vw!important
	}
}

@media (min-width:768px) and (max-width:991px) {
	#Modal1.modal .modal-dialog {
		margin: 150px auto
	}
	#Modal1.modal .modal-dialog .modal-content .modal-body {
		width: 80vw!important
	}
}

@media (min-width:992px) {
	#Modal1.modal .modal-dialog {
		margin: 150px auto
	}
	#Modal1.modal .modal-dialog .modal-content .modal-body {
		width: 40vw!important
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-body h1 {
	font-family: AvenirNext-Bold
}

@media (max-width:400px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body h1 {
		font-size: 6vw
	}
}

@media (min-width:768px) and (max-width:991px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body h1 {
		font-size: 4.6vw;
		margin-top: 30px
	}
}

@media (min-width:992px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body h1 {
		font-size: 2.3vw;
		margin-top: 20px
	}
}

@media (min-width:1281px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body {
		width: 30vw!important
	}
	#Modal1.modal .modal-dialog .modal-content .modal-body h1 {
		font-size: 1.9vw
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-body h6 {
	font-family: AvenirNext-MediumItalic;
	margin-bottom: 25px
}

@media (min-width:768px) and (max-width:991px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body h6 {
		font-size: 1.5vw
	}
}

@media (min-width:992px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body h6 {
		font-size: .9vw
	}
}

@media (min-width:1281px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body h6 {
		font-size: .7vw
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-body .modal-welcome {
	width: 85%;
	display: inline-block;
	font-family: AvenirNext-light;
	margin-bottom: 20px
}

@media (min-width:768px) and (max-width:991px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .modal-welcome {
		font-size: 2vw
	}
	#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote {
		width: 80%
	}
}

@media (min-width:992px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .modal-welcome {
		font-size: 1vw
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote {
	display: inline-block;
	width: 80%;
	padding-bottom: 5%
}

#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote .quote {
	font-family: AvenirNext-light;
	font-style: italic
}

@media (min-width:768px) and (max-width:991px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote .quote {
		font-size: 3.4vw
	}
}

@media (min-width:992px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote .quote {
		font-size: 1.6vw;
		margin-top: 20px
	}
}

@media (min-width:1281px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote .quote {
		font-size: 1.3vw
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote .quote-author {
	text-align: right;
	font-family: AvenirNext-light;
	font-style: italic;
	margin-right: 20px
}

@media (min-width:768px) and (max-width:991px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote .quote-author {
		font-size: 1.8vw
	}
}

@media (min-width:992px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote .quote-author {
		font-size: 1vw
	}
}

@media (min-width:1281px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .modal-quote .quote-author {
		font-size: .6vw
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-body .white-region {
	color: #333;
	background-color: #fff;
	bottom: 0;
	text-align: center;
	width: 100%
}

#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .instructions {
	display: inline-block
}

@media (max-width:400px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .instructions {
		margin-top: 15px;
		font-size: .9em
	}
}

@media (max-width:767px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .instructions {
		margin-top: 20px;
		width: 80%
	}
}

@media (min-width:768px) and (max-width:991px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .instructions {
		margin-top: 20px;
		width: 60%
	}
}

@media (min-width:992px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .instructions {
		margin-top: 20px;
		width: 60%
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .icon {
	text-align: center
}

@media (max-width:767px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .icon {
		margin-top: 10px;
		margin-bottom: 10px
	}
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .icon img {
		width: 13vw
	}
}

@media (min-width:768px) and (max-width:991px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .icon {
		margin-top: 10px;
		margin-bottom: 10px
	}
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .icon img {
		width: 3vw
	}
}

@media (min-width:992px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .icon {
		margin-top: 10px;
		margin-bottom: 10px
	}
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .icon img {
		width: 3vw
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .button {
	padding-bottom: 30px
}

@media (max-width:767px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .button img {
		width: 40vw
	}
}

@media (min-width:768px) and (max-width:991px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .button img {
		width: 15vw
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .disclaimer {
	font-size: 1em!important;
	color: #929292;
	font-style: italic;
	padding-bottom: 20px
}

@media (max-width:400px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .disclaimer {
		font-size: .8em!important
	}
}

@media (min-width:992px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .button img {
		width: 10vw
	}
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .disclaimer {
		font-size: 1em
	}
}

#Modal1.modal .modal-dialog .modal-content .modal-close {
	text-align: left;
	cursor: pointer;
	display: block!important;
	background: 0 0!important;
	border: none;
	position: absolute;
	left: -1vw;
	top: -1vw;
	padding-right: 0;
	padding-top: 0;
	z-index: 1460
}

#Modal1.modal .modal-dialog .modal-content .modal-close.close {
	opacity: .75
}

#Modal1.modal .modal-dialog .modal-content .modal-close.close:hover {
	opacity: .5
}

#Modal1.modal .modal-dialog .modal-content .modal-close img {
	width: 47px;
	height: 47px
}

@media (max-width:767px) {
	#Modal1.modal .modal-dialog .modal-content .modal-body .white-region .disclaimer {
		font-size: 1em
	}
	#Modal1.modal .modal-dialog .modal-content .modal-close {
		background-color: #ccc;
		border-radius: 50%
	}
	#Modal1.modal .modal-dialog .modal-content .modal-close img {
		width: 30px;
		height: 30px
	}
}

.modal.fade .modal-dialog {
	transform: scale(.1);
	opacity: 0;
	transition: all .3s
}

.modal.fade.in .modal-dialog {
	transform: scale(1);
	opacity: 1
}

@media (min-width:768px) and (max-width:991px) {
	section video {
		width: 200px;
		height: 200px
	}
}

section.museum {
	background-position-y: 0!important;
	height: 70vw;
	margin: 0;
	padding-top: 60px;
	position: relative!important
}

@media (max-width:767px) {
	section.museum {
		height: 150vw
	}
}

@media (min-width:768px) and (max-width:991px) {
	section.museum {
		height: 150vw
	}
}

@media (min-width:992px) {
	section.museum {
		height: 60vw
	}
}

section.museum .black-bg {
	position: relative
}

section.museum .black-bg:after {
	border-color: #000 transparent;
	border-style: solid;
	border-width: 15px 15px 0;
	bottom: -15px;
	content: "";
	display: block;
	left: 46%;
	position: absolute;
	top: 100%;
	width: 0;
	z-index: 1
}

section.museum.museum .options {
	position: absolute;
	z-index: 1010;
	scale: .5
}

section.museum.museum .options .icon {
	text-transform: uppercase;
	color: #fff
}

section.museum.museum .options .icon.info a,
section.museum.museum .options .icon.lobby a {
	color: #fff
}

footer {
	margin-top: 0!important
}

.modal-backdrop {
	display: none
}

.modal-backdrop.fade.in {
	opacity: .85
}

.museum-wrapper {
	height: 100%
}

.museum-wrapper section.museum {
	height: 100%!important
}

.museum-wrapper section.museum .modal {
	overflow: scroll!important;
	-webkit-overflow-scrolling: touch!important
}

.museum-wrapper section.museum div#krpanoSWFObject {
	position: absolute!important;
	top: 0
}

.museum-wrapper section.museum .kolorArea {
	top: 10%!important;
	position: fixed
}

@media screen and (orientation:landscape) and (max-width:701px),
screen and (orientation:landscape) and (max-height:466px) {
	.wrapper.museum-wrapper,
	.wrapper.museum-wrapper section.museum {
		height: 100%
	}
	.wrapper.museum-wrapper section.museum div#floorPlanArea {
		height: 100%!important
	}
	.wrapper.museum-wrapper section.museum div#floorPlanArea #floorPlan {
		position: fixed;
		top: 50%;
		margin-top: -232.5px;
		padding-top: 35px
	}
	.wrapper.museum-wrapper section.museum div#floorPlanArea .kolorArea {
		top: 0!important;
		height: 100%!important
	}
}

@media screen and (max-width:500px) and (orientation:portrait) {
	.wrapper.museum-wrapper section.museum div#floorPlanArea .kolorArea {
		top: 0!important
	}
}

.owl-carousel .animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
	z-index: 0
}

.owl-carousel .owl-animated-out {
	z-index: 1
}

.owl-carousel .fadeOut {
	animation-name: fadeOut
}

@keyframes fadeOut {
	0% {
		opacity: 1
	}
	100% {
		opacity: 0
	}
}

.owl-height {
	transition: height .5s ease-in-out
}

.owl-carousel {
	display: none;
	width: 100%;
	position: relative;
	z-index: 1
}

.owl-carousel .owl-stage {
	position: relative;
	-ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0
}

.owl-carousel .owl-stage-outer {
	position: relative;
	overflow: hidden;
	-webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-controls .owl-dot,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-nav .owl-prev {
	cursor: pointer;
	cursor: hand;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-loaded {
	display: block
}

.owl-carousel.owl-loading {
	opacity: 0;
	display: block
}

.owl-carousel.owl-hidden {
	opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
	display: none
}

.no-js .owl-carousel,
.owl-carousel .owl-item img {
	display: block
}

.owl-carousel .owl-item {
	position: relative;
	min-height: 1px;
	float: left;
	-webkit-backface-visibility: hidden;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.owl-carousel.owl-text-select-on .owl-item {
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab
}

.owl-carousel.owl-rtl {
	direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
	float: right
}

.hero .btn--cta,
.hero__header,
.hero__text,
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
	display: none
}

.owl-carousel .owl-item .owl-lazy {
	opacity: 0;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-wrapper {
	position: relative;
	height: 100%;
	background: #000
}

.owl-carousel .owl-video-play-icon {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	z-index: 1;
	-webkit-backface-visibility: hidden;
	transition: scale .1s ease
}

.template.full,
footer {
	position: relative
}

.owl-carousel .owl-video-play-icon:hover {
	transition: scale(1.3, 1.3)
}

.owl-carousel .owl-video-tn {
	opacity: 0;
	height: 100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1
}

.template.full .content {
	margin-top: -130px;
	width: 100%;
	min-height: 130px
}

.template .content {
	margin-bottom: 50px
}

.template .content.article {
	padding-top: 40px
}

footer h4 {
	font-family: AvenirNext-Bold;
	color: #8f8f8f;
	text-transform: uppercase
}

footer b {
	line-height: 32px;
	font-family: AvenirNext-Medium;
	font-size: 13px;
	display: inline-block
}

footer p {
	font-size: 13px;
	color: #666
}

footer article>ul {
	margin-bottom: 31px
}

footer a.wrapper-link {
	height: auto;
	outline: 0
}

.theme-1-dark--left::after,
.theme-1-dark--right::after,
a.theme-1-dark--left::after,
a.theme-1-dark--right::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateY(-50%)
}

footer .section-title {
	margin-bottom: 6px
}

footer .terms a,
footer .terms a:active,
footer .terms a:focus,
footer .terms a:hover,
footer .terms a:link,
footer .terms a:visited {
	text-decoration: underline
}

.alert-bar .alert-details a:hover,
.theme-1-dark .column-panel__text:hover,
.theme-1-dark p:hover,
.theme-2-dark .column-panel__text:hover,
.theme-2-dark p:hover,
.theme-2-gray .column-panel__text:hover,
.theme-2-gray p:hover,
.theme-3-gray .column-panel__text:hover,
.theme-3-gray p:hover,
.theme-3-marine .column-panel__text:hover,
.theme-3-marine p:hover,
.theme-4-dark .column-panel__text:hover,
.theme-4-dark p:hover,
.theme-4-gray .column-panel__text:hover,
.theme-4-gray p:hover,
.theme-5-gray .column-panel__text:hover,
.theme-5-gray p:hover,
a.theme-1-dark .column-panel__text:hover,
a.theme-1-dark p:hover,
a.theme-2-dark .column-panel__text:hover,
a.theme-2-dark p:hover,
a.theme-2-gray .column-panel__text:hover,
a.theme-2-gray p:hover,
a.theme-3-gray .column-panel__text:hover,
a.theme-3-gray p:hover,
a.theme-3-marine .column-panel__text:hover,
a.theme-3-marine p:hover,
a.theme-4-dark .column-panel__text:hover,
a.theme-4-dark p:hover,
a.theme-4-gray .column-panel__text:hover,
a.theme-4-gray p:hover,
a.theme-5-gray .column-panel__text:hover,
a.theme-5-gray p:hover,
a:hover {
	text-decoration: none
}

footer .icon-chevron-right {
	font-size: 13px;
	margin: 2px 0 0 -2px
}

footer.history {
	opacity: 1!important;
	z-index: 8
}

@media (min-width:768px) and (max-width:991px) {
	footer .col-sm-6.racing {
		margin-top: -15%
	}
	footer h4 {
		margin-top: 0
	}
	footer .col-sm-6.services {
		bottom: 0
	}
}

.theme-1-dark.learn-more,
a.theme-1-dark.learn-more {
	background: #F2F2F2
}

.theme-1-dark.column-panel,
a.theme-1-dark.column-panel {
	background: #fff
}

.theme-1-dark .two-columns-panel2__body a,
.theme-1-dark .two-columns-panel2__body a:active,
.theme-1-dark .two-columns-panel2__body a:focus,
.theme-1-dark .two-columns-panel2__body a:hover,
.theme-1-dark .two-columns-panel2__body a:visited,
a.theme-1-dark .two-columns-panel2__body a,
a.theme-1-dark .two-columns-panel2__body a:active,
a.theme-1-dark .two-columns-panel2__body a:focus,
a.theme-1-dark .two-columns-panel2__body a:hover,
a.theme-1-dark .two-columns-panel2__body a:visited {
	color: #2d2d2d;
	outline: 0
}

.theme-1-dark--left::after,
a.theme-1-dark--left::after {
	left: calc(50% - 2px);
	border-left: 20px solid;
	border-left-color: #F2F2F2
}

.theme-1-dark--left .two-columns-panel2__content--padding,
a.theme-1-dark--left .two-columns-panel2__content--padding {
	background: #F2F2F2;
	z-index: 1
}

.theme-1-dark--right::after,
a.theme-1-dark--right::after {
	right: calc(50% - 2px);
	border-right: 20px solid;
	border-right-color: #F2F2F2
}

.theme-1-dark--right .two-columns-panel2__content--padding,
a.theme-1-dark--right .two-columns-panel2__content--padding {
	background: #F2F2F2
}

.theme-1-dark .kinds-list,
.theme-1-dark .two-columns-panel2 ul,
a.theme-1-dark .kinds-list,
a.theme-1-dark .two-columns-panel2 ul {
	color: #2d2d2d
}

@media (max-width:767px) {
	footer b {
		line-height: 40px
	}
	.theme-1-dark--left .two-columns-panel2__content--padding,
	.theme-1-dark--right .two-columns-panel2__content--padding,
	a.theme-1-dark--left .two-columns-panel2__content--padding,
	a.theme-1-dark--right .two-columns-panel2__content--padding {
		box-shadow: 0 0 0 #F2F2F2
	}
	.theme-1-dark--left::after,
	.theme-1-dark--right::after,
	a.theme-1-dark--left::after,
	a.theme-1-dark--right::after {
		content: "";
		position: absolute;
		top: 202px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid;
		border-bottom-color: #F2F2F2;
		left: 50%;
		transform: translateX(-50%)
	}
}

.theme-2-gray--left::after,
.theme-2-gray--right::after,
a.theme-2-gray--left::after,
a.theme-2-gray--right::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateY(-50%)
}

.theme-1-dark .column-panel__body a,
.theme-1-dark .column-panel__body a:active,
.theme-1-dark .column-panel__body a:focus,
.theme-1-dark .column-panel__body a:hover,
.theme-1-dark .column-panel__body a:visited,
a.theme-1-dark .column-panel__body a,
a.theme-1-dark .column-panel__body a:active,
a.theme-1-dark .column-panel__body a:focus,
a.theme-1-dark .column-panel__body a:hover,
a.theme-1-dark .column-panel__body a:visited {
	color: #2d2d2d;
	outline: 0
}

.theme-1-dark .column-panel__header,
.theme-1-dark .column-panel__text,
.theme-1-dark p,
a.theme-1-dark .column-panel__header,
a.theme-1-dark .column-panel__text,
a.theme-1-dark p {
	color: #2d2d2d
}

.theme-1-dark .btn--cta,
.theme-1-dark .btn--cta:active,
.theme-1-dark .btn--cta:focus,
.theme-1-dark .btn--cta:hover,
.theme-1-dark .btn--cta:visited,
a.theme-1-dark .btn--cta,
a.theme-1-dark .btn--cta:active,
a.theme-1-dark .btn--cta:focus,
a.theme-1-dark .btn--cta:hover,
a.theme-1-dark .btn--cta:visited {
	color: #306A8C
}

.theme-2-gray.learn-more,
a.theme-2-gray.learn-more {
	background: #cc0001
}

.theme-2-gray.column-panel,
a.theme-2-gray.column-panel {
	background: #fff
}

.theme-2-dark.learn-more,
.theme-2-gray--right .two-columns-panel2__content--padding,
a.theme-2-dark.learn-more,
a.theme-2-gray--right .two-columns-panel2__content--padding {
	background: #cc0001
}

.theme-2-gray .two-columns-panel2__body a,
.theme-2-gray .two-columns-panel2__body a:active,
.theme-2-gray .two-columns-panel2__body a:focus,
.theme-2-gray .two-columns-panel2__body a:hover,
.theme-2-gray .two-columns-panel2__body a:visited,
a.theme-2-gray .two-columns-panel2__body a,
a.theme-2-gray .two-columns-panel2__body a:active,
a.theme-2-gray .two-columns-panel2__body a:focus,
a.theme-2-gray .two-columns-panel2__body a:hover,
a.theme-2-gray .two-columns-panel2__body a:visited {
	color: #fff;
	outline: 0
}

.theme-2-gray--left::after,
a.theme-2-gray--left::after {
	left: calc(50% - 2px);
	border-left: 20px solid;
	border-left-color: #cc0001
}

.theme-2-gray--left .two-columns-panel2__content--padding,
a.theme-2-gray--left .two-columns-panel2__content--padding {
	background: #cc0001;
	z-index: 1
}

.theme-2-gray--right::after,
a.theme-2-gray--right::after {
	right: calc(50% - 2px);
	border-right: 20px solid;
	border-right-color: #cc0001
}

.theme-2-gray .kinds-list,
.theme-2-gray .two-columns-panel2 ul,
a.theme-2-gray .kinds-list,
a.theme-2-gray .two-columns-panel2 ul {
	color: #fff
}

@media (max-width:767px) {
	.theme-2-gray--left .two-columns-panel2__content--padding,
	.theme-2-gray--right .two-columns-panel2__content--padding,
	a.theme-2-gray--left .two-columns-panel2__content--padding,
	a.theme-2-gray--right .two-columns-panel2__content--padding {
		box-shadow: 0 0 0 #cc0001
	}
	.theme-2-gray--left::after,
	.theme-2-gray--right::after,
	a.theme-2-gray--left::after,
	a.theme-2-gray--right::after {
		content: "";
		position: absolute;
		top: 202px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid;
		border-bottom-color: #cc0001;
		left: 50%;
		transform: translateX(-50%)
	}
}

.theme-2-dark--left::after,
.theme-2-dark--right::after,
a.theme-2-dark--left::after,
a.theme-2-dark--right::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateY(-50%)
}

.theme-2-gray .column-panel__body a,
.theme-2-gray .column-panel__body a:active,
.theme-2-gray .column-panel__body a:focus,
.theme-2-gray .column-panel__body a:hover,
.theme-2-gray .column-panel__body a:visited,
a.theme-2-gray .column-panel__body a,
a.theme-2-gray .column-panel__body a:active,
a.theme-2-gray .column-panel__body a:focus,
a.theme-2-gray .column-panel__body a:hover,
a.theme-2-gray .column-panel__body a:visited {
	color: #fff;
	outline: 0
}

.theme-2-gray .column-panel__header,
.theme-2-gray .column-panel__text,
.theme-2-gray p,
a.theme-2-gray .column-panel__header,
a.theme-2-gray .column-panel__text,
a.theme-2-gray p {
	color: #fff
}

.theme-2-gray .btn--cta,
.theme-2-gray .btn--cta:active,
.theme-2-gray .btn--cta:focus,
.theme-2-gray .btn--cta:hover,
.theme-2-gray .btn--cta:visited,
a.theme-2-gray .btn--cta,
a.theme-2-gray .btn--cta:active,
a.theme-2-gray .btn--cta:focus,
a.theme-2-gray .btn--cta:hover,
a.theme-2-gray .btn--cta:visited {
	color: #fff
}

.theme-2-dark.column-panel,
a.theme-2-dark.column-panel {
	background: #fff
}

.theme-2-dark .two-columns-panel2__body a,
.theme-2-dark .two-columns-panel2__body a:active,
.theme-2-dark .two-columns-panel2__body a:focus,
.theme-2-dark .two-columns-panel2__body a:hover,
.theme-2-dark .two-columns-panel2__body a:visited,
a.theme-2-dark .two-columns-panel2__body a,
a.theme-2-dark .two-columns-panel2__body a:active,
a.theme-2-dark .two-columns-panel2__body a:focus,
a.theme-2-dark .two-columns-panel2__body a:hover,
a.theme-2-dark .two-columns-panel2__body a:visited {
	color: #fff;
	outline: 0
}

.theme-2-dark--left::after,
a.theme-2-dark--left::after {
	left: calc(50% - 2px);
	border-left: 20px solid;
	border-left-color: #cc0001
}

.theme-2-dark--left .two-columns-panel2__content--padding,
a.theme-2-dark--left .two-columns-panel2__content--padding {
	background: #cc0001;
	z-index: 1
}

.theme-2-dark--right::after,
a.theme-2-dark--right::after {
	right: calc(50% - 2px);
	border-right: 20px solid;
	border-right-color: #cc0001
}

.theme-2-dark--right .two-columns-panel2__content--padding,
a.theme-2-dark--right .two-columns-panel2__content--padding {
	background: #cc0001
}

.theme-2-dark .kinds-list,
.theme-2-dark .two-columns-panel2 ul,
a.theme-2-dark .kinds-list,
a.theme-2-dark .two-columns-panel2 ul {
	color: #fff
}

@media (max-width:767px) {
	.theme-2-dark--left .two-columns-panel2__content--padding,
	.theme-2-dark--right .two-columns-panel2__content--padding,
	a.theme-2-dark--left .two-columns-panel2__content--padding,
	a.theme-2-dark--right .two-columns-panel2__content--padding {
		box-shadow: 0 0 0 #cc0001
	}
	.theme-2-dark--left::after,
	.theme-2-dark--right::after,
	a.theme-2-dark--left::after,
	a.theme-2-dark--right::after {
		content: "";
		position: absolute;
		top: 202px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid;
		border-bottom-color: #cc0001;
		left: 50%;
		transform: translateX(-50%)
	}
}

.theme-3-gray--left::after,
.theme-3-gray--right::after,
a.theme-3-gray--left::after,
a.theme-3-gray--right::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateY(-50%)
}

.theme-2-dark .column-panel__body a,
.theme-2-dark .column-panel__body a:active,
.theme-2-dark .column-panel__body a:focus,
.theme-2-dark .column-panel__body a:hover,
.theme-2-dark .column-panel__body a:visited,
a.theme-2-dark .column-panel__body a,
a.theme-2-dark .column-panel__body a:active,
a.theme-2-dark .column-panel__body a:focus,
a.theme-2-dark .column-panel__body a:hover,
a.theme-2-dark .column-panel__body a:visited {
	color: #fff;
	outline: 0
}

.theme-2-dark .column-panel__header,
.theme-2-dark .column-panel__text,
.theme-2-dark p,
a.theme-2-dark .column-panel__header,
a.theme-2-dark .column-panel__text,
a.theme-2-dark p {
	color: #fff
}

.theme-2-dark .btn--cta,
.theme-2-dark .btn--cta:active,
.theme-2-dark .btn--cta:focus,
.theme-2-dark .btn--cta:hover,
.theme-2-dark .btn--cta:visited,
a.theme-2-dark .btn--cta,
a.theme-2-dark .btn--cta:active,
a.theme-2-dark .btn--cta:focus,
a.theme-2-dark .btn--cta:hover,
a.theme-2-dark .btn--cta:visited {
	color: #fff
}

.theme-3-gray.learn-more,
a.theme-3-gray.learn-more {
	background: #306A8C
}

.theme-3-gray.column-panel,
a.theme-3-gray.column-panel {
	background: #fff
}

.theme-3-dark.learn-more,
.theme-3-gray--right .two-columns-panel2__content--padding,
a.theme-3-dark.learn-more,
a.theme-3-gray--right .two-columns-panel2__content--padding {
	background: #306A8C
}

.theme-3-gray .two-columns-panel2__body a,
.theme-3-gray .two-columns-panel2__body a:active,
.theme-3-gray .two-columns-panel2__body a:focus,
.theme-3-gray .two-columns-panel2__body a:hover,
.theme-3-gray .two-columns-panel2__body a:visited,
a.theme-3-gray .two-columns-panel2__body a,
a.theme-3-gray .two-columns-panel2__body a:active,
a.theme-3-gray .two-columns-panel2__body a:focus,
a.theme-3-gray .two-columns-panel2__body a:hover,
a.theme-3-gray .two-columns-panel2__body a:visited {
	color: #fff;
	outline: 0
}

.theme-3-gray--left::after,
a.theme-3-gray--left::after {
	left: calc(50% - 2px);
	border-left: 20px solid;
	border-left-color: #306A8C
}

.theme-3-gray--left .two-columns-panel2__content--padding,
a.theme-3-gray--left .two-columns-panel2__content--padding {
	background: #306A8C;
	z-index: 1
}

.theme-3-gray--right::after,
a.theme-3-gray--right::after {
	right: calc(50% - 2px);
	border-right: 20px solid;
	border-right-color: #306A8C
}

.theme-3-gray .kinds-list,
.theme-3-gray .two-columns-panel2 ul,
a.theme-3-gray .kinds-list,
a.theme-3-gray .two-columns-panel2 ul {
	color: #fff
}

@media (max-width:767px) {
	.theme-3-gray--left .two-columns-panel2__content--padding,
	.theme-3-gray--right .two-columns-panel2__content--padding,
	a.theme-3-gray--left .two-columns-panel2__content--padding,
	a.theme-3-gray--right .two-columns-panel2__content--padding {
		box-shadow: 0 0 0 #306A8C
	}
	.theme-3-gray--left::after,
	.theme-3-gray--right::after,
	a.theme-3-gray--left::after,
	a.theme-3-gray--right::after {
		content: "";
		position: absolute;
		top: 202px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid;
		border-bottom-color: #306A8C;
		left: 50%;
		transform: translateX(-50%)
	}
}

.theme-3-dark--left::after,
.theme-3-dark--right::after,
a.theme-3-dark--left::after,
a.theme-3-dark--right::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateY(-50%)
}

.theme-3-gray .column-panel__body a,
.theme-3-gray .column-panel__body a:active,
.theme-3-gray .column-panel__body a:focus,
.theme-3-gray .column-panel__body a:hover,
.theme-3-gray .column-panel__body a:visited,
a.theme-3-gray .column-panel__body a,
a.theme-3-gray .column-panel__body a:active,
a.theme-3-gray .column-panel__body a:focus,
a.theme-3-gray .column-panel__body a:hover,
a.theme-3-gray .column-panel__body a:visited {
	color: #fff;
	outline: 0
}

.theme-3-gray .column-panel__header,
.theme-3-gray .column-panel__text,
.theme-3-gray p,
a.theme-3-gray .column-panel__header,
a.theme-3-gray .column-panel__text,
a.theme-3-gray p {
	color: #fff
}

.theme-3-gray .btn--cta,
.theme-3-gray .btn--cta:active,
.theme-3-gray .btn--cta:focus,
.theme-3-gray .btn--cta:hover,
.theme-3-gray .btn--cta:visited,
a.theme-3-gray .btn--cta,
a.theme-3-gray .btn--cta:active,
a.theme-3-gray .btn--cta:focus,
a.theme-3-gray .btn--cta:hover,
a.theme-3-gray .btn--cta:visited {
	color: #fff
}

.theme-3-dark.column-panel,
a.theme-3-dark.column-panel {
	background: #fff
}

.theme-3-dark .two-columns-panel2__body a,
.theme-3-dark .two-columns-panel2__body a:active,
.theme-3-dark .two-columns-panel2__body a:focus,
.theme-3-dark .two-columns-panel2__body a:hover,
.theme-3-dark .two-columns-panel2__body a:visited,
a.theme-3-dark .two-columns-panel2__body a,
a.theme-3-dark .two-columns-panel2__body a:active,
a.theme-3-dark .two-columns-panel2__body a:focus,
a.theme-3-dark .two-columns-panel2__body a:hover,
a.theme-3-dark .two-columns-panel2__body a:visited {
	color: #fff;
	outline: 0
}

.theme-3-dark--left::after,
a.theme-3-dark--left::after {
	left: calc(50% - 2px);
	border-left: 20px solid;
	border-left-color: #306A8C
}

.theme-3-dark--left .two-columns-panel2__content--padding,
a.theme-3-dark--left .two-columns-panel2__content--padding {
	background: #306A8C;
	z-index: 1
}

.theme-3-dark--right::after,
a.theme-3-dark--right::after {
	right: calc(50% - 2px);
	border-right: 20px solid;
	border-right-color: #306A8C
}

.theme-3-dark--right .two-columns-panel2__content--padding,
a.theme-3-dark--right .two-columns-panel2__content--padding {
	background: #306A8C
}

.theme-3-dark .kinds-list,
.theme-3-dark .two-columns-panel2 ul,
a.theme-3-dark .kinds-list,
a.theme-3-dark .two-columns-panel2 ul {
	color: #fff
}

@media (max-width:767px) {
	.theme-3-dark--left .two-columns-panel2__content--padding,
	.theme-3-dark--right .two-columns-panel2__content--padding,
	a.theme-3-dark--left .two-columns-panel2__content--padding,
	a.theme-3-dark--right .two-columns-panel2__content--padding {
		box-shadow: 0 0 0 #306A8C
	}
	.theme-3-dark--left::after,
	.theme-3-dark--right::after,
	a.theme-3-dark--left::after,
	a.theme-3-dark--right::after {
		content: "";
		position: absolute;
		top: 202px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid;
		border-bottom-color: #306A8C;
		left: 50%;
		transform: translateX(-50%)
	}
}

.theme-3-marine--left::after,
.theme-3-marine--right::after,
a.theme-3-marine--left::after,
a.theme-3-marine--right::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateY(-50%)
}

.theme-3-dark .column-panel__body a,
.theme-3-dark .column-panel__body a:active,
.theme-3-dark .column-panel__body a:focus,
.theme-3-dark .column-panel__body a:hover,
.theme-3-dark .column-panel__body a:visited,
a.theme-3-dark .column-panel__body a,
a.theme-3-dark .column-panel__body a:active,
a.theme-3-dark .column-panel__body a:focus,
a.theme-3-dark .column-panel__body a:hover,
a.theme-3-dark .column-panel__body a:visited {
	color: #fff;
	outline: 0
}

.theme-3-dark .column-panel__header,
.theme-3-dark .column-panel__text,
.theme-3-dark p,
a.theme-3-dark .column-panel__header,
a.theme-3-dark .column-panel__text,
a.theme-3-dark p {
	color: #fff
}

.theme-3-dark .column-panel__text:hover,
.theme-3-dark p:hover,
a.theme-3-dark .column-panel__text:hover,
a.theme-3-dark p:hover {
	text-decoration: none
}

.theme-3-dark .btn--cta,
.theme-3-dark .btn--cta:active,
.theme-3-dark .btn--cta:focus,
.theme-3-dark .btn--cta:hover,
.theme-3-dark .btn--cta:visited,
a.theme-3-dark .btn--cta,
a.theme-3-dark .btn--cta:active,
a.theme-3-dark .btn--cta:focus,
a.theme-3-dark .btn--cta:hover,
a.theme-3-dark .btn--cta:visited {
	color: #fff
}

.theme-3-marine.learn-more,
a.theme-3-marine.learn-more {
	background: #0066A1
}

.theme-3-marine.column-panel,
a.theme-3-marine.column-panel {
	background: #fff
}

.theme-3-marine .two-columns-panel2__body a,
.theme-3-marine .two-columns-panel2__body a:active,
.theme-3-marine .two-columns-panel2__body a:focus,
.theme-3-marine .two-columns-panel2__body a:hover,
.theme-3-marine .two-columns-panel2__body a:visited,
a.theme-3-marine .two-columns-panel2__body a,
a.theme-3-marine .two-columns-panel2__body a:active,
a.theme-3-marine .two-columns-panel2__body a:focus,
a.theme-3-marine .two-columns-panel2__body a:hover,
a.theme-3-marine .two-columns-panel2__body a:visited {
	color: #fff;
	outline: 0
}

.theme-3-marine--left::after,
a.theme-3-marine--left::after {
	left: calc(50% - 2px);
	border-left: 20px solid;
	border-left-color: #0066A1
}

.theme-3-marine--left .two-columns-panel2__content--padding,
a.theme-3-marine--left .two-columns-panel2__content--padding {
	background: #0066A1;
	z-index: 1
}

.theme-3-marine--right::after,
a.theme-3-marine--right::after {
	right: calc(50% - 2px);
	border-right: 20px solid;
	border-right-color: #0066A1
}

.theme-3-marine--right .two-columns-panel2__content--padding,
a.theme-3-marine--right .two-columns-panel2__content--padding {
	background: #0066A1
}

.theme-3-marine .kinds-list,
.theme-3-marine .two-columns-panel2 ul,
a.theme-3-marine .kinds-list,
a.theme-3-marine .two-columns-panel2 ul {
	color: #fff
}

@media (max-width:767px) {
	.theme-3-marine--left .two-columns-panel2__content--padding,
	.theme-3-marine--right .two-columns-panel2__content--padding,
	a.theme-3-marine--left .two-columns-panel2__content--padding,
	a.theme-3-marine--right .two-columns-panel2__content--padding {
		box-shadow: 0 0 0 #0066A1
	}
	.theme-3-marine--left::after,
	.theme-3-marine--right::after,
	a.theme-3-marine--left::after,
	a.theme-3-marine--right::after {
		content: "";
		position: absolute;
		top: 202px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid;
		border-bottom-color: #0066A1;
		left: 50%;
		transform: translateX(-50%)
	}
}

.theme-4-gray--left::after,
.theme-4-gray--right::after,
a.theme-4-gray--left::after,
a.theme-4-gray--right::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateY(-50%)
}

.theme-3-marine .column-panel__body a,
.theme-3-marine .column-panel__body a:active,
.theme-3-marine .column-panel__body a:focus,
.theme-3-marine .column-panel__body a:hover,
.theme-3-marine .column-panel__body a:visited,
a.theme-3-marine .column-panel__body a,
a.theme-3-marine .column-panel__body a:active,
a.theme-3-marine .column-panel__body a:focus,
a.theme-3-marine .column-panel__body a:hover,
a.theme-3-marine .column-panel__body a:visited {
	color: #fff;
	outline: 0
}

.theme-3-marine .column-panel__header,
.theme-3-marine .column-panel__text,
.theme-3-marine p,
a.theme-3-marine .column-panel__header,
a.theme-3-marine .column-panel__text,
a.theme-3-marine p {
	color: #fff
}

.theme-3-marine .btn--cta,
.theme-3-marine .btn--cta:active,
.theme-3-marine .btn--cta:focus,
.theme-3-marine .btn--cta:hover,
.theme-3-marine .btn--cta:visited,
a.theme-3-marine .btn--cta,
a.theme-3-marine .btn--cta:active,
a.theme-3-marine .btn--cta:focus,
a.theme-3-marine .btn--cta:hover,
a.theme-3-marine .btn--cta:visited {
	color: #fff
}

.theme-4-gray.learn-more,
a.theme-4-gray.learn-more {
	background: #292929
}

.theme-4-gray.column-panel,
a.theme-4-gray.column-panel {
	background: #fff
}

.theme-4-dark.learn-more,
.theme-4-gray--right .two-columns-panel2__content--padding,
a.theme-4-dark.learn-more,
a.theme-4-gray--right .two-columns-panel2__content--padding {
	background: #292929
}

.theme-4-gray .two-columns-panel2__body a,
.theme-4-gray .two-columns-panel2__body a:active,
.theme-4-gray .two-columns-panel2__body a:focus,
.theme-4-gray .two-columns-panel2__body a:hover,
.theme-4-gray .two-columns-panel2__body a:visited,
a.theme-4-gray .two-columns-panel2__body a,
a.theme-4-gray .two-columns-panel2__body a:active,
a.theme-4-gray .two-columns-panel2__body a:focus,
a.theme-4-gray .two-columns-panel2__body a:hover,
a.theme-4-gray .two-columns-panel2__body a:visited {
	color: #fff;
	outline: 0
}

.theme-4-gray--left::after,
a.theme-4-gray--left::after {
	left: calc(50% - 2px);
	border-left: 20px solid;
	border-left-color: #292929
}

.theme-4-gray--left .two-columns-panel2__content--padding,
a.theme-4-gray--left .two-columns-panel2__content--padding {
	background: #292929;
	z-index: 1
}

.theme-4-gray--right::after,
a.theme-4-gray--right::after {
	right: calc(50% - 2px);
	border-right: 20px solid;
	border-right-color: #292929
}

.theme-4-gray .kinds-list,
.theme-4-gray .two-columns-panel2 ul,
a.theme-4-gray .kinds-list,
a.theme-4-gray .two-columns-panel2 ul {
	color: #fff
}

@media (max-width:767px) {
	.theme-4-gray--left .two-columns-panel2__content--padding,
	.theme-4-gray--right .two-columns-panel2__content--padding,
	a.theme-4-gray--left .two-columns-panel2__content--padding,
	a.theme-4-gray--right .two-columns-panel2__content--padding {
		box-shadow: 0 0 0 #292929
	}
	.theme-4-gray--left::after,
	.theme-4-gray--right::after,
	a.theme-4-gray--left::after,
	a.theme-4-gray--right::after {
		content: "";
		position: absolute;
		top: 202px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid;
		border-bottom-color: #292929;
		left: 50%;
		transform: translateX(-50%)
	}
}

.theme-4-dark--left::after,
.theme-4-dark--right::after,
a.theme-4-dark--left::after,
a.theme-4-dark--right::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateY(-50%)
}

.theme-4-gray .column-panel__body a,
.theme-4-gray .column-panel__body a:active,
.theme-4-gray .column-panel__body a:focus,
.theme-4-gray .column-panel__body a:hover,
.theme-4-gray .column-panel__body a:visited,
a.theme-4-gray .column-panel__body a,
a.theme-4-gray .column-panel__body a:active,
a.theme-4-gray .column-panel__body a:focus,
a.theme-4-gray .column-panel__body a:hover,
a.theme-4-gray .column-panel__body a:visited {
	color: #fff;
	outline: 0
}

.theme-4-gray .column-panel__header,
.theme-4-gray .column-panel__text,
.theme-4-gray p,
a.theme-4-gray .column-panel__header,
a.theme-4-gray .column-panel__text,
a.theme-4-gray p {
	color: #fff
}

.theme-4-gray .btn--cta,
.theme-4-gray .btn--cta:active,
.theme-4-gray .btn--cta:focus,
.theme-4-gray .btn--cta:hover,
.theme-4-gray .btn--cta:visited,
a.theme-4-gray .btn--cta,
a.theme-4-gray .btn--cta:active,
a.theme-4-gray .btn--cta:focus,
a.theme-4-gray .btn--cta:hover,
a.theme-4-gray .btn--cta:visited {
	color: #fff
}

.theme-4-dark.column-panel,
a.theme-4-dark.column-panel {
	background: #fff
}

.theme-4-dark .two-columns-panel2__body a,
.theme-4-dark .two-columns-panel2__body a:active,
.theme-4-dark .two-columns-panel2__body a:focus,
.theme-4-dark .two-columns-panel2__body a:hover,
.theme-4-dark .two-columns-panel2__body a:visited,
a.theme-4-dark .two-columns-panel2__body a,
a.theme-4-dark .two-columns-panel2__body a:active,
a.theme-4-dark .two-columns-panel2__body a:focus,
a.theme-4-dark .two-columns-panel2__body a:hover,
a.theme-4-dark .two-columns-panel2__body a:visited {
	color: #fff;
	outline: 0
}

.theme-4-dark--left::after,
a.theme-4-dark--left::after {
	left: calc(50% - 2px);
	border-left: 20px solid;
	border-left-color: #292929
}

.theme-4-dark--left .two-columns-panel2__content--padding,
a.theme-4-dark--left .two-columns-panel2__content--padding {
	background: #292929;
	z-index: 1
}

.theme-4-dark--right::after,
a.theme-4-dark--right::after {
	right: calc(50% - 2px);
	border-right: 20px solid;
	border-right-color: #292929
}

.theme-4-dark--right .two-columns-panel2__content--padding,
a.theme-4-dark--right .two-columns-panel2__content--padding {
	background: #292929
}

.theme-4-dark .kinds-list,
.theme-4-dark .two-columns-panel2 ul,
a.theme-4-dark .kinds-list,
a.theme-4-dark .two-columns-panel2 ul {
	color: #fff
}

@media (max-width:767px) {
	.theme-4-dark--left .two-columns-panel2__content--padding,
	.theme-4-dark--right .two-columns-panel2__content--padding,
	a.theme-4-dark--left .two-columns-panel2__content--padding,
	a.theme-4-dark--right .two-columns-panel2__content--padding {
		box-shadow: 0 0 0 #292929
	}
	.theme-4-dark--left::after,
	.theme-4-dark--right::after,
	a.theme-4-dark--left::after,
	a.theme-4-dark--right::after {
		content: "";
		position: absolute;
		top: 202px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid;
		border-bottom-color: #292929;
		left: 50%;
		transform: translateX(-50%)
	}
}

.theme-5-gray--left::after,
.theme-5-gray--right::after,
a.theme-5-gray--left::after,
a.theme-5-gray--right::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transform: translateY(-50%)
}

.theme-4-dark .column-panel__body a,
.theme-4-dark .column-panel__body a:active,
.theme-4-dark .column-panel__body a:focus,
.theme-4-dark .column-panel__body a:hover,
.theme-4-dark .column-panel__body a:visited,
a.theme-4-dark .column-panel__body a,
a.theme-4-dark .column-panel__body a:active,
a.theme-4-dark .column-panel__body a:focus,
a.theme-4-dark .column-panel__body a:hover,
a.theme-4-dark .column-panel__body a:visited {
	color: #fff;
	outline: 0
}

.theme-4-dark .column-panel__header,
.theme-4-dark .column-panel__text,
.theme-4-dark p,
a.theme-4-dark .column-panel__header,
a.theme-4-dark .column-panel__text,
a.theme-4-dark p {
	color: #fff
}

.theme-4-dark .btn--cta,
.theme-4-dark .btn--cta:active,
.theme-4-dark .btn--cta:focus,
.theme-4-dark .btn--cta:hover,
.theme-4-dark .btn--cta:visited,
a.theme-4-dark .btn--cta,
a.theme-4-dark .btn--cta:active,
a.theme-4-dark .btn--cta:focus,
a.theme-4-dark .btn--cta:hover,
a.theme-4-dark .btn--cta:visited {
	color: #fff
}

.theme-5-gray.learn-more,
a.theme-5-gray.learn-more {
	background: #F2F2F2
}

.theme-5-gray.column-panel,
a.theme-5-gray.column-panel {
	background: #fff
}

.theme-5-gray .two-columns-panel2__body a,
.theme-5-gray .two-columns-panel2__body a:active,
.theme-5-gray .two-columns-panel2__body a:focus,
.theme-5-gray .two-columns-panel2__body a:hover,
.theme-5-gray .two-columns-panel2__body a:visited,
a.theme-5-gray .two-columns-panel2__body a,
a.theme-5-gray .two-columns-panel2__body a:active,
a.theme-5-gray .two-columns-panel2__body a:focus,
a.theme-5-gray .two-columns-panel2__body a:hover,
a.theme-5-gray .two-columns-panel2__body a:visited {
	color: #2d2d2d;
	outline: 0
}

.theme-5-gray--left::after,
a.theme-5-gray--left::after {
	left: calc(50% - 2px);
	border-left: 20px solid;
	border-left-color: #F2F2F2
}

.theme-5-gray--left .two-columns-panel2__content--padding,
a.theme-5-gray--left .two-columns-panel2__content--padding {
	background: #F2F2F2;
	z-index: 1
}

.theme-5-gray--right::after,
a.theme-5-gray--right::after {
	right: calc(50% - 2px);
	border-right: 20px solid;
	border-right-color: #F2F2F2
}

.theme-5-gray--right .two-columns-panel2__content--padding,
a.theme-5-gray--right .two-columns-panel2__content--padding {
	background: #F2F2F2
}

.theme-5-gray .kinds-list,
.theme-5-gray .two-columns-panel2 ul,
a.theme-5-gray .kinds-list,
a.theme-5-gray .two-columns-panel2 ul {
	color: #2d2d2d
}

.theme-5-gray .column-panel__body a,
.theme-5-gray .column-panel__body a:active,
.theme-5-gray .column-panel__body a:focus,
.theme-5-gray .column-panel__body a:hover,
.theme-5-gray .column-panel__body a:visited,
a.theme-5-gray .column-panel__body a,
a.theme-5-gray .column-panel__body a:active,
a.theme-5-gray .column-panel__body a:focus,
a.theme-5-gray .column-panel__body a:hover,
a.theme-5-gray .column-panel__body a:visited {
	color: #2d2d2d;
	outline: 0
}

.theme-5-gray .column-panel__header,
.theme-5-gray .column-panel__text,
.theme-5-gray p,
a.theme-5-gray .column-panel__header,
a.theme-5-gray .column-panel__text,
a.theme-5-gray p {
	color: #2d2d2d
}

.theme-5-gray .btn--cta,
.theme-5-gray .btn--cta:active,
.theme-5-gray .btn--cta:focus,
.theme-5-gray .btn--cta:hover,
.theme-5-gray .btn--cta:visited,
a.theme-5-gray .btn--cta,
a.theme-5-gray .btn--cta:active,
a.theme-5-gray .btn--cta:focus,
a.theme-5-gray .btn--cta:hover,
a.theme-5-gray .btn--cta:visited {
	color: #306A8C
}

@media (max-width:767px) {
	.theme-5-gray--left .two-columns-panel2__content--padding,
	.theme-5-gray--right .two-columns-panel2__content--padding,
	a.theme-5-gray--left .two-columns-panel2__content--padding,
	a.theme-5-gray--right .two-columns-panel2__content--padding {
		box-shadow: 0 0 0 #F2F2F2
	}
	.theme-5-gray--left::after,
	.theme-5-gray--right::after,
	a.theme-5-gray--left::after,
	a.theme-5-gray--right::after {
		content: "";
		position: absolute;
		top: 202px;
		width: 0;
		height: 0;
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-bottom: 20px solid;
		border-bottom-color: #F2F2F2;
		left: 50%;
		transform: translateX(-50%)
	}
	.theme-1-dark.column-panel .column-panel__text:hover,
	.theme-1-dark.column-panel p:hover,
	.theme-2-dark.column-panel .column-panel__text:hover,
	.theme-2-dark.column-panel p:hover,
	.theme-2-gray.column-panel .column-panel__text:hover,
	.theme-2-gray.column-panel p:hover,
	.theme-3-dark.column-panel .column-panel__text:hover,
	.theme-3-dark.column-panel p:hover,
	.theme-3-gray.column-panel .column-panel__text:hover,
	.theme-3-gray.column-panel p:hover,
	.theme-4-dark.column-panel .column-panel__text:hover,
	.theme-4-dark.column-panel p:hover,
	.theme-4-gray.column-panel .column-panel__text:hover,
	.theme-4-gray.column-panel p:hover,
	.theme-5-dark.column-panel .column-panel__text:hover,
	.theme-5-dark.column-panel p:hover,
	.theme-5-gray.column-panel .column-panel__text:hover,
	.theme-5-gray.column-panel p:hover,
	a.theme-1-dark.column-panel .column-panel__text:hover,
	a.theme-1-dark.column-panel p:hover,
	a.theme-2-dark.column-panel .column-panel__text:hover,
	a.theme-2-dark.column-panel p:hover,
	a.theme-2-gray.column-panel .column-panel__text:hover,
	a.theme-2-gray.column-panel p:hover,
	a.theme-3-dark.column-panel .column-panel__text:hover,
	a.theme-3-dark.column-panel p:hover,
	a.theme-3-gray.column-panel .column-panel__text:hover,
	a.theme-3-gray.column-panel p:hover,
	a.theme-4-dark.column-panel .column-panel__text:hover,
	a.theme-4-dark.column-panel p:hover,
	a.theme-4-gray.column-panel .column-panel__text:hover,
	a.theme-4-gray.column-panel p:hover,
	a.theme-5-dark.column-panel .column-panel__text:hover,
	a.theme-5-dark.column-panel p:hover,
	a.theme-5-gray.column-panel .column-panel__text:hover,
	a.theme-5-gray.column-panel p:hover {
		text-decoration: none
	}
	.theme-1-dark.learn-more .btn--cta,
	.theme-1-dark.learn-more .btn--cta:active,
	.theme-1-dark.learn-more .btn--cta:focus,
	.theme-1-dark.learn-more .btn--cta:hover,
	.theme-1-dark.learn-more .btn--cta:visited,
	a.theme-1-dark.learn-more .btn--cta,
	a.theme-1-dark.learn-more .btn--cta:active,
	a.theme-1-dark.learn-more .btn--cta:focus,
	a.theme-1-dark.learn-more .btn--cta:hover,
	a.theme-1-dark.learn-more .btn--cta:visited {
		color: #306A8C
	}
	.theme-1-dark.column-panel .btn--cta,
	.theme-1-dark.column-panel .btn--cta:active,
	.theme-1-dark.column-panel .btn--cta:focus,
	.theme-1-dark.column-panel .btn--cta:hover,
	.theme-1-dark.column-panel .btn--cta:visited,
	.theme-1-dark.column-panel .column-panel__header,
	.theme-1-dark.column-panel .column-panel__text,
	.theme-1-dark.column-panel p,
	.theme-2-gray.learn-more .btn--cta,
	.theme-2-gray.learn-more .btn--cta:active,
	.theme-2-gray.learn-more .btn--cta:focus,
	.theme-2-gray.learn-more .btn--cta:hover,
	.theme-2-gray.learn-more .btn--cta:visited,
	a.theme-1-dark.column-panel .btn--cta,
	a.theme-1-dark.column-panel .btn--cta:active,
	a.theme-1-dark.column-panel .btn--cta:focus,
	a.theme-1-dark.column-panel .btn--cta:hover,
	a.theme-1-dark.column-panel .btn--cta:visited,
	a.theme-1-dark.column-panel .column-panel__header,
	a.theme-1-dark.column-panel .column-panel__text,
	a.theme-1-dark.column-panel p,
	a.theme-2-gray.learn-more .btn--cta,
	a.theme-2-gray.learn-more .btn--cta:active,
	a.theme-2-gray.learn-more .btn--cta:focus,
	a.theme-2-gray.learn-more .btn--cta:hover,
	a.theme-2-gray.learn-more .btn--cta:visited {
		color: #fff
	}
	.theme-1-dark.column-panel,
	a.theme-1-dark.column-panel {
		background: #2d2d2d
	}
	.theme-1-dark.column-panel .column-panel__body a,
	.theme-1-dark.column-panel .column-panel__body a:active,
	.theme-1-dark.column-panel .column-panel__body a:focus,
	.theme-1-dark.column-panel .column-panel__body a:hover,
	.theme-1-dark.column-panel .column-panel__body a:visited,
	a.theme-1-dark.column-panel .column-panel__body a,
	a.theme-1-dark.column-panel .column-panel__body a:active,
	a.theme-1-dark.column-panel .column-panel__body a:focus,
	a.theme-1-dark.column-panel .column-panel__body a:hover,
	a.theme-1-dark.column-panel .column-panel__body a:visited {
		color: #fff;
		outline: 0
	}
	.theme-1-dark.column-panel .column-panel__gradient,
	a.theme-1-dark.column-panel .column-panel__gradient {
		background: linear-gradient(to bottom, rgba(45, 45, 45, 0) 0, rgba(45, 45, 45, .45) 28%, rgba(45, 45, 45, .75) 67%, rgba(45, 45, 45, .76) 68%, #2d2d2d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d2d2d', endColorstr='#2d2d2d', GradientType=0)
	}
	.theme-2-gray.column-panel .btn--cta,
	.theme-2-gray.column-panel .btn--cta:active,
	.theme-2-gray.column-panel .btn--cta:focus,
	.theme-2-gray.column-panel .btn--cta:hover,
	.theme-2-gray.column-panel .btn--cta:visited,
	.theme-2-gray.column-panel .column-panel__header,
	.theme-2-gray.column-panel .column-panel__text,
	.theme-2-gray.column-panel p,
	a.theme-2-gray.column-panel .btn--cta,
	a.theme-2-gray.column-panel .btn--cta:active,
	a.theme-2-gray.column-panel .btn--cta:focus,
	a.theme-2-gray.column-panel .btn--cta:hover,
	a.theme-2-gray.column-panel .btn--cta:visited,
	a.theme-2-gray.column-panel .column-panel__header,
	a.theme-2-gray.column-panel .column-panel__text,
	a.theme-2-gray.column-panel p {
		color: #2d2d2d
	}
	.theme-2-gray.column-panel,
	a.theme-2-gray.column-panel {
		background: #EEE
	}
	.theme-2-gray.column-panel .column-panel__body a,
	.theme-2-gray.column-panel .column-panel__body a:active,
	.theme-2-gray.column-panel .column-panel__body a:focus,
	.theme-2-gray.column-panel .column-panel__body a:hover,
	.theme-2-gray.column-panel .column-panel__body a:visited,
	a.theme-2-gray.column-panel .column-panel__body a,
	a.theme-2-gray.column-panel .column-panel__body a:active,
	a.theme-2-gray.column-panel .column-panel__body a:focus,
	a.theme-2-gray.column-panel .column-panel__body a:hover,
	a.theme-2-gray.column-panel .column-panel__body a:visited {
		color: #2d2d2d;
		outline: 0
	}
	.theme-2-dark.column-panel .btn--cta,
	.theme-2-dark.column-panel .btn--cta:active,
	.theme-2-dark.column-panel .btn--cta:focus,
	.theme-2-dark.column-panel .btn--cta:hover,
	.theme-2-dark.column-panel .btn--cta:visited,
	.theme-2-dark.column-panel .column-panel__header,
	.theme-2-dark.column-panel .column-panel__text,
	.theme-2-dark.column-panel p,
	.theme-2-dark.learn-more .btn--cta,
	.theme-2-dark.learn-more .btn--cta:active,
	.theme-2-dark.learn-more .btn--cta:focus,
	.theme-2-dark.learn-more .btn--cta:hover,
	.theme-2-dark.learn-more .btn--cta:visited,
	.theme-3-gray.learn-more .btn--cta,
	.theme-3-gray.learn-more .btn--cta:active,
	.theme-3-gray.learn-more .btn--cta:focus,
	.theme-3-gray.learn-more .btn--cta:hover,
	.theme-3-gray.learn-more .btn--cta:visited,
	a.theme-2-dark.column-panel .btn--cta,
	a.theme-2-dark.column-panel .btn--cta:active,
	a.theme-2-dark.column-panel .btn--cta:focus,
	a.theme-2-dark.column-panel .btn--cta:hover,
	a.theme-2-dark.column-panel .btn--cta:visited,
	a.theme-2-dark.column-panel .column-panel__header,
	a.theme-2-dark.column-panel .column-panel__text,
	a.theme-2-dark.column-panel p,
	a.theme-2-dark.learn-more .btn--cta,
	a.theme-2-dark.learn-more .btn--cta:active,
	a.theme-2-dark.learn-more .btn--cta:focus,
	a.theme-2-dark.learn-more .btn--cta:hover,
	a.theme-2-dark.learn-more .btn--cta:visited,
	a.theme-3-gray.learn-more .btn--cta,
	a.theme-3-gray.learn-more .btn--cta:active,
	a.theme-3-gray.learn-more .btn--cta:focus,
	a.theme-3-gray.learn-more .btn--cta:hover,
	a.theme-3-gray.learn-more .btn--cta:visited {
		color: #fff
	}
	.theme-2-gray.column-panel .column-panel__gradient,
	a.theme-2-gray.column-panel .column-panel__gradient {
		background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0, rgba(238, 238, 238, .45) 28%, rgba(238, 238, 238, .75) 67%, rgba(238, 238, 238, .76) 68%, #eee 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee', GradientType=0)
	}
	.theme-2-dark.column-panel,
	a.theme-2-dark.column-panel {
		background: #2d2d2d
	}
	.theme-2-dark.column-panel .column-panel__body a,
	.theme-2-dark.column-panel .column-panel__body a:active,
	.theme-2-dark.column-panel .column-panel__body a:focus,
	.theme-2-dark.column-panel .column-panel__body a:hover,
	.theme-2-dark.column-panel .column-panel__body a:visited,
	a.theme-2-dark.column-panel .column-panel__body a,
	a.theme-2-dark.column-panel .column-panel__body a:active,
	a.theme-2-dark.column-panel .column-panel__body a:focus,
	a.theme-2-dark.column-panel .column-panel__body a:hover,
	a.theme-2-dark.column-panel .column-panel__body a:visited {
		color: #fff;
		outline: 0
	}
	.theme-2-dark.column-panel .column-panel__gradient,
	a.theme-2-dark.column-panel .column-panel__gradient {
		background: linear-gradient(to bottom, rgba(45, 45, 45, 0) 0, rgba(45, 45, 45, .45) 28%, rgba(45, 45, 45, .75) 67%, rgba(45, 45, 45, .76) 68%, #2d2d2d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d2d2d', endColorstr='#2d2d2d', GradientType=0)
	}
	.theme-3-gray.column-panel .btn--cta,
	.theme-3-gray.column-panel .btn--cta:active,
	.theme-3-gray.column-panel .btn--cta:focus,
	.theme-3-gray.column-panel .btn--cta:hover,
	.theme-3-gray.column-panel .btn--cta:visited,
	.theme-3-gray.column-panel .column-panel__header,
	.theme-3-gray.column-panel .column-panel__text,
	.theme-3-gray.column-panel p,
	a.theme-3-gray.column-panel .btn--cta,
	a.theme-3-gray.column-panel .btn--cta:active,
	a.theme-3-gray.column-panel .btn--cta:focus,
	a.theme-3-gray.column-panel .btn--cta:hover,
	a.theme-3-gray.column-panel .btn--cta:visited,
	a.theme-3-gray.column-panel .column-panel__header,
	a.theme-3-gray.column-panel .column-panel__text,
	a.theme-3-gray.column-panel p {
		color: #2d2d2d
	}
	.theme-3-gray.column-panel,
	a.theme-3-gray.column-panel {
		background: #EEE
	}
	.theme-3-gray.column-panel .column-panel__body a,
	.theme-3-gray.column-panel .column-panel__body a:active,
	.theme-3-gray.column-panel .column-panel__body a:focus,
	.theme-3-gray.column-panel .column-panel__body a:hover,
	.theme-3-gray.column-panel .column-panel__body a:visited,
	a.theme-3-gray.column-panel .column-panel__body a,
	a.theme-3-gray.column-panel .column-panel__body a:active,
	a.theme-3-gray.column-panel .column-panel__body a:focus,
	a.theme-3-gray.column-panel .column-panel__body a:hover,
	a.theme-3-gray.column-panel .column-panel__body a:visited {
		color: #2d2d2d;
		outline: 0
	}
	.theme-3-dark.column-panel .btn--cta,
	.theme-3-dark.column-panel .btn--cta:active,
	.theme-3-dark.column-panel .btn--cta:focus,
	.theme-3-dark.column-panel .btn--cta:hover,
	.theme-3-dark.column-panel .btn--cta:visited,
	.theme-3-dark.column-panel .column-panel__header,
	.theme-3-dark.column-panel .column-panel__text,
	.theme-3-dark.column-panel p,
	.theme-3-dark.learn-more .btn--cta,
	.theme-3-dark.learn-more .btn--cta:active,
	.theme-3-dark.learn-more .btn--cta:focus,
	.theme-3-dark.learn-more .btn--cta:hover,
	.theme-3-dark.learn-more .btn--cta:visited,
	.theme-4-gray.learn-more .btn--cta,
	.theme-4-gray.learn-more .btn--cta:active,
	.theme-4-gray.learn-more .btn--cta:focus,
	.theme-4-gray.learn-more .btn--cta:hover,
	.theme-4-gray.learn-more .btn--cta:visited,
	a.theme-3-dark.column-panel .btn--cta,
	a.theme-3-dark.column-panel .btn--cta:active,
	a.theme-3-dark.column-panel .btn--cta:focus,
	a.theme-3-dark.column-panel .btn--cta:hover,
	a.theme-3-dark.column-panel .btn--cta:visited,
	a.theme-3-dark.column-panel .column-panel__header,
	a.theme-3-dark.column-panel .column-panel__text,
	a.theme-3-dark.column-panel p,
	a.theme-3-dark.learn-more .btn--cta,
	a.theme-3-dark.learn-more .btn--cta:active,
	a.theme-3-dark.learn-more .btn--cta:focus,
	a.theme-3-dark.learn-more .btn--cta:hover,
	a.theme-3-dark.learn-more .btn--cta:visited,
	a.theme-4-gray.learn-more .btn--cta,
	a.theme-4-gray.learn-more .btn--cta:active,
	a.theme-4-gray.learn-more .btn--cta:focus,
	a.theme-4-gray.learn-more .btn--cta:hover,
	a.theme-4-gray.learn-more .btn--cta:visited {
		color: #fff
	}
	.theme-3-gray.column-panel .column-panel__gradient,
	a.theme-3-gray.column-panel .column-panel__gradient {
		background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0, rgba(238, 238, 238, .45) 28%, rgba(238, 238, 238, .75) 67%, rgba(238, 238, 238, .76) 68%, #eee 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee', GradientType=0)
	}
	.theme-3-dark.column-panel,
	a.theme-3-dark.column-panel {
		background: #2d2d2d
	}
	.theme-3-dark.column-panel .column-panel__body a,
	.theme-3-dark.column-panel .column-panel__body a:active,
	.theme-3-dark.column-panel .column-panel__body a:focus,
	.theme-3-dark.column-panel .column-panel__body a:hover,
	.theme-3-dark.column-panel .column-panel__body a:visited,
	a.theme-3-dark.column-panel .column-panel__body a,
	a.theme-3-dark.column-panel .column-panel__body a:active,
	a.theme-3-dark.column-panel .column-panel__body a:focus,
	a.theme-3-dark.column-panel .column-panel__body a:hover,
	a.theme-3-dark.column-panel .column-panel__body a:visited {
		color: #fff;
		outline: 0
	}
	.theme-3-dark.column-panel .column-panel__gradient,
	a.theme-3-dark.column-panel .column-panel__gradient {
		background: linear-gradient(to bottom, rgba(45, 45, 45, 0) 0, rgba(45, 45, 45, .45) 28%, rgba(45, 45, 45, .75) 67%, rgba(45, 45, 45, .76) 68%, #2d2d2d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d2d2d', endColorstr='#2d2d2d', GradientType=0)
	}
	.theme-4-gray.column-panel .btn--cta,
	.theme-4-gray.column-panel .btn--cta:active,
	.theme-4-gray.column-panel .btn--cta:focus,
	.theme-4-gray.column-panel .btn--cta:hover,
	.theme-4-gray.column-panel .btn--cta:visited,
	.theme-4-gray.column-panel .column-panel__header,
	.theme-4-gray.column-panel .column-panel__text,
	.theme-4-gray.column-panel p,
	a.theme-4-gray.column-panel .btn--cta,
	a.theme-4-gray.column-panel .btn--cta:active,
	a.theme-4-gray.column-panel .btn--cta:focus,
	a.theme-4-gray.column-panel .btn--cta:hover,
	a.theme-4-gray.column-panel .btn--cta:visited,
	a.theme-4-gray.column-panel .column-panel__header,
	a.theme-4-gray.column-panel .column-panel__text,
	a.theme-4-gray.column-panel p {
		color: #2d2d2d
	}
	.theme-4-gray.column-panel,
	a.theme-4-gray.column-panel {
		background: #EEE
	}
	.theme-4-gray.column-panel .column-panel__body a,
	.theme-4-gray.column-panel .column-panel__body a:active,
	.theme-4-gray.column-panel .column-panel__body a:focus,
	.theme-4-gray.column-panel .column-panel__body a:hover,
	.theme-4-gray.column-panel .column-panel__body a:visited,
	a.theme-4-gray.column-panel .column-panel__body a,
	a.theme-4-gray.column-panel .column-panel__body a:active,
	a.theme-4-gray.column-panel .column-panel__body a:focus,
	a.theme-4-gray.column-panel .column-panel__body a:hover,
	a.theme-4-gray.column-panel .column-panel__body a:visited {
		color: #2d2d2d;
		outline: 0
	}
	.theme-4-dark.column-panel .btn--cta,
	.theme-4-dark.column-panel .btn--cta:active,
	.theme-4-dark.column-panel .btn--cta:focus,
	.theme-4-dark.column-panel .btn--cta:hover,
	.theme-4-dark.column-panel .btn--cta:visited,
	.theme-4-dark.column-panel .column-panel__header,
	.theme-4-dark.column-panel .column-panel__text,
	.theme-4-dark.column-panel p,
	.theme-4-dark.learn-more .btn--cta,
	.theme-4-dark.learn-more .btn--cta:active,
	.theme-4-dark.learn-more .btn--cta:focus,
	.theme-4-dark.learn-more .btn--cta:hover,
	.theme-4-dark.learn-more .btn--cta:visited,
	.theme-5-gray.learn-more .btn--cta,
	.theme-5-gray.learn-more .btn--cta:active,
	.theme-5-gray.learn-more .btn--cta:focus,
	.theme-5-gray.learn-more .btn--cta:hover,
	.theme-5-gray.learn-more .btn--cta:visited,
	a.theme-4-dark.column-panel .btn--cta,
	a.theme-4-dark.column-panel .btn--cta:active,
	a.theme-4-dark.column-panel .btn--cta:focus,
	a.theme-4-dark.column-panel .btn--cta:hover,
	a.theme-4-dark.column-panel .btn--cta:visited,
	a.theme-4-dark.column-panel .column-panel__header,
	a.theme-4-dark.column-panel .column-panel__text,
	a.theme-4-dark.column-panel p,
	a.theme-4-dark.learn-more .btn--cta,
	a.theme-4-dark.learn-more .btn--cta:active,
	a.theme-4-dark.learn-more .btn--cta:focus,
	a.theme-4-dark.learn-more .btn--cta:hover,
	a.theme-4-dark.learn-more .btn--cta:visited,
	a.theme-5-gray.learn-more .btn--cta,
	a.theme-5-gray.learn-more .btn--cta:active,
	a.theme-5-gray.learn-more .btn--cta:focus,
	a.theme-5-gray.learn-more .btn--cta:hover,
	a.theme-5-gray.learn-more .btn--cta:visited {
		color: #fff
	}
	.theme-4-gray.column-panel .column-panel__gradient,
	a.theme-4-gray.column-panel .column-panel__gradient {
		background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0, rgba(238, 238, 238, .45) 28%, rgba(238, 238, 238, .75) 67%, rgba(238, 238, 238, .76) 68%, #eee 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee', GradientType=0)
	}
	.theme-4-dark.column-panel,
	a.theme-4-dark.column-panel {
		background: #2d2d2d
	}
	.theme-4-dark.column-panel .column-panel__body a,
	.theme-4-dark.column-panel .column-panel__body a:active,
	.theme-4-dark.column-panel .column-panel__body a:focus,
	.theme-4-dark.column-panel .column-panel__body a:hover,
	.theme-4-dark.column-panel .column-panel__body a:visited,
	a.theme-4-dark.column-panel .column-panel__body a,
	a.theme-4-dark.column-panel .column-panel__body a:active,
	a.theme-4-dark.column-panel .column-panel__body a:focus,
	a.theme-4-dark.column-panel .column-panel__body a:hover,
	a.theme-4-dark.column-panel .column-panel__body a:visited {
		color: #fff;
		outline: 0
	}
	.theme-4-dark.column-panel .column-panel__gradient,
	a.theme-4-dark.column-panel .column-panel__gradient {
		background: linear-gradient(to bottom, rgba(45, 45, 45, 0) 0, rgba(45, 45, 45, .45) 28%, rgba(45, 45, 45, .75) 67%, rgba(45, 45, 45, .76) 68%, #2d2d2d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d2d2d', endColorstr='#2d2d2d', GradientType=0)
	}
	.theme-5-gray.column-panel .btn--cta,
	.theme-5-gray.column-panel .btn--cta:active,
	.theme-5-gray.column-panel .btn--cta:focus,
	.theme-5-gray.column-panel .btn--cta:hover,
	.theme-5-gray.column-panel .btn--cta:visited,
	.theme-5-gray.column-panel .column-panel__header,
	.theme-5-gray.column-panel .column-panel__text,
	.theme-5-gray.column-panel p,
	a.theme-5-gray.column-panel .btn--cta,
	a.theme-5-gray.column-panel .btn--cta:active,
	a.theme-5-gray.column-panel .btn--cta:focus,
	a.theme-5-gray.column-panel .btn--cta:hover,
	a.theme-5-gray.column-panel .btn--cta:visited,
	a.theme-5-gray.column-panel .column-panel__header,
	a.theme-5-gray.column-panel .column-panel__text,
	a.theme-5-gray.column-panel p {
		color: #2d2d2d
	}
	.theme-5-gray.column-panel,
	a.theme-5-gray.column-panel {
		background: #EEE
	}
	.theme-5-gray.column-panel .column-panel__body a,
	.theme-5-gray.column-panel .column-panel__body a:active,
	.theme-5-gray.column-panel .column-panel__body a:focus,
	.theme-5-gray.column-panel .column-panel__body a:hover,
	.theme-5-gray.column-panel .column-panel__body a:visited,
	a.theme-5-gray.column-panel .column-panel__body a,
	a.theme-5-gray.column-panel .column-panel__body a:active,
	a.theme-5-gray.column-panel .column-panel__body a:focus,
	a.theme-5-gray.column-panel .column-panel__body a:hover,
	a.theme-5-gray.column-panel .column-panel__body a:visited {
		color: #2d2d2d;
		outline: 0
	}
	.theme-5-dark.column-panel .btn--cta,
	.theme-5-dark.column-panel .btn--cta:active,
	.theme-5-dark.column-panel .btn--cta:focus,
	.theme-5-dark.column-panel .btn--cta:hover,
	.theme-5-dark.column-panel .btn--cta:visited,
	.theme-5-dark.column-panel .column-panel__header,
	.theme-5-dark.column-panel .column-panel__text,
	.theme-5-dark.column-panel p,
	.theme-5-dark.learn-more .btn--cta,
	.theme-5-dark.learn-more .btn--cta:active,
	.theme-5-dark.learn-more .btn--cta:focus,
	.theme-5-dark.learn-more .btn--cta:hover,
	.theme-5-dark.learn-more .btn--cta:visited,
	a.theme-5-dark.column-panel .btn--cta,
	a.theme-5-dark.column-panel .btn--cta:active,
	a.theme-5-dark.column-panel .btn--cta:focus,
	a.theme-5-dark.column-panel .btn--cta:hover,
	a.theme-5-dark.column-panel .btn--cta:visited,
	a.theme-5-dark.column-panel .column-panel__header,
	a.theme-5-dark.column-panel .column-panel__text,
	a.theme-5-dark.column-panel p,
	a.theme-5-dark.learn-more .btn--cta,
	a.theme-5-dark.learn-more .btn--cta:active,
	a.theme-5-dark.learn-more .btn--cta:focus,
	a.theme-5-dark.learn-more .btn--cta:hover,
	a.theme-5-dark.learn-more .btn--cta:visited {
		color: #fff
	}
	.theme-5-gray.column-panel .column-panel__gradient,
	a.theme-5-gray.column-panel .column-panel__gradient {
		background: linear-gradient(to bottom, rgba(238, 238, 238, 0) 0, rgba(238, 238, 238, .45) 28%, rgba(238, 238, 238, .75) 67%, rgba(238, 238, 238, .76) 68%, #eee 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eeeeee', endColorstr='#eeeeee', GradientType=0)
	}
	.theme-5-dark.column-panel,
	a.theme-5-dark.column-panel {
		background: #2d2d2d
	}
	.theme-5-dark.column-panel .column-panel__body a,
	.theme-5-dark.column-panel .column-panel__body a:active,
	.theme-5-dark.column-panel .column-panel__body a:focus,
	.theme-5-dark.column-panel .column-panel__body a:hover,
	.theme-5-dark.column-panel .column-panel__body a:visited,
	a.theme-5-dark.column-panel .column-panel__body a,
	a.theme-5-dark.column-panel .column-panel__body a:active,
	a.theme-5-dark.column-panel .column-panel__body a:focus,
	a.theme-5-dark.column-panel .column-panel__body a:hover,
	a.theme-5-dark.column-panel .column-panel__body a:visited {
		color: #fff;
		outline: 0
	}
	.theme-5-dark.column-panel .column-panel__gradient,
	a.theme-5-dark.column-panel .column-panel__gradient {
		background: linear-gradient(to bottom, rgba(45, 45, 45, 0) 0, rgba(45, 45, 45, .45) 28%, rgba(45, 45, 45, .75) 67%, rgba(45, 45, 45, .76) 68%, #2d2d2d 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002d2d2d', endColorstr='#2d2d2d', GradientType=0)
	}
}

html.android .hero--gradient-bottom:after,
html.ipad .hero--gradient-bottom:after,
html.iphone .hero--gradient-bottom:after,
html.ipod .hero--gradient-bottom:after,
html.no-ipad.no-iphone.no-ipod.no-android .hero--gradient-bottom:after {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	left: 0;
	bottom: 0;
	content: ""
}

html.no-ipad.no-iphone.no-ipod.no-android .hero {
	color: #fff;
	height: auto;
	min-height: 618px;
	margin-top: 60px;
	overflow: hidden;
	position: relative;
	background-size: cover
}

html.no-ipad.no-iphone.no-ipod.no-android .hero--article {
	margin-bottom: 0;
	min-height: 500px
}

html.no-ipad.no-iphone.no-ipod.no-android .hero--article .hondaIcon-right {
	transform: rotate(180deg);
	display: inline-block;
	margin-right: 5px;
	font-size: 12px
}

html.no-ipad.no-iphone.no-ipod.no-android .hero--gradient-bottom {
	min-height: 745px
}

html.no-ipad.no-iphone.no-ipod.no-android .hero--gradient-bottom .hero__body {
	padding: 195px 0 1px
}

html.no-ipad.no-iphone.no-ipod.no-android .hero--gradient-bottom:after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	height: 110px;
	position: absolute;
	width: 100%
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__body {
	text-align: center;
	margin: 0 auto;
	padding: 157px 0 0;
	width: 100%
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__body--article {
	margin-left: 8%;
	text-align: left;
	padding: 164px 0 200px;
	width: 91%
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__body--full {
	padding-top: 125px
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__category {
	font-family: AvenirNext-Bold;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 20px
}

html.no-ipad.no-iphone.no-ipod.no-android .hero .btn--cta,
html.no-ipad.no-iphone.no-ipod.no-android .hero__header,
html.no-ipad.no-iphone.no-ipod.no-android .hero__text {
	display: block
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__header {
	font-family: AvenirNext-Bold;
	font-size: 48px;
	text-transform: uppercase;
	letter-spacing: 0
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__header--article {
	font-size: 40px;
	margin: 10px 0 5px;
	text-transform: none;
	max-width: 800px;
	line-height: 1.3
}

html.ipad .hero__category,
html.ipad .hero__header {
	text-transform: uppercase;
	font-family: AvenirNext-Bold
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__text {
	margin: 30px auto 3%;
	width: 850px;
	font-size: 19px;
	line-height: 40px
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__date {
	font-size: 16px;
	margin-top: 10px;
	height: 22px
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__overlay {
	background: rgba(0, 0, 0, .2);
	width: 100%
}

html.no-ipad.no-iphone.no-ipod.no-android .hero__overlay .icon-chevron-left:before {
	margin-right: 2px
}

@media (min-width:768px) and (max-width:991px) {
	html.no-ipad.no-iphone.no-ipod.no-android .hero {
		min-height: 0
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__body {
		padding: 145px 0 80px
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__body--article {
		padding: 145px 0
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__body--full {
		padding-bottom: 210px
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__header {
		font-size: 45px
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__header--article {
		width: 70%
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__text {
		margin: 20px auto 25px;
		width: 90%;
		font-size: 16px;
		line-height: 30px
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__overlay {
		background: rgba(0, 0, 0, .25);
		width: 100%
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero .btn--cta {
		font-size: 14px
	}
}

@media (max-width:767px) {
	html.no-ipad.no-iphone.no-ipod.no-android .hero,
	html.no-ipad.no-iphone.no-ipod.no-android .hero--gradient-bottom {
		min-height: 0
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero--gradient-bottom .hero__body {
		padding: 45px 0 200px
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__body {
		padding: 45px 0 80px
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__body--article {
		padding: 120px 0
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__body--full {
		padding: 45px 0 190px
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__header {
		font-size: 35px;
		padding: 0;
		height: auto
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero__text {
		margin: 20px auto 25px;
		width: 90%;
		font-size: 16px;
		line-height: 30px
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero .btn--cta {
		font-size: 14px
	}
	html.no-ipad.no-iphone.no-ipod.no-android .hero .arrow-down,
	html.no-ipad.no-iphone.no-ipod.no-android .hero .btn--article {
		display: none
	}
}

html.ipad .hero {
	color: #fff;
	height: auto;
	min-height: 0;
	margin-top: 60px;
	position: relative;
	background-size: cover
}

html.ipad .hero--article {
	margin-bottom: 0;
	min-height: 500px
}

html.ipad .hero--article .hondaIcon-right {
	transform: rotate(180deg);
	display: inline-block;
	margin-right: 5px;
	font-size: 12px
}

html.ipad .hero .btn--cta,
html.ipad .hero__header,
html.ipad .hero__text,
html.iphone .hero .btn--cta,
html.iphone .hero__header,
html.iphone .hero__text,
html.ipod .hero .btn--cta,
html.ipod .hero__header,
html.ipod .hero__text {
	display: block
}

html.ipad .hero--gradient-bottom {
	min-height: 640px
}

html.ipad .hero--gradient-bottom .hero__body {
	padding: 170px 0 215px
}

html.ipad .hero--gradient-bottom:after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	height: 110px;
	position: absolute;
	width: 100%
}

html.ipad .hero__body {
	text-align: center;
	margin: 0 auto;
	padding: 145px 0 80px;
	width: 100%
}

html.ipad .hero__body--article {
	margin-left: 8%;
	text-align: left;
	padding: 180px 0;
	width: 91%
}

html.ipad .hero__body--full {
	padding-bottom: 210px
}

html.ipad .hero__category {
	font-size: 13px;
	margin-bottom: 20px
}

html.ipad .hero__header {
	font-size: 45px;
	letter-spacing: 0
}

html.ipad .hero__header--article {
	font-size: 40px;
	margin: 10px 0 5px;
	text-transform: none;
	width: 70%;
	line-height: 1.3
}

html.ipad .hero__text {
	margin: 20px auto 25px;
	width: 90%;
	font-size: 16px;
	line-height: 30px
}

html.ipad .hero__date {
	font-size: 16px;
	margin-top: 10px;
	height: 22px
}

html.ipad .hero__overlay {
	background: rgba(0, 0, 0, .25);
	width: 100%
}

html.ipad .hero__overlay .icon-chevron-left:before {
	margin-right: 2px
}

html.ipad .hero .btn--cta {
	font-size: 14px
}

html.iphone .hero,
html.ipod .hero {
	color: #fff;
	height: auto;
	min-height: 0;
	margin-top: 60px;
	position: relative;
	background-size: cover
}

html.iphone .hero--article,
html.ipod .hero--article {
	margin-bottom: 0;
	min-height: 500px
}

html.iphone .hero--gradient-bottom,
html.ipod .hero--gradient-bottom {
	min-height: 0
}

html.iphone .hero--gradient-bottom .hero__body,
html.ipod .hero--gradient-bottom .hero__body {
	padding: 45px 0 200px
}

html.iphone .hero--gradient-bottom:after,
html.ipod .hero--gradient-bottom:after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	height: 110px;
	position: absolute;
	width: 100%
}

html.iphone .hero__body,
html.ipod .hero__body {
	text-align: center;
	margin: 0 auto;
	padding: 45px 0 80px;
	width: 100%
}

html.iphone .hero__body--article,
html.ipod .hero__body--article {
	margin-left: 8%;
	text-align: left;
	padding: 158px 0;
	width: 91%
}

html.iphone .hero__body--full,
html.ipod .hero__body--full {
	padding: 45px 0 190px
}

html.iphone .hero__category,
html.ipod .hero__category {
	font-family: AvenirNext-Bold;
	font-size: 13px;
	text-transform: uppercase;
	margin-bottom: 20px
}

html.iphone .hero__header,
html.ipod .hero__header {
	font-family: AvenirNext-Bold;
	text-transform: uppercase;
	letter-spacing: 0;
	font-size: 35px;
	padding: 0
}

html.iphone .hero__header--article,
html.ipod .hero__header--article {
	font-size: 40px;
	margin: 10px 0 5px;
	text-transform: none;
	line-height: 1.3
}

html.android .hero__category,
html.android .hero__header {
	text-transform: uppercase;
	font-family: AvenirNext-Bold
}

html.iphone .hero__text,
html.ipod .hero__text {
	margin: 20px auto 25px;
	width: 90%;
	font-size: 16px;
	line-height: 30px
}

html.iphone .hero__date,
html.ipod .hero__date {
	font-size: 16px;
	margin-top: 10px;
	height: 22px
}

html.iphone .hero__overlay,
html.ipod .hero__overlay {
	background: rgba(0, 0, 0, .25);
	width: 100%
}

html.iphone .hero__overlay .icon-chevron-left:before,
html.ipod .hero__overlay .icon-chevron-left:before {
	margin-right: 2px
}

html.iphone .hero .btn--cta,
html.ipod .hero .btn--cta {
	font-size: 14px
}

html.iphone .hero .arrow-down,
html.iphone .hero .btn--article,
html.ipod .hero .arrow-down,
html.ipod .hero .btn--article {
	display: none
}

html.android .hero {
	color: #fff;
	height: auto;
	min-height: 540px;
	margin-top: 60px;
	position: relative;
	background-size: cover
}

html.android .hero--article {
	margin-bottom: 0;
	min-height: 500px
}

html.android .hero--article .hondaIcon-right {
	transform: rotate(180deg);
	display: inline-block;
	margin-right: 5px;
	font-size: 12px
}

html.android .hero--gradient-bottom {
	min-height: 580px
}

html.android .hero--gradient-bottom .hero__body {
	padding: 120px 0 215px
}

html.android .hero--gradient-bottom:after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	height: 110px;
	position: absolute;
	width: 100%
}

.three-column-panel2__gradient,
.three-column-panel__gradient {
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000', GradientType=0)
}

.arrow-down,
.play--center {
	left: 50%;
	position: absolute
}

html.android .hero__body {
	text-align: center;
	margin: 0 auto;
	padding: 130px 0 125px;
	width: 100%
}

html.android .hero__body--article {
	margin-left: 8%;
	text-align: left;
	padding: 164px 0 196px;
	width: 91%
}

html.android .hero__body--full {
	padding-top: 125px
}

html.android .hero__category {
	font-size: 13px;
	margin-bottom: 20px
}

html.android .hero .btn--cta,
html.android .hero__header,
html.android .hero__text {
	display: block
}

html.android .hero__header {
	font-size: 48px;
	letter-spacing: 0
}

html.android .hero__header--article {
	font-size: 40px;
	margin: 10px 0 5px;
	text-transform: none;
	line-height: 1.3
}

html.android .hero__text {
	margin: 30px auto 25px;
	width: 70%;
	font-size: 19px;
	line-height: 40px
}

html.android .hero__date {
	font-size: 16px;
	margin-top: 10px;
	height: 22px
}

html.android .hero__overlay {
	background: rgba(0, 0, 0, .43);
	width: 100%
}

html.android .hero__overlay .icon-chevron-left:before {
	margin-right: 2px
}

@media (min-width:768px) and (max-width:991px) {
	html.android .hero {
		min-height: 0
	}
	html.android .hero__body {
		padding: 145px 0 80px
	}
	html.android .hero__body--article {
		padding: 145px 0
	}
	html.android .hero__body--full {
		padding-bottom: 210px
	}
	html.android .hero__header {
		font-size: 45px
	}
	html.android .hero__header--article {
		width: 70%
	}
	html.android .hero__text {
		margin: 20px auto 25px;
		width: 90%;
		font-size: 16px;
		line-height: 30px
	}
	html.android .hero__overlay {
		background: rgba(0, 0, 0, .25);
		width: 100%
	}
	html.android .hero .btn--cta {
		font-size: 14px
	}
}

@media (max-width:767px) {
	html.android .hero,
	html.android .hero--gradient-bottom {
		min-height: 0
	}
	html.android .hero--gradient-bottom .hero__body {
		padding: 45px 0 200px
	}
	html.android .hero__body {
		padding: 45px 0 80px
	}
	html.android .hero__body--article {
		padding: 120px 0
	}
	html.android .hero__body--full {
		padding: 45px 0 190px
	}
	html.android .hero__header {
		font-size: 35px;
		padding: 0
	}
	html.android .hero__text {
		margin: 20px auto 25px;
		width: 90%;
		font-size: 16px;
		line-height: 30px
	}
	html.android .hero .btn--cta {
		font-size: 14px
	}
	html.android .hero .arrow-down,
	html.android .hero .btn--article {
		display: none
	}
}

.btn--cta p,
.btn__text {
	display: inline-block
}

.btn,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
	outline: 0
}

.btn--cta {
	color: #fff;
	font-family: AvenirNext-Bold;
	font-size: 16px;
	padding-left: 0!important;
	padding-right: 0!important;
	text-transform: uppercase;
	letter-spacing: .025em;
	outline: 0
}

.btn--cta:active,
.btn--cta:focus,
.btn--cta:hover,
.btn--cta:visited {
	color: #fff;
	outline: 0
}

.btn--cta:active {
	box-shadow: none
}

.btn--cta p {
	vertical-align: baseline
}

.btn--cta .hondaIcon-right {
	font-size: 12px
}

.btn--article {
	font-family: AvenirNext-Medium;
	font-size: 13px;
	text-transform: none;
	margin: 5px 0 0 20px;
	position: absolute
}

.centered-table__header,
.p1__header,
.p2__header,
.secondary-nav__title,
.subheader {
	text-transform: uppercase
}

.play {
	width: 120px;
	height: 120px;
	background: url(../img/playbutton.png) no-repeat;
	background-size: cover
}

.play--center {
	top: 50%;
	transform: translateX(-50%) translateY(-50%)
}

@media (max-width:991px) {
	.play {
		width: 80px;
		height: 80px
	}
	.play__triangle {
		border-width: 12px 0 12px 20px
	}
}

.playing .close-video {
	background-image: url(../img/aso-icon-close.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
	display: block;
	height: 70px;
	margin: 10px;
	position: absolute;
	right: 1.5%;
	top: 1.5%;
	width: 50px
}

.arrow-down {
	bottom: 0;
	width: 114px;
	height: 91px;
	transform: translateX(-50%)
}

.arrow-down:active,
.arrow-down:focus,
.arrow-down:visited {
	outline: 0
}

.arrow-down--full {
	bottom: 127px
}

.caption {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	text-align: center
}

.caption--full {
	width: 100%;
	background: rgba(0, 0, 0, .3)
}

.caption__text {
	margin: 0;
	padding: 7px 0;
	font-size: 15px
}

.caption-video {
	text-align: center;
	color: #8f8f8f;
	margin-top: 10px
}

.secondary-nav {
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 9
}

.secondary-nav--sticky {
	position: fixed;
	z-index: 5000
}

.secondary-nav--sticky .secondary-nav__body {
	top: 20px
}

.secondary-nav--sticky .secondary-nav__link {
	color: #000
}

.secondary-nav__body {
	position: absolute;
	top: 120px;
	left: 0;
	width: 100%;
	text-align: center
}

.secondary-nav__title {
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	top: -100%;
	font-weight: lighter;
	font-size: 14px;
	letter-spacing: 3px
}

.secondary-nav__list {
	padding: 0
}

.secondary-nav__item {
	display: inline-block
}

.secondary-nav__link {
	color: #fff;
	font-size: 15px;
	margin: 0 20px
}

.secondary-nav__link.active,
.secondary-nav__link:focus,
.secondary-nav__link:hover,
.secondary-nav__link:visited {
	border-bottom: 2px solid #fff;
	color: #fff;
	font-family: AvenirNext-Bold;
	font-size: 1.01em;
	outline: 0;
	padding-bottom: 7px
}

@media (min-width:768px) and (max-width:991px) {
	.secondary-nav {
		display: block
	}
	.secondary-nav__link {
		font-size: 14px;
		color: #fff;
		margin: 0 7px
	}
}

.column-panel .caption-video,
.column-panel__gradient,
.column-panel__video .video--hiden,
.column-panel__video--responsive .image.out,
.playing .column-panel__body {
	display: none
}

@media (max-width:767px) {
	.secondary-nav {
		display: none
	}
}

.column-panel {
	margin: 0 auto;
	position: relative;
	width: 95%;
	overflow: hidden
}

.column-panel a:focus,
.column-panel a:hover {
	color: #337ab7
}

.column-panel__expand {
	overflow: hidden;
	position: relative;
	max-height: 540px;
	transition: max-height .5s linear
}

.column-panel____content,
.column-panel__image {
	transition: opacity .5s linear;
	visibility: visible
}

.column-panel____content {
	opacity: 1
}

.column-panel__play {
	cursor: pointer;
	position: absolute;
	top: 0;
	width: 50%;
	height: 100%;
	left: 0
}

.column-panel__play--full {
	width: 100%
}

.column-panel--left .column-panel__play {
	right: 0;
	left: auto
}

.column-panel.video {
	height: auto;
	cursor: pointer
}

.column-panel__image {
	width: 100%;
	height: 540px
}

.column-panel__video {
	overflow: hidden;
	height: 100%
}

.column-panel__video--responsive {
	position: relative;
	padding-bottom: 56.25%;
	height: 0
}

.column-panel__video embed,
.column-panel__video iframe,
.column-panel__video object {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.column-panel__container {
	position: absolute;
	right: 0;
	width: 50%;
	top: 0;
	height: 100%
}

.column-panel--left .column-panel__container {
	left: 0
}

.column-panel__body {
	position: absolute;
	width: 70%;
	top: 50%;
	right: 50%;
	transform: translate(50%, -50%);
	font-family: AvenirNext-Medium;
	line-height: 28px
}

.column-panel__header,
.four-column-panel .column-panel__header,
.three-column-panel2__header,
.three-column-panel__header {
	font-family: AvenirNext-DemiBold
}

.column-panel__header {
	font-size: 30px;
	margin: 0 0 20px;
	letter-spacing: 0
}

.column-panel p,
.column-panel__text {
	margin-bottom: 14px
}

.column-panel__logo {
	position: absolute;
	bottom: 30px;
	right: 40px
}

.column-panel .btn--cta {
	font-size: 16px
}

.column-panel .show--sm {
	display: inline-block
}

.column-panel .show--xs {
	display: none
}

@media (min-width:768px) and (max-width:991px) {
	.column-panel__body {
		line-height: 25px
	}
	.column-panel p,
	.column-panel__text {
		margin-bottom: 5px
	}
	.column-panel__gradient {
		display: none
	}
}

@media (max-width:767px) {
	.column-panel__body,
	.column-panel__container {
		top: 0;
		transform: none;
		position: relative;
		left: 0
	}
	.column-panel {
		width: 100%
	}
	.column-panel__expand,
	.column-panel__image {
		max-height: 347px
	}
	.column-panel__container {
		width: 100%;
		padding: 15px 0;
		clear: both;
		overflow: hidden
	}
	.column-panel__body {
		width: 80%;
		margin: 0 auto;
		padding: 0 0 15px
	}
	.column-panel--left .column-panel__body {
		left: 0
	}
	.playing .column-panel__body {
		display: block
	}
	.column-panel__body.out {
		visibility: visible;
		opacity: 1
	}
	.column-panel__header {
		font-size: 22px;
		margin-bottom: 9px
	}
	.column-panel p,
	.column-panel__text {
		line-height: 23px
	}
	.column-panel__logo {
		position: relative;
		display: inline-block;
		float: right;
		bottom: auto
	}
	.column-panel__play {
		position: absolute;
		width: 100%;
		height: 50%;
		max-height: 240px
	}
	.column-panel__video--responsive {
		padding-bottom: 79.25%
	}
	.column-panel__gradient {
		width: 100%;
		height: 120px;
		display: block;
		position: absolute;
		bottom: 0;
		left: 0
	}
	.column-panel .show--sm {
		display: none
	}
	.column-panel .show--xs {
		display: inline-block
	}
}

.com--overlap {
	margin-top: -130px!important
}

.two-columns-panel2 {
	width: 95%;
	margin: 0 auto;
	position: relative
}

.two-columns-panel2__table {
	height: 440px;
	margin: 0 auto;
	position: relative;
	display: table;
	width: 100%
}

.two-columns-panel2__cta {
	display: block;
	height: 100%;
	width: 100%
}

.two-columns-panel2--left .two-columns-panel2__content {
	width: 50%;
	position: relative
}

.two-columns-panel2--left .two-columns-panel2__content:nth-child(3) {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0
}

.two-columns-panel2--right .two-columns-panel2__content {
	width: 50%;
	position: relative
}

.two-columns-panel2--right .two-columns-panel2__content:nth-child(1) {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0
}

.two-columns-panel2--right .two-columns-panel2__content:nth-child(3) {
	display: none
}

.two-columns-panel2__figure {
	height: 100%;
	overflow: hidden
}

.two-columns-panel2__content {
	height: 100%;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	overflow: hidden
}

.two-columns-panel2__content.image-content--anim,
.two-columns-panel2__content.show--sm,
.two-columns-panel2__content.show--xs {
	width: 50.08%
}

.two-columns-panel2__content--padding {
	padding: 20px 0
}

.two-columns-panel2__content--padding .arrow {
	left: -2px
}

.two-columns-panel2__content--logo {
	padding-bottom: 70px
}

.two-columns-panel2__body {
	width: 70%;
	margin: 0 auto;
	position: relative;
	line-height: 25px;
	display: inline-block;
	text-align: left
}

.three-column-panel,
.three-column-panel2 {
	text-align: center;
	overflow: hidden;
	clear: both
}

.two-columns-panel2 .column-panel__image,
.two-columns-panel2 .column-panel__video {
	height: 100%
}

.two-columns-panel2 .show--sm {
	display: table-cell
}

.two-columns-panel2 .show--xs {
	display: none
}

.two-columns-panel2 .column-panel__header {
	font-size: 26px;
	letter-spacing: 0
}

.two-columns-panel2 .column-panel__logo {
	bottom: 20px;
	right: 20px
}

.two-columns-panel2 .btn--cta {
	font-size: 16px;
	margin-top: 3px
}

@media (min-width:768px) and (max-width:991px) {
	.two-columns-panel2 {
		position: relative
	}
	.two-columns-panel2 .column-panel__image,
	.two-columns-panel2 .column-panel__video {
		height: 100%
	}
	.two-columns-panel2 .show--sm {
		display: table-cell
	}
	.two-columns-panel2 .show--xs {
		display: none
	}
	.two-columns-panel2--left .two-columns-panel2__content:nth-child(3) {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0
	}
	.two-columns-panel2--right .two-columns-panel2__content:nth-child(1) {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0
	}
	.two-columns-panel2 .column-panel__header {
		margin-bottom: 22px
	}
	.two-columns-panel2 .column-panel__text,
	.two-columns-panel2 p {
		margin-bottom: 14px
	}
}

@media (max-width:767px) {
	.two-columns-panel2 {
		height: auto;
		width: 100%
	}
	.two-columns-panel2__content:nth-child(1) {
		height: 240px;
		overflow: hidden
	}
	.two-columns-panel2__content:nth-child(2) {
		padding: 30px 0
	}
	.two-columns-panel2__table {
		height: auto;
		display: block
	}
	.two-columns-panel2__body {
		width: 85%;
		display: block;
		transform: translateY(0)
	}
	.two-columns-panel2--left .two-columns-panel2__content,
	.two-columns-panel2--right .two-columns-panel2__content {
		width: 100%;
		display: block;
		float: none
	}
	.two-columns-panel2--left .two-columns-panel2__content:nth-child(1),
	.two-columns-panel2--right .two-columns-panel2__content:nth-child(1) {
		position: relative
	}
	.two-columns-panel2 .column-panel__header {
		font-size: 22px;
		margin-bottom: 9px
	}
	.two-columns-panel2 .column-panel__logo {
		margin-right: 20px;
		bottom: auto
	}
	.two-columns-panel2 .column-panel__image {
		background-position: 50% 20%!important
	}
	.two-columns-panel2 .show--sm {
		display: none
	}
	.two-columns-panel2 .show--xs {
		display: block
	}
	.two-columns-panel2 .column-panel__play {
		height: 100%
	}
}

.kinds-list,
.two-columns-panel2 ul {
	width: auto;
	display: inline-block;
	list-style: disc!important;
	margin: 0 50px 14px 17px;
	padding: 0
}

.three-column-panel--caption .three-column-panel__gradient,
.three-column-panel2--caption .three-column-panel2__gradient {
	display: none
}

.kinds-list .two-columns-panel2 li,
.kinds-list__item,
.two-columns-panel2 ul .two-columns-panel2 li,
.two-columns-panel2 ul__item {
	width: auto
}

.three-column-panel {
	position: relative;
	width: 95%;
	margin: 0 auto
}

.three-column-panel--caption {
	width: 100%
}

.three-column-panel--caption .three-column-panel__figure {
	height: 400px
}

.three-column-panel--caption .three-column-panel__body {
	position: relative;
	color: #a0a0a0
}

.three-column-panel--caption .three-column-panel p,
.three-column-panel--caption .three-column-panel__text {
	height: auto
}

.three-column-panel__gradient {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .69) 66%, rgba(0, 0, 0, .85) 99%, rgba(0, 0, 0, .85) 100%);
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: 0;
	left: 0
}

.three-column-panel--section:after {
	content: "";
	position: absolute;
	top: 0;
	left: 100.2%;
	width: 3%;
	height: 100%;
	background: #fff
}

.three-column-panel__figure {
	height: 440px;
	overflow: hidden;
	width: 102%
}

.three-column-panel__body {
	position: absolute;
	bottom: 10px;
	left: 0;
	color: #fff;
	font-size: 14px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 30px;
	line-height: 21px;
	z-index: 2;
	opacity: 0
}

.three-column-panel__body a {
	color: #fff;
	outline: 0
}

.three-column-panel__body.no--cta {
	bottom: 46px
}

.three-column-panel__header {
	font-size: 21px;
	width: 100%;
	margin-bottom: 20px
}

.three-column-panel .column-panel__image {
	height: 440px
}

@media (min-width:768px) and (max-width:991px) {
	.three-column-panel__figure {
		height: 300px
	}
	.three-column-panel .column-panel__image,
	.three-column-panel--caption .three-column-panel__figure {
		height: 330px
	}
	.three-column-panel--caption {
		width: 100%
	}
	.three-column-panel__body {
		bottom: -5px;
		padding-right: 12px;
		padding-left: 12px
	}
	.three-column-panel__body.no--cta {
		bottom: 35px
	}
	.three-column-panel__header {
		font-size: 17px;
		margin-bottom: 6px
	}
	.three-column-panel p,
	.three-column-panel__text {
		font-size: 12px;
		line-height: 16px;
		margin: 0
	}
}

@media (max-width:767px) {
	.three-column-panel,
	.three-column-panel--caption {
		width: 100%
	}
	.three-column-panel__figure {
		height: 300px
	}
	.three-column-panel--caption .three-column-panel__figure {
		height: 280px
	}
	.three-column-panel__body {
		bottom: 0
	}
	.three-column-panel__header {
		margin-bottom: 5px
	}
	.three-column-panel p,
	.three-column-panel__text {
		height: auto!important;
		margin: 0 0 -3px
	}
}

.three-column-panel2 {
	position: relative;
	width: 95%;
	margin: 0 auto
}

.three-column-panel2--caption {
	width: 100%
}

.three-column-panel2--caption .three-column-panel2__body {
	position: relative;
	color: #a0a0a0
}

.three-column-panel2--section {
	background: red;
	width: 33.33333%;
	padding-bottom: 33.33333%!important;
	position: relative
}

.three-column-panel2__gradient {
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .69) 66%, rgba(0, 0, 0, .85) 99%, rgba(0, 0, 0, .85) 100%);
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: 0;
	left: 0
}

.three-column-panel2__figure {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

.three-column-panel2__body {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	font-size: 14px;
	width: 100%;
	margin: 0 auto;
	padding: 20px 50px;
	line-height: 20px;
	z-index: 2
}

.three-column-panel2__header {
	font-size: 21px;
	margin-bottom: 20px
}

.three-column-panel2__text {
	height: 40px;
	overflow: hidden
}

.three-column-panel2 .column-panel__image {
	height: 100%
}

@media (max-width:767px) {
	.three-column-panel2--section {
		width: 100%;
		padding-bottom: 330px!important
	}
	.three-column-panel2__figure {
		height: 330px
	}
	.three-column-panel2 .column-panel__image {
		height: 330px;
		background-position: 50% 0!important
	}
}

.four-column-panel {
	text-align: left;
	clear: both;
	position: relative;
	width: 95%;
	margin: 0 auto
}

.centered-text,
.p1,
.p2__body,
.p2__header--md,
.subheader {
	text-align: center
}

.four-column-panel__figure {
	height: 252px;
	overflow: hidden
}

.four-column-panel__body {
	color: #fff;
	font-size: 14px;
	width: 100%;
	margin: 0 auto;
	padding: 15px 30px 25px;
	line-height: 20px;
	position: relative
}

.p1 .btn--cta,
.p1 a,
.p1__header {
	color: #000
}

.four-column-panel .column-panel__header {
	font-size: 21px;
	margin-bottom: 5px
}

.p1__header,
.p2__header,
.subheader__text {
	font-family: AvenirNext-Bold
}

.p1 {
	position: relative
}

.p1 a {
	outline: 0
}

.p1__body {
	position: absolute;
	top: 65px;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 0;
	width: 600px
}

.p1__header {
	font-size: 26px;
	margin-bottom: 18px;
	letter-spacing: 1px
}

.p1 p,
.p1__text {
	font-size: 17px;
	color: #000;
	width: 100%;
	margin: 0 auto 18px;
	line-height: 22px
}

@media (min-width:768px) and (max-width:991px) {
	.p1 {
		height: auto!important;
		padding-bottom: 450px
	}
	.p1__body {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto;
		padding: 50px 0 0;
		transform: none
	}
	.p1__image {
		display: none
	}
	.p1__header {
		font-size: 25px;
		margin-bottom: 22px
	}
	.p1 p,
	.p1__text {
		font-size: 15px;
		margin: 0 auto 15px
	}
}

@media (max-width:767px) {
	.p1 .btn--cta,
	.p1 a,
	.p1__body,
	.p1__header {
		color: #fff
	}
	.p1 {
		height: 330px!important
	}
	.p1 a {
		outline: 0
	}
	.p1__body {
		width: 90%;
		position: absolute;
		top: auto;
		left: 50%;
		bottom: 20px;
		margin: 0 auto;
		transform: translateX(-50%)
	}
	.p1__image {
		display: none
	}
	.p1__header {
		font-size: 19px;
		margin: 0 0 10px
	}
	.p1 p,
	.p1__text {
		font-size: 13px;
		color: #fff;
		margin: 0 0 -5px
	}
}

.p2 {
	width: 100%;
	margin: 0 auto;
	font-size: 0
}

.p2 .link--to {
	width: 50%;
	display: inline-block
}

.p2__wrapper {
	position: relative;
	height: auto;
	max-height: 500px;
	width: 100%;
	overflow: hidden;
	display: inline-block;
	color: #fff
}

.p2__figure,
.p2__video {
	position: absolute;
	top: 0;
	left: 0;
	right: 0
}

.p2__video {
	bottom: 0;
	height: 100%!important;
	opacity: 0;
	transition: opacity .4s ease-in-out;
	width: auto!important
}

.p2 .column-panel__image,
.p2__figure {
	height: 100%
}

.p2__video.is-show {
	opacity: 1
}

.p2--section {
	width: 100%;
	padding-bottom: 65%!important;
	position: relative
}

@media (min-width:768px) and (max-width:991px) {
	.p2--section {
		padding-bottom: 85%!important
	}
}

.p2__figure {
	width: 100%;
	overflow: hidden
}

.p2__body,
.p2__header--lg {
	left: 50%;
	position: absolute
}

.p2__body {
	bottom: 0;
	font-size: 16px;
	width: 100%;
	padding: 20px 30px;
	line-height: 20px;
	transform: translateX(-50%)
}

.p2__header {
	font-size: 26px;
	letter-spacing: .1em
}

.p2__header--md {
	margin: 0 0 15px;
	width: 100%;
	display: none
}

.p2__header--lg {
	display: block;
	margin: 0;
	top: 50%;
	transform: translate(-50%, -50%)
}

.p2 p,
.p2__text {
	width: 60%;
	margin: 0 auto;
	overflow: hidden
}

.p2 .btn--cta {
	font-size: 16px;
	letter-spacing: .025em
}

@media (min-width:768px) and (max-width:991px) {
	.p2__header {
		font-size: 24px
	}
	.p2__header--md {
		display: none
	}
	.p2__header--lg {
		display: block
	}
	.p2 p,
	.p2__body,
	.p2__text {
		width: 100%
	}
}

@media (max-width:767px) {
	.p2__header--md,
	.p2__wrapper {
		display: block
	}
	.p2 .link--to,
	.p2__body,
	.p2__wrapper {
		width: 100%
	}
	.p2 .column-panel__image,
	.p2__figure,
	.p2__wrapper {
		height: 330px
	}
	.p2__wrapper {
		overflow: hidden
	}
	.p2--section {
		padding-bottom: 55%!important
	}
	.p2__header {
		font-size: 19px;
		margin: 0 0 10px
	}
	.p2__header--lg {
		display: none
	}
	.p2 p,
	.p2__text {
		width: 100%;
		font-size: 13px
	}
}

.subheader {
	color: #333;
	padding: 35px 0;
	letter-spacing: 2px;
	background: #fff
}

.subheader__text {
	margin: 0;
	font-size: 20px
}

.subheader--lg {
	padding-top: 120px
}

.centered-text {
	position: relative;
	padding-bottom: 60px;
	background: 0 0
}

.centered-text--full {
	margin-bottom: 0;
	overflow: hidden;
	padding-bottom: 0
}

.centered-text--full--gradient-bottom:after {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #fff 100%);
	bottom: 0;
	content: "";
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
	height: 110px;
	left: 0;
	position: absolute;
	width: 100%
}

.centered-text__container {
	margin: 80px auto 0;
	width: 730px
}

.centered-text__container.centered-text__container--full {
	margin: 0 auto;
	padding: 0;
	min-height: 1114px
}

.centered-text__container.centered-text__container--full.top--md {
	padding-top: 80px
}

.centered-text__container.centered-text__container--full.bottom--md {
	padding-bottom: 200px
}

.centered-text__header {
	font-family: AvenirNext-Light;
	font-size: 36px;
	margin-bottom: 42px;
	letter-spacing: 0
}

.centered-text p,
.centered-text__text {
	font-family: AvenirNext-Light;
	font-size: 18px;
	margin: 0 auto 25px;
	line-height: 30px
}

.centered-text__video,
.youtube-player {
	position: relative;
	height: 475px;
	width: 845px;
	margin: 60px auto 30px
}

.centered-text .column-panel__image {
	height: 475px
}

.centered-text .btn--cta {
	color: #000
}

@media (min-width:768px) and (max-width:991px) {
	.centered-text {
		height: auto!important
	}
	.centered-text__container {
		width: 80%
	}
	.centered-text__container .centered-text__container {
		width: 100%
	}
	.centered-text__container--full {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto;
		padding: 50px 0 0;
		transform: none
	}
	.centered-text__image {
		display: none
	}
	.centered-text__header {
		font-size: 25px;
		margin-bottom: 22px
	}
	.centered-text p,
	.centered-text__text {
		font-size: 15px;
		margin: 0 auto 15px
	}
	.centered-text__video,
	.youtube-player {
		width: 640px;
		height: 360px
	}
	.centered-text .column-panel__image {
		height: 360px
	}
}

@media (max-width:767px) {
	.centered-text {
		height: auto!important
	}
	.centered-text__container {
		width: 80%;
		text-align: left
	}
	.centered-text__container .centered-text__container {
		width: 100%
	}
	.centered-text__container--full {
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto;
		padding: 50px 0 0;
		transform: none
	}
	.centered-text__image {
		display: none
	}
	.centered-text__header {
		font-size: 25px;
		margin-bottom: 22px
	}
	.centered-text p,
	.centered-text__text {
		font-size: 15px;
		margin: 0 0 15px
	}
	.centered-text__video,
	.youtube-player {
		width: 95%
	}
	.centered-text__video .column-panel__play,
	.youtube-player .column-panel__play {
		height: 100%;
		max-height: none
	}
	.centered-text__video .column-panel__image,
	.youtube-player .column-panel__image {
		height: 300px
	}
}

.learn-more {
	height: 220px;
	margin: 50px auto;
	width: 95%;
	position: relative;
	overflow: hidden
}

.learn-more__click {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0
}

.learn-more__image {
	width: 100%;
	height: 220px
}

.learn-more__body {
	font-size: 19px;
	position: absolute;
	top: 50%;
	left: 6%;
	transform: translateY(-50%);
	width: 500px
}

.learn-more p {
	margin-bottom: 14px
}

@media (min-width:768px) and (max-width:991px) {
	.learn-more {
		height: 170px
	}
	.learn-more__body {
		width: 350px;
		font-size: 14px
	}
	.learn-more__image {
		background-position: 80% 50%!important
	}
}

@media (max-width:767px) {
	.learn-more {
		height: auto;
		width: 100%
	}
	.learn-more__click {
		padding: 40px 0
	}
	.learn-more__image {
		display: none
	}
	.learn-more__body {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
		width: 80%;
		margin: 0 auto
	}
}

.cont-image-slider {
	height: 420px
}

@media (min-width:768px) and (max-width:991px) {
	.cont-image-slider {
		height: 300px
	}
}

@media (max-width:767px) {
	.cont-image-slider {
		height: 300px
	}
}

.image-slider {
	height: 420px;
	overflow: hidden
}

.image-slider .slick-track,
.image-slider__image {
	height: 420px
}

@media (min-width:768px) and (max-width:991px) {
	.image-slider,
	.image-slider .slick-track,
	.image-slider__image {
		height: 300px
	}
}

@media (max-width:767px) {
	.image-slider,
	.image-slider .slick-track,
	.image-slider__image {
		height: 300px
	}
}

.owl-carousel .owl-item,
.owl-carousel .owl-item img {
	width: auto
}

.owl-carousel .owl-controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.owl-carousel .owl-controls .owl-next,
.owl-carousel .owl-controls .owl-prev {
	font-size: 14px;
	position: absolute;
	height: 420px;
	padding: 0 15px;
	color: #fff;
	width: 45px
}

.owl-carousel .owl-controls .owl-prev {
	top: 0;
	left: 0
}

.owl-carousel .owl-controls .owl-prev .icon-chevron-right {
	position: absolute;
	top: 50%
}

.owl-carousel .owl-controls .owl-prev span {
	position: absolute;
	top: 50%;
	transform: rotate(180deg)
}

.owl-carousel .owl-controls .owl-prev .prev {
	opacity: .7
}

.owl-carousel .owl-controls .owl-prev:hover .prev {
	opacity: 1
}

.owl-carousel .owl-controls .owl-next {
	top: 0;
	right: 0
}

.owl-carousel .owl-controls .owl-next .icon-chevron-right,
.owl-cont-img {
	position: absolute;
	top: 50%
}

.owl-carousel .owl-controls .owl-next .next {
	opacity: .7
}

.owl-carousel .owl-controls .owl-next:hover .next,
.story.show-no-animated {
	opacity: 1
}

@media (min-width:768px) and (max-width:991px) {
	.owl-carousel .owl-controls .owl-next,
	.owl-carousel .owl-controls .owl-prev {
		height: 300px
	}
}

@media (max-width:767px) {
	.owl-carousel .owl-controls .owl-next,
	.owl-carousel .owl-controls .owl-prev {
		height: 300px
	}
}

.owl-cont-img {
	height: 50px;
	width: 23px;
	left: 50%
}

.alert-bar,
.centered-table,
.iframe {
	position: relative
}

.owl-cont-img.next {
	background: url(../img/arrow-right.svg) no-repeat;
	transform: translate(-50%, -50%)
}

.owl-cont-img.prev {
	background: url(../img/arrow-left.svg) no-repeat;
	transform: translate(-50%, -50%)
}

.centered-table {
	width: 95%;
	margin: 0 auto;
	padding: 0 0 50px;
	background: #fff
}

.centered-table .table {
	width: 660px;
	margin: 0 auto
}

.centered-table__header {
	padding: 60px 0 40px!important;
	color: #3090bf;
	font-size: 15px;
	border: 0!important
}

.centered-table__facility,
.centered-table__location {
	padding: 30px 20px 30px 0!important;
	line-height: 20px!important;
	font-size: 15px;
	border-top: 0!important;
	border-bottom: 1px solid #ddd
}

.centered-table__location {
	width: 30%;
	font-weight: 600
}

.centered-table__facility {
	width: 70%
}

.centered-table__facility p {
	margin-bottom: 8px
}

@media (max-width:767px) {
	.centered-table {
		width: 90%
	}
	.centered-table .table {
		width: 95%
	}
}

.story {
	width: 650px;
	margin: 0 auto
}

.story__header {
	font-family: AvenirNext-Bold;
	font-size: 16px;
	color: #000;
	margin-bottom: 10px
}

.story p {
	color: #2d2d2d;
	font-size: 16px;
	line-height: 27px;
	margin-bottom: 34px
}

.story .btn--cta {
	color: #000;
	margin-bottom: 20px
}

@media (min-width:768px) and (max-width:991px) {
	.story {
		width: 60%
	}
}

@media (max-width:767px) {
	.story {
		width: 80%
	}
	.story__header {
		font-size: 16px
	}
	.story .btn--cta {
		font-size: 13px
	}
	.story td,
	.story td p {
		font-size: 10px;
		line-height: 15px
	}
}

.quote {
	width: 950px;
	margin: 54px auto
}

.quote p {
	color: #2d2d2d;
	font-family: AvenirNext-MediumItalic;
	font-size: 25px;
	line-height: 35px;
	text-align: center
}

.iframe,
.iframe p,
.iframe p.careersfont {
	font-family: AvenirNext-Medium;
	font-size: 16px
}

.quote--hall {
	width: 100%;
	margin-bottom: 10px
}

@media (min-width:768px) and (max-width:991px) {
	.quote {
		width: 750px
	}
}

@media (max-width:767px) {
	.quote {
		width: 80%
	}
}

.iframe {
	padding-top: 20px;
	width: 80%;
	margin: 0 auto
}

.iframe p,
.iframe p.careersfont {
	width: 100%!important
}

.honda-menu-content,
.iframe strong {
	font-family: AvenirNext-Bold
}

.iframe strong {
	display: block;
	font-size: 14px;
	margin-top: 20px
}

.iframe iframe {
	margin: 20px 0 0 -7px
}

.alert-bar {
	margin: 0!important;
	padding: 0!important;
	background-color: #fff;
	width: 100%;
	overflow: hidden
}

.alert-bar .alert-carousel {
	margin-bottom: -1px
}

.alert-bar .alert-container {
	overflow: hidden
}

.alert-bar .alert-container>a {
	display: inline-block;
	width: 100%;
	height: 100%
}

.alert-bar .alert-container .alert-icon {
	display: none
}

.alert-bar h2 {
	color: #000;
	font-family: AvenirNext-DemiBold;
	letter-spacing: .05em;
	margin: 0;
	font-weight: 400;
	font-style: normal
}

.alert-bar .alert-title-narrow {
	color: #a3a3a3;
	font-size: 1em;
	line-height: 1.9em;
	display: block
}

.alert-bar .alert-icon {
	float: left;
	width: 70px;
	padding-bottom: 100%;
	margin-bottom: -100%;
	overflow: hidden
}

.alert-bar .alert-icon .alert-triangle {
	background: #FF9600;
	width: 200%;
	float: left;
	padding-bottom: 500px;
	margin-bottom: -500px;
	margin-left: -140px;
	margin-top: -50px;
	transform: rotate(18deg)
}

.alert-bar .alert-icon .alert-title-wide {
	display: none
}

.alert-bar .alert-icon.mobile {
	display: block;
	position: absolute;
	top: 0
}

.alert-bar .alert-icon.mobile .exclamation-icon {
	margin: 0 0 0 12px;
	position: absolute;
	top: 3.4em
}

.alert-bar .alert-details {
	float: left;
	width: 80%;
	margin-left: 80px;
	padding-bottom: 9000px;
	margin-bottom: -9000px
}

.alert-bar .alert-details a {
	display: block;
	margin: 10px 0
}

.alert-bar .alert-message {
	color: #000;
	font-family: AvenirNext-Medium;
	font-size: 1.41em;
	line-height: 1.3em;
	margin: 0 0 .2em
}

.alert-bar .alert-cta {
	color: #FF9600;
	font-family: AvenirNext-DemiBold;
	font-size: .7em;
	line-height: .8em;
	margin: 0;
	font-weight: 400;
	font-style: normal
}

.alert-bar .alert-cta:before {
	content: " \a";
	white-space: pre
}

.alert-bar .alert-cta:hover {
	opacity: .8!important
}

.slick-dots {
	right: 0;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0 30px 0 0;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%)
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0 4px;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: 0 0;
	display: block;
	height: 20px;
	width: 20px;
	outline: 0;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:focus,
.slick-dots li button:hover {
	outline: 0
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
	color: #a3a3a3;
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "•";
	width: 20px;
	height: 20px;
	font-family: slick;
	font-size: .9em;
	line-height: 2em;
	text-align: center;
	color: #dadada;
	opacity: 1
}

.slick-dots li.slick-active button:before {
	color: #FF9600;
	opacity: 1
}

@media only screen and (min-width:1025px) {
	.alert-bar .alert-container {
		overflow: hidden
	}
	.alert-bar .alert-container .alert-icon {
		display: block
	}
	.alert-bar .alert-icon {
		width: 25em
	}
	.alert-bar .alert-icon .exclamation-icon {
		margin: 0 0 0 50px;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%)
	}
	.alert-bar .alert-icon .alert-triangle {
		margin-left: -470px;
		margin-top: -160px
	}
	.alert-bar .alert-icon .alert-title-wide {
		color: #fff;
		font-size: 1em;
		line-height: 1em;
		display: block;
		margin: 0 0 0 53px;
		position: absolute;
		top: 50%;
		transform: translate(0, -50%);
		padding-left: 30px
	}
	.alert-bar .alert-icon.mobile {
		display: none
	}
	.alert-bar .alert-details {
		width: calc(100% - 25em);
		margin-top: 10px;
		margin-right: 150px;
		padding-top: 18px;
		padding-bottom: 18px;
		margin-bottom: 10px
	}
	.alert-bar .alert-message {
		font-size: 1.1em;
		line-height: 1.1em
	}
	.alert-bar .alert-cta {
		display: inline-block;
		margin: 0;
		font-size: .9em;
		line-height: .9em
	}
	.alert-bar .alert-cta:before {
		content: "";
		padding-right: 20px
	}
	.alert-bar .alert-title-narrow {
		display: none
	}
}

.navbar-default {
	background-color: #fff;
	border: none;
	height: 60px!important;
	-webkit-transform: translateZ(0)
}

.navbar-default .navbar-nav>li>a {
	color: #000;
	outline: 0
}

.honda-menu-container a,
.honda-menu-container a:hover {
	text-decoration: none;
	color: #000!important
}

.navbar-nav {
	margin: 0
}

.honda-nav-logo {
	width: 100%;
	left: 0;
	right: 0;
	top: 0;
	position: absolute;
	margin: 0 auto
}

.navbar-brand {
	float: none;
	width: auto;
	margin: 0 auto;
	position: static;
	clear: both
}

.navbar-right a,
.search-bar .search-btn span,
.search-bar .search-btn-new span {
	float: right
}

.navbar-brand img,
.navbar-brand svg {
	display: inline;
	position: absolute;
	left: 0;
	right: 0;
	margin: 12px auto 0;
	width: 164px;
	height: 35px
}

.navbar-brand img,
.navbar-right li:not(:last-child) {
	display: none
}

.navbar-right {
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 20px;
	padding-top: 16px
}

html.no-mobile .navbar-right li:not(:last-child) {
	display: inline-block
}

.navbar-right a:not(.search-trigger) {
	padding-bottom: 5px!important;
	padding-top: 5px!important
}

.navbar-right .search-trigger {
	cursor: pointer;
	padding-right: 0;
	padding-top: 13px
}

.navbar-right .search-trigger:hover {
	opacity: .7!important
}

.navbar-right .navbar-right-text {
	font-size: .9em;
	line-height: 20px;
	vertical-align: top
}

.navbar-right .navbar-right-text.with-margin {
	margin-right: 50px
}

@media (min-width:300px) and (max-width:767px) {
	.navbar-right {
		position: absolute;
		top: 0;
		right: 0
	}
	.navbar-right a {
		float: right
	}
}

@media only screen and (min-width:768px) {
	.navbar-right .search-trigger {
		padding-right: 10px
	}
}

body .wrapper {
	left: 0;
	transition: left .4s ease-in-out
}

body .wrapper.menu-open {
	left: 320px;
	width: 100vw!important
}

@media (max-width:767px) {
	html.no-mobile .navbar-right li:not(:last-child) {
		display: none
	}
	body .wrapper.menu-open {
		left: 0
	}
}

.honda-menu-blocker {
	background-color: rgba(0, 0, 0, .5);
	bottom: 0;
	display: none;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity .4s ease-in-out;
	z-index: 10
}

.honda-menu-blocker.is-show {
	display: block
}

body.menu-open .honda-menu-blocker {
	opacity: 1
}

.honda-menu-container {
	left: -320px;
	overflow: auto;
	position: fixed;
	right: -320px;
	top: 59px;
	transition: left .4s ease-in-out, width .4s ease-in-out;
	width: calc(100vw + 640px);
	z-index: 1
}

.honda-menu-content,
.honda-menu-content label {
	position: relative;
	font-weight: 400;
	font-style: normal
}

.honda-menu-container:not(.is-show) {
	display: none!important
}

body.menu-open .honda-menu-container {
	left: 0;
	width: calc(100vw + 320px)
}

.honda-menu-container a {
	display: block
}

.honda-menu-content {
	background-color: #fff;
	border-radius: 0;
	font-size: .9em;
	min-height: 100vh;
	padding: 0;
	width: 100%;
	width: 320px
}

.honda-menu-content .honda-menu-item li:hover,
.honda-menu-content label:hover {
	background-color: #EEE
}

.honda-menu-content label {
	text-transform: uppercase!important;
	padding-top: 25px;
	padding-bottom: 40px;
	padding-left: 30px;
	margin-bottom: 0;
	z-index: 20;
	display: block;
	height: 40px;
	cursor: pointer
}

.honda-menu-content .menu-title {
	padding-left: 27px
}

.honda-menu-content input {
	display: none
}

.honda-menu-content ul {
	max-height: 0;
	overflow: hidden;
	transition: max-height .5s ease-in-out
}

.honda-menu-content li {
	transition: background .5s linear
}

.honda-menu-content input:checked~ul {
	transition: max-height .5s ease-in-out;
	max-height: 500px
}

.image--anim .image,
.image-content--anim .image,
.image-single--anim .image {
	transition: transform .5s ease-out;
	backface-visibility: hidden
}

.honda-menu-content .honda-menu-item {
	border-top: #b2b2b2 1px solid
}

.honda-menu-content .honda-menu-item ul {
	padding: 0
}

.honda-menu-content .honda-menu-item li {
	cursor: pointer;
	font-family: AvenirNext-Regular
}

.honda-menu-content .honda-menu-item li:first-child a {
	padding-top: 10px
}

.honda-menu-content .honda-menu-item li:last-child {
	margin-bottom: 18px
}

.honda-menu-content .honda-menu-item li a {
	outline: 0;
	display: block;
	padding-top: 11px;
	padding-bottom: 11px;
	padding-left: 57px
}

.honda-menu-content .honda-menu-item .home-icon {
	position: absolute;
	display: inline-block;
	left: 29px;
	top: 25px
}

.honda-menu-content .honda-menu-item:first-child {
	min-height: 65px;
	height: 65px
}

.honda-menu-content .honda-menu-item:first-child label {
	padding: 0
}

.honda-menu-content .honda-menu-item:first-child label:hover {
	background: 0 0
}

.honda-menu-content .honda-menu-item:first-child label a {
	display: block;
	padding: 25px 0 25px 54px
}

.honda-menu-content .honda-menu-item:first-child:hover {
	background-color: #EEE;
	cursor: pointer
}

.nav .honda-menu {
	font-weight: 700;
	outline: 0;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 10px
}

.nav .honda-menu-content .glyphicon {
	padding-left: 10px
}

.honda-menu-overlay {
	background: #fff;
	width: 100%;
	height: 60px;
	position: fixed;
	text-align: center;
	padding-top: 16px;
	opacity: 1;
	z-index: 0;
	border-bottom: 1px solid #e5e5e5
}

.honda-menu {
	font-family: AvenirNext-Bold;
	font-size: .9em;
	font-style: normal;
	font-weight: 400;
	height: 58px;
	max-width: 80px
}

.honda-menu .menu-label {
	display: none;
	font-style: normal;
	font-weight: 400;
	padding: 9px 33px;
	position: absolute
}

.honda-menu:hover {
	opacity: .7!important
}

.honda-menu .glyphicon {
	font-size: 25px!important
}

@media (max-width:767px) {
	.search-results .honda-menu-content {
		padding-left: 0
	}
}

.honda-article .honda-menu-content {
	padding-left: 0
}

@media (min-width:300px) and (max-width:767px) {
	.honda-menu {
		max-width: 130px
	}
}

@media only screen and (min-width:500px) {
	.honda-menu .menu-label {
		display: block
	}
}

.search-bar {
	width: 100%;
	height: 60px;
	background-color: #eee;
	opacity: 0;
	position: fixed;
	z-index: 1029;
	margin-top: 0;
	overflow: hidden
}

.search-bar span {
	display: block;
	overflow: hidden;
	padding-right: 10px
}

.search-bar input {
	font-family: AvenirNext-Light;
	background-color: transparent;
	color: #000;
	border: none;
	height: 53px;
	margin-top: 8px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding: 9px;
	font-size: 1.35em;
	width: 100%
}

.search-bar input:focus {
	border: none;
	outline: 0
}

.search-bar input::-webkit-input-placeholder {
	color: #a4a4a4
}

.search-bar input:-moz-placeholder {
	color: #a4a4a4
}

.search-bar input::-moz-placeholder {
	color: #a4a4a4
}

.search-bar input:-ms-input-placeholder {
	color: #a4a4a4
}

.search-bar .search-btn,
.search-bar .search-btn-new {
	font-family: AvenirNext-DemiBold;
	font-size: .95em;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .05em;
	border: none;
	outline: 0;
	background: #eee;
	color: #000;
	float: right;
	margin-top: 8px;
	padding: 20px 20px 20px 0
}

.search-bar .search-btn-new:hover,
.search-bar .search-btn:hover {
	opacity: .7!important
}

.search-bar .search-btn-new {
	margin-top: 2px;
	padding-right: .2em
}

.search-bar .search-new {
	display: none
}

.search-bar.opened {
	height: 72px
}

.search-bar.with-results {
	margin-top: 60px;
	opacity: 1;
	cursor: text
}

.centered-table,
.centered-text .centered-text--full,
.centered-text:not(.centered-text--full) .btn--cta,
.centered-text__body,
.centered-text__video,
.column-panel,
.column-panel__body,
.company-pillars,
.cont-image-slider,
.iframe,
.infogr__circle--center,
.infogr__circle--left,
.infogr__circle--right,
.learn-more,
.learn-more__body,
.out,
.p1,
.p2 .link--to,
.quote:not(.quote--hall),
.scrubber,
.separator,
.story,
.subheader,
.three-column-panel--section,
.three-column-panel2,
.three-column-panel2__body,
.three-column-panel__body,
.three-column-panel__body.no--cta,
.tile-1,
.tile-2,
.tile-3,
.tile-4,
.tile-5,
.tile-6,
.tile-7,
.tile-8,
.two-columns-panel2,
.two-columns-panel2__body,
.wwut-box,
.youtube-player,
footer:not(.museum) {
	opacity: 0
}

.search-bar.with-results .search-btn,
.search-bar.with-results .search-input,
.search-bar.with-results input {
	display: none!important
}

.search-bar.with-results .search-new {
	font-family: AvenirNext-Light;
	color: #000;
	padding: .4em 1.25em;
	width: 100%;
	overflow: hidden;
	display: block
}

.search-bar.with-results .search-new .left,
.search-bar.with-results .search-new .middle {
	font-size: 1.65em;
	letter-spacing: .02em;
	padding-top: .6em
}

.search-bar.with-results .search-new .left,
.search-bar.with-results .search-new .middle,
.search-bar.with-results .search-new .right {
	vertical-align: middle;
	white-space: nowrap
}

.search-bar.with-results .search-new .middle {
	font-family: AvenirNext-DemiBold;
	font-style: normal;
	font-weight: 400;
	letter-spacing: .04em;
	padding-left: .3em;
	margin-right: 1em;
	overflow: hidden
}

.search-bar.with-results .search-new .left {
	padding-left: .5em;
	float: left;
	display: none
}

.search-bar.with-results .search-new .right {
	margin: 0 0 0 1.8em;
	float: right;
	display: none
}

@media only screen and (min-width:768px) {
	.search-bar.with-results .search-new .left,
	.search-bar.with-results .search-new .middle {
		font-size: 1.65em;
		letter-spacing: .02em
	}
	.search-bar.with-results .search-new .left,
	.search-bar.with-results .search-new .right {
		display: block
	}
}

@media only screen and (min-width:1025px) {
	.search-bar input {
		font-size: 1.65em;
		padding: 9px 22px;
		margin-left: 20px
	}
	.search-bar .search-btn svg {
		margin-top: 0
	}
	.search-bar input::-webkit-input-placeholder {
		color: #a4a4a4
	}
	.search-bar input:-moz-placeholder {
		color: #a4a4a4
	}
	.search-bar input::-moz-placeholder {
		color: #a4a4a4
	}
	.search-bar input:-ms-input-placeholder {
		color: #a4a4a4
	}
}

@media screen and (-ms-high-contrast:active),
(-ms-high-contrast:none) {
	.search-bar .search-btn svg {
		margin-top: -.15em
	}
}

.search-bar.fixfixed {
	position: absolute
}

.image--anim:hover .image {
	transform: scale(1.07);
	backface-visibility: hidden
}

.image-single--anim .image:hover {
	transform: scale(1.07);
	backface-visibility: hidden
}

.image-content--anim:hover .image {
	transform: scale(1.07);
	backface-visibility: hidden
}

.out {
	visibility: hidden
}

.centered-table.fadeEaseUp,
.centered-text .centered-text--full.fadeEaseUp,
.centered-text:not(.centered-text--full) .btn--cta.fadeEaseUp,
.centered-text__body.fadeEaseUp,
.centered-text__video.fadeEaseUp,
.column-panel.fadeEaseUp,
.column-panel__body.fadeEaseUp,
.company-pillars.fadeEaseUp,
.cont-image-slider.fadeEaseUp,
.fadeEaseUp.youtube-player,
.iframe.fadeEaseUp,
.infogr__circle--center.fadeEaseUp,
.infogr__circle--left.fadeEaseUp,
.infogr__circle--right.fadeEaseUp,
.learn-more.fadeEaseUp,
.learn-more__body.fadeEaseUp,
.p1.fadeEaseUp,
.p2 .link--to.fadeEaseUp,
.quote:not(.quote--hall).fadeEaseUp,
.scrubber.fadeEaseUp,
.separator.fadeEaseUp,
.story.fadeEaseUp,
.subheader.fadeEaseUp,
.three-column-panel--section.fadeEaseUp,
.three-column-panel2.fadeEaseUp,
.three-column-panel2__body.fadeEaseUp,
.three-column-panel__body.fadeEaseUp,
.three-column-panel__body.no--cta.fadeEaseUp,
.tile-1.fadeEaseUp,
.tile-2.fadeEaseUp,
.tile-3.fadeEaseUp,
.tile-4.fadeEaseUp,
.tile-5.fadeEaseUp,
.tile-6.fadeEaseUp,
.tile-7.fadeEaseUp,
.tile-8.fadeEaseUp,
.two-columns-panel2.fadeEaseUp,
.two-columns-panel2__body.fadeEaseUp,
.wwut-box.fadeEaseUp,
.youtube-player.fadeEaseUp,
footer:not(.museum).fadeEaseUp {
	-webkit-animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeEaseUp;
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: fadeEaseUp;
	backface-visibility: hidden
}

.centered-table.fadeEaseUp--lg,
.centered-text .centered-text--full.fadeEaseUp--lg,
.centered-text:not(.centered-text--full) .btn--cta.fadeEaseUp--lg,
.centered-text__body.fadeEaseUp--lg,
.centered-text__video.fadeEaseUp--lg,
.column-panel.fadeEaseUp--lg,
.column-panel__body.fadeEaseUp--lg,
.company-pillars.fadeEaseUp--lg,
.cont-image-slider.fadeEaseUp--lg,
.fadeEaseUp--lg.youtube-player,
.iframe.fadeEaseUp--lg,
.infogr__circle--center.fadeEaseUp--lg,
.infogr__circle--left.fadeEaseUp--lg,
.infogr__circle--right.fadeEaseUp--lg,
.learn-more.fadeEaseUp--lg,
.learn-more__body.fadeEaseUp--lg,
.p1.fadeEaseUp--lg,
.p2 .link--to.fadeEaseUp--lg,
.quote:not(.quote--hall).fadeEaseUp--lg,
.scrubber.fadeEaseUp--lg,
.separator.fadeEaseUp--lg,
.story.fadeEaseUp--lg,
.subheader.fadeEaseUp--lg,
.three-column-panel--section.fadeEaseUp--lg,
.three-column-panel2.fadeEaseUp--lg,
.three-column-panel2__body.fadeEaseUp--lg,
.three-column-panel__body.fadeEaseUp--lg,
.three-column-panel__body.no--cta.fadeEaseUp--lg,
.tile-1.fadeEaseUp--lg,
.tile-2.fadeEaseUp--lg,
.tile-3.fadeEaseUp--lg,
.tile-4.fadeEaseUp--lg,
.tile-5.fadeEaseUp--lg,
.tile-6.fadeEaseUp--lg,
.tile-7.fadeEaseUp--lg,
.tile-8.fadeEaseUp--lg,
.two-columns-panel2.fadeEaseUp--lg,
.two-columns-panel2__body.fadeEaseUp--lg,
.wwut-box.fadeEaseUp--lg,
.youtube-player.fadeEaseUp--lg,
footer:not(.museum).fadeEaseUp--lg {
	-webkit-animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeEaseUp--lg;
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: fadeEaseUp--lg;
	backface-visibility: hidden;
	display: block
}

.centered-table.fadeEaseUp-centerElement,
.centered-text .centered-text--full.fadeEaseUp-centerElement,
.centered-text:not(.centered-text--full) .btn--cta.fadeEaseUp-centerElement,
.centered-text__body.fadeEaseUp-centerElement,
.centered-text__video.fadeEaseUp-centerElement,
.column-panel.fadeEaseUp-centerElement,
.column-panel__body.fadeEaseUp-centerElement,
.company-pillars.fadeEaseUp-centerElement,
.cont-image-slider.fadeEaseUp-centerElement,
.fadeEaseUp-centerElement.youtube-player,
.iframe.fadeEaseUp-centerElement,
.infogr__circle--center.fadeEaseUp-centerElement,
.infogr__circle--left.fadeEaseUp-centerElement,
.infogr__circle--right.fadeEaseUp-centerElement,
.learn-more.fadeEaseUp-centerElement,
.learn-more__body.fadeEaseUp-centerElement,
.p1.fadeEaseUp-centerElement,
.p2 .link--to.fadeEaseUp-centerElement,
.quote:not(.quote--hall).fadeEaseUp-centerElement,
.scrubber.fadeEaseUp-centerElement,
.separator.fadeEaseUp-centerElement,
.story.fadeEaseUp-centerElement,
.subheader.fadeEaseUp-centerElement,
.three-column-panel--section.fadeEaseUp-centerElement,
.three-column-panel2.fadeEaseUp-centerElement,
.three-column-panel2__body.fadeEaseUp-centerElement,
.three-column-panel__body.fadeEaseUp-centerElement,
.three-column-panel__body.no--cta.fadeEaseUp-centerElement,
.tile-1.fadeEaseUp-centerElement,
.tile-2.fadeEaseUp-centerElement,
.tile-3.fadeEaseUp-centerElement,
.tile-4.fadeEaseUp-centerElement,
.tile-5.fadeEaseUp-centerElement,
.tile-6.fadeEaseUp-centerElement,
.tile-7.fadeEaseUp-centerElement,
.tile-8.fadeEaseUp-centerElement,
.two-columns-panel2.fadeEaseUp-centerElement,
.two-columns-panel2__body.fadeEaseUp-centerElement,
.wwut-box.fadeEaseUp-centerElement,
.youtube-player.fadeEaseUp-centerElement,
footer:not(.museum).fadeEaseUp-centerElement {
	-webkit-animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	-webkit-animation-name: fadeEaseUp-centerElement;
	animation-duration: .5s;
	animation-fill-mode: both;
	animation-name: fadeEaseUp-centerElement;
	backface-visibility: hidden;
	display: block
}

.fadeInEl,
.fadeOutEl {
	animation-duration: .5s;
	display: block
}

.animated,
.fadeInEl,
.fadeOutEl {
	animation-fill-mode: both
}

.centered-table.comp-animated,
.centered-text .centered-text--full.comp-animated,
.centered-text:not(.centered-text--full) .btn--cta.comp-animated,
.centered-text__body.comp-animated,
.centered-text__video.comp-animated,
.column-panel.comp-animated,
.column-panel__body.comp-animated,
.comp-animated.youtube-player,
.company-pillars.comp-animated,
.cont-image-slider.comp-animated,
.iframe.comp-animated,
.infogr__circle--center.comp-animated,
.infogr__circle--left.comp-animated,
.infogr__circle--right.comp-animated,
.learn-more.comp-animated,
.learn-more__body.comp-animated,
.p1.comp-animated,
.p2 .link--to.comp-animated,
.quote:not(.quote--hall).comp-animated,
.scrubber.comp-animated,
.separator.comp-animated,
.story.comp-animated,
.subheader.comp-animated,
.three-column-panel--section.comp-animated,
.three-column-panel2.comp-animated,
.three-column-panel2__body.comp-animated,
.three-column-panel__body.comp-animated,
.three-column-panel__body.no--cta.comp-animated,
.tile-1.comp-animated,
.tile-2.comp-animated,
.tile-3.comp-animated,
.tile-4.comp-animated,
.tile-5.comp-animated,
.tile-6.comp-animated,
.tile-7.comp-animated,
.tile-8.comp-animated,
.two-columns-panel2.comp-animated,
.two-columns-panel2__body.comp-animated,
.wwut-box.comp-animated,
.youtube-player.comp-animated,
footer:not(.museum).comp-animated {
	opacity: 1
}

@keyframes fadeEaseUp {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeEaseUp--lg {
	from {
		opacity: 0;
		transform: translate3d(0, 100px, 0)
	}
	to {
		opacity: 1;
		transform: none
	}
}

@keyframes fadeEaseUp-centerElement {
	from {
		opacity: 0;
		top: 200px
	}
	to {
		opacity: 1;
		top: 50px
	}
}

.fadeOutEl {
	animation-name: fadeOutEl
}

@keyframes fadeOutEl {
	from {
		opacity: 1;
		visibility: visible;
		transition-delay: 0s
	}
	to {
		opacity: 0;
		visibility: hidden
	}
}

.fadeInEl {
	animation-name: fadeInEl
}

@keyframes fadeInEl {
	from {
		opacity: 0;
		visibility: hidden
	}
	to {
		opacity: 1;
		visibility: visible
	}
}

@keyframes bounceInLeft {
	60%,
	75%,
	90%,
	from,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		opacity: 0;
		left: 6%
	}
	60% {
		opacity: 1;
		left: 52%
	}
	75% {
		left: 49%
	}
	90% {
		left: 51%
	}
	to {
		left: 50%
	}
}

@keyframes bounceInLeftafter {
	60%,
	75%,
	90%,
	from,
	to {
		animation-timing-function: cubic-bezier(.215, .61, .355, 1)
	}
	0% {
		right: 94%
	}
	60% {
		right: 48%
	}
	75% {
		right: 51%
	}
	90% {
		right: 49%
	}
	to {
		right: 50%
	}
}

.animated {
	animation-duration: 1s
}

.bounceInLeft {
	animation-name: bounceInLeft
}

.bounceInLeftafter {
	animation-name: bounceInLeftafter
}

.history-page {
	margin-top: 60px;
	margin-bottom: 280px
}

.history-page__bleed {
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff!important;
	opacity: 0;
	visibility: hidden;
	background-attachment: scroll!important;
	background-size: cover!important;
	background-repeat: no-repeat!important;
	background-position-x: 50%!important;
	background-position-y: 0
}

.history-page__bleed--overlay {
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .8);
	width: 100%;
	height: 100%
}

.history-page__bleed.active,
.history-page__bleed.next {
	opacity: 1
}

.history-page__bleed--gradient:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 500px;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .4) 54%, rgba(0, 0, 0, .6) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000', GradientType=0)
}

.history-page__date {
	font-family: AvenirNext-Medium;
	background: rgba(0, 0, 0, .6);
	color: #fff;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	box-shadow: 0 0 9px 2px rgba(255, 255, 255, .5);
	border: 1px solid rgba(255, 255, 255, .7);
	text-align: center;
	line-height: 60px;
	position: fixed;
	top: 80px;
	left: 30px;
	z-index: 7;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s linear .5s, opacity .5s linear;
	cursor: pointer
}

.history-page__year {
	font-family: AvenirNext-DemiBold;
	font-size: 65px;
	position: absolute;
	top: 90px;
	right: 30px;
	color: #fff;
	text-shadow: 0 0 30px rgba(0, 0, 0, .3);
	letter-spacing: -.025em
}

.history-page__content {
	position: relative;
	text-align: center;
	color: #fff;
	z-index: 6
}

.history-page__bleed-text {
	width: 100%;
	height: calc(100vh - 59px);
	position: relative
}

.history-page__body {
	position: absolute;
	width: 65%;
	left: 50%;
	bottom: 60px;
	transform: translateX(-50%)
}

.history-page__body--center {
	top: 40%;
	transform: translate(-50%, -50%);
	bottom: auto
}

.history-page__body--center.overlay p {
	font-family: AvenirNext-Light;
	font-size: 35px!important;
	text-align: left;
	line-height: 50px!important;
	width: 100%
}

.history-page__body--center.overlay.small p {
	font-size: 25px
}

.history-page__body.landing p {
	line-height: 40px;
	font-size: 19px
}

.history-page__name {
	font-family: AvenirNext-Light;
	font-size: 25px!important;
	text-align: right;
	display: block;
	margin-top: 16px
}

.history-page__header {
	font-size: 48px;
	font-family: AvenirNext-Bold;
	letter-spacing: 0;
	margin-bottom: 25px
}

.history-page__bleed-header {
	font-size: 37px;
	font-family: AvenirNext-Light;
	margin-bottom: 20px;
	letter-spacing: -1px
}

.history-page p {
	font-family: AvenirNext-Regular;
	width: 80%;
	margin: 0 auto;
	font-size: 18px;
	line-height: 30px
}

.history-page .show--sm {
	display: inline-block
}

.history-page .show--xs {
	display: none
}

.history-page .hidden {
	display: none!important
}

.history-page .btn--cta {
	margin-top: 20px;
	text-transform: none
}

.history-page .btn__text {
	vertical-align: baseline
}

.history-page .arrow-down {
	bottom: 80px
}

@media (min-width:768px) and (max-width:991px) {
	.history-page__name {
		text-align: left
	}
}

@media (max-width:767px) {
	.history-page .show--sm {
		display: none
	}
	.history-page .show--xs {
		display: inline-block
	}
	.history-page__date {
		left: 20px
	}
	.history-page__date.show {
		opacity: 1;
		visibility: visible;
		transition-delay: 0s
	}
	.history-page__year {
		font-size: 30px
	}
	.history-page__body {
		width: 90%
	}
	.history-page__body.landing {
		top: 37%
	}
	.history-page__body.landing p {
		line-height: 25px;
		font-size: 16px
	}
	.history-page__body--center.overlay p {
		font-size: 20px!important;
		line-height: 25px!important
	}
	.history-page__header {
		font-size: 23px;
		margin: 0 0 15px
	}
	.history-page__bleed-header {
		font-size: 20px;
		text-transform: capitalize
	}
	.history-page__name {
		font-size: 20px!important;
		text-align: left
	}
	.history-page p {
		width: 90%;
		font-size: 14px;
		line-height: 22px
	}
	.history-page .btn--cta {
		font-size: 12px
	}
	.history-page .arrow-down {
		bottom: 10px
	}
}

.share-modal-label,
.share-modal-submit,
.wwut-cta {
	text-transform: uppercase
}

@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
	.history-page .arrow-down {
		bottom: 60px
	}
}

.blur {
	filter: blur(2px)
}

.time {
	position: fixed;
	top: 110px;
	color: #fff;
	z-index: 7;
	opacity: 0;
	visibility: hidden;
	transition: visibility 0s linear .5s, opacity .5s linear
}

.time.show {
	opacity: 1;
	visibility: visible;
	transition-delay: 0s
}

.time.visible {
	display: block!important
}

.time a,
.time a:active,
.time a:focus,
.time a:hover,
.time a:visited {
	color: #fff;
	outline: 0
}

.time__separator {
	height: 15px;
	border-left: 1px solid #fff;
	margin: -2px 0 0 4px
}

.time__separator.active {
	margin-top: 3px
}

.time__separator:last-child {
	display: none
}

.time__item.active .time__circle {
	background: 0 0;
	border: 1px solid #fff;
	width: 30px;
	height: 30px;
	margin: 3px 0 0 -10px;
	vertical-align: middle
}

.time__item.active .time__text,
.time__item.active p {
	vertical-align: middle;
	font-size: 17px
}

.time__circle {
	background: #fff;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	display: inline-block;
	box-shadow: 0 0 7px 1px rgba(255, 255, 255, .6)
}

.time p,
.time__text {
	display: inline-block;
	margin: 0 0 0 10px;
	font-size: 14px;
	line-height: 1.42857;
	width: auto
}

@media (max-width:767px) {
	.time {
		background: rgba(0, 0, 0, .8);
		top: 60px;
		left: 0;
		width: 100%;
		height: calc(100% - 60px);
		padding-top: 20px;
		overflow: scroll;
		-webkit-overflow-scrolling: touch
	}
	.time__separator {
		height: 17px;
		margin: 2px 0 4px 4px
	}
	.time__separator.active {
		margin-top: 7px
	}
	.time.show {
		opacity: 0;
		display: none!important
	}
	.time.show.visivle,
	.time.visible {
		display: block!important;
		opacity: 1
	}
	.time p span.show--xs,
	.time__text span.show--xs {
		margin-left: 7px
	}
	.time__item.active .time__circle {
		width: 22px;
		height: 22px;
		margin-left: -6px
	}
	.time__item.active .time__text,
	.time__item.active p {
		font-size: 14px
	}
	.time__close {
		width: 98%;
		text-align: right;
		cursor: pointer;
		padding-right: 15px
	}
}

.flash--player.holiday-card .owl-carousel .owl-item,
.scrubber,
.wwut-box,
.wwut-image,
.wwut-twitter-avatar {
	overflow: hidden
}

.bullets,
.infogr__circle,
.scrubber__body,
.slider__bullet,
.slider__content,
.wwut-content {
	text-align: center
}

.history-modal {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 60px;
	left: 0;
	z-index: 3;
	background: #fff
}

.history-modal.open {
	display: block
}

.history-modal__body {
	position: relative;
	height: 100%
}

.slider {
	font-size: 0;
	color: #fff;
	position: relative;
	background: #fff;
	height: 100%
}

.slider__body {
	transition: margin-left .5s linear;
	height: 100%
}

.slider__image {
	display: inline-block;
	position: relative;
	height: 100%!important
}

.slider__header {
	font-family: AvenirNext-DemiBold;
	font-size: 30px;
	margin-bottom: 15px
}

.slider__content {
	position: absolute;
	width: 60%;
	bottom: 110px;
	left: 50%;
	transform: translateX(-50%)
}

.slider__content p {
	line-height: 25px;
	font-size: 15px
}

.slider__controls {
	font-size: 15px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.slider__back {
	position: fixed;
	top: 80px;
	left: 20px;
	cursor: pointer
}

.slider__back .icon-chevron-left:before {
	font-size: 18px
}

.slider__back--text {
	vertical-align: middle
}

.slider__time {
	width: 90%;
	height: 75px;
	position: fixed;
	bottom: 180px;
	left: 50%;
	color: #fff;
	font-family: AvenirNext-Bold;
	font-size: 13px;
	line-height: 55px;
	transform: translateX(-50%);
	margin: 0;
	padding: 0
}

.slider__time.out {
	display: none
}

.slider__time.animation--top {
	transition: top .5s linear
}

.slider__bullet-container.desktop {
	transform: translate(0, 0)!important
}

.slider__bullet,
.slider__separator {
	position: absolute;
	top: 50%;
	transform: translateY(-50%)
}

.slider__bullet {
	height: 55px;
	width: 55px;
	border-radius: 50%;
	display: inline-block;
	border: 1px solid #fff;
	margin-left: -27.5px;
	box-shadow: 0 0 12px 2px rgba(255, 255, 255, .3)
}

.slider__bullet.active {
	height: 70px;
	width: 70px;
	font-size: 15px;
	background: #fff;
	color: #000;
	line-height: 70px;
	margin-left: -35px
}

.slider__separator {
	border-bottom: 1px solid #fff
}

.slider__separator:last-child {
	display: none
}

@media (max-width:767px) {
	.slider__bullet,
	.slider__separator {
		position: relative;
		left: auto!important;
		top: auto!important;
		transform: none
	}
	.slider__time {
		width: 100%;
		overflow: hidden;
		height: 55px
	}
	.slider__bullet {
		height: 45px;
		width: 45px;
		margin: 0;
		line-height: 45px
	}
	.slider__bullet.active {
		height: 55px;
		width: 55px;
		margin-left: 0;
		line-height: 55px
	}
	.slider__separator {
		display: inline-block;
		width: 60px!important;
		vertical-align: middle
	}
	.slider__content {
		width: 90%;
		bottom: 110px
	}
	.slider__content p {
		line-height: 20px;
		font-size: 12px
	}
	.slider__header {
		font-size: 20px;
		margin-bottom: 15px
	}
}

.bullets {
	margin: 0 auto;
	width: 100%;
	position: fixed;
	bottom: 20px
}

.bullets__item {
	background: #2d2d2d;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	margin-right: 5px;
	display: inline-block
}

.bullets__item.active {
	background: #EEE
}

.scrubber {
	height: 437px;
	width: 990px;
	margin: 0 auto;
	position: relative
}

.scrubber__body {
	width: 60%;
	position: absolute;
	top: 40px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	z-index: 2
}

.scrubber p,
.scrubber__text {
	font-size: 16px
}

.scrubber .show--sm {
	display: block
}

.scrubber .show--xs {
	display: none
}

.scrubber .anim {
	transition: all .3s ease-in-out
}

.scrubber .after-init-left {
	right: 53.5%!important
}

.scrubber .after-left {
	right: 47%!important
}

.scrubber .origin-init-left {
	left: 46.5%!important
}

.scrubber .origin-left {
	left: 53%!important
}

@media (min-width:768px) and (max-width:991px) {
	.scrubber {
		width: 750px;
		height: 340px
	}
	.scrubber__body {
		top: 20px
	}
}

@media (max-width:767px) {
	.scrubber,
	.scrubber__body {
		width: 100%
	}
	.scrubber {
		height: auto
	}
	.scrubber .show--sm {
		display: none
	}
	.scrubber .show--xs {
		display: block
	}
}

.ImageComparision {
	margin: auto;
	min-height: 100%;
	position: relative
}

.ImageComparisionImage {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0
}

.ImageComparisionImage.after {
	right: 100%;
	z-index: 1000
}

.ImageComparisionImage img {
	position: absolute;
	width: 1000px
}

.ImageComparision .noUi-horizontal {
	background-color: #fff;
	border: none;
	bottom: 50px;
	height: 5px;
	margin-left: -275px;
	position: absolute;
	z-index: 1001
}

.ImageComparision .noUi-horizontal:after {
	background-color: #fff;
	content: "";
	display: block;
	height: 5px;
	left: 100%;
	position: absolute;
	top: 0;
	width: 120px;
	z-index: 1001
}

.ImageComparision .noUi-horizontal .noUi-origin {
	position: absolute;
	left: 0;
	top: 0;
	right: 0
}

.ImageComparision .noUi-horizontal .noUi-handle {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
	background-color: #F63;
	background-image: url(../../../../images/ui/comparision-slider.png);
	background-position: left top;
	background-size: 100% 100%;
	display: block;
	height: 30px;
	margin-top: -15px;
	position: relative;
	top: 50%;
	width: 120px;
	z-index: 1002
}

.ImageComparision .noUi-horizontal .noUi-handle:active,
.ImageComparision .noUi-horizontal .noUi-handle:focus,
.ImageComparision .noUi-horizontal .noUi-handle:hover {
	outline: 0
}

.ImageComparisionCopy {
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 50px;
	width: 1000px;
	z-index: 1000
}

.ImageComparisionCopy.light-background {
	text-shadow: 0 0 20px rgba(0, 0, 0, .5)
}

.ImageComparisionCopy h2 {
	margin: 0
}

.ImageComparisionCopy span {
	color: #F63
}

.ImageComparision {
	width: 990px;
	display: inline-block;
	z-index: 1;
	box-shadow: 5px 10px 20px #FFF
}

.ImageComparision .ImageComparisionImage img {
	width: 990px;
	display: block;
	position: absolute;
	top: 0;
	left: 0
}

.ImageComparision .noUi-horizontal {
	background: 0 0;
	top: 50%;
	left: 0;
	width: 100%;
	margin: 0
}

.ImageComparision:after {
	background: 0 0
}

@media (min-width:768px) and (max-width:991px) {
	.ImageComparision,
	.ImageComparision .ImageComparisionImage img {
		width: 750px
	}
}

@media (max-width:767px) {
	.ImageComparision,
	.ImageComparision .ImageComparisionImage img {
		width: 300px
	}
}

.scrubber .ImageComparision .noUi-horizontal .noUi-handle {
	background-image: url(../img/slider-ui.png);
	background-color: transparent;
	background-size: cover;
	background-position: center;
	width: 60px;
	height: 250px;
	margin: 0 0 0 -31px;
	top: -86px;
	cursor: col-resize
}

@media (min-width:768px) and (max-width:991px) {
	.scrubber .ImageComparision .noUi-horizontal .noUi-handle {
		height: 195px;
		top: -70px
	}
}

.infogr {
	width: 100%;
	height: 300px;
	position: relative;
	margin: 60px auto 180px
}

.infogr.pos {
	position: absolute;
	top: 300px;
	width: 60%;
	left: 50%;
	transform: translateX(-50%)
}

.infogr__circle {
	position: absolute;
	display: inline-block;
	color: #fff;
	width: 190px;
	height: 190px;
	border-radius: 50%;
	border: 2px solid #fff;
	padding-top: 10px
}

.infogr__circle--left {
	left: -60px;
	top: 0
}

.infogr__circle--center {
	left: 50%;
	top: 70px;
	margin-left: -95px
}

.infogr__circle--right {
	right: -60px;
	top: 0
}

.infogr__circle--longcopy h2 {
	margin-top: 0
}

.infogr p.infogr__header,
.infogr__header {
	font-family: AvenirNext-Medium;
	position: relative;
	font-size: 65px;
	padding-bottom: 0;
	margin-bottom: 0;
	line-height: 70px;
	margin-top: 14px;
	letter-spacing: -.1em
}

.infogr p,
.infogr__text {
	font-family: AvenirNext-Medium;
	font-size: 12px;
	padding: 0 30px;
	line-height: 16px
}

.infogr__simbol {
	font-family: AvenirNext-Regular;
	font-size: 30px;
	vertical-align: super;
	margin-left: 4px
}

@media (min-width:768px) and (max-width:991px) {
	.infogr {
		width: 70%
	}
	.infogr__circle--left {
		left: -25%
	}
	.infogr__circle--right {
		right: -25%
	}
}

@media (max-width:767px) {
	.infogr {
		height: 620px
	}
	.infogr__circle--left {
		left: 50%;
		top: 0;
		margin-left: -95px
	}
	.infogr__circle--center {
		left: 50%;
		top: 210px;
		transform: none;
		margin-left: -95px
	}
	.infogr__circle--right {
		right: 50%;
		top: 420px;
		margin-right: -95px
	}
}

.video-overlay {
	background-color: rgba(12, 12, 12, .8);
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 5000
}

.video-overlay.video-embed {
	background: inherit;
	position: absolute
}

.video-overlay-container {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%)
}

@media (min-width:768px) and (max-width:991px) {
	.video-overlay-container {
		height: 0;
		left: 0;
		padding-bottom: 56.25%;
		padding-top: 25px;
		position: relative;
		top: 50vh;
		transform: translate(0, -50%)
	}
	.video-overlay-container iframe {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%
	}
}

@media (max-width:767px) {
	.video-overlay-container {
		height: 0;
		left: 0;
		padding-bottom: 56.25%;
		padding-top: 25px;
		position: relative;
		top: 50vh;
		transform: translate(0, -50%)
	}
	.video-overlay-container iframe {
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%
	}
}

@media (min-width:992px) {
	.video-overlay-container iframe {
		width: 800px!important;
		height: 450px!important
	}
}

@media (min-width:1281px) {
	.video-overlay-container iframe {
		width: 1000px!important;
		height: 563px!important
	}
}

@media (min-width:1399px) {
	.video-overlay-container iframe {
		width: 1250px!important;
		height: 703px!important
	}
}

@media (min-width:1700px) {
	.video-overlay-container iframe {
		width: 1500px!important;
		height: 844px!important
	}
}

.video-overlay-container.video-embed-container {
	top: 0;
	left: 0;
	webkit-transform: inherit;
	transform: inherit;
	z-index: 1;
	width: 100%;
	height: 100%
}

.video-overlay-container.video-embed-container iframe {
	width: 100%!important;
	height: 100%!important
}

.video-overlay-icon {
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer;
	display: none;
	height: 40px;
	position: absolute;
	right: -60px;
	top: -30px;
	width: 40px
}

.video-overlay-icon.is-show,
.wwut-twitter-info {
	display: block
}

.video-overlay-icon.video-embed-icon {
	right: 12px;
	top: 12px
}

@media (min-width:768px) and (max-width:991px) {
	.video-overlay-icon {
		right: 20px;
		top: 20px
	}
}

@media (max-width:767px) {
	.video-overlay-icon {
		right: 20px;
		top: 20px
	}
}

.video-overlay-icon .close-icon {
	height: 25px;
	left: -2px;
	position: relative;
	top: 15px;
	width: 25px
}

.wwut {
	padding-bottom: 70px
}

.wwut .container-fluid {
	padding-left: 5%;
	padding-right: 5%
}

.wwut-box {
	padding: 0;
	vertical-align: top
}

.wwut-box:hover .wwut-image {
	transform: scale(1.1)
}

.wwut-box.is-gray {
	background-color: #f9f9f9
}

.wwut-box.is-gray .wwut-container {
	background-color: #f9f9f9;
	color: #000
}

.wwut-box.is-gray .wwut-container.top-corner:before {
	border-bottom: 20px solid #f9f9f9
}

.wwut-box.is-darkGray {
	background-color: #2d2d2d
}

.wwut-box.is-darkGray .wwut-container {
	background-color: #2d2d2d;
	color: #fff
}

.wwut-box.is-darkGray .wwut-container.top-corner:before {
	border-bottom: 20px solid #2d2d2d
}

.wwut-box.is-darkGray .wwut-container .wwut-cta {
	color: #fff
}

.wwut-box.TwitterCard {
	background-color: #f2f2f2
}

.wwut-box.TwitterCard .wwut-container {
	background-color: #f2f2f2;
	color: #000
}

.wwut-box.TwitterCard .wwut-container.top-corner:before {
	border-bottom: 20px solid #f2f2f2
}

.wwut-container {
	height: 0;
	padding-bottom: 44.56%;
	padding-top: 18px;
	position: relative
}

@media (max-width:767px) {
	.wwut-container {
		height: auto;
		padding: 0
	}
}

.wwut-container.top-corner:before {
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	content: "";
	height: 0;
	left: 50%;
	position: absolute;
	top: 0;
	transform: translate(-50%, -100%);
	width: 0
}

.wwut-container.is-full {
	padding-bottom: 96%;
	padding-top: 27px
}

.wwut-container.is-full img {
	height: 100%
}

.wwut-container.is-full .wwut-image img {
	height: 100%;
	width: auto
}

@media (max-width:767px) {
	.wwut-container.is-full {
		padding-bottom: 0;
		padding-top: 0
	}
	.wwut-container.is-full .wwut-image img {
		height: auto;
		width: 100%
	}
}

.wwut-image {
	height: 100%;
	left: -1px;
	position: absolute;
	top: -1px;
	transition: transform .5s ease-in-out;
	width: calc(100% + 2px)
}

@media (max-width:767px) {
	.wwut-image {
		position: static;
		height: auto;
		width: 100%
	}
}

.wwut-image img {
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

@media (max-width:767px) {
	.wwut-image img {
		left: initial;
		position: static;
		transform: none;
		width: 100%
	}
}

.wwut-content {
	bottom: 0;
	font-size: 14px;
	left: 0;
	padding: 40px 20px;
	position: absolute;
	right: 0;
	top: 0
}

@media (max-width:767px) {
	.wwut-content {
		position: static
	}
}

.wwut-content.twitter {
	bottom: initial;
	padding: 30px;
	position: absolute;
	text-align: left;
	top: 50%;
	transform: translateY(-50%)
}

.wwut-content.twitter a {
	outline: 0
}

@media (max-width:767px) {
	.wwut-content.twitter {
		position: static;
		transform: none
	}
}

.wwut-icon-top {
	font-size: 30px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 100
}

.wwut-icon-top .hondaIcon-instagram {
	color: #fff;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5)
}

.wwut-title {
	font-weight: 700;
	font-size: 20px;
	margin: 0 0 20px
}

.wwut-cta {
	font-family: AvenirNext-Bold;
	font-size: 15px;
	outline: 0
}

.wwut-cta:focus {
	outline: 0
}

.wwut-cta .hondaIcon-right {
	font-size: 12px;
	position: relative;
	vertical-align: initial
}

.wwut-twitter-info-box {
	display: inline-block;
	padding-left: 18px;
	vertical-align: top
}

.wwut-twitter-avatar {
	border-radius: 5px;
	display: inline-block;
	height: 45px;
	width: 45px;
	vertical-align: top
}

.wwut-twitter-avatar img {
	height: 100%;
	width: 100%
}

.wwut-twitter-name {
	font-size: 14px;
	font-weight: 700;
	margin: 10px 0 0
}

.wwut-twitter-username {
	color: #8f8f8f
}

.wwut-twitter-copy {
	display: block;
	font-family: AvenirNext-light;
	font-size: 24px;
	font-weight: lighter;
	margin: 10px 0
}

.wwut-twitter-icon {
	color: #4d9fe0;
	font-size: 20px;
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 10
}

.wwut-twitter-action,
.wwut-twitter-time {
	color: #8f8f8f;
	font-size: 12px
}

.wwut-twitter-actions {
	display: block;
	margin-top: 10px
}

.wwut-twitter-action {
	margin-right: 15px
}

.wwut-twitter-action [class*=" hondaIcon-"],
.wwut-twitter-action [class^=hondaIcon-] {
	font-size: 1.3em;
	margin-right: 1px;
	position: relative;
	top: 3px
}

.youtube-player {
	margin-bottom: 60px
}

.youtube-player .column-panel__image {
	height: 475px
}

@media (min-width:768px) and (max-width:991px) {
	.youtube-player .column-panel__image {
		height: 360px
	}
}

.youtube-cloned-thumb {
	background-position: center center;
	background-size: cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
	opacity: 1;
	transition: opacity .5s ease-in-out
}

.youtube-cloned-thumb.is-hide {
	opacity: 0
}

html.mobile .youtube-cloned-thumb {
	display: none
}

.youtube-cloned-thumb:before {
	animation: spin 1.5s steps(12) infinite;
	color: #fff;
	font-size: 42px;
	left: 50%;
	position: absolute;
	text-shadow: 0 0 5px rgba(0, 0, 0, .5);
	top: 50%;
	transform: translate(-50%, -50%);
	transform-origin: 0 0
}

@keyframes spin {
	from {
		transform: rotate(0) translate(-50%, -50%)
	}
	to {
		transform: rotate(360deg) translate(-50%, -50%)
	}
}

.flash--player embed,
.flash--player object {
	outline: 0
}

.flash--player.holiday-card embed {
	width: 90vw;
	height: 85vw;
	margin: 0 0 10vw;
	max-width: 980px;
	max-height: 620px
}

@media (min-width:768px) and (max-width:991px) {
	.flash--player.holiday-card embed {
		height: 50vw;
		margin: 2.5vw 0 15vw
	}
}

.flash--player.holiday-card .owl-carousel .owl-item img {
	display: block;
	margin: 0 auto
}

.share.is-float .share-copy.static,
.share:not(.is-float) .share-copy.float {
	display: none
}

.flash--player.holiday-card .owl-carousel .owl-controls .owl-next:hover,
.flash--player.holiday-card .owl-carousel .owl-controls .owl-prev:hover {
	background-color: rgba(0, 0, 0, .25)
}

.disclaimer {
	background-color: rgba(36, 37, 39, .95);
	bottom: 0;
	color: #fff;
	left: 0;
	max-height: calc(100vh - 70px);
	opacity: 0;
	padding: 10px 20px;
	position: fixed;
	right: 0;
	transform: translateY(100%);
	transition: transform 1s ease-in-out, opacity 1s ease-in-out;
	z-index: 100
}

.disclaimer.is-show {
	transform: translateY(0);
	opacity: 1
}

.disclaimer-icon {
	border-radius: 50%;
	border: 1px solid #fff;
	cursor: pointer;
	font-size: 20px;
	height: 35px;
	line-height: 35px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 15px;
	width: 35px
}

.disclaimer-title {
	font-size: 18px;
	font-weight: 700;
	margin: 10px 0 15px;
	padding: 0;
	width: 81%
}

.disclaimer-copy {
	word-break: break-word
}

[data-disclaimer] {
	color: #337ab7!important;
	cursor: pointer;
	font-size: 2.1rem!important;
	vertical-align: top
}

[data-disclaimer]:hover {
	color: #23527c!important
}

.share-button,
.share-button:active,
.share-button:focus,
.share-button:visited {
	color: #fff;
	outline: 0
}

body.scroll-block {
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0
}

.share.is-float {
	background-color: #fff;
	bottom: 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .5);
	left: 5%;
	opacity: 0;
	padding: 10px;
	position: fixed;
	right: 5%;
	text-align: center;
	transform: translateY(100%);
	z-index: 100
}

.share.is-float.is-animated {
	transition: transform .5s ease-in-out, opacity .5s ease-in-out
}

.share.is-float.is-show {
	opacity: 1;
	transform: translateY(0)
}

.share.dark .share-button {
	background-color: #2e2e2e
}

.share:not(.is-float) {
	padding: 10px 0
}

.share-button {
	background-color: #979797;
	border-radius: 50%;
	display: inline-block;
	font-size: 25px;
	height: 40px;
	line-height: 45px;
	margin: 0 7px;
	text-align: center;
	vertical-align: top;
	width: 40px
}

@media (max-width:767px) {
	.share-button {
		margin: 7px 2px;
		height: 35px;
		width: 35px;
		font-size: 20px;
		line-height: 40px
	}
}

.share-button:hover {
	color: rgba(255, 255, 255, .5)
}

.share-button.facebook {
	margin-left: 0;
	background-color: #027db9
}

.share-button.twitter {
	background-color: #28abe5
}

.share-button.google-plus {
	background-color: #de4c36
}

.share-copy {
	font-weight: 700;
	line-height: 40px
}

.share-copy.float {
	border-right: 1px solid #979797;
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 0 14px 0 0
}

.share-copy.static {
	display: block
}

.share-modal-container {
	bottom: 0;
	display: none;
	left: 0;
	opacity: 0;
	overflow-y: auto;
	position: fixed;
	right: 0;
	top: 70px;
	transition: opacity .5s ease-in-out;
	z-index: 1000
}

.share-modal,
.share-modal-input {
	position: relative;
	display: block
}

.share-modal-container.is-show {
	display: block
}

.share-modal-container.is-show.is-fadeIn {
	opacity: 1
}

.share-modal {
	background-color: #fff;
	margin: auto;
	max-width: 480px;
	padding: 2em 3em;
	pointer-events: initial
}

@media (max-width:767px) {
	.share-copy.float {
		line-height: 48px
	}
	.share-modal-container {
		bottom: 0;
		left: 0;
		right: 0;
		top: 60px;
		transform: none
	}
	.share-modal {
		bottom: 0;
		left: 0;
		max-width: initial;
		min-height: 100%;
		overflow: scroll;
		padding: 2em 1.5em;
		right: 0;
		top: 0;
		transform: none;
		width: 100%
	}
}

.share-modal-input {
	background-color: #e4e4e4;
	margin-bottom: 1em;
	padding: 20px 15px;
	font-size: 11px
}

.share-modal-input.is-error {
	border: 5px solid #f30000
}

.share-modal-input.is-error+.share-modal-error {
	display: block
}

.share-modal-input.is-error .share-modal-label {
	color: #f30000
}

.share-modal-input input,
.share-modal-input textarea {
	-webkit-box-shadow: 0 0 0 500px #e4e4e4 inset;
	background-color: transparent;
	border: none;
	font-size: 15px;
	outline: 0;
	resize: none;
	width: 100%
}

.share-modal-input input.is-dirty+label,
.share-modal-input input:focus+label,
.share-modal-input textarea.is-dirty+label,
.share-modal-input textarea:focus+label {
	font-size: .8em;
	line-height: 26px
}

.share-modal-error {
	color: #f30000;
	display: none;
	padding: 0 5px 10px
}

.share-modal-label {
	color: #777;
	left: 15px;
	line-height: 57px;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition: font-size .25s ease-out, line-height .25s ease-out
}

.share-modal-submit,
.share-notification {
	color: #fff;
	font-weight: 700;
	text-align: center
}

.share-modal-icon {
	font-size: 20px;
	cursor: pointer;
	position: absolute;
	right: 20px;
	top: 20px
}

.share-blocker,
.share-notification {
	position: fixed;
	top: 0;
	left: 0;
	right: 0
}

.share-modal-title {
	margin-bottom: 30px
}

.share-blocker {
	background-color: rgba(0, 0, 0, .5);
	bottom: 0;
	display: none;
	opacity: 0;
	transition: opacity .5s ease-in-out;
	z-index: 100
}

.share-blocker.is-show {
	display: block
}

.share-blocker.is-show.is-fadeIn {
	opacity: 1
}

.share-modal-submit {
	background-color: #0283cc;
	border: none;
	padding: 1em;
	width: 100%
}

.share-notification {
	background-color: #ccc;
	padding: 1.5em 1em;
	transform: translateY(-100%);
	transition: transform .5s ease-in-out;
	z-index: 4006
}

.share-notification.is-show {
	transform: translateY(0)
}

.share-notification.is-error {
	background-color: #e74c3c
}

.share-notification.is-success {
	background-color: #27ae60
}

.signupform-template {
	margin: 5rem auto 3rem;
	text-align: center
}

@media (max-width:767px) {
	.share-blocker {
		display: none!important
	}
	.signupform-template {
		margin: 2rem
	}
}

@media (min-width:768px) and (max-width:991px) {
	.signupform-template {
		padding: 0 5rem
	}
}

@media (min-width:992px) {
	.signupform-template {
		padding: 0 5rem
	}
}

@media (min-width:1281px) {
	.signupform-template {
		max-width: 110rem;
		padding: 0 5rem
	}
}

@media (min-width:1950px) {
	.signupform-template {
		margin: 5rem auto;
		padding: 0
	}
	.signupform-template .input-wrapper {
		max-width: 25rem
	}
}

.signupform-template.form-success-sent .form-confirmation {
	display: block
}

.signupform-template.form-success-sent .form-confirmation-failure,
.signupform-template.form-success-sent form {
	display: none
}

.signupform-template.form-failure-sent .form-confirmation-failure,
.signupform-template.form-failure-sent form {
	display: block
}

.signupform-template .form-confirmation,
.signupform-template .form-confirmation-failure,
.signupform-template.form-failure-sent .form-confirmation {
	display: none
}

.signupform-template .form-confirmation-failure {
	color: #8f8f8f
}

.signupform-template .form-confirmation-failure h4 {
	margin-top: 0;
	margin-bottom: 3px;
	font-size: 1.2em
}

.signupform-template .form-header .p1__header {
	color: #000
}

.signupform-template .form-header .form-description {
	font-family: AvenirNext-Regular;
	font-size: 2rem;
	line-height: 28px;
	margin: 0 auto 40px;
	padding-top: 1rem
}

.signupform-template .form-header .p1__text {
	color: #000;
	font-family: AvenirNext-Regular
}

.signupform-template .button-form {
	display: block;
	margin-top: 2.4rem
}

.signupform-template .button-form button {
	background-color: #ff4040;
	border-radius: 2.5rem;
	border: .2rem solid #ff4040;
	color: #fff;
	font-weight: 700;
	min-height: 3rem;
	padding: .75rem 2.2rem;
	transition: fill .3s, color .3s, background-color .3s;
	white-space: nowrap
}

.signupform-template .button-form button:hover {
	background-color: #fff;
	border: .2rem solid #ff4040;
	color: #ff4040
}

.signupform-template .input-wrapper {
	box-sizing: content-box;
	display: inline-block;
	margin: 1.5rem 0 0;
	position: relative;
	text-align: center;
	vertical-align: middle;
	width: 22%
}

@media (max-width:767px) {
	.signupform-template .input-wrapper {
		width: 100%
	}
}

@media (min-width:768px) and (max-width:991px),
(min-width:768px) and (max-width:991px) {
	.signupform-template .input-wrapper {
		margin: 1rem;
		width: 25%
	}
}

@media (min-width:1281px) {
	.signupform-template .input-wrapper {
		margin: .5rem
	}
}

.signupform-template .input-wrapper.double-size {
	width: 29%
}

@media (max-width:767px) {
	.signupform-template .input-wrapper.double-size {
		width: 100%
	}
}

@media (min-width:768px) and (max-width:991px),
(min-width:768px) and (max-width:991px) {
	.signupform-template .input-wrapper.double-size {
		width: 34%
	}
}

.signupform-template .input-wrapper.label-top label {
	transform: translate3d(0, 1rem, 0);
	transition: transform .25s
}

.signupform-template .input-wrapper.label-top label p {
	color: #3c7b0d
}

.signupform-template .input-wrapper.has-error .help-block {
	color: #e73a3a;
	display: block
}

.signupform-template .input-wrapper.has-error label,
.signupform-template .input-wrapper.has-error label p {
	color: #e73a3a
}

.signupform-template .input-wrapper input {
	background-color: transparent;
	border-bottom: .2rem solid;
	border-color: #e5e5e5;
	border-left: 0;
	border-right: 0;
	border-top: 0;
	clear: both;
	display: block;
	font-size: 1.3rem;
	height: 3.5rem;
	margin-bottom: 2rem;
	outline: 0;
	padding: 0 3.2rem;
	text-align: center;
	width: 100%
}

.signupform-template .input-wrapper input:focus {
	padding-right: 3.2rem
}

.signupform-template .input-wrapper input:focus~.clear-input {
	transform: translate3d(0, 2.9rem, 0) scale(1)
}

.signupform-template .input-wrapper label {
	bottom: 100%;
	left: 0;
	margin: 0;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	text-align: center;
	transform: translate3d(0, 3rem, 0);
	transition: transform .25s;
	width: 100%
}

.signupform-template .input-wrapper label p {
	color: #5cbf14;
	display: inline-block;
	font-family: AvenirNext-Bold;
	font-size: 1.2rem;
	letter-spacing: .05rem;
	line-height: 1.5rem;
	margin: 0;
	vertical-align: middle
}

.signupform-template .input-wrapper .help-block {
	bottom: 0;
	display: none;
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
	top: 70%;
	z-index: 1
}

.signupform-template .input-wrapper .clear-input {
	bottom: 100%;
	cursor: pointer;
	fill: #5cbf14;
	height: 2.5rem;
	margin: 0;
	overflow: hidden;
	position: absolute;
	right: .5rem;
	transform: translate3d(0, 2.9rem, 0) scale(0);
	transition: transform .45s;
	width: 2.5rem
}

.signupform-template .hidden-svg {
	display: none
}

.hero__secondarybrand .hero__logo {
	display: block;
	width: 75%;
	max-width: 300px;
	margin: 1.5rem auto .5rem
}

@media (min-width:768px) and (max-width:991px) {
	.hero__secondarybrand .hero__logo {
		max-width: 400px;
		margin-top: -1.5rem
	}
}

@media (min-width:992px) {
	.hero__secondarybrand .hero__body {
		padding-top: 120px!important
	}
	.hero__secondarybrand .hero__logo {
		max-width: 475px;
		margin-top: -1.5rem
	}
}

.hero__secondarybrand .hero__text {
	color: #242424;
	line-height: 1.35!important;
	margin: 2.5rem auto 12.5rem!important
}

.hero__secondarybrand .arrow-down {
	opacity: 0
}

@media (min-width:992px) {
	.hero__secondarybrand .hero__text {
		margin-bottom: 300px!important
	}
	.hero__secondarybrand .arrow-down {
		opacity: 1;
		bottom: 13.5rem
	}
}

.story.story--photo {
	padding-bottom: 2rem
}

.story.story--photo .story__logo {
	width: 53.75vw;
	height: 53.75vw
}

@media (min-width:768px) {
	.story.story--photo .story__logo {
		width: 30vw;
		height: 30vw;
		max-width: 285px;
		max-height: 285px
	}
}

.story.story--photo .story__header {
	margin-top: 2rem
}

.story.story--photo .story__subheading {
	margin-top: 1.55rem;
	margin-bottom: 2.5rem
}

.first.hero-advanced:nth-child(3) {
	padding-top: 0!important
}

.first.hero-advanced .hero-background-container {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 80vw
}

@media (min-width:1024px) {
	.first.hero-advanced .hero-background-container {
		height: 45vw
	}
}

.first.hero-advanced .welcome p {
	display: none
}

.first.hero-advanced .welcome .content {
	top: auto;
	bottom: 1.5rem;
	transform: none;
	padding: 0 5%;
	text-align: center;
	font-size: 1.2rem
}

@media (min-width:768px) {
	.first.hero-advanced .welcome .content {
		bottom: 3.5rem
	}
}

@media (min-width:992px) {
	.first.hero-advanced .welcome .content {
		bottom: 5.5rem
	}
}

.first.hero-advanced .welcome .content.left-hero-item {
	padding-right: 0
}

.first.hero-advanced .welcome .content.left-hero-item h1,
.first.hero-advanced .welcome .content.left-hero-item p {
	text-align: center
}

@media (min-width:550px) {
	.first.hero-advanced .hero-background-container {
		height: 45vw
	}
	.first.hero-advanced .welcome p {
		display: block
	}
	.first.hero-advanced .welcome .content.left-hero-item {
		width: 50%
	}
	.first.hero-advanced .welcome .content.left-hero-item h1,
	.first.hero-advanced .welcome .content.left-hero-item p {
		text-align: left
	}
}

.first.hero-advanced .welcome .content.right-hero-item {
	padding-left: 0;
	right: 0
}

.first.hero-advanced .welcome .content.right-hero-item h1,
.first.hero-advanced .welcome .content.right-hero-item p {
	text-align: center
}

.first.hero-advanced .welcome .content.top-hero-item {
	top: 7em
}

.first.hero-advanced .welcome .content.center-hero-item {
	bottom: 0;
	top: 65%;
	transform: translateY(-65%)
}

.first.hero-advanced .welcome .content.center-hero-item p {
	margin-bottom: 0
}

.first.hero-advanced.short .hero-background-container {
	height: 45vw
}

@media (min-width:550px) {
	.first.hero-advanced .welcome .content.right-hero-item {
		width: 50%
	}
	.first.hero-advanced .welcome .content.right-hero-item h1,
	.first.hero-advanced .welcome .content.right-hero-item p {
		text-align: right
	}
	.first.hero-advanced.short .hero-background-container {
		height: 25vw
	}
}

@media (min-width:1024px) {
	.first.hero-advanced.short .hero-background-container {
		height: 25vw
	}
}

.btn.btn--cta.btn--cta-pill {
	border: .2em solid #2198dc;
	color: #fff;
	border-radius: 2.5rem;
	padding: .75rem 2.2rem;
	display: inline-block;
	background-color: #2198dc;
	transition: fill .3s, color .3s, background-color .3s;
	font-size: 1.25rem
}

.btn.btn--cta.btn--cta-pill.black-and-white {
	border: .2em solid #000;
	color: #fff;
	background-color: #000
}

.btn.btn--cta.btn--cta-pill.black-and-white:hover {
	border-color: #000;
	color: #000;
	background-color: #fff
}

.btn.btn--cta.btn--cta-pill.red-and-white {
	border: .2em solid #cc0001;
	color: #fff;
	background-color: #cc0001
}

.btn.btn--cta.btn--cta-pill.red-and-white:hover {
	border-color: #cc0001;
	color: #cc0001;
	background-color: #fff
}

@media (min-width:992px) {
	.btn.btn--cta.btn--cta-pill {
		font-size: 1.45rem
	}
}

.btn.btn--cta.btn--cta-pill span {
	display: block;
	margin: 0 1.75rem
}

.btn.btn--cta.btn--cta-pill:hover {
	border-color: #2198dc;
	color: #2198dc;
	background-color: #fff
}

#components.marine-science-foundation .centered-text__header {
	color: #000;
	font-family: AvenirNext-Bold;
	font-size: 26px;
	letter-spacing: 1px;
	margin-bottom: 18px
}

#components.marine-science-foundation .centered-text__text {
	font-family: AvenirNext-Regular;
	font-size: 2rem;
	line-height: 28px;
	margin: 0 auto 40px;
	padding-top: 1rem
}

#components.marine-science-foundation .two-columns-panel2__body .column-panel__text {
	font-size: 18px
}

.StoryHeading,
.h4,
.h5,
.h6,
h4,
h5,
h6 {
	margin-top: 37px
}

@font-face {
	font-family: "Glyphicons Halflings";
	src: url(../../../../Areas/Honda_Homepage/fonts/glyphicons-halflings-regular.eot);
	src: url(../../../../Areas/Honda_Homepage/fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"), url(../../../../Areas/Honda_Homepage/fonts/glyphicons-halflings-regular.woff2) format("woff2"), url(../../../../Areas/Honda_Homepage/fonts/glyphicons-halflings-regular.woff) format("woff"), url(../../../../Areas/Honda_Homepage/fonts/glyphicons-halflings-regular.ttf) format("truetype"), url(../../../../Areas/Honda_Homepage/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg");
	text-rendering: optimizeLegibility
}