@charset "utf-8";
/* CSS Document */
/*==========  Global Declarations  ==========*/
@-webkit-keyframes strobe {
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
}
@-moz-keyframes strobe {
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
}
@keyframes strobe { 
    0%{background-position:0% 9%}
    50%{background-position:100% 92%}
    100%{background-position:0% 9%}
}
/***** overrides *****/
.RadAjaxPanel, .ModDashboardC {
	margin: 0;
	font-size: 100%;
}

.GenericSlideshow .slideWrapper .slideContainer .rsArrowRight .rsArrowIcn:before {
	content: "\f105" !important;
	font-family: "Font Awesome 5 Free" !important;
   font-weight: 700;
}

.GenericSlideshow .slideWrapper .slideContainer .rsArrowLeft .rsArrowIcn:before {
	content: "\f104" !important;
	font-family: "Font Awesome 5 Free" !important;
   font-weight: 700;
}


/************ 

    SHARED 

*************/
/* fonts */
h1.maintitle {

		font-size: 4.5rem;
		margin-bottom: 20px;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, .66);
		margin-top: 20vh;
}

h2, h3 {
	font-family: "Oswald", sans-serif;
}
h2 {
	font-weight: 200;
	text-transform: uppercase;
}
h2.section-title {
	text-align: center;
}
/* modals */
.modal-dialog {
	z-index: 10000;
}

.modal-lg {
	width: 100%;
	max-width: 1440px;
}
.modal-header {
	background: #355E93;
}
.modal-header .close {
	color: #fff;
}
.modal-title {
	color:#fff;
}
.modal-title small {
	font-style: italic;
	font-size: .6em;
	display: block;
	color: #fff;
}
.modal-content .modal-header p {
	margin-bottom: 0;
	color: #fff;
}
.infoModal .modal-content h5 a {
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;;
}
.infoModal .modal-content .infoModalCopyBlock {
	padding-top: 15px;
}
.infoModal .modal-content .infoModalCopyBlock h4 {
	font-size: 1.75rem;
	font-family:  "Lato", sans-serif;
	margin-top: 15px;
}
.infoModal .panel-title {
	background: #0A856A;
    padding: 5px;
}
.infoModal .panel-title a {
	background: none;
	padding: 10px;
}
.infoModal .panel-title a:hover,
.infoModal .panel-title a:focus {
	background: none;
}
.infoModal .panel-title a .fa {
	position: absolute;
    top: 17px;
    right: 15px;
	color: #fff;
}
.infoModal .panel-title a .fa-plus {
    display: none;

}
.infoModal .panel-title a.collapsed .fa-plus {
    display: block;
}
.infoModal .panel-title a .fa-minus {
    display: block;
}
.infoModal .panel-title a.collapsed .fa-minus {
    display: none;
}
.infoModal .modal-footer {
	background: #ebebeb;
}

/* big numbers */
div.ntext div.body {
	text-align: center;
}
div.body span.big-number {
	display: block;
    background-color: #3C5E91;
    color: none;
    border-radius: 50%;
	margin: 10px auto;
	width: 60px;
    height: 60px;
    text-align: center;
}
/* fancy quotes */
.abanner .content.content-wrap {
	padding-bottom: 90px;
}
.abanner .content.content-wrap#from-sea,
.abanner .content.content-wrap#from-air {
	margin-top: -160px;
}
/* social */
.social-inner {
	display: flex;
	font-size: 1.4rem;
}
.social-inner a, .social-inner a:link {
	color: rgb(128,128,128);
	text-decoration: none
}
.social-inner a {
	border: 1px #717171 solid;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	display: flex;
	justify-content: center;
	align-items: center
}
.social-inner a.addthis_button_facebook {
	margin-right: 15px
}
.social-inner a.addthis_button_facebook:hover span {
	color: #fff;
}
.social-inner a.addthis_button_facebook:hover {
	background-color: #3b5998;
	border-color: #3b5998;
}
.social-inner a.addthis_button_facebook {
	transition: all .2s ease-in;
}
.social-inner a.addthis_button_twitter:hover span {
	color: #fff;
}
.social-inner a.addthis_button_twitter:hover {
	background-color: #00aced;
	border-color: #00aced;
}
.social-inner a.addthis_button_twitter {
	padding-top: 2px;
	transition: all .2s ease-in;
}
.social-inner a.addthis_button_email:hover span {
	color: #fff;
	transition: all .2s ease-in;
}
.social-inner a.addthis_button_email:hover {
	background-color: #DD4B39;
	border-color: #DD4B39;
}
.social-inner a.addthis_button_email {
	margin-left: 15px;
	font-size: .9em;
	transition: all .2s ease-in;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media ( max-width: 992px) {
.social-inner a {
	font-size: 1.6rem
}
}
/* category skew */

a.acategory-skew, article header a.acategory-skew:link {
	color: #fff
}
a.acategory-skew {
	background-color: rgb(53,94,147);
	padding: 8px 25px;
	transform: skewX(-15deg);
	font-weight: normal;
	font-size: .85rem;
	font-family: Lato, Arial;
	text-transform: uppercase;
	letter-spacing: 3px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}
a.acategory-skew span {
	transform: skewX(15deg);
	display: inline-block
}
a.acategory-skew:hover span {
	text-decoration: underline;
	color: #fff
}
/* banner */
.abanner {
	overflow: hidden
}
.abanner .banner-image {
	position: absolute;
	width: 100%;
	height: 757px;
	background-size: cover;
	background-position: center; /*background-color: #60a5ff*/
}
.abanner .banner-mask2 {
	position: absolute;
	top: 757px;
	background-color: rgb(235,235,235);
	height: 100%;
	width: 100%;
	z-index: 5; /* FF3.6+ */
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(235,235,235,1)), color-stop(52%, rgba(255,255,255,1))); /* Chrome, Safari4+ */
	background: -webkit-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 52%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 52%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 52%); /* IE 10+ */
	background: linear-gradient(to bottom, rgba(235,235,235,1) 0%, rgba(255,255,255,1) 52%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff', GradientType=0 );
}



