/* -------------------------------------------------------------------------- *\
	 General - Theme v2 - Dec 10, 2019
\* -------------------------------------------------------------------------- */

html, body {
	height: 100%;
}

body {
	font-size: 1.4rem;
	font-family: sans-serif; 
	color: #444444;
	background-color: #f1f2f7;
}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	list-style: none;
}

@media only screen and (max-width: 1169px) {
	body.overflow-hidden {
		overflow: hidden;
	}
}

input {
	font-family: sans-serif;
	font-size: 1.6rem;
}

input[type="search"]::-ms-clear {
	/* removes close icon - IE */
	display: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

/*  Basic Layout Styles
............................................*/ 

p {
	margin-top: 0;
	line-height: 22px;
	margin: 0 0 8px;
	color: #5a5a5a;
}
strong {
	font-weight: 700;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
h1 {
	font-family: 'ciscosansttextralight', serif;
	line-height: 44px;
	margin: 0 0 22px 0;
	font-size: 33px;
	font-size: 3.4rem;
}
h2 {
	font-family: 'ciscosansttextralight', serif;
	font-size: 25px;
	font-size: 2.5rem;
	font-weight: 300;
	line-height: 42px;
	margin: 0 0 22px 0;
}
h3 {
	font-family: 'ciscosansttextralight', serif;
	font-size: 20px;
	font-size: 2.1rem;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.5;
	margin-top: 6px;
}
h4 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 24px;
	margin: 0;
}
h5 {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 600;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
}
h6 {
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 18px;
	margin: 0 0 14px 0;
}
h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
	font-size: 14px;
	color: #999;
	position: absolute;
	right: 0;
	bottom: 5px;
}
hr {
	margin: 10px 0;
	border-top: 1px solid #eee;
}

table {
	border-collapse: collapse;
}

