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

/*******************************************************************
UNIVERSAL
*******************************************************************/
.Normal {
	line-height: 0!important;
}

.factsheet {
	padding: 3rem 0 5rem;
}

.factsheet h3 {
	font-family: 'Oxanium'!important;
    color: #fff;
    text-transform: uppercase;
    font-size: 2rem!important;
}

.factsheet .dgov-col-md-8 {
	padding-left: 0;
}

.factsheet .dgov-col-md-4 {
	padding-right: 0;
	text-align: center;
}

.factsheet i {
	display: block;
    font-size: 90px;
    color: #fff;
    padding: 1rem 0;
}

.factsheet a {
	background-color: #FB4B07;
	transition: .5s;
}

.factsheet a:hover {
	color: #fff;
}

.DnnModule-3183 {
	padding-top: 4rem!important;
}

.DnnModule-3183,
.DnnModule-3186,
.DnnModule-3187,
.DnnModule-3189,
.DnnModule-3190,
.DnnModule-3192,
.DnnModule-3193,
.DnnModule-3196,
.DnnModule-3956 {
	padding: 0 4rem;
}

.orange {
	color: #FB4B07;
}

.orange-bg {
	background: #FB4B07;
}

.green {
	color: #B7D01D;
}

.green-bg {
	background: #B7D01D;
}

.blue {
	color: #1BB6E7;
}

.blue-bg {
	background: #1BB6E7;
}

.white {
	color: #FFF;
}

.black {
	color: #000;
}

.section-title {
	font-family: 'Bowlby One SC';
}

p,
.tab-content li {
	font-family: 'Oxanium';
	font-size: 18px;
	color: #FFF;
	margin-bottom: 0;
	line-height: 1.4;
}

.tab-content ul {
	margin-left: 15px;
	margin-bottom: 10px;
}

.tab-content p {
	margin-bottom: 10px;
}

.numbers {
	font-family: 'Bowlby One SC';
}

.video-box {
	position: relative;
	border: 2px solid rgba(108, 108, 108, .5);
	opacity: 0;
	height: 100%;
}

.video-details {
	opacity: 0;
	height: 0;
}

.transparent-box {
	background: rgba(44, 41, 46, .5);
	padding: 25px;
	border-radius: 5px;
	border: 2px solid rgba(108, 108, 108, .5);
}

.growing-box {
	opacity: 1;
	height: calc(100% + 200px);
	-webkit-animation: scale-up 0.25s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	animation: scale-up 0.25s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

@-webkit-keyframes scale-up {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}
@keyframes scale-up {
  0% {
    -webkit-transform: scaleY(0.4);
            transform: scaleY(0.4);
  }
  100% {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
}

.horizontal-box {
	-webkit-animation: scale-in .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: scale-in .5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	opacity: 1!important;
}

@-webkit-keyframes scale-in {
  0% {
	-webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}
@keyframes scale-in {
  0% {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
  100% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-transform-origin: 0% 0%;
            transform-origin: 0% 0%;
  }
}

.faded-down-box {
	position: relative;
	background-image: linear-gradient(to bottom, rgba(44, 41, 46, .5), #000 0%);
	border-bottom: none!important;
	border-image: linear-gradient(to bottom, rgba(108, 108, 108, .5), #000) 0 100%;
	border-width: 2.5px;
	border-style: solid;
	border-radius: 5px;
	padding: 25px;
}

.faded-down-box::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(108, 108, 108, .5);
	width: 100%;
	height: 2px;
}

.faded-up-box {
	position: relative;
	top: -1px;
	background-image: linear-gradient(to bottom, #000, rgba(44, 41, 46, .5));
	border-top: none!important;
	border-image: linear-gradient(to bottom, #000, rgba(108, 108, 108, .5)) 0 100%;
	border-width: 2.5px;
	border-style: solid;
	border-radius: 5px;
	padding: 25px 1.5rem;
}

.faded-up-box::before {
	content: '';
	position: absolute;
	background-color: #000;
	height: 100px;
	width: 100%;
	top: -40px;
	left: 0;
}

#land-content {
	height: 400px;
	margin-bottom: 200px;
}

#sea-content {
	height: 400px;
	margin-bottom: 100px;
}

.faded-up-box::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(108, 108, 108, .5);
	width: 100%;
	height: 2px;
}

.faded-up-box .dgov-col-md-11 {
	padding: 0;
}

.top-corner::before {
	content: '';
	background-color: #FFF;
	position: absolute;
	top: -3px;
	left: -3px;
	width: 50px;
	height: 4px;
}

.top-corner::after {
	content: '';
	background-color: #FFF;
	position: absolute;
	top: -3px;
	left: -3px;
	width: 4px;
	height: 50px;
}

.bottom-corner::before {
	content: '';
	background-color: #fff;
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 50px;
	height: 4px;
}

.bottom-corner::after {
	content: '';
	background-color: #fff;
	position: absolute;
	bottom: -3px;
	right: -3px;
	width: 4px;
	height: 50px;
}

.weapons-content-title {
	position: relative;
	width: 590px;
	padding: 5px 0px 3px 25px;
	z-index: 1;
	font-family: 'Oxanium';
	text-transform: uppercase;
	font-size: 28px;
	margin: 0;
}

.weapons-content-title::after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	transform-origin: top right;
	-ms-transform: skew(30deg, 0deg);
	-webkit-transform: skew(30deg, 0deg);
	transform: skew(30deg, 0deg);
	z-index: -1;
}

#weapons-land::after {
	background-color: #FB4B07;
}

#weapons-sea::after {
	background-color: #B7D01D;
}