.abanner video.banner {
	position: absolute;
	width: 100%
}
/*angle and page layouts*/
.abanner .banner-angle {
	position: absolute;
	width: 100%;
	height: 90vh;
	display: inline-block;
	z-index: 2
}
.abanner .banner-angle-header:after {
	border-width: 0 100vw 0 0;
	content: '';
	display: block;
	position: absolute;
	border-style: solid;
	border-color: transparent;
	bottom: 0;
	border-bottom-width: 100px;
	border-bottom-color: #ebebeb;
}
.abanner .banner-angle-header {
	background-color: rgba(0,0,0, .6);
	background-image: linear-gradient(-10deg, rgba(0,0,0, .3) 0%, rgba(0,0,0, .3) 49.95%, rgba(0,0,0, 0) 50%, rgba(0,0,0, 0) 100%);
	background-repeat: no-repeat;
	content: ''
}
.abanner .banner-angle-header.noimage {
	background-color: none;
	background-image: linear-gradient(-10deg, rgb(37, 66, 103) 0%, rgb(37, 66, 103) 49.95%, #354D6F 50%, #354D6F 100%);
}
.abanner header .maintitle {
	font-size: 3.5rem;
	font-weight: 500;
	line-height: 1.2em;
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.3)
}
.abanner header .subtitle {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.2em;
	margin: 30px 0;
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.3)
}
.abanner header {
	height: 100%;
	z-index: 10;
	max-width: 900px !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	text-align: center;
	color: #fff;
	font-family: 'Crimson Text', Lato, Arial;
	position: absolute;
	  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.abanner .content {
	position: relative;
	display: block;
	padding: 60px 60px 0;
	z-index: 10;
	overflow: hidden;
	background: #fff;
	font-family: Lato, Arial;
	line-height: 34px
}
.abanner .content .inside {
	display: block;
	max-width: 650px;
	margin: 0 auto;
}

@media ( max-width: 1200px) {
.abanner .banner-angle {
	height: 560px
}
.abanner .banner-mask2 {
	top: 560px
}
.abanner header {
	max-width: 750px
}
}

@media ( max-width: 992px) {
article .content {
	padding: 45px 45px 0
}
}

@media ( max-width: 768px) {
.abanner .content .inside {
	padding: 45px 45px 0
}
.abanner .content {
	padding: 0
}
.abanner header {
	color: #333;
}
.abanner.no-abanner-mobile .banner-angle {
	display: none;
}
.abanner.no-abanner-mobile .banner-image {
	display: none;
}
.abanner.no-abanner-mobile .banner-mask2 {
	display: none;
}
.abanner.no-abanner-mobile header {
	color: #333;
	padding: 85px 15px 30px
}
.abanner.no-abanner-mobile header .maintitle {
	text-shadow: none;
	line-height: 1.2em;
	margin: 20px 0;
	color: #333
}
.abanner.no-abanner-mobile header .subtitle {
	text-shadow: none;
	line-height: 1.2em;
	margin: 20px 0;
	color: #333
}
.abanner.no-abanner-mobile header .subtitle {
	text-shadow: none;
	line-height: 1.2em;
	margin: 20px 0;
	color: #333
}
.abanner .article-link, .abanner .article-link:link {
	color: #000
}
.abanner .maintitle {
	line-height: 1.2em;
}
.abanner .subtitle {
	line-height: 1.2em;
	margin: 20px 0;
}
}
/* video icon */
.avideo-icon {
	transition: all .25s ease-out;
}
.avideo-icon, article .mejs-overlay-button, .adetail .mejs-overlay-button {
	z-index: 1;
	position: absolute;
	background: url('play.svg') 0 0 no-repeat !important;
	width: 155px !important;
	height: 107px !important;
	margin: auto auto auto auto;
	top: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	left: 0 !important;
}
article .mejs-overlay:hover .mejs-overlay-button, .adetail .mejs-overlay:hover .mejs-overlay-button {
	background: url('play.svg') 0 -107px no-repeat !important
}

@media ( max-width: 992px) {
.avideo-icon, article .mejs-overlay .mejs-overlay-button {
	transform: scale(.8)
}
}

@media ( max-width: 767px) {
.avideo-icon, article .mejs-overlay .mejs-overlay-button {
	transform: scale(.7)
}
}

@media ( max-width: 550px) {
.avideo-icon, article .mejs-overlay .mejs-overlay-button {
	transform: scale(.6)
}
}
/* drop down */
.aselect select {
	cursor: pointer;
	border: none;
	background: transparent;
	-webkit-appearance: none;
	font-family: 'Lato', Arial;
	padding: 10px 55px 10px 15px;
	width: 100%;
	height: 100%
}
.aselect select:focus {
	border: none
}
.aselect select option {
	margin-bottom: 13px;
	margin-left: 200px
}
.aselect {
	display: inline-block;
	border: solid 1px rgb(115,124,128);
	font-size: 20px;
	height: 50px;
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	font-weight: normal;
	text-transform: uppercase;
}
.aselect:after {
	position: absolute;
	right: 20px;
	top: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: '\f078';
	color: rgb(115,124,128);
	font-size: 24px;
	pointer-events: none;
	background-color: transparent
}
.aselect.heavy {
	border: solid 2px rgb(105,105,105);
	color: rgb(105,105,105);
	background-color: rgba(105,105,105,.05);
}
/* blue button */
article .content .body a.big-link, .acs-blue-button, article .content .body a.big-link:link, .acs-blue-button:link, article .content .body a.big-link:visited, .acs-blue-button:visited {
	box-shadow: none;
	border: 2px solid #355e93;
	color: #355e93;
	padding: 10px 55px;
	background-color: rgba(53,94,141,.05);
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 4px;
	transition: all 0.5s;
}
article .content .body a.big-link:hover, .acs-blue-button:hover {
	background-color: #355e93;
	color: #fff;
	text-decoration: none
}
/******************* 

    DETAIL

*********************/
article {
	position: relative;
	overflow: hidden;
}
article header .date {
	font-family: Lato, Arial;
	text-transform: uppercase;
	font-size: .85rem;
	letter-spacing: 3px
}
article header a {
	color: #fff
}
article header a:link {
	color: #fff
}
article header a:visited {
	color: #fff
}
article .body p {
	color: #333;
	line-height: 1.7em;
	margin: 0 auto 30px;
}
article .body .ntext {
	color: #333;
	line-height: 1.7em
}
article .body ul, article .body ol {
	margin: 2em 3em 1.5em 2.5em
}
article .body ul > li {
	list-style-type: disc;
	margin-left: 1em;
	line-height: 1.7em
}
article .body ol > li {
	margin: 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	list-style-type: none;
	counter-increment: item;
	line-height: 1.7em
}
article .body ol > li:before {
	display: inline-block;
	width: 1em;
	padding-right: 0.5em;
	font-weight: bold;
	text-align: right;
	content: counter(item) ".";
}
article .gallery {
	padding-bottom: 30px
}
article .gallery .image {
	position: relative
}
article .gallery .duration, article .media-inline .duration {
	position: absolute;
	right: 15px;
	bottom: 15px;
	font-size: 17px;
	background-color: #333;
	color: #fff;
	border-radius: 4px;
	z-index: 2;
	padding: 3px 10px;
}
/* video */
.adetail .media-inline-video .image-wrapper {
	overflow: hidden
}
article .mejs-poster { /*width:105% !important; height:105% !important; top:-5px; bottom:-5px;right:-10px; left:-10px */
	background-size: cover
}
/* links */
.article-link, article-link:link, article-link:visited, article .content .body a, article .content .body a:link, article .content .body a:visited {
	color: #333;
	padding-top: 2px;
	line-height: inherit;
	text-decoration: none;
	-webkit-box-shadow: inset 0 -2px 0 #0a856a;
	box-shadow: inset 0 -2px 0 #0a856a;
}
.article-link:hover, article a.alink a:hover, article .content .body a:hover, article .content .body a:focus, article .content .body a:active {
	color: #fff;
	background-color: #0a656a;
	padding-bottom: 0;
	border-bottom: none;
	-webkit-transition: background-color 350ms ease-out;
	transition: background-color 350ms ease-out;
	-webkit-box-shadow: none;
	box-shadow: none;
}
article a.nlink, article a.nlink:link, article .media-inline a, article .media-inline a:link {
	color: initial !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}
article a.nlink a:hover, article a.popup {
	text-decoration: initial !important;
	border: initial !important
}
div#dnn_ContentPane2 a, div#dnn_ContentPane2 a:visited, div#dnn_ContentPane2 a:link, div#dnn_ContentPane2 a.activeLink {
}
div#dnn_ContentPane2 a:hover, div#dnn_ContentPane2 a:focus, div#dnn_ContentPane2 a:active {
}
/*tags*/
article .tags {
	display: inline-block;
	padding-top: 20px
}
article .tags a, article .tags a:link {
	display: inline-block;
	margin: 0 10px 10px 0;
	background-color: #e7f3f1;
	color: #333;
	margin-right: 10px;
	font-family: Lato, Arial;
	transition: all .2s ease-in;
	font-size: .85rem;
	padding: 10px 25px;
	text-transform: lowercase
}
article .tags a:hover {
	background-color: #9dcec3;
	color: #333;
	text-decoration: none;
}
/*social*/
article .social-top {
position: absolute;
    bottom: -12px;
    background: #fff;
    padding: 10px 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
article .social-bottom {
	padding: 20px 0 0 0
}
article .social-inner {
	justify-content: center;
}
article hr {
	color: #adadad
}
/*related*/
article .related {
	padding-bottom: 25px
}
article .related .item {
	padding-bottom: 20px
}
article .related .item .subtitle {
	color: #717171;
	font-weight: bold;
	padding-right: 10px
}
/*gallery*/
article .gallery .item img {
	border: 1px solid #9E9E9E;
	max-height: 1000px;
	margin: 0 auto;
}
article .mejs-controls {
	display: none
}

@media ( max-width: 768px) {
article.no-abanner-mobile header a.acategory-skew {
	font-size: 1.1rem;
	box-shadow: none
}
article.no-abanner-mobile header date {
	font-size: 1.1rem
}
a.acategory-skew {
	font-size: 1.1rem;
	box-shadow: none
}
article .tags a {
	margin: 0 7px 10px 0;
	font-size: 1.1rem
}
article .content .inside {
	padding: 0 15px
}
article .content {
	padding: 0
}
article .body p {
	line-height: 1.5em
}
article .body .ntext {
	line-height: 1.5rem
}
article .external-link a {
	padding-left: 20px;
	padding-right: 20px
}
article .body ul > li {
	line-height: 1.5em
}
article .body ol > li {
	line-height: 1.5em
}
}
/*override inline*/
/*.media-inline-popup .media-inline-img-container img { display: inline-block; text-align: center }



.media-inline-popup .title { color: #fff }
    */

.media-inline-popup {
	display: flex;
	margin: 20px
}
.media-inline-popup .caption {
	height: 100%;
	overflow-x: auto;
	padding: 20px;
	font-size: 17px;
	color: #fff
}
.media-inline-popup .info {
	display: flex;
	flex-direction: column;
	background-color: #262626;
	margin-left: 20px;
	width: 300px;
	font-size: 15px
}
.media-inline-popup .title {
	display: none
}
.media-inline-popup .bottom {
	flex: 0 0 250px;
	padding: 20px
}
.media-inline-popup .social {
	border-top: 1px solid #ABABAB;
	margin-top: 10px;
	padding-top: 20px;
	padding-bottom: 10px;
	display: flex;
	align-items: center
}
.media-inline-popup .social-inner {
	font-size: 1rem
}
.media-inline-popup .social span.subhead {
	padding-right: 10px;
	color: #adadad;
	letter-spacing: 2px
}
.media-inline-popup .social .social-inner a.addthis_button_email {
	margin-left: 5px
}
.media-inline-popup .social .social-inner a.addthis_button_facebook {
	margin-right: 5px;
}
.media-inline-popup .social-link {
	width: 35px;
	height: 35px;
}
.media-inline-popup .action {
	color: #adadad;
	flex-direction: column;
	padding: 0;
	line-height: 1.5;
}
.media-inline-popup .action .icon {
	padding-right: 10px
}
.media-inline-popup .action .action-item {
	padding: 6px 0 0 0;
	display: flex;
	align-items: center;
}
.media-inline-popup .action a, .media-inline-popup .action a:link, .media-inline-popup .action a:visited, .media-inline-popup .action a:hover {
	color: #adadad;
}
.media-inline-popup .action .detail-link {
	display: none
}
.media-inline-popup .action .icon {
	width: 20px;
	height: 20px
}
.media-inline-popup .download-link .icon {
	background-image: none !important;
}
.media-inline-popup .download-link .icon:after {
	font-family: "Font Awesome 5 Free";
	content: "\f019";
	font-weight: bold
}
.media-inline-popup .photographer .icon {
	background-image: none !important;
}
.media-inline-popup .photographer .icon:after {
	font-family: "Font Awesome 5 Free";
	content: "\f030";
	font-weight: bold
}
.media-inline-popup .virin .icon {
	background-image: none !important;
	border: 1px solid #717171;
	border-radius: 50%;
	position: relative;
	width: 22px;
	height: 22px
}
.media-inline-popup .virin .icon:after {
	font-family: "Font Awesome 5 Free";
	content: "\f129";
	position: absolute;
	top: -2px;
	left: 7px;
	font-weight: bold
}
.media-inline-popup.slideshow {
	display: initial
}
.media-inline-popup.slideshow .caption {
	max-height: initial;
	overflow: auto;
}
.media-inline-popup.slideshow .media-inline-img-container img {
	max-height: 500px;
	height: auto
}
.media-inline-popup.slideshow .action {
	flex-direction: row;
	padding: 0
}
.media-inline-popup .action a, .media-inline-popup .action a:link, .media-inline-popup .action a:visited, .media-inline-popup .action a:hover {
	font-size: 15px
}
#cboxOverlay {
	background: none;
	background-color: rgb(0,0,0);
	opacity: 1
}
.inline-popup #cboxContent {
	background: #000;
	color: #fff;
	overflow: auto !important
}
.inline-popup #cboxWrapper, .inline-popup #cboxContent, #colorbox.inline-popup {
	overflow: initial !important;
	-webkit-transform: none
}
.inline-popup #cboxClose {
	top: -50px !important
}
.inline-popup #cboxLoadedContent {
	margin-bottom: 0
}
.inline-popup #cboxOverlay {
	width: 0 !important;
	height: 0 !important
}
.inline-popup #cboxTopLeft, .inline-popup #cboxTopCenter, .inline-popup #cboxTopRight, .inline-popup #cboxMiddleLeft, .inline-popup #cboxMiddleRight, .inline-popup #cboxBottomLeft, .inline-popup #cboxBottomCenter, .inline-popup #cboxBottomRight {
	display: none !important;
	width: 0 !important;
	height: 0 !important
}
.inline-popup ::-webkit-scrollbar-thumb {
background: rgba(53, 94, 147, 1);
border-radius: 10px;
-webkit-border-radius: 10px;
}
.inline-popup ::-webkit-scrollbar-track {
border-radius: 10px;
-webkit-border-radius: 10px;
}
.inline-popup ::-webkit-scrollbar {
width: 8px;
}
.inline-popup #cboxClose {
	background-image: url(/desktopmodules/articlecs/images/media-close.svg) !important;
	right: 20px
}
.adetail .media-inline .overlay:after {
	font-family: "Font Awesome 5 Free";
	content: '\f31e';
	font-size: 25px;
	position: absolute;
	left: 11px;
	font-weight: bold
}
.adetail .media-inline .overlay {
	background-image: none !important;
	width: 44px !important;
	height: 44px !important;
	opacity: 1;
	background-color: rgba(0,0,0,.3);
	bottom: 15px;
	right: 15px;
	border: #fff solid 1px;
	color: #fff;
	border-radius: 3px;
	transition: background-color 0.2s ease-in-out;
	line-height: 44px;
	z-index: 3
}
.adetail .media-inline:hover .overlay {
	background-image: none !important;
	background-color: #fff;
	color: rgba(0,0,0,1)
}
.adetail .media-inline .minfo {
	padding-top: 5px;
	border-bottom: none
}
.adetail .media-inline .mtitle, .adetail .media-inline .caption {
	color: #717171;
	font-size: 15px;
	line-height: inherit
}
.adetail .media-inline a:hover, .adetail .media-inline a:link, .adetail .media-inline a {
	text-decoration: none !important;
	border-bottom: none !important
}
.adetail .media-inline .image-wrapper {
	display: block
}
.adetail .breakout {
margin: 0 calc((40vw - 385px)*-1);
}
.adetail .breakout, .adetail .media-inline.breakout .image-wrapper {
	margin: 0 -315px;
}
.adetail .media-inline.breakout {
	margin: 0 auto 30px;
	width: 100%
}
.adetail .media-inline.breakout .image-wrapper img {
	width: 100%
}
.adetail .media-inline-xlarge img {
	width: 100%
}