.content-group-sm {
	margin-bottom: 15px!important;
	position: relative;
}
.no-margin {
	margin: 0 !important;
}
br {
	display: block;
	line-height: 22px;
}
.clear {
	clear: both;
}
b {
	font-weight: 600;
}
a {
	color: #777;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
a:focus, a:hover {
	color: #999;
	text-decoration: none;
}
.last {
	margin-bottom: 14px;
}
.container {
	max-width: 1248px;
	padding: 0;
	width: 100%;
	position: relative;
}
ul {
	list-style: none;
	padding-left: 0;
	margin-bottom: 14px;
}

img {
	/* make images responsive */
	max-width: 100%;
}

.image {
	position: relative;
	width: 100%;
}

.list-inline > li {
	display: inline-block;
	padding-left: 0;
}

.center {
	text-align: center;
}

/*  Social Media Styling
............................................*/ 

.google-plus:hover {
	color: #FFF;
	background-color: #dd4b39;
}
.linkedin:hover {
	color: #FFF;
	background-color: #0976b4;
}
.twitter:hover {
	color: #FFF;
	background-color: #2e9edd;
}
.facebook:hover {
	color: #FFF;
	background-color: #3b5998;
}
.youtube:hover {
	color: #FFF;
	background-color: #e52d27;
}
.instagram:hover {
	color: #FFF;
	background-color: #8a3ab9;
}
.google-plus, .linkedin, .twitter, .facebook {
	display: inline-block;
}
.menu-social-icons {
	overflow: hidden;
	padding: 6px 3px 0;
	margin-bottom: 3px;
}
.menu-social-icons li, .sidebar-social-icons li {
	float: left;
	width: 30px;
	margin-right: 16px;
}
.menu-social-icons li:last-child, .sidebar-social-icons li:last-child {
	margin-right: 0;
}
.sidebar-social-icons li:last-child {
	margin-right: 11px;
}
.sidebar-social-icons li a:hover, .menu-social-icons li a:hover {
	color: #FFF !important;
}
.menu-social-icons a {
	text-align: center;
	font-size: 1.3em;
	margin: 0;
	background-color: #f2f2f4;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 2px;
}
.sidebar-social-icons a {
	text-align: center;
	line-height: 40px;
	font-size: 1.3em;
	margin: 0;
	float: left;
	width: 40px;
	height: 40px;
	border-radius: 2px;
}

.sidebar-social-icons a i {
	line-height: 40px;
}

.menu-social-icons .google-plus:hover, .sidebar-social-icons .google-plus {
	color: #FFF;
	background-color: #dd4b39;
}
.menu-social-icons .linkedin:hover, .sidebar-social-icons .linkedin {
	color: #FFF;
	background-color: #0976b4;
}
.menu-social-icons .facebook:hover, .sidebar-social-icons .facebook {
	color: #FFF;
	background-color: #3b5998;
}
.menu-social-icons .twitter:hover, .sidebar-social-icons .twitter {
	color: #FFF;
	background-color: #2e9edd;
}
.menu-social-icons .youtube:hover, .sidebar-social-icons .youtube {
	color: #FFF;
	background-color: #e52d27;
}
.menu-social-icons .pinterest:hover, .sidebar-social-icons .instagram {
	color: #FFF;
	background-color: #3f729b;
}
.menu-social-icons .rss:hover, .sidebar-social-icons .rss {
	color: #FFF;
	background-color: #f90;
}
.menu-social-icons .tumblr:hover, .sidebar-social-icons .tumblr {
	color: #FFF;
	background-color: #36465d;
}
.sidebar-social-icons .google-plus:hover, .sidebar-social-icons .linkedin:hover, .sidebar-social-icons .facebook:hover, .sidebar-social-icons .twitter:hover, .sidebar-social-icons .youtube:hover, .sidebar-social-icons .pinterest:hover, .sidebar-social-icons .rss:hover, .sidebar-social-icons .tumblr:hover {
	opacity: .8;
}
.sidebar-social-icons {
	padding: 0;
	margin-bottom: 1.625em;
	margin-top: 0;
	height: auto;
	display: inline-block;
}

/*  bootstrap mods
............................................*/ 

.row {
	width: auto;
	float: none;
	display: block;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	max-width: 1286px;
	padding: 0;
}

.row.no-padding [class*='col-']:first-child {
	padding-left: 0;
}
.row.no-padding [class*='col-']:last-child {
	padding-right: 0;
}

/* -------------------------------------------------------------------------- *\
	 Section Title & Heading
\* -------------------------------------------------------------------------- */

/*  Section Title/BG
............................................*/ 

.section-title, .ft-title {
	background-color: #6ebe4a;
	color: #fff;
	border-radius: 1px;
}

/*  Heading Style
............................................*/ 

.title-style01 {
	display: block;
	width: 100%;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 0;
	margin-bottom: 1.125em;
}
.title-style01>h3 {
	display: inline-block;
	font-weight: 400;
	padding-bottom: 4px;
	margin-bottom: -2px;
	margin-top: 0;
}
.title-style01 h3 b {
	font-weight: 500;
	color: #333;
}
.title-style02 {
	width: 100%;
	background-color: #0d274d;
	margin-top: 0;
	margin-bottom: 1em;
	height: 100%;
	padding: 6px 16px;
}
.title-style02 h3, .title-style02-light h3 {
	font-size: 2.6rem;
	font-weight: 100;
	letter-spacing: .05em;
	color: #FFF;
	/* closing text wrap with .. */
	/*white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;*/
	margin: 0;
	font-family: 'ciscosansttextralight', sans-serif;
	text-align: center;
}
.title-style02 a {
	color: #ecedf2;
}
.title-style02 a:hover {
	color: #FFF !important;
}
.title-style02-light {
	width: 100%;
	background-color: #8A8A90;
	margin-top: 0;
	margin-bottom: 1.625em;
	height: 40px;
	padding: 6px 16px;
}
.title-style03 {
	padding: 1px 0 2px;
	color: #c2c2c2;
}
.underline03 {
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
}
.underline03::after {
	background: rgba(112, 113, 124, 0.3);
	content: "";
	display: block;
	height: 2px;
	margin: 3px auto 5px;
}
.underline03::before {
	bottom: 7px;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	width: 30px;
}
.title-left.underline03::after {
	width: 100%;
	margin-left: 2px;
}
.title-left.underline03::before {
	left: 2px;
	margin-bottom: 8px;
}
.underline04 {
	display: inline-block;
	padding-bottom: 4px;
	position: relative;
}
.underline04::after {
	background: rgba(133, 133, 133, 0.5);
	content: "";
	display: block;
	height: 1px;
	margin: 3px auto 5px;
	width: 250px;
}
.title-left.underline04::after {
	width: auto;
	margin-left: 2px;
}
.title-left.underline04::before {
	margin-left: 2px;
	margin-bottom: 2px;
}
.container-half .title-left.underline04::after {
	width: auto;
	margin-left: 22px;
}
.container-half .title-left.underline04::before {
	margin-left: 22px;
	margin-bottom: 2px;
}
.underline04::before {
	bottom: 7px;
	content: "";
	display: block;
	height: 2px;
	position: absolute;
	width: 30px;
}
.center-title {
	text-align: center;
	width: 100%;
	margin: 0 6px 1.625rem;
}
.title-style05 {
	text-transform: uppercase;
	text-align: center;
}
.title-style05.style-01 {
	color: #fff;
	position: relative;
	display: inline-block;
	border-radius: 2px;
	font-weight: 500;
	padding: 8px 35px;
	letter-spacing: .03em;
}
.title-style05.style-02 {
	color: #2c2c34;
	text-align: center;
	font-weight: 600;
}
.title-style05.style-02 span {
	display: inline-block;
	font-weight: 400;
}
.title-line-left, .title-line-right {
	display: inline-block;
	width: 200px;
	height: 1px;
	margin-top: 20px;
	position: relative;
}
.title-line-left::after, .title-line-right::after {
	content: '';
	width: 100%;
	height: 1px;
	background: #e3e2e2;
	position: absolute;
	bottom: 4px;
	left: 0;
}
.block-title-1 {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 40px;
	position: relative;
	border-radius: 1px;
	padding: 6px 16px 6px;
	margin-top: 30px;
	margin-bottom: 1px;
	text-transform: uppercase;
	background-color: #fff;
}
.block-title-1 h3 {
	margin-bottom: 0 !important;
}
.block-title-1 h3 a::after, .block-title-2 h3 a::after {
	font-size: 18px;
	content: "\f105";
	color: #fff;
	font-family: "FontAwesome";
	position: absolute;
	right: 16px;
	top: 6px;
}
.block-title-2 {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 40px;
	position: relative;
	border-radius: 1px;
	padding: 6px 16px 6px;
	margin-bottom: 1.625em;
	text-transform: uppercase;
}
.block-title-3 {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 40px;
	position: relative;
	border-radius: 1px;
	padding: 6px 16px;
	background-color: #212126;
	text-transform: uppercase;
	letter-spacing: .5px;
	font-weight: 400;
}
.block-title-1 a, .block-title-1 a:hover, .block-title-2 a, .block-title-2 a:hover {
	color: #FFF !important;
}
.block-title-1 h3, .block-title-2 h3, .block-title-3 h3 {
	margin-top: 0;
	font-family: 'ciscosansttextralight', serif;
	font-size: 2.1rem;
	padding: 6px 16px 6px;
}
.block-title-3 h3 {
	text-align: center;
	color: #ced2d9;
}
.block-title-3 h3 a {
	color: #ced2d9;
}
.block-title-3 h3 a:hover {
	color: #FFF !important;
}

/*  Sub Page Title
............................................*/ 

.topic-header {
	width: auto;
	height: 40px;
	overflow: hidden;
	background-color: transparent;
	margin-bottom: 30px;
}

.topic-header a:hover {
	color: #00bcea !important;
}

.topic-header .left {
	color: #FFF;
	width: auto;
	height: 40px;
	padding: 8px 16px;
	float: left;
	display: inline;
	background-color: #00bcea;
}

.topic-header .left h5 {
	margin: 0;
	padding-top: 3px;
	font-size: 1.8rem;
	font-weight: 100;
}

.topic-header .right h4 {
	margin: 0;
	font-size: 1.8rem;
}

.topic-header .right {
	position: relative;
	overflow: hidden;
	display: block;
	color: #858fa1;
	height: 40px;
}

.topic-header .right .fa {
	padding-right: 8px;
}

.topic-header ul {
	padding: 0;
}
.topic-header li {
	padding: 8px 0 8px 15px;
}
.topic-header li a {
	text-decoration: none;
	color: #858fa1;
	font-weight: 400;
}

@media only screen and (max-width: 767px) {
	.topic-header .left h5 {
		font-size: 1.4rem;
	}

	.topic-header .right h4 {
		font-size: 1.4rem;
	}
}

/* -------------------------------------------------------------------------- *\
	 Content Wrapper and Main Header
\* -------------------------------------------------------------------------- */

.cn-content-wrapper, .cn-main-header {
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform;
}

.cn-content-wrapper, .cn-main-header {
	position: relative;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

@media only screen and (max-width: 1169px) {
	.cn-content-wrapper.nav-is-visible, .cn-main-header.nav-is-visible {
		-webkit-transform: translateX(-260px);
		-moz-transform: translateX(-260px);
		-ms-transform: translateX(-260px);
		-o-transform: translateX(-260px);
		transform: translateX(-260px);
	}
}

.cn-content-wrapper {
	background: #f1f2f7;
	/* min-height: 100vh; */
	z-index: 2;
}

.cn-main-header {
	height: 50px;
	z-index: 3;
	position: relative;
	z-index: 4;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
	font-family: "Open Sans";
}

@media only screen and (min-width: 1170px) {
	.cn-main-header {
		height: 80px;
	}
	.cn-main-header::after {
		clear: both;
		content: "";
		display: table;
	}
}

/*  Logo 
............................................*/ 

.logo-pos {
	position: absolute;
	top: 18px;
	left: 5%;
}

.logo-pos ul {
	margin: 0;
}

.logo-pos ul li {
	float:left;
	text-align: center;
}

.logo-pos ul li:first-of-type {
	margin: 3px 20px 0 0;
}

.logo-pos ul li a p:first-of-type {
	font-family: 'ciscosansttextralight', sans-serif;
	font-size: 2.8rem;
	margin: 5px 0 0;
	padding: 0;
	color: #00bcea;
	font-weight: 100;
}

.logo-pos ul li p:nth-child(2) {
	font-size: 1.2rem;
	margin: -2px 0 0 0;
	padding: 0 0 0 3px;
	color: #00bcea;
}

.cn-logo img {
	display: block;
	height: 36px;
}

@media only screen and (max-width: 1169px) {
	.logo-pos {
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}
	.cn-logo {
		display: inline-block;
	}
	.cn-logo img {
		height: 24px;
	}
	.logo-pos span {
		font-size: 18px;
		margin: 3px 0 0 8px;
		display: inline-block;
	}
}

@media only screen and (min-width: 1170px) {
	.cn-logo {
		top: 26px;
		left: 5%;
		display: inline-block;
	}
}

@media only screen and (max-width: 1169px) {
	.logo-pos ul li a p:first-of-type {
		font-size: 2.2rem;
	}
	.logo-pos ul li p:nth-child(2) {
	 visibility: hidden;
	}
	.logo-pos ul li:first-of-type {
		margin-right: 12px;
	}
}

@media only screen and (max-width: 380px) {
	.logo-pos ul li a p:first-of-type {
		font-size: 1.8rem;
	}
}

/* -------------------------------------------------------------------------- *\
	 Mobile Navigation
\* -------------------------------------------------------------------------- */

.main-nav-trigger {
	top:3px;
}

.header-buttons {
	position: absolute;
	display: inline-block;
	top: 3px;
	right: 3%;
	margin: 0;
}

.header-buttons li {
	display: inline-block;
}
@media only screen and (max-width: 1169px) {
	.header-buttons {
		left: auto;
		right: 3%;
	}
	.header-buttons li {
		float: right;
	}
}
@media only screen and (min-width: 1170px) {
	.header-buttons {
		top: 18px;
		right: 4em;
	}
}

/*  Mobile Search  
............................................*/

.mobile-search-trigger, .main-nav-trigger {
	position: relative;
	display: block;
	width: 44px;
	height: 44px;
	overflow: hidden;
	white-space: nowrap;
	/* hide text */
	color: transparent;
	z-index: 3;
}

.mobile-search-trigger::before, .mobile-search-trigger::after {
	/* search icon */
	content: '';
	position: absolute;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	transition: opacity 0.3s;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.mobile-search-trigger::before {
	/* lens */
	top: 11px;
	left: 11px;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	border: 3px solid #2e3233;
}
.mobile-search-trigger::after {
	/* handle */
	height: 3px;
	width: 8px;
	background: #2e3233;
	bottom: 14px;
	right: 11px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobile-search-trigger span {
	/* container for the X icon */
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
}
.mobile-search-trigger span::before, .mobile-search-trigger span::after {
	/* close icon */
	content: '';
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 22px;
	top: 50%;
	margin-top: -2px;
	left: 50%;
	margin-left: -11px;
	background: #2e3233;
	opacity: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
	-moz-transition: opacity 0.3s, -moz-transform 0.3s;
	transition: opacity 0.3s, transform 0.3s;
}
.mobile-search-trigger span::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mobile-search-trigger span::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.mobile-search-trigger.search-is-visible::before, .mobile-search-trigger.search-is-visible::after {
	/* hide search icon */
	opacity: 0;
}
.mobile-search-trigger.search-is-visible span::before, .mobile-search-trigger.search-is-visible span::after {
	/* show close icon */
	opacity: 1;
}
.mobile-search-trigger.search-is-visible span::before {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.mobile-search-trigger.search-is-visible span::after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}

.main-nav-trigger span, .main-nav-trigger span::before, .main-nav-trigger span::after {
	/* hamburger icon in CSS */
	position: absolute;
	display: inline-block;
	height: 3px;
	width: 24px;
	background: #2e3233;
}
.main-nav-trigger span {
	/* line in the center */
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -2px;
	-webkit-transition: background 0.3s 0.3s;
	-moz-transition: background 0.3s 0.3s;
	transition: background 0.3s 0.3s;
}
.main-nav-trigger span::before, .main-nav-trigger span::after {
	/* other 2 lines */
	content: '';
	right: 0;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-origin: 0% 50%;
	-moz-transform-origin: 0% 50%;
	-ms-transform-origin: 0% 50%;
	-o-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform 0.3s 0.3s;
	-moz-transition: -moz-transform 0.3s 0.3s;
	transition: transform 0.3s 0.3s;
}
.main-nav-trigger span::before {
	/* menu icon top line */
	top: -6px;
}
.main-nav-trigger span::after {
	/* menu icon bottom line */
	top: 6px;
}
.main-nav-trigger.nav-is-visible span {
	/* hide line in the center */
	background: rgba(46, 50, 51, 0);
}
.main-nav-trigger.nav-is-visible span::before, .main-nav-trigger.nav-is-visible span::after {
	/* keep visible other 2 lines */
	background: #2e3233;
}
.main-nav-trigger.nav-is-visible span::before {
	-webkit-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-moz-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-ms-transform: translateX(4px) translateY(-3px) rotate(45deg);
	-o-transform: translateX(4px) translateY(-3px) rotate(45deg);
	transform: translateX(4px) translateY(-3px) rotate(45deg);
}
.main-nav-trigger.nav-is-visible span::after {
	-webkit-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-moz-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-ms-transform: translateX(4px) translateY(2px) rotate(-45deg);
	-o-transform: translateX(4px) translateY(2px) rotate(-45deg);
	transform: translateX(4px) translateY(2px) rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
	.main-nav-trigger {
		display: none;
	}
}

/* -------------------------------------------------------------------------- *\
	 Main Navigation
\* -------------------------------------------------------------------------- */

.main-primary-nav, .main-primary-nav ul {
	position: fixed;
	margin: 0;
	top: 0;
	right: 0;
	height: 100%;
	width: 260px;
	background: #005073;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 3;
	/* Force Hardware Acceleration in WebKit */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}
.main-primary-nav a, .main-primary-nav ul a {
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 20px;
	color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* to remove wrapping text - enable */
	/* overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; */
	border-bottom: 1px solid #007eb5;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	will-change: transform, opacity;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	-moz-transition: -moz-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
}
.main-primary-nav.is-hidden, .main-primary-nav ul.is-hidden {
	/* secondary navigations hidden by default */
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
}
.main-primary-nav.moves-out > li > a, .main-primary-nav ul.moves-out > li > a {
	/* push the navigation items to the left - and lower down opacity - when secondary nav slides in */
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0;
}

@media only screen and (max-width: 1169px) {
	.main-primary-nav, .main-primary-nav ul {
		right: auto;
		left: 0;
	}
}
.main-primary-nav .cd-secondary-nav li.go-back {
	/* Mobile: go-back button item background color; */
	background-color: #003b55;
}
.main-primary-nav .see-all a {
	/* different style for the See all button on mobile and tablet */
	color: #00bcea;
}
.main-primary-nav .cn-nav-gallery .cn-nav-item, .main-primary-nav .cn-nav-icons .cn-nav-item {
	/* items with picture (or icon) and title */
	height: 80px;
	line-height: 80px;
}
.main-primary-nav .cn-nav-gallery .cn-nav-item h3, .main-primary-nav .cn-nav-icons .cn-nav-item h3 {
	overflow: hidden;
	text-overflow: ellipsis;
}
.main-primary-nav .cn-nav-gallery .cn-nav-item {
	padding-left: 90px;
}
.main-primary-nav .cn-nav-gallery .cn-nav-item img {
	position: absolute;
	display: block;
	height: 40px;
	width: auto;
	left: 20px;
	top: 50%;
	margin-top: -20px;
}
.main-primary-nav .cn-nav-icons .cn-nav-item {
	padding-left: 75px;
}
.main-primary-nav .cn-nav-icons .cn-nav-item p {
	color: #2e3233;
	font-size: 1.3rem;
	/* hide description on small devices */
	display: none;
}
.main-primary-nav .cn-nav-icons .cn-nav-item::before {
	/* item icon */
	content: '';
	display: block;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -20px;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 40px 40px;
}
.main-primary-nav .cn-nav-icons .cn-nav-item.item-1::before {
	background-image: url("../img/line-icon-1.svg");
}
.main-primary-nav .cn-nav-icons .cn-nav-item.item-2::before {
	background-image: url("../img/line-icon-2.svg");
}
.main-primary-nav .cn-nav-icons .cn-nav-item.item-3::before {
	background-image: url("../img/line-icon-3.svg");
}
.main-primary-nav .cn-nav-icons .cn-nav-item.item-4::before {
	background-image: url("../img/line-icon-4.svg");
}
.main-primary-nav .cn-nav-icons .cn-nav-item.item-5::before {
	background-image: url("../img/line-icon-5.svg");
}
.main-primary-nav .cn-nav-icons .cn-nav-item.item-6::before {
	background-image: url("../img/line-icon-6.svg");
}
.main-primary-nav .cn-nav-icons .cn-nav-item.item-7::before {
	background-image: url("../img/line-icon-7.svg");
}
.main-primary-nav .cn-nav-icons .cn-nav-item.item-8::before {
	background-image: url("../img/line-icon-8.svg");
}
@media only screen and (max-width: 1169px) {
	.main-primary-nav {
		/* by default .main-primary-nav is hidden - trick for iOS devices where you can see the navigation if you pull down */
		visibility: hidden;
		-webkit-transition: visibility 0s 0.3s;
		-moz-transition: visibility 0s 0.3s;
		transition: visibility 0s 0.3s;
	}
	.main-primary-nav.nav-is-visible {
		visibility: visible;
		-webkit-transition: visibility 0s 0s;
		-moz-transition: visibility 0s 0s;
		transition: visibility 0s 0s;
	}
}

@media only screen and (min-width: 1170px) {
	.main-primary-nav {
		padding: 0 10% 0 0;
		height: auto;
		width: auto;
		float: right;
		overflow: visible;
		background: transparent;
	}
	.main-primary-nav::after {
		clear: both;
		content: "";
		display: table;
	}
	.main-primary-nav.moves-out > li > a {
		/* reset mobile style */
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
	.main-primary-nav ul {
		position: static;
		height: auto;
		width: auto;
		background: transparent;
		overflow: visible;
		z-index: 3;
	}
	.main-primary-nav ul.is-hidden {
		/* reset mobile style */
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	.main-primary-nav ul.moves-out > li > a {
		/* reset mobile style */
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
		text-decoration: none;
	}
	.main-primary-nav > li {
		float: left;
		margin-left: 2.5em;
	}
	.main-primary-nav > li > a {
		/* main navigation buttons style */
		position: relative;
		display: inline-block;
		height: 80px;
		line-height: 80px;
		padding: 0 10px;
		color: #2e3233;
		overflow: visible;
		border-bottom: none;
		text-decoration: none;
		-webkit-transition: color 0.3s, box-shadow 0.3s;
		-moz-transition: color 0.3s, box-shadow 0.3s;
		transition: color 0.3s, box-shadow 0.3s;
	}
	.main-primary-nav > li > a:hover {
		color: #00bcea;
	}
	.main-primary-nav > li > a.selected {
		color: #00bcea;
		box-shadow: inset 0 -2px 0 #00bcea;
	}
	.main-primary-nav .go-back, .main-primary-nav .see-all {
		display: none;
	}
	.main-primary-nav .cd-secondary-nav, .main-primary-nav .cn-nav-gallery, .main-primary-nav .cn-nav-icons {
		/* dropdown menu style */
		position: absolute;
		top: 80px;
		width: 100vw;
		background: #f9f9f9;
		padding: 48px 150px 130px;
		/*box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);*/
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
		-webkit-transition: opacity .3s 0s, visibility 0s 0s;
		-moz-transition: opacity .3s 0s, visibility 0s 0s;
		transition: opacity .3s 0s, visibility 0s 0s;
	}
	.main-primary-nav .cd-secondary-nav::after, .main-primary-nav .cn-nav-gallery::after, .main-primary-nav .cn-nav-icons::after {
		clear: both;
		content: "";
		display: table;
	}
	.main-primary-nav .cd-secondary-nav.is-hidden, .main-primary-nav .cn-nav-gallery.is-hidden, .main-primary-nav .cn-nav-icons.is-hidden {
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity .3s 0s, visibility 0s .3s;
		-moz-transition: opacity .3s 0s, visibility 0s .3s;
		transition: opacity .3s 0s, visibility 0s .3s;
	}
	.main-primary-nav .cd-secondary-nav > .see-all, .main-primary-nav .cn-nav-gallery > .see-all, .main-primary-nav .cn-nav-icons > .see-all {
		/* this is the BIG See all button at the bottom of the dropdown menu */
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		height: 80px;
		width: 100%;
		overflow: hidden;
		/* reset some inherited style */
		margin: 0;
		padding: 0;
	}
	.main-primary-nav .cd-secondary-nav > .see-all a, .main-primary-nav .cn-nav-gallery > .see-all a, .main-primary-nav .cn-nav-icons > .see-all a {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		font-size: 2.2rem;
		font-weight: bold;
		text-align: center;
		line-height: 80px;
		border-top: 1px solid #e2e3df;
		/* reset some inherited style */
		border-bottom: none;
		margin: 0;
		padding: 0;
		background-color: #0d274d;
		color:#fff;
		-webkit-transition: color 0.2s, background 0.2s, border 0.2s;
		-moz-transition: color 0.2s, background 0.2s, border 0.2s;
		transition: color 0.2s, background 0.2s, border 0.2s;
	}
	.main-primary-nav .cd-secondary-nav > .see-all a:hover, .main-primary-nav .cn-nav-gallery > .see-all a:hover, .main-primary-nav .cn-nav-icons > .see-all a:hover {
		background: #005073;
		border-color: #bbb;
		color: #ffffff;
	}
	.main-primary-nav .cd-secondary-nav > li {
		/* change the height according to your needs - you can even set height: auto */
		height: 320px;
		/* here you set the number of columns - use width percentage */
		width: 23%;
		float: left;
		margin-right: 2.66%;
		border-right: 1px solid #e2e3df;
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: auto;
		-webkit-overflow-scrolling: touch;
	}
	.main-primary-nav .cd-secondary-nav > li:nth-child(4n+2) {
		/* +2 because we have 2 list items with display:none */
		margin-right: 0;
		border-right: none;
	}
	.main-primary-nav .cd-secondary-nav > li > a {
		/* secondary nav title */
		color: #049fd9;
		font-family: 'ciscosansttextralight', serif;
		font-size: 2.1rem;
		margin-bottom: .6em;
		display: inline-block;
	}
	.main-primary-nav .cd-secondary-nav a {
		height: 30px;
		line-height: 30px;
		padding: 0 18% 0 0;
		color: #2e3233;
		border-bottom: none;
		font-size: 1.45rem;
		text-decoration: none;
		display: initial;
	}
	.main-primary-nav .cd-secondary-nav a.nav-focus-item {
		height: 100%;
		padding: 8px 0 0 0;
	}
	.main-primary-nav .cd-secondary-nav a:hover {
		color: #00bcea;
	}
	.main-primary-nav .cd-secondary-nav ul {
		/* Force Hardware Acceleration in WebKit */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
	}
	.main-primary-nav .cd-secondary-nav ul ul {
		/* tertiary navigation */
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
	}
	.main-primary-nav .cd-secondary-nav ul ul.is-hidden {
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}
	.main-primary-nav .cd-secondary-nav ul ul .go-back {
		display: block;
		background-color: #0f0;
	}
	.main-primary-nav .cd-secondary-nav ul ul .go-back a {
		color: transparent;
	}
	.main-primary-nav .cd-secondary-nav ul ul .see-all {
		display: block;
	}
	.main-primary-nav .cd-secondary-nav .moves-out > li > a {
		/* push the navigation items to the left - and lower down opacity - when tertiary nav slides in */
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}
	.main-primary-nav .cn-nav-gallery li {
		/* set here number of columns - use width percentage */
		width: 22%;
		float: left;
		margin: 0 4% 40px 0;
	}
	.main-primary-nav .cn-nav-gallery li:nth-child(4n+2) {
		/* +2 because we have two additional list items with display:none */
		margin-right: 0;
	}
	.main-primary-nav .cn-nav-gallery .cn-nav-item {
		border-bottom: none;
		padding: 0;
		height: auto;
		line-height: 1.2;
	}
	.main-primary-nav .cn-nav-gallery .cn-nav-item img {
		position: static;
		margin-top: 0;
		height: auto;
		width: 100%;
		margin-bottom: .6em;
	}
	.main-primary-nav .cn-nav-gallery .cn-nav-item h3 {
		color: #00bcea;
		font-weight: bold;
		padding: 0 .4em;
	}
	.main-primary-nav .cn-nav-icons li {
		/* set here number of columns - use width percentage */
		width: 32%;
		float: left;
		margin: 0 2% 20px 0;
	}
	.main-primary-nav .cn-nav-icons li:nth-child(3n+2) {
		/* +2 because we have two additional list items with display:none */
		margin-right: 0;
	}
	.main-primary-nav .cn-nav-icons .cn-nav-item {
		border-bottom: none;
		height: 80px;
		line-height: 1.2;
		padding: 24px 0 0 85px;
		position: relative;
	}
	.main-primary-nav .cn-nav-icons .cn-nav-item:hover {
		background: #f6f6f5;
	}
	.main-primary-nav .cn-nav-icons .cn-nav-item h3 {
		color: #00bcea;
		font-weight: bold;
	}
	.main-primary-nav .cn-nav-icons .cn-nav-item p {
		display: block;
	}
	.main-primary-nav .cn-nav-icons .cn-nav-item::before {
		left: 25px;
	}
}
.has-children > a, .go-back a {
	position: relative;
}
.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
	/* arrow icon in CSS - for element with nested unordered lists */
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -1px;
	display: inline-block;
	height: 2px;
	width: 10px;
	background: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.has-children > a::before, .go-back a::before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.has-children > a::after, .go-back a::after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
@media only screen and (min-width: 1170px) {
	.has-children > a::before, .has-children > a::after, .go-back a::before, .go-back a::after {
		background: #c9cbc4;
	}
	.has-children > a:hover::before, .has-children > a:hover::after, .go-back a:hover::before, .go-back a:hover::after {
		background: #00bcea;
	}
}

.has-children > a {
	padding-right: 40px;
}
.has-children > a::before, .has-children > a::after {
	/* arrow goes on the right side - children navigation */
	right: 20px;
	-webkit-transform-origin: 9px 50%;
	-moz-transform-origin: 9px 50%;
	-ms-transform-origin: 9px 50%;
	-o-transform-origin: 9px 50%;
	transform-origin: 9px 50%;
}

.main-primary-nav .go-back a {
	padding-left: 40px;
}
.main-primary-nav .go-back a::before, .main-primary-nav .go-back a::after {
	/* arrow goes on the left side - go back button */
	left: 20px;
	-webkit-transform-origin: 1px 50%;
	-moz-transform-origin: 1px 50%;
	-ms-transform-origin: 1px 50%;
	-o-transform-origin: 1px 50%;
	transform-origin: 1px 50%;
}

@media only screen and (min-width: 1170px) {
	.has-children > a::before, .has-children > a::after {
		right: 15%;
	}

	.main-primary-nav > .has-children > a {
		/* main navigation arrows on larger devices */
		padding-right: 30px !important;
	}
	.main-primary-nav > .has-children > a::before, .main-primary-nav > .has-children > a::after {
		width: 9px;
		-webkit-transform-origin: 50% 50%;
		-moz-transform-origin: 50% 50%;
		-ms-transform-origin: 50% 50%;
		-o-transform-origin: 50% 50%;
		transform-origin: 50% 50%;
		background: #c9cbc4;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transition: width 0.3s, -webkit-transform 0.3s;
		-moz-transition: width 0.3s, -moz-transform 0.3s;
		transition: width 0.3s, transform 0.3s;
	}
	.main-primary-nav > .has-children > a::before {
		right: 12px;
	}
	.main-primary-nav > .has-children > a::after {
		right: 7px;
	}
	.main-primary-nav > .has-children > a.selected::before, .main-primary-nav > .has-children > a.selected::after {
		width: 14px;
	}
	.main-primary-nav > .has-children > a.selected::before {
		-webkit-transform: translateX(5px) rotate(-45deg);
		-moz-transform: translateX(5px) rotate(-45deg);
		-ms-transform: translateX(5px) rotate(-45deg);
		-o-transform: translateX(5px) rotate(-45deg);
		transform: translateX(5px) rotate(-45deg);
	}
	.main-primary-nav > .has-children > a.selected::after {
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.cd-secondary-nav > .has-children > a::before, .cd-secondary-nav > .has-children > a::after {
		/* remove arrows on secondary nav titles */
		display: none;
	}

	.main-primary-nav .go-back a {
		padding-left: 20px;
	}
	.main-primary-nav .go-back a::before, .main-primary-nav .go-back a::after {
		left: 1px;
	}
	/* menu item adjust for desktop only */
	.menu_adjust {
		margin-top: 30px;
	}
}

.mobile-search {
	position: absolute;
	height: 50px;
	width: 100%;
	top: 50px;
	left: 0;
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .3s 0s, visibility 0s .3s;
	-moz-transition: opacity .3s 0s, visibility 0s .3s;
	transition: opacity .3s 0s, visibility 0s .3s;
}
.mobile-search form {
	height: 100%;
	width: 100%;
}
.mobile-search input {
	border-radius: 0;
	border: none;
	background: #ffffff;
	height: 100%;
	width: 100%;
	padding: 0 5%;
	box-shadow: inset 0 1px 0 #e2e3df, 0 3px 6px rgba(0, 0, 0, 0.05);
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
}
.mobile-search input::-webkit-input-placeholder {
	color: #c9cbc4;
}
.mobile-search input::-moz-placeholder {
	color: #c9cbc4;
}
.mobile-search input:-moz-placeholder {
	color: #c9cbc4;
}
.mobile-search input:-ms-input-placeholder {
	color: #c9cbc4;
}
.mobile-search input:focus {
	outline: none;
}
.mobile-search.is-visible {
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity .3s 0s, visibility 0s 0s;
	-moz-transition: opacity .3s 0s, visibility 0s 0s;
	transition: opacity .3s 0s, visibility 0s 0s;
}

@media only screen and (min-width: 1170px) {
	.mobile-search {
		height: 120px;
		top: 80px;
	}
	.mobile-search input {
		padding: 0 2em;
		font-size: 3.2rem;
		font-weight: 300;
	}
}

.nav-overlay {
	/* shadow layer visible when navigation is active */
	position: fixed;
	z-index: 3;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	cursor: pointer;
	background-color: #000;
	visibility: hidden;
	opacity: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s, transform 0.3s 0s;
}
.nav-overlay.is-visible {
	opacity: .8;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s, -webkit-transform 0.3s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s, -moz-transform 0.3s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s, transform 0.3s 0s;
}
@media only screen and (max-width: 1169px) {
	.nav-overlay.is-visible {
		-webkit-transform: translateX(260px);
		-moz-transform: translateX(260px);
		-ms-transform: translateX(260px);
		-o-transform: translateX(260px);
		transform: translateX(260px);
	}

	.nav-overlay.is-visible.search-is-visible, .nav-overlay.is-visible.search-is-visible {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
}

/*  Mega-Menu Recent Articles
............................................*/ 

.nav_recent_articles {
	padding-right: 45px;
}

.nav_recent_articles div {
	margin-bottom: 22px;
}

.nav_recent_articles a.article {
	display: initial;
	height: 0px;
	line-height: 1.5;
	padding: 0 10% 0 0;
}

.nav_recent_articles h4 {
	font-weight: 100;
	height: 100%;
	line-height: 0;
}

.nav_recent_articles .date {
	margin: 3px 0 0 0;
	font-size: 1.2rem;
	color: #999;
}

.nav_recent_articles .view_all_btn {
	padding: 5px 8px;
	background-color: #999;
	color: #fff;
	font-size: 12px;
	border-radius: 3px;
	height: 30px;
	line-height: 20px
}

.nav_recent_articles .view_all_btn:hover {
	background-color: #00bcea;
}

/* -------------------------------------------------------------------------- *\
	 Advanced Search 
\* -------------------------------------------------------------------------- */

.adv-search-cnt input[type="search"]::-webkit-search-decoration,
.adv-search-cnt input[type="search"]::-webkit-search-cancel-button,
.adv-search-cnt input[type="search"]::-webkit-search-results-button,
.adv-search-cnt input[type="search"]::-webkit-search-results-decoration {
	display: none;
}

.adv-search-cnt select, input[type="search"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	border: none;
}

.adv-search-cnt input[type="search"] {
	border-radius: 0;
	margin-top: 0;
}

.adv-search-cnt select {
	background-color: transparent;
	cursor: pointer;
}

.adv-search-select::after {
	/* switcher arrow for select element */
	content: '';
	position: absolute;
	z-index: 1;
	right: 4px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	background: url(../img/cd-icons.svg) no-repeat 0 0;
	pointer-events: none;
}

/*  Image > Text 
............................................*/ 

.img-replace-text {
	/* replace text with image */
	color: transparent;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

/*  Header for Adv Search
............................................*/ 

.cn-main-header.nav-is-visible {
	-webkit-transform: translateX(260px);
	-moz-transform: translateX(260px);
	-ms-transform: translateX(260px);
	-o-transform: translateX(260px);
	transform: translateX(260px);
}
.cn-main-header::before {
	/* never visible - this is used in jQuery to check the current MQ */
	display: none;
	content: 'mobile';
}
@media only screen and (min-width: 1024px) {
	.cn-main-header {
		height: 80px;
	}
	.cn-main-header.nav-is-visible {
		-webkit-transform: translateX(0);
		-moz-transform: translateX(0);
		-ms-transform: translateX(0);
		-o-transform: translateX(0);
		transform: translateX(0);
	}
	.cn-main-header::before {
		content: 'desktop';
	}
}

.search-nav-wrapper {
	padding: 0 5%;
}
.search-nav-wrapper::after {
	clear: both;
	content: "";
	display: none;
}

/*  Search Selections & Form
............................................*/ 

.adv-search-cnt .adv-search-select {
	/* hide select element on small devices */
	display: none;
}
.adv-search-cnt .close {
	/* 'X' icon to close search form - hidden on small devices */
	display: none;
}
.adv-search-cnt input[type="search"] {
	width: 100%;
	color: #ffffff;
}
.adv-search-cnt input[type="search"]:focus {
	outline: none;
}
.adv-search-cnt input[type="search"]::-webkit-input-placeholder {
	color: #fff;
	opacity:  .5;
}
.adv-search-cnt input[type="search"]::-moz-placeholder {
	color: #fff;
	opacity:  .5;
}
.adv-search-cnt input[type="search"]:-moz-placeholder {
	color: #fff;
	opacity:  .5;
}
.adv-search-cnt input[type="search"]:-ms-input-placeholder {
	color: #fff;
	opacity:  .5;
}
@media only screen and (min-width: 1024px) {
	.adv-search-cnt {
		position: absolute;
		z-index: 4;
		top: 0;
		left: 0;
		height: 80px;
		width: 100%;
		background: #005073;
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.3s, visibility 0.3s;
		-moz-transition: opacity 0.3s, visibility 0.3s;
		transition: opacity 0.3s, visibility 0.3s;
	}
	.adv-search-cnt form {
		position: relative;
		height: 100%;
		/* 170px (margin left) is the sum of the logo width (124px) and additional 46px margin (to separate the form form the logo) */
		/* 116px (margin right) takes into account the space occupied by the a.adv-search-trigger and a.close */
		margin: 0 calc(5% + 116px) 0 calc(5% + 116px);
	}
	.adv-search-cnt input[type="search"] {
		font-size: 2.4rem;
		height: 100%;
		background-color: transparent;
		/* don't overlap <select> element */
		padding-right: 170px;
		::-webkit-input-placeholder { /* Chrome */
			color: #fff;
		}
		:-ms-input-placeholder { /* IE 10+ */
			color: fff;
		}
		::-moz-placeholder { /* Firefox 19+ */
			color: fff;
			opacity: 1;
		}
		:-moz-placeholder { /* Firefox 4 - 18 */
			color: fff;
			opacity: 1;
		}
	}
	.adv-search-cnt .adv-search-select {
		display: inline-block;
		position: absolute;
		right: 0;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #fff;
		font-size: 1.4rem;
		overflow: hidden;
	}
	.adv-search-cnt span {
		display: inline-block;
	}
	.adv-search-cnt option {
		/* style <option> elements on Firefox */
		color: #333545;
		background-color: #ffffff;
	}
	.adv-search-cnt select {
		/* the <select> element is not visible (if the list of options is not open) -  it is covered by the .selected-value element */
		position: absolute;
		right: 0;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		opacity: 0;
		color: transparent;
	}
	.adv-search-cnt select:focus {
		outline: none;
	}
	.adv-search-cnt select:focus + span.selected-value {
		background-color: #3d3f4e;
	}
	.adv-search-cnt .selected-value {
		/* this <span> element covers the <select> element - its content is changed (using JavaScript) and set equal to the selected <option> value */
		/* its width automatically changes according to the text of the selected <option> (not possible with a <select> element) */
		color: #ffffff;
		/* clicking on this element will open the <select> drop-down list */
		pointer-events: none;
		-webkit-transition: background-color 0.3s;
		-moz-transition: background-color 0.3s;
		transition: background-color 0.3s;
	}
	.adv-search-cnt select, .adv-search-cnt .selected-value {
		padding: 0.5em 1.7em 0.5em .3em;
		font-size: 1.4rem;
		border-radius: 3px;
	}
	.no-pointerevents .adv-search-cnt .selected-value {
		/* if the browser doesn't support the pointer-events property, hide the .selected-value element */
		display: none;
	}
	.no-pointerevents .adv-search-cnt select {
		/* if the browser doesn't support the pointer-events property, show the <select> element */
		position: relative;
		color: #ffffff;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	.no-pointerevents .adv-search-cnt select:focus {
		background-color: #3d3f4e;
	}
	.adv-search-cnt .close {
		/* 'X' icon - used to close the search form */
		display: inline-block;
		position: absolute;
		right: 5%;
		top: 50%;
		height: 40px;
		width: 40px;
		-webkit-transform: translateY(-50%) scale(0);
		-moz-transform: translateY(-50%) scale(0);
		-ms-transform: translateY(-50%) scale(0);
		-o-transform: translateY(-50%) scale(0);
		transform: translateY(-50%) scale(0);
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
	.adv-search-cnt .close::before, .adv-search-cnt .close::after {
		/* used to create the 'X' icon in css */
		content: '';
		position: absolute;
		height: 20px;
		width: 2px;
		background-color: #ffffff;
		left: 50%;
		top: 50%;
	}
	.adv-search-cnt .close::before {
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
		-moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
		-o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
		transform: translateX(-50%) translateY(-50%) rotate(-45deg);
	}
	.adv-search-cnt .close::after {
		-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		-o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
		transform: translateX(-50%) translateY(-50%) rotate(45deg);
	}
	.adv-search-cnt.is-visible {
		/* search form open */
		opacity: 1;
		visibility: visible;
	}
	.adv-search-cnt.is-visible .close {
		-webkit-transform: translateY(-50%) scale(1);
		-moz-transform: translateY(-50%) scale(1);
		-ms-transform: translateY(-50%) scale(1);
		-o-transform: translateY(-50%) scale(1);
		transform: translateY(-50%) scale(1);
	}
	.animate-search .adv-search-cnt.is-visible {
		/* trigger search form animation if <header> has the .animate-search class */
		-webkit-animation: cd-slide-in 0.3s;
		-moz-animation: cd-slide-in 0.3s;
		animation: cd-slide-in 0.3s;
	}
}

@-webkit-keyframes cd-slide-in {
	0% {
		-webkit-transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0);
	}
}
@-moz-keyframes cd-slide-in {
	0% {
		-moz-transform: translateY(-100%);
	}
	100% {
		-moz-transform: translateY(0);
	}
}
@keyframes cd-slide-in {
	0% {
		-webkit-transform: translateY(-100%);
		-moz-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		transform: translateY(-100%);
	}
	100% {
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
}
.adv-search-suggestions {
	/* drowpdown with search suggestions - hidden on small devices */
	display: none;
}
@media only screen and (min-width: 1024px) {
	.adv-search-suggestions {
		display: block;
		position: absolute;
		top: 80px;
		left: 0;
		/* same width of <form> element */
		width: calc( 90% - 232px);
		padding: 2em;
		/* same margin of <form> element */
		margin: 0 calc(5% + 116px) 0 calc(5% + 116px);
		background-color: #ffffff;
	}
	.adv-search-suggestions::after {
		clear: both;
		content: "";
		display: table;
	}
	.adv-search-suggestions .quick-links, .adv-search-suggestions .recent-articles {
		display: inline-block;
	}
	.adv-search-suggestions .quick-links {
		float: right;
		width: 175px;
		text-align: right;
	}
	.adv-search-suggestions .recent-articles {
		float: left;
		width: calc(100% - 175px);
	}
	.adv-search-suggestions h3 {
		margin-bottom: .6em;
		color: #049fd9;
		font-family: 'ciscosansttextralight', serif;
		font-size: 2.1rem;
	}
	.adv-search-suggestions h4 {
		font-weight: 100;
		font-size: 1.7rem;
		font-family: 'ciscosansttregular', serif;
		height: auto;
		margin-left: 10px;
	}
	.adv-search-suggestions h4 a {
		/* prevent the text from wrapping */
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		max-width: 100%;
		padding: .2em 0;
	}
	.adv-search-suggestions a {
		display: inline-block;
		color: #333545;
	}
	.no-touch .adv-search-suggestions a:hover {
		color: #00bcea;
	}
	.adv-search-suggestions time {
		font-size: 1.2rem;
		color: #70727d;
		display: block;
		margin: -5px 0 0 10px;
	}
	.adv-search-suggestions .recent-articles li {
		position: relative;
		padding: 0.9em 0.75em 0.9em 6em;
		margin-bottom: 0.25em;
	}
	.adv-search-suggestions .recent-articles li:last-of-type {
		margin-bottom: 0;
	}
	.adv-search-suggestions .img-wrapper {
		position: absolute;
		left: 0;
		top: 50%;
		bottom: auto;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 75px;
		height: 50px;
	}
	.adv-search-suggestions .img-wrapper img {
		display: block;
	}
	.adv-search-suggestions .quick-links a {
		padding: .5em 0;
		font-size: 1.4rem;
		line-height: 1.2;
	}
	.animate-search .is-visible .adv-search-suggestions {
		/* trigger the dropdown animation if <header> has the .animate-search class */
		-webkit-transform-origin: center top;
		-moz-transform-origin: center top;
		-ms-transform-origin: center top;
		-o-transform-origin: center top;
		transform-origin: center top;
		/* Force Hardware Acceleration */
		-webkit-transform: translateZ(0);
		-moz-transform: translateZ(0);
		-ms-transform: translateZ(0);
		-o-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-animation: cd-3d-rotation 0.5s 0.3s;
		-moz-animation: cd-3d-rotation 0.5s 0.3s;
		animation: cd-3d-rotation 0.5s 0.3s;
		-webkit-animation-fill-mode: backwards;
		-moz-animation-fill-mode: backwards;
		animation-fill-mode: backwards;
	}
}

@-webkit-keyframes cd-3d-rotation {
	0% {
		-webkit-transform: perspective(1000px) rotateX(-90deg);
	}
	100% {
		-webkit-transform: perspective(1000px) translateY(0);
	}
}
@-moz-keyframes cd-3d-rotation {
	0% {
		-moz-transform: perspective(1000px) rotateX(-90deg);
	}
	100% {
		-moz-transform: perspective(1000px) translateY(0);
	}
}
@keyframes cd-3d-rotation {
	0% {
		-webkit-transform: perspective(1000px) rotateX(-90deg);
		-moz-transform: perspective(1000px) rotateX(-90deg);
		-ms-transform: perspective(1000px) rotateX(-90deg);
		-o-transform: perspective(1000px) rotateX(-90deg);
		transform: perspective(1000px) rotateX(-90deg);
	}
	100% {
		-webkit-transform: perspective(1000px) translateY(0);
		-moz-transform: perspective(1000px) translateY(0);
		-ms-transform: perspective(1000px) translateY(0);
		-o-transform: perspective(1000px) translateY(0);
		transform: perspective(1000px) translateY(0);
	}
}
.adv-search-trigger {
	/* trigger serach form visibility - hidden on small devices */
	display: none;
}
@media only screen and (min-width: 1024px) {
	.adv-search-trigger {
		display: block;
		position: relative;
		z-index: 4;
		height: 40px;
		width: 40px;
		margin: 1.25em .5em;
		float: right;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
		background-color: #8690a1;
		border-radius: 50%;
	}
	.adv-search-trigger::after, .adv-search-trigger:before {
		/* used to create the icon lens and the background circle */
		content: '';
		position: absolute;
	}
	.adv-search-trigger::after {
		/* icon lens */
		left: 50%;
		top: 50%;
		bottom: auto;
		right: auto;
		-webkit-transform: translateX(-50%) translateY(-50%);
		-moz-transform: translateX(-50%) translateY(-50%);
		-ms-transform: translateX(-50%) translateY(-50%);
		-o-transform: translateX(-50%) translateY(-50%);
		transform: translateX(-50%) translateY(-50%);
		height: 16px;
		width: 16px;
		background: url(../img/cd-icons.svg) no-repeat -16px 0;
	}
	.adv-search-trigger::before {
		/* background circle */
		left: 50%;
		top: 50%;
		-webkit-transform: translateX(-50%) translateY(-50%) scale(0);
		-moz-transform: translateX(-50%) translateY(-50%) scale(0);
		-ms-transform: translateX(-50%) translateY(-50%) scale(0);
		-o-transform: translateX(-50%) translateY(-50%) scale(0);
		transform: translateX(-50%) translateY(-50%) scale(0);
		height: 100%;
		width: 100%;
		background-color: #00bceb;
		border-radius: 50%;
		-webkit-transition: -webkit-transform 0.3s;
		-moz-transition: -moz-transform 0.3s;
		transition: transform 0.3s;
	}
	.no-touch .adv-search-trigger:hover::before {
		background-color: #19a0da;
	}
	.adv-search-trigger.search-form-visible {
		-webkit-transform: translateX(-46px);
		-moz-transform: translateX(-46px);
		-ms-transform: translateX(-46px);
		-o-transform: translateX(-46px);
		transform: translateX(-46px);
	}
	.adv-search-trigger.search-form-visible::before {
		-webkit-transform: translateX(-50%) translateY(-50%) scale(1);
		-moz-transform: translateX(-50%) translateY(-50%) scale(1);
		-ms-transform: translateX(-50%) translateY(-50%) scale(1);
		-o-transform: translateX(-50%) translateY(-50%) scale(1);
		transform: translateX(-50%) translateY(-50%) scale(1);
	}
}

/*  Search Overlay when clicked
............................................*/ 

.adv-search-cover {
	/* cover main content when search form is open - hidden on smal devices */
	display: none;
}
@media only screen and (min-width: 1024px) {
	.adv-search-cover {
		display: block;
		position: fixed;
		z-index: 3;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.8);
		opacity: 0;
		visibility: hidden;
		-webkit-transition: opacity 0.3s, visibility 0.3s;
		-moz-transition: opacity 0.3s, visibility 0.3s;
		transition: opacity 0.3s, visibility 0.3s;
		cursor: pointer;
	}
	.adv-search-cover.search-form-visible {
		opacity: 1;
		visibility: visible;
	}
}

/* -------------------------------------------------------------------------- *\
		Footer
\* -------------------------------------------------------------------------- */

#parallax-section2 .container {
	z-index: 2;
	min-height: 460px;
}
#parallax-section2 {
	background-attachment: fixed!important;
	background-repeat: no-repeat!important;
	background-size: cover!important;
	background: url('https://newsroom.cisco.com/documents/10157/1698840/corporateinfo_bg3.jpg');
}
.overlay {
	position: relative;
}
.img-overlay2:after {
	background: #000;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	opacity: .6;
}
#footer-bg {
	background-color: #0d274d;
	padding: 10px 0 45px;"
}
#footer {
	background-color: rgba(0, 0, 0, 0.7);
	padding: 0;
	width: 100%;
	min-height: 400px;
	font-family: "Open Sans";
}
#footer h3 {
	font-size: 2.4rem;
	font-family: 'ciscosansttextralight', serif;
	margin-bottom: 0;
	color: #fff;
	width: 100%;
}
#footer .about-us {
	font-size: 1.6rem;
	color: #fff;
	margin-bottom: 40px;
	line-height: 1.4;
}
#footer .site-logo {
	padding-left: 0;
	padding-right: 0;
	width: 300px;
	display: inline-block;
}
#footer .site-logo h3 {
	font-weight: 300;
	color: #fff;
	margin-top: 10px;
	font-size: 35px;
	margin-bottom: -10px;
}
#footer .site-logo h3 span {
	font-weight: 400;
	color: #FFF;
}
#footer .site-logo p {
	font-weight: 400;
	color: #fff;
	margin-top: 0;
}
#footer .site-logo img {
	width: 30%;
	margin-top: 4px;
	margin-right: 4px;
	padding: 0;
	-webkit-filter: brightness(1.3);
	filter: brightness(1.3);
}
#footer .col-md-3 {
	margin: 20px 0 0;
	overflow: hidden;
}
#footer .col-md-3 li {
	width: 100%;
	float: left;
	padding-left: 0;
	margin: 0 0 10px 0;
}
#footer .col-md-3 li a {
	color: #fff;
	padding: 0;
	margin: 0;
}
#footer .col-md-3 li a:hover {
	color: #00bcea;
}
#footer .col-md-3 .item-content p {
	margin: 0;
	font-size: 1.6rem;
	color: #fff;
}
#footer .tagcloud a {
	color: #fff;
	background-color: #70717c;
	padding: 5px 10px;
	margin: 7px 7px 7px 0;
	border-radius: 2px;
	display: inline-block;
}
#footer .tagcloud a:hover {
	background-color: #f2f2f6;
	color: #70717c;
}
.footer-post {
	overflow: hidden;
}
.footer-post .item {
	display: table;
	width: 100%;
	position: relative;
}
.footer-post .item .item-image {
	display: table-cell;
	vertical-align: top;
	width: 66px;
}
.footer-post .item .item-content {
	padding: 0 0 0 16px;
}

