re/*
	Layout
*/

html {
	font-family: "Aktiv Grotesk W01", "Helvetica", "arial", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

@media (max-width: 1199px) and (min-width: 992px) {
	#wrapper {
		width: 100% !important;
	}
}

.column {
	float: left;
	width: 100%;
}

.column.float-right {
	float: right;
	-webkit-box-ordinal-group: 2;
	-webkit-order: 1;
	-moz-order: 1;
	-ms-flex-order: 1;
	order: 1;
}

.column.pad-top {
	padding-top: 16px;
}

.grid .column {
	padding-top: 16px;
}

.xs-offset-0 {
	margin-left: 0;
}

.xs-offset-right-0 {
	margin-right: 0;
}

.xs-1 {
	width: 8.33333%;
	max-width: 8.33333%;
}

.xs-offset-1 {
	margin-left: 8.33333%;
}

.xs-offset-right-1 {
	margin-right: 8.33333%;
}

.xs-2 {
	width: 16.66667%;
	max-width: 16.66667%;
}

.xs-offset-2 {
	margin-left: 16.66667%;
}

.xs-offset-right-2 {
	margin-right: 16.66667%;
}

.xs-3 {
	width: 25%;
	max-width: 25%;
}

.xs-offset-3 {
	margin-left: 25%;
}

.xs-offset-right-3 {
	margin-right: 25%;
}

.xs-4 {
	width: 33.33333%;
	max-width: 33.33333%;
}

.xs-offset-4 {
	margin-left: 33.33333%;
}

.xs-offset-right-4 {
	margin-right: 33.33333%;
}

.xs-5 {
	width: 41.66667%;
	max-width: 41.66667%;
}

.xs-offset-5 {
	margin-left: 41.66667%;
}

.xs-offset-right-5 {
	margin-right: 41.66667%;
}

.xs-6 {
	width: 50%;
	max-width: 50%;
}

.xs-offset-6 {
	margin-left: 50%;
}

.xs-offset-right-6 {
	margin-right: 50%;
}

.xs-7 {
	width: 58.33333%;
	max-width: 58.33333%;
}

.xs-offset-7 {
	margin-left: 58.33333%;
}

.xs-offset-right-7 {
	margin-right: 58.33333%;
}

.xs-8 {
	width: 66.66667%;
	max-width: 66.66667%;
}

.xs-offset-8 {
	margin-left: 66.66667%;
}

.xs-offset-right-8 {
	margin-right: 66.66667%;
}

.xs-9 {
	width: 75%;
	max-width: 75%;
}

.xs-offset-9 {
	margin-left: 75%;
}

.xs-offset-right-9 {
	margin-right: 75%;
}

.xs-10 {
	width: 83.33333%;
	max-width: 83.33333%;
}

.xs-offset-10 {
	margin-left: 83.33333%;
}

.xs-offset-right-10 {
	margin-right: 83.33333%;
}

.xs-11 {
	width: 91.66667%;
	max-width: 91.66667%;
}

.xs-offset-11 {
	margin-left: 91.66667%;
}

.xs-offset-right-11 {
	margin-right: 91.66667%;
}

.xs-12 {
	width: 100%;
	max-width: 100%;
}

.xs-offset-12 {
	margin-left: 100%;
}

.xs-offset-right-12 {
	margin-right: 100%;
}

@media only screen and (min-width: 768px) {
	.sm-offset-0 {
		margin-left: 0;
	}

	.sm-offset-right-0 {
		margin-right: 0;
	}

	.sm-1 {
		width: 8.33333%;
		max-width: 8.33333%;
	}

	.sm-offset-1 {
		margin-left: 8.33333%;
	}

	.sm-offset-right-1 {
		margin-right: 8.33333%;
	}

	.sm-2 {
		width: 16.66667%;
		max-width: 16.66667%;
	}

	.sm-offset-2 {
		margin-left: 16.66667%;
	}

	.sm-offset-right-2 {
		margin-right: 16.66667%;
	}

	.sm-3 {
		width: 25%;
		max-width: 25%;
	}

	.sm-offset-3 {
		margin-left: 25%;
	}

	.sm-offset-right-3 {
		margin-right: 25%;
	}

	.sm-4 {
		width: 33.33333%;
		max-width: 33.33333%;
	}

	.sm-offset-4 {
		margin-left: 33.33333%;
	}

	.sm-offset-right-4 {
		margin-right: 33.33333%;
	}

	.sm-5 {
		width: 41.66667%;
		max-width: 41.66667%;
	}

	.sm-offset-5 {
		margin-left: 41.66667%;
	}

	.sm-offset-right-5 {
		margin-right: 41.66667%;
	}

	.sm-6 {
		width: 50%;
		max-width: 50%;
	}

	.sm-offset-6 {
		margin-left: 50%;
	}

	.sm-offset-right-6 {
		margin-right: 50%;
	}

	.sm-7 {
		width: 58.33333%;
		max-width: 58.33333%;
	}

	.sm-offset-7 {
		margin-left: 58.33333%;
	}

	.sm-offset-right-7 {
		margin-right: 58.33333%;
	}

	.sm-8 {
		width: 66.66667%;
		max-width: 66.66667%;
	}

	.sm-offset-8 {
		margin-left: 66.66667%;
	}

	.sm-offset-right-8 {
		margin-right: 66.66667%;
	}

	.sm-9 {
		width: 75%;
		max-width: 75%;
	}

	.sm-offset-9 {
		margin-left: 75%;
	}

	.sm-offset-right-9 {
		margin-right: 75%;
	}

	.sm-10 {
		width: 83.33333%;
		max-width: 83.33333%;
	}

	.sm-offset-10 {
		margin-left: 83.33333%;
	}

	.sm-offset-right-10 {
		margin-right: 83.33333%;
	}

	.sm-11 {
		width: 91.66667%;
		max-width: 91.66667%;
	}

	.sm-offset-11 {
		margin-left: 91.66667%;
	}

	.sm-offset-right-11 {
		margin-right: 91.66667%;
	}

	.sm-12 {
		width: 100%;
		max-width: 100%;
	}

	.sm-offset-12 {
		margin-left: 100%;
	}

	.sm-offset-right-12 {
		margin-right: 100%;
	}
}

@media only screen and (min-width: 1025px) {
	.md-offset-0 {
		margin-left: 0;
	}

	.md-offset-right-0 {
		margin-right: 0;
	}

	.md-1 {
		width: 8.33333%;
		max-width: 8.33333%;
	}

	.md-offset-1 {
		margin-left: 8.33333%;
	}

	.md-offset-right-1 {
		margin-right: 8.33333%;
	}

	.md-2 {
		width: 16.66667%;
		max-width: 16.66667%;
	}

	.md-offset-2 {
		margin-left: 16.66667%;
	}

	.md-offset-right-2 {
		margin-right: 16.66667%;
	}

	.md-3 {
		width: 25%;
		max-width: 25%;
	}

	.md-offset-3 {
		margin-left: 25%;
	}

	.md-offset-right-3 {
		margin-right: 25%;
	}

	.md-4 {
		width: 33.33333%;
		max-width: 33.33333%;
	}

	.md-offset-4 {
		margin-left: 33.33333%;
	}

	.md-offset-right-4 {
		margin-right: 33.33333%;
	}

	.md-5 {
		width: 41.66667%;
		max-width: 41.66667%;
	}

	.md-offset-5 {
		margin-left: 41.66667%;
	}

	.md-offset-right-5 {
		margin-right: 41.66667%;
	}

	.md-6 {
		width: 50%;
		max-width: 50%;
	}

	.md-offset-6 {
		margin-left: 50%;
	}

	.md-offset-right-6 {
		margin-right: 50%;
	}

	.md-7 {
		width: 58.33333%;
		max-width: 58.33333%;
	}

	.md-offset-7 {
		margin-left: 58.33333%;
	}

	.md-offset-right-7 {
		margin-right: 58.33333%;
	}

	.md-8 {
		width: 66.66667%;
		max-width: 66.66667%;
	}

	.md-offset-8 {
		margin-left: 66.66667%;
	}

	.md-offset-right-8 {
		margin-right: 66.66667%;
	}

	.md-9 {
		width: 75%;
		max-width: 75%;
	}

	.md-offset-9 {
		margin-left: 75%;
	}

	.md-offset-right-9 {
		margin-right: 75%;
	}

	.md-10 {
		width: 83.33333%;
		max-width: 83.33333%;
	}

	.md-offset-10 {
		margin-left: 83.33333%;
	}

	.md-offset-right-10 {
		margin-right: 83.33333%;
	}

	.md-11 {
		width: 91.66667%;
		max-width: 91.66667%;
	}

	.md-offset-11 {
		margin-left: 91.66667%;
	}

	.md-offset-right-11 {
		margin-right: 91.66667%;
	}

	.md-12 {
		width: 100%;
		max-width: 100%;
	}

	.md-offset-12 {
		margin-left: 100%;
	}

	.md-offset-right-12 {
		margin-right: 100%;
	}
}

@media only screen and (min-width: 1240px) {
	.lg-offset-0 {
		margin-left: 0;
	}

	.lg-offset-right-0 {
		margin-right: 0;
	}

	.lg-1 {
		width: 8.33333%;
		max-width: 8.33333%;
	}

	.lg-offset-1 {
		margin-left: 8.33333%;
	}

	.lg-offset-right-1 {
		margin-right: 8.33333%;
	}

	.lg-2 {
		width: 16.66667%;
		max-width: 16.66667%;
	}

	.lg-offset-2 {
		margin-left: 16.66667%;
	}

	.lg-offset-right-2 {
		margin-right: 16.66667%;
	}

	.lg-3 {
		width: 25%;
		max-width: 25%;
	}

	.lg-offset-3 {
		margin-left: 25%;
	}

	.lg-offset-right-3 {
		margin-right: 25%;
	}

	.lg-4 {
		width: 33.33333%;
		max-width: 33.33333%;
	}

	.lg-offset-4 {
		margin-left: 33.33333%;
	}

	.lg-offset-right-4 {
		margin-right: 33.33333%;
	}

	.lg-5 {
		width: 41.66667%;
		max-width: 41.66667%;
	}

	.lg-offset-5 {
		margin-left: 41.66667%;
	}

	.lg-offset-right-5 {
		margin-right: 41.66667%;
	}

	.lg-6 {
		width: 50%;
		max-width: 50%;
	}

	.lg-offset-6 {
		margin-left: 50%;
	}

	.lg-offset-right-6 {
		margin-right: 50%;
	}

	.lg-7 {
		width: 58.33333%;
		max-width: 58.33333%;
	}

	.lg-offset-7 {
		margin-left: 58.33333%;
	}

	.lg-offset-right-7 {
		margin-right: 58.33333%;
	}

	.lg-8 {
		width: 66.66667%;
		max-width: 66.66667%;
	}

	.lg-offset-8 {
		margin-left: 66.66667%;
	}

	.lg-offset-right-8 {
		margin-right: 66.66667%;
	}

	.lg-9 {
		width: 75%;
		max-width: 75%;
	}

	.lg-offset-9 {
		margin-left: 75%;
	}

	.lg-offset-right-9 {
		margin-right: 75%;
	}

	.lg-10 {
		width: 83.33333%;
		max-width: 83.33333%;
	}

	.lg-offset-10 {
		margin-left: 83.33333%;
	}

	.lg-offset-right-10 {
		margin-right: 83.33333%;
	}

	.lg-11 {
		width: 91.66667%;
		max-width: 91.66667%;
	}

	.lg-offset-11 {
		margin-left: 91.66667%;
	}

	.lg-offset-right-11 {
		margin-right: 91.66667%;
	}

	.lg-12 {
		width: 100%;
		max-width: 100%;
	}

	.lg-offset-12 {
		margin-left: 100%;
	}

	.lg-offset-right-12 {
		margin-right: 100%;
	}
}

@media only screen and (min-width: 1600px) {
	.xl-offset-0 {
		margin-left: 0;
	}

	.xl-offset-right-0 {
		margin-right: 0;
	}

	.xl-1 {
		width: 8.33333%;
		max-width: 8.33333%;
	}

	.xl-offset-1 {
		margin-left: 8.33333%;
	}

	.xl-offset-right-1 {
		margin-right: 8.33333%;
	}

	.xl-2 {
		width: 16.66667%;
		max-width: 16.66667%;
	}

	.xl-offset-2 {
		margin-left: 16.66667%;
	}

	.xl-offset-right-2 {
		margin-right: 16.66667%;
	}

	.xl-3 {
		width: 25%;
		max-width: 25%;
	}

	.xl-offset-3 {
		margin-left: 25%;
	}

	.xl-offset-right-3 {
		margin-right: 25%;
	}

	.xl-4 {
		width: 33.33333%;
		max-width: 33.33333%;
	}

	.xl-offset-4 {
		margin-left: 33.33333%;
	}

	.xl-offset-right-4 {
		margin-right: 33.33333%;
	}

	.xl-5 {
		width: 41.66667%;
		max-width: 41.66667%;
	}

	.xl-offset-5 {
		margin-left: 41.66667%;
	}

	.xl-offset-right-5 {
		margin-right: 41.66667%;
	}

	.xl-6 {
		width: 50%;
		max-width: 50%;
	}

	.xl-offset-6 {
		margin-left: 50%;
	}

	.xl-offset-right-6 {
		margin-right: 50%;
	}

	.xl-7 {
		width: 58.33333%;
		max-width: 58.33333%;
	}

	.xl-offset-7 {
		margin-left: 58.33333%;
	}

	.xl-offset-right-7 {
		margin-right: 58.33333%;
	}

	.xl-8 {
		width: 66.66667%;
		max-width: 66.66667%;
	}

	.xl-offset-8 {
		margin-left: 66.66667%;
	}

	.xl-offset-right-8 {
		margin-right: 66.66667%;
	}

	.xl-9 {
		width: 75%;
		max-width: 75%;
	}

	.xl-offset-9 {
		margin-left: 75%;
	}

	.xl-offset-right-9 {
		margin-right: 75%;
	}

	.xl-10 {
		width: 83.33333%;
		max-width: 83.33333%;
	}

	.xl-offset-10 {
		margin-left: 83.33333%;
	}

	.xl-offset-right-10 {
		margin-right: 83.33333%;
	}

	.xl-11 {
		width: 91.66667%;
		max-width: 91.66667%;
	}

	.xl-offset-11 {
		margin-left: 91.66667%;
	}

	.xl-offset-right-11 {
		margin-right: 91.66667%;
	}

	.xl-12 {
		width: 100%;
		max-width: 100%;
	}

	.xl-offset-12 {
		margin-left: 100%;
	}

	.xl-offset-right-12 {
		margin-right: 100%;
	}
}

.justify-center {
  justify-content: center;
}

/**
* Header & Navigation
*/

.nav-prevent-click {
	pointer-events: none;
}

.nav-section-link b {
    font-weight: 900;
}

.nav-open body {
	overflow: hidden;
}

.nav-section-link h6 {
    font-weight: 500;
    color: #343642;
    font-size: 18px;
}

.white-bg #site-header p a:not(.btn),
.white-bg #site-header a:not(.btn),
.white-bg .topNav p a:not(.btn),
.white-bg .topNav a:not(.btn) {
  text-decoration: none;
}

@media only screen and (max-width: 1024px) {
	.hide-tablet {
		display: none !important;
	}
}

@media only screen and (min-width: 1025px) {
	.show-tablet {
		display: none !important;
	}
}

@media only screen and (max-width: 767px) {
	.hide-mobile {
		display: none !important;
	}
}

@media only screen and (min-width: 768px) {
	.show-mobile {
		display: none !important;
	}
}

.content-wrap h2 {
	text-transform: none;
}

.heading-block h1,
.heading-block h2,
.heading-block h3,
.heading-block h4 {
    text-transform: none !important;
}

#site-header {
	position: relative;
	z-index: 3;
	background: #FFFFFF;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	-webkit-align-items: stretch;
	-moz-align-items: stretch;
	align-items: stretch;
}

#branding {
	display: inline-block;
	margin: 10px auto 10px 30px;
	margin-right: auto;
}

#branding img {
	width: 163px;
	height: 64px;
}

@media only screen and (max-width: 767px) {
	#branding img {
		max-width: 100px;
		height: 40px;
	}
}

#branding .show-mobile {
	margin: 8px 0 0;
}

#main-nav-container {
	height: 84px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

@media only screen and (min-width: 1025px) {
	#main-nav-container {
		padding-right: 30px;
	}
}

@media only screen and (max-width: 767px) {
	#main-nav-container {
		height: 64px;
	}
}

#main-nav {
	list-style-type: none;
	padding: 0;
	margin: 0;
	height: 100%;
}

#main-nav li {
	position: relative;
	height: 100%;
	float: left;
	margin-right: 40px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
}

@media only screen and (max-width: 1599px) {
	#main-nav li {
		margin-right: 22px;
	}
}

@media screen and (max-width: 1261px) and (min-width: 1240px) {
	#main-nav li {
		margin-right: 15px;
	}
}

@media only screen and (max-width: 1239px) {
	#main-nav li {
		margin-right: 30px;
	}
}

#main-nav li:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #D31924;
	background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#main-nav li:after {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 0;
	background: #D31924;
	background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#main-nav li.active:before {
	height: 4px;
}

#main-nav li.current span,
#main-nav li.current a {
	font-weight: 400;
}

#main-nav:not(.open) li.current:after {
	height: 4px;
}

#main-nav span,
#main-nav a {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	line-height: 84px;
	color: #343642;
	cursor: pointer;
}

@media only screen and (max-width: 1599px) {

	#main-nav span,
	#main-nav a {
		font-weight: 300;
		font-size: 16px;
		line-height: 1.5em;
		letter-spacing: 0.03em;
		line-height: 84px;
	}
}

.in-english:after {
	content: "";
	background: url("//media.ciena.com/designimages/prx-in-english-icon.png") no-repeat 0 0;
	width: 15px;
	display: inline-block;
	height: 16px;
	margin-left: 5px;
}

.in-english.white:after {
	background: url("//media.ciena.com/designimages/prx-in-english-icon-white.png") no-repeat 0 0;
}

#site-search-container {
	width: 300px;
	margin-right: 20px;
	position: relative;
}

@media only screen and (max-width: 1239px) {
	#site-search-container {
		display: none;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #1C1E2A;
		z-index: 2;
	}
}

#site-search {
	position: relative;
}

@media only screen and (max-width: 1239px) {
	#site-search {
		height: 100%;
		padding: 0 40px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		-webkit-justify-content: flex-end;
		-moz-justify-content: flex-end;
		justify-content: flex-end;
	}
}

@media only screen and (max-width: 767px) {
	#site-search {
		padding: 0 15px;
	}
}

#site-search button {
	position: absolute;
	top: 50%;
	right: 15px;
	background: transparent;
	border: none;
	outline: none;
	z-index: 3;
	cursor: pointer;
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	#site-search button {
		right: 10px;
	}
}

#site-search button svg {
	width: 20px;
	height: 20px;
	fill: #1C1E2A;
	vertical-align: middle;
}

#search-input {
	position: relative;
	border-radius: 30px;
	padding: 1px;
}

@media only screen and (max-width: 1239px) {
	#search-input {
		width: 100%;
		max-width: 609px;
	}
}

#search-input:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 30px;
	z-index: 1;
	background: #D31924;
	background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
	background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
}

#search-input form {
	width: 100%;
}

#search-input input {
	background: #FFFFFF;
	border: none;
	height: 42px;
	width: 100%;
	padding: 10px 55px 10px 20px;
	outline: none;
	border-radius: 30px;
	position: relative;
	z-index: 2;
    font-size: 16px;
    color: #1C1E2A;
}

@media only screen and (max-width: 767px) {
	#search-input input {
		height: 38px;
		padding-right: 45px;
	}
}

.js-funnelback-suggestions-form {
	position: relative;
	z-index: 1;
	margin: 0 auto;
}

@media only screen and (min-width: 1240px) {
	.show-small-browser {
		display: none !important;
	}
}

#smart-search {
	background-color: #FFFFFF;
	position: absolute;
	top: 100%;
	right: 0;
	left: 0;
	width: 100%;
	margin-top: 30px;
	z-index: 2;
	padding: 10px 0;
	border: 1px solid #E4E5E6;
}

#smart-search .gray-triangle {
	border-color: transparent transparent #E4E5E6;
	border-style: solid;
	border-width: 0 21px 21px;
	height: 0;
	left: 19px;
	position: absolute;
	top: -21px;
	width: 0;
	z-index: 3002;
}

#smart-search .white-triangle {
	border-color: transparent transparent #FFFFFF;
	border-style: solid;
	border-width: 0 20px 20px;
	height: 0;
	left: 20px;
	position: absolute;
	top: -20px;
	width: 0;
	z-index: 3002;
}

#smart-search ul {
	margin: 0;
	padding: 0;
	border-top: 1px solid #E4E5E6;
}

#smart-search li {
	font-size: 15px;
	font-weight: 400;
	letter-spacing: 0.3px;
	list-style-type: none;
	text-align: left;
}

#smart-search a {
	color: #343642;
	padding: 5px 40px;
	display: block;
}

#smart-search a:hover {
	background-color: #EEEEEF;
}

@media only screen and (max-width: 767px) {
	#smart-search a {
		padding: 5px 20px;
	}
}

#smart-search div[class$="suggestions-loader"],
#smart-search div[class$="suggestions-error"],
#smart-search div[class$="suggestions-empty"],
#smart-search label {
	display: block;
	font-size: 12px;
	color: #E4E5E6;
	text-align: left;
	padding: 5px 40px;
}

@media only screen and (max-width: 767px) {

	#smart-search div[class$="suggestions-loader"],
	#smart-search div[class$="suggestions-error"],
	#smart-search div[class$="suggestions-empty"],
	#smart-search label {
		padding: 5px 20px;
	}
}

.mobile-search {
	cursor: pointer;
}

.mobile-search svg {
	width: 20px;
	height: 20px;
	fill: #1C1E2A;
}

.close-mobile-search {
	cursor: pointer;
	margin-left: 35px;
}

@media only screen and (max-width: 767px) {
	.close-mobile-search {
		margin-left: 15px;
	}
}

.close-mobile-search svg {
	width: 28px;
	height: 28px;
	fill: #FFFFFF;
}

@media only screen and (max-width: 1024px) {
	.close-mobile-search svg {
		width: 16px;
		height: 16px;
	}
}

#header-icons a {
	margin-left: 20px;
}

#header-icons svg {
	width: 20px;
	height: 20px;
}

#header-icons .phone {
	margin-top: 2px;
	fill: none;
	stroke: #343642;
	stroke-width: 2;
}

#header-icons .world {
	fill: #343642;
}

#header-icons .portal {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: #343642;
	stroke-width: 1.5;
}

section.slidedown-popup {
  top: 134px;
}

@media only screen and (max-width: 767px) {
  section.slidedown-popup {
    top: 110px;
  }
}


/* Tables */
table.spaced,
.no-webgl .view-3d+table.gray-bg {
	padding: 30px 0;
}

table.space-bottom {
	padding: 0 0 30px;
}

table.space-top {
	padding: 30px 0 0;
}

td {
	max-width: 290px;
}