#weapons-air::after {
	background-color: #1BB6E7;
}

#weapons-land {
	background-color: #FB4B07;
}

#weapons-sea {
	background-color: #B7D01D;
}

#weapons-air {
	background-color: #1BB6E7;
}

#weapons-title-orange-gradient::after {
	background-image: linear-gradient(to right, #000, #FB4B07);
}

#weapons-title-green-gradient::after {
	background-image: linear-gradient(to right, #000, #B7D01D);
}

#weapons-title-blue-gradient::after {
	background-image: linear-gradient(to right, #000, #1BB6E7);
}



/*******************************************************************
SCROLL BAR
*******************************************************************/
#land-content ::-webkit-scrollbar,
#sea-content ::-webkit-scrollbar,
.weapons-content ::-webkit-scrollbar {
  	width: 8px;
}

#land-content ::-webkit-scrollbar-track,
#sea-content ::-webkit-scrollbar-track,
.weapons-content ::-webkit-scrollbar-track {
  	-webkit-box-shadow: inset 0 0 10px rgba(255, 255, 255, .2);
		    box-shadow: inset 0 0 10px rgba(255, 255, 255, .2);
}

#land-content ::-webkit-scrollbar-thumb,
#sea-content ::-webkit-scrollbar-thumb,
.weapons-content ::-webkit-scrollbar-thumb {
  		    background: #FFF; 
}

#land-content ::-webkit-scrollbar-thumb:hover{
		    background: #FB4B07;
}

#sea-content ::-webkit-scrollbar-thumb:hover{
			background: #B7D01D;
}

#weapons-air-content ::-webkit-scrollbar-thumb:hover {
  			background: #1BB6E7; 
}


/*******************************************************************
BANNER
*******************************************************************/
#dnn_ContentPaneFullBleed1 {
	z-index: 1;
}

.video-banner {
	position: relative;
    margin-top: 100px;
}

#bigvid {
	height: 100vh!important;
}

.banner-wrap {
	position: absolute;
	bottom: 65px;
	transform: translate(0, 0);
	text-align: center;
	line-height: 1.2;
}