/*  Copyrights
............................................*/

#copyrights {
	background-color: #0d274d;
	min-height: 40px;
	width: 100%;
}
.copyright {
	color: #7e7f8c;
	text-align: left;
	display: inline-block;
	margin-top: 10px;
}
.copyright a {
	color: #fff;
	font-size: 12px;
	font-family: 'Open Sans';
	border-right: 1px solid #167eab;
	padding: 0 6px;
}
.copyright a:first-child {
	padding-left: 0;
}
.copyright a:last-child {
	border-right: 0px;
}
.copyright a:hover {
	text-decoration: underline;
}
.footer-social-icons {
	position: absolute;
	right: 0;
	top: 0;
	height: 40px;
	width: 215px;
	display: inline;
}

.footer-social-icons ul {
	margin: 0;
}

.footer-social-icons li a {
	font-size: 1.35em;
	color: #fff;
	float: left;
	text-align: center;
	width: 40px;
}
.footer-social-icons li a i {
	line-height: 40px;
}
.footer-social-icons li a:hover {
	color: #FFF !important;
}

@media only screen and (max-width: 767px) {
	#footer .col-md-3 {
		padding: 0 30px; 
	} 
}

/* -------------------------------------------------------------------------- *\
	 Focus Magazine Design Ver 4 - July 24, 2018
\* -------------------------------------------------------------------------- */