.right-align,
.article-content .article-body table thead th.right-align {
	text-align: right;
}

/* Short Stack */
#short-stack-container {
	height: 84px;
	padding: 0 25px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

@media only screen and (max-width: 767px) {
	#short-stack-container {
		height: 60px;
	}
}

#short-stack-container.active {
	background: #1C1E2A;
}

#short-stack {
	position: relative;
	width: 22px;
	height: 14px;
	cursor: pointer;
}

#short-stack span,
#short-stack:before,
#short-stack:after {
	display: block;
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background: #343642;
}

#short-stack span {
	top: 50%;
	margin-top: -1px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#short-stack:before,
#short-stack:after {
	content: '';
	-webkit-transition: all 0.25s ease-in-out 0.2s;
	-moz-transition: all 0.25s ease-in-out 0.2s;
	-ms-transition: all 0.25s ease-in-out 0.2s;
	-o-transition: all 0.25s ease-in-out 0.2s;
	transition: all 0.25s ease-in-out 0.2s;
}

#short-stack:before {
	top: 0;
}

#short-stack:after {
	bottom: 0;
}

.active #short-stack span,
.active #short-stack:before,
.active #short-stack:after {
	background: #FFFFFF;
}

.active #short-stack span {
	-webkit-transition: all 0.25s ease-in-out 0.2s;
	-moz-transition: all 0.25s ease-in-out 0.2s;
	-ms-transition: all 0.25s ease-in-out 0.2s;
	-o-transition: all 0.25s ease-in-out 0.2s;
	transition: all 0.25s ease-in-out 0.2s;
}

.active #short-stack span:first-child {
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.active #short-stack span:last-child {
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.active #short-stack:before,
.active #short-stack:after {
	opacity: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.active #short-stack:before {
	top: 50%;
}

.active #short-stack:after {
	bottom: 50%;
}

/* Social Share */

.article-social {
  color: #FFFFFF;
  margin-bottom: 1rem;
}

.article-social.social-sidebar {
  margin-bottom: 40px;
}

.wide-social .article-social {
  padding: 30px 0;
}

.jssocials-share-count-box {
  width: 60px;
  position: static;
  height: 40px;
  background: #343642;
  margin: 0;
  display: block;
  text-align: center;
}

.jssocials-share-count-box:after {
  content: none;
}

.jssocials-share-count-box.jssocials-share-no-count {
  display: inline-block;
  position: relative;
}

.jssocials-share-count-box.jssocials-share-no-count .jssocials-share-count:after {
  content: '0';
  color: #FFFFFF;
}

.jssocials-share-count {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 40px;
}

.jssocials-share-email .jssocials-share-count-box {
  display: none;
}

.jssocials-share-twitter .jssocials-share-count-box {
  display: none;
}

.jssocials-shares {
  margin: 0;
}

.wide-social .jssocials-shares {
  padding: 0 45px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
}

@media only screen and (max-width: 500px) {
  .wide-social .jssocials-shares {
    padding: 0;
  }
}

.jssocials-share {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
}

.jssocials-share a {
  width: 100%;
}

.social-sidebar .jssocials-share {
  margin: 0 0 2px 0;
}

.wide-social .jssocials-share {
  width: 20%;
  margin: 0 0 0 16px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.wide-social .jssocials-share:first-child {
  margin: 0;
}

.jssocials-share a {
  color: #FFFFFF;
}

.jssocials-share.jssocials-share-email a {
  background: #2343B8;
  width: 100%;
}

.jssocials-share.jssocials-share-email a:hover, .jssocials-share.jssocials-share-email a:focus {
  background: #1C3592;
}

.jssocials-share.jssocials-share-twitter a {
  width: 100%;
  background: #005E80;
}

.jssocials-share-count-box .jssocials-share-count {
  color: #ffffff;
}

.social-bar .jssocials-shares {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
}

.jssocials-share-facebook .jssocials-share-link {
  background-color: #395693;
}

.jssocials-share-googleplus .jssocials-share-link {
  width: calc(100%);
}

.jssocials-share-googleplus .jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

.jssocials-share-linkedin .jssocials-share-link {
  width: calc(100%);
  background-color: #005E8A;
}

.jssocials-share-linkedin .jssocials-share-link:hover {
  background-color: #004261;
}

.jssocials-share-linkedin .jssocials-share-count-box.jssocials-share-no-count {
  display: none;
}

/* Nav Dropdown */
#nav-close {
	display: none;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 110px;
	background: #1C1E2A;
	cursor: pointer;
}

@media only screen and (max-width: 1239px) {
	#nav-close {
		width: 92px;
	}
}

#nav-close svg {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 28px;
	height: 28px;
	margin: -14px 0 0 -14px;
	fill: #FFFFFF;
}

#nav-dropdown {
	display: none;
	position: absolute;
	top: 84px;
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 2000;
}

#nav-dropdown p {
	margin: 0;
}

#dropdown-block-container {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% + 20px);
	height: 100%;
	z-index: 2;
	overflow-y: scroll;
}

#dropdown-block-container .great-place-banner {
	background-color: #FFFFFF;
	margin-bottom: 16px;
}

#dropdown-block-container .great-place-banner .badge-container {
	padding-left: 85px;
}

@media only screen and (max-width: 1360px) {
	#dropdown-block-container .great-place-banner .badge-container {
		padding-left: 60px;
	}
}

@media only screen and (max-width: 1239px) {
	#dropdown-block-container .great-place-banner .badge-container {
		padding-left: 40px;
	}
}

#dropdown-block-container .great-place-banner a {
	padding-right: 35px;
}

@media only screen and (max-width: 1360px) {
	#dropdown-block-container .great-place-banner a {
		padding-right: 15px;
	}
}

#dropdown-block-container .great-place-banner p {
	width: 50%;
	padding-top: 30px;
}

@media only screen and (max-width: 1360px) {
	#dropdown-block-container .great-place-banner p {
		padding-top: 20px;
	}
}

@media only screen and (max-width: 1239px) {
	#dropdown-block-container .great-place-banner p {
		font-size: 20px;
	}
}

#dropdown-block-container .great-place-banner .close {
	top: 5px;
	right: 15px;
}

.dropdown-block {
	display: none;
	float: left;
	padding: 40px 0;
	width: 100%;
	min-height: 100%;
	height: 100%;
	margin-right: -100%;
}

@media only screen and (max-width: 1360px) {
	.dropdown-block .container {
		width: 964px;
		padding: 0;
	}
}

#dropdown-backgrounds {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

#dropdown-backgrounds span {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

#dropdown-backgrounds span.fade-in {
	z-index: 2;
}

@media only screen and (min-width: 1025px) {
	#nav-products {
		background-image: url("http://media.ciena.com/designimages/prx-products-background-1000x510-v2.jpg");
	}
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
	#nav-products {
		background-image: url("http://media.ciena.com/designimages/prx-products-background-v2.jpg");
	}
}

@media only screen and (min-width: 1025px) {
	#nav-network-insights {
		background-image: url("http://media.ciena.com/designimages/prx-network-insights-background-1000x510-v2.jpg");
	}
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
	#nav-network-insights {
		background-image: url("http://media.ciena.com/designimages/prx-network-insights-background-v2.jpg");
	}
}

@media only screen and (min-width: 1025px) {
	#nav-next-step {
		background-image: url("http://media.ciena.com/designimages/prx-save-and-support-background-1000x510.jpg");
	}
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
	#nav-next-step {
		background-image: url("http://media.ciena.com/designimages/prx-save-and-support-background.jpg");
	}
}

@media only screen and (min-width: 1025px) {
	#nav-about-us {
		background-image: url("http://media.ciena.com/designimages/prx-nav-about-us-background-1000x510.jpg");
	}
}

@media only screen and (min-width: 1025px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-width: 1025px) and (min-resolution: 2dppx) and (min-width: 320px) {
	#nav-about-us {
		background-image: url("http://media.ciena.com/designimages/prx-nav-about-us-background.jpg");
	}
}

.nav-header {
	margin-bottom: 20px;
}

.nav-header a {
	display: block;
	position: relative;
	font-weight: 200;
	font-size: 24px;
	line-height: 1.3em;
	letter-spacing: 0.01em;
	color: #FFFFFF;
	padding-right: 55px;
	padding-left: 15px;
}

@media only screen and (max-width: 1599px) {
	.nav-header a {
		font-size: 20px;
	}
}

.nav-header span {
	font-weight: 400;
}

.nav-header .svg-icon {
	width: 38px;
	height: 38px;
	background: #fff;
	display: inline-block;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.nav-header svg {
	height: 15px;
	width: 15px;
	stroke: #284ED2;
	stroke-width: 2px;
	position: absolute;
	top: 32%;
	left: 35%;
}

.nav-row+.nav-row {
	margin-top: 16px;
}

.nav-block-wrapper {
	width: 743px;
	height: 691px;
	background-color: #6B7085;
	padding: 15px 10px 10px;
	float: left;
}

@media only screen and (max-width: 1360px) {
	.nav-block-wrapper {
		width: 552px;
	}
}

.nav-block-wrapper .nav-block {
	margin-bottom: 0;
}

.nav-block-wrapper .nav-block+.nav-block {
	margin: 10px 0 0;
}

.nav-block-wrapper .nav-title a {
	padding: 20px 10px 0 0px;
}

@media only screen and (max-width: 1360px) {
	.nav-block-wrapper .nav-box.narrow {
		width: 45px;
	}
}

.nav-block-wrapper .nav-box-child li {
	margin: 0;
}

.nav-block-wrapper .nav-box-child li a {
	justify-content: flex-start;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}

@media only screen and (max-width: 1360px) {
	.nav-block-wrapper .nav-box-child li a span {
		font-size: 15px;
	}
}

.nav-block-wrapper .nav-box-child li a svg {
	margin: 0 0 0 15px;
	padding: 0;
}

.nav-block-wrapper .nav-box-child li.list-head {
	margin: 0 0 8px;
	white-space: nowrap;
}

@media only screen and (max-width: 1360px) {
	.nav-block-wrapper .nav-box-child li.list-head {
		margin: 0 0 5px;
	}
}

.nav-block-wrapper .nav-box-child li.list-head.list-separator {
	margin: 15px 0 8px;
}

.nav-block-wrapper .nav-box-child li.list-head a {
	display: flex;
}

.nav-block-wrapper .nav-box-child li.list-head span {
	font-size: 21px;
}

@media only screen and (max-width: 1360px) {
	.nav-block-wrapper .nav-box-child li.list-head span {
		font-size: 18px;
	}
}

.wrapper-201 {
	width: 201px;
	margin: 0 0 0 16px;
}

@media only screen and (max-width: 1360px) {
	.wrapper-201 {
		width: 150px;
	}
}

.wrapper-201 .box-201+.box-201 {
	margin: 16px 0 0;
}

.nav-block-title {
	font-weight: 300;
	letter-spacing: 0;
	display: flex;
	justify-content: center;
	font-size: 24px;
	color: #FFFFFF;
	line-height: 1em;
	margin-bottom: 10px;
}

.nav-block {
	float: left;
}

.nav-block+.nav-block {
	margin-left: 16px;
}

.nav-block.half-large,
.nav-block.half-full {
	width: 635px;
}

@media only screen and (max-width: 1360px) {

	.nav-block.half-large,
	.nav-block.half-full {
		width: 474px;
	}
}

.nav-block.half-full .nav-box {
	width: 100%;
}

.nav-block.half-full .nav-box a {
	display: inline;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 0;
}

.nav-block.half-small {
	width: 309px;
}

@media only screen and (max-width: 1360px) {
	.nav-block.half-small {
		width: 229px;
	}
}

.nav-block.two-thirds {
	width: 960px;
}

@media only screen and (max-width: 1360px) {
	.nav-block.two-thirds {
		width: 719px;
	}
}

.nav-block.two-thirds-852 {
	width: 852px;
}

@media only screen and (max-width: 1360px) {
	.nav-block.two-thirds-852 {
		width: 638px;
	}
}

.nav-block.one-third {
	width: 309px;
}

@media only screen and (max-width: 1360px) {
	.nav-block.one-third {
		width: 229px;
	}
}

.nav-block .insight-sum:hover {
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}

.nav-block .nav-space-left {
	margin-left: 16px;
}

.nav-block.nav-space-bottom {
	margin-bottom: 16px;
}

.nav-block .nav-product-box .nav-box-child {
	height: 376px;
}

@media only screen and (max-width: 1599px) {
	.nav-block .nav-product-box .nav-box-child {
		height: 244px;
	}
}

@media only screen and (max-width: 1599px) {
	.nav-block .nav-product-box .nav-box-child .center-nav-image {
		padding: 0 40px;
	}
}

@media only screen and (max-width: 1360px) {
	.nav-block .nav-product-box .nav-box-child .center-nav-image {
		padding: 0 10px;
	}
}

.nav-block .nav-product-box .nav-box-child .nav-product-image {
	padding: 0;
}

@media only screen and (max-width: 1360px) {
	.nav-block .nav-product-box .nav-box-child .nav-product-image {
		padding: 0 15px;
	}
}

.nav-block .nav-product-box .nav-box-child .nav-product-name {
	margin: 10px 0 0;
	padding: 0 30px;
	text-align: left;
}

@media only screen and (max-width: 1599px) {
	.nav-block .nav-product-box .nav-box-child .nav-product-name {
		padding: 0;
	}
}

@media only screen and (max-width: 1360px) {
	.nav-block .nav-product-box .nav-box-child .nav-product-name {
		padding: 0 20px;
	}
}

.nav-box-top-spacer {
	margin-top: 16px;
}

.nav-box {
	float: left;
	width: 217px;
}

@media only screen and (max-width: 1360px) {
	.nav-box {
		width: 163px;
	}
}

.nav-box.thirds {
	width: 208px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.thirds {
		width: 155px;
	}
}

.nav-box.thirds a {
	padding: 20px 30px;
}

.nav-box.border-left {
	border-left: 1px solid #E4E5E6;
}

.nav-box.wide {
	width: 326px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.wide {
		width: 245px;
	}
}

.nav-box.narrow {
	width: 91px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.narrow {
		width: 66px;
	}
}

.nav-box.mid-narrow {
	width: 54px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.mid-narrow {
		width: 30px;
	}
}

.nav-box.mid-narrow .nav-box-child svg {
	margin: 0 0 0 7px;
}

.nav-box.full {
	width: 100%;
}

.nav-box.half {
	width: 50%;
}

.nav-box.over-half {
	width: 370px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.over-half {
		width: 288px;
	}
}

.nav-box.over-half-leftover {
	width: 265px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.over-half-leftover {
		width: 186px;
	}
}

.nav-box.box-201 {
	width: 201px;
	height: 100%;
}

@media only screen and (max-width: 1360px) {
	.nav-box.box-201 {
		width: 150px;
	}
}

.nav-box.box-256 {
	width: 256px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.box-256 {
		width: 200px;
	}
}

.nav-box.box-257 {
	width: 257px;
	height: 100%;
	background-size: cover;
}

.nav-box.box-310 {
	width: 310px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.box-310 {
		width: 230px;
	}
}

.nav-box.box-430 {
	width: 430px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.box-430 {
		width: 337px;
	}
}

.nav-box.box-432 {
	background-size: cover;
	height: 100%;
	width: 432px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.box-432 {
		width: 364px;
	}
}

.nav-box.box-595 {
	width: 595px;
	height: 100%;
}

.nav-box.box-852 {
	height: 100%;
	width: 852px;
}

@media only screen and (max-width: 1360px) {
	.nav-box.box-852 {
		width: 600px;
	}
}

.nav-box.box-852 svg {
	stroke: #ffffff;
	stroke-width: 1px;
	margin: 0;
	position: absolute;
	left: 135px;
	top: 50%;
	transform: translateY(-40%);
}

.nav-box a {
	display: block;
	height: 100%;
}

.nav-box .left-spacing {
	padding-left: 30px;
	display: block;
}

.nav-box-child {
	height: 188px;
	overflow: hidden;
}

@media only screen and (max-width: 1599px) {
	.nav-box-child {
		height: 122px;
	}
}

.nav-box-child.align-top a {
	padding: 20px 10px 0 0px;
}

.nav-box-child.insights-box {
	height: 295px;
}

.nav-box-child.insights-box li {
	margin: 0;
}

.nav-box-child.short-81 {
	height: 81px;
}

.nav-box-child.short-91 {
	height: 91px;
}

.nav-box-child.short-120 {
	height: 120px;
}

.nav-box-child.short-120 span {
	position: absolute;
}

.nav-box-child.short-120 .post-title {
	font-size: 20px;
}

.nav-box-child.short-120 a.btn {
	font-size: 17px;
	display: inline;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 20px;
	height: auto;
	margin: 0;
	padding: 9px 20px;
}

.nav-box-child.short-102 {
	height: 102px;
}

.nav-box-child.short-106 {
	height: 106px;
}

.nav-box-child.short-122 {
	height: 122px;
}

.nav-box-child.short-125 {
	height: 125px;
}

.nav-box-child.short-137 {
	height: 137px;
}

.nav-box-child.short-140 {
	height: 140px;
}

.nav-box-child.short-142 {
	height: 142px;
}

.nav-box-child.short-146 {
	height: 146px;
}

.nav-box-child.short-155 {
	height: 155px;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.nav-box-child.short-155 img {
	max-width: 100%;
	height: auto;
	flex-shrink: 0;
	min-width: 100%;
	min-height: 100%;
}

.nav-box-child.short-164 {
	height: 164px;
}

.nav-box-child.short-172 {
	height: 172px;
}

.nav-box-child.tall-335 {
	height: 335px;
}

.nav-box-child.tall-350 {
	height: 350px;
}

.nav-box-child.tall-552 {
	height: 552px;
}

.nav-box-child ul {
	margin: 22px 10px 20px 15px;
	padding: 0;
}

@media only screen and (max-width: 1360px) {
	.nav-box-child ul {
		margin: 17px 10px 20px 15px;
	}
}

.nav-box-child ul.nav-list {
	margin: 12px 10px 10px 15px;
}

@media only screen and (max-width: 1360px) {
	.nav-box-child ul.nav-list {
		margin: 10px 10px 12px 15px;
	}
}

.nav-box-child ul.nav-list li {
	margin: 0;
}

.nav-box-child li {
	list-style: none;
	margin-bottom: 3px;
}

.nav-box-child:not(.nav-title) {
	background: #FFFFFF;
}

.nav-box-child:not(.nav-title) a {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
	font-weight: 300;
	font-size: 22px;
	line-height: 1.3em;
	letter-spacing: 0.01em;
	color: #343642;
	font-size: 16px;
}

.nav-box-child:not(.nav-title) a.left-align {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	-webkit-justify-content: flex-start;
	-moz-justify-content: flex-start;
	justify-content: flex-start;
}

.nav-box-child:not(.nav-title) a.left-align img {
	height: 100%;
	width: auto;
}

.nav-box-child:not(.nav-title) strong {
	display: block;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

.nav-box-child+.nav-box-child {
	border-top: 1px solid #E4E5E6;
}

.nav-box-child.tall {
	height: 376px;
}

@media only screen and (max-width: 1599px) {
	.nav-box-child.tall {
		height: 244px;
	}
}

.nav-box-child.short {
	height: 180px;
}

@media only screen and (max-width: 1599px) {
	.nav-box-child.short {
		height: 114px;
	}
}

.nav-box-child .center-align {
	padding: 0 10px;
}

.nav-box-child.left-align {
	align-items: flex-start;
	justify-content: flex-start;
}

.nav-box-child.left-align a {
	align-items: flex-start;
	justify-content: flex-start;
	padding-left: 0;
	white-space: normal;
}

.nav-box-child.left-align a.full-width {
	width: 100%;
	align-items: center;
}

.nav-box-child.left-align span {
	padding: 0;
}

.nav-box-child .center-text {
	padding: 0 10px;
}

.nav-box-child a {
	position: relative;
}

.nav-box-child a:before {
	display: block;
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	background: rgba(28, 30, 42, 0.05);
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.nav-box-child a:hover:before {
	opacity: 1;
}

.nav-box-child .nav-cta {
	font-size: 17px;
	display: inline;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 15px;
	height: auto;
	margin: 0;
	padding: 9px 20px;
}

.nav-box-child small {
	font-size: 14px;
	font-weight: 400;
	color: #80828C;
}

@media only screen and (max-width: 1599px) {
	.nav-box-child small {
		font-size: 12px;
	}
}

.nav-box-child svg {
	display: block;
	width: 15px;
	height: 15px;
	stroke: #284ED2;
	stroke-width: 2px;
	margin: 0 auto 10px;
}

.nav-box-child.single {
	height: 376px;
}

.nav-article-box-horiz .nav-box-child a {
	display: block;
	padding: 20px;
}

.nav-article-box-horiz .category .cat-icon {
	margin: 0;
	display: inline-block;
	fill: #00bc94;
	width: 20px;
	height: 20px;
	stroke: none;
	margin-right: 10px;
}

.nav-article-box-horiz .category span {
	position: static;
}

.nav-article-box-horiz .post-title {
	line-height: 1.3em;
	margin-top: 5px;
}

.nav-title+.nav-title {
	border-color: rgba(28, 30, 42, 0.3);
}

.nav-title a,
.nav-title span {
	padding: 30px 55px 0 20px;
	font-weight: 200;
	font-size: 26px;
	line-height: 1.3em;
	color: #FFFFFF;
}

@media only screen and (max-width: 1599px) {

	.nav-title a,
	.nav-title span {
		font-size: 21px;
		padding: 30px 25px 0 30px;
	}
}

@media only screen and (max-width: 1360px) {

	.nav-title a,
	.nav-title span {
		font-size: 17px;
		padding: 25px 10px 0 15px;
	}
}

.nav-title a:before,
.nav-title span:before {
	background: rgba(28, 30, 42, 0.1);
}

.nav-title span {
	position: relative;
	z-index: 10;
	font-weight: 200;
	font-size: 26px;
	line-height: 1.3em;
	padding: 0 0 0 20px;
}

.center-nav-image {
	text-align: center;
}

@media only screen and (min-width: 1600px) {
	.center-nav-image br {
		display: none;
	}
}

@media only screen and (max-width: 1599px) {
	.center-nav-image:not(.stacked-center-nav-image) {
		text-align: left;
		width: 245px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		-moz-align-items: center;
		align-items: center;
	}

	.center-nav-image:not(.stacked-center-nav-image) .nav-product-name {
		width: 108px;
	}
}

.nav-product-image {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	-moz-justify-content: center;
	justify-content: center;
}

@media only screen and (min-width: 1600px) {
	.nav-product-image {
		height: 110px;
		margin-bottom: 10px;
		padding: 0 60px;
	}

	.nav-product-image img {
		max-height: 100%;
		width: auto;
	}
}

@media only screen and (max-width: 1599px) {
	.nav-product-image {
		width: 137px;
	}
}

.nav-article-box {
	height: 376px;
}

@media only screen and (max-width: 1599px) {
	.nav-article-box {
		height: 244px;
	}

	.nav-article-box .insight-sum.thumb {
		padding-bottom: 122px;
	}

	.nav-article-box .insight-sum.thumb:hover .excerpt {
		top: 50%;
	}

	.nav-article-box .insight-sum.thumb:hover .excerpt p {
		opacity: 0;
		visibility: hidden;
	}

	.nav-article-box .insight-sum.thumb .excerpt {
		padding: 15px;
		top: 122px;
	}

	.nav-article-box .insight-sum .category {
		margin-bottom: 10px;
	}

	.nav-article-box .insight-sum .post-title {
		font-size: 17px;
	}

	.nav-article-box .insight-sum .thumbnail,
	.nav-article-box .insight-sum .excerpt {
		min-height: 122px;
	}
}

@media only screen and (max-width: 1360px) {
	.nav-article-box .insight-sum .post-title {
		font-size: 15px;
	}
}

#dropdown-footer {
	text-align: center;
	padding-bottom: 30px;
}

#dropdown-footer.fixed {
	position: fixed;
	width: 100%;
	left: 0;
	bottom: 0;
}

#dropdown-footer a {
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	color: #FFFFFF;
}

@media only screen and (max-width: 1599px) {
	#dropdown-footer a {
		font-size: 16px;
	}
}