.banner-title {
	font-family: 'Alfa Slab One';
	color: #FFF;
	font-size: 85px;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-weight: 100;
	
	-webkit-animation: focus-in-expand 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	animation: focus-in-expand 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

@-webkit-keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

@keyframes focus-in-expand {
  0% {
    letter-spacing: -0.5em;
    -webkit-transform: translateZ(-800px);
            transform: translateZ(-800px);
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateZ(0);
            transform: translateZ(0);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}

.banner-title .banner-title-bottom {
	font-family: 'Oxanium';
	font-size: 60px;
	font-weight: 700;
	letter-spacing: 1px;
	color: #FB4B07;
	background: #000;
	display: block;
	width: 600px;
	margin: 0 auto;
	position: relative;
	top: -30px;
	padding-top: 15px;
	z-index: -1;
	-webkit-animation: focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	        animation: focus-in 1s cubic-bezier(0.550, 0.085, 0.680, 0.530) both;
	-webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
}

@-webkit-keyframes focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

@keyframes focus-in {
  0% {
    -webkit-filter: blur(12px);
            filter: blur(12px);
    opacity: 0;
  }
  100% {
    -webkit-filter: blur(0px);
            filter: blur(0px);
    opacity: 1;
  }
}

.banner-title .banner-title-bottom::after {
	content: attr(data-text);
  	position: absolute;
  	left: 69px;
  	text-shadow: -2px 0 #FF0000;
  	top: 16px;
  	color: #FFF;
  	overflow: hidden;
  	clip: rect(0, 900px, 0, 0);
	-webkit-animation: text-noise 2s linear alternate-reverse;
  		    animation: text-noise 2s linear alternate-reverse;
	animation-delay: 2s;
}

@keyframes text-noise {
  0% {
    clip: rect(81px, 9999px, 9px, 0);
  }
  5% {
    clip: rect(91px, 9999px, 59px, 0);
  }
  10% {
    clip: rect(65px, 9999px, 38px, 0);
  }
  15% {
    clip: rect(67px, 9999px, 10px, 0);
  }
  20% {
    clip: rect(32px, 9999px, 27px, 0);
  }
  25% {
    clip: rect(21px, 9999px, 5px, 0);
  }
  30% {
    clip: rect(90px, 9999px, 23px, 0);
  }
  35% {
    clip: rect(33px, 9999px, 51px, 0);
  }
  40% {
    clip: rect(32px, 9999px, 80px, 0);
  }
  45% {
    clip: rect(12px, 9999px, 55px, 0);
  }
  50% {
    clip: rect(1px, 9999px, 62px, 0);
  }
  55% {
    clip: rect(50px, 9999px, 95px, 0);
  }
  60% {
    clip: rect(40px, 9999px, 23px, 0);
  }
  65% {
    clip: rect(69px, 9999px, 37px, 0);
  }
  70% {
    clip: rect(61px, 9999px, 45px, 0);
  }
  75% {
    clip: rect(88px, 9999px, 97px, 0);
  }
  80% {
    clip: rect(18px, 9999px, 10px, 0);
  }
  85% {
    clip: rect(71px, 9999px, 72px, 0);
  }
  90% {
    clip: rect(38px, 9999px, 2px, 0);
  }
  95% {
    clip: rect(67px, 9999px, 5px, 0);
  }
  100% {
    clip: rect(11px, 9999px, 47px, 0);
  }
}

.banner-title .banner-title-bottom::before {
	content: attr(data-text);
	position: absolute;
	left: 69px;
	text-shadow: 2px 0 #0000FF;
	top: 16px;
	color: #FB4B07;
	overflow: hidden;
	clip: rect(0, 900px, 0, 0);
	-webkit-animation: text-noise-2 3s linear alternate-reverse;
		    animation: text-noise-2 3s linear alternate-reverse;
	animation-delay: 2s;
}

@keyframes text-noise-2 {
  0% {
    clip: rect(38px, 9999px, 33px, 0);
  }
  5% {
    clip: rect(42px, 9999px, 97px, 0);
  }
  10% {
    clip: rect(3px, 9999px, 6px, 0);
  }
  15% {
    clip: rect(20px, 9999px, 83px, 0);
  }
  20% {
    clip: rect(24px, 9999px, 56px, 0);
  }
  25% {
    clip: rect(27px, 9999px, 64px, 0);
  }
  30% {
    clip: rect(42px, 9999px, 99px, 0);
  }
  35% {
    clip: rect(16px, 9999px, 17px, 0);
  }
  40% {
    clip: rect(75px, 9999px, 56px, 0);
  }
  45% {
    clip: rect(84px, 9999px, 78px, 0);
  }
  50% {
    clip: rect(12px, 9999px, 39px, 0);
  }
  55% {
    clip: rect(32px, 9999px, 74px, 0);
  }
  60% {
    clip: rect(15px, 9999px, 100px, 0);
  }
  65% {
    clip: rect(91px, 9999px, 68px, 0);
  }
  70% {
    clip: rect(58px, 9999px, 19px, 0);
  }
  75% {
    clip: rect(30px, 9999px, 97px, 0);
  }
  80% {
    clip: rect(8px, 9999px, 37px, 0);
  }
  85% {
    clip: rect(39px, 9999px, 32px, 0);
  }
  90% {
    clip: rect(28px, 9999px, 14px, 0);
  }
  95% {
    clip: rect(56px, 9999px, 63px, 0);
  }
  100% {
    clip: rect(32px, 9999px, 54px, 0);
  }
}

.banner-wrap .content-box {
	background-color: rgba(44, 41, 46, .5);
	width: 70%;
	margin: 0px auto 0;
	padding: 25px 15px;
	position: relative;
}

.banner-wrap .content-box::before {
	content: '';
	background-color: #FFF;
	position: absolute;
	top: -2px;
	left: 0;
	height: 4px;
	animation: line 2s linear forwards;
}

@keyframes line {
	from {
		width: 0;
	}
	to {
		width: 200px;
	}
}

.banner-wrap .content-box .main-blurb {
	margin: 15px 0 0;padding: 0 20px;
}

.nav-badge {
	position: relative;
	background-color: rgba(25, 28, 32, .5);
	border: 2px solid #175181;
	border-bottom: none;
	display: inline-block;
	width: 110px;
	z-index: 99;
	top: 25px;
	margin: 0 15px;
	transition: .8s;
}

.nav-badge::after,
.nav-badge::before {
	content: '';
	position: absolute;
	width: 0px;
	height: 0px;
}

.nav-badge::after {
	border-left: 52px solid transparent;
	border-right: 52px solid transparent;
	border-top: 52px solid #191C20;
	left: 1px;
}

.nav-badge::before {
	border-left: 55px solid transparent;
	border-right: 55px solid transparent;
	border-top: 55px solid #175181;
	top: 83px;
	left: -2px;
}

.nav-badge .number {
	font-family: 'Bowlby One SC';
	font-size: 50px;
	letter-spacing: 3px;
	padding-left: 5px;
}

.badge-banner {
	margin: 0 1px;
}

.nav-badge .badge-title {
	color: #000;
}

.page-nav a:hover {
	text-decoration: none;
	cursor: unset;
}

#land-nav-badge.fadeIn {
	animation-delay: 2.5s;
}

#sea-nav-badge.fadeIn {
	animation-delay: 3s;
}

#air-nav-badge.fadeIn {
	animation-delay: 3.5s;
}

.nav-badge:hover {
	cursor: pointer;
}

#land-nav-badge:hover {
	background-color: rgba(251, 75, 7, .5);
}

#sea-nav-badge:hover {
	background-color: rgba(183, 208, 29, .5);
}

#air-nav-badge:hover {
	background-color: rgba(27, 182, 231, .5);
}

/*******************************************************************
PRESIDENTIAL QUOTES
*******************************************************************/
.presidential-slice {
	position: relative;
}

#bottom {
	padding-bottom: 3rem;
}

