/* BOX MODEL, WRAPPER, CLEARFIX, RESET
====================================================================== */

#tn_app-wrapper,
#tn_app-wrapper *,
#tn_app-wrapper *:before,
#tn_app-wrapper *:after {
	box-sizing: border-box;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: auto;
}

#tn_app-wrapper {
	position: relative;
	overflow: hidden;
	background-color: #000;
}

#tn_app-wrapper,
#tn_app-wrapper div,
#tn_app-wrapper p,
#tn_app-wrapper li,
#tn_app-wrapper h1,
#tn_app-wrapper h2,
#tn_app-wrapper h3,
#tn_app-wrapper h4 {
	font-family: 'CiscoSans', Helvetica, Arial, sans-serif;
	color: #1b1c1d;
}

#tn_app-wrapper b,
#tn_app-wrapper strong {
	font-weight: 500;
}

#tn_app-wrapper a {
	font-weight: 500;
}

#tn_app-wrapper a,
#tn_app-wrapper a:visited {
	color: #0a60ff;
}

#tn_app-wrapper a:hover,
#tn_app-wrapper a:active {
	color: #3070e7;
	text-decoration: none;
}

#tn_app-wrapper p {
	margin: 0 0 1.0em 0;
}

#tn_app-wrapper p:last-child {
	margin-bottom: 0;
}

#tn_app-wrapper div,
#tn_app-wrapper p,
#tn_app-wrapper li {
	font-size: 16px;
	line-height: 24px;
	font-weight: 300;
}

#tn_app-wrapper h1,
#tn_app-wrapper h2,
#tn_app-wrapper h3,
#tn_app-wrapper h4 {
	margin: 0 0 0.5em 0;
	font-weight: 500;
	font-variant-ligatures: none;
}

#tn_app-wrapper h1 {
	font-size: 64px;
	line-height: 77px;
}

#tn_app-wrapper h2 {
	font-size: 40px;
	line-height: 48px;
}

#tn_app-wrapper h3 {
	font-size: 32px;
	line-height: 40px;
}

#tn_app-wrapper h4 {
	font-size: 24px;
	line-height: 32px;
}

#tn_app-wrapper ul.tn_content-bullet-list,
#tn_app-wrapper ol.tn_content-bullet-list {
	margin: 0 0 1.0em 1.8em;
}

#tn_app-wrapper .tn_content-bullet-list li + ul,
#tn_app-wrapper .tn_content-bullet-list li + ol {
	margin: 0 0 0 2.2rem;
}

#tn_app-wrapper .tn_content-bullet-list li {
	margin: 0.9rem 0 0 0;
}

#tn_app-wrapper ul.tn_content-bullet-list li {
	list-style-type: disc;
}

#tn_app-wrapper ul.tn_content-bullet-list li + ul li {
	list-style-type: circle;
}

#tn_app-wrapper ol.tn_content-bullet-list li {
	list-style-type: decimal;
}

#tn_app-wrapper ol.tn_content-bullet-list li + ol li {
	list-style-type: lower-alpha;
}

#tn_app-wrapper img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}

#tn_app-wrapper table {
	border-collapse: collapse;
}

.tn_clearfix:after {
	content: "";
	display: table;
	clear: both;
}

@media (max-width: 1279px) {

	#tn_app-wrapper h1 {
		font-size: 52px;
		line-height: 62px;
	}
	
	#tn_app-wrapper h2 {
		font-size: 40px;
		line-height: 48px;
	}
	
	#tn_app-wrapper h3 {
		font-size: 32px;
		line-height: 40px;
	}
	
	#tn_app-wrapper h4 {
		font-size: 24px;
		line-height: 32px;
	}

}

@media (max-width: 1023px) {

	#tn_app-wrapper h1 {
		font-size: 32px;
		line-height: 40px;
	}
	
	#tn_app-wrapper h2 {
		font-size: 24px;
		line-height: 32px;
	}
	
	#tn_app-wrapper h3 {
		font-size: 20px;
		line-height: 28px;
	}
	
	#tn_app-wrapper h4 {
		font-size: 20px;
		line-height: 28px;
	}

}