#dropdown-footer a+a {
	margin-left: 80px;
}

/* Redesign 2018-specific edits */
.nav-update-2018 .nav-header a {
	display: inline-block;
}

.nav-update-2018 .nav-box.one-third {
	width: 209px;
}

@media only screen and (max-width: 1360px) {
	.nav-update-2018 .nav-box.one-third {
		width: 155px;
	}
}

.nav-update-2018 .nav-box.one-third .nav-box-child.nav-title a {
	padding-top: 20px;
	width: 100%;
}

.nav-update-2018 .nav-box.one-third-adjusted {
	width: 209px;
}

@media only screen and (max-width: 1360px) {
	.nav-update-2018 .nav-box.one-third-adjusted {
		width: 142px;
	}
}

.nav-update-2018 .nav-box.extra-narrow {
	width: 15px;
}

.nav-update-2018 .nav-box.extra-narrow svg {
	width: 15px;
	height: 15px;
}

.nav-update-2018 .nav-box.one-third-wide {
	width: 248px;
}

@media only screen and (max-width: 1360px) {
	.nav-update-2018 .nav-box.one-third-wide {
		width: 155px;
	}
}

.nav-update-2018 .nav-box.one-third-wide span {
	padding: 0 20px 0 15px;
	line-height: 1.2em;
	display: block;
}

.nav-update-2018 .nav-box.one-third-short {
	width: 155px;
}

@media only screen and (max-width: 1360px) {
	.nav-update-2018 .nav-box.one-third-short {
		width: 140px;
	}
}

.nav-update-2018 .nav-box.vertical-gradient {
	width: 25px;
}

.nav-update-2018 .nav-box.vertical-gradient .nav-box-child.short-155 {
	height: 155px;
	background: transparent;
}

.nav-update-2018 .nav-box.one-fourth {
	width: 230px;
}

@media only screen and (max-width: 1360px) {
	.nav-update-2018 .nav-box.one-fourth {
		width: 174px;
	}
}

.nav-update-2018 .nav-box.one-fourth a {
	padding: 0 0 0 25px;
	width: 100%;
}

@media only screen and (max-width: 1360px) {
	.nav-update-2018 .nav-box.one-fourth a {
		padding: 0 0 0 15px;
	}
}

.nav-update-2018 .nav-box.one-fourth a span {
	font-size: 22px;
}

.nav-update-2018 .nav-title .box-852 span {
	padding: 0 0 0 20px;
}

.nav-update-2018 .nav-title span {
	font-size: 24px;
	display: inline-block;
	padding: 0 0 0 15px;
}

@media only screen and (max-width: 1360px) {
	.nav-update-2018 .nav-title span {
		max-width: 300px;
		font-size: 19px;
	}
}

.nav-update-2018 .nav-title.white-bg span {
	color: #343642;
}

.nav-update-2018 .thumbnail {
	background-size: cover;
	background-position: center;
	padding: 0;
}

.nav-update-2018 .dark {
	color: #343642;
}

.nav-update-2018 .insights-nav-featured-wrapper {
	margin-bottom: 0;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-title span {
	font-size: 33px;
	line-height: 1em;
	display: block;
	position: absolute;
	top: 30px;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content {
	font-size: 18px;
	padding: 35px 15px 0;
	line-height: 1.3em;
	font-weight: 300;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content span {
	font-size: 18px;
	padding: 0;
	font-weight: 500;
}

.nav-update-2018 .insights-nav-featured-wrapper .featured-content .btn {
	/* revisit this. it doesn't seem right. */
	font-size: 18px;
	display: flex;
	width: auto;
	padding: 9px 20px;
	max-width: 150px;
	justify-content: center;
	margin: 30px 0 0;
	font-weight: 400;
	border: 2px solid #FFFFFF;
	letter-spacing: 0;
}

/* Mobile Nav */
#mobile-nav-container {
	display: none;
	position: fixed;
	top: 84px;
	right: 0;
	bottom: 0;
	left: 0;
	background: #1C1E2A;
	z-index: 9999;
	overflow-x: hidden;
}

.white-bg .bp-gray .mobile-nav a {
    color: #fff;
}

@media only screen and (max-width: 767px) {
	#mobile-nav-container {
		top: 60px;
	}
}

.mobile-nav a[href=""] {
    pointer-events: none;
}

.mobile-nav a[href=""] b {
    font-weight: 900;
}

.mobile-nav a[href=""]:empty {
    display: none;
}

.mobile-nav-block {
	position: absolute;
	top: 0;
	left: 100%;
	width: 100%;
	height: 100%;
	padding-bottom: 20px;
	overflow-y: scroll;
	background: #1C1E2A;
}

.mobile-nav-block::-webkit-scrollbar {
	display: none;
}

.mobile-nav-block:first-child {
	left: 0;
}

.mobile-nav-block a,
.mobile-nav-block span {
	padding-left: 15px;
}

.mobile-nav a,
.mobile-nav span {
	position: relative;
	display: block;
	padding-top: 25px;
	padding-bottom: 25px;
	font-weight: 300;
	font-size: 18px;
	line-height: 1.4em;
	letter-spacing: 0.02em;
	color: #FFFFFF;
	border-bottom: 1px solid #282A36;
}

.mobile-nav a.alt-color,
.mobile-nav a.back,
.mobile-nav span.alt-color,
.mobile-nav span.back {
	color: #80828C;
}

.mobile-nav a:before,
.mobile-nav span:before {
	display: block;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: #1C1E2A;
}

.mobile-nav a svg,
.mobile-nav span svg {
	width: 10px;
	height: 10px;
	fill: #FFFFFF;
	margin: 0 0 0 10px;
	display: inline-block;
}

.mobile-nav .chevron {
	width: 16px;
	height: 16px;
	stroke: #545868;
	stroke-width: 2px;
}

.mobile-nav .chevron-right {
	position: absolute;
	right: 15px;
	top: 50%;
	-moz-transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}

.mobile-nav .chevron-left {
	margin-right: 15px;
}

.mobile-nav strong {
	font-weight: 500;
}

.mobile-nav .phone {
	width: 20px;
	height: 20px;
	stroke: #545868;
	stroke-width: 1.5px;
	fill: none;
	margin-right: 20px;
}

.mobile-nav .world {
	width: 20px;
	height: 20px;
	fill: #545868;
	margin-right: 20px;
}

.mobile-nav-sublinks {
	list-style-type: none;
	margin: 35px 0 0;
	padding: 0;
}

.mobile-nav-sublinks li+li {
	margin-top: 25px;
}

.mobile-nav-sublinks a {
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	color: #80828C;
}


#message-bar {
    background-color: #0075c0;
}

/*
	CBP Product Page Updates
*/

.video-component {
    padding: 0 0 70px;
}

.video-summary {
    font-size: 18px;
    font-weight: 300;
}


/* CBP Promo Banner */

#content .cbp-one-col-wrapper.one-col-row.cbp-promo {
    padding: 20px 15px;
}

#content .cbp-one-col-wrapper.one-col-row.cbp-promo.white-space {
  margin-bottom: 100px;
}

@media only screen and (max-width: 1024px) {
  #content .cbp-one-col-wrapper.one-col-row.cbp-promo.white-space {
    margin-bottom: 50px;
  }
}

.cbp-promo .row {
    float: none;
}

.partner-contract-documents #content .content-wrap {
  padding-bottom: 0;
}

/* CBP Accordion */

.cbp-accordion .content-show-area {
  height: 100%;
  width: 100%;
}
.cbp-accordion .content-show-area .content-show-item {
  height: 100%;
  width: 100%;
  padding: 15% 16%;
}

@media only screen and (min-width: 1024px) {
  .cbp-accordion .content-show-area .content-show-item {
    padding: 50px 20px;
  }
}

.cbp-accordion .nav-align-left {
    flex-direction: row-reverse;
}

.cbp-accordion .nav-align-left .column:first-child {
  padding-left: 20px;
}

.cbp-accordion .nav-align-right .column:first-child {
  padding-right: 20px;
}

@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .content-show-item {
    padding: 5% 10%;
  }
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-show-area .content-show-item .btn-container {
    margin: 5% auto 0;
  }
  .cbp-accordion .nav-align-left, .cbp-accordion .nav-align-right {
    display: flex;
    flex-direction: column-reverse;
  }
  .cbp-accordion .nav-align-left .column:first-child {
    padding-left: 0;
  }
  .cbp-accordion .nav-align-right .column:first-child {
    padding-right: 0;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .content-show-item .btn-container .btn {
    padding: 9px 15px;
    font-size: 12px;
  }
}
.cbp-accordion .content-show-area .three-col-box-grid {
  margin: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 12% 10%;
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-show-area .three-col-box-grid {
    padding: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-grid {
    padding: 6% 0;
  }
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-show-area .three-col-box-grid .btn-container {
    margin: 0 auto;
  }
}
.cbp-accordion .content-show-area .three-col-box-item {
  list-style: none;
  width: 33%;
  text-align: center;
  margin: 0;
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-show-area .three-col-box-item {
    margin: 0 0 5%;
  }
}
.cbp-accordion .content-show-area .three-col-box-item span {
  display: block;
  font-size: 18px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-item span {
    font-size: 14px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .three-col-box-item span {
    font-size: 10px;
  }
}
.cbp-accordion .content-show-area .three-col-box-item .box-grid-title {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2em;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-item .box-grid-title {
    font-size: 24px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .three-col-box-item .box-grid-title {
    font-size: 20px;
  }
}
.cbp-accordion .content-show-area .three-col-box-item .svg-icon {
  max-width: 70px;
  max-height: 60px;
  margin: 0 auto 10px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-item .svg-icon {
    max-width: 50px;
    max-height: 40px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .three-col-box-item .svg-icon {
    max-width: 50px;
    max-height: 40px;
  }
}
.cbp-accordion .content-show-area .three-col-box-item .svg-icon svg {
  max-width: 70px;
  max-height: 60px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .three-col-box-item .svg-icon svg {
    max-width: 50px;
    max-height: 40px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .three-col-box-item .svg-icon svg {
    max-width: 50px;
    max-height: 40px;
  }
}
.cbp-accordion .content-show-area .content-grouping {
  display: flex;
  flex-direction: row;
  padding-top: 20px;
}
.cbp-accordion .content-show-area .content-grouping span {
  font-weight: 300;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
  max-width: 250px;
  padding-right: 20px;
}
.cbp-accordion .content-show-area .content-grouping span:last-child {
  padding-right: 0;
}
@media only screen and (max-width: 1239px) {
  .cbp-accordion .content-show-area .content-grouping span {
    font-size: 18px;
  }
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .content-grouping span {
    font-size: 16px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .content-grouping span {
    padding-right: 10px;
    font-size: 14px;
  }
}
.cbp-accordion .content-show-area .content-grouping span.category {
  font-weight: 500;
  letter-spacing: 0;
}
.cbp-accordion .content-show-area .content-grouping span.category.white {
  color: #fff;
}
.cbp-accordion .content-show-area .content-grouping span a {
  display: block;
  font-size: 20px;
  line-height: 1.2em;
  color: #fff;
  margin-bottom: 5px;
}
.cbp-accordion .content-show-area .content-grouping span a.white {
  color: #fff;
}
.cbp-accordion .content-show-area .content-grouping span.box-grid-title {
  font-size: 42px;
  font-weight: 400;
  display: block;
  letter-spacing: 0;
}
@media only screen and (max-width: 1239px) {
  .cbp-accordion .content-show-area .content-grouping span.box-grid-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-show-area .content-grouping span.box-grid-title {
    font-size: 32px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-show-area .content-grouping span.box-grid-title {
    font-size: 26px;
  }
}
@media only screen and (max-width: 1152px) {
  .cbp-accordion .content-show-area .content-grouping span.svg-icon {
    max-height: 50px;
  }
}
@media only screen and (max-width: 1152px) {
  .cbp-accordion .content-show-area .content-grouping span.svg-icon svg {
    max-height: 50px;
  }
}
#content .cbp-accordion .container {
    padding-bottom: 70px;
}
.cbp-accordion .content-show-area .svg-icon {
  display: inline-block;
}
.cbp-accordion .content-nav-wrapper {
  width: 100%;
}
#content .cbp-accordion .content-nav {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 635px;
}
#content .cbp-accordion .content-nav.extra-height {
  height: 775px;
}
@media only screen and (max-width: 1239px) {
  #content .cbp-accordion .content-nav {
    height: 580px;
  }
  #content .cbp-accordion .content-nav.extra-height {
    height: 680px;
  }
}
@media only screen and (max-width: 1024px) {
  #content .cbp-accordion .content-nav {
    height: auto;
    margin: 2% 0 0;
  }
  #content .cbp-accordion .content-nav.extra-height {
    height: auto;
  }
}
#content .cbp-accordion .content-nav-item {
  list-style: none;
  background-color: #b5b5b5;
  width: 97%;
  margin: 0 auto;
  padding-left: 0;
}
@media only screen and (max-width: 1024px) {
  #content .cbp-accordion .content-nav-item {
    width: 100%;
    margin: 0 auto 2%;
  }
}
.cbp-accordion .content-nav-item a {
  font-size: 32px;
  color: #343642;
  display: block;
  padding: 4% 6%;
}
@media only screen and (max-width: 1599px) {
  .cbp-accordion .content-nav-item a {
    padding: 4.5% 6%;
  }
}
@media only screen and (max-width: 1360px) {
  .cbp-accordion .content-nav-item a {
    padding: 5% 6%;
  }
}
@media only screen and (max-width: 1239px) {
  .cbp-accordion .content-nav-item a {
    padding: 4.5% 6%;
  }
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-nav-item a {
    padding: 3% 4%;
  }
}
.cbp-accordion .content-nav-item a .category {
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 1.5em;
  margin-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-nav-item a .category {
    font-size: 10px;
  }
}
.cbp-accordion .content-nav-item a .category.smoke {
  color: #343642;
}
.cbp-accordion .content-nav-item a:hover {
  background-color: #fff;
  -moz-transform: scale(1.01) perspective(1px);
  -o-transform: scale(1.01) perspective(1px);
  -ms-transform: scale(1.01) perspective(1px);
  -webkit-transform: scale(1.01) perspective(1px);
  transform: scale(1.01) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}
.cbp-accordion .content-nav-item a.current {
  background-color: #fff;
  -moz-transform: scale(1.04) perspective(1px);
  -o-transform: scale(1.04) perspective(1px);
  -ms-transform: scale(1.04) perspective(1px);
  -webkit-transform: scale(1.04) perspective(1px);
  transform: scale(1.04) perspective(1px);
  -webkit-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 30px rgba(28, 30, 42, 0.25);
}
@media only screen and (max-width: 1024px) {
  .cbp-accordion .content-nav-item a.current {
    -moz-transform: scale(1.02) perspective(1px);
    -o-transform: scale(1.02) perspective(1px);
    -ms-transform: scale(1.02) perspective(1px);
    -webkit-transform: scale(1.02) perspective(1px);
    transform: scale(1.02) perspective(1px);
  }
}
.cbp-accordion .content-nav-item a.current .category {
  color: #1686c6;
}
.cbp-accordion .content-nav-item a.current .category.hover-blue {
  color: #1686c6;
}
.cbp-accordion .content-nav-item a span {
  display: block;
  line-height: 1.2em;
  font-size: 20px;
}
.cbp-accordion .content-nav-item a .content-nav-title {
  font-size: 23px;
}
@media only screen and (max-width: 767px) {
  .cbp-accordion .content-nav-item a .content-nav-title {
    font-size: 17px;
  }
}
@media only screen and (max-width: 500px) {
  .cbp-accordion .content-nav-item a .content-nav-title {
    font-size: 14px;
  }
}
.cbp-accordion .content-nav-item :last-child {
  margin-bottom: 0;
}
.cbp-accordion .content-nav-item a:hover > .category {
  color: #1686c6;
}
.cbp-accordion .content-nav-item a:hover > .category.hover-blue {
  color: #1686c6;
}

/* Component Accordion Boxes */
#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav {
  flex-direction: row;
  flex-wrap: wrap;
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
  width: 32.6%;
  margin: 0 0 1%;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .column:last-child {
    background: transparent;
}