.flag-background {
	background-image: url("/Portals/1/Interactive/2020/04-nuclear-triad-redo/Images/flag-background.jpg");
	background-position: center;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.flag-background::before {
	content: '';
    background-image: linear-gradient(to bottom, transparent, #000, transparent);
    height: 100px;
    position: absolute;
    top: -55px;
    left: 0;
    right: 0;
}

.flag-background::after {
	content: '';
    background-image: linear-gradient(to bottom, transparent, #000, transparent);
    height: 100px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -55px;
}

.name-header {
	border-top: 4px solid #1BB6E7;
	text-align: center;
    margin: 0 auto;
    width: 50%;
    background-color: rgba(0, 0, 0, 0.6);
    padding: 10px 0px;
}

.head-title {
	color: #1BB6E7;
    font-size: 20px;
    text-transform: uppercase;
}

#bottom .head-title span {
	display: inline-block;
}

.head-name {
	text-transform: uppercase;
    font-size: 26px;
    font-weight: 600;
}

.quote-box {
	position: relative;
	top: 20px;
	width: 80%;
    margin: 0 auto;
	padding-bottom: 40px;
}

.quote {
	font-style: italic;
	position: relative;
}

.quote-box .top-corner::before {
	background-color: #1BB6E7;
	top: -35px;
	left: -35px;
}

.quote-box .top-corner::after {
	background-color: #1BB6E7;
	top: -35px;
	left: -35px;
}

.quote-box .bottom-corner::before {
	background-color: #1BB6E7;
	bottom: 15px;
	right: -35px;
}

.quote-box .bottom-corner::after {
	background-color: #1BB6E7;
	bottom: 15px;
	right: -35px;
}


/*******************************************************************
LAND / SEA / AIR
*******************************************************************/
.dots-bg {
	background-image: url('/Portals/1/Interactive/2020/04-nuclear-triad-redo/Images/dots-bg.png');
}

.land-bg {
	background-image: linear-gradient(to bottom, transparent, #000), url('/Portals/1/Interactive/2020/04-nuclear-triad-redo/Images/land-bg.png');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -120px;
	z-index: 0;
	opacity: .5;
}

.sea-bg {
	background-image: linear-gradient(to bottom, transparent, #000), url('/Portals/1/Interactive/2020/04-nuclear-triad-redo/Images/sea-bg.png');
	background-size: cover;
	background-position: top;
	background-repeat: no-repeat;
	position: absolute;
	top: 300px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
	opacity: 0.3;
	height: 600px;
}

.air-bg {
	background-image: linear-gradient(to bottom, #000, transparent, #000), url('/Portals/1/Interactive/2020/04-nuclear-triad-redo/Images/air-bg.jpg');
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: -700px;
	z-index: 0;
	opacity: 0.5;
}

#dnn_ContentPaneFullBleed2 {
	background-image: url('/Portals/1/Interactive/2020/04-nuclear-triad-redo/Images/dots-bg.png');
	background-size: 40%;
	background-color: #000;
	z-index: 0;
}

.title-banner {
	position: relative;
	z-index: 999;
}

#sea-title-banner {
	margin-top: 100px;
}

.section-title {
	font-family: 'Bowlby One SC'!important;
	font-size: 2.5rem!important;
}

.section-title span {
	font-family: 'Oxanium'!important;
	margin-left: -10px;
}

#sea-title-banner .section-title,
#air-title-banner .section-title {
	letter-spacing: 3px;
}

#sea-title-banner .section-title span,
#air-title-banner .section-title span {
	letter-spacing: normal;
	margin-left: -5px
}

.side-text {
	position: absolute;
	font-size: 25px;
	transform: rotate(-90deg);
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 3px;
}

#land-title-banner .side-text {
	bottom: -117px;
	left: -68px;
}

#sea-title-banner .side-text {
	bottom: -117px;
	left: -60px;
}

#air-title-banner .side-text {
	bottom: -95px;
	left: -40px;
}

.video-section {
	position: relative;
	padding: 0 6.5rem;
}

.video-section .dgov-col-md-3 {
	margin-left: 30px;
}

.video-section .dgov-grid {
	z-index: 99;
}

.video-section .video-details .video-header.fadeIn {
	animation-duration: .5s;
	animation-delay: 1.5s;
}

.video-section .video-details .video-text.fadeIn {
	animation-duration: .5s;
	animation-delay: 2.5s;
}

.video-header {
	text-transform: uppercase;
	font-size: 20px;
}

.video-text {
	font-size: 16px;
}

.weapons-content {
	padding-top: 5rem;
}

.weapons-content-description {
	font-style: italic;
	font-size: 18px;
	padding: 25px 15px 50px;
}

.weapons-title {
	position: relative;
	font-size: 25px;
}

.weapons-title::after {
	content: '';
	position: absolute;
	bottom: -10px;
	left: 0;
	height: 3px;
	width: 100%;
}

.weapons-title span {
	display: inline-block;
}

#weapons-air-content .faded-down-box div div:nth-child(1) p:nth-child(2),
#weapons-air-content .faded-down-box div div:nth-child(2) p:nth-child(2) {
	margin: 25px 0;
}

#weapons-air-content .faded-down-box {
	height: 100%;
	z-index: 99;
	bottom: 3px;
	padding: 1rem 0 2rem;
}

#weapons-air-content .faded-up-box {
	height: 980px;
}

#weapons-air-content {
	padding-bottom: 7rem;
}

#weapons-air-content .weapons-content-description {
	padding: 25px 2rem 50px;
}

.scroll-overlay {
	position: absolute;
	left: 0;
	right: 0;
	background-image: linear-gradient(to top, #000 50%, transparent);
	height: 35px;
	z-index: 9;
	width: 98%;
}
.faded-down-box .weapons-tabs .weapons-tab-content .scroll-overlay {
    display: none;
}
#weapons-air-content .scroll-overlay {
	bottom: 0;
}

#weapons-sea-tabs .scroll-overlay {
	bottom: -284px;
}


/*---------------------WEAPONS TABS---------------*/

.weapons-tabs {
	position: relative;
	display: -webkit-box;
	display: flex;
}