/*ie11*/

@media ( min-width: 1750px) {
}

@media ( max-width: 1556px) {
.adetail .breakout, .adetail .media-inline.breakout .image-wrapper {
margin: 0 calc((45vw - 385px)*-1);
}
}

@media ( max-width: 965px) {
.media-inline-popup .bottom {
	flex: 0 0 200px
}
}

/* 650px content body starts to shrink */
@media ( max-width: 855px) {
.adetail .breakout, .adetail .media-inline.breakout .image-wrapper {
	margin: 0;
}
}

@media ( max-width: 768px) {
.adetail .breakout, .adetail .media-inline.breakout .image-wrapper {
	margin: 0 -45px;
}
/*    .adetail .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout { margin: 0 0 0 -8%; width: 101vw }*/
.adetail .media-inline-xlarge .overlay {
	right: 50px
}
.media-inline-popup img {
	height: auto !important
}
.media-inline-popup .media-inline-img-container {
	min-height: 1px
}
/*ie11*/
.media-inline-popup {
	flex-direction: column;
	margin: 0
}
.media-inline-popup .info {
	background-color: #000;
	margin-left: 0;
	width: 100%;
}
.media-inline-popup .caption {
	height: auto;
	width: 100%;
	background-color: #000;
	padding: 20px
}
.media-inline-popup .action {
	font-size: 1rem
}
.inline-popup #cboxWrapper {
	height: auto !important;
	width: 100% !important
}
.inline-popup #cboxContent {
	display: flex;
	flex-direction: column;
	width: 100% !important;
	height: 100% !important
}
.inline-popup #cboxLoadedContent {
	order: 2;
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important
}
#colorbox.inline-popup {
	position: fixed !important;
	height: auto !important;
	top: 15px !important;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	overflow-y: auto !important;
	width: 100% !important
}
.inline-popup #cboxClose {
	order: 1;
	position: static;
	margin-bottom: 15px;
	margin-right: 30px;
	align-self: flex-end
}
}