.my-btn,.wrap:before{-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s}.cols .colleft,.cols .colright,.grids,.wrap{min-height:500px}.bottom,.grids-outer,.social-network,span.type{overflow:hidden}.focus-mag a{color:inherit}.focus-mag .h1,.focus-mag .h2,.focus-mag .h3,.focus-mag .h4,.focus-mag .h5,.focus-mag .h6,.focus-mag h1,.focus-mag h2,.focus-mag h3,.focus-mag h4,.focus-mag h5,.focus-mag h6{line-height:1.3;font-family:ciscosansttextralight,serif;font-weight:100;color:#000}.focus-mag ::selection{background:#00bcea;color:#fff}.focus-mag img{width:100%}span.type{white-space:nowrap;width:30em}@keyframes blink{to{opacity:0}}.my-btn{display:inline-block;line-height:40px;padding:0 30px;font-family:ciscosansttextralight,serif;color:#fff;background-color:#111;letter-spacing:2px;margin:0;text-transform:uppercase;border:none;transition:all ease .5s}.my-btn.active,.my-btn:hover{background-color:#00bcea;outline:0;color:#fff}.my-btn.active:hover{opacity:.8}.row-fix{margin-left:-5px;margin-right:-5px}.row-fix .col-fix{padding-left:5px;padding-right:5px}@keyframes dots{0%,100%{opacity:.2}20%{opacity:1}}.wrap:after,.wrap:before{position:absolute;height:15px;background-color:#fff;visibility:hidden;opacity:0;content:"";display:block}.wrapper{max-width:1248px;padding:0 10px;margin:0 auto}.wrap{max-width:1248px;border:2px solid #111;margin:50px auto;padding:20px 40px;background-color:#fff;-moz-transition:transform ease .5s;-o-transition:transform ease .5s;-webkit-transition:transform ease .5s;transition:transform ease .5s}@media screen and (max-width:991px){.wrap{padding:20px 15px;margin:15px auto}}.wrap:before{left:20px;right:20px;top:-16px;transition:all ease .5s}.focus-post-title,.wrap:after{-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s}.wrap:after{left:40px;right:40px;top:-32px;transition:all ease .5s}.focus-mag .grids-item h3.focus-post-title{font-family:ciscosansttbold,serif;border-bottom:2px solid #111;padding:5px 0;margin-top:0;line-height:1.4}.post-des p,.post-meta{font-family:"Open Sans",serif}.focus-post-title{transition:all ease .5s;margin-top:0}.post-thumb .post-format:before,.post-thumbnail img{-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s}.focus-post-title:hover{border-bottom:2px solid #00bcea;color:#00bcea}.post-thumbnail img{-webkit-filter:grayscale(70%);filter:grayscale(70%);transition:all ease .5s}.post-thumbnail:hover img{-webkit-filter:grayscale(30%);filter:grayscale(30%)}.post-thumb{position:relative}.post-thumb .post-format{width:40px;height:40px;position:absolute;top:0;right:0;z-index:999}.post-thumb .post-format i{display:block;line-height:20px;width:20px;height:20px;position:absolute;top:3px;right:2px;text-align:center;color:#fff;font-size:11px}.post-thumb .post-format:before{content:"";display:block;width:0;height:0;border:20px solid transparent;border-top-color:#00bcea;border-right-color:#00bcea;transition:all ease .5s}.post-meta a,.post-thumb img{-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s}.post-thumb:hover .post-format:before{border-top-color:#005073;border-right-color:#005073}.post-thumb img{transition:all ease .5s}.post-thumb:hover img{-webkit-filter:grayscale(0);filter:grayscale(0)}.post-meta{font-size:12px;margin:5px 0 10px;font-weight:100}.post-meta a{transition:all ease .5s;letter-spacing:1px}.post-meta .post-author a,.post-meta .post-category a{-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s}.post-meta a:hover{color:#00bcea}.post-meta em{margin:0 6px;text-transform:none;font-style:normal}.post-meta strong{font-weight:900}.post-meta .post-category a{color:#fff;transition:all ease .5s}.post-meta .post-author a:hover,.post-meta .post-category a:hover{color:#111;text-decoration:underline}.post-meta .post-author a{transition:all ease .5s;letter-spacing:1px}.cover-section h1,.previous_box h3 a{-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s}.post-des p{font-size:16px;margin:10px 0;color:#333}.post-des p a{font-family:ciscosansttextralight,serif}.cols{padding:0 350px 0 0;position:relative}.cols:before{content:"";display:block;width:10px;background-color:#eee;top:0;position:absolute;bottom:0;right:320px}.cols .colleft{width:100%;float:left}.cols .colright{width:300px;float:right;margin:0 -350px 0 0;padding:0}@media screen and (max-width:991px){.cols{padding:0}.cols:before{display:none}.cols .colleft{float:none}.cols .colright{width:100%;float:none;margin:0}}.cover-section{margin:-20px -40px 0;position:relative;text-align:center}@media screen and (max-width:991px){.cover-section{margin:-20px -15px 0}}.cover-section .post-meta{position:absolute;top:0;left:20px;margin:0;z-index:2;background-color:#111;color:#fff;padding:5px 10px;text-align:center;width:80px;height:auto;text-transform:uppercase;font-family:"Open Sans",serif}@media screen and (max-width:767px){.post-des p{font-size:16px}.cover-section .post-meta{display:none}}.cover-section .post-meta .post-category{padding:5px 0 0;margin:5px 0 0;display:block;border-top:1px solid #444;font-size:11px;font-weight:300}.cover-section .post-meta .post-category a:hover{color:#fff}.cover-section img{width:100%}.cover-section h1{font-family:ciscosansttbold,serif;text-align:center;font-size:60px;margin:20px 0;padding:5px 10px;display:inline-block;transition:all ease .5s;border-bottom:2px solid #111}.cover-section h1:hover{color:#00bcea;border-bottom:2px solid #00bcea}@media screen and (max-width:991px){.cover-section h1{font-size:35px;margin:10px 0}}@media screen and (max-width:767px){.cover-section h1{font-size:30px;margin:20px 10px}}.cover-section .post-des{margin-bottom:50px}.cover-section .post-des p{font-family:ciscosansttextralight,serif;margin:10px 20px;color:#333;text-align:center;font-size:24px}@media screen and (max-width:767px){.cover-section .post-des p{font-size:16px;margin:10px}}.box-category{margin-bottom:50px}.box-category.box-category-fix{margin-bottom:0}.category-mid-post .post-thumb{margin-bottom:10px}.category-mid-post h2,.category-mid-post-two h2{margin:0;padding:5px 0;border-bottom:2px solid #111}@media screen and (max-width:991px){.category-mid-post h2,.category-mid-post-two h2{font-size:25px}}.category-big-post .post-thumb{margin-bottom:10px}.category-big-post h2{font-size:35px;padding:5px 0;margin:0;border-bottom:2px solid #111;font-family:ciscosansttbold,serif;font-weight:100}.big-page-caption p,.box-search-sidebar button,.sn-item p,.sn-item span{font-family:ciscosansttextralight,serif}.big-page-caption{border-bottom:10px solid #111;position:relative;padding:10px 0;text-align:center;margin:0 0 60px}@media screen and (max-width:991px){.category-big-post h2{font-size:25px}.big-page-caption{border-bottom:5px solid #111;margin:0 0 30px}}.big-page-caption p{font-size:110px;font-weight:900;line-height:1.1;letter-spacing:2px;text-align:center;margin:0;color:#111;text-transform:uppercase}@media screen and (max-width:1191px){.big-page-caption p{font-size:100px}}@media screen and (max-width:991px){.big-page-caption p{font-size:80px}}.grids-outer{margin-bottom:30px}.grids{margin:0 -20px;position:relative}.grids:after,.grids:before{position:absolute;width:2px;bottom:0;background-color:#eee;top:0;content:""}.grids .post-thumb{margin-bottom:10px}.grids:before{display:block;left:33.33333%}@media screen and (max-width:767px){.big-page-caption p{font-size:25px}.grids:before{display:none}}.grids:after{display:block;left:66.66666%}.colleft .grids:after,.colleft .grids:before,.grids.grids-large:after,.grids.grids-large:before,.grids.grids-small:after,.grids.grids-small:before{display:none}.grids .grids-item{float:left;width:33.333%;padding:0 20px;margin-bottom:30px}@media screen and (max-width:767px){.grids:after{display:none}.grids .grids-item{float:none;width:100%}}.grids.grids-large .grids-item{float:left;width:50%;padding:0 20px;margin-bottom:30px}@media screen and (max-width:767px){.grids.grids-large .grids-item{float:none;width:100%}}.grids.grids-small .grids-item{float:left;width:25%;padding:0 20px;margin-bottom:30px}@media screen and (max-width:991px){.grids.grids-small .grids-item{float:left;width:50%}}@media screen and (max-width:767px){.grids.grids-small .grids-item{float:none;width:100%}}.colleft .grids .grids-item{float:left;width:50%;padding:0 20px;margin-bottom:30px}@media screen and (max-width:767px){.colleft .grids .grids-item{float:none;width:100%}}.previous_box{padding:0;margin-bottom:50px}.previous_box .trending-item{margin-bottom:10px}.previous_box h3{font-size:20px;padding:10px 0;margin:0;font-weight:400}.previous_box h3 a{transition:all ease .5s}.previous_list li h3,.previous_list.list-tab li h3{font-size:20px;font-weight:400;-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s}.previous_box h3 a:hover{color:#00bcea}.previous_list{padding:0}.previous_list li{padding:15px 0;border-top:1px dotted #111;list-style:none}.previous_list li .post-thumb{float:left;width:80px;margin:0 15px 0 0}.previous_list li .post-thumb img{width:80px;height:55px}.previous_list li h3{margin:0;padding:0;min-height:55px;align-content:center;align-items:center;display:flex;transition:all ease .5s}.previous_list li h3:hover{border:none!important}.previous_list.list-tab li{min-height:85px;padding:15px 0;border-top:1px dotted #111;list-style:none}.previous_list.list-tab li .post-meta{margin:5px 0}.previous_list.list-tab li:first-child{border:none}.previous_list.list-tab li .post-thumb{float:left;width:80px;margin:0 15px 0 0}.previous_list.list-tab li .post-thumb img{width:80px;height:55px}.previous_list.list-tab li h3{margin:0;padding:0;min-height:25px;display:block;transition:all ease .5s}.box-about,.box-social{margin-bottom:50px}.box-search-sidebar button,.social a{-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s;text-align:center}.previous_list.list-tab li h3:hover{border:none!important}.box-about{min-height:600px;background-color:#111}.box-search-sidebar{margin-bottom:50px;height:40px;position:relative;padding:0 79px 0 0}.box-search-sidebar input[type=search]{width:100%;height:40px;display:block;outline:0;padding:0 10px;border:1px solid #111;font-family:ciscosansttextralight,serif;text-transform:uppercase}.box-search-sidebar button{height:40px;width:80px;position:absolute;top:0;right:0;background-color:#111;color:#fff;border:none;outline:0;cursor:pointer;text-transform:uppercase;transition:all ease .5s}.box-search-sidebar button:hover,.social a:hover{background-color:#00bcea}.social{text-align:center;padding:0;min-height:35px}.social a{display:inline-block;height:35px;line-height:35px;width:35px;margin:0 9px 10px;font-size:15px;color:#222;position:relative;transition:all ease .5s}.sn-item .sn-icon i,.social a:before{-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s}@media screen and (max-width:767px){.social a{margin:0 5px 10px}}.social a:before{content:"";display:block;position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border:2px solid #222;opacity:1;transition:all ease .5s}.social a:hover{color:#fff}.social a:hover:before{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0}.social a.facebook:hover{background-color:#3b5998}.social a.twitter:hover{background-color:#3a92c8}.social a.google:hover{background-color:#dd4b39}.social a.pinterest:hover{background-color:#cb2027}.social a.youtube:hover{background-color:#b00}.social-network .sn-row{margin:0 -5px}.social-network .sn-row .sn-col{float:left;width:50%;padding:0 5px}.sn-item{padding:2px 2px 2px 67px;height:50px;margin:0 0 10px;cursor:pointer;background-color:#111;width:100%}.sn-item .sn-icon{float:left;margin:0 0 0 -65px;height:46px;width:46px;color:#111;text-align:center;font-size:20px;line-height:46px;background-color:#fff}.sn-item .sn-icon i{transition:all ease .5s}.col_related_articles ul p a,.sn-item p{-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s}.sn-item p{margin:13px 0 0;color:#fff;padding:0;font-size:18px;transition:all ease .5s}.sn-item span{display:block;margin:0;font-size:11px;color:#eee;letter-spacing:1px}.box-ads,.box-facebook,.box-tab,.col_related_articles{margin-bottom:50px}.col_related_articles ul p a,.col_section{font-family:ciscosansttregular,serif}.sn-item:hover p{color:#fff}.sn-item:hover .sn-icon{color:#3b5998}.sn-item.twitter:hover p{color:#fff}.sn-item.twitter:hover .sn-icon{color:#3a92c8}.sn-item.linkedin:hover p{color:#fff}.sn-item.linkedin:hover .sn-icon{color:#238cc8}.sn-item.youtube:hover p{color:#fff}.sn-item.youtube:hover .sn-icon{color:#b00}.box-ads{text-align:center}.box-ads img{max-width:100%}.box-scroll-fix{position:relative}.col_related_articles ul{list-style:none;padding:0}.col_related_articles ul li{border-bottom:1px dotted #111;padding:10px 0 10px 20px;position:relative}.col_related_articles ul li:before{content:"";display:block;width:5px;height:5px;position:absolute;top:20px;left:4px;background-color:#111}.col_related_articles ul li:last-child{border:none}.col_related_articles ul p{margin:0;font-size:18px}.col_related_articles ul p a{font-weight:100;color:#000;line-height:1.3;transition:all ease .5s}.col_related_articles ul p a:hover{color:#00bcea}.bottom{margin:50px 0 20px;border-top:10px solid #111;padding:50px 0 0;position:relative;min-height:100px}.bottom .bottom-inner{margin:0 -20px}.bottom .bottom-col{float:left;width:33.333%;min-height:100px;padding:0 20px}@media screen and (max-width:991px){.bottom .bottom-col{float:none;width:100%;margin-bottom:20px}.bottom .bottom-col:nth-child(2){border:none!important}}.bottom .bottom-col:nth-child(2){border-left:2px solid #111;border-right:2px solid #111}.col_section{background-color:#111;padding:2px 10px 0;text-align:center;color:#fff;text-transform:uppercase;letter-spacing:2px;margin:0 0 20px}.col_follow_leaders{counter-reset:count;list-style:none;padding:0}.col_follow_leaders li{border-bottom:1px dotted #111;padding:10px 0;position:relative}.col_follow_leaders li:before{display:block;counter-increment:count;position:absolute;top:50%;text-align:center;height:25px;width:20px;font-size:25px;line-height:25px;margin-top:-13px;left:0;font-style:italic;font-family:serif}.col_follow_leaders li:first-child{padding-top:0}.col_follow_leaders li:last-child{border:none}.col_follow_leaders p{margin:0}.col_follow_leaders p a{font-family:ciscosansttregular,serif;font-weight:100;color:#000}.list-tags a,.totop{font-family:ciscosansttextralight,serif;text-transform:uppercase;font-weight:300}.col_follow_leaders p a:hover{text-decoration:underline}.col_follow_leaders i{color:#00aced}.list-tags a{display:inline-block;line-height:30px;padding:0 10px;margin:5px 0 0;background-color:#eee;font-size:12px}.totop,.totop em{line-height:20px}.list-tags a:hover{background-color:#111;color:#fff}.totop{border:2px solid #111;width:65px;height:55px;border-bottom:none;text-align:center;padding:5px 0;display:block;position:fixed;bottom:-100px;right:20px;font-size:13px;background-color:#fff;cursor:pointer;-moz-transition:all ease .5s;-o-transition:all ease .5s;-webkit-transition:all ease .5s;transition:all ease .5s}@media screen and (max-width:1199px){.totop{display:none!important}}.totop em{font-style:normal;display:block;font-weight:700;font-size:22px}.totop.show{bottom:0}.focus-branding{border-top:10px solid #111;position:relative;padding:10px 0;margin:40px 0}@media screen and (max-width:991px){.focus-branding{border-top:5px solid #111;margin:20px 0}}.focus-branding p{font-size:96px;line-height:1.1;text-align:center;margin:10px 0 0;font-family:ciscosansttbold,serif;color:#111}@media screen and (max-width:1191px){.focus-branding p{font-size:80px}}@media screen and (max-width:991px){.focus-branding p{font-size:40px}}@media screen and (max-width:767px){.focus-branding p{font-size:25px}}.tags-three{padding:0 0 20px;margin-bottom:20px}.tags-three .post-thumb{margin-bottom:10px}.tags-three .three-item{margin-bottom:20px}

/* -------------------------------------------------------------------------- *\
		Video Background Jumbotron - July 17, 2018
\* -------------------------------------------------------------------------- */

.parallaxBg {
		width: 100%;
		color: #fff;
		height: 500px !important;
}

.parallaxBg h1,.parallaxBg h2{
		font-size: 90px;
		color: #fff;
}

.mobile-device .parallaxBg,.mobile-device .parallaxBg-zigzag  {
		background-attachment: scroll !important;
		background-position: center center !important;
}

/* intro-parallax */
.intro-parallax {
		position: relative;
		text-align: left;
		height: 100%;
		min-height: 100%;
		text-align: center;
		display: table;
		vertical-align: middle;
}

.intro-parallax img {
		margin: 0 0 45px 0;
}

.intro-parallax p.sup {
		font-size: 18px; 
		color: #f1f1f1; 
		display: block; 
		font-family: 'ciscosansttextralight', sans-serif;
		margin-bottom: 20px;
}

.intro-parallax h2 {
		font-family: 'ciscosansttextralight', sans-serif;
		font-weight: 100;
		line-height: 1.2;
		color: #282B2D;
		color: #fff;
		margin: 0;
}

.intro-parallax h3 {
		font-family: 'ciscosansttextralight', sans-serif;
		font-weight: 100;
		line-height: 1.4;
		text-align: center;
		font-size: 24px;
		background-color: rgba(0, 0, 0, 0);
}

.intro-parallax p a {
		color: #fff;
		float: right;
		padding: 120px 0 20px 0;
		font-size: 16px;
}

.intro-parallax p a:hover {
		text-decoration: underline;
}

.intro-parallax .intro-overlay{
		width: 100%;
		height: 100%;
		padding: 45px 0px 45px;
		display: table-cell;
		vertical-align: middle;
		background: rgba(0,0,0,0.1);
}

@media only screen and (max-width: 768px) {
		.intro-parallax p.sup {
				font-size: 16px; 
		}

		.parallaxBg h1,.parallaxBg h2{
				font-size: 45px;
				color: #fff;
		}

		.intro-parallax h3 {
				font-size: 20px;
		}

	}

/* -------------------------------------------------------------------------- *\
	Custom Highlight Section - Nov 13, 2018
\* -------------------------------------------------------------------------- */

.cnt_highlight_bg {
	background: #fcfcfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fcfcfc 81%, #f1f2f7 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcfcfc 81%,#f1f2f7 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcfcfc 81%,#f1f2f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#f1f2f7',GradientType=0 ); /* IE6-9 */	
}
.cnt_highlight {
	margin-right: 0;
	-webkit-transition: box-shadow .2s ease-in-out;
	-webkit-transition-delay: 0;
	-moz-transition: box-shadow .2s ease-in-out;
	-o-transition: box-shadow .2s ease-in-out;
	transition: box-shadow .2s ease-in-out;
	background: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 15px 0 0 0;
	width: 100%;
}
.cnt_highlight:hover {
	position: relative;
	z-index: 999;
	-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.2);
}
.cnt_highlight:hover a h4 {
	color: #00bcea;
}
.cnt_highlight h4 {
	padding: 10px 20px 10px;
	margin-top: 0;
	font-size: 1.9rem;
	font-weight: 100;
	border-top: 1px solid rgba(0, 0, 0, .1);
	font-family: 'ciscosansttregular', sans-serif;
	color: #000;
}
.cnt_highlight > div {
	display: table-row;
	height: 68px;
}
.cnt_highlight .entry-media {
	height: auto;
	position: relative;
}
.cnt_highlight span.tag {
	padding: 4px 6px; 
	letter-spacing: .03em;
	font-weight: 400; 
	color: #FFF; 
	position: absolute; 
	bottom: 4px; 
	left: -3px; 
	right: auto; 
	top: auto; 
	text-align: center; 
	border-radius: 2px; 
	text-transform: uppercase; 
	border: none; 
	margin-left: 16px; 
	margin-bottom: 10px; 
	z-index: 1; 
	background-color: #0088cc;
}