#weapons-air-tabs {
	display: block;
	width: 90%;
}

.weapons-tabs label,
.weapons-tabs label p {
	color: #BABABA;
	background-color: #2B2B2B;
	font-family: 'Oxanium';
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 100;
	cursor: pointer;
	box-sizing: border-box;
	display: -webkit-inline-box;
	display: inline-flex;
	-webkit-box-align: center;
	align-items: center;
	-webkit-box-pack: center;
	justify-content: center;
	text-align: center;
	height: 55px;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	width: 100%;
}

#weapons-air-content > div.faded-down-box > div > div > div:nth-child(1),
#weapons-air-content > div.faded-down-box > div > div > div:nth-child(2) {
	padding: 15px 2rem;
}

#weapons-land-tabs label:hover {
	color: #FB4B07;
}
#weapons-sea-tabs label:hover {
	color: #B7D01D;
}
#weapons-air-tabs label:hover{
	color: #1BB6E7;
}

.weapons-air-content .dgov-col-md-6 {
	position: relative;
}

#weapons-air-tabs label {
	margin: 2px 0;
	height: 45px!important;
}

.weapons-tabs .slide {
	background-image: linear-gradient(to right, #000, #FFF, #000);
	height: 4px;
	position: absolute;
	left: 0;
	top: 55px;
	-webkit-transition: left 0.3s ease-out;
	transition: left 0.3s ease-out;
}

#weapons-land-tabs .slide {
	width: calc(100% / 3);
}

#weapons-sea-tabs .slide {
	width: calc(100% / 2);
}

#weapons-air-tabs .slide {
	width: 100%;
	left: 50%;
	transform: translate(-50%, 0);
}

.weapons-tab-content {
    position: relative;
	width: 100%;
}

.weapons-tab-content .tab-content {
	position: absolute;
	top: 80px;
	left: 0;
	display: none;
	width: 100%;
	height: 250px;
	overflow-x: hidden;
}

.tab-content {
	padding-right: 25px;
}

#weapons-air-tabs .tab-content {
	overflow-y: scroll;
	top: 200px;
    margin: 1rem 0;
	padding: 0 .5rem;
    position: unset;
}

input[type="radio"][name="land-tabs"],
input[type="radio"][name="sea-tabs"],
input[type="radio"][name="air-left-tabs"],
input[type="radio"][name="air-right-tabs"] {
	display: none;
}

input[type="radio"][name="land-tabs"]:checked + .weapons-tab-content label,
input[type="radio"][name="land-tabs"]:checked + .weapons-tab-content label p {
	color: #000!important;
	background-color: #FB4B07!important;
}
input[type="radio"][name="sea-tabs"]:checked + .weapons-tab-content label {
	color: #000!important;
	background-color: #B7D01D!important;
}
input[type="radio"][name="air-left-tabs"]:checked + .weapons-tab-content label {
	color: #000!important;
	background-color: #1BB6E7!important;
}
input[type="radio"][name="air-right-tabs"]:checked + .weapons-tab-content label {
	color: #000!important;
	background-color: #1BB6E7!important;
}

input[type="radio"][name="land-tabs"]:checked + .weapons-tab-content .tab-content,
input[type="radio"][name="sea-tabs"]:checked + .weapons-tab-content .tab-content,
input[type="radio"][name="air-left-tabs"]:checked + .weapons-tab-content .tab-content,
input[type="radio"][name="air-right-tabs"]:checked + .weapons-tab-content .tab-content,
input[type="radio"][name="air-left-tabs"]:checked + .weapons-tab-content .scroll-overlay,
input[type="radio"][name="air-right-tabs"]:checked + .weapons-tab-content .scroll-overlay {
	display: block;
}


input[type="radio"][name="land-tabs"]:nth-of-type(1):checked ~ .slide {
	left: calc((100% /3) * 0);
}
input[type="radio"][name="sea-tabs"]:nth-of-type(1):checked ~ .slide {
	left: calc((100% /2) * 0);
}



input[type="radio"][name="land-tabs"]:nth-of-type(2):checked ~ .slide {
	left: calc((100% /3) * 1);
}
input[type="radio"][name="sea-tabs"]:nth-of-type(2):checked ~ .slide {
	left: calc((100% /2) * 1);
}



input[type="radio"][name="land-tabs"]:nth-of-type(3):checked ~ .slide {
	left: calc((100% /3) * 2);
}


input[type="radio"][name="air-left-tabs"]:nth-of-type(2):checked ~ .slide,
input[type="radio"][name="air-right-tabs"]:nth-of-type(2):checked ~ .slide {
	top: 96px;
}

input[type="radio"][name="air-left-tabs"]:nth-of-type(3):checked ~ .slide,
input[type="radio"][name="air-right-tabs"]:nth-of-type(3):checked ~ .slide {
	top: 145px;
}

input[type="radio"][name="land-tabs"]:first-of-type:checked ~ .slide,
input[type="radio"][name="sea-tabs"]:first-of-type:checked ~ .slide {
	left: 0;
}

input[type="radio"][name="air-left-tabs"]:first-of-type:checked ~ .slide,
input[type="radio"][name="air-right-tabs"]:first-of-type:checked ~ .slide {
	left: 50%;
}

input[type="radio"][name="air-left-tabs"]:first-of-type:checked ~ .slide,
input[type="radio"][name="air-right-tabs"]:first-of-type:checked ~ .slide {
	top: 47px;
}

.tab-content .feature {
	text-transform: uppercase;
	font-weight: 600;
	line-height: 1.5;
}