/* COMMON ITEMS
====================================================================== */

.tn_container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 40px;
}

#tn_app-wrapper img.tn_item-leader-icon {
	position: relative;
	width: 80px;
	height: 80px;
	left: -8px;
	margin-bottom: 12px;
}

.tn_center {
	text-align: center;
}

a.tn_cta-link {
}

a.tn_cta-link:hover,
a.tn_cta-link:active {
	text-decoration: none;
	border-bottom: 1px solid;
}

a.tn_cta-link:after {
    border-right: solid 1px;
    border-top: solid 1px;
    content: '';
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    display: inline-block;
    position: relative;
    right: -7px;
    margin-right: -8px;
    top: -1px;
}

.tn_gradient-stripe-blue-blue {
	width: 100%;
	height: 6px;
	background: linear-gradient(to right, #3070e7 20%, #16bdeb 80%);
}

.tn_gradient-stripe-blue-magenta {
	width: 100%;
	height: 6px;
	background: linear-gradient(to right, #16bdeb 20%, #ff007f 80%);
}

.tn_bottom-margin-p {
	margin-bottom: 1em;
}

.tn_section-header-graphic {
	width: 140px;
	height: 120px;
	margin: 0 auto 20px auto;
}

.tn_section-header-graphic img {
	width: 100%;
}

@media (max-width: 1023px) {

	.tn_container {
		padding: 0 24px;
	}

	#tn_app-wrapper img.tn_item-leader-icon {
		width: 64px;
		height: 64px;
		left: -6px;
		margin-bottom: 6px;
	}

	a.tn_cta-link:after {
		width: 8px;
		height: 8px;
	}

}

@media (max-width: 767px) {

	.tn_container {
		padding: 0 20px;
	}

}


/* HEADER
====================================================================== */

.tn_header {
	position: relative;
	height: 680px;
	background-color: #000;
}

.tn_header-video {
	position: absolute;
	max-width: 1600px;
	bottom: 0;
	z-index: 10;
	background-color: #000;
}

.tn_header .tn_container {
	position: relative;
	z-index: 100;
}

.tn_header-video video,
.tn_header-video img {
	width: 100%;
	vertical-align: bottom;
}

.tn_header-title {
	display: flex;
	flex-direction: row;
	align-items: center;
	max-width: 1140px;
	margin: 0 auto;
	padding-top: 80px;
}

#tn_app-wrapper .tn_eyebrow {
	margin-bottom: 12px;
	font-weight: 500;
	color: #fff;
}

#tn_app-wrapper .tn_header-main h1 {
	color: #fff;
	text-align: center;
	margin-bottom: 0.3em;
}

.tn_header-sub {
	max-width: 600px;
	margin: 0 auto 200px auto;
}

#tn_app-wrapper .tn_header-subtitle p {
	margin: 0.5em 0;
	font-size: 20px;
	line-height: 28px;
	color: #fff;
	text-align: center;
}

.tn_header-cta {
	width: 100%;
	text-align: center;
}

@media (max-width: 1399px) {

	.tn_header-video {
		bottom: 5%;
/*		bottom: 20px;*/
	}

}


@media (max-width: 1279px) {

	.tn_header {
	/* 80% */
		height: 544px;
		background-size: 1280px 544px;
	}

	.tn_header-video {
		bottom: 0;
	}
	
	.tn_header-title {
		max-width: 1000px;
		padding-top: 60px;
	}
	
	.tn_header-sub {
		max-width: 600px;
		margin-bottom: 160px;
	}

}

@media (max-width: 1023px) {

	.tn_header {
	/* 65% */
		height: 442px;
		background-size: 1040px 442px;
	}

	.tn_header-video {
		bottom: 0;
	}
	
	.tn_header-title {
		max-width: 610px;
		padding-top: 32px;
	}
	
	.tn_header-sub {
		margin-bottom: 132px;
	}

}