@media ( max-width: 767px) {
}

@media ( max-width: 667px) {
.adetail .media-inline-xlarge .image-wrapper, .adetail .media-inline .image-wrapper.breakout {
	margin: 0 -15px 0 -15px;
	width: 100vw
}
}
/******************* 
    
     LISTING 
    
*********************/
.alist {
	position: relative;
}
.alist-inner {
	display: block
}
.alist.stories {
	padding: 0;
	font-family: 'Lato', Arial;
}
.alist.stories .item {
	padding-bottom: 80px;
	position: relative
}
/*category*/
.alist.stories .item a.category, .alist.stories .item a.category:link {
	text-transform: uppercase;
	margin-bottom: 10px;
	margin-top: 5px;
	color: #355e93;
	display: block
}
.alist.stories.breaking .item a.category span {
	display: none
}
.alist.stories.breaking .item a.category {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
}
.alist.stories.breaking .item a.category:after {
	color: #B33F46;
	content: 'BREAKING'
}
/*poster*/
.alist.stories .item.hover a.title {
	text-decoration: underline
}
.alist.stories .item.hover .poster div {
	transform: scale(1.1);
}
.alist.stories .item .poster {
	float: right;
	overflow: hidden;
	position: relative;
	border-radius: 4px;
	border: #adadad solid 1px;
	display: inline-block;
	-webkit-box-shadow: 0px 32px 23px -10px rgba(0,0,0,.2);
	box-shadow: 0px 32px 23px -10px rgba(0,0,0,.2);
	width: 60%
}
.alist.stories .item .poster:after {
	padding-top: 66.66%; /* 6:4 ratio */
	display: block;
	content: '';
}
.alist.stories .item .poster div {
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all .25s ease-out;
}
.alist.stories .item a.title, .alist.stories .item a.title:link {
	font-size: 2rem;
	line-height: 1.2em;
	font-weight: bold;
	color: #333;
	margin-bottom: 10px
}
.alist.stories.breaking .item .poster {
	right: 10%
}
.alist.stories .item.hover .poster .avideo-icon {
	transform: scale(1.1);
}

@media ( max-width: 992px) {
.alist.stories .item.hover .poster .avideo-icon {
	transform: scale(.9);
}
}

@media ( max-width: 767px) {
.alist.stories .item.hover .poster .avideo-icon {
	transform: scale(.8);
}
}