.tab-content .description {
	text-transform: none;
	font-weight: 100;
	line-height: 24px;
}

#weapons-land-tabs .feature {
	color: #FB4B07;
}

#weapons-air-tabs .feature {
	color: #1BB6E7;
}

#weapons-land-tabs .description,
#weapons-sea-tabs .description,
#weapons-air-tabs .description {
	color: #FFF;
}

#tab3-land-content > div > div > div:nth-child(1) > ul > li:nth-child(6) .feature,
#tab3-land-content > div > div > div:nth-child(2) > ul > li:nth-child(5) .feature {
	margin-bottom: 0;
}

#tab3-right-air-content > div > div > div:nth-child(1) > ul > li:nth-child(2) .description {
	margin-left: 0;
}

.date {
	text-align: center;
	opacity: .3;
	margin: 10px 0 0;
}



/*******************************************************************
SOCIAL ICONS
*******************************************************************/
.social-top {
	display: inline-flex;
	position: absolute;
	top: -20px;
	left: 215px;
}

.social-inner {
	display: flex;
	font-size: 20px;
}

.social-inner a, .social-inner a:link {
	color: #959595;
	text-decoration: none;
}

.social-inner a {
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #232327;
}

.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 {
	
}

.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 {
	
}

.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 {
	
}

.social-inner a.addthis_button_email {
	margin-left: 15px;
	font-size: .9em;
	transition: all .2s ease-in;
}


/*******************************************************************
RESPONSIVE
*******************************************************************/
@media screen and (max-width: 1420px) {
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 230px;
		}
	}
}

@media screen and (max-width: 1340px) {
	#weapons-air-content .faded-up-box {
		height: 935px;
	}
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 250px;
		}
	}
}

@media screen and (max-width: 1235px) {
	.faded-up-box {
		height: 905px;
	}
}

@media screen and (min-width: 1207px) {
	#weapons-land-tabs .scroll-overlay {
		display: none;
	}
}

@media screen and (max-width: 1206px) {
	#weapons-land-tabs .scroll-overlay {
		bottom: -282px;
	}
}

@media screen and (max-width: 1200px) {
	#weapons-air-content .faded-up-box {
		height: 900px;
	}
}

@media screen and (max-width: 1170px) {
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 270px;
		}
	}
}

@media screen and (max-width: 1118px) {
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 290px;
		}
	}
}

@media screen and (max-width: 1040px) {
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 310px;
		}
	}
	.horizontal-box,
	.growing-box {
		animation: none;
	}
	.video-box {
		opacity: 1!important;
	}
	.video-details {
		opacity: 1;
    	height: calc(100% + 200px);
	}
}

@media screen and (max-width: 1024px) {
	.banner-wrap {
		position: absolute;
		bottom: unset;
		transform: translate(0, -50%);
		text-align: center;
		line-height: 1.2;
		top: 50%;
	}
    .banner-title {
        margin-bottom: 0px;
	margin-top: 150px;
        font-size: 65px;
    }
   
	#bigvid {
		height: 95vh!important;
	}
	.banner-title .banner-title-bottom::before,
	.banner-title .banner-title-bottom::after {
		display: none;
	}
	#land-title-banner .side-text {
		left: -80px;
	}
	#sea-title-banner .side-text {
		left: -75px
	}
	#air-title-banner .side-text {
		left: -55px;
	}
}

@media screen and (max-width: 991px) {
	#dnn_ContentPaneFullBleed2 {
		background-size: 60%;
	}
	.DnnModule-3183,
	.DnnModule-3186,
	.DnnModule-3187,
	.DnnModule-3189,
	.DnnModule-3190,
	.DnnModule-3192,
	.DnnModule-3193,
	.DnnModule-3196 {
		padding-left: 2rem!important;
        padding-right: 2rem!important;
	}
	.video-section {
		padding: 0 5rem;
	}
	.video-section .dgov-col-md-3 {
		margin-left: unset;
		margin-top: 30px;
	}
    .factsheet .dgov-col-md-8,
    .factsheet .dgov-col-md-4 {
        padding-left: 0;
        padding-right: 0;
    }
	#dnn_ctr3186_HtmlModule_lblContent > div > div > div > div:nth-child(2) > div,
	#dnn_ctr3186_HtmlModule_lblContent > div > div > div > div:nth-child(3) > div.dgov-col-md-4,
	#dnn_ctr3186_HtmlModule_lblContent > div > div > div > div:nth-child(3) > div.dgov-col-md-6,
	#dnn_ctr3190_HtmlModule_lblContent > div > div > div > div:nth-child(2) > div,
	#dnn_ctr3190_HtmlModule_lblContent > div > div > div > div:nth-child(3) > div.dgov-col-md-4,
	#dnn_ctr3190_HtmlModule_lblContent > div > div > div > div:nth-child(3) > div.dgov-col-md-6 {
		padding-left: 0;
		padding-right: 0;
	}
	#land-content {
		height: 525px;
		padding: 25px 1rem;
	}
	#sea-content {
		height: 450px;
		padding: 25px 1rem;
	}
	@keyframes line {
		from {
			width: 0;
		}
		to {
			width: 110px;
		}
	}
	.social-top {
		left: 125px;
	}
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 120px;
		}
	}
	.weapons-tabs {
		display: block;
		height: 600px;
	}
	#land-content .tab-content {
		top: 200px;
		width: unset;
	}
	#sea-content .tab-content {
		top: 130px;
		width: unset;
	}
	.weapons-tabs .slider {
		display: none;
	}
	#weapons-land-tabs .slide,
	#weapons-sea-tabs .slide {
		width: 100%;
	}
	#weapons-air-tabs {
		bottom: -600px;
	}
	input[type="radio"][name="land-tabs"]:nth-of-type(2):checked ~ .slide,
	input[type="radio"][name="sea-tabs"]:nth-of-type(2):checked ~ .slide {
		top: 115px;
		left: unset;
	}
	input[type="radio"][name="land-tabs"]:nth-of-type(3):checked ~ .slide {
		top: 175px;
		left: unset;
	}
	#weapons-air-content .faded-up-box {
		height: 830px;
	}
	.air-bg {
		opacity: 0.3;
	}
	.weapons-content-description {
		padding: 25px 0 50px;
	}
	.weapons-content-title {
		letter-spacing: -1px;
	}
	#weapons-air-content .scroll-overlay {
		bottom: -15px;
	}
	#weapons-land-tabs .scroll-overlay {
		bottom: 137px;
	}
	#weapons-sea-tabs .scroll-overlay {
		bottom: 208px;
	}
}