@media (max-width: 767px) {

	.tn_header {
	/* 50% */
		height: auto;
		padding-bottom: 30px;
		background-size: 800px 340px;
		background-position: bottom center;
	}
	
	.tn_header-video {
		bottom: 14%;
	}
	
	.tn_header-title {
		max-width: inherit;
		padding-top: 32px;
	}

	#tn_app-wrapper .tn_header-subtitle p {
		font-size: 16px;
		line-height: 24px;
	}

}

@media (max-width: 599px) {

	.tn_header-video {
		top: auto;
		bottom: 15%;
	}

}

@media (max-width: 399px) {

	.tn_header {
	/* 25% */
		background-size: 400px 170px;
		background-position: bottom 36px center;
	}
	
	.tn_header-sub {
		margin-bottom: 80px;
	}

}


/* INTRODUCTION
====================================================================== */

.tn_introduction {
	position: relative;
	min-height: 560px;
	background-image: url('/c/dam/m/en_us/solutions/industrial-networking/ai-ready-industrial-networks/images/network-desktop.jpg');
	background-size: 1600px 560px;
	background-position: bottom center;
	background-repeat: no-repeat;
	padding-top: 80px;
}

.tn_introduction-blade {
	width: 1080px;
	min-height: 480px;
	background-color: #fff;
	margin: 0 auto;
	padding: 40px 80px 40px 80px;
	text-align: center;
}

#tn_app-wrapper .tn_introduction-blade h2 {
	margin-bottom: 0.25em;
}

#tn_app-wrapper .tn_introduction-blade p.tn_introduction-copy {
	margin-bottom: 1.5em;
}

.tn_introduction-graphic {
	width: 380px;
	flex-shrink: 0;
	margin: 0 30px;
}

.tn_introduction-graphic img {
	width: 100%;
}

.tn_introduction-content {
	max-width: 800px;
	margin: 0 auto;
}

.tn_intro-space {
	display: none;
}

@media (max-width: 1279px) {

	.tn_introduction {
	/* 90% */
		min-height: 490px;
		padding-top: 80px;
		background-size: 1440px 504px;
	}

	.tn_introduction-blade {
		width: 904px;
		min-height: 420px;
		padding: 40px;
	}
	
	.tn_introduction-layout {
		margin: 0 -20px;
	}
	
	.tn_introduction-graphic {
		width: 320px;
		margin: 0 20px;
	}

}

@media (max-width: 1023px) {

	.tn_introduction {
		min-height: auto;
		padding: 60px 40px 0 40px;
		background-size: auto 100%;
	}

	.tn_introduction-blade {
		width: auto;
		min-height: auto;
		padding: 30px;
	}

	.tn_introduction-layout {
		flex-direction: column;
		margin: 0;
	}

	.tn_introduction-graphic {
	/* 60% */
		width: 228px;
		margin: 0 0 20px 0;
	}

}

@media (max-width: 767px) {

	.tn_introduction {
		padding: 32px 32px 0 32px;
	}
	
	.tn_introduction-blade {
		padding: 20px;
	}

	.tn_intro-nbsp {
		display: none;
	}

	.tn_intro-space {
		display: inline;
	}

}


/* PRODUCTS
====================================================================== */

.tn_products {
	margin: 0px auto;
	padding: 80px 0 0 0;
	background-color: #fff;
}

.tn_products-header {
	width: 840px;
	margin: 0 auto 60px auto;
	text-align: center;
}

#tn_app-wrapper .tn_products-header h2 {
	margin-bottom: 0;
}

.tn_product-blade-set {
}

.tn_product-blade {
	margin-bottom: 80px;
	padding-bottom: 80px;
	box-shadow: 0 8px 14px rgba(0,0,0,0.07);
}

.tn_product-blade:last-child {
	margin-bottom: 0;
	box-shadow: none;
}

.tn_product-blade-layout {
	max-width: 1000px;
	margin: 0 auto;
}

.tn_product-blade-array {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 -20px;
}

.tn_product-image {
	width: 480px;
	flex-shrink: 0;
	margin: 0 20px;
}

.tn_product-image img {
	width: 100%;
}

.tn_product-content {
	margin: 0 20px;
}

