@charset "utf-8";
/* CSS Document */


.intrepid-mission-box {
	background-color:#ffffff;
	margin-bottom:3rem;
	box-shadow: -2px 2px 4px 2px rgba(0,0,0,0.1);
}
.featured-vid-slice-wrap {
	padding: 3rem 2rem 6rem 2rem;
	background-color:#dfdfdf;
}
.featured-vid-text {
	padding:2rem;
}
.featured-vid-wrap {
	padding: 2rem 2rem 2rem 0;
}
.social-inner {
	color:#ffffff;
}
.social-link {
	color:#ffffff !important;
}
.social-inner .social-link {
	border: solid 2px #ffffff;
}

/*----------------------------------------------------------*/
/* BOOTSTRAP OVERRIDE */
/*----------------------------------------------------------*/
.modal-content {
	max-width:none !important;
	animation-name: b-fade !important;
	animation-duration: .6s;
}
@keyframes b-fade {
	0% { opacity:0; }
	100% { opacity:1; }
}
.modal-dialog {
	width: auto !important;
}
.modal.fade .modal-dialog {
	transform: translate(0,0) !important;
	opacity:0;
	transition: all 0.3s;
}
.modal.fade.in .modal-dialog {
	transform: translate(0,0) !important;
	opacity:1;
}
.close {
	opacity:0.7 !important;
	transition: all .2s;
}
.close:hover {
	opacity:1 !important;
}
.ussny-video-title {
	width:70%;
	float:left;
}
.ussny-video-title h6 {
	margin-bottom:0;
}

/*----------------------------------------------------------*/
/* DOT ANIMATION */
/*----------------------------------------------------------*/
.circle {
	width: 25px;
	height: 25px;
	position: absolute;
	cursor:pointer;
}
.pulsating-circle {
	position: absolute;
	left: 12px;
	top: 10px;
	transform: translateX(-50%) translateY(-50%);
	width: 25px;
	height: 25px;
}
  .pulsating-circle:before {
    content: '';
    position: relative;
    display: block;
    width: 300%;
    height: 300%;
    box-sizing: border-box;
    margin-left: -100%;
    margin-top: -100%;
    border-radius: 45px;
    background-color: rgba(255,165,0,0.8);
    animation: pulse-ring 1.25s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;
  }
  .pulsating-circle:after {
    content: '';
    position: absolute;
    left: 0; 
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background-color: rgba(255,165,0,0.8);
    border-radius: 15px;
    box-shadow: 0 0 8px rgba(0,0,0,.3);
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -.4s infinite;
  }
@keyframes pulse-ring {
  0% {
    transform: scale(.33);
  }
  80%, 100% {
    opacity: 0;
  }
}
@keyframes pulse-dot {
  0% {
    transform: scale(.8);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(.8);
  }
}
.circle:before {
    content: "";
    height: 0vh;
    width: 1px;
    background: rgba(255,165,0,0.8);
    position: absolute;
    left: 12px;
	bottom: 9px;
}
.circle:after {
    content: "";
    height: 0vh;
    width: 1px;
    background: rgba(255,165,0,0.8);
    position: absolute;
    left: 12px;
}

/*----------------------------------------------------------*/
/* HOTSPOT SECTION TEXT */
/*----------------------------------------------------------*/
.hotspot-text-box {
	background-color:#ffffff;
	border-left: solid 4px #bbbbbb;
	padding:2rem 3rem;
	color:#444444;
	transform:translateY(-4rem);
	margin-bottom:-4rem;
}

/*----------------------------------------------------------*/
/* HOTSPOTS */
/*----------------------------------------------------------*/
.ny-skyline-bg {
	background-image:url(/Portals/1/Interactive/2019/09-ussny/uss-ny-skyline.jpg);
	background-size:100%;
	background-position:center bottom;
	background-repeat:no-repeat;
	border-bottom:solid 4px #355E93;
}
#hotspot-1 {
	top: 60%;
	left: 27%;
}
#hotspot-2 {
	top: 64%;
	left: 44%;
}
#hotspot-3 {
	top: 65%;
	left: 69%;
}
#hotspot-4 {
	top: 65%;
	left: 83%;
}
.ship-img {
	display:block;
}
.ussny-video-list {
	display:none;
	font-weight:bolder;
	text-align:center;
}
.ussny-video-btn {
	background-color:rgba(53,94,147,0.90);
	color:#ffffff;
	border-bottom: solid 2px #284870;
	padding:1.5rem 0;
	cursor:pointer;
}