@media screen and (max-width: 937px) {
	#weapons-air-content .faded-up-box {
		height: 820px;
	}
}

@media screen and (max-width: 920px) {
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 140px;
		}
	}
}

@media screen and (max-width: 863px) {
	#weapons-air-content .faded-up-box {
		height: 850px;
	}
}

@media screen and (max-width: 830px) {
	.weapons-tabs {
		height: 900px;
	}
	#weapons-air-tabs {
		bottom: -910px;
	}
	#weapons-air-content .faded-up-box {
		height: 840px;
	}
	#weapons-air-tabs .tab-content {
		height: 400px;
	}
	#weapons-air-content .scroll-overlay {
		bottom: 289px;
	}
	#weapons-land-tabs .scroll-overlay {
		bottom: 437px;
	}
	#weapons-sea-tabs .scroll-overlay {
		bottom: 506px;
}
}

@media screen and (min-width: 768px) {
	.responsive-grid {
		display: none;
	}
}
	
@media screen and (max-width: 767px) {
	.video-box {
		opacity: 1;
	}
	.video-details {
		opacity: 1;
		height: calc(100% + 200px);
	}
	.desktop-grid {
		display: none;
	}
	#dnn_ContentPaneFullBleed2 {
		background-size: 80%;
	}
	.banner-title {
		font-size: 60px;
	}
	.banner-title .banner-title-bottom {
		font-size: 50px;
		letter-spacing: 2px;
		padding-top: 20px;
		width: 440px;
	}
	.banner-wrap {
		transform: translate(0, -40%);
	}
	.banner-wrap .content-box {
		width: 90%;
		padding: 25px 20px;
	}
	.banner-wrap .content-box .main-blurb {
		padding: 0;
	}
	.weapons-content-title {
		font-size: 25px;
		width: 530px;
	}
	.weapons-title {
		font-size: 22px;
		padding: 0 2rem 0 0;
		margin-right: 2rem;
	}
	.weapons-content-description {
		padding: 25px 15px 50px 0;
	}
	#weapons-title-blue-gradient {
		padding: 0 2rem;
	}
	#weapons-air-content .weapons-content-description {
		padding: 25px 2rem 50px;
	}
	#weapons-air-content > div.faded-down-box > div > div > div:nth-child(1) > p:nth-child(2),
	#weapons-air-content > div.faded-down-box > div > div > div:nth-child(2) > p:nth-child(2) {
		padding: 0 2rem;
	}
	#weapons-air-content > div.faded-down-box > div > div > div:nth-child(1),
	#weapons-air-content > div.faded-down-box > div > div > div:nth-child(2) {
		padding: 0;
	}
	#tab3-land-content .tab-content .dgov-grid .dgov-col-sm-6:nth-child(1),
	#tab2-sea-content .tab-content .dgov-grid .dgov-col-xs-12:nth-child(1),
	#tab2-sea-content .tab-content .dgov-grid .dgov-col-xs-12:nth-child(2),
	#tab3-left-air-content .tab-content .dgov-grid .dgov-col-lg-5:nth-child(1),
	#tab3-left-air-content .tab-content .dgov-grid .dgov-col-lg-5:nth-child(2),
	#tab3-right-air-content .tab-content .dgov-grid .dgov-col-lg-5:nth-child(1) {
		padding-bottom: 0;
	}
	#tab3-land-content .tab-content .dgov-grid .dgov-col-sm-6:nth-child(2),
	#tab2-sea-content .tab-content .dgov-grid .dgov-col-xs-12:nth-child(2),
	#tab2-sea-content .tab-content .dgov-grid .dgov-col-xs-12:nth-child(3),
	#tab3-left-air-content .tab-content .dgov-grid .dgov-col-lg-5:nth-child(2),
	#tab3-left-air-content .tab-content .dgov-grid .dgov-col-lg-5:nth-child(3),
	#tab3-right-air-content .tab-content .dgov-grid .dgov-col-lg-5:nth-child(2),
	#tab3-right-air-content .tab-content .dgov-grid .dgov-col-lg-5:nth-child(3) {
		padding-top: 0;
	}
	#weapons-air-tabs {
		position: unset;
		bottom: 0;
		width: 100%;
		transform: translate(0,0);
		padding: 0 2rem;
	}
	#weapons-air-content .faded-up-box {
		height: 2380px;
	}
	#weapons-air-tabs .tab-content {
		top: 175px;
		height: 450px;
		padding: 0 1rem;
		width: unset;
		margin: 0 2rem 0 1rem;
	}
	.flag-background {
		background-position: unset;
		height: 400px;
	}
	.name-header {
		width: 70%;
	}
	#bottom .name-header {
		position: relative;
		top: -4rem
	}
	#bottom .quote-box{
		top: -30px;
	}
	#weapons-air-content > div.faded-down-box > div > div > div:nth-child(2) {
		position: relative;
		top: -150px;
	}
	#weapons-air-content .scroll-overlay {
		bottom: 260px;
		left: 25px;
		width: 90%;
		background-image: linear-gradient(to top, rgb(9,8,9) 50%, transparent);
	}
	
}
@media only screen and (max-device-width: 737px) and (orientation: landscape) {
    .video-banner {
        height: 170vh;
    }
    .banner-wrap {
        top: 300px;
    }
}
@media screen and (max-width: 732px) {
	#weapons-air-content .faded-up-box {
		height: 2350px;
	}
}