.cbp-accordion.white-transparent-boxes .content-show-area {
    background-color: #ffffff30;
    border-radius: 15px;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .column .content-nav-item {
    border: 1px solid white;
    color: white;
    background: transparent;
    border-radius: 8px;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .column .content-nav-item b {
    font-weight: 900;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a,
#col2-button-content.accordion-boxes.white-transparent-boxes .category {
    color: white;
    background: transparent;
    display: block;
    transition: background-color .2s, color .2s;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item .content-nav-title {
    font-size: 28px;
    font-weight: 400;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a.current {
    background-color: #E4E5E6;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a.current .content-nav-title,
#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a.current .category {
    color: #343642;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a {
    border: 3px solid transparent;
    transition: border .4s;
    border-radius: 8px;
    transform: scale(1) perspective(0) translateZ(0);
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a:hover {
    transform: scale(1) perspective(0);
    border: 3px solid #fff;
    border-radius: 8px;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    padding: 0 8px;
    text-align: left;
}

#col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item a:hover .category {
    color: #343642;
}

@media only screen and (min-width: 1024px) {
	.cbp-accordion.white-transparent-boxes .content-show-area {
	    padding: 0 25px;
	}
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.white-transparent-boxes .category {
    display: none;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item .content-nav-title {
    font-size: 20px;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-wrapper .content-nav-item a {
    min-height: 4rem;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-show-area .content-show-item {
    padding: 25px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
    width: 33%;
    margin: 0 0 0.5%;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
    width: 49.8%;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item {
    width: 100%;
    min-height: 45px;
    height: auto;
  }
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item a {
  height: 100%;
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item a.current {
    -moz-transform: scale(1.01) perspective(1px);
    -o-transform: scale(1.01) perspective(1px);
    -ms-transform: scale(1.01) perspective(1px);
    -webkit-transform: scale(1.01) perspective(1px);
    transform: scale(1.01) perspective(1px);
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
  font-size: 22px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-weight: 300;
  padding-right: 10px;
}

@media only screen and (max-width: 1599px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 17px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item .content-nav-title {
    font-size: 13px;
  }
}

#col2-button-content.accordion-boxes .content-nav-wrapper .content-nav-item sup {
  font-size: 50%;
  top: -0.8em;
  left: -2px;
}

#col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(10n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(11n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(12n) {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(10n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(11n), #col2-button-content.accordion-boxes.count-12 .content-nav-item:nth-child(12n) {
    margin: 0 0 0.5%;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav {
    height: auto;
    min-height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav {
    min-height: 425px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes.count-12 .content-nav {
    min-height: 550px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav {
    height: auto;
    min-height: 250px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav {
    min-height: 425px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav {
    min-height: 500px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item {
    margin: 0 0 0.4%;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item {
    width: 100%;
    margin: 0 0 0.5%;
  }
}

#col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(8n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(9n) {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(7n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(8n), #col2-button-content.accordion-boxes.count-9 .content-nav-item:nth-child(9n) {
    margin: 0 0 0.5%;
  }
}

#col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
  font-size: 21px;
}

@media only screen and (max-width: 1599px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 20px;
  }
}

@media only screen and (max-width: 1360px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1239px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1152px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-9 .content-nav-item .content-nav-title {
    font-size: 13px;
  }
}

#col2-button-content.accordion-boxes.count-6.split .column {
  height: 580px;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6.split .column {
    height: auto;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6.split .column:first-child {
    height: 500px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6.split .column:first-child {
    height: auto;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
  height: 580px;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
    height: auto;
    min-height: 200px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
    min-height: 270px;
  }
}

@media only screen and (max-width: 500px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-wrapper .content-nav {
    min-height: 350px;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-item {
  margin: 0 0 1.2%;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item {
    width: 49.7%;
    margin: 0 0 0.5%;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item {
    width: 100%;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(4n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(5n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(6n) {
  margin: 0;
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(4n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(5n), #col2-button-content.accordion-boxes.count-6 .content-nav-item:nth-child(6n) {
    margin: 0 0 0.5%;
  }
}

#col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
  font-size: 25px;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width: 1599px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 22px;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item .content-nav-title {
	font-size: 28px;
	font-weight: 400;
  }
}

@media only screen and (max-width: 1152px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 19px;
  }
}

@media only screen and (max-width: 1024px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 14px;
  }
}

@media only screen and (max-width: 767px) {
  #col2-button-content.accordion-boxes.count-6 .content-nav-item .content-nav-title {
    font-size: 13px;
  }
  #col2-button-content.accordion-boxes.white-transparent-boxes .content-nav-item .content-nav-title {
	font-size: 20px;
  }
}


/* CBP Component Card */

.list-simple-box {
	padding-bottom: 70px;
}

.list-simple-box .subtitle {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
    margin: 0 0 25px;
}

.list-simple-box .cell a {
  font-weight: 200;
  font-size: 22px;
  line-height: 1.3em;
  letter-spacing: 0.01em;
  -webkit-box-shadow: 0 0 15px rgba(28, 30, 42, 0.25);
  -moz-box-shadow: 0 0 15px rgba(28, 30, 42, 0.25);
  box-shadow: 0 0 15px rgba(28, 30, 42, 0.25);
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 235px;
  color: #1C1E2A;
  position: relative;
  margin: 0;
  transition: transform 300ms ease;
  width: 100%;
}

@media only screen and (max-width: 1152px) {
  .list-simple-box .cell a {
    font-size: 18px;
    min-height: 200px;
  }
}

@media only screen and (max-width: 1024px) {
  .list-simple-box .cell a {
    -moz-transform: scale(1) perspective(1px);
    -o-transform: scale(1) perspective(1px);
    -ms-transform: scale(1) perspective(1px);
    -webkit-transform: scale(1) perspective(1px);
    transform: scale(1) perspective(1px);
  }
}

@media only screen and (max-width: 767px) {
  .list-simple-box .cell a {
    min-height: 150px;
  }
}

.list-simple-box .cell a:hover {
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  -moz-transform: scale(1.025) perspective(1px);
  -o-transform: scale(1.025) perspective(1px);
  -ms-transform: scale(1.025) perspective(1px);
  -webkit-transform: scale(1.025) perspective(1px);
  transform: scale(1.025) perspective(1px);
  color: #FFFFFF;
}

.list-simple-box .cell a.hover-bp-light-gray:hover ,
.list-simple-box .cell.image-first a.hover-bp-light-gray:hover .slide-up {
  color: #555;
  background: #f1f2f2;
}

.list-simple-box .cell a.hover-bp-light-blue:hover,
.list-simple-box .cell.image-first a.hover-bp-light-blue:hover .slide-up {
  color: #FFFFFF;
  background: #1ba9cc;
}

.list-simple-box .cell a.hover-bp-medium-blue:hover,
.list-simple-box .cell.image-first a.hover-bp-medium-blue:hover .slide-up {
  color: #FFFFFF;
  background: #1486c7;
}

.list-simple-box .cell a.hover-bp-royal-blue:hover,
.list-simple-box .cell.image-first a.hover-bp-royal-blue:hover .slide-up {
  color: #FFFFFF;
  background: #0841a2;
}

.list-simple-box .cell a.hover-bp-dark-blue:hover,
.list-simple-box .cell.image-first a.hover-bp-dark-blue:hover .slide-up {
  color: #FFFFFF;
  background: #0d3562;
}

.list-simple-box .cell a.hover-bp-gray:hover,
.list-simple-box .cell.image-first a.hover-bp-gray:hover .slide-up {
  color: #FFFFFF;
  background: #374450;
}

.list-simple-box .cell a.hover-bp-wave-bg:hover {
  color: #FFFFFF;
  background: url("https://media.ciena.com/images/BluePlanet_wave_thumb.jpg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
}

.list-simple-box .cell a.hover-blue-green:hover {
  color: #FFFFFF;
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
}

.list-simple-box .cell a.hover-green-blue:hover {
  color: #FFFFFF;
  background: #00BC94;
  background: -moz-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -webkit-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -o-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -ms-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
}

.list-simple-box .cell a.hover-purple-blue:hover {
  color: #FFFFFF;
  background: #800A68;
  background: -moz-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -webkit-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -o-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -ms-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: linear-gradient(45deg, #800A68 0%, #284ED2 100%);
}

.list-simple-box .cell a.hover-blue-purple:hover {
  color: #FFFFFF;
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: linear-gradient(45deg, #284ED2 0%, #800A68 100%);
}

.list-simple-box .cell a.hover-lblue-dblue:hover {
  color: #FFFFFF;
  background: #0080be;
  background: -moz-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -webkit-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -o-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -ms-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: linear-gradient(45deg, #0080be 0%, #003D99 100%);
}

.list-simple-box .cell a.hover-white-bg:hover {
  color: #555;
  background: transparent;
  background-color: #FFFFFF;
}

.list-simple-box .cell a.hover-gray-bg:hover {
  background: transparent;
  background-color: #EEEEEF;
}

.list-simple-box .cell a.hover-black-bg:hover {
  color: #FFFFFF;
  background: transparent;
  background-color: #1C1E2A;
}

.list-simple-box .cell a.two-tone-blue-diagonal {
    color: #fff;
    overflow:hidden;
    padding-top: 0;
    transition: transform 1s;
}

.list-simple-box .slide-up-cell a.two-tone-blue-diagonal .simple-box-title {
    width: 100%;
    padding-right: 35px;
    padding-top: 35px;
    text-align: right;
    z-index: 2;
}

.list-simple-box .cell a.two-tone-blue-diagonal:before {
  content: '';
  padding-top:  100%;
}

.list-simple-box .cell a.two-tone-blue-diagonal .slide-up {
  top: 0;
  opacity: 1;
}

.list-simple-box .cell a.two-tone-blue-diagonal .slide-up:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: -webkit-linear-gradient(bottom left, transparent, transparent 49.9%, #0085ca 50%, #0085ca);
  background: linear-gradient(bottom left, transparent, transparent 49.9%, #0085ca 50%, #0085ca);
}

.list-simple-box .cell a.two-tone-blue-diagonal .slide-up:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding-top: 100%;
  background: -webkit-linear-gradient(top right, transparent, transparent 49.9%, #374450 50%, #374450);
  background: linear-gradient(top right, transparent, transparent 49.9%, #374450 50%, #374450);
}

.list-simple-box .cell a.two-tone-blue-diagonal:hover .slide-up:before {
  animation: slideRight 2s forwards;
}

.list-simple-box .cell a.two-tone-blue-diagonal:hover .slide-up:after {
  animation: slideLeft 2s forwards;
}

@media only screen and (max-width: 767px) {
	.list-simple-box .cell a.two-tone-blue-diagonal .slide-up:before {
	  left: 800px;
	}

	.list-simple-box .cell a.two-tone-blue-diagonal .slide-up:after {
	  left: -800px;
	}
}

@keyframes slideRight {
  100% {
    left: 500px;
  }
}

@keyframes slideLeft {
  100% {
    left: -500px;
  }
}

@-webkit-keyframes slideRight {
  100% {
    left: 500px;
  }
}

@-webkit-keyframes slideLeft {
  100% {
    left: -500px;
  }
}



.simple-box-title.light-text {
  color: #fff;
}

.list-simple-box .cell a .simple-box-title {
  width: 80%;
}

/* Slide up image */

.slide-up-cell .slide-up {
    position: absolute;
    opacity: 0;
    top: 275px;
    z-index: 3;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    background-color: black;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.slide-up-cell {
    overflow: hidden;
}

.list-simple-box .slide-up-cell a {
    min-height: 295px;
    align-items: flex-start;
    padding-top: 35px;
}

.list-simple-box .slide-up-cell.image-first a {
    min-height: 335px;
}


.list-simple-box .slide-up-cell a .simple-box-title {
    width: 100%;
    padding-right: 35px;
    padding-left: 15px;
    text-align: right;
    z-index: 2;
}

@media only screen and (max-width: 1152px) {
    .list-simple-box .slide-up-cell a {
        min-height: 275px;
    }
}

@media only screen and (max-width: 991px) {
    .list-simple-box .slide-up-cell a {
        min-height: 215px;
    }
}

@media only screen and (max-width: 767px) {
    .list-simple-box .slide-up-cell a {
        min-height: 375px;
    }
}


.slide-up-cell a .slide-up {
    padding-top: 35px;
    padding-right: 35px;
    text-align: right;
    align-self: flex-start;
    justify-content: flex-start;
}

.slide-up-cell a:hover .slide-up {
    top: 0;
    opacity: 1;
}

.slide-up-cell a .slide-up .card-subtitle {
    padding-left: 25%;
    padding-top: 15px;
}

.flex-grid {
  margin: 0 -8px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-content: flex-start;
  -moz-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  -moz-align-items: stretch;
  align-items: stretch;
}

.flex-grid.wrap {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-grid .wrap {
  width: 100%;
}

.flex-grid .block {
  text-decoration: none;
  display: block;
}

.flex-grid .cell {
  padding: 16px 8px 0;
}

.flex-grid .cell.auto {
  height: auto;
  padding: 0 8px;
}

.flex-grid .cell .title {
  max-width: 475px;
}

.flex-grid .cell.quarter {
  width: 50%;
}

@media only screen and (max-width: 1024px) {
  .flex-grid .cell.quarter {
    width: 100%;
  }
}

.flex-grid .cell.quarter .title {
  max-width: auto;
}

/* SITE LOGO */

.bp-logo span.logo-bg {
    width: 163px;
    height: 64px;
    background-image: url("data:image/svg+xml,%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 107.57'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23346eb0; %7D .cls-2 %7B fill: %23242735; %7D %3C/style%3E%3C/defs%3E%3Ctitle%3EBP-logo%3C/title%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath class='cls-1' d='M31.68,25.46A16.59,16.59,0,0,0,25.81,21a18.89,18.89,0,0,0-7.94-1.6,19.38,19.38,0,0,0-6.34,1,21,21,0,0,0-4,1.76V0L.07,1.29H0V60.61l.06,0c1.69.48,3.88,1,6.52,1.43a52.35,52.35,0,0,0,9.15.72,23.35,23.35,0,0,0,8.61-1.52,18.53,18.53,0,0,0,6.54-4.31,19.14,19.14,0,0,0,4.19-6.82,26.28,26.28,0,0,0,1.47-9,29.65,29.65,0,0,0-1.23-8.76A19.78,19.78,0,0,0,31.68,25.46Zm-3,15.62c0,4.78-1.2,8.51-3.55,11.11a12.23,12.23,0,0,1-9.47,3.91,38.16,38.16,0,0,1-5-.28,24.39,24.39,0,0,1-3.07-.58v-26a15.33,15.33,0,0,1,3.84-2.11,14.64,14.64,0,0,1,5.53-1,11.86,11.86,0,0,1,5.41,1.14A10,10,0,0,1,26,30.37,13.43,13.43,0,0,1,28,35.14,26.76,26.76,0,0,1,28.68,41.08Z'/%3E%3Cpath class='cls-1' d='M55.79,55.66a4.39,4.39,0,0,1-1.87-1.05,4.07,4.07,0,0,1-1-1.87,11.93,11.93,0,0,1-.32-3V0L45.11,1.29H45V50.93c0,3.92,1,6.86,2.88,8.71s5.19,2.86,9.74,3h.07l1.06-6.34h-.08A19.76,19.76,0,0,1,55.79,55.66Z'/%3E%3Cpath class='cls-1' d='M90.79,55.25a6.44,6.44,0,0,1-1.24.25l-2,.24c-.75.08-1.55.15-2.38.2s-1.67.08-2.46.08c-3.72,0-6.39-1.08-8-3.22S72.36,47,72.36,42V20.35H64.82V43.63a31.44,31.44,0,0,0,.88,7.68,16.11,16.11,0,0,0,2.87,6,13.06,13.06,0,0,0,5.27,4,20.64,20.64,0,0,0,8.05,1.4A58,58,0,0,0,91.56,62c2.77-.47,5-.93,6.72-1.35l.06,0V20.35H90.79Z'/%3E%3Cpath class='cls-1' d='M138.75,24.55c-3-3.47-7.29-5.23-12.85-5.23a19,19,0,0,0-7,1.36,17.26,17.26,0,0,0-6.07,4.07,20.17,20.17,0,0,0-4.23,6.82,26.56,26.56,0,0,0-1.59,9.6,28.91,28.91,0,0,0,1.23,8.64A18.47,18.47,0,0,0,112,56.63a17.55,17.55,0,0,0,6.5,4.51,24.52,24.52,0,0,0,9.36,1.64,33.91,33.91,0,0,0,7.68-.8,22.12,22.12,0,0,0,4.74-1.52l.05,0-1-6.25,0-.1-.1,0a23.62,23.62,0,0,1-4,1.31,27.15,27.15,0,0,1-6.53.67c-4.56,0-8-1.11-10.11-3.31s-3.38-5.43-3.7-9.64h28.26v-.07a11.51,11.51,0,0,0,.08-1.4V40.45C143.22,33.37,141.72,28,138.75,24.55Zm-12.93,1.2a8.58,8.58,0,0,1,7,3.19A12.35,12.35,0,0,1,135.36,37H115a18,18,0,0,1,1-4.1,11.83,11.83,0,0,1,2.09-3.63,10.55,10.55,0,0,1,3.27-2.56A9.71,9.71,0,0,1,125.82,25.75Z'/%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-2' d='M379.95,23.61a4.35,4.35,0,0,1-.31,1.67,3.76,3.76,0,0,1-.82,1.25,3.54,3.54,0,0,1-1.2.78,3.92,3.92,0,0,1-2.86,0,3.53,3.53,0,0,1-1.2-.78,3.75,3.75,0,0,1-.82-1.25,4.73,4.73,0,0,1,0-3.35,3.75,3.75,0,0,1,.82-1.25,3.51,3.51,0,0,1,1.2-.78,3.92,3.92,0,0,1,2.86,0,3.52,3.52,0,0,1,1.2.78,3.76,3.76,0,0,1,.82,1.25A4.34,4.34,0,0,1,379.95,23.61Zm-.8,0a3.82,3.82,0,0,0-.22-1.32,3.09,3.09,0,0,0-.61-1,2.64,2.64,0,0,0-.93-.66,3.19,3.19,0,0,0-2.38,0,2.65,2.65,0,0,0-.93.66,3.1,3.1,0,0,0-.61,1,4.11,4.11,0,0,0,0,2.65,3.12,3.12,0,0,0,.61,1,2.65,2.65,0,0,0,.93.66,3.2,3.2,0,0,0,2.38,0,2.64,2.64,0,0,0,.93-.66,3.1,3.1,0,0,0,.61-1A3.83,3.83,0,0,0,379.15,23.61Zm-1.87,2.19a7.81,7.81,0,0,0-.57-.94q-.31-.44-.54-.71h-.74V25.8h-.78V21.53a5.17,5.17,0,0,1,.63-.1,5.84,5.84,0,0,1,.6,0,2.48,2.48,0,0,1,1.44.35,1.22,1.22,0,0,1,.49,1.07,1.19,1.19,0,0,1-.21.71A1.37,1.37,0,0,1,377,24l.25.33.3.44.31.51c.1.18.19.35.27.53Zm-1.85-2.28h.42a2.14,2.14,0,0,0,.82-.14.55.55,0,0,0,.33-.57.58.58,0,0,0-.31-.57,1.65,1.65,0,0,0-.75-.16h-.25l-.25,0Z'/%3E%3Cg%3E%3Cpath class='cls-2' d='M183,25.3A18.56,18.56,0,0,0,176.45,21a23.35,23.35,0,0,0-8.61-1.52,49,49,0,0,0-9.11.76c-2.61.5-4.82,1-6.56,1.39h-.06V76.51h7.55V60.05a21,21,0,0,0,4,1.76,19.36,19.36,0,0,0,6.34,1,18.89,18.89,0,0,0,7.94-1.6,16.56,16.56,0,0,0,5.87-4.47,19.78,19.78,0,0,0,3.63-6.86,29.35,29.35,0,0,0,1.24-8.68,26.29,26.29,0,0,0-1.47-9A19.16,19.16,0,0,0,183,25.3ZM159.66,27a21.44,21.44,0,0,1,2.91-.54,43.85,43.85,0,0,1,5.19-.24,12.3,12.3,0,0,1,9.47,3.87c2.36,2.57,3.55,6.29,3.55,11.07a26.22,26.22,0,0,1-.63,5.9,13.41,13.41,0,0,1-2.05,4.74A9.94,9.94,0,0,1,174.44,55,11.86,11.86,0,0,1,169,56.1a14.61,14.61,0,0,1-5.53-1A15.21,15.21,0,0,1,159.66,53Z'/%3E%3Cpath class='cls-2' d='M207.9,55.66A4.4,4.4,0,0,1,206,54.61a4.07,4.07,0,0,1-1-1.87,11.93,11.93,0,0,1-.31-3V0l-7.48,1.29h-.07V50.93c0,3.92,1,6.86,2.88,8.71s5.19,2.86,9.74,3h.07l1-6.26v-.08h-.08A19.76,19.76,0,0,1,207.9,55.66Z'/%3E%3Cpath class='cls-2' d='M243.33,23.75a12.32,12.32,0,0,0-5-3.28,21.61,21.61,0,0,0-7.53-1.16,41.49,41.49,0,0,0-7.24.6,23,23,0,0,0-4.78,1.24l-.06,0,.88,6.18v.1l.09,0a22.57,22.57,0,0,1,4.08-1.07,35,35,0,0,1,6.38-.51,11,11,0,0,1,4.61.83,7.21,7.21,0,0,1,2.79,2.2A8.25,8.25,0,0,1,239,32a16.63,16.63,0,0,1,.4,3.6v2l-1-.22L236.53,37c-.73-.13-1.49-.24-2.27-.32s-1.57-.12-2.31-.12a30.53,30.53,0,0,0-6.69.72,17.65,17.65,0,0,0-5.59,2.23,11.19,11.19,0,0,0-3.8,4,11.88,11.88,0,0,0-1.4,5.92,14.47,14.47,0,0,0,1.2,6.15A10.49,10.49,0,0,0,219,59.7,14.53,14.53,0,0,0,224.15,62a27.43,27.43,0,0,0,6.45.72c1.63,0,3.3-.07,5-.2s3.23-.28,4.65-.44,2.73-.33,3.86-.52l2.66-.44h.07V35.21a24.39,24.39,0,0,0-.8-6.42A12.49,12.49,0,0,0,243.33,23.75ZM239.42,43.6V55.8a20.72,20.72,0,0,1-3.3.42c-1.34.08-2.9.12-4.64.12a13.21,13.21,0,0,1-6.87-1.54c-1.66-1-2.5-2.85-2.5-5.45a5.37,5.37,0,0,1,1-3.41,7.28,7.28,0,0,1,2.55-2,10.87,10.87,0,0,1,3.39-1,28,28,0,0,1,3.53-.24,28.77,28.77,0,0,1,4.32.28A9.75,9.75,0,0,1,239.42,43.6Z'/%3E%3Cpath class='cls-2' d='M287.26,24.79A13,13,0,0,0,282,20.87a21.12,21.12,0,0,0-8.21-1.4,58.78,58.78,0,0,0-9.7.72c-2.79.47-5.07.93-6.76,1.35l-.06,0V61.82h7.55V26.93l1.24-.22c.61-.11,1.3-.2,2.06-.28s1.58-.14,2.42-.2,1.68-.08,2.46-.08a14,14,0,0,1,4.9.75,6.73,6.73,0,0,1,3.14,2.4,11,11,0,0,1,1.69,4.34,35.38,35.38,0,0,1,.51,6.5V61.82h7.55V38.54a35.1,35.1,0,0,0-.8-7.72A15.22,15.22,0,0,0,287.26,24.79Z'/%3E%3Cpath class='cls-2' d='M317.9,19.32a19,19,0,0,0-7,1.36,17.26,17.26,0,0,0-6.06,4.07,20.16,20.16,0,0,0-4.23,6.82,26.57,26.57,0,0,0-1.59,9.6,28.92,28.92,0,0,0,1.24,8.64A18.46,18.46,0,0,0,304,56.63a17.55,17.55,0,0,0,6.5,4.51,24.52,24.52,0,0,0,9.36,1.64,33.91,33.91,0,0,0,7.68-.8,22.12,22.12,0,0,0,4.74-1.52l.05,0-1-6.25,0-.1-.1,0a23.62,23.62,0,0,1-4,1.31,27.15,27.15,0,0,1-6.53.67c-4.56,0-8-1.11-10.11-3.31s-3.38-5.43-3.7-9.64h28.26v-.07a11.51,11.51,0,0,0,.08-1.4V40.45c0-7.08-1.5-12.43-4.47-15.9S323.45,19.32,317.9,19.32Zm-.08,6.44a8.58,8.58,0,0,1,7,3.19A12.35,12.35,0,0,1,327.35,37H307a18,18,0,0,1,1-4.1,11.84,11.84,0,0,1,2.09-3.63,10.55,10.55,0,0,1,3.27-2.56A9.71,9.71,0,0,1,317.82,25.75Z'/%3E%3Cpath class='cls-2' d='M367,54.25l0-.09-.09,0c-.55.22-1.49.58-2.82,1.07a15.68,15.68,0,0,1-5.33.75,10.51,10.51,0,0,1-3.31-.47,5.08,5.08,0,0,1-2.35-1.6,7.64,7.64,0,0,1-1.41-3.15,22.92,22.92,0,0,1-.47-5.11v-19h15.65V20.35H351.18V7.55L343.7,8.83h-.07V45.77a35,35,0,0,0,.68,7.29,13,13,0,0,0,2.36,5.31,10.26,10.26,0,0,0,4.44,3.24,19.44,19.44,0,0,0,7,1.08,22.31,22.31,0,0,0,6.38-.84,27.74,27.74,0,0,0,3.9-1.39l.06,0Z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cpath class='cls-2' d='M188.87,105.21a6.69,6.69,0,0,1-1.88,1.55,5.66,5.66,0,0,1-2.84.65,6.73,6.73,0,0,1-1.9-.25,4.08,4.08,0,0,1-1.48-.77,3.51,3.51,0,0,1-1-1.29,4.38,4.38,0,0,1-.34-1.8,4,4,0,0,1,.6-2.28,4.17,4.17,0,0,1,1.59-1.38,7.85,7.85,0,0,1,2.24-.72,20.19,20.19,0,0,1,2.57-.26l2.36-.08v-.53a3.55,3.55,0,0,0-.74-2.52,3.24,3.24,0,0,0-2.41-.77,4.23,4.23,0,0,0-2.41.54,2.52,2.52,0,0,0-1,1.5l-2.09-.24a3.93,3.93,0,0,1,1.78-2.74,7.28,7.28,0,0,1,3.82-.86,7.63,7.63,0,0,1,2.5.36,4.16,4.16,0,0,1,1.66,1,3.84,3.84,0,0,1,.91,1.64,8.05,8.05,0,0,1,.28,2.2v8.91h-2.23Zm-.05-5-2.2.08a13,13,0,0,0-2.33.27,4.53,4.53,0,0,0-1.47.57,2,2,0,0,0-.77.89,3.09,3.09,0,0,0-.22,1.22,2.24,2.24,0,0,0,.62,1.66,2.83,2.83,0,0,0,2.05.62,4.64,4.64,0,0,0,3.18-1,3.49,3.49,0,0,0,1.14-2.76Z'/%3E%3Cpath class='cls-2' d='M211,105.13a6.24,6.24,0,0,1-2,1.76,5.29,5.29,0,0,1-2.62.62,5.72,5.72,0,0,1-2.61-.56,5.06,5.06,0,0,1-1.82-1.52,6.58,6.58,0,0,1-1.06-2.29,11.21,11.21,0,0,1-.34-2.84,10.28,10.28,0,0,1,.42-3.06,6.77,6.77,0,0,1,1.21-2.32,5.14,5.14,0,0,1,1.91-1.46,6.22,6.22,0,0,1,2.56-.5,6,6,0,0,1,2.2.44A5,5,0,0,1,211,95.06V88.17h2.31v18.92H211Zm0-5.3a7.27,7.27,0,0,0-.36-2.56,3.59,3.59,0,0,0-1.18-1.55,3.54,3.54,0,0,0-1.18-.66,4.42,4.42,0,0,0-1.31-.19,4.21,4.21,0,0,0-1.58.29,3.18,3.18,0,0,0-1.27.94,4.64,4.64,0,0,0-.85,1.67,8.75,8.75,0,0,0-.3,2.48,8.44,8.44,0,0,0,.33,2.54,4.5,4.5,0,0,0,.88,1.64,3.18,3.18,0,0,0,1.22.88,3.78,3.78,0,0,0,1.39.26,4.72,4.72,0,0,0,1.38-.19,4,4,0,0,0,1.22-.64,4.06,4.06,0,0,0,1.21-1.59,6.14,6.14,0,0,0,.41-2.41Z'/%3E%3Cpath class='cls-2' d='M217.07,88.17h2.47v2.68h-2.47Zm.08,5.22h2.31v13.7h-2.31Z'/%3E%3Cpath class='cls-2' d='M221.74,93.39h2.68l4.08,11.13,4.16-11.13h2.54l-5.51,13.7h-2.47Z'/%3E%3Cpath class='cls-2' d='M237.37,88.17h2.47v2.68h-2.47Zm.08,5.22h2.31v13.7h-2.31Z'/%3E%3Cpath class='cls-2' d='M245.11,103.09a2.67,2.67,0,0,0,1.21,2,5.2,5.2,0,0,0,2.64.57,4,4,0,0,0,2.48-.6,1.94,1.94,0,0,0,.73-1.58,3,3,0,0,0-.09-.76,1.45,1.45,0,0,0-.36-.64,2.32,2.32,0,0,0-.74-.49,5.39,5.39,0,0,0-1.25-.34L248,101a12.84,12.84,0,0,1-2-.48,5.08,5.08,0,0,1-1.48-.76,2.93,2.93,0,0,1-.91-1.14,4,4,0,0,1-.3-1.63,3.44,3.44,0,0,1,.41-1.7A3.76,3.76,0,0,1,244.78,94a5.52,5.52,0,0,1,1.72-.8,8,8,0,0,1,2.16-.28,8.94,8.94,0,0,1,2.48.29,4.76,4.76,0,0,1,1.63.8,3.52,3.52,0,0,1,1,1.19,6.87,6.87,0,0,1,.53,1.46l-2.09.34a5.7,5.7,0,0,0-.42-1,2.12,2.12,0,0,0-.64-.7,3,3,0,0,0-1-.42,5.86,5.86,0,0,0-1.42-.15,6.22,6.22,0,0,0-1.59.17,3,3,0,0,0-1,.46,1.69,1.69,0,0,0-.54.65,1.85,1.85,0,0,0-.16.76,2.46,2.46,0,0,0,.11.76,1.28,1.28,0,0,0,.4.58,2.55,2.55,0,0,0,.8.44,7.25,7.25,0,0,0,1.3.32l2,.32a6.63,6.63,0,0,1,3.46,1.38,4.24,4.24,0,0,1,.7,4.47,3.54,3.54,0,0,1-1,1.27,5.07,5.07,0,0,1-1.72.85,8.56,8.56,0,0,1-2.41.3,10.67,10.67,0,0,1-2.32-.24,6,6,0,0,1-1.89-.76,4,4,0,0,1-1.33-1.37,4.59,4.59,0,0,1-.58-2.07Z'/%3E%3Cpath class='cls-2' d='M257.7,88.17h2.47v2.68H257.7Zm.08,5.22h2.31v13.7h-2.31Z'/%3E%3Cpath class='cls-2' d='M270.11,107.52a7.25,7.25,0,0,1-2.78-.5,5.71,5.71,0,0,1-2.07-1.43,6.27,6.27,0,0,1-1.3-2.28,9.51,9.51,0,0,1-.45-3,9,9,0,0,1,.48-3A6.63,6.63,0,0,1,265.33,95a5.91,5.91,0,0,1,2.11-1.47,7,7,0,0,1,2.74-.52,7.18,7.18,0,0,1,2.76.5A5.77,5.77,0,0,1,275,94.91a6.33,6.33,0,0,1,1.31,2.27,10.22,10.22,0,0,1,0,6,6.58,6.58,0,0,1-1.33,2.31,5.79,5.79,0,0,1-2.11,1.47A7.2,7.2,0,0,1,270.11,107.52Zm0-1.91a4.22,4.22,0,0,0,1.91-.4,3.56,3.56,0,0,0,1.31-1.11,4.8,4.8,0,0,0,.76-1.71,9.35,9.35,0,0,0,.24-2.19,9.07,9.07,0,0,0-.24-2.15,4.68,4.68,0,0,0-.76-1.68,3.62,3.62,0,0,0-1.31-1.1,4.23,4.23,0,0,0-1.91-.4,4.14,4.14,0,0,0-1.89.4,3.65,3.65,0,0,0-1.3,1.1,4.66,4.66,0,0,0-.76,1.68,10,10,0,0,0,0,4.35,4.94,4.94,0,0,0,.74,1.7,3.45,3.45,0,0,0,1.3,1.11A4.22,4.22,0,0,0,270.13,105.61Z'/%3E%3Cpath class='cls-2' d='M280.15,93.39h2.28v2.09a6.12,6.12,0,0,1,2.23-1.93,5.89,5.89,0,0,1,2.57-.58,4.39,4.39,0,0,1,3.46,1.27A5.48,5.48,0,0,1,291.81,98v9.12h-2.31V98.43a4.09,4.09,0,0,0-.69-2.69A2.68,2.68,0,0,0,286.7,95a4.58,4.58,0,0,0-1.52.26,3.78,3.78,0,0,0-1.36.85,4.42,4.42,0,0,0-1,1.23,3.58,3.58,0,0,0-.34,1.68v8.11h-2.31Z'/%3E%3Cpath class='cls-2' d='M307.85,107.52a7.25,7.25,0,0,1-2.78-.5,5.71,5.71,0,0,1-2.07-1.43,6.27,6.27,0,0,1-1.3-2.28,9.51,9.51,0,0,1-.45-3,9,9,0,0,1,.48-3A6.63,6.63,0,0,1,303.08,95a5.91,5.91,0,0,1,2.11-1.47,7,7,0,0,1,2.74-.52,7.18,7.18,0,0,1,2.76.5,5.77,5.77,0,0,1,2.08,1.44,6.33,6.33,0,0,1,1.31,2.27,10.22,10.22,0,0,1,0,6,6.58,6.58,0,0,1-1.33,2.31,5.79,5.79,0,0,1-2.11,1.47A7.2,7.2,0,0,1,307.85,107.52Zm0-1.91a4.22,4.22,0,0,0,1.91-.4,3.56,3.56,0,0,0,1.31-1.11,4.8,4.8,0,0,0,.76-1.71,9.35,9.35,0,0,0,.24-2.19,9.07,9.07,0,0,0-.24-2.15,4.68,4.68,0,0,0-.76-1.68,3.62,3.62,0,0,0-1.31-1.1,4.23,4.23,0,0,0-1.91-.4,4.14,4.14,0,0,0-1.89.4,3.65,3.65,0,0,0-1.3,1.1,4.66,4.66,0,0,0-.76,1.68,10,10,0,0,0,0,4.35,4.94,4.94,0,0,0,.74,1.7,3.45,3.45,0,0,0,1.3,1.11A4.22,4.22,0,0,0,307.87,105.61Z'/%3E%3Cpath class='cls-2' d='M318.71,95.22h-2.15V93.39h2.15V92.2a4.93,4.93,0,0,1,.33-1.91,3.6,3.6,0,0,1,.9-1.31,3.68,3.68,0,0,1,1.33-.77,5,5,0,0,1,1.6-.25A9.92,9.92,0,0,1,324,88a6.81,6.81,0,0,1,1.17.25l-.37,1.8a4.12,4.12,0,0,0-.81-.17,7.37,7.37,0,0,0-.76,0,2.59,2.59,0,0,0-1.59.49,2.09,2.09,0,0,0-.66,1.79v1.25h3.47v1.83H321v11.87h-2.31Z'/%3E%3Cpath class='cls-2' d='M349,100.86a8.76,8.76,0,0,1-.71,2.66,6.54,6.54,0,0,1-3.83,3.54,9.14,9.14,0,0,1-3.17.5,9,9,0,0,1-3.52-.66,7.06,7.06,0,0,1-2.65-1.93,9,9,0,0,1-1.68-3.11,13.63,13.63,0,0,1-.6-4.2,13,13,0,0,1,.64-4.24,9,9,0,0,1,1.78-3.13,7.55,7.55,0,0,1,2.69-1.93,8.44,8.44,0,0,1,3.35-.66,9.05,9.05,0,0,1,3,.45,6.19,6.19,0,0,1,2.16,1.27,6.4,6.4,0,0,1,1.43,2,11.24,11.24,0,0,1,.84,2.52l-2.39.4a9.7,9.7,0,0,0-.62-1.87,4.72,4.72,0,0,0-1-1.42,4,4,0,0,0-1.43-.89,6,6,0,0,0-2-.3A5.22,5.22,0,0,0,336.94,92a7.41,7.41,0,0,0-1.15,2.47,13,13,0,0,0,0,6.39,7.56,7.56,0,0,0,1.15,2.48,5.16,5.16,0,0,0,1.85,1.59,5.53,5.53,0,0,0,2.53.56,6.5,6.5,0,0,0,2.21-.33,4,4,0,0,0,1.51-.94,4.45,4.45,0,0,0,.94-1.46,8.37,8.37,0,0,0,.5-1.86Z'/%3E%3Cpath class='cls-2' d='M352.24,88.17h2.47v2.68h-2.47Zm.08,5.22h2.31v13.7h-2.31Z'/%3E%3Cpath class='cls-2' d='M370.34,103.25a4.93,4.93,0,0,1-1.76,3.13,6.36,6.36,0,0,1-4.07,1.14,6.05,6.05,0,0,1-4.8-1.89,7.73,7.73,0,0,1-1.67-5.29,9.64,9.64,0,0,1,.48-3.15,6.44,6.44,0,0,1,1.34-2.31,5.74,5.74,0,0,1,2.05-1.42,7.39,7.39,0,0,1,5.33,0,5,5,0,0,1,1.87,1.39A5.91,5.91,0,0,1,370.2,97a9.49,9.49,0,0,1,.36,2.68v1.17H360.38a6.39,6.39,0,0,0,.28,1.92,4.69,4.69,0,0,0,.8,1.54,3.63,3.63,0,0,0,1.29,1,4,4,0,0,0,1.78.37A4,4,0,0,0,367,105a3.27,3.27,0,0,0,1.09-1.76Zm-2.09-4.16a6.88,6.88,0,0,0-.21-1.78,3.73,3.73,0,0,0-.66-1.37,3,3,0,0,0-1.17-.89,4.23,4.23,0,0,0-1.72-.32,3.67,3.67,0,0,0-2.85,1.11,5.34,5.34,0,0,0-1.21,3.23Z'/%3E%3Cpath class='cls-2' d='M373.87,93.39h2.28v2.09a6.12,6.12,0,0,1,2.23-1.93,5.89,5.89,0,0,1,2.57-.58,4.39,4.39,0,0,1,3.46,1.27A5.48,5.48,0,0,1,385.53,98v9.12h-2.31V98.43a4.09,4.09,0,0,0-.69-2.69,2.68,2.68,0,0,0-2.12-.78,4.58,4.58,0,0,0-1.52.26,3.78,3.78,0,0,0-1.36.85,4.42,4.42,0,0,0-1,1.23,3.58,3.58,0,0,0-.34,1.68v8.11h-2.31Z'/%3E%3Cpath class='cls-2' d='M397.77,105.21a6.69,6.69,0,0,1-1.88,1.55,5.66,5.66,0,0,1-2.84.65,6.73,6.73,0,0,1-1.9-.25,4.08,4.08,0,0,1-1.48-.77,3.51,3.51,0,0,1-1-1.29,4.38,4.38,0,0,1-.34-1.8A4,4,0,0,1,389,101a4.17,4.17,0,0,1,1.59-1.38,7.85,7.85,0,0,1,2.24-.72,20.19,20.19,0,0,1,2.57-.26l2.36-.08v-.53a3.55,3.55,0,0,0-.74-2.52,3.24,3.24,0,0,0-2.41-.77,4.23,4.23,0,0,0-2.41.54,2.52,2.52,0,0,0-1,1.5l-2.09-.24a3.93,3.93,0,0,1,1.78-2.74,7.28,7.28,0,0,1,3.82-.86,7.63,7.63,0,0,1,2.5.36,4.16,4.16,0,0,1,1.66,1,3.84,3.84,0,0,1,.91,1.64,8.05,8.05,0,0,1,.28,2.2v8.91h-2.23Zm-.05-5-2.2.08a13,13,0,0,0-2.33.27,4.53,4.53,0,0,0-1.47.57,2,2,0,0,0-.77.89,3.09,3.09,0,0,0-.22,1.22,2.24,2.24,0,0,0,.62,1.66,2.83,2.83,0,0,0,2.05.62,4.64,4.64,0,0,0,3.18-1,3.49,3.49,0,0,0,1.14-2.76Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
    background-size: 163px 64px;
    background-repeat: no-repeat;
    display: block;
    color: transparent;
}

@media only screen and (max-width: 767px) {
  .bp-logo span.logo-bg {
    width: 130px;
    height: 50px;
    background-size: 130px 40px;
  }
}


/* Overview */

.cbp-overview {
  padding: 40px 0;
}

#content .overview-component ol,
#content .one-col-row ol,
#content .overview-component ul,
#content .one-col-row ul {
    margin: 50px auto 50px;
    max-width: 900px;
    text-align: left;
}

#content .cbp-overview p,
#content .cbp-overview ol,
#content .cbp-overview ul,
#content .one-col-row ul {
    font-size: 18px;
    font-weight: 300;
}

@media only screen and (max-width: 1024px) {
  .cbp-overview {
    padding: 20px 0;
  }
}

#content .cbp-overview .container {
    padding: 30px 15px 30px;
}

.center {
    text-align: center !important;
}

/* Temp Button Styles */

#content #contact-form-overlay,
#content #contact-form-overlay-mini {
  z-index: 2
}

#content .button:not(.button-full) {
  display: inline-block;
  padding: 10px 20px;
  border-radius: 30px;
  text-align: center;
  text-decoration: none;
  min-width: 120px;
  position: relative;
  margin: 5px 10px 5px 0;
  -webkit-appearance: none;
  outline: none;
  border: none;
  cursor: pointer;
  font-weight: 300;
  font-size: 18px;
  text-transform: none;
  line-height: 1.2em;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -moz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -ms-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -o-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

#content .button.button-large {
	height: auto;
	line-height: 1.4em;
}

#content .button.button-small {
	padding: 10px 20px;
 	color: #FFFFFF;
 	background: #1486c7;
 	min-width: 90px;
 	font-size: 14px;
 	line-height: 1.1em;
}

@media only screen and (max-width: 1239px) {
  #content .button:not(.button-full) {
    padding: 10px 20px;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  #content .button {
    font-size: 14px;
  }
}

#content .button.button-dark,
#content .button.button-blue {
  color: #FFFFFF;
  background: #1486c7;
}

#content .button.button-border.button-light {
  color: #FFFFFF;
  border: 1px solid #1486c7 !important;
  background: transparent;
  padding: 9px 20px !important;
}

#content .button.button-border.button-light:hover,
#content .button.button-border.button-light:focus {
  color: #FFFFFF;
  background: #1486c7;
  padding: 9px 20px !important;
}

#content .button.button-small:hover,
#content .button.button-small:focus,
#content .button.button-blue:hover,
#content .button.button-blue:focus,
#content .button.button-dark:hover,
#content .button.button-dark:focus {
	background-color: #0072ad;
}

#content .button.button-large {
	height: auto;
	line-height: 1.4em;
}

#content .button-white-border {
  color: #FFFFFF;
  border: 1px solid #FFFFFF !important;
  background: transparent;
  padding: 9px 20px !important;
}

#content .button-white-border:hover,
#content .button-white-border:focus {
  background: #FFFFFF;
  color: #284ED2;
}



/* Button Styles */

.button-container {
	margin: 40px 0;
}

.button-container .button {
	vertical-align: middle;
}

.dark .button.button-white {
	color: #0085CA;
}

.button-white-border {
    border-color: white;
    color: #fff;
}

.dark .button-white-border:hover,
.dark .button-white-border:active,
.dark .button-white-border:focus,
.button-white-border:hover,
.button-white-border:active,
.button-white-border:focus {
    background-color: white;
    color: #0085CA;
}


/* Marketo Forms */

.cbp-marketo-form .email-form-module {
	max-width: inherit;
	padding: 0 30px 50px 30px;
}

.cbp-marketo-form .email-form-module .resource-container,
.cbp-marketo-form .email-form-module .resource-container-thank-you {
	margin: 0 auto;
}

.cbp-marketo-form .email-form-module.add-padding-top {
	padding-top: 3em;
}

.cbp-marketo-form .resource-container .error-message,
.cbp-marketo-form .resource-container-thank-you .error-message {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 10px 5px;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	font-style: italic;
	text-align: center;
	color: #fff;
	background: #d31924;
	-moz-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
}

#content .cbp-marketo-form .email-form-module .resource-container,
#content .cbp-marketo-form .email-form-module .resource-container-thank-you {
	background: #eeeeef;
	padding: 25px;
	margin: 70px auto 0;
	position: relative;
}

@media only screen and (max-width: 1024px) {
	.cbp-marketo-form .resource-container,
	.cbp-marketo-form .resource-container-thank-you {
		margin-right: 0;
	}
}

.cbp-marketo-form .resource-container form,
.cbp-marketo-form .resource-container-thank-you form {
	margin: 20px 0 0;
}

.cbp-marketo-form .resource-container .title,
.cbp-marketo-form .resource-container-thank-you .title {
	margin: 0;
	font-weight: 200;
	font-size: 22px;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}

.cbp-marketo-form .resource-container .instructions,
.cbp-marketo-form .resource-container-thank-you .instructions {
	color: #80828c;
	margin: 0;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
}

.cbp-marketo-form .resource-container p,
.cbp-marketo-form .resource-container-thank-you p {
	color: #545868;
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
}

.cbp-marketo-form .resource-container .btn,
.cbp-marketo-form .resource-container-thank-you .btn {
	min-width: 191px;
}

.cbp-marketo-form .resource-container .error-message,
.cbp-marketo-form .resource-container-thank-you .error-message {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 10px 5px;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	font-style: italic;
	text-align: center;
	color: #fff;
	background: #d31924;
	-moz-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-webkit-transform: translate(0, -100%);
	transform: translate(0, -100%);
}

.cbp-marketo-form .resource-container .error-message svg,
.cbp-marketo-form .resource-container-thank-you .error-message svg {
	width: 20px;
	height: 20px;
	fill: #fff;
	margin-right: 5px;
	position: relative;
	top: -2px;
}

.cbp-marketo-form .resource-container.error .error-message,
.cbp-marketo-form .resource-container-thank-you.error .error-message {
	display: block;
}

.cbp-marketo-form .mktoForm .mktoFormRow.transparent {
	margin-bottom: 20px;
	overflow: hidden;
}

.cbp-marketo-form .mktoForm .mktoFormRow.transparent .mktoFormCol {
	background-color: #fff;
	margin-bottom: 0 !important;
}

.cbp-marketo-form .mktoForm .mktoFormRow.transparent .mktoFieldWrap {
	border: none;
	padding: 0;
	position: relative;
}

.cbp-marketo-form .mktoFormRow.transparent~.mktoFormRow.transparent .mktoFormCol {
	background-color: transparent;
}

.cbp-marketo-form .form-container-js #Phone {
	width: 100% !important;
	padding: 5px 0 5px 15px;
	border: 0;
	outline: 0;
	font-size: 16px;
	color: #364046;
	font-weight: 300;
}

.cbp-marketo-form .form-container-js .mktoFormCol {
	position: relative;
	margin: 0 0 20px !important;
	background: #fff;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoLabel {
	position: absolute;
	top: 2px;
	left: 2px;
	background: #fff;
	border: 2px solid #fff;
	padding: 5px 15px;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 10px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	color: #a7a9ab;
	opacity: 1;
}

.cbp-marketo-form .form-container-js .mktoForm select.mktoField {
	font-size: 16px !important;
	font-weight: 300 !important;
	letter-spacing: 0.03em !important;
	background: #fff url("//media.ciena.com/designimages/prx-down-arrow.png") no-repeat 93% 0% !important;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoFieldWrap {
	padding: 20px 0 0;
	border: 2px solid #fff;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoFieldWrap:not(label[for=Subscribed__c]) {
	border: 2px solid #fff;
}

.cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"] {
	margin: 0;
	position: static;
	padding: 0;
	min-height: 16px;
}

.cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
	float: right;
	width: 90% !important;
	margin: 5px 0;
}

@media only screen and (max-width: 1024px) {
	.cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
		width: 88% !important;
	}
}

@media only screen and (max-width: 767px) {
	.cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
		width: 90% !important;
	}
}

@media only screen and (max-width: 414px) {
	.cbp-marketo-form .form-container-js .mktoForm label[for="Consent_to_Processing__c"].mktoLabel {
		width: 88% !important;
	}
}

.cbp-marketo-form .form-container-js .mktoForm input[type="text"],
.cbp-marketo-form .form-container-js .mktoForm input[type="email"],
.cbp-marketo-form .form-container-js .mktoForm textarea {
	width: 100%;
	display: block;
	border: none;
	margin: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	resize: none;
	background: transparent;
	position: relative;
	z-index: 20;
	outline: none;
	padding: 5px 0 5px 15px;
	font-weight: 300;
	font-size: 16px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
}

.cbp-marketo-form .form-container-js .mktoField {
	height: 36px !important;
}

.cbp-marketo-form .form-container-js label[for=Subscribed__c] {
	left: 30px !important;
	border: none !important;
	background: transparent !important;
	top: inherit !important;
	padding-left: 0px !important;
	text-transform: none !important;
	font-size: 12px !important;
	font-weight: 300 !important;
	color: #1c1e2a !important;
}

.cbp-marketo-form .form-container-js input[type=tel]:focus {
	border: none !important;
}

.cbp-marketo-form .form-container-js .mktoFormRow:nth-last-child(5) .mktoFormCol {
	background: transparent;
	padding-top: 0px !important;
	margin-bottom: 30px !important;
}

.cbp-marketo-form .form-container-js .mktoFormRow:nth-last-child(5) .mktoFieldWrap {
	padding-top: 0px;
	border: none;
}

.cbp-marketo-form .form-container-js .mktoGutter {
	display: none;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoCheckboxList {
	border: none !important;
	padding: 0 !important;
	background-color: #fff;
	width: 8% !important;
	position: relative;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoCheckboxList input[type=checkbox] {
	display: block;
	width: 16px;
	height: 16px !important;
	position: absolute;
	left: 10px;
	top: 10px;
}

@media only screen and (max-width: 767px) {
	.cbp-marketo-form .form-container-js .mktoForm .mktoCheckboxList input[type=checkbox] {
		top: 7px;
	}
}

.cbp-marketo-form .form-container-js .mktoForm .mktoButtonWrap {
	margin-left: 0px !important;
}

.cbp-marketo-form .form-container-js .mktoForm .mktoButtonWrap.mktoDownloadItunes .mktoButton {
	display: inline-block !important;
	padding: 10px 20px !important;
	border-radius: 30px !important;
	text-align: center !important;
	text-decoration: none !important;
	min-width: 120px !important;
	position: relative !important;
	margin: 5px 10px 5px 0 !important;
	-webkit-appearance: none !important;
	outline: none !important;
	border: none !important;
	cursor: pointer !important;
	font-weight: 300 !important;
	font-size: 18px !important;
	line-height: 1.4em !important;
	letter-spacing: 0.02em !important;
	-webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	-moz-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	-ms-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	-o-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1) !important;
	color: #fff;
	background: #284ed2 !important;
	border-top: none !important;
	border-bottom: none !important;
	border-left: none !important;
	border-right: none !important;
	box-shadow: none !important;
	font-family: inherit !important;
	width: auto !important;
	text-shadow: none !important;
	min-width: 191px !important;
}

.cbp-marketo-form .selectedMktoField {
	border: 2px solid #284ed2 !important;
}

.cbp-marketo-form .selectedMktoField .mktoLabel,
.cbp-marketo-form .selectedMktoField .mktoAsterix {
	color: #284ed2 !important;
}

.cbp-marketo-form .resource-container .mktoButton.activate-shake {
	animation: shake 820ms 1;
}

.cbp-marketo-form .resource-container.download-options {
	display: none;
}

.cbp-marketo-form .resource-container.download-options .resource-downloads a {
	display: block;
	background: #fff;
	padding: 15px;
}

.cbp-marketo-form .resource-container.download-options .resource-downloads a:hover {
	background: rgba(255, 255, 255, 0.5);
}

.cbp-marketo-form .gray-format .comp-title {
	font-size: 22px;
	letter-spacing: 0.01em;
	line-height: 1.3em;
}

.cbp-marketo-form .gray-format .sub-title {
	font-size: 14px;
	letter-spacing: 0.03em;
	line-height: 1.5em;
	color: #545868;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow.transparent .mktoFormCol {
	background-color: #eeeeef;
	margin: 0 !important;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow .mktoCheckboxList {
	width: 0% !important;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow .mktoCheckboxList input[type=checkbox] {
	top: 5px;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"] {
	background-color: #eeeeef;
	border: none;
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"].mktoLabel {
	width: 95% !important;
}

@media only screen and (max-width: 767px) {
	.cbp-marketo-form .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"].mktoLabel {
		width: 90% !important;
	}
}

@media only screen and (max-width: 414px) {
	.cbp-marketo-form .gray-format .mktoForm .mktoFormRow label[for="Consent_to_Processing__c"].mktoLabel {
		width: 83% !important;
	}
}

.cbp-marketo-form .gray-format .mktoForm .mktoFormRow select.mktoField {
	background: #fff url("//media.ciena.com/designimages/prx-down-arrow.png") no-repeat 97% 10% !important;
}

.mktoForm .mktoLabel, .mktoForm label {
    text-transform: none !important;
}

/*
*  Backgrounds
*/

.white-bg {
  color: #555;
  background-color: #FFFFFF;
}

.white-bg + .white-bg {
  padding-top: 0;
}

.gray-bg {
  background-color: #EEEEEF;
}

.gray-bg + .gray-bg {
  padding-top: 0;
}

.black-bg {
  color: #FFFFFF;
  background-color: #1C1E2A;
}

.black-bg + .black-bg {
  padding-top: 0;
}

.black-rock-bg {
  background-color: #282A36;
  color: #FFFFFF;
}

.black-rock-bg + .black-rock-bg {
  padding-top: 0;
}

.bp-wave-bg {
  background: url("https://media.ciena.com/images/BluePlanet_wave_thumb.jpg");
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: cover;
}

.top-quarter {
  background-repeat: no-repeat;
  background-position: top right;
  background-size: 100%;
}

@media only screen and (max-width: 767px) {
  .top-quarter {
    background-image: none !important;
  }
}

.blue-green, .question-cta {
  color: #FFFFFF;
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  background: linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
}

.blue-green p a:not(.button), .question-cta p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-blue {
  color: #FFFFFF;
  background: #00BC94;
  background: -moz-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -webkit-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -o-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: -ms-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  background: linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
}

.green-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-blue {
  color: #FFFFFF;
  background: #800A68;
  background: -moz-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -webkit-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -o-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: -ms-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  background: linear-gradient(45deg, #800A68 0%, #284ED2 100%);
}

.purple-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.blue-purple {
  color: #FFFFFF;
  background: #284ED2;
  background: -moz-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #284ED2 0%, #800A68 100%);
  background: linear-gradient(45deg, #284ED2 0%, #800A68 100%);
}

.blue-purple p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-purple {
  color: #FFFFFF;
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
  background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
}

.red-purple p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-red {
  color: #FFFFFF;
  background: #800A68;
  background: -moz-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: -webkit-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: -o-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: -ms-linear-gradient(45deg, #800A68 0%, #D31924 100%);
  background: linear-gradient(45deg, #800A68 0%, #D31924 100%);
}

.purple-red p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-red {
  color: #FFFFFF;
  background: #F47F0C;
  background: -moz-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: -webkit-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: -o-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: -ms-linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
  background: linear-gradient(45deg, #F47F0C 0%, #D31924 100%);
}

.orange-red p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-orange {
  color: #FFFFFF;
  background: #D31924;
  background: -moz-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: -webkit-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: -o-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: -ms-linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
  background: linear-gradient(45deg, #D31924 0%, #F47F0C 100%);
}

.red-orange p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-orange-reverse {
  color: #FFFFFF;
  background: #D31924;
  background: -moz-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: -webkit-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: -o-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: -ms-linear-gradient(-30deg, #D31924 20%, #F47F0C 100%);
  background: linear-gradient(120deg, #D31924 20%, #F47F0C 100%);
}

.red-orange-reverse p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-orange {
  color: #FFFFFF;
  background: #FFD000;
  background: -moz-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -webkit-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -o-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: -ms-linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
  background: linear-gradient(45deg, #FFD000 0%, #F47F0C 100%);
}

.yellow-orange p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-green {
  color: #FFFFFF;
  background: #FFD000;
  background: -moz-linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
  background: -webkit-linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
  background: -o-linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
  background: -ms-linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
  background: linear-gradient(45deg, #FFD000 0%, #00BC94 100%);
}

.yellow-green p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-yellow {
  color: #FFFFFF;
  background: #00BC94;
  background: -moz-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  background: -webkit-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  background: -o-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  background: -ms-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  background: linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
}

.green-yellow p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-yellow-reverse {
  color: #FFFFFF;
  background: #00BC94;
  background: -moz-linear-gradient(-30deg, #00BC94 0%, #FFD000 100%);
  background: -webkit-linear-gradient(-30deg, #00BC94 0%, #FFD000 100%);
  background: -o-linear-gradient(-30deg, #00BC94 0%, #FFD000 100%);
  background: -ms-linear-gradient(-30deg, #00BC94 0%, #FFD000 100%);
  background: linear-gradient(120deg, #00BC94 0%, #FFD000 100%);
}

.green-yellow-reverse p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.grey-black {
  color: #FFFFFF;
  background: #343642;
  background: -moz-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: -webkit-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: -o-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: -ms-linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
  background: linear-gradient(45deg, #343642 0%, #1C1E2A 100%);
}

.grey-black p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.black-grey {
  color: #FFFFFF;
  background: #1C1E2A;
  background: -moz-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: -webkit-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: -o-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: -ms-linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
  background: linear-gradient(45deg, #1C1E2A 0%, #343642 100%);
}

.black-grey p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.lgrey-dgrey {
  color: #FFFFFF;
  background: #80828C;
  background: -moz-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: -webkit-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: -o-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: -ms-linear-gradient(45deg, #80828C 0%, #343642 100%);
  background: linear-gradient(45deg, #80828C 0%, #343642 100%);
}

.lgrey-dgrey p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.dgrey-lgrey {
  color: #FFFFFF;
  background: #343642;
  background: -moz-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: -webkit-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: -o-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: -ms-linear-gradient(45deg, #343642 0%, #80828C 100%);
  background: linear-gradient(45deg, #343642 0%, #80828C 100%);
}

.dgrey-lgrey p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.lblue-dblue {
  color: #FFFFFF;
  background: #0080be;
  background: -moz-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -webkit-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -o-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: -ms-linear-gradient(45deg, #0080be 0%, #003D99 100%);
  background: linear-gradient(45deg, #0080be 0%, #003D99 100%);
}

.lblue-dblue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-light-gray {
  color: #555;
  background-color: #f1f2f2;
}

.bp-light-gray p {
  color: #555;
}

.bp-light-blue {
  color: #FFFFFF;
  background-color: #1ba9cc;
}

.bp-light-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-medium-blue {
  color: #FFFFFF;
  background-color: #1486c7;
}

.bp-medium-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-royal-blue {
  color: #FFFFFF;
  background-color: #0841a2;
}

.bp-royal-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-dark-blue {
  color: #FFFFFF;
  background-color: #0d3562;
}

.bp-dark-blue p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.bp-gray {
  color: #FFFFFF;
  background-color: #374450;
}

.bp-gray p a:not(.button) {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-blue-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .purple-blue-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("//media.ciena.com/designimages/prx-purple-blue-1x.jpg");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .purple-blue-img {
    background-image: url("//media.ciena.com/designimages/prx-purple-blue-2x.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .purple-blue-img {
    background: #800A68;
    background: -moz-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
    background: -webkit-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
    background: -o-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
    background: -ms-linear-gradient(45deg, #800A68 0%, #284ED2 100%);
    background: linear-gradient(45deg, #800A68 0%, #284ED2 100%);
  }
}

.red-purple-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .red-purple-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("//media.ciena.com/designimages/prx-red-purple-1x.jpg");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .red-purple-img {
    background-image: url("//media.ciena.com/designimages/prx-red-purple-2x.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .red-purple-img {
    background: #D31924;
    background: -moz-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -webkit-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -o-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: -ms-linear-gradient(45deg, #D31924 0%, #800A68 100%);
    background: linear-gradient(45deg, #D31924 0%, #800A68 100%);
  }
}

.green-blue-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .green-blue-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("//media.ciena.com/designimages/prx-green-blue-1x.jpg");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .green-blue-img {
    background-image: url("//media.ciena.com/designimages/prx-green-blue-2x.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .green-blue-img {
    background: #00BC94;
    background: -moz-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
    background: -webkit-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
    background: -o-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
    background: -ms-linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
    background: linear-gradient(45deg, #00BC94 0%, #284ED2 100%);
  }
}

.green-yellow-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .green-yellow-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("//media.ciena.com/designimages/prx-green-yellow.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .green-yellow-img {
    background: #00BC94;
    background: -moz-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
    background: -webkit-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
    background: -o-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
    background: -ms-linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
    background: linear-gradient(45deg, #00BC94 0%, #FFD000 100%);
  }
}

.blue-green-img {
  color: #FFFFFF;
}

@media only screen and (min-width: 1240px) {
  .blue-green-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url("//media.ciena.com/designimages/prx-gradient-bg-1x.jpg");
  }
}

@media only screen and (min-width: 1240px) and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min--moz-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (-o-min-device-pixel-ratio: 2 / 1) and (min-width: 320px), only screen and (min-width: 1240px) and (min-device-pixel-ratio: 2) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 192dpi) and (min-width: 320px), only screen and (min-width: 1240px) and (min-resolution: 2dppx) and (min-width: 320px) {
  .blue-green-img {
    background-image: url("//media.ciena.com/designimages/prx-gradient-bg-2x.jpg");
  }
}

@media only screen and (max-width: 1239px) {
  .blue-green-img {
    background: #284ED2;
    background: -moz-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
    background: -webkit-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
    background: -o-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
    background: -ms-linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
    background: linear-gradient(45deg, #284ED2 0%, #00BC94 100%);
  }
}

.blue-3-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_3_wave_bg_blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.blue-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-3-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_3_wave_bg_green.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.green-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-3-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_3_wave_bg_orange.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.orange-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-3-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_3_wave_bg_purple.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.purple-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-3-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_3_wave_bg_red.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.red-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-3-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_3_wave_bg_yellow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.yellow-3-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.blue-4-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_4_wave_bg_blue.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.blue-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.green-4-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_4_wave_bg_green.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.green-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.orange-4-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_4_wave_bg_orange.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.orange-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.purple-4-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_4_wave_bg_purple.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.purple-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.red-4-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_4_wave_bg_red.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.red-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.yellow-4-img {
  color: #FFFFFF;
  background-image: url("//media.ciena.com/designimages/prx_4_wave_bg_yellow.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.yellow-4-img p a {
  color: #FFFFFF;
  text-decoration: underline;
}


/* CBP CTA Two Column */

.split {
  background-size: cover;
}

@media only screen and (min-width: 1025px) {
  .split .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .split .row:after {
    display: none;
  }
  .split .column {
    min-height: 580px;
  }
  .split.cta-two-column .column {
    min-height: 371px;
  }
}

@media only screen and (max-width: 1024px) {
  .split .left-align {
    text-align: center;
  }
  .split .left-align ul {
    text-align: left;
  }
}

.split p {
  margin: 0 0 2em;
  opacity: 0.999;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .split p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.split strong {
  font-weight: 500;
}

.split .column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
  position: relative;
}

.split.top-align .column {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start;
}

.split.restrict-width .row {
  max-width: 1680px;
  margin: 0 auto;
}

.split.white-bg + .split.white-bg {
  border-top: 1px solid #EEEEEF;
}

.split.meetup.white-bg + .split.meetup.white-bg {
  border: 0 none;
}

@media only screen and (min-width: 1025px) {
  .split.inqueries .row {
    min-height: 360px;
  }
}

@media only screen and (min-width: 768px) {
  .split.inqueries .row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.split.pixel-fix {
  background-color: #70707b;
}

@media only screen and (max-width: 1024px) {
  .split.location {
    text-align: center;
  }
}

.split.location .featured-image {
  width: 56px;
  height: 56px;
}

@media only screen and (max-width: 767px) {
  .split.location .featured-image {
    width: 38px;
    height: 38px;
  }
}

.split.location p {
  font-weight: 200;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1239px) {
  .split.location p {
    font-weight: 200;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .split.location p {
    font-weight: 200;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.split .featured-image {
  margin-bottom: 20px;
}

.split .featured-image.top-left {
  position: absolute;
  top: 0;
  left: 0;
}

.split .featured-image.top-right {
  position: absolute;
  top: 0;
  right: 0;
}

.split .featured-image.bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
}

.split .featured-image.bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}

.split .split-content {
  max-width: 660px;
  margin-left: auto;
  margin-right: auto;
}

.split-content {
  width: 100%;
  padding: 100px 30px calc( 100px - 2em);
}

@media only screen and (max-width: 1599px) {
  .split-content {
    padding: 80px 30px;
  }
}

@media only screen and (max-width: 1239px) {
  .split-content {
    padding: 50px 30px;
  }
}


.cta-two-column .comp-title {
  color: #ffffff;
  text-transform: none;
}

.comp-title {
  margin: 0 0 .75em;
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
}

.content-wrap .comp-title {
  text-transform: none;
}

@media only screen and (max-width: 1239px) {
  .comp-title {
    font-size: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .comp-title {
    font-size: 28px;
  }
}

.comp-title.large {
  font-weight: 300;
  font-size: 60px;
  line-height: 1.13em;
  letter-spacing: -0.01em;
}

@media only screen and (max-width: 1239px) {
  .comp-title.large {
    font-weight: 300;
    font-size: 50px;
    line-height: 1.16em;
    letter-spacing: spacing;
  }
}

@media only screen and (max-width: 1024px) {
  .comp-title.large {
    font-weight: 300;
    font-size: 42px;
    line-height: 1.12em;
  }
}

@media only screen and (max-width: 767px) {
  .comp-title.large {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

.comp-title.small {
  font-size: 36px;
}

@media only screen and (max-width: 1239px) {
  .comp-title.small {
    font-size: 24px;
  }
}

@media only screen and (max-width: 1024px) {
  .comp-title.small {
    font-size: 22px;
  }
}

.comp-title.thin {
  font-weight: 200;
}

@media only screen and (max-width: 1024px) {
  .comp-title.insights-landing {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .comp-title.insights-landing {
    font-weight: 200;
    font-size: 32px;
    line-height: 1.25em;
  }
}

.comp-title.capitalize {
  text-transform: capitalize;
}

.comp-title a {
  color: inherit;
}

.comp-title a:hover, .comp-title a:visited, .comp-title a:active {
  color: inherit;
}

.comp-title.extra-top-margin {
  margin: 1em 0 0.75em;
}

.bolded-title {
  font-size: 25px;
  font-weight: 500;
  letter-spacing: 0.5px;
  margin: 0;
  color: #1c1e2a;
}

.add-margin-top {
  margin-top: 0.75em;
}

.add-padding-top {
  padding-top: 3em;
}

.comp-subtitle {
  font-size: 26px;
  font-weight: 200;
  line-height: 1.32em;
  margin: 0;
  padding: 0 0 1em;
}

@media only screen and (max-width: 1239px) {
  .comp-subtitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .comp-subtitle {
    font-size: 18px;
  }
}

.white-bg .comp-title {
  margin: 0;
  padding: 0 0 0.5em;
}

.section-title {
  font-size: 40px;
  font-weight: 500;
}

.split-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
  margin: 0 0 0.57em;
  opacity: 0.999;
}

.split-title.thin {
  font-weight: 200;
}

@media only screen and (max-width: 1239px) {
  .split-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    margin-bottom: 0.83em;
  }
}

@media only screen and (max-width: 1024px) {
  .split-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.small-title {
  margin: 0 0 1em;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.sub-title {
  margin: 0 0 .5em;
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
}

@media only screen and (max-width: 1239px) {
  .sub-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.cta-header {
  padding: 0 30px;
}

.cta-header:after {
  content: "";
  display: table;
  clear: both;
}

.cta-header .comp-title {
  float: left;
  margin: 0;
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
}

@media only screen and (max-width: 1024px) {
  .cta-header .comp-title {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .cta-header .comp-title {
    font-weight: 200;
    font-size: 32px;
    line-height: 1.25em;
    float: none;
  }
}

.cta-header .btn,
.cta-header .sort-dropdown-container {
  float: right;
}

@media only screen and (max-width: 767px) {
  .cta-header .btn,
  .cta-header .sort-dropdown-container {
    float: none;
    margin-top: 15px;
  }
}


/* CBP One Column */

#content .image-first-flex .split-content {
    max-width: 660px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
}

#content .image-first-flex .split-content p {
    font-size: 16px;
    height: 100%;
}

#content .image-first-flex .split-content h2.split-title.thin {
    font-size: 18px;
    font-weight: 500;
}

#content .image-first-flex .split-content img {
    order: -1;
}

.cbp-one-col-wrapper.overlay,
.cbp-one-col-wrapper.even-overlay {
  position: relative;
}

.cbp-one-col-wrapper h2.comp-title {
    padding: 60px 0 20px;
    margin: 0 auto;
    max-width: 1170px;
}

.cbp-one-col-wrapper .overview p {
    font-size: 20px;
    margin: 20px 0 0;
}

.cbp-one-col-wrapper.dark .overview p {
    color:  #555;
}

.cbp-one-col-wrapper.light .overview p {
    color:  #fff;
}

#content .cbp-one-col-wrapper .additional-content {
    font-weight: 300;
    font-size: 18px;
    line-height: 1.8em;
    letter-spacing: 0.03em;
    padding: 30px 15px 70px;
}

#content .cbp-one-col-wrapper .additional-content p {
    margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
    .cbp-one-col-wrapper .overview p {
        font-size: 18px;
    }
}

.cbp-one-col-wrapper.overlay:before {
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.cbp-one-col-wrapper.even-overlay:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.bg-center {
  background-position: center;
}

.bg-overlay:before {
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  background: linear-gradient(to top, rgba(0, 0, 0, 0) 10%, rgba(0, 0, 0, 0.7) 54%);
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.bg-even-overlay:before {
  background-color: rgba(0, 0, 0, 0.5);
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 0;
}

.bg-overlay .split-content,
.bg-even-overlay .split-content {
	position: relative;
}

.cbp-one-col-wrapper .large-icon {
    margin-bottom: 20px;
    max-height: 142px;
    width: auto;
}

#content .cbp-one-col-wrapper.one-col-row {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  padding: 70px 15px 70px;
}

#content .cbp-one-col-wrapper.one-col-row .button-container {
    margin-bottom: 0;
}

.cbp-one-col-wrapper.one-col-row.light {
  color: #FFFFFF !important;
}

.cbp-one-col-wrapper.one-col-row.light p a {
  color: #FFFFFF;
  text-decoration: underline;
}

.cbp-one-col-wrapper.one-col-row.dark {
  color: #555 !important;
}

.cbp-one-col-wrapper.one-col-row.dark p a {
  color: #555;
  text-decoration: underline;
}

.cbp-one-col-wrapper.one-col-row.bg-image {
  color: #FFFFFF;
}

@media only screen and (max-width: 1239px) {
  .cbp-one-col-wrapper.one-col-row, .no-webgl .view-3d + .cbp-one-col-wrapper.one-col-row.gray-bg {
    padding: 90px 0;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row, .no-webgl .view-3d + .cbp-one-col-wrapper.one-col-row.gray-bg {
    padding: 70px 0;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-one-col-wrapper.one-col-row, .no-webgl .view-3d + .cbp-one-col-wrapper.one-col-row.gray-bg {
    padding: 50px 0;
  }
}

.cbp-one-col-wrapper.one-col-row.left-align .content-split {
  width: 50%;
  padding: 0 30px;
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row.left-align .content-split {
    width: 100%;
  }
}

#content .cbp-one-col-wrapper.one-col-row .container {
  max-width: 965px;
  margin: 0 auto;
  display: block;
  padding: 0 30px;
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row .container {
    max-width: 850px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-one-col-wrapper.one-col-row .container {
    max-width: 630px;
  }
}

@media only screen and (max-width: 500px) {
  .cbp-one-col-wrapper.one-col-row .box-featured {
    height: 40px;
  }
}

.cbp-one-col-wrapper.one-col-row .row-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
  margin: 20px 0 0;
}

@media only screen and (max-width: 1239px) {
  .cbp-one-col-wrapper.one-col-row .row-title {
    font-weight: 300;
    font-size: 32px;
    line-height: 1.25em;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row .row-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-one-col-wrapper.one-col-row .row-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.cbp-one-col-wrapper.one-col-row p {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
  margin: 15px 0;
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper.one-col-row p {
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-one-col-wrapper.one-col-row p {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}

.cbp-one-col-wrapper.light h2,
.cbp-one-col-wrapper.light h3 {
  color: #ffffff;
}

.cbp-one-col-wrapper.dark h2,
.cbp-one-col-wrapper.dark h3 {
  color: #555;
}


.cbp-one-col-wrapper .split-title {
  font-weight: 300;
  font-size: 36px;
  line-height: 1.2em;
  margin: 0 0 0.57em;
  opacity: 0.999;
  text-transform: none;
}

.cbp-one-col-wrapper .split-title.thin {
  font-weight: 200;
}

.cbp-one-col-wrapper h4 {
    font-weight: 400;
    font-size: 22px;
}

@media only screen and (max-width: 1239px) {
  .cbp-one-col-wrapper .split-title {
    font-weight: 300;
    font-size: 24px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
    margin-bottom: 0.83em;
  }
  
  .cbp-one-col-wrapper h4 {
    font-size: 18px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-one-col-wrapper .split-title {
    font-weight: 300;
    font-size: 22px;
    line-height: 1.3em;
    letter-spacing: 0.01em;
  }
}

.cbp-one-col-wrapper .small-title {
  margin: 0 0 1em;
  font-weight: 500;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}

.col-inner-image {
    display: block;
    margin-bottom: 20px;
}

.col-inner-image.img-small {
    width: 60%;
}

.col-inner-image.img-medium {
    width: 80%;
}

.col-inner-image.img-large {
    width: 100%;
}

#content .cbp-two-col.container {
    padding: 50px 15px;
}

#content .cbp-two-col.drop-row-padding {
    padding-top: 0;
    padding-bottom: 0;
}

#content .cbp-two-col.drop-column-padding .split-content {
    padding-left: 10px;
    padding-right: 10px;
}

.reduce-padding .split-content {
    padding-bottom: 30px;
}

#content .cbp-two-col .center .col-inner-image {
    margin: 0 auto 20px;
}

#content .cbp-two-col .split-content img {
    height: auto;
}

.cbp-two-col > div {
	position: relative;
}

.cbp-two-col .image-tile {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 300px;
    color: #fff;
}

.cbp-one-col-wrapper .image-tile.bg-right {
	background-position: right;
}

.cbp-one-col-wrapper .image-tile.bg-left {
	background-position: left;
}

.cbp-one-col-wrapper .image-tile.bg-center {
	background-position: center;
}

@media only screen and (max-width: 992px) {
	.cbp-two-col .image-tile + style + .image-tile {
		margin-top: 10px;
	}
	
	.cbp-two-col.reverse-order {
	    flex-direction: column-reverse;
	}
}

.cbp-two-col .button-container {
    margin: 0;
}

.cbp-two-col h2, .cbp-two-col h3 {
    color: #fff;
}

.cbp-two-col {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
}

#content .cbp-two-col > div {
    display: flex;
    align-items: center;
}

#content .top-align .cbp-two-col > div {
    align-items: flex-start;
}

.cbp-two-col .dark-text,
.cbp-two-col .dark-text h2,
.cbp-two-col .dark-text h3 {
    color: #555;
}

.cbp-two-col .light-text,
.cbp-two-col .light-text h2,
.cbp-two-col .light-text h3 {
    color: #fff;
}

@media only screen and (min-width: 992px) {
    .cbp-two-col {
        flex-direction: row;
    }
    .cbp-two-col .image-tile:first-child {
        margin-right: 10px;
    }
    .cbp-two-col .image-tile + style + .image-tile:last-child {
        margin-left: 10px;
    }
}

.cbp-two-col.featured-tiles {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: 50% 50%;
}

.cbp-two-col.featured-tiles .split-content {
    padding: 2rem;
}

.cbp-two-col.featured-tiles .split-title {
    font-size: 26px;
}

.cbp-two-col.featured-tiles .column-1 {
    grid-column: 1 / 2;
    grid-row: 1 / 3;
}

.cbp-two-col.featured-tiles .column-2 {
    grid-column: 2;
    grid-row: 1 / 2;
}

.cbp-two-col.featured-tiles .column-3 {
    grid-column: 2;
    grid-row: 2;
}

@media only screen and (max-width: 1024px) {
	.cbp-two-col.featured-tiles {
	    grid-template-columns: 100%;
	}
	
	.cbp-two-col.featured-tiles .split-title {
	    font-size: 22px;
	}
	
	.cbp-two-col.featured-tiles .column-1 {
	    grid-column: 1;
	    grid-row: 1;
	}
	
	.cbp-two-col.featured-tiles .column-2 {
	    grid-column: 1;
	    grid-row: 2;
	}
	
	.cbp-two-col.featured-tiles .column-3 {
	    grid-column: 1;
	    grid-row: 3;
	}
}


/* CBP Module Hero */

#hero.hasMobileHero .mobileHero {
  display: none;
}

#content .naas-landing.cbp-hero-banner .breadcrumb-container + .container {
  position: static;
}

#content .naas-landing.cbp-hero-banner .cbp-hero-banner-content a {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
}

#content .naas-landing .breadcrumb-container .breadcrumb {
  display: none;
}

/*
.naas-landing.cbp-hero-banner .hero-promo {
    padding-top: 0;
    font-weight: bold;
    position: absolute;
    width: 100%;
    transform: translateY(90%);
    text-align: center;
}

#content .naas-landing .sub-text {
  font-size: 22px;
}

@media only screen and (min-width: 1624px) {
	.naas-landing.cbp-hero-banner .hero-promo {
		transform: translateY(130%);
		text-align: center;
	}
}

@media only screen and (max-width: 1024px) {
	.naas-landing.cbp-hero-banner .hero-promo {
		left: 50%;
		transform: translate(-40%, 90%);
		text-align: center;
		display: flex;
		align-items: baseline;
		justify-content: space-between;
		max-width: 50rem;
	}
}

@media only screen and (max-width: 767px) {
	.naas-landing.cbp-hero-banner .hero-promo {
		left: auto;
		transform: translateY(30%);
		text-align: center;
		display: flex;
		align-items: baseline;
		justify-content: center;
		width: 100%;
	}
}
*/

@media only screen and (max-width: 768px) {
  #hero.hasMobileHero .mobileHero {
    display: block;
  }
  #hero.hasMobileHero .hero-bg:not(.mobileHero) {
    display: none;
  }
}

#hero .story-one .title {
  /* This was changed for 5g brand canvas. it was 200 */
  font-weight: 600;
  margin-bottom: 0;
}

#hero .story-one .subtitle .alt-subtext {
  font-size: 52px;
}

#hero .story-one .alt-subtitle {
  font-size: 34px;
  line-height: 1.15;
  margin-top: 30px;
  display: block;
}

#hero .story-one .subtitle {
    margin-top: 0;
}

@media only screen and (max-width: 1599px) {
  #hero .story-one .subtitle .alt-subtext {
    font-size: 42px;
  }
}

@media only screen and (max-width: 1024px) {
  #hero .story-one .subtitle .alt-subtext {
    font-size: 24px;
    margin-top: 5px;
    display: block;
  }
  #hero .story-one .alt-subtitle {
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  #hero .story-one .subtitle .alt-subtext {
    font-size: 22px;
  }
  #hero .story-one .alt-subtitle {
    font-size: 20px;
  }
}

.hide-breadcrumb .breadcrumb-container .breadcrumb {
	display: none;
}

.cbp-hero-banner {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: auto;
  overflow: hidden;
}

.cbp-hero-banner.dark .breadcrumb a {
    color: #fff;
}

#content .cbp-hero-banner .breadcrumb-container + .container {
	padding-top: 10px;
}

#content .cbp-hero-banner .breadcrumb-container .breadcrumb li {
	padding-left: 0;
}

#content .cbp-hero-banner .row {
	margin-left: 0;
	margin-right: 0;
}

.cbp-hero-banner .breadcrumb-container {
	padding-top: 30px;
	padding-bottom: 0;
}

@media (max-width: 768px) {
	.cbp-hero-banner .breadcrumb-container {
		text-align: center;
	}
}


@media only screen and (max-width: 500px) {
  .cbp-hero-banner.badge-container .column .badge {
    float: left;
    padding: 10px 5px 0 0;
  }
}

@media only screen and (max-width: 500px) {
  .cbp-hero-banner.badge-container .column .btn {
    margin-top: 7%;
  }
}

.cbp-hero-banner .hero-promo {
    padding-top: 20px;
    font-weight: bold;
}

.cbp-hero-banner .logo-overlay {
  position: absolute;
  bottom: 5%;
  left: 5%;
  max-width: 180px;
}

@media only screen and (max-width: 1152px) {
  .cbp-hero-banner .logo-overlay {
    max-width: 140px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner .logo-overlay {
    max-width: 120px;
  }
}

@media only screen and (max-width: 500px) {
  .cbp-hero-banner .logo-overlay {
    max-width: 80px;
  }
}

.cbp-hero-banner.tall {
  min-height: 962px;
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner.tall {
    min-height: 792px;
  }
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner.tall {
    min-height: 594px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.tall {
    min-height: 385px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.tall {
    min-height: 188px;
  }
}

.cbp-hero-banner.plus {
  min-height: 650px;
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner.plus {
    min-height: 550px;
  }
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner.plus {
    min-height: 450px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.plus {
    min-height: 350px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.plus {
    min-height: 188px;
  }
}

.cbp-hero-banner.short {
  min-height: 380px;
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner.short {
    min-height: 380px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.short {
    min-height: 260px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.short {
    min-height: 230px;
  }
}

@media only screen and (max-width: 500px) {
  .cbp-hero-banner.short {
    min-height: 188px;
  }
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner.short.mini {
    min-height: 300px;
  }
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner.short.mini {
    min-height: 275px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.short.mini {
    min-height: 200px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.short.mini {
    min-height: 150px;
  }
}

.cbp-hero-banner .column {
  height: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner .column {
    padding-top: 20px;
    padding-bottom: 20px;
    height: auto;
  }
  .cbp-hero-banner .column.xs-6:only-child {
    width: 100%;
    max-width: 100%;
  }
}

.cbp-hero-banner .column + .column {
  padding-top: 6.81818%;
  padding-bottom: 6.81818%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.cbp-hero-banner .column .wrap {
  padding: 0 15%;
  max-width: 100%;
  position: relative;
}

.cbp-hero-banner.bottom-align .column {
  padding-bottom: 7.72727%;
}

.cbp-hero-banner .cbp-hero-banner-content {
  width: 100%;
}

.cbp-hero-banner .cbp-hero-banner-content .category {
  font-weight: 700;
  font-size: 12px;
  line-height: 1.5em;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  margin: 0;
}

@media only screen and (max-width: 500px) {
  .cbp-hero-banner .cbp-hero-banner-content .category {
    font-size: 9px;
  }
}

.cbp-hero-banner .cbp-hero-banner-content .category.orange {
  color: #d78534;
}

.cbp-hero-banner.centered {
  text-align: center;
}

.cbp-hero-banner.centered .column {
  width: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
}

.cbp-hero-banner.centered .sub-text {
  margin-bottom: 7%;
}

.cbp-hero-banner.centered .cbp-hero-banner-content {
  padding: 0 7.68049%;
}

.cbp-hero-banner.product-family {
  margin-bottom: 35px;
}

.cbp-hero-banner.bg-right {
  background-position: center right;
}

.cbp-hero-banner.white {
  color: #FFFFFF;
}

.cbp-hero-banner.black {
  color: #1C1E2A;
}

.cbp-hero-banner .model {
  margin: 0;
  font-weight: 700;
  font-size: 98px;
  line-height: 1.1em;
  letter-spacing: -0.02em;
}


.cbp-hero-banner .model.normal.hero-header-large {
    font-size: 60px;
    font-weight: 500;
    margin-top: 4rem;
    margin-bottom: 20px;
}

.cbp-hero-banner .model.normal.hero-header-medium {
    font-size: 45px;
    font-weight: 500;
    margin-top: 6rem;
    margin-bottom: 20px;
}


@media only screen and (max-width: 1024px) {
    .cbp-hero-banner .model.normal.hero-header-large {
        font-size: 40px;
        margin-top: 2rem;
        margin-bottom: 10px;
    }
    .cbp-hero-banner .model.normal.hero-header-medium {
        font-size: 30px;
        margin-top: 4rem;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .cbp-hero-banner .model.normal.hero-header-large {
        margin-top: -1rem;
    }
    .cbp-hero-banner .model.normal.hero-header-medium {
        margin-top: 1rem;
    }
}


.cbp-hero-banner .sub-text.hero-subtitle-small {
    font-size: 22px;
    font-weight: 400;
    margin-top: 0;
}

.cbp-hero-banner .sub-text.hero-subtitle-medium {
    font-size: 28px;
    font-weight: 400;
    margin-top: 0;
}


@media only screen and (max-width: 1024px) {
    .cbp-hero-banner .sub-text.hero-subtitle-medium {
        font-size: 20px;
        font-weight: 400;
        margin-top: 0;
        padding-bottom: 3rem;
    }
    .cbp-hero-banner .sub-text.hero-subtitle-small {
        font-size: 16px;
        font-weight: 400;
        margin-top: 0;
        padding-bottom: 20px;
    }
}


@media only screen and (max-width: 1599px) {
  .cbp-hero-banner .model {
    font-size: 74px;
  }
}

@media only screen and (max-width: 1239px) {
  .cbp-hero-banner .model {
    font-size: 60px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner .model {
    font-size: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner .model {
    font-size: 26px;
  }
}

.cbp-hero-banner .model.normal {
  font-weight: 300;
}

.cbp-hero-banner .model.thin {
  font-weight: 200;
}

.cbp-hero-banner.bp-mdso-hero .model {
  font-size: 68px;
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner.bp-mdso-hero .model {
    font-size: 64px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner.bp-mdso-hero .model {
    font-size: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.bp-mdso-hero .model {
    font-size: 20px;
  }
}

.cbp-hero-banner .badge {
  padding: 20px 30px 0 0;
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner .badge {
    max-height: 100px;
  }
}

.cbp-hero-banner .sub-text {
  margin: 10px 0 0;
  opacity: 0.999;
  font-weight: 300;
  font-size: 42px;
  line-height: 1.12em;
  text-transform: none;
}

@media only screen and (max-width: 1599px) {
  .cbp-hero-banner .sub-text {
    font-size: 32px;
  }
}

@media only screen and (max-width: 1024px) {
  .cbp-hero-banner .sub-text {
    font-size: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner .sub-text {
    font-size: 15px;
  }
}

.cbp-hero-banner .product-preview {
  max-height: 100%;
  max-width: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}

.cbp-hero-banner.auto-height {
  height: auto;
}

.cbp-hero-banner.search-banner {
  height: auto;
  transition: 2s;
}

.cbp-hero-banner.search-banner .column {
  height: auto;
  min-height: 180px;
}

/*
	CBP Award
*/

/* Family Products */

#awards .container {
    padding-top: 0;
}

.family-products .family-title {
  font-weight: 200;
  font-size: 42px;
  line-height: 1.12em;
  text-align: center;
  margin: 0 0 40px 0;
}

@media only screen and (max-width: 1239px) {
  .family-products .family-title {
    font-weight: 200;
    font-size: 36px;
    line-height: 1.2em;
  }
}

@media only screen and (max-width: 767px) {
  .family-products .family-title {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.3em;
  }
}

.family-products .container > .btn-container {
  margin-top: 50px;
}

.family-products .family-product-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 15px;
  margin-top: 15px;
}

.family-products .family-product-detail p {
	margin-top: 10px;
}

.family-products .family-product-image {
  position: relative;
  padding: 40px 40px 0 40px;
  text-align: center;
}

.family-products .family-product-image img {
  position: absolute;
  top: 50%;
  left: 50%;
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 767px) {
  .family-products .family-product-image img {
    position: static;
    top: 0;
    left: 0;
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}

.family-products .family-product-description {
  padding: 40px 40px 30px 40px;
}

.family-products .family-product-description .family-product-title {
  font-weight: 300;
  font-size: 28px;
  line-height: 1.3em;
  margin: 0 0 20px 0;
}

@media only screen and (max-width: 1024px) {
  .family-products .family-product-description .family-product-title {
    font-weight: 300;
    font-size: 20px;
    line-height: 1.35em;
    letter-spacing: 0.02em;
  }
}

.family-products .family-product-description svg.chevron {
  margin: 0;
  stroke: #284ED2;
}

.family-products .family-product-description .desc {
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 767px) {
  .family-products .family-product-description .desc {
    display: none;
  }
}

.family-products.content-rows-component img {
  max-width: 100%;
  max-height: 250px;
}

#awards.family-products .family-product-image a {
  display: block;
}

#awards.family-products .family-product-description .family-product-title {
  margin: 0;
}

#awards.family-products .family-product-description .family-product-subtitle {
  margin: 0;
}

#awards .items-list-container {
  display: none;
}

.split .row.external-award-slide-down {
  display: none;
}

.split .row.external-award-slide-down div {
  padding: 50px 0;
}

.split .row.external-award-slide-down p, .split .row.external-award-slide-down .btn-container {
  margin: 0 auto;
  max-width: 70%;
}

.split .row.external-award-slide-down .btn-container {
  padding: 20px 0 0;
}

.internal-award-slide-down {
  display: none;
  padding-top: 40px;
}

#awards .small-label {
  display: block;
  font-size: 13px;
  font-weight: 500;
  margin: 1em 0;
}


/*
	Custom Illusion Hero
*/


#hero.cbp-hero-banner.illusion-bg-animated .container {
	padding-top: 30px;
	padding-left: 50px;
}
@media (max-width: 479px) {
  #content .cbp-hero-banner.illusion-bg-animated .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
	#hero.cbp-hero-banner.illusion-bg-animated .container {
	  width: 920px;
	}
}
@media (min-width: 992px) {
	#hero.cbp-hero-banner.illusion-bg-animated .container {
	  width: 1270px;
	}
}
@media (min-width: 1200px) {
	#hero.cbp-hero-banner.illusion-bg-animated .container {
	  width: auto;
	}
}

#hero.cbp-hero-banner.illusion-bg-animated .hero-bg {
    display: none;
}

#hero.cbp-hero-banner.illusion-bg-animated .story-one {
	width: 66.66667%;
	max-width: 66.66667%;
	position: relative;
	top: 0;
	transform: none;
	left: 0;
}

#hero.cbp-hero-banner.illusion-bg-animated .story-one .btn {
	margin-top: 40px;
	margin-bottom: 40px;
}

.cbp-hero-banner.illusion-bg-animated {
    color: white;
    background: repeating-linear-gradient( 45deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
}

.cbp-hero-banner.illusion-bg-animated:before {
  height: 100%;
  width: 2rem;
  background-color: #00539d;
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
}

.cbp-hero-banner.illusion-bg-animated .breadcrumb-container .breadcrumb {
  display: none;
}

#hero.cbp-hero-banner.illusion-bg-animated .title {
    padding-top: 15px;
    margin-bottom: -8px;
}

/*
#hero.cbp-hero-banner.illusion-bg-animated h2.subtitle,
.cbp-hero-banner.illusion-bg-animated h1.model {
     animation: pixelate-text-in 3.5s forwards;
     animation-delay: .7s;
     font-size: 88px;
     font-weight: 800;
     text-transform: uppercase;
     margin-top: 20px;
     margin-bottom: 20px;
     max-width: 100%;
     opacity: 0;
     line-height: 1.12;
     background-clip: text;
     -webkit-background-clip: text;
}
*/

#hero.cbp-hero-banner.illusion-bg-animated h2.subtitle,
.cbp-hero-banner.illusion-bg-animated h1.model {
     animation: fade-text-in 1.5s forwards;
     animation-delay: .7s;
     font-size: 88px;
     font-weight: 800;
     text-transform: uppercase;
     margin-top: 20px;
     margin-bottom: 20px;
     max-width: 100%;
     opacity: 0;
     position: relative;
     line-height: 1.12;
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      background-position: -30px;
      color: transparent;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
}

#hero.cbp-hero-banner.illusion-bg-animated h2.subtitle::before,
.cbp-hero-banner.illusion-bg-animated h1.model::before {
  animation: text-fade-in-white 2.5s forwards;
  animation-delay: 2s;
  position: absolute;
  content: "You Can't Automate What You Can't See";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: repeating-linear-gradient( 145deg, #ffffff, #ffffff 20px, #ffffff 20px, #ffffff 40px );
  background-clip: text;
  text-fill-color: transparent;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  z-index: 1;
  transition: opacity 0.5s linear;
  opacity: 0;
}

@keyframes fade-text-in {
   100% {
      opacity: 1;
      background-position: 0;
   }
}

@-webkit-keyframes fade-text-in {
   100% {
      opacity: 1;
      background-position: 0;
   }
}

@keyframes text-fade-in-white {
   100% {
  		background: repeating-linear-gradient( 145deg, #ffffff, #ffffff 20px, #ffffff 20px, #ffffff 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
}

@-webkit-keyframes text-fade-in-white {
   100% {
  		background: repeating-linear-gradient( 145deg, #ffffff, #ffffff 20px, #ffffff 20px, #ffffff 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
}

.cbp-hero-banner.illusion-bg-animated h2.sub-text {
	position: relative;
	animation: slide-in-from-left 1.5s forwards;
	color: #fff;
	font-weight: bold;
	font-size: 19px;
	left: -30px;
	opacity: 0;
}

#hero.cbp-hero-banner.illusion-bg-animated .title,
.cbp-hero-banner.illusion-bg-animated .cbp-hero-banner-content .category {
	animation: slide-in-from-left 1.5s forwards;
	animation-delay: .5s;
	text-transform: none;
	font-size: 16px;
	font-weight: 500;
	left: -30px;
	position: relative;
	opacity: 0;
	color: white;
}

#hero.cbp-hero-banner.illusion-bg-animated .story-one .btn,
.cbp-hero-banner.illusion-bg-animated .cbp-hero-banner-content .button {
	animation: slide-in-from-left 1.5s forwards;
	animation-delay: 3.5s;
	left: -30px;
	position: relative;
	opacity: 0;
}

@media only screen and (max-width: 1255px) {
  #hero.cbp-hero-banner.illusion-bg-animated .story-one {
        width: 68%;
        max-width: 68%;
  }
}
@media only screen and (max-width: 1239px) {
  #hero.cbp-hero-banner.illusion-bg-animated .story-one {
        width: 65%;
        max-width: 65%;
  }
  #hero.cbp-hero-banner.illusion-bg-animated h2.subtitle,
  .cbp-hero-banner.illusion-bg-animated h1.model {
    font-size: 70px;
  }
  .cbp-hero-banner.illusion-bg-animated h2.sub-text {
      font-size: 16px;
  }
}

@media only screen and (max-width: 991px) {
	#hero.cbp-hero-banner.illusion-bg-animated .story-one,
    .cbp-hero-banner.illusion-bg-animated .column.sm-8{
        width: 85%;
        max-width: 85%;
        text-align: left;
    }
}

@media only screen and (max-width: 767px) {
  .cbp-hero-banner.illusion-bg-animated.plus{
    min-height: 400px;
  }
   .cbp-hero-banner.illusion-bg-animated h1.model {
     font-size: 40px;
     width: 70%;
   }
  #hero.cbp-hero-banner.illusion-bg-animated h2.subtitle {
     font-size: 40px;
     width: 85%;
   }
}

@media only screen and (max-width: 570px) {
   #hero.cbp-hero-banner.illusion-bg-animated h2.subtitle,
   .cbp-hero-banner.illusion-bg-animated h1.model {
     font-size: 35px;
     width: 80%;
   }
	#hero.cbp-hero-banner.illusion-bg-animated .story-one {
        width: 95%;
        max-width: 95%;
    }
}


@keyframes slide-in-from-left {
    100% { 
       left: 0; 
       opacity: 1;
   }
}

@-webkit-keyframes slide-in-from-left {
    100% { 
       left: 0; 
       opacity: 1;
   }
}


@keyframes pixelate-text-in {
   0% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 0;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   20% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   50% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   65% {
      opacity: 0;
      color: transparent;
   }
   100% {
      color: white;
      opacity: 1;
   }
}

@-webkit-keyframes pixelate-text-in {
   0% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 0;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   20% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   50% {
      background: repeating-linear-gradient( 145deg, #1d1e1c, #1d1e1c 20px, #00539d 20px, #00539d 40px );
      color: transparent;
      opacity: 1;
      background-clip: text;
      text-fill-color: transparent;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
   }
   65% {
      opacity: 0;
      color: transparent;
   }
   100% {
      color: white;
      opacity: 1;
   }
}

.story.top-right-text {
    text-align: right;
    padding-top: 25px;
}

.story.top-right-text h2.title {
    font-size: 30px;
    font-weight: 300;
}

.story.top-right-text strong {
    padding-top: 20px;
    display: block;
    font-size: 30px;
    font-weight: 500;
    width: 100%;
    float:right;
}

@media only screen and (max-width: 1024px) {
    .story.top-right-text h2.title {
        font-size: 18px;
    }

    .story.top-right-text strong {
        font-size: 20px;
        font-weight: 500;
    }
}


/*
	Related Resources
*/

.related-resources-container {
    display: flex;
    flex-wrap: wrap;
}

.related-resources-container .resource {
    min-width: 230px;
    flex: 1 1 24%;
    max-width: 32%;
}

@media (min-width: 991px) {
	.related-resources-container.four-col-flex {
		justify-content: flex-start;
		margin-bottom: 50px;
	}
	.related-resources-container.four-col-flex .resource {
		max-width: 24%;
		margin: 0 0.2%;
	}
}
@media (min-width: 1200px) {
	.related-resources-container.four-col-flex .resource {
		margin: 0 0.5%;
	}
}

@media (max-width: 991px) {
	.related-resources-container.four-col-flex .resource,
	.related-resources-container.three-col-flex .resource {
		max-width: 49%;
	}
	.related-resources-container .resource:last-child {
		margin-right: 12px;
	}
}

@media (max-width: 571px) {
	.related-resources-container.four-col-flex .resource,
	.related-resources-container.three-col-flex .resource {
		max-width: 100%;
	}
}

/* CBP Story Slider */

.cbp-story-slider .hero-banner.an-story-hero .category {
	font-size: 15px;
}

@media only screen and (max-width: 1239px) {
	.cbp-story-slider .hero-banner.an-story-hero .category {
		font-size: 13px;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .hero-banner.an-story-hero .category {
		font-size: 10px;
	}
}

.cbp-story-slider .hero-banner.an-story-hero .model {
	font-size: 68px;
}

@media only screen and (max-width: 1360px) {
	.cbp-story-slider .hero-banner.an-story-hero .model {
		font-size: 58px;
	}
}

@media only screen and (max-width: 1239px) {
	.cbp-story-slider .hero-banner.an-story-hero .model {
		font-size: 50px;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .hero-banner.an-story-hero .model {
		font-size: 35px;
	}
}

@media only screen and (max-width: 767px) {
	.cbp-story-slider .hero-banner.an-story-hero .model {
		font-size: 25px;
	}
}

@media only screen and (max-width: 500px) {
	.cbp-story-slider .hero-banner.an-story-hero .model {
		font-size: 20px;
	}
}

@media only screen and (max-width: 414px) {
	.cbp-story-slider .hero-banner.an-story-hero .model {
		font-size: 18px;
	}
}

.cbp-story-slider .hero-banner.an-story-hero .sub-text {
	font-weight: 100;
	font-size: 30px;
	line-height: 1.2em;
	margin: 25px 0;
}

@media only screen and (max-width: 1360px) {
	.cbp-story-slider .hero-banner.an-story-hero .sub-text {
		font-size: 26px;
	}
}

@media only screen and (max-width: 1152px) {
	.cbp-story-slider .hero-banner.an-story-hero .sub-text {
		font-size: 24px;
		margin: 15px 0;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .hero-banner.an-story-hero .sub-text {
		font-size: 20px;
		font-weight: 200;
	}
}

@media only screen and (max-width: 767px) {
	.cbp-story-slider .hero-banner.an-story-hero .sub-text {
		font-size: 15px;
		margin: 10px 0;
	}
}

@media only screen and (max-width: 500px) {
	.cbp-story-slider .hero-banner.an-story-hero .sub-text {
		font-size: 14px;
		margin: 5px 0;
	}
}

@media only screen and (max-width: 414px) {
	.cbp-story-slider .hero-banner.an-story-hero .sub-text {
		font-size: 12px;
		margin: 5px 0;
	}
}

.cbp-story-slider .hero-banner.an-story-hero .sub-text strong {
	font-weight: 500;
}

@media only screen and (max-width: 1152px) {
	.cbp-story-slider .hero-banner.an-story-hero .btn-container {
		margin-top: 20px;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .hero-banner.an-story-hero .btn-container {
		margin-top: 10px;
	}
}

.cbp-story-slider .hero-banner.an-story-hero .btn {
	font-size: 20px;
}

@media only screen and (max-width: 1239px) {
	.cbp-story-slider .hero-banner.an-story-hero .btn {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1152px) {
	.cbp-story-slider .hero-banner.an-story-hero .btn {
		font-size: 15px;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .hero-banner.an-story-hero .btn {
		padding: 10px 20px;
	}
}

.cbp-story-slider .wrapper {
	width: 100%;
	height: 100vh;
	z-index: 10000;
	overflow: hidden;
	perspective: 1000;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .wrapper {
		height: unset;
	}
}

.cbp-story-slider .wrapper .scrollmagic-pin-spacer {
	width: 100% !important;
}

.cbp-story-slider .slider-text {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #fff;
	width: 50%;
	padding: 7% 5%;
}

.cbp-story-slider .slider-text a {
	color: #fff;
}

.cbp-story-slider .slider-text .btn {
	font-size: 20px;
}

@media only screen and (max-width: 1239px) {
	.cbp-story-slider .slider-text .btn {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1152px) {
	.cbp-story-slider .slider-text .btn {
		font-size: 15px;
	}
}

.cbp-story-slider .story-text {
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #fff;
	width: 50%;
	padding: 0% 5%;
}

.cbp-story-slider .story-text a {
	color: #fff;
}

.cbp-story-slider .story-text .btn {
	font-size: 20px;
}

@media only screen and (max-width: 1239px) {
	.cbp-story-slider .story-text .btn {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1152px) {
	.cbp-story-slider .story-text .btn {
		font-size: 15px;
	}
}

.cbp-story-slider .slider-title,
.cbp-story-slider .story-title {
	font-weight: 300;
	font-size: 42px;
	line-height: 1.12em;
}

@media only screen and (max-width: 1360px) {
	.cbp-story-slider .slider-title,
	.cbp-story-slider .story-title {
		font-size: 34px;
	}
}

@media only screen and (max-width: 1239px) {
	.cbp-story-slider .slider-title,
	.cbp-story-slider .story-title {
		font-size: 32px;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .slider-title,
	.cbp-story-slider .story-title {
		font-size: 28px;
	}
}

@media only screen and (max-width: 767px) {
	.cbp-story-slider .slider-title,
	.cbp-story-slider .story-title {
		font-size: 26px;
	}
}

.cbp-story-slider .slider-subtitle,
.cbp-story-slider .story-subtitle {
	font-size: 20px;
	font-weight: 200;
	line-height: 1.2em;
	margin: 15px 0;
}

@media only screen and (max-width: 1360px) {
	.cbp-story-slider .slider-subtitle,
	.cbp-story-slider .story-subtitle {
		font-size: 18px;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .slider-subtitle,
	.cbp-story-slider .story-subtitle {
		font-size: 16px;
	}
}

@media only screen and (max-width: 767px) {
	.cbp-story-slider .slider-subtitle,
	.cbp-story-slider .story-subtitle {
		font-size: 14px;
	}
}

.cbp-story-slider .section {
	position: relative;
	height: 100%;
	float: left;
	background-size: cover;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .section {
		float: unset;
	}
}

.cbp-story-slider .sections {
	height: 100vh;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .sections {
		height: unset;
	}
}

.cbp-story-slider .section.bg-left {
	background-position: center left;
}

.cbp-story-slider .story {
	height: 100%;
	background-size: cover;
	position: relative;
}

.cbp-story-slider .story.bg-left {
	background-position: center left;
}

.cbp-story-slider .slider-nav-container {
	position: absolute;
	bottom: 0px;
	height: 75px;
	width: 100%;
	background-color: #000;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .slider-nav-container {
		display: none;
	}
}

.cbp-story-slider .slider-nav-container .pagination-container {
	position: relative;
	height: 100%;
	width: 150px;
	left: 30px;
	float: left;
}

.cbp-story-slider .slider-nav-container .pagination-container .pagination-dot-container {
	display: inline-block;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.cbp-story-slider .slider-nav-container .pagination-container .pagination-dot-container .dot {
	width: 10px;
	height: 10px;
	margin-left: 10px;
	background-color: #545868;
	display: inline-block;
	border-radius: 5px;
	transition: 0.25s all;
}

.cbp-story-slider .slider-nav-container .pagination-container .pagination-dot-container .dot.selected {
	background-color: #fff;
	width: 13px;
	height: 13px;
	border-radius: 9px;
}

.cbp-story-slider .slider-nav-container .btn-container {
	margin: 10px 30px 0 0;
	float: left;
}

.cbp-story-slider .slider-nav-container .btn {
	padding: 9px 20px 9px 30px;
}

.cbp-story-slider .slider-nav-container .btn:hover .down-arrow {
	fill: #284ed2;
}

.cbp-story-slider .slider-nav-container .down-arrow {
	width: 20px;
	height: 20px;
	fill: #fff;
	margin-left: 9px;
}

.cbp-story-slider .story-bar {
	background: #000;
	margin-top: 0;
}

#content .cbp-story-slider .story-bar .container {
	padding-top: 0px;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .story-bar {
		padding: 5px 0;
	}
}

.cbp-story-slider .story-bar .story-item {
	display: flex;
	position: relative;
	height: 100%;
	background-size: cover;
	background-position: 50%;
	margin: 10px 0;
	max-height: 108px;
	align-items: center;
	justify-content: center;
}

@media only screen and (max-width: 1152px) {
	.cbp-story-slider .story-bar .story-item {
		height: 136px;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .story-bar .story-item {
		margin: 5px 0;
	}
}

@media only screen and (max-width: 768px) {
	.cbp-story-slider .story-bar .story-item {
		height: 100%;
	}
}

.cbp-story-slider .story-bar .story-item .story-color {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

.cbp-story-slider .story-bar .story-item.active .story-color,
.cbp-story-slider .story-bar .story-item:hover .story-color {
	opacity: 0.75;
}

.cbp-story-slider .story-bar .story-item .story-title {
	position: relative;
	padding: 40px 0;
	color: #fff;
	text-align: center;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}

@media only screen and (max-width: 1239px) {
	.cbp-story-slider .story-bar .story-item .story-title {
		font-weight: 400;
		font-size: 22px;
		line-height: 1.3em;
		letter-spacing: 0.01em;
	}
}

@media only screen and (max-width: 1152px) {
	.cbp-story-slider .story-bar .story-item .story-title {
		position: absolute;
		left: 50%;
		top: 50%;
		padding: 0;
		transform: translate(-50%, -50%);
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .story-bar .story-item .story-title {
		padding: 30px 0;
		font-weight: 400;
		font-size: 18px;
		line-height: 1.4em;
		letter-spacing: 0.02em;
	}
}

@media only screen and (max-width: 768px) {
	.cbp-story-slider .story-bar .story-item .story-title {
		padding: 20px 0;
		position: static;
		top: 0;
		left: 0;
		transform: translate(0);
		font-weight: 400;
		font-size: 16px;
		line-height: 1.5em;
		letter-spacing: 0.03em;
	}
}

.cbp-story-slider .spacer {
	height: 25vh;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .spacer {
		height: auto;
	}
}

.cbp-story-slider .mid-spacer {
	height: 12vh;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .mid-spacer {
		height: auto;
	}
}

.cbp-story-slider .quarter-spacer {
	height: 6vh;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .quarter-spacer {
		height: auto;
	}
}

.cbp-story-slider .panel {
	height: 100%;
	width: 100%;
}

.cbp-story-slider .panel.green {
	margin-bottom: 400px;
}

.cbp-story-slider .pinned-slides {
	position: relative;
	background: #000;
}

.cbp-story-slider .slide-wrapper {
	position: relative;
}

.cbp-story-slider .slide-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 55%;
	height: 115vh;
	background-position: right;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .slide-bg {
		display: none !important;
	}
}

.cbp-story-slider .slide-bg.inactive {
	display: none;
}

.cbp-story-slider .slide-bg.fixed {
	position: fixed;
}

.cbp-story-slider .slide-bg.ended {
	position: absolute;
	top: auto;
	bottom: 0;
}

.cbp-story-slider .slide-bg.absolute {
	position: absolute;
}

.cbp-story-slider .slide-bg.bg-position-center {
	background-position: center;
}

.cbp-story-slider .pinned-slide {
	color: #fff;
	position: relative;
	height: 115vh;
	z-index: 100;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right;
	background-image: none;
}

.cbp-story-slider .pinned-slide .slider-title {
	color: #fff;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .pinned-slide {
		height: auto;
		background-attachment: initial;
		padding: 5% 0;
	}
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .pinned-slide {
		padding: 7% 0;
		background-position: right;
		border-bottom: 1px solid #fff;
	}
}

.cbp-story-slider .pinned-slide .pin-content-bg {
	background-color: #1c1e2a;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 45%;
	z-index: 1;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .pinned-slide .pin-content-bg {
		width: 100%;
		opacity: 0.6;
	}
}

.cbp-story-slider .pinned-slide .pin-content {
	width: 45%;
	padding: 0 40px;
	position: relative;
	z-index: 10;
}

@media only screen and (max-width: 1024px) {
	.cbp-story-slider .pinned-slide .pin-content {
		width: 80%;
	}
}

@media only screen and (max-width: 767px) {
	.cbp-story-slider .pinned-slide .pin-content {
		width: 100%;
		padding: 0 5%;
	}
}

.cbp-story-slider .pinned-slide .pin-content:last-child {
	bottom: 5%;
}

@media only screen and (max-width: 500px) {
	.cbp-story-slider .pinned-slide .pin-content .btn-container {
		margin-top: 20px;
	}
}

.cbp-story-slider .pinned-slide .pin-title {
	margin: 0;
}


/* Product Features */


.features {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.features .comp-title {
  color: #FFFFFF;
  text-transform: none;
}

.features .description.comp-title.small {
  font-size: 24px;
}

.features .description.comp-title.small.dark {
  color: #555;
}

.features .btn {
  margin-top: 15px;
}

.features .description {
    margin: 20px 0;
}

.features .details > .description {
    margin: 20px 0 50px;
}

.features .row + .description {
    margin: 50px 0 0;
}

.features.dark-text {
    color: #555;
}

.details {
  background: #FFFFFF;
  padding: 50px 30px;
}

.details:last-child {
    margin-bottom: 120px;
}

@media only screen and (max-width: 767px) {
  .details {
    padding: 30px 20px;
  }
  .details .column + .column {
    margin-top: 30px;
  }
}

@media only screen and (min-width: 767px) {
  .features .details .row {
    display: flex;
  }
  .details .row > .column {
    display: flex;
    flex-direction: column;
    flex: 1;
  }
  .details .row > .column .button {
    align-self: flex-start;
  }
  .details .row > .column .feature-title:empty {
    margin: 0 !important;
  }
}

.details .row {
  margin: 0 -30px;
}

.details .row > .column {
  padding: 0 30px;
}

.details .row + .row {
  margin-top: 50px;
}

@media only screen and (max-width: 767px) {
  .details .row + .row {
    margin-top: 30px;
  }
}

.details p {
  margin: 0;
}

.details .comp-title {
  color: #1C1E2A;
  max-width: 800px;
  width: 90%;
  margin: 0 auto 50px;
  text-transform: none;
}

.features-image {
  width: 62px;
  height: 62px;
  line-height: 62px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 25px;
  border-radius: 3px;
}

@media only screen and (max-width: 767px) {
  .features-image {
    margin-bottom: 20px;
  }
}

.center-align .features-image {
  margin-left: auto;
  margin-right: auto;
}

.feature-title {
  margin: 0 0 10px;
  font-weight: 500;
  font-size: 20px;
  line-height: 1.35em;
  letter-spacing: 0.02em;
}

@media only screen and (max-width: 1239px) {
  .feature-title {
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4em;
    letter-spacing: 0.02em;
  }
}

@media only screen and (max-width: 767px) {
  .feature-title {
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5em;
    letter-spacing: 0.03em;
  }
}


/*
	JS Animation 
*/

.animate-in {
  -webkit-animation: animate-in .7s;
  -moz-animation: animate-in .7s;
  -o-animation: animate-in .7s;
  animation: animate-in .7s;
  animation-fill-mode: both;
}

@-webkit-keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-moz-keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@-o-keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}

@keyframes animate-in {
  0% {
    -moz-transform: translate(0, 30px);
    -o-transform: translate(0, 30px);
    -ms-transform: translate(0, 30px);
    -webkit-transform: translate(0, 30px);
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    -moz-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    opacity: 1;
  }
}


/**
	Footer
*/

#site-footer.bp-site-footer .company-nav {
	padding-right: 0;
}

#site-footer {
	background: #282A36;
	color: #FFFFFF;
	padding: 100px 30px 50px;
}

@media only screen and (max-width: 1024px) {
	#site-footer {
		padding: 50px 20px;
	}
}

@media only screen and (max-width: 767px) {
	#site-footer {
		padding: 25px 5px;
	}
}

@media only screen and (max-width: 767px) {
	#site-footer .container {
		width: 100% !important;
	}
}

.bp-site-footer .container {
	padding: 0 30px;
	width: 100% !important;
	max-width: 1346px;
}

@media only screen and (max-width: 767px) {
	.bp-site-footer .container {
		padding: 0 15px;
	}
}

.bp-site-footer .row {
	margin: 0 -8px;
}

#site-footer .footer-promo {
	width: 810px;
	margin: 0 auto;
	color: #ffffff;
	padding-bottom: 30px;
	font-size: 18px;
}

@media only screen and (max-width: 1024px) {
	#site-footer .footer-promo {
		width: 100%;
		font-size: 16px;
	}
}

#site-footer .footer-promo a {
	color: #ffffff;
	font-size: 18px;
}

@media only screen and (max-width: 1024px) {
	#site-footer .footer-promo a {
		font-size: 16px;
	}
}

#site-footer .footer-promo img {
	padding-right: 30px;
	float: left;
}

#site-footer .footer-promo span {
	display: block;
	padding-top: 5%;
}

#site-footer .bordered {
	border-bottom: 1px solid #1C1E2A;
	padding: 0 0 10px;
}

@media only screen and (max-width: 1239px) {
	#site-footer .bordered {
		padding: 0 0 30px;
	}
}

@media only screen and (max-width: 767px) {
	#site-footer .bordered {
		padding: 0 0 30px;
	}
}

.bp-site-footer .row > .column {
	padding: 0 8px;
	float: left;
}

#site-footer .utility-legal {
	padding: 30px 0 0;
}

@media only screen and (max-width: 767px) {
	#site-footer .utility-legal {
		padding: 30px 15px 0;
	}
}

#site-footer nav a {
	display: inline-block;
	color: #FFFFFF;
	text-decoration: none;
}

#site-footer.bp-site-footer .company-nav {

}

#site-footer .company-nav a {
	width: 20%;
	margin: 0 -2px;
	padding: 12px 0;
	font-weight: 300;
	font-size: 22px;
	line-height: 1.3em;
	letter-spacing: 0.01em;
}

@media only screen and (max-width: 1599px) {
	#site-footer .company-nav a {
		font-weight: 300;
		font-size: 18px;
		line-height: 1.4em;
		letter-spacing: 0.06em;
		padding-right: 15px;
	}
}

@media only screen and (max-width: 767px) {
	#site-footer .company-nav a {
		width: 100%;
		padding: 6px 0;
		font-weight: 300;
		font-size: 16px;
		line-height: 1.5em;
		letter-spacing: 0.03em;
	}
}

#site-footer .utility a {
	padding: 0 5px 0 0;
	font-weight: 100;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0.07em;
	font-family: "Aktiv Grotesk W01", "Helvetica", "arial", sans-serif;
}

@media only screen and (max-width: 767px) {
	#site-footer .utility a {
		width: 50%;
		margin: 0 -2px;
		text-align: center;
		font-weight: 400;
		font-size: 12px;
		line-height: 1.5em;
		letter-spacing: 0.03em;
	}
}

#site-footer .utility a:after {
	content: "|";
	display: inline-block;
	padding: 0 0 0 8px;
}

@media only screen and (max-width: 767px) {
	#site-footer .utility a:after {
		float: right;
	}
}

@media only screen and (max-width: 767px) {
	#site-footer .utility a:nth-child(2n+2):after {
		display: none;
	}
}

#site-footer .utility a:last-child:after {
	display: none;
}

@media only screen and (max-width: 1239px) {
	#site-footer .utility {
		float: none;
		width: 100%;
	}
}

@media only screen and (max-width: 767px) {
	#site-footer .utility {
		margin: 0 0 15px;
	}
}

#site-footer .legal-info {
	text-align: right;
}

@media only screen and (max-width: 1239px) {
	#site-footer .legal-info {
		text-align: left;
		width: auto;
		line-height: 2em;
	}
}

@media only screen and (max-width: 767px) {
	#site-footer .legal-info {
		line-height: normal;
	}
}

#site-footer .legal {
	display: inline-block;
	font-style: normal;
	margin: 0;
	color: #545868;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
}