/*----------------------------------------------------------*/
/* BANNER VIDEO */
/*----------------------------------------------------------*/
.defaultVideoOverlay .video-button {
	display:none;
}
.hoverVideoOverlay .video-button {
	display:none;
}
.video-background video {
	position:absolute;
	top:50%;
	left:50%;
	min-width:100%;
	min-height:100%;
	width:auto;
	height:auto;
	z-index:-100;
	display:inline-block;
	vertical-align:baseline;
	transform: translateX(-50%) translateY(-50%);
}
.video-wrap {
	width:100%;
	height:60vh;
	position:relative;
	overflow:hidden;
	min-height:600px;
}
.video-background {
	width:100%;
	overflow:hidden;
}
.banner {
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
}
.intro-blurb {
	margin-top:0;
	padding-top:4rem;
}

/***************************************************
    	BLURB
***************************************************/
.ussny-page-blurb{
	min-height:4rem;
	background: rgb(32,49,72);
	background: linear-gradient(30deg, rgba(32,49,72,1) 0%, rgba(35,58,89,1) 35%, rgba(53,94,147,1) 100%);
	background-image:url(/Portals/1/Interactive/2019/09-ussny/horizon-bg.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	color:#ffffff;
	border-top: solid 2px #355E93;
	border-bottom: solid 2px #355E93;
}

/***************************************************
    	INFOGRAPHIC SLICE
***************************************************/
.icon-column {
	border-top:solid 2px #999999;
	border-bottom:solid 2px #999999;
	background: rgb(197,197,197);
	background: -moz-linear-gradient(70deg, rgba(197,197,197,1) 0%, rgba(233,233,233,1) 100%);
	background: -webkit-linear-gradient(70deg, rgba(197,197,197,1) 0%, rgba(233,233,233,1) 100%);
	background: linear-gradient(70deg, rgba(197,197,197,1) 0%, rgba(233,233,233,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#cfcfcf",endColorstr="#dfdfdf",GradientType=1);
}
.icon-box-wrapper {
	border-radius:8px;
	padding:1rem;
	display:inline-block;
	width:100%;
}
.ussny-icon-text {
	text-align:center;
}
.icon-photo {
	background-image:url(https://media.defense.gov/2019/May/30/2002138117/1088/820/0/190528-N-YZ252-828.JPG);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
	min-height:310px;
}
.ussny-icon-label {
	text-align:center;
	font-size:1.4rem;
	margin-bottom:0;
}
.ussny-icon-copy {
	text-align:center;
	font-size:1rem;
	margin-bottom:0;
	font-family:'oswald', sans-serif;
}
.ussny-facts {
	background-color:rgba(255,255,255,1);
	border-radius:8px;
	margin:0;
}

/***************************************************
    BOATSWAIN SLICE
***************************************************/
.boatswain-vid-text {
	padding:0 2rem;
}


/***************************************************
    NEVER FORGET SLICE
***************************************************/
.never-forget-bg {
	background-image:url(/Portals/1/Interactive/2019/09-ussny/never-forget.jpg);
	background-size:cover;
	background-position: right center;
	background-repeat:no-repeat;
	padding:4rem 2rem;
	border-top: solid 2px #355E93;
}
.never-forget-text {
	background-color:rgba(255,255,255,0.94);
	padding:2rem;
}
.never-forget-photo {
	width:100%;
	margin:0 auto;
	display:none;
}


/***************************************************
    RESPONSIVE
***************************************************/
/* XLG */
@media only screen and (max-width: 1400px) {
	
}

/* LG */
@media only screen and (max-width: 1200px) {
	
}

/* MD */
@media only screen and (max-width: 991px) {
	.ussny-icon-label {
		font-size:1.4rem;
	}
	.featured-vid-text {
		padding: 2rem 2rem 0 2rem;
	}
	.featured-vid-wrap {
		padding: 0 2rem 2rem 2rem;
	}
	.never-forget-bg {
		background-position: left center;
	}
	.never-forget-photo {
		display:inherit;
	}
	.never-forget-bg {
		background-image:url(/Portals/1/Interactive/2019/09-ussny/never-forget-faded.jpg);
	}
}

/* SM */
@media only screen and (max-width: 768px) {
	.intrepid-mission-box {
		box-shadow: none;
	}
	.featured-vid-slice-wrap {
		padding:0;
	}
	.hotspot-text-box {
		border-left: none;
	}
	.icon-photo {
		background-position: left bottom;
	}
	.boatswain-vid-text {
		padding:0;
	}
	.never-forget-bg {
		padding:3rem 0;
	}
}

@media only screen and (max-width: 767px) {
	.icon-box-wrapper {
		width:32%;
	}
}

/* XS */
@media only screen and (max-width: 500px) {
	
	.ship-img {
		display:none;
	}
	.ussny-video-list {
		display:inherit;
	}
	.ny-skyline-bg {
		background-image:none;
		border-bottom:none;
	}
}

/***************************************************
    IE SPECIFIC
***************************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	svg {
		display: none !important;
	}
}