@media ( max-width: 550px) {
.alist.stories .item.hover .poster .avideo-icon {
	transform: scale(.7);
}
}
/*info block*/
.alist.stories .item .info {
	z-index: 3;
	cursor: pointer;
	position: absolute;
	left: 14%;
	background: rgba(255, 255, 255, 0.9);
	width: 38%;
	padding: 20px 30px 30px;
	border-top: solid 8px #355D8E;
	border-radius: 3px;
	bottom: 110px;
	-webkit-box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3);
	box-shadow: 0px 3px 5px 1px rgba(0,0,0,.3);
	margin: 0 5px 0 5px
}
.alist.stories .item .info .bar {
	display: flex;
	justify-content: flex-start;
	padding-top: 30px;
	color: #717171;
	align-items: center;
}
.alist.stories.breaking .item .info {
	border-color: #B33F46
}
/*play button*/
.alist.stories .item .info a.play {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: -33px;
	bottom: 30px;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #355D8E;
	color: #fff;
	font-size: 1.6rem;
	padding: 2px 0 0 4px
}
.alist.stories .item .info a.play:hover {
	text-decoration: none;
}
.alist.stories .item .info a.play span:after {
	font-family: "Font Awesome 5 Free";
	content: '\f054';
}
.alist.stories.breaking .item .info a.play {
	background-color: #B33F46
}
/*date*/
.alist.stories .item time {
	order: 3;
	padding-left: 36px;
	font-size: .85rem;
	padding: 0 2rem
}
/*info - social icons*/
.alist.stories .item .info .social {
	order: 2
}
/*1st item*/
.alist.stories .item:nth-child(even) .info {
	right: 14%;
	left: inherit
}
.alist.stories .item:nth-child(even) .poster {
	float: left
}
.alist.stories .item:nth-child(even) .info a.play {
	left: -33px;
	padding: 2px 4px 0 0
}
.alist.stories .item:nth-child(even) .info a.play span:after {
	content: '\f053';
}
.alist.stories .item:nth-child(even) .info time {
	order: 1
}
.alist.stories .item:nth-child(even) .info .bar {
	justify-content: flex-end
}
.alist.stories.breaking .item:nth-child(even) .poster {
	left: 10%
}
/*pager*/
.alist .pager {
	position: relative;
	z-index: 10
}
.alist .apager {
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.alist .apager div {
	width: 55px;
	height: 55px;
	text-align: center;
	line-height: 53px;
	font-size: 30px;
	font-weight: bold
}
.alist .apager a, .alist .pager a:link {
	color: #696969
}
.alist .apager .active {
	border-radius: 50%;
	background-color: #355D8E
}
.alist .apager .active a, .alist.stories .pager .active a:link, .alist.stories .pager .active a:hover {
	color: #fff
}
.alist .apager .disabled, .alist.stories .apager .disabled a {
	color: rgba(105, 105, 105,0.25)
}
.alist .apager .nextprev {
	font-size: 40px;
	font-weight: normal
}
.alist.no-items {
	display: block;
	font-size: 1.2rem
}

@media ( max-width: 1200px) {
.alist.stories .item .info {
	width: 46%;
	left: 8%
}
.alist.stories .item:nth-child(even) .info {
	right: 8%
}
}

@media ( max-width: 992px) {
.alist.stories .item {
	padding-bottom: 0
}
.alist.stories .item a.category {
	margin-bottom: 10px;
	font-size: 1.2rem
}
.alist.stories .item .title {
	font-size: 30px;
	line-height: 35px
}
.alist.stories .item .info {
	position: relative;
	width: 90%;
	bottom: 80px;
	margin: 0 5px 0 5px;
	padding: 20px 24px 20px 24px;
	margin: 0 auto;
	left: 0
}
.alist.stories .item .info a.play {
	top: -35px;
	right: 30px;
	bottom: initial;
	width: 60px;
	height: 60px;
	font-size: 1.6rem;
}
.alist.stories .item .info a.play span {
	padding: 2px 0 0
}
.alist.stories .item .info .bar {
	justify-content: space-between;
	padding-top: 20px
}
.alist.stories .item .info time {
	order: 3;
	font-size: 1rem
}
.alist.stories .item .poster {
	text-align: center;
}
.alist.stories .item .poster {
	width: 100%;
	float: none;
}
.alist.stories.breaking .item .poster {
	right: 0
}
.alist.stories.breaking .item:nth-child(even) .poster {
	left: 0
}
.alist.stories .item:nth-child(even) .poster {
	float: none;
	width: 100%
}
.alist.stories .item:nth-child(even) .info {
	right: initial
}
.alist.stories .item:nth-child(even) .info .social {
	float: none;
	order: 0
}
.alist.stories .item:nth-child(even) .info a.play {
	left: inherit;
}
.alist.stories .item:nth-child(even) .info a.play span {
	padding: 2px 0 0 4px
}
.alist.stories .item:nth-child(even) .info a.play span:after {
	content: '\f054';
}
.alist.stories .item:nth-child(even) .info .bar {
	justify-content: space-between
}
}

@media ( max-width: 767px) {
.alist.stories .item a.category {
	font-size: 1.4rem
}
.alist.stories .item time {
	font-size: 1.2rem
}
.alist.stories .item .info a.play {
	font-size: 1.8rem
}
}

@media ( max-width: 550px) {
.alist.stories .item .info a.play {
	width: 50px;
	height: 50px;
	top: -30px
}
.alist.stories .item .info a.play {
	font-size: 1.6rem
}
}
/* list view */
.alist.stories.list {
}
.alist.stories.list .item {
	padding-bottom: 36px
}
.alist.stories.list .item .poster {
	display: none;
}
.alist.stories.list .item .info a.play {
	display: none
}
.alist.stories.list .item .info {
	position: relative;
	width: 99%;
	bottom: 0;
	left: inherit;
	right: inherit
}
.alist.stories.list .item .info .bar {
	justify-content: flex-start;
}
.alist.stories.list .item .info time {
	order: 3;
	padding-left: 50px
}
.alist.stories.list .item .info:hover {
	transform: none
}
/* search view */
.alist.stories.list.search .item {
	display: flex
}
.alist.stories.list.search .item .poster-outer {
	display: inline-block;
	flex: 0 0 30%;
	width: 100%;
	align-self: center
}
.alist.stories.list.search .item .poster {
	float: none;
	display: inline-block;
	box-shadow: none;
	width: 100%
}
.alist.stories.list.search .item .poster:hover {
}
.alist.stories.list.search .item .info {
	flex: 0 0 70%;
	border: none;
	box-shadow: none;
	align-self: center
}
.alist.stories.list.search .item .poster:hover div {
	transform: scale(1.1);
}
.alist.stories.list.search header .maintitle {
	font-family: Lato, Arial;
	margin: 0
}
.alist.stories.list.search header .subtitle {
	font-family: Lato, Arial;
	margin: 0
}
/*subtitle*/
.alist .subtitle span {
	font-size: 24px;
	color: rgb(195,55,56)
}
/******************* filter *********************/
.afilter {
	position: relative;
}
.afilter input, .afilter select {
	background: #fff;
	border: solid 1px rgb(115,124,128);
	padding: 10px 20px;
	height: 50px !important;
	font-size: 1rem !important;
	text-transform: uppercase;
	font-family: 'Lato', Arial;
	color: #696969;
}
.afilter select {
	cursor: pointer
}
.afilter input::-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #696969;
}
.afilter input::-ms-input-placeholder { /* Microsoft Edge */
color: #696969;
}
.afilter input::placeholder { /* Most modern browsers support this now. */
color: #696969;
}
.afilter .RadInput_Default .riEmpty {
	color: #696969;
	font-weight: normal
}
.afilter select {
	border: none;
	background: transparent;
	-webkit-appearance: none;
	font-family: 'Lato', Arial
}
.afilter select option {
	margin-bottom: 13px;
	margin-left: 200px
}
.afilter .bbb {
	border: solid 1px rgb(115,124,128);
	background-color: #fff;
	border-radius: 4px;
	position: relative;
	width: 100%;
	font-weight: normal
}
.afilter .bbb:after {
	position: absolute;
	right: 20px;
	top: 10px;
	font-family: "Font Awesome 5 Free";
	font-weight: bold;
	content: '\f078';
	color: rgb(115,124,128);
	font-size: 24px;
	pointer-events: none;
	background-color: #fff
}
.afilter .search {
	float: right;
}
.afilter .search input {
	background-color: #fff;
	border: 2px solid #355e93;
	color: #355e93;
	padding: 10px 55px;
	background-color: rgba(53,94,141,.05);
	font-weight: bold
}
.afilter .search input:hover {
	transition: all 0.5s;
	background-color: #355e93;
	color: #fff
}
.afilter .RadPicker table.rcTable {
	border: solid 1px rgb(115,124,128);
	border-radius: 4px;
	display: inline-block
}
.afilter .riSingle .riTextBox[type="text"] {
	border: none;
	font-style: normal;
	font-family: 'Lato', Arial;
	padding: 10px 20px;
	font-size: 1rem !important
}
.afilter .RadPicker_Default a.rcCalPopup {
	background-image: none;
	text-indent: 0;
	width: 50px;
	height: 40px;
	font-size: 0;
	margin: 0
}
.afilter .RadPicker_Default a.rcCalPopup::after {
	font-family: "Font Awesome 5 Free";
	content: '\f073';
	color: #717171;
	font-size: 28px;
	position: absolute;
	top: 4px;
	right: 10px;
	width: 40px;
	height: 40px;
	visibility: visible
}
.afilter .RadPicker_Default {
	width: 50% !important;
	float: left
}
.afilter .RadPicker_Default:first-child {
	padding-right: 15px
}
.afilter .RadPicker_Default:last-child {
	padding-left: 15px
}
.RadCalendarPopupShadows > .rcShadTR, .RadCalendarPopupShadows > .rcShadBL, .RadCalendarPopupShadows > .rcShadBR {
	display: none
}
.RadCalendar .rcRow td, .RadCalendar .rcWeek th {
	text-align: center !important;
	font-size: 1.2rem !important
}
.afilter .top-bar {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 15px
}
.afilter .top-bar .toggle {
	border: solid 2px rgb(105,105,105);
	padding: 10px 55px 10px 55px;
	font-size: 20px;
	height: 50px;
	border-radius: 4px;
	color: rgb(105,105,105);
	font-family: 'Lato', Arial;
	text-transform: uppercase;
	background-color: rgba(105,105,105,.05);
	font-weight: bold;
	display: flex;
	align-items: center;
}
.afilter .top-bar .toggle span {
	padding-left: 5px
}
.afilter .top-bar a.toggle:link {
	color: rgb(105,105,105);
	text-decoration: none
}
.afilter .top-bar a.toggle:hover {
	color: rgb(105,105,105);
	background-color: rgba(105,105,105,.2);
	transition: all 0.5s;
	text-decoration: none
}
.afilter .top-bar a.toggle.showit span:before {
	font-family: "Font Awesome 5 Free";
	content: '\f077'
}
.afilter .sel-card, .afilter .sel-list {
	color: #355E92
}
.afilter a.select-view:link {
	text-decoration: none
}
.afilter .select-view {
	border: 2px solid #717171;
	color: #717171;
	border-radius: 4px;
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-left: 15px;
	color: #696969;
	display: flex;
	justify-content: center;
	align-items: center
}
.afilter .select-view span {
	color: #717171;
	font-size: 1.6rem;
	padding-top: 2px
}
.afilter .select-view.selected {
	background-color: #355E92;
	border-color: #355e93
}
.afilter .select-view.selected span {
	color: #fff
}
.afilter .select-view.selected:hover {
	text-decoration: none;
	background-color: #355E92;
	transition: none
}
.afilter .select-view:hover {
	text-decoration: none;
	transition: all 0.5s;
	background-color: rgba(105,105,105,.2)
}
.afilter .view-selector {
	display: flex;
}
.afilter .filter-item {
	padding-bottom: 20px
}
.afilter .items {
	display: inline-block;
	overflow: hidden
}
.afilter .items.showit {
	width: 100%;
}