#site-footer .legal a {
	color: #545868;
	padding: 0 5px 0 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
}

@media only screen and (max-width: 1024px) {
	#site-footer .legal a {
		padding: 0;
	}
}

@media only screen and (max-width: 767px) {
	#site-footer .legal a {
		font-weight: 400;
		font-size: 12px;
		line-height: 1.5em;
		letter-spacing: 0.03em;
	}
}

#site-footer .legal a:after {
	content: "|";
	display: inline-block;
	padding: 0 0 0 8px;
}

@media only screen and (max-width: 1024px) {
	#site-footer .legal a:after {
		padding: 0 0 0 4px;
	}
}

@media only screen and (max-width: 767px) {
	#site-footer .legal a:last-child:after {
		display: none;
	}
}

#site-footer .copyright {
	display: inline-block;
	color: #545868;
	margin: 0;
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5em;
	letter-spacing: 0.03em;
}

@media only screen and (max-width: 767px) {
	#site-footer .copyright {
		font-weight: 400;
		font-size: 12px;
		line-height: 1.5em;
		letter-spacing: 0.03em;
	}
}

#site-footer .social {
	margin: 0;
	padding-right: 0;
	list-style: none;
}

@media only screen and (max-width: 1024px) {
	#site-footer .social {
		padding-top: 18px;
	}
}

#site-footer .social li {
	display: inline-block;
	margin: 0 -2px;
	width: 20%;
}

@media only screen and (max-width: 1024px) {
	#site-footer .social li {
		width: auto;
		padding: 0 20px 0 0;
	}
}

#site-footer .social a {
	display: block;
	padding: 10px 11px;
	border: 1px solid #FFFFFF;
	border-radius: 50%;
	width: 45px;
	height: 45px;
	margin: 0 auto;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}

#site-footer .social a:hover {
	background: #FFFFFF;
}

#site-footer .social a:hover svg {
	fill: #282A36;
}

#site-footer .social svg {
	fill: #FFFFFF;
	width: 20px;
	height: 20px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	border: 0 none;
	margin: 0;
}

.back-to-top-btn {
	display: none !important;
	opacity: 0 !important;
}