@media (max-width: 1279px) {

	.tn_product-blade-layout {
		max-width: 904px;
	}
	
	.tn_product-image {
	/* 80% */
		width: 400px;
	}
	
}

@media (max-width: 1023px) {

	.tn_products {
		padding: 60px 0 0 0;
	}

	.tn_products-header {
		width: auto;
		padding: 0 40px;
		margin-bottom: 40px;
	}

	.tn_product-blade {
		margin-bottom: 60px;
		padding: 0 40px 60px 40px;
		box-shadow: 0 8px 10px rgba(0,0,0,0.07);
	}

	.tn_product-blade:last-child {
		border-bottom: none;
	}

	.tn_product-blade-layout {
		max-width: inherit;
	}
	
	.tn_product-blade-array {
		margin: 0 -12px;
	}

	.tn_product-image {
	/* 50% */
		width: 270px;
		margin: 0 12px;
	}
	
	.tn_product-content {
		margin: 0 12px;
	}

}

@media (max-width: 767px) {

	.tn_products {
		padding: 40px 0 0 0;
	}

	.tn_products-header {
		margin: 0 auto 40px auto;
	}

	.tn_product-blade {
		padding: 0 32px 32px 32px;
		margin-bottom: 32px;
	}

	.tn_product-blade-array {
		flex-direction: column;
		margin: 0;
	}
	
	.tn_product-image {
		width: auto;
		max-width: 432px;
		margin: 0;
		padding-bottom: 12px;
	}
	
	.tn_product-content {
		margin: 0;
	}

}


/* INSIGHTS
====================================================================== */

.tn_insights {
	background-color: #07182d;
	background: linear-gradient(to bottom, #07182d 20%, #000 80%);
	padding-top: 60px;
}

#tn_app-wrapper .tn_insights div,
#tn_app-wrapper .tn_insights p,
#tn_app-wrapper .tn_insights h1,
#tn_app-wrapper .tn_insights h2,
#tn_app-wrapper .tn_insights h3,
#tn_app-wrapper .tn_insights h4 {
	color: #fff;
}

.tn_insights-layout {
	max-width: 800px;
	margin: 0 auto;
	text-align: center;
}

.tn_insights-header {
	padding: 0 36px 40px 36px;
}

.tn_insights-array {
	display: flex;
	flex-direction: row;
	align-items: start;
	justify-content: center;
	margin: 0 -40px;
	padding-bottom: 60px;
}

.tn_insights-item {
	max-width: 360px;
	margin: 0 40px;
	text-align: left;
}

.tn_insights-item img {
	width: 100%;
}

#tn_app-wrapper .tn_insights-item a,
#tn_app-wrapper .tn_insights-item a:visited {
	color: #478eff;
}

#tn_app-wrapper .tn_insights-item a:hover,
#tn_app-wrapper .tn_insights-item a:active {
	color: #16bdeb;
}

.tn_insights-graphic {
	margin-bottom: 12px;
}

.tn_insights-content {
}

@media (max-width: 1023px) {

	.tn_insights {
		padding-top: 40px;
	}
	
	.tn_insights-layout {
		max-width: 688px;
	}

	.tn_insights-array {
		margin: 0 -15px;
		padding-bottom: 40px;
	}

	.tn_insights-item {
		max-width: inherit;
		margin: 0 15px;
	}
	
	.tn_insights-content {
		max-width: 240px;
	}

}

@media (max-width: 767px) {

	.tn_insights {
		padding-top: 32px;
	}
	
	.tn_insights-layout {
		max-width: inherit;
		padding: 0 32px;
	}

	.tn_insights .tn_container {
		padding: 0 32px;
	}

	.tn_insights-header {
		padding: 0 0 24px 0;
		text-align: left;
	}

	.tn_insights-array {
		flex-direction: column;
		max-width: 400px;
		margin: 0 auto;
	}
	
	.tn_insights-item {
		margin: 0 0 24px 0;
	}
	
	.tn_insights-item:last-child {
		margin-bottom: 0;
	}
	
	.tn_insights-graphic {
		margin-bottom: 10px;
	}
	
	.tn_insights-content {
		max-width: inherit;
	}

}