@media ( max-width: 992px) {
.afilter .RadPicker_Default {
	width: 100% !important
}
.afilter .RadPicker_Default:first-child {
	padding-right: 0px;
	padding-bottom: 20px
}
.afilter .RadPicker_Default:last-child {
	padding-left: 0px;
}
.afilter input {
	font-size: 1.2rem !important
}
.afilter select {
	font-size: 1.2rem !important
}
.afilter .riSingle .riTextBox[type="text"] {
	font-size: 1.2rem !important
}
}

@media ( max-width: 767px) {
.afilter .RadPicker_Default:first-child {
	padding-bottom: 15px
}
.afilter .filter-item {
	padding-bottom: 15px
}
.afilter .search input {
	font-size: 1.4em !important;
	margin-top: 15px
}
}
/*********** smart tokens **************/
.ast-notes .ntext {
	color: #333
}
.ast-list .item .title {
	font-family: 'Crimson Text';
	font-weight: 600 !important
}
.ast-glance {
	font-family: 'Crimson Text';
	color: #717171
}
/*********** filter ****************/
.alist .subtitle {
	display: flex;
	align-items: center
}
.subtitle .filter-markers {
	display: flex;
	align-items: center
}
.subtitle .filter {
	background-color: transparent;
	color: #808080;
	padding-top: 0px;
	padding-bottom: 0px
}
.subtitle .filter-clear {
	padding-top: 0px
}
.subtitle .filter-title {
	font-size: 1.2rem;
	padding-top: 0;
	padding-bottom: 0
}

@media ( max-width: 992px) {
.subtitle .filter, .subtitle .filter-title {
	font-size: 1.2rem
}
.subtitle .filter-clear {
	padding-top: 4px
}
}
/************ 

    DASHBOARDS

*************/
/* general */
.alist.adash h2 {
	color: #000
}
/*.adash .pull-title { font-size: 3em;margin: 0 0 3em }*/

/* suggest */
.adash.suggest {
	padding: 3em 0
}
.adash.suggest h2 {
	display: block;
	color: #000;
	font-size: 2rem;
	font-family: Lato, Arial;
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 3rem;
	padding: 0 20px
}
.adash.suggest .items {
	display: flex;
	flex-wrap: wrap;
	font-family: Lato, Arial
}
.adash.suggest .item {
	display: flex;
	width: 100%;
	padding: 0 0 3em 0;
	flex: 0 0 50%
}
.adash.suggest .poster-outer {
	flex: 0 0 40%
}
.adash.suggest .info {
	flex: 0 0 60%;
	padding-left: 30px
}
.adash.suggest .item:nth-child(even) {
	padding-left: 2rem
}
.adash.suggest .item:nth-child(odd) {
	padding-right: 2rem
}
.adash.suggest .poster {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 100%;
	background-color: #000;
}
.adash.suggest .poster:after {
	padding-top: 80%; /* 5:4 ratio */
	display: block;
	content: '';
}
.adash.suggest .poster .image {
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all .25s ease-out;
}
.adash.suggest .poster .image p.alt {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	top: auto;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.adash.suggest .poster:hover .image {
	transform: scale(1.1);
}
.adash.suggest .poster:hover a.title {
	text-decoration: underline;
	color: #fff
}
.adash.suggest a.title, .adash.suggest a.title:link {
	color: #000;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 1.3em;
	font-family: Lato, Arial;
	margin: 0
}
.adash.suggest a.category, .adash.suggest a.category:link {
	display: block;
	margin-bottom: 10px;
	font-size: 1.1rem;
	color: #355e93;
	text-transform: uppercase;
	letter-spacing: 3px
}
.adash.suggest .avideo-icon {
	transform: scale(.7)
}
.adash.suggest .poster:hover .avideo-icon {
	transform: scale(.8)
}

@media ( max-width: 1400px) {
.adash.suggest .avideo-icon {
	transform: scale(.5)
}
.adash.suggest .poster:hover .avideo-icon {
	transform: scale(.6)
}
}

@media ( max-width: 1200px) {
.adash.suggest .item {
	padding: 0 0 2rem 0
}
.adash.suggest .item:nth-child(even) {
	padding-left: 1rem
}
.adash.suggest .item:nth-child(odd) {
	padding-right: 1rem
}
}

@media ( max-width: 992px) {
.adash.suggest a.title, .adash.suggest a.title:link {
	font-size: 1.2rem
}
.adash.suggest a.category, .adash.suggest a.category:link {
	font-size: 1rem
}
.adash.suggest .avideo-icon {
	transform: scale(.4)
}
.adash.suggest .poster:hover .avideo-icon {
	transform: scale(.5)
}
}

@media ( max-width: 767px) {
.adash.suggest .item {
	flex: 0 0 100%
}
.adash.suggest .poster-outer {
	flex: 0 0 35%
}
.adash.suggest .info {
	flex: 0 0 65%
}
.adash.suggest a.title, .adash.suggest a.title:link {
	font-size: 1.4rem
}
.adash.suggest a.category, .adash.suggest a.category:link {
	font-size: 20px;
	margin-bottom: 5px
}
.adash.suggest .item:nth-child(even) {
	padding: 0 20px 20px
}
.adash.suggest .item:nth-child(odd) {
	padding: 0 20px 20px
}
.adash.suggest .avideo-icon {
	transform: scale(.6)
}
.adash.suggest .poster:hover .avideo-icon {
	transform: scale(.7)
}
}
/* also like */
.adash.also-like {
}
.adash.also-like h2 {
	color: #fff;
	display: block;
}
.adash.also-like .items {
	display: flex;
	flex-wrap: wrap;
	font-family: Lato, Arial
}
.adash.also-like .item {
	width: 100%;
	padding: 0 0 4% 0;
	flex: 0 0 50%
}
.adash.also-like .item:nth-child(even) {
	padding-left: 2%
}
.adash.also-like .item:nth-child(odd) {
	padding-right: 2%
}
.adash.also-like .info {
	position: absolute;
	bottom: 0;
	padding: 1.5rem;
	z-index: 3;
	width: 100%;
}
.adash.also-like a {
	display: block
}
.adash.also-like .overlay {
	z-index: 2;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
.adash.also-like .overlay.overlay-image {
	background-color: rgba(0,0,0,.15)
}
.adash.also-like .overlay.overlay-info {
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 44%, rgba(0,0,0,0.65) 100%);
	z-index: 5
}
.adash.also-like .info-text {
	z-index: 5;
	position: relative
}
.adash.also-like .poster {
	cursor: pointer;
	overflow: hidden;
	position: relative;
	display: inline-block;
	width: 100%;
	background-color: #000
}
.adash.also-like .poster:after {
	padding-top: 80%; /* 5:4 ratio */
	display: block;
	content: '';
}
.adash.also-like .poster .image {
	position: absolute;
	top: -1px;
	bottom: -1px;
	right: 0;
	left: 0;
	width: 100%;
	height: auto;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	transition: all .25s ease-out;
}
.adash.also-like .poster .image p.alt {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	top: auto;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}
.adash.also-like .poster:hover .image {
	transform: scale(1.1);
}
.adash.also-like .poster:hover a.title {
	text-decoration: underline;
	color: #fff
}
.adash.also-like .subhead {
	display: block;
	margin-bottom: 5px;
	font-size: 1.2rem;
	color: #e2973b;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.6);
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 3px
}
.adash.also-like h3.ellipsis:before {
	content: "...";
	position: absolute;
	bottom: 0;
	right: 0;
	color: #fff
}
.adash.also-like h3 {
	font-size: 2.2rem;
	line-height: 2.7rem;
	font-family: Lato, Arial;
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
	max-height: 8.1rem;
	margin: 0
}
.adash.also-like .pull-title {
	text-shadow: 0 0 10px rgba(0,0,0,0.3);
}

/*@media ( max-width: 1400px) {
    .adash.also-like h3 { font-size: 2rem; line-height:2.2rem; max-height:4.4rem }
}
@media ( max-width: 1200px) {
    .adash.also-like h3 { font-size:1.6rem; line-height:1.8rem; max-height:3.6rem }
}*/

@media ( max-width: 992px) {
	.adash.also-like h3 {
		font-size: 1.6rem;
		line-height: 2.1rem;
		max-height: 6.3rem
	}
}

@media ( max-width: 767px) {
.adash.also-like .item {
	flex: 0 0 100%
}
.adash.also-like .item:nth-child(even) {
	padding: 0 20px 20px
}
.adash.also-like .item:nth-child(odd) {
	padding: 0 20px 20px
}
.adash.also-like .info {
	padding: 1.2rem
}
.adash.also-like h3 {
	font-size: 2rem;
	line-height: 2.5rem;
	margin-left: 15px;
	max-height: 7.5rem
}
}

@media ( max-width: 550px) {
.adash.also-like h3 {
	font-size: 1.6rem;
	line-height: 2.1rem;
	max-height: 6.3rem
}
}
/*newsroom*/
.adash.newsroom .menu-grid {
	display: flex;
	font-family: Lato, Arial;
	letter-spacing: 3px;
	cursor: pointer
}
.adash.newsroom .menu-item {
	flex: 2;
	padding: 10px;
	text-transform: uppercase;
	color: #717171;
	background-color: #fff;
	border: 1px solid #717171;
	text-align: center
}
.adash.newsroom .menu-item.active {
	background-color: #355e92;
	color: #fff
}
.adash.newsroom .menu-select {
	display: none;
	text-transform: uppercase;
	font-size: 1.1rem;
	padding: 1rem 0 1.3rem;
	width: 100%;
	text-align: center;
	font-family: Lato, Arial;
	letter-spacing: 3px;
}
.adash.newsroom .menu-select select {
	text-transform: uppercase
}
.adash.newsroom.alist.stories {
	display: none
}
.adash.newsroom.alist.stories .item {
	padding-bottom: 0
}
.adash.newsroom.alist.stories .item .info {
	cursor: auto;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	box-shadow: none;
	border-top: none;
	border-bottom: 1px solid #aeaeae;
	border-radius: 0;
	display: flex;
	justify-content: space-between;
	align-items: center
}
.adash.newsroom.alist.stories .item:last-child .info {
	border: none;
}
.adash.newsroom.alist.stories .item time {
	padding-left: 0
}
.adash.newsroom .lside {
	padding-right: 45px
}
.adash.newsroom .more-row {
	width: 100%;
	padding: 50px 0;
	text-align: center;
}

.page-nav .page-nav-link .image-placeholder {
	background-size: cover;
    background-position: center center;
	position: absolute;
	width: 100%;
	height: 100%;
	transform: scale(1);
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: none;
	opacity: 0.3;
}

/* ie */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.adash.newsroom .menu-item {
	letter-spacing: 1px
}
}