@media screen and (max-width: 700px) {
	#weapons-air-content .faded-up-box {
		height: 2310px;
	}
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 160px;
		}
	}
}

@media screen and (max-width: 690px) {
	#weapons-air-content .scroll-overlay {
		width: 88%;
	}
}

@media screen and (max-width: 648px) {
	.weapons-content-title {
		width: 100%;
		padding: 10px 0 5px;
		text-align: center;
		color: #FFF;
	}
	.weapons-content-title::after {
		display: none;
	}
	#weapons-land {
		background-image: linear-gradient(to top, #FB4B07, #000);
		border-top: 2px solid #FB4B07;
		border-left: 2px solid #FB4B07;
		border-right: 2px solid #FB4B07;
		font-size: 2.3rem;
	}
	#weapons-land span {
		font-size: 2.5rem;
		display: block;
	}
	#weapons-sea {
		background-image: linear-gradient(to top, #B7D01D, #000);
		border-top: 2px solid #B7D01D;
		border-left: 2px solid #B7D01D;
		border-right: 2px solid #B7D01D;
		font-size: 2.5rem;
	}
	#weapons-sea span {
		display: block;
		font-size: 1.8rem;
	}
	#weapons-air {
		background-image: linear-gradient(to top, #1BB6E7, #000);
		border-top: 2px solid #1BB6E7;
		border-left: 2px solid #1BB6E7;
		border-right: 2px solid #1BB6E7;
		font-size: 2.3rem;
	}
	#weapons-air-content .faded-up-box {
		height: 2260px;
	}
}
@media screen and (max-width: 585px) {
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 180px;
		}
	}
}
@media screen and (max-width: 575px) {
	#dnn_ContentPaneFullBleed2 {
		background-size: 100%;
	}
	.flag-background {
		height: 300px;
	}
	#top .right-side {
		position: relative;
		top: -80px;
	}
	#weapons-air-content .faded-up-box {
		height: 2240px;
	}
	.quote-box .top-corner::before,
	.quote-box .top-corner::after {
		top: -20px;
		left: -20px;
	}
	.quote-box .bottom-corner::before,
	.quote-box .bottom-corner::after {
		bottom: -20px;
		right: -20px;
	}
}
@media screen and (max-width: 540px) {
	#weapons-air-content .faded-up-box {
		height: 2190px;
	}
}
@media screen and (max-width: 519px) {
	.nav-badge {
		margin: 0 5px;
	}
}
@media screen and (max-width: 515px) {
	@keyframes grow {
		from {
			height: 0px;
		}
		to {
			height: 200px;
		}
	}
}
@media screen and (max-width: 470px) {
	.banner-title {
		font-size: 40px
	}
	.banner-title .banner-title-bottom {
		font-size: 30px;
		width: 80%;
	}
	.nav-badge {
		width: 75px;
	}
	.nav-badge::before {
		border-left: 38px solid transparent;
		border-right: 38px solid transparent;
		border-top: 38px solid #355E93;
	}
	.nav-badge::after {
		border-left: 35px solid transparent;
		border-right: 35px solid transparent;
		border-top: 35px solid #191C20;
	}
}
@media screen and (max-width: 429px) {
	#weapons-air-content .faded-up-box {
		height: 2220px;
	}
}
@media screen and (max-width: 420px) {
	#weapons-land {
		font-size: 2rem;
	}
	#weapons-land span {
		font-size: 2.1rem;
	}
	#land-content {
		margin-bottom: 125px;
	}
	#sea-title-banner {
		margin-top: 0;
	}
}
@media screen and (max-width: 415px) {
    .video-banner {
        height: 115vh;
    }
    .video-section {
        padding: 0 2rem 0 4rem;
    }
    .factsheet .section-title {
        text-align: center;
    }
    .DnnModule-3956 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}
@media screen and (max-width: 410px) {
	@keyframes line {
		from {
			width: 0;
		}
		to {
			width: 100px;
		}
	}
	.social-top {
		left: 120px;
	}
}

@media screen and (max-width: 376px) {
	#weapons-air-content .faded-up-box {
		height: 2260px;
	}
}

@media screen and (max-width: 360px) {
	#weapons-land {
		font-size: 2rem;
	}
	#weapons-land span {
		font-size: 1.9rem;
	}
	#weapons-air-content .faded-up-box {
		height: 2330px;
	}
}