@media (max-width: 479px) {

	.tn_insights-content {
		max-width: 240px;
	}

}


/* PARTNERS
====================================================================== */

.tn_partners {
	position: relative;
	height: 560px;
	background-image: url('/c/dam/m/en_us/solutions/industrial-networking/ai-ready-industrial-networks/images/network-desktop.jpg');
	background-size: 1600px 680px;
	background-position: top center;
	background-repeat: no-repeat;
	padding-top: 80px;
}

.tn_partners-blade {
	width: 1080px;
	min-height: 400px;
	background-color: #fff;
	background-image: url('/c/dam/m/en_us/solutions/industrial-networking/ai-ready-industrial-networks/media/graphic-partner-desktop.gif');
	background-size: 960px 166px;
	background-position: top 80px center;
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 60px 260px;
}

.tn_partners-blade .tn_section-header-graphic {
	display: none;
}

#tn_app-wrapper .tn_partners-blade h2 {
	text-align: center;
	margin-bottom: 116px;
}

@media (max-width: 1279px) {

	.tn_partners {
	/* 90% */
		padding-top: 80px;
		background-size: 1440px 612px;
	}

	.tn_partners-blade {
		width: 904px;
		min-height: auto;
		padding: 40px 236px;
		background-image: url('/c/dam/m/en_us/solutions/industrial-networking/ai-ready-industrial-networks/media/graphic-partner-tablet.gif');
	/* 90% */
		background-size: 790px 148px;
		background-position: top 64px center;
	}

}

@media (max-width: 1023px) {

	.tn_partners {
		height: 100%;
		padding: 60px 40px;
		background-size: auto 100%;
	}

	.tn_partners-blade {
		width: auto;
		height: auto;
		padding: 30px;
		background-image: none;
	}
	
	.tn_partners-blade .tn_section-header-graphic {
		display: block;
	}
	
	#tn_app-wrapper .tn_partners-blade h2 {
		margin-bottom: 0.5em;
	}
	
	#tn_app-wrapper .tn_partners-blade p {
		font-size: 16px;
		line-height: 24px;
	}

}

@media (max-width: 767px) {

	.tn_partners {
		padding: 32px;
	}
	
	.tn_partners-blade {
		padding: 20px;
	}
	
	#tn_app-wrapper .tn_partners-blade p,
	#tn_app-wrapper .tn_partners-blade h2 {
			text-align: left;
	}

}


/* FOOTER
====================================================================== */

.tn_footer {
	position: relative;
	height: 400px;
	background-image: url('/c/dam/m/en_us/solutions/industrial-networking/ai-ready-industrial-networks/images/banner-footer-desktop.jpg');
	background-size: 1600px 400px;
	background-position: top center;
	background-repeat: no-repeat;
}

#tn_app-wrapper .tn_footer div,
#tn_app-wrapper .tn_footer p,
#tn_app-wrapper .tn_footer h1,
#tn_app-wrapper .tn_footer h2,
#tn_app-wrapper .tn_footer h3,
#tn_app-wrapper .tn_footer h4 {
	color: #fff;
}

.tn_footer-main {
	max-width: 580px;
	margin: 0 auto;
	padding-top: 54px;
	padding-bottom: 124px;
	text-align: center;
}

.tn_footer-cta {
	width: 100%;
	text-align: center;
}

@media (max-width: 1279px) {

	.tn_footer {
	/* 85% */
		height: 340px;
		background-size: 1360px 340px;
	}
	
	.tn_footer-main {
		padding-top: 44px;
	}

}

@media (max-width: 1023px) {

	.tn_footer {
	/* 70% */
		height: 280px;
		background-size: 1120px 280px;
	}
	
	.tn_footer-main {
		max-width: 480px;
		padding-top: 36px;
		padding-bottom: 72px;
	}

}

@media (max-width: 767px) {

	.tn_footer {
	/* 50% */
		height: auto;
		background-size: 800px 200px;
		background-position: center center;
	}
	
	.tn_footer-main {
		padding-top: 30px;
		padding-bottom: 70px;
	}
	
	.tn_footer-cta {
		padding-bottom: 40px;
	}

}