@media ( max-width: 992px) {
.adash.newsroom .menu-grid {
	display: none
}
.adash.newsroom .menu-select {
	display: inline-block
}
}
/* breaking */
.adash.breaking .pull-title {
	color: #B33F46
}
/** Responsive Overrides **/

.page-nav {
	margin: 0;

	border-bottom:6px solid #fff;
}
.page-nav .page-nav-link {
	/*-webkit-clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);
	clip-path: polygon(0 0, 100% 15%, 100% 100%, 0 85%);*/
	text-align: center;
	padding: 0;
	position: relative;
	overflow: hidden;
	background: #355D8E;
}
.page-nav .page-nav-link:first-child {
	border-left: none;
}
.page-nav .page-nav-link .image-placeholder {
	background-size: cover;
    background-position: center center;
	position: absolute;
	width: 100%;
	height: 100%;
	transform: scale(1);
	top: 0;
	left: 0;
	padding: 0;
	box-shadow: none;
	opacity: 0.3;
}
.page-nav #nav-ships .image-placeholder {
	background-image: url(/Portals/1/Interactive/2018/08-helping-hands/images/hh-accordian-comfort-small.jpg);
}
.page-nav #nav-amazon .image-placeholder {
	background-image: url(/Portals/1/Interactive/2018/08-helping-hands/images/hh-accordian-amazon-small.jpg);
}
.page-nav #nav-guard .image-placeholder {
	background-image: url(/Portals/1/Interactive/2018/08-helping-hands/images/hh-accordian-fire-small.jpg);
}
.page-nav .page-nav-link a {
	color: #fff;
	padding: 5vh 0;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.66);
	font-family: "Oswald", sans-serif;
	text-align: center;
	font-size: 2rem;
	box-shadow: none;
	display: block;
	width: 100%;
	line-height: 1.2;
}
.page-nav .page-nav-link a:hover,
.page-nav .page-nav-link a:focus {
	background: none;
}
.page-nav .page-nav-link a span {

    padding: 2px 10px 0;
    transition: background-color 350ms ease-out;
	filter: blur(0) grayscale(0);
	position: relative;
}
.page-nav .page-nav-link a span i {
	position: absolute;
	top: 80px;
	left: 0;
	width: 100%;
	text-align: center;
	opacity: 0;
	transition: 350ms ease-in-out;
}
.page-nav .page-nav-link a:hover span,
.page-nav .page-nav-link a:focus span {
    box-shadow: none;
}
.page-nav .page-nav-link a:hover span i {
	opacity: 1;
	bottom: -75%;
	transition: 350ms ease-in-out;
}
.abanner .banner-angle-header {
	border-bottom: 3px solid #fff;
}
.abanner .banner-angle-header:after {
	display: none;
}
.abanner header h1.maintitle small {
	font-family: "Oswald", sans-serif;
	font-style: normal;
}
.social-inner a, 
.social-inner a:link {
    color: rgb(128,128,128);
}

span.logo {
	display: inline-block;
	background-image: url(/Portals/1/Interactive/2018/08-helping-hands/images/helping-hands-logo.png);
	background-size: cover;
	background-position: center center;
	width: 100px;
	height: 100px;
}
.abanner .content.content-wrap {
    background: none;
	padding: 0;
    width: 100%;
    max-width: 100%;
}
.normal {
	position: relative;
}

.banner-mask2, 
.abanner .Normal .banner-mask2 {
	position:absolute;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0, 0.6);
	top: 0;
}
.video-banner .video-container video {
	min-width: 100%;
    min-height: 100%;
    object-fit: cover;
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.content-group div.content.content-wrap {
    margin-top: 0px;
    position: relative;
	background: none;
    z-index: 11;
	padding-top: 0;
}
.content-group div.content-wrap .gallery {
	padding: 15px 15px 0px;
	background: #fff;
}
h2.sectiontitle {
text-align: center;
    color: #fff;
    text-shadow: 2px 2px 2px rgba(0,0,0,0.8);
    position: absolute;
    top: 42%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 4.5rem;
    z-index: 9;
    width: 100%;
    padding-top: 80px;
}

#dnn_ctr779_ModuleContent h2.sectiontitle strong {
	color: #c44b40;
}
#dnn_ctr752_ModuleContent h2.sectiontitle strong {
	color: #0A856A;
}
#dnn_ctr754_ModuleContent h2.sectiontitle strong {
	color: #4F8BD6;
}
/*
h2.sectiontitle strong {
	color: #3c6dff;
} */
a.social-link {
	box-shadow: none;
}
.abanner header .maintitle {
	font-size: 3.5rem;
}
.abanner .content .inside {
	padding-top: 0;
}
div.body span.big-number {
	height: 40px;
	width: 40px;
}
.infoModal .modal-footer {
    text-align: center;
}
.modal-content .modal-header p {
	margin-top: 10px;
	line-height: 1;
}
.infoModal .modal-content .infoModalCopyBlock h4 {
	margin-top: 0;
}
.infoModal .modal-content .infoModalCopyBlock h4 {
	font-size: 1.5rem;
}
/*** Slide Show ***/
.slideshow-wrap-wrap {
	background: #fff;
	overflow: hidden;
	position: relative;
	margin-bottom: 8rem;
}