/* -------------------------------------------------------------------------- *\
	Custom Appear Animations - Jan 17, 2019
\* -------------------------------------------------------------------------- */

.appear-animation{opacity:0}.appear-animation-visible{opacity:1}@-webkit-keyframes maskUp{from{-webkit-transform:translate(0,100%);transform:translate(0,100%)}to{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes maskUp{from{-webkit-transform:translate(0,100%);transform:translate(0,100%)}to{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes maskRight{from{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}to{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes maskRight{from{-webkit-transform:translate(-100%,0);transform:translate(-100%,0)}to{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes maskDown{from{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}to{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes maskDown{from{-webkit-transform:translate(0,-100%);transform:translate(0,-100%)}to{-webkit-transform:translate(0,0);transform:translate(0,0)}}@-webkit-keyframes maskLeft{from{-webkit-transform:translate(100%,0);transform:translate(100%,0)}to{-webkit-transform:translate(0,0);transform:translate(0,0)}}@keyframes maskLeft{from{-webkit-transform:translate(100%,0);transform:translate(100%,0)}to{-webkit-transform:translate(0,0);transform:translate(0,0)}}.maskUp{-webkit-animation-name:maskUp;animation-name:maskUp}.maskRight{-webkit-animation-name:maskRight;animation-name:maskRight}.maskDown{-webkit-animation-name:maskDown;animation-name:maskDown}.maskLeft{-webkit-animation-name:maskLeft;animation-name:maskLeft}@-webkit-keyframes headerReveal{from{top:-150px}to{top:0}}@keyframes headerReveal{from{top:-150px}to{top:0}}@-webkit-keyframes fadeInUpShorter{from{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpShorter{from{opacity:0;-webkit-transform:translate(0,50px);transform:translate(0,50px)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpShorter{-webkit-animation-name:fadeInUpShorter;animation-name:fadeInUpShorter}@-webkit-keyframes fadeInLeftShorter{from{opacity:0;-webkit-transform:translate(50px,0);transform:translate(50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftShorter{from{opacity:0;-webkit-transform:translate(50px,0);transform:translate(50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftShorter{-webkit-animation-name:fadeInLeftShorter;animation-name:fadeInLeftShorter}@-webkit-keyframes fadeInRightShorter{from{opacity:0;-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightShorter{from{opacity:0;-webkit-transform:translate(-50px,0);transform:translate(-50px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightShorter{-webkit-animation-name:fadeInRightShorter;animation-name:fadeInRightShorter}@-webkit-keyframes fadeInDownShorter{from{opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownShorter{from{opacity:0;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownShorter{-webkit-animation-name:fadeInDownShorter;animation-name:fadeInDownShorter}@-webkit-keyframes expandIn{from{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes expandIn{from{opacity:0;-webkit-transform:scale(.8);transform:scale(.8)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.expandIn{-webkit-animation-name:expandIn;animation-name:expandIn}@-webkit-keyframes gradientTransition{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@keyframes gradientTransition{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}@-webkit-keyframes sliderScrollButton{0%{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}70%{opacity:1;-webkit-transform:translate3d(-50%,10px,0);transform:translate3d(-50%,10px,0)}100%{opacity:0;-webkit-transform:translate3d(-50%,10px,0);transform:translate3d(-50%,10px,0)}}@keyframes sliderScrollButton{0%{opacity:1;-webkit-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}70%{opacity:1;-webkit-transform:translate3d(-50%,10px,0);transform:translate3d(-50%,10px,0)}100%{opacity:0;-webkit-transform:translate3d(-50%,10px,0);transform:translate3d(-50%,10px,0)}}@-webkit-keyframes arrowLeftRight{0%,100%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}50%{-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}}@keyframes arrowLeftRight{0%,100%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}50%{-webkit-transform:translate3d(1px,0,0);transform:translate3d(1px,0,0)}}@-webkit-keyframes navItemArrow{0%,100%{position:relative;left:-1px}50%{position:relative;left:3px}}@keyframes navItemArrow{0%,100%{position:relative;left:-1px}50%{position:relative;left:3px}}

/* -------------------------------------------------------------------------- *\
	LP - Corporate Overview - Jan 17, 2019
\* -------------------------------------------------------------------------- */

.co-jumbotron {
	background: url('https://newsroom.cisco.com/documents/10157/886781/corp_overview_hero_banner_dec2019.jpg');
	min-height: 140px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 205px 0;
}

@media only screen and (max-width: 1280px) {
  .co-jumbotron {
    padding: 95px 0;
    min-height: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .co-jumbotron {
    padding: 55px 0;
    min-height: auto;
  }
}

/* -------------------------------------------------------------------------- *\
	Hero Sub Intro Section
\* -------------------------------------------------------------------------- */

.overview_intro {
	background-color: #0188cc;
	overflow: hidden;
	padding: 30px 0;
	position: relative;
	text-align: left;
	color: #fff;
}

.overview_intro h2 {
	margin-bottom: 5px
}

.overview_intro h4 {
	font-size: 18px !important; 
	margin-bottom: 10px;
}

@media (max-width: 767px) {
	.overview_intro h4 {
		font-size: 16px !important; 
	}
}

.overview_intro p {
	color: #FFF;
	display: inline-block;
	font-size: 1.4em;
	font-weight: 600;
	margin-bottom: 0;
}

.overview_intro p span:not(.highlighted-word) { /* ** Note for future use ** */
	color: #FFF;
	display: block;
	font-size: 0.8em;
	font-weight: 300;
	padding-top: 5px;
	opacity: 0.7;
}

.overview_intro a.btn {
	background-color: #fed300;
	color: #005073;
	margin-top: 15px;
	padding: 8px 30px;
}

@media (max-width: 767px) {
	.overview_intro{
		padding-left: 15px;
		padding-right: 15px;
	}
}

.overview_cnt {
	padding:75px 0;
}

.overview_cnt h5 {
	font-weight: 100;
	margin-bottom: 20px;
}

.overview_cnt p {
	font-size: 15px;
	line-height: 26px;
}

/* -------------------------------------------------------------------------- *\
	List & Icons 
\* -------------------------------------------------------------------------- */

.list li {
	margin-bottom: 15px;
}

.list.list-icons {
	list-style: none;
	padding-left: 0;
	padding-right: 0;
}

.list.list-icons li {
	position: relative;
	padding-left: 25px;
}

.list.list-icons li > [class*="fa-"]:first-child,
.list.list-icons li > .icons:first-child, .list.list-icons li a:first-child > [class*="fa-"]:first-child,
.list.list-icons li a:first-child > .icons:first-child {
	position: absolute;
	left: 0;
	top: 5px;
}

.list.list-icons.list-icons-style-3 li {
	padding-top: 5px;
	padding-left: 35px;
}

.list.list-icons.list-icons-style-3 li > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-3 li > .icons:first-child, .list.list-icons.list-icons-style-3 li a:first-child > [class*="fa-"]:first-child,
.list.list-icons.list-icons-style-3 li a:first-child > .icons:first-child {
	color: #FFF;
	border-radius: 50%;
	width: 25px;
	height: 25px;
	text-align: center;
	padding: 5px;
	font-size: 0.85em;
	line-height: 1.3;
	background-color: #00bcea;
}

/* -------------------------------------------------------------------------- *\
	Hover effetcs / News Release Article Listing Display
\* -------------------------------------------------------------------------- */

/* Section Featured */
section.section.section-height-3 {
	padding: 7rem 0 6rem;
}

.co_news_release article {
	padding: 15px 0;
}

.co_news_release .item {
	padding: 0 15px;
}

.co_news_release h2 {
	color: #000 !important;
}

.co_news_release .item img {
	max-width: 100%;
	height: auto;
}

.co_news_release .item p.date {
	margin: 15px 0 0;
	color: #959595;
}

.co_news_release .item a {
	color: #000;
}

.co_news_release .item a:hover {
	color: #00bcea;
}

.co_news_release .item h3 {
	font-family: 'ciscosansttregular';
	font-size: 20px !important;
	font-weight: 100;
	margin-bottom: 10px;
}

.co_news_release a.btn,
.cnt_list_btm_btn a.btn {
	background-color: #005073;
	color: #fff;
	margin-top: 30px;
	padding: 8px 30px;
}

.co_news_release .col.youtube-thumb-lg {
	position: relative;
	overflow: hidden;
	height: 200px;
}

.co_news_release .col img.youtube-img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

@media only screen and (max-width: 991px) {
	.co_news_release .item h3  {
		line-height: 28px;
	}
	.co_news_release .item {
		padding: 0 30px;
	}
}

.hover-effect-1:not(.portfolio-item) {
	-webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0);
	box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0);
	-webkit-transition: ease transform 300ms, ease box-shadow 300ms;
	transition: ease transform 300ms, ease box-shadow 300ms;
}

.hover-effect-1:not(.portfolio-item):hover {
	-webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
	box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}

.hover-effect-1.portfolio-item {
	-webkit-transition: ease transform 300ms;
	transition: ease transform 300ms;
}

.hover-effect-1.portfolio-item .thumb-info {
	-webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0);
	box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0);
	-webkit-transition: ease box-shadow 300ms;
	transition: ease box-shadow 300ms;
}

.hover-effect-1.portfolio-item:hover, .hover-effect-1.portfolio-item.show {
	-webkit-transform: translate3d(0, -15px, 0);
	transform: translate3d(0, -15px, 0);
}

.hover-effect-1.portfolio-item:hover .thumb-info, .hover-effect-1.portfolio-item.show .thumb-info {
	-webkit-box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
	box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.4);
}

.hover-effect-1 a {
	-webkit-transition: ease color 300ms;
	transition: ease color 300ms;
}

/* -------------------------------------------------------------------------- *\
	Overview Info Link Section
\* -------------------------------------------------------------------------- */

.info_link_item {
	background: #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #ECECEC;
	border-radius: 8px;
	border-right: 1px solid #ECECEC;
	-webkit-box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
	box-shadow: 0 2px 4px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	min-height: 100px;
	position: relative;
	text-align: center;
	z-index: 1;
}

.info_link_item a {
	color: #454545;
}

.info_link_item i {
	color: #099cf4 !important;
}

.info_link_item h4 {
	font-size: 1.4em;
	font-weight: 400;
	letter-spacing: -0.7px;
	margin-top: 5px;
	margin-bottom: 5px;

}

.info_link_item .box-content {
	border-radius: 8px;
	border-top: 1px solid #CCC;
	border-top-width: 4px;
	padding: 30px 30px 10px 30px;
	position: relative;
	top: -1px;
}

/*  Overview Info-Links
............................................*/ 

.co_info_link {
	margin: 20px auto 0px;
	padding-bottom: 30px;
}

.co_info_link_style .info_link_item {
	background: none;
	border: 0;
	margin: 10px 0;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.co_info_link_style .info_link_item .box-content {
	border: 0;
	padding-top: 0;
	padding-bottom: 0;
}

.co_info_link_style .info_link_item .icon-featured {
	display: inline-block;
	font-size: 35px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	width: 45px;
	margin-top: 0;
	margin-bottom: 10px;
	background: transparent;
	color: #CCC;
	border-radius: 0;
}

/* Item */
.co_info_link .info_link_item {
	margin-bottom: 30px;
	margin-top: 45px;
}

/* Effects */
.info_link_item-effect .icon-featured {
	-webkit-transition: -webkit-transform 0.2s, -webkit-transform 0.2s;
	transition: -webkit-transform 0.2s, -webkit-transform 0.2s;
	transition: transform 0.2s, transform 0.2s;
	transition: transform 0.2s, transform 0.2s, -webkit-transform 0.2s, -webkit-transform 0.2s;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.info_link_item-effect:hover .icon-featured {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}

/* -------------------------------------------------------------------------- *\
	exec-bios-wheel/Wheel Section
\* -------------------------------------------------------------------------- */

.exec-bios-wheel { 
	background-color: #0d274d !important;
	padding-bottom: 0 !important;
	padding-top: 0 !important;
	border: 0 !important;
	color: #fff;
	position: relative;
	z-index: 1;
 }

 .exec-bios-wheel .content p.sub { 
	font-size: 15px;
	margin-top: -15px;
	margin-bottom: 30px;
	font-family: 'ciscosansttextralight';
	opacity: .7;
 }

.exec-bios-wheel .row { 
 	padding-bottom: 0 !important;  
 	justify-content: space-between !important;  
 	align-items: center !important;  
 	display: -ms-flexbox;  
 	display: flex;  
 	-ms-flex-wrap: wrap;  
 	flex-wrap: wrap;
 }

/* ELT Wheel */
.elt_wheel_scale {
	-webkit-transform: scale(1.3) !important;
	transform: scale(1.3) !important;
}

@media only screen and (max-width: 1399px) {
	.elt_wheel_scale {
		-webkit-transform: scale(1.2) !important;
		transform: scale(1.2) !important;
	}
}

.elt_wheel_scale img {
	max-width: 85%;
	height: auto;
	margin: 0 auto;
}

.exec-bios-wheel .content h2, .exec-bios-wheel .content p {
	color: #fff;
}

.exec-bios-wheel .content a.btn {
	background-color: #00bceb;
	color: #005073;
	margin-top: 30px;
	padding: 8px 30px;
	font-family: 'ciscosansttregular';
	font-size: 15px;
} 

@media (max-width: 991px) {
	.exec-bios-wheel .wheel {
		order: 1 ;
		-webkit-transform: scale(1) !important;
		transform: scale(1) !important;
		margin: 30px 0;
		padding: 0 30px;
	}

	.exec-bios-wheel .content {
		order: 2;
		text-align: center;
		margin: 0 auto 50px;
	}
}

.exec-bios-wheel .overlay {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 0;
	transition: .3s ease;
}

.wheel:hover .overlay {
	opacity: 1;
}

.elt_w_icon {
	color: #fff;
	font-size: 10px;
	position: absolute;
	top: 80%;
	right: 1%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	background-color: #00bceb;
	padding: 5px;
	border-radius: 2px;
}

/* -------------------------------------------------------------------------- *\
	Infomation Section
\* -------------------------------------------------------------------------- */

.co-info {
	padding: 10rem 3rem 8rem;
}

.co-info h1 {
	color: #000;
	margin-top: 5px;
}

.co-info h4.sup, .co-info h4 a {
	color: #6ebe4a;
	margin-left: 1px;
}

.co-info h3 {
	color: #444;
}

.co-info .col-lg-7 a.btn {
	background-color: #6ebe4a;
	color: #fff;
	margin-top: 15px;
	padding: 8px 30px;
} 

.co-info .col-lg-7 .row {
	 margin-top: 7rem;
} 

@media (max-width: 1400px) {
	.co-info {
		padding: 6rem 3rem !important;
	}
}

/*  Overview Media-Links
............................................*/ 

.media_link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-bottom: 3.5rem !important; 
	margin-right: 30px; 
}

.media_link a {
	color:#000 !important;
}

.media_link a h3:hover {
	color:#00bcea !important;
}

.media_link .media_link-icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-flex: 1;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	background: #CCC;
	border-radius: 100%;
	color: #FFF;
	font-size: 16px;
	position: relative;
	top: 7px;
	text-align: center;
	padding: 0.8em;
	height: 1px;
	width: 2.7em;
	height: 2.7em;
}

.media_link .media_link-info {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 100%;
	flex: 1 1 100%;
	padding-left: 15px;
}

.media_link .media_link-info p {
	font-size: 15px;
}

.media_link.align-items-center .media_link-icon {
	top: 0;
}

/* Icon Style */
.media_link.media_link-style h4 {
	color: #212529;
}

.media_link.media_link-style .media_link-icon {
	background: transparent;
	top: 0px;
}

.media_link.media_link-style .media_link-icon [class*="fa-"], .media_link.media_link-style .media_link-icon .icons {
	font-size: 1.7em;
	color: #00bcea;
}

.media_link.media_link-style.align-items-center .media_link-icon {
	top: 0;
}

/* -------------------------------------------------------------------------- *\
	Career at cisco
\* -------------------------------------------------------------------------- */

.co-careers {
	background: url('https://jobs.cisco.com/portal/4/images/banner.jpg') 50% 50%;
	min-height: 140px;
	background-position: bottom;
	background-repeat: repeat-y;
	background-size: cover;
	padding: 100px 0;
	color: #fff;
}

.co-careers h4, .co-careers h2, .co-careers h1  {
	text-shadow: 1px 1px 6px #444;
}

.co-careers a.btn {
	background-color: #faab18;
	color: #fff;
	padding: 8px 30px;
}

@media only screen and (max-width: 1280px) {
  .co-careers {
    padding: 45px 0;
    min-height: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .co-careers {
    padding: 35px 0;
    min-height: auto;
  }
}

/* -------------------------------------------------------------------------- *\
   Feature Content Block Display - 3 Item
\* -------------------------------------------------------------------------- */

.p0 { 
	padding-left:0px !important;
	padding-right:0px !important; 
}

.feature-cnt-block .block-item-sm,
.feature-cnt-block .block-item-sm a.block-item-link,
.feature-cnt-block .block-item-sm img {
	height: 236px;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: scale(1);
}
.feature-cnt-block .block-item-lg a.block-item-link,
.feature-cnt-block .block-item-sm a.block-item-link{
	display: block;
	text-decoration: none;
	color:#fff;
	outline: 0;
	border:none;
}
.block-item-lg,
.block-item-sm{
	position: relative;
	background:#000;
	overflow: hidden;
	width:100%;
}
.block-item-lg img,
.block-item-sm img{
	height: 100%;
	width:auto;
	max-width:none;
	z-index: 1;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/*.block-item-lg:hover img,
.block-item-sm:hover img{
	webkit-transform: scale(1.1, 1.1) rotate(3deg);
	-moz-transform: scale(1.1, 1.1) rotate(3deg);
	-ms-transform: scale(1.1, 1.1) rotate(3deg);
	-o-transform: scale(1.1, 1.1) rotate(3deg);
	transform: scale(1.1, 1.1) rotate(3deg);
}*/
.block-item-lg,
.block-item-lg a.block-item-link,
.block-item-lg img{
	height: 472px;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: scale(1);
}
.block-item-header{
	position: absolute;
	left: 0;
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
	-webkit-transform: scale(1);
	transform-style: flat;
	right: 0;
	bottom: 0;
	padding: 45px 30px 30px;
	z-index: 9;
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,.9) 0,rgba(0,0,0,0) 100%);
	background: linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 100%);
}

.block-item-lg .block-item-header{
	padding: 50px 50px 30px 30px;
}
.block-item-header h2{
	font-family: "ciscosansttextralight", sans-serif;
	color:#fff;
	font-size: 22px;
	line-height: 30px;
	margin: 10px 0 0 0;
	font-weight: 100;
}
.block-item-lg .block-item-header h2{
	font-size: 42px;
	line-height: 46px;
	margin-bottom:10px;
}
.featured-full .block-item-header h2{
	font-size: 52px;
	line-height: 56px;
}
.block-item-header .article-type {
	display: inline-block;
	margin-right: 50px;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 4px 8px;
	border-radius: 4px;
}

.block-item-header .article-type {
	display: inline-block;
	margin-right: 50px;
	background-color: rgba(0, 0, 0, 0.4);
	padding: 4px 8px;
	border-radius: 4px;
}

/* ========================================================================== *\
   Feature Content Block Display - 3 Item
\* ========================================================================== */

@media only screen and (max-width: 1199px) {
	.feature-cnt-block .block-item-lg,
	.feature-cnt-block .block-item-lg img,
	.feature-cnt-block .block-item-lg a.block-item-link{
		height: 440px;
	}
	.feature-cnt-block .block-item-sm,
	.feature-cnt-block .block-item-sm img,
	.feature-cnt-block .block-item-sm a.block-item-link {
		height: 220px;
	}
	.block-item-header{
		padding: 25px 20px 20px;
	}
	.feature-cnt-block .block-item-header h2,
	.block-item-header h2 {
		font-size: 20px;
		line-height: 24px;
	}
	.feature-cnt-block .block-item-lg .block-item-header h2{
		font-size: 30px;
		line-height: 34px;
		margin-bottom: 10px;
	}
}

@media only screen and (max-width: 992px) {
	.feature-cnt-block .block-item-lg,
	.feature-cnt-block .block-item-lg a.block-item-link,
	.feature-cnt-block .block-item-lg img,
	.feature-cnt-block .block-item-sm,
	.feature-cnt-block .block-item-sm a.block-item-link,
	.feature-cnt-block .block-item-sm img,
	.feature-cnt-block .cnt-block-item img{
		height: auto;
		width:100%;
		border-right: none;
		border-left: none;
	}
	.feature-cnt-block .block-item-header h2 {
		font-family: "ciscosansttregular", serif;
		font-size: 30px;
		line-height: 34px;
		font-weight: 100;
	}
	.feature-cnt-block .block-item-header,
	.feature-cnt-block .block-item-lg .block-item-header {
		padding: 40px 20px 20px;
	}
	.feature-cnt-block .block-item-lg .category{
		top: 20px;
		left:15px;
	}
	.feature-cnt-block .block-item-lg .block-item-header p {
		display: block;
	}
	.block-item-header h2{
		margin: 10px 0;
	}
}

@media (max-width: 767px) {
	.feature-cnt-block .block-item-lg .category{
		top: 0px;
	}
	.feature-cnt-block .block-item-lg .block-item-header p {
		display: none;
	}
	.feature-cnt-block .block-item-header h2,
	.feature-cnt-block .block-item-lg .block-item-header h2 {
		font-family: "ciscosansttregular", serif;
		font-size: 20px;
		line-height: 24px;
		font-weight: 100;
	}
	.block-item-header{
		padding: 20px 10px 10px !important;
	}
}

@media (max-width: 767px) {
	.block-item-header h2 {
		font-family: "ciscosansttregular", serif;
		font-size: 20px;
		line-height: 24px;
		font-weight: 100;
	}
}


/* -------------------------------------------------------------------------- *\
   itn_display_block_3
\* -------------------------------------------------------------------------- */

.itn_block {
	position: relative;
}

.itn_block .block_grid {
	margin: 30px -15px 0;
}

@media only screen and (max-width: 1280px) {
	.itn_block .row {
		margin: 30px 0px 0;
	}
}

.itn_item .itn_item_cnt {
	padding: 30px;
	border: 1px solid #cecece;
	color: #a9a9a9;
	position: relative;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	z-index: 10;
	min-height: 220px;
	border-radius: 5px;
	margin-bottom: 15px;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	transition: all 0.s ease;
}

.itn_item .itn_item_cnt h3.title {
	border-bottom: solid 1px #d9d9d9;
	padding-bottom: 15px;
	font-size: 2rem;
	line-height: 30px;
	margin-bottom: 10px;
	font-family: "ciscosansttregular", serif;
	margin-top: 0px;
	font-weight: 100;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.itn_item .itn_item_cnt a {
 	color: #000;
}

.itn_item .itn_item_cnt:hover {
	border-left: 5px solid #0d274d; 
}

@media (max-width: 767px) {
	.itn_block {
		padding: 0 15px;
	}
}

/* -------------------------------------------------------------------------- *\
   General Cnt Display Card (3 Col / 4 Col)
\* -------------------------------------------------------------------------- */

.cnt_list_adjust {
	margin: 15px -15px 0;
}

@media only screen and (max-width: 991px) {
	.cnt_list_adjust {
		margin: 15px 5px 0;
	}
}

.cnt-card{
	width: 100%;
	position: relative;
	margin-bottom: 30px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.cnt-card:hover {
	-webkit-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 16px 0 rgba(0, 0, 0, 0.1);
	-webkit-transform: translate3d(0, -10px, 0);
	-moz-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0);
}

.cnt-card img{
	width:100%;
	height: auto;
}

.cnt-card .image-overlay{
	position: relative;
	display: block;
	background: #000;
}

.cnt-heading {
	color: #a9a9a9;
	position: relative;
	padding:15px 20px;
	background: #fff;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	z-index: 2;
}

.cnt-heading .cnt-title {
	margin: 8px 0 10px;
	font-size: 2rem;
	font-weight: 100;
	line-height: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-bottom: 10px;
	font-family: 'ciscosansttregular', sans-serif;
}

.cnt-heading .cnt-title-sm {
	margin: 8px 0 30px;
	font-size: 1.9rem;
	font-weight: 100;
	line-height: 27px;
	padding-bottom: 10px;
	font-family: 'ciscosansttregular', sans-serif;
}

.cnt-heading .sub-head {
	padding-bottom: 10%;
}

.cnt-heading .release-date {
	position: absolute;
	bottom: 0;
	text-transform: uppercase;
	font-size: .875em;
	font-weight: 400;
	color: #999;
}

.cnt-card .cnt-type-feature {
	font-family: "Open Sans", serif;
	display: inline-block;
	top: 20px;
	left: 20px;
	margin: 8px 0 4px 0;
	font-size: 12px;
	line-height: 1;
	color: #6ebe4a;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.cnt-card .cnt-type-release {
	font-family: "Open Sans", serif;
	display: inline-block;
	top: 20px;
	left: 20px;
	margin: 8px 0 4px 0;
	font-size: 12px;
	line-height: 1;
	color: #00bcea;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.cnt-title a,
.cnt-title-sm a {
 	color:#222222;
 	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.cnt-card .youtube-thumb-big {
  overflow: hidden;
  min-height: 222px;
}

@media only screen and (max-width: 1280px) {
  .cnt-card .youtube-thumb-big {
    min-height: 215px;
  }
}

@media only screen and (max-width: 1160px) {
  .cnt-card .youtube-thumb-big {
    min-height: 185px;
  }
}

@media only screen and (max-width: 1024px) {
  .cnt-card .youtube-thumb-big {
    min-height: 170px;
  }
}

@media only screen and (max-width: 991px) {
  .cnt-card .youtube-thumb-big,
  .cnt-card .youtube-thumb-sm  {
    min-height: 360px;
  }
}

@media only screen and (max-width: 650px) {
  .cnt-card .youtube-thumb-big,
  .cnt-card .youtube-thumb-sm  {
    min-height: 220px;
  }
}

.cnt-card .youtube-thumb-sm {
	overflow: hidden;
	min-height: 162px;
}

@media only screen and (max-width: 1280px) {
  .cnt-card .youtube-thumb-sm {
    min-height: 150px;
  }
}

@media only screen and (max-width: 1160px) {
  .cnt-card .youtube-thumb-sm {
    min-height: 138px;
  }
}

@media only screen and (max-width: 1024px) {
  .cnt-card .youtube-thumb-sm {
    min-height: 122px;
  }
}

.cnt-card .youtube-img {
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}

/* ========================================================================== *\
   Responsive CSS
\* ========================================================================== */

@media (max-width: 1199px) {
  .cnt-card .cnt-title {
    font-size: 20px;
    line-height: 24px;
  }
  .cnt-title {
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 10px;
  }
}

@media (max-width: 991px) {
  .cnt-title,
  .big-block .cnt-title,
  .cnt-card .cnt-title {
    font-family: "Open Sans", serif;
    font-size: 30px;
    line-height: 34px;
  }

}

@media (max-width: 767px) {

  .cnt-heading p{
    color: #0f0;
  }
  .cnt-heading .simple-share{
    display: block;
  }

  .cnt-title,
  .cnt-card .cnt-title {
    font-family: "Open Sans", serif;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
  }

}

/* -------------------------------------------------------------------------- *\
   Executive Bios Listing / Bio Page
\* -------------------------------------------------------------------------- */

.exec_bio_title {
	background-color: #0d274d;
	padding: 50px 0;
	font-family: "Open Sans";
}

.exec_bio_title .breadcrumb {
	background-color: #0d274d;
	margin-bottom: 0px;
	padding: 0 0 15px 0;
}

.exec_bio_title .breadcrumb a,
.exec_bio_title .breadcrumb li {
	color: #aaa;
}

.exec_bio_title .elt_title h1 {
	color:#fff;
	margin-bottom: 0px;
	font-size: 4rem;
	font-family: 'ciscosansttthin'
}

@media only screen and (max-width: 900px) {
	.exec_bio_title .container {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media only screen and (max-width: 767px) {
	.exec_bio_title .elt_title h1 {
		font-size: 3rem;
		font-family: 'ciscosansttextralight'
	}
}

@media only screen and (min-width: 1200px) {
	.col-lg-1-5 {
	    width: 20%;
	    float: left;
	}
}

.exec_bio_list .bio {
	margin-top: 15px;
	margin-bottom: 15px;
}

.exec-bio-item {
	display: block;
	position: relative;
	text-decoration: none;
	max-width: 100%;
	background-color: #fff;
	border-radius: 5px;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

.exec-bio-item .exec-bio-item-wrapper {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	margin: 0;
	overflow: hidden;
	display: block;
	position: relative;
	max-height: 245px;
	min-height: 245px;
}

@media only screen and (max-width: 640px) {
	.exec-bio-item .exec-bio-item-wrapper {
		max-height: 220px;
		min-height: 0px;
	}
	.exec-bio-item .exec-bio-item-title {
		font-size: 18px !important;
	}
}

@media only screen and (max-width: 400px) {
	.exec-bio-item .exec-bio-item-wrapper {
		max-height: 150px;
	}
}

.exec-bio-item .exec-bio-item-wrapper:after {
	content: "";
	background: rgba(33, 37, 41, 0.8);
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	border-radius: 4px;
	bottom: -4px;
	color: #FFF;
	left: -4px;
	position: absolute;
	right: -4px;
	top: -4px;
	display: block;
	opacity: 0;
	z-index: 1;
}

.exec-bio-item .exec-bio-item-inner {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	display: block;
}

.exec-bio-item .exec-bio-item-inner em {
	display: block;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
}

.exec-bio-item .exec-bio-item-title {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 22px;
    font-family: 'ciscosansttextralight', sans-serif;
    font-weight: 100;
    padding: 30px 30px 15px 15px;
    position: absolute;
    z-index: 2;
    width: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.75) 100%, rgba(0,0,0,0.75) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%,rgba(0,0,0,0.75) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%,rgba(0,0,0,0.75) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#bf000000',GradientType=0 );
}

@media (max-width: 991px) {
	.exec-bio-item .exec-bio-item-title {
		font-size: 21px;
	}
}

.exec-bio-item img {
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	position: relative;
	width: 100%;
}

.exec-bio-item:hover .exec-bio-item-wrapper:after {
	opacity: 1;
}

.exec-bio-item:hover img {
	-webkit-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.exec-bio-item .exec-bio-item-wrapper:after {
	display: none;
}

.exec-bio-item.exec-bio-item-no-bg {
	background: transparent;
}

.exec-title {
	padding: 10px 0;
}

.exec-title .exec-title-text, 
.exec-title p {
	font-size: 1.45rem;
	padding: 15px;
	display: block;
	background-color: #fff;
	color: #0d274d;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
}

.corner-ribon {
    text-align:center;
    width:65px;
    height:65px;
    position:absolute;
    right:0;
    top:0;
    font-size:20px;
}

.tw-btn {
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	padding: 10px 10px;
	z-index: 2;
}

.tw-btn-lg {
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 30px 15px;
	z-index: 2;
}

.corner-ribon i {
    padding:6px 0 0 33px;
    color:#fff;
}
.blue-ribon {
    background:url("../../exec-bio/img/twitter_corner_blue.png") no-repeat;
}

.exec-bio-item-side-image .exec-bio-item-side-image-wrapper {
	padding: 0;
	float: left;
	margin-right: 20px;
}

.exec-bio-item-side-image-right .exec-bio-item-side-image-wrapper {
	float: right;
	margin-left: 20px;
	margin-right: 0;
}

/* Thumb Info Social Icons */
.exec-bio-item-social-icons {
	margin: 0;
	padding: 0;
	display: block;
}

.exec-bio-item-social-icons a {
	background: #CCC;
	border-radius: 25px;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	text-align: center;
	width: 30px;
}

.exec-bio-item-social-icons a:hover {
	text-decoration: none;
}

.exec-bio-item-social-icons a span {
	display: none;
}

.exec-bio-item-social-icons a i {
	color: #FFF;
	font-size: 0.9em;
	font-weight: normal;
}

.breadcrumb > li + li::before {
    color: inherit;
    opacity: 0.5;
    font-family: "FontAwesome";
    font-weight: 900;
    content: "\f105";
    padding: 0 7px 0 5px;
}

/*  Executive Bio Page 
............................................*/ 

.exec_bio_pg {
	background-color: #fff;
	padding: 45px 30px;
	position: relative;
}

.exec_bio_pg .body  {
	font-size: 16px;
	color: #5a5a5a;
}

.exec_bio_pg .body ul li {
	list-style-type: square !important;
	margin-bottom: 5px !important;
}

.exec_bio_pg .category  {
	display: inline-block;
	margin: 0 0 15px 0;
	padding: 9px 12px;
	background-color:#0d274d;
	font-size: 14px;
	line-height: 1;
	color: #fff;
	text-transform: capitalize;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.exec_bio_pg .category:hover {
	background-color:#005073;
}

.exec_bio_pg .overflow-hidden  {
	overflow: hidden !important;
	box-sizing: border-box;
}

.exec_bio_pg .col-sm-4 img{
	width: 100%;
	min-height: 265px;
	margin-bottom: 15px;
}

.exec_bio_pg .col-sm-4 .img_wrapper{
	position: relative;
}

.exec_bio_pg h1.name {
	font-size: 38px;
	margin: 15px 0 5px 0;
	line-height: 42px;
	color:#0d274d;
}

.exec_bio_pg h3.title {
	color:#0188cc;
	font-size: 2.1rem;
	margin: 0 0 20px 0;
	line-height: 2.6rem;
}

.exec_bio_pg .body p {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 15px
}

.exec_bio_pg .sticky {
	position: -webkit-sticky;
	position: sticky;
	top: 30px;
}

@media only screen and (max-width: 767px) {
	.exec_bio_pg .sticky {
		position: relative;
		top: 0px;
	}
}

.exec_bio_pg hr {
	border-top: 1px solid #ccc;
	margin: 45px 0 0 0;
}

.exec_bio_pg .footer {
	padding:30px 0 0 0;
}

.exec_bio_pg .footer ul {
	display: inline;
	float: right !important;
}

.exec_bio_pg .footer ul li {
	float: left;
	margin: 0 5px;
}

.exec_bio_pg .footer li a {
	display: inline-block;
	font-size: 1.6em;
	color: #fff;
	text-align: center;
	width: 45px;
	height: 45px;
	background-color: #000;
	border-radius: 50%;
	padding-top: 6px;
}

.exec_bio_pg .footer h3 {
	display: inline-block;
	margin-right: 15px;
	vertical-align: sub;
}

.exec_bio_pg .footer .btn.photo,
.exec_bio_pg .footer .btn.blog {
	background-color: #fff;
	color: #454545;
	border:1px solid #ccc;
	margin: 10px 5px 10px 0px;
}

.exec_bio_pg .footer .btn.instagram {
	background-color: #fff;
	color: #454545;
	border:1px solid #ccc;
	margin: 10px 5px 10px 0px;
}

.exec_bio_pg .footer .btn.view_more {
	background-color: #0d274d;
	color: #fff;
	margin: 30px 0 0 0;
	padding: 9px 12px;
}

.exec_bio_pg .footer .btn.blog:hover,
.exec_bio_pg .footer .btn.photo:hover,
.exec_bio_pg .footer .btn.view_more:hover {
	background-color: #0188cc;
	color: #fff;
	border:1px solid #0188cc;
}

.exec_bio_pg .footer .btn.instagram:hover  {
	background-color: #8a3ab9;
	color: #fff;
	border:1px solid #8a3ab9;
}

/*  Related Feature Content
............................................*/ 

.exec-article-block {
	display: table;
	height: 190px;
	width: 100%;
	margin-bottom: 1.625em;
	position: relative;
	background-color: #0d274d;
}

.exec-article-block .img-left {
	display: table-cell;
	vertical-align: top;
	width: 50%;
	z-index: 1;
	background-color: #000;
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
}

.img-left::before {
    display: block;
    content: '';
    padding-top: 56.9%;
}

.exec-article-block .img-left .img {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	position: absolute;
}

.exec-article-block .img-left .img img.fill {
	width: auto;
	height: 100%;
	max-width: none;
	position: absolute;
	top: 0;
	margin: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.exec-article-block-cnt {
	padding: 30px 45px;
	display: table-cell;
	vertical-align: middle;
	width: auto;
}

.exec-article-block-cnt h3 a {
	font-size: 3.4rem;
	font-family: 'ciscosansttextralight', serif;
	color: #fff;
	margin-bottom: 10px;
	line-height: 4rem;
	display: block;
}

.exec-article-block-cnt p a.sub {
	display: block;
	font-family: 'ciscosansttextralight', serif;
	font-size: 1.8rem;
	line-height: 2.4rem;
	color: #fff;
	font-weight: 100;
	margin-bottom: 20px;
}


@media only screen and (max-width: 767px) {
	.img-left,
	.exec-article-block-cnt {
		display: block !important;
		width: 100% !important;
	}
}


/* -------------------------------------------------------------------------- *\
   Custom Jumbotron
\* -------------------------------------------------------------------------- */

.to-jumbotron {
	background: url(https://newsroom.cisco.com/documents/10157/886781/NB_06_Wireless_979464372_royaltyfree_1980_2.jpg);
	height: 100vh;
	top: 50%;
	left: 50%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

@media only screen and (max-width: 1280px) {
  .to-jumbotron {
    padding: 95px 0;
    min-height: 120px;
  }
}

@media only screen and (max-width: 767px) {
  .to-jumbotron {
    padding: 55px 0;
    min-height: auto;
  }
}

.to-jumbotron #cd-intro-tagline {
	position: absolute;
	left: 0;
	right: 0;
	top: 42%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	color: #fff;
	z-index: 1;
}

.to-jumbotron #cd-intro-tagline .col-md-6:nth(2) {
	padding-right: 
}

.to-jumbotron h1 {
	margin: 90px 0 20px 0;
	font-size: 62px;
	line-height: 68px;
  	color: #FFF;
  	font-weight: 100;
  	text-align: left;
  	font-family: 'ciscosansttthin', serif;
  	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}

@media only screen and (max-width: 1150px) {
  .to-jumbotron h1 {
    margin: 0px 0 20px 0;
  }
}

@media only screen and (max-width: 991px) {
	.to-jumbotron h1 {
		margin: 30px 0 20px 0;
		font-size: 42px;
		line-height: 48px;
	}
}

@media only screen and (max-width: 767px) {
	.to-jumbotron .heading h1 {
		text-align: center;
	}
	.to-jumbotron .button {
		text-align: center;
	}
	.to-jumbotron .media {
		text-align: center;
	}
}

.to-jumbotron h3 {
	margin: 0 0 15px 0;
	font-size: 32px;
  	color: #FFF;
  	font-weight: 100;
  	text-align: left;
  	text-shadow: 0 2px 18px rgba(0, 0, 0, 0.4);
}

.to-jumbotron #cd-intro-tagline .btn {
	margin-bottom: 30px;
}

.to-jumbotron .btn.btn-default:hover {
  background-color: #00bcea;
  border-color: #00bcea;
  color: #fff;
}
.btn.radius {
  border-radius: 25px;
}
.btn.outline {
  background-color: transparent;
}

.btn.btn-md {
  border-width: 2px;
  font-weight: 100;
  color: #fff;
  font-family: 'ciscosansttextralight', serif;
}
@media only screen and (min-width: 768px) {

  .btn.btn-md {
    padding: 6px 22px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 1200px) {
  .btn.btn-md {
    padding: 8px 25px;
  }
}
@media only screen and (max-width: 767px) {
  .btn.btn-md {
    padding: 5px 20px;
    font-size: 14px;
  }
}

/* -------------------------------------------------------------------------- *\
   Error/404/
\* -------------------------------------------------------------------------- */

.error_msg_wrap {
	background-color: #fff;
	padding: 45px 30px;
	position: relative;
	margin-bottom: 20%;
}

.error_msg_wrap .overflow-hidden {
	overflow: hidden !important;
	box-sizing: border-box
}

.error_msg_wrap div h1 {
	font-size: 42px;
	margin: 15px 0 15px 0;
	line-height: 42px;
}

.error_msg_wrap div h3 {
	color: #0188cc;
	font-size: 2.1rem;
	margin: 0 0 60px 0;
	line-height: 2.6rem;
}

.error_msg_wrap .quick_links h2 {
	margin: 15px 0 0 0;
}

.error_msg_wrap .quick_links ul li {
	margin-left: 10px; 
	padding: 12px 0 12px 0;
	border-bottom: 1px dashed #ccc;
}

.error_msg_wrap .quick_links ul li i {
	margin-right: 6px; 
}

.error_msg_wrap .quick_links ul li:last-of-type {
	border-bottom: none;
}

/* -------------------------------------------------------------------------- *\
   Instagram Feed Masonry
\* -------------------------------------------------------------------------- */

.masonry {
	column-gap: 0em;
}

/* Masonry on large screens */
@media only screen and (min-width: 1024px) {
  .masonry {
    column-count: 2;
  }
}

/* Masonry on medium-sized screens */
@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .masonry {
    column-count: 2;
  }
}

/* Masonry on small screens */
@media only screen and (max-width: 767px) and (min-width: 300px) {
  .masonry {
    column-count: 2;
  }
}

.ig_feed .post {
	padding: 0;
	position: relative;
}
.ig_feed .post img {
	padding: 0 !important; 
	display: block; 
	max-width: 100%; 
	height: auto;
}
.ig_feed a:hover .post img, 
.ig_feed a:focus .post img {
	opacity: 0.5;
}
.ig_feed h4, 
.ig_feed p {
	-webkit-transition: all .5s ease-out; 
	-moz-transition: all .5s ease-out; 
	-o-transition: all .5s ease-out;  
	transition: all .5s ease-out;
} 
.ig_feed a:hover .post h4, 
.ig_feed a:focus .post h4  {
	opacity: 1; 
	left: 10%;
}
.ig_feed a .post p {
	width:90%;
	font-family: 'Open Sans', sans-serif; 
	font-size: 12px; 
	position: absolute; 
	color:#fff; 
	background-color: #00bceb; 
	padding: 7px 9px; 
	bottom:7%; 
	left: 0%; 
	opacity: 0;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.ig_feed a:hover .post p, 
.ig_feed a:focus .post p {
	opacity: 1; 
	left: 5%;
}

.ig_feed_title {
	margin-bottom: 0;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	font-size: 2.6rem;
}