@media (max-width: 399px) {

	.tn_footer {
	/* 25% */
		background-size: 400px 100px;
	}
	
	.tn_header-sub {
		margin-bottom: 80px;
	}

}


/* CAPSULE BUTTONS
====================================================================== */

#tn_app-wrapper a.tn_button-capsule,
#tn_app-wrapper a.tn_button-capsule:visited,
#tn_app-wrapper a.tn_button-capsule:hover,
#tn_app-wrapper a.tn_button-capsule:active {
	display: inline-block;
	min-width: 120px;
	padding: 19px 32px;
	text-align: center;
	text-decoration: none;
	line-height: 1.0em;
	vertical-align: top;
	border-radius: 999px;
	transition: background 0.1s ease-in-out, color 0.1s ease-in-out;
}

#tn_app-wrapper a.tn_button-capsule.tn_capsule-primary,
#tn_app-wrapper a.tn_button-capsule.tn_capsule-primary:visited {
	background-color: #0a60ff;
	color: #fff;
	border: 1px solid #0a60ff;
}

#tn_app-wrapper a.tn_button-capsule.tn_capsule-primary:hover,
#tn_app-wrapper a.tn_button-capsule.tn_capsule-primary:active {
	background-color: #3070e7;
	border-color: #3070e7;
}

#tn_app-wrapper a.tn_button-capsule.tn_capsule-secondary,
#tn_app-wrapper a.tn_button-capsule.tn_capsule-secondary:visited {
	background-color: #fff;
	color: #0a60ff;
	border: 1px solid #0a60ff;
}

#tn_app-wrapper a.tn_button-capsule.tn_capsule-secondary:hover,
#tn_app-wrapper a.tn_button-capsule.tn_capsule-secondary:active {
	color: #3070e7;
	border-color: #3070e7;
}

#tn_app-wrapper a.tn_button-capsule.tn_capsule-contrast,
#tn_app-wrapper a.tn_button-capsule.tn_capsule-contrast:visited {
	background-color: #0d274d;
	color: #fff;
	border: 1px solid #0d274d;
}

#tn_app-wrapper a.tn_button-capsule.tn_capsule-contrast:hover,
#tn_app-wrapper a.tn_button-capsule.tn_capsule-contrast:active {
	background-color: #07162C;
	border-color: #07162C;
}


/* LIGHTBOX
====================================================================== */

.tn_overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2000;
	background-color: rgba(27, 28, 29, 0.5);
}


/* ANIMATION
====================================================================== */

.tn_reveal {
	opacity: 0;
	transition: all 1000ms 100ms;
}

.tn_reveal-slow {
	transition: all 4000ms 400ms;
}

.tn_reveal.tn_active {
	opacity: 1;
	transform: translate(0,0);
}

.tn_fade-bottom {
	transform: translateY(80px);
}

.tn_fade-left {
	transform: translateX(-120px);
}

.tn_fade-right {
	transform: translateX(120px);
}

.tn_animation-delay-100 {
	transition: all 1000ms 100ms;
}

.tn_animation-delay-200 {
	transition: all 1000ms 200ms;
}

.tn_animation-delay-300 {
	transition: all 1000ms 300ms;
}

.tn_animation-delay-400 {
	transition: all 1000ms 400ms;
}

.tn_animation-delay-500 {
	transition: all 1000ms 500ms;
}

.tn_animation-delay-600 {
	transition: all 1000ms 600ms;
}

.tn_animation-delay-700 {
	transition: all 1000ms 700ms;
}

.tn_animation-delay-1100 {
	transition: all 1000ms 1100ms;
}

@media (max-width: 767px) {
	.tn_animation-delay-100,
	.tn_animation-delay-200,
	.tn_animation-delay-300,
	.tn_animation-delay-400,
	.tn_animation-delay-500,
	.tn_animation-delay-600,
	.tn_animation-delay-700,
	.tn_animation-delay-1100 {
		transition: all 1000ms 100ms;
	}
}