.slideshow-wrap-wrap::before {
content: "";
    height: 100%;
    width: 20%;
    left: 0;
    top: 0;
    background-color: #fff;
    position: absolute;
    z-index: 9;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}

.slideshow-wrap-wrap::after {
content: "";
    height: 100%;
    width: 20%;
    right: 0;
    top: 0;
    background-color: #fff;
    position: absolute;
    z-index: 9;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
background: -moz-linear-gradient(right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
}
div.extra-logo {
	text-align: center;
}
div.extra-logo .logo {
	display: inline-block;
	background-image: url(/Portals/1/Interactive/2018/08-helping-hands/images/helping-hands-logo.png);
	background-size: cover;
	background-position: center center;
	margin: 10px;
	width: 80px;
	height: 80px;
}
div.extra-logo:before,
div.extra-logo:after {
	content:"";
	display: inline-block;
	width: 20%;
	height: 5px;
	background: #c44b40;
    margin-bottom: 50px;
}
div.extra-logo:after {
	background: #355E93;
}
.slideshow-wrap {
	width: 60%;
	margin: 0 auto;
	max-width: 1200px;
}
.GenericSlideshow .rsOverflow {
	overflow: visible;
}
.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem {
	position: relative;
}
.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .bottom {
    position: absolute;
	width: 100%;
	bottom: 0;
	background: rgba(0,0,0,.66);
	padding: 15px;
	display: none;
}
.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .bottom .slideTitle {
    font-weight: bold;
	display: block;
	color: #fff;
	font-size: 1.3rem;
}
.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .bottom .slideCaptionDivider {
	display: none;
}
.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .bottom .slideCaption {
	font-size: 1.0rem;
	color: #fff;
}
.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem .top a.slideLink {
	background: none;
	cursor: zoom-in;
}
.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .GenericSlideshowItem img {
	width:100%;
	height:100%;
}
.GenericSlideshow .slideWrapper .rsNav {
	display: none;
}
.GenericSlideshow .slideWrapper .slideContainer .rsOverflow .arrowsContain {
	text-shadow: 2px 2px 2px rgba(0,0,0,0.66);
}
.GenericSlideshow .slideWrapper .slideContainer .rsArrow {
    font-size: 48px;
	color:#fff;
	text-shadow: 2px 2px 2px rgba(0,0,0,0.66);
}
.abanner header h1.maintitle small {
	color: #fff;
}
p.section-blurb {
	width: 90%;
	margin: 4rem auto 4rem;
	font-size: 1.2rem;
}
p.section-blurb span.big {
	display: block;
	font-size: 1.5rem;
	font-weight: 600;
}
	.abanner .banner-angle-header {
    background-image: url(/Portals/1/Interactive/2018/08-helping-hands/images/banner-3.jpg);
	background-position: center center;
	background-size: cover;
	position: relative;
}
/*#ships p.section-blurb em {
	color: #c44b40;
}
#amazon p.section-blurb em {
	color: #0A856A;
}
#guard p.section-blurb em {
	color: #3c6dff;
}*/
.container.slideshow-wrap {
	padding-bottom: 160px
}
	.video-banner {
	height: 60vh;
	-webkit-clip-path: none;
	clip-path: none;
	position: relative;
	z-index: 10;
		overflow: hidden;
}
/*.GenericSlideshow .slideWrapper .slideContainer .rsArrowRight .rsArrowIcn:before {
	font-family: "Font Awesome";
}*/
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.abanner .banner-angle-header {
    background-image: url(/Portals/1/Interactive/2018/08-helping-hands/images/banner-3.jpg);
	background-position: center -50px;
	background-size: cover;
	position: relative;
}
	
	.content-group div.content.content-wrap {
    margin-top: 0px;
    position: relative;
	background: none;
    z-index: 11;
	padding-top: 0;
}

	
	.page-nav .page-nav-link a {
		font-size: 1.4rem;	
		padding: 15vh 0;
	}

	
	.page-nav #nav-amazon .image-placeholder {
		background-position: center bottom;
	}

	.abanner header h1.maintitle small {
		font-size: 2rem
	}
	.abanner header h1.maintitle span.logo {
		margin: 0 10px -45px;
		width: 120px;
		height: 120px;
	}
	.infoModal .modal-footer {
		text-align: right;
	}
	.abanner .content.content-wrap#from-sea, .abanner .content.content-wrap#from-air {
		margin-top: -100px;
	}
	article .gallery {
		padding: 10px 10px 1px;
	}
	.modal-title small {
		display: inline;
		border-left: 1px solid #254267;
		padding-left: 10px;
	}
	h2.sectiontitle:before,
	h2.sectiontitle:after {
		margin-bottom: 20px;
	}
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.video-banner {
	height: 80vh;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 95%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 95%);
	position: relative;
	z-index: 10;
}
		.content-group div.content.content-wrap {
    margin-top: -190px;
    position: relative;
	background: none;
    z-index: 11;
	padding-top: 0;
}
	
	h2.sectiontitle:before,
h2.sectiontitle:after {
	content:"";
	display: inline-block;
	width: 5%;
	height: 2px;
	background: #fff;
    margin-bottom: 13px;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0,.66)
}
h2.sectiontitle:before {
	margin-right: 10px;
}
h2.sectiontitle:after {
	margin-left: 10px;
}
	.page-nav .page-nav-link a {
		font-size: 1.5rem;	
		padding: 15vh 0;
	}
	.page-nav .page-nav-link .image-placeholder {
		filter: grayscale(100%);
		transition: all 200ms ease-in-out;
		transform: scale(1);
		opacity: 0.3;
	}
	.page-nav .page-nav-link a:hover .image-placeholder {
		filter: grayscale(0%);
		transform: scale(1.05);
		transition: 200ms ease-in-out;
		opacity: 1;
	}
	.content-group div.content-wrap .gallery {
		padding: 60px 60px 1px;
		background: #fff;
	}
	.abanner header h1.maintitle {
		font-size: 4.5rem;
		margin-bottom: 20px;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, .66);
		margin-top: 15vh;
	}
	.abanner header h1.maintitle small {
		display:block;
		font-size: 2rem;
		color: #fff;
	}
	.abanner header h1.maintitle span.logo {
		margin: 0 10px -70px;
		width: 160px;
		height: 160px;
	}
	article .gallery {
		padding: 0 0 30px;
	}
	.quote-wrap blockquote.fancy-quote div.quote-shares {
		opacity: 0;
	}
	.abanner .content.content-wrap#from-sea, .abanner .content.content-wrap#from-air {
		margin-top: -160px;
	}
	.quote-wrap blockquote.fancy-quote p.quote-text {
		font-size: 2.5rem;
		line-height: 1.2;
	}
	.quote-wrap blockquote.fancy-quote {
		top: 10%;
	}
	.quote-wrap#selva {
		background-position: right top;
	}
	.quote-wrap#hyten {
		background-image: url(/Portals/1/Interactive/2018/08-nuclear-triad/images/triad-hyten-big.jpg);
		background-position: right top;
	}

}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.page-nav .page-nav-link a {
		font-size: 2rem;	
		padding: 15vh 0;
	}
	p.section-blurb {
		width: 60%;
	}
	

}
@media (min-width: 1400px) {
	.abanner header h1.maintitle {
		font-size: 4.5rem;
		margin-bottom: 20px;
		text-shadow: 2px 2px 2px rgba(0, 0, 0, .66);
		margin-top: 20vh;
	}
	.page-nav .page-nav-link a {
		font-size: 2.5rem;	
		padding: 15vh 0;
	}
	div.body span.big-number {
		height: 60px;
		width: 60px;
	}
	#content-pane-wrap3, #content-pane-wrap5, #content-pane-wrap {
	    background: rgb(240, 240, 240);
    background: -moz-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 1000px);
    background: -webkit-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 1000px);
    background: -o-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 1000px);
    background: -ms-linear-gradient(90deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 1000px);
    background: linear-gradient(180deg, rgb(240, 240, 240) 0%, rgb(255, 255, 255) 1000px);
	}

}