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

/*VERTICAL SCROLL REMOVED*/
body {
	overflow-y: hidden;
}

hr {
	border-top: 0;
	border-bottom: 5px solid #C9BFA4;
	width: 28rem;
	margin: 0 auto;
}

.section-title {
	padding: 0 2rem;
}


/*************************
NAV JUMP HOVER ANIMATIONS
**************************/

@keyframes up {
	50% {
		transform: translate(0px, -10px);
	}
}

@keyframes down {
	50% {
		transform: translate(0px, 10px);
	}
}


/*****************************************
SCROLL BAR
*****************************************/
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 4px;
}
::-webkit-scrollbar-thumb {
  background: #C9BFA4; 
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #3D3B34; 
}


/******************************************
NAV THROUGHOUT
******************************************/

.back-top {
	position: absolute;
	top: 70px;
	text-align: center;
	z-index: 999;
	transition: .3s;
}

.back-top i {
	font-size: 40px;
	animation: up 1s ease infinite;
}

.back-top span,
.back-top p {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	margin-top: -5px;
	padding-bottom: 5px;
	display: block;
	font-size: 20px;
}

.next-unit {
	bottom: 25px;
	text-align: center;
	z-index: 999;
	transition: .3s;
}

.next-unit p {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 22px;
	margin-bottom: 0;
}

.next-unit span {
	display: block;
	margin-top: -5px;
	margin-bottom: -10px;
}

.next-unit i {
	font-size: 40px;
	animation: down 1s ease infinite;
}

.back-top:hover {
	transform: scale(1.3);
}

.back-top:hover i {
	animation: up 1s ease infinite;
}

.next-unit:hover {
	transform: scale(1.3);
}

.next-unit:hover i {
	animation: down 1s ease infinite;
}

.hover-text {
	opacity: 0;
	transition: .2s;
}

.back-top:hover .hover-text,
.next-unit:hover .hover-text {
	opacity: 1;
}



/*****************************************************
MAIN SCREEN
******************************************************/
.wrapper {
	height: 100vh;
	background-image: linear-gradient(to bottom right, #E7E4D7, rgba(0,0,0,0.6)), url("/Portals/1/Interactive/2019/05-military-units/backgrounds/marine-corp-camo-bg.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}

.left-seal {
	text-align: right;
}

.right-seal {
	text-align: left;
}

.top-description p {
	color: #fff;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: 2px;
	padding-top: 25px;
}

.top-description p::before {
	content: "";
    display: inline-block;
    border-top: 3px solid #990F00;
    width: 2rem;
    margin: 0 1rem;
    transform: translateY(-6px);
}

.top-description p::after {
	content: "";
    display: inline-block;
    border-top: 3px solid #990F00;
    width: 2rem;
    margin: 0 1rem;
    transform: translateY(-6px);
}
.top-description a {
	color: #fff;
}

.wrapper li {
	display: inline-block;
}

.wrapper hr {
	border: 4px solid #990F00;
    width: 600px;
    margin: 0 auto; 
}

.loader-content {
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100vh;
}

.loader-content h1 {
	color: #fff;
	font-size: 4.5rem;
	font-weight: 800;
	margin-bottom: 0;
	letter-spacing: 8px;
	text-shadow: 6px 6px #3D3B34;
}

.unit-blurb {
	max-width: 850px;
    margin: 2rem auto 0;
	color: #fff;
	line-height: 1.3;
}

.wrapper .smooth-scroll {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -10%);
}

.wrapper .smooth-scroll a {
	text-decoration: none;
}

.wrapper .next-unit {
	width: 250px;
	transition: .3s;
}

.wrapper .next-unit span {
	color: #fff;
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	transition: .3s;
	margin: 0;
}

.wrapper i {
	font-size: 70px;
	color: #C9BFA4;
	margin-top: 20px;
	line-height: 0;
	animation: down 1s ease infinite;
}

.marines-title {
	display: inline-block;
	vertical-align: middle;
	padding: 0 50px;
}



/****************************************************
MARINE NAV
****************************************************/

.marine-nav {
	height: 100vh;
	background-image: linear-gradient(to bottom, rgba(231,228,215,0.8), rgba(231,228,215,0.8)), url("/Portals/1/Interactive/2019/05-military-units/backgrounds/marine-nav-bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

.marine-nav .back-top {
	right: 65px;
}

.marine-soldier {
	position: absolute;
	bottom: -70px;
	left: 75px;
	height: 40rem;
}

#tab1:checked ~ #content1,
#tab2:checked ~ #content2,
#tab3:checked ~ #content3,
#tab4:checked ~ #content4 {
	background-color: rgba(255, 255, 255, 0.7);
  	display: block;
	width: 700px;
	height: 300px;
	margin: 30px auto 0;
	padding: 25px 25px 15px;
	transition: .3s;
}

.command-content {
	padding-top: 50px;
}

.command-content p {
	line-height: 1.35;
	font-size: 18px;
}

.structure {
	text-align: center;
	position: relative;
	top: 40px;
	right: -10%;
}

.structure h1 {
	color: #990F00;
	text-transform: uppercase;
	font-weight: 800;
	font-size: 3rem;
}

.structure .unit-options {
	margin-top: 50px;
}

.structure label {
	padding: 10px 25px;
	cursor: pointer;
	text-transform: uppercase;
	font-family: "Oswald", sans-serif;
	font-size: 25px;
	font-weight: 400;
	color: #3D3B34;
}

.structure input {
	display: none;
}

.structure input:checked + label {
	background-color: #7B7B7B;
	color: #fff;
	border-bottom: 5px solid #990F00;
}

.structure label:hover {
	background-color: #7B7B7B;
	color: #fff;
	border-bottom: 5px solid #7B7B7B;
}

.structure section {
	display: none;
}

section .smooth-scroll a {
	text-decoration: none;
}

section .next-unit {
	margin: 0 auto;
	position: unset;
}

section .next-unit span {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 1.5rem;
	transition: .3s;
	color: #990F00;
	margin: 0;
}

section .next-unit i {
	font-size: 70px;
	color: #7B7B7B;
	line-height: .5;
}

#content1 .next-unit {
	width: 225px;
}

#content2 .next-unit {
	width: 330px;
}

#content3 .next-unit {
	width: 245px;
}




/***************************************
DONUT CHART
****************************************/

.svg-item svg {
	height: 175px;
	width: 100%;
	margin-top: 15px;
}

.donut-ring {
    stroke: #c8c8c8;
}

.donut-animate {
	animation: donut-chart-fill 2s reverse ease-in;
	transform-origin: center;
    stroke: #990F00;
}

.donut-text {
  	fill: #990F00;
	font-size: 14px;
	font-weight: 600;
}

.donut-percent {
	font-size: 8px;
	font-weight: 800;
}

#team .donut-percent {
	font-size: 14px;
}

.donut-description {
	position: relative;
	top: -88px;
	font-size: 22px;
	text-transform: uppercase;
	font-family: 'Oswald', sans-serf;
	color: #3D3B34;
	font-weight: 500;
}

#team .donut-description {
	top: -78px;
}

@keyframes donut-chart-fill {
  to { 
	stroke-dasharray: 0 100; 
	}
}


/***************************************************
SLICK SLIDE
****************************************************/

.image-slideshow {
	position: relative;
	top: 25px;
	width: 530px;
	margin: 0 auto;
}

.slick-slide {
	padding: 0 5px;
}

.slick-arrow {
	cursor: pointer;
	font-size: 35px;
	top: 65px;
	color: #990F00
}

.carousel-previous {
	position: absolute;
	left: -40px;
}

.carousel-next {
	position: absolute;
	right: -40px;
}

@media screen and (max-width: 800px) {
    .next {
      display: none !important;
  }
}




/***************************************************
MARINES
***************************************************/
.before {
	color: #fff!important;
	padding: 10px 20px 10px 45px!important;
}

.before::before {
	content: "";
	position: absolute;
	background-color: #E7E4D7;
    left: 20px;
    height: 100%;
    width: 5px;
    top: 0;
    border-radius: 0;
	animation: bullet .3s ease-in!important;
}

@keyframes bullet {
	from {
		opacity: 0;
	}
  	to { 
		opacity: 1; 
	}
}

.marines {
	height: 100vh;
	background-color: #E7E4D7;
	position: relative;
}

.marines-content {
	height: 100vh;
}

.marines .back-top {
	right: 50px;
}

.marines .next-unit {
	position: absolute;
	right: 54px;
}

.marines .next-unit p {
	color: #000;
}

.marines .next-unit span {
	color: #000;
}

.marines .next-unit i {
	font-size: 40px;
	color: #000;
	animation: down 1s ease infinite;
}

.seal {
	width: 175px;
}

.marines .marines-menu {
	height: 100vh;
	display: flex;
	justify-content: center;
	flex-direction: column;
	text-align: left;
	-webkit-box-shadow: inset -4px 0px 14px 0px rgba(0, 0, 0, 0.56);
	box-shadow: inset -4px 0px 14px 0px rgba(0, 0, 0, 0.56);
	padding: 85px 0 3rem 0;
}

.marines .marines-menu .active {
	color: #fff;
	font-weight: 600;
}

#units > div.marines-content > div.dgov-grid > div.dgov-col-auto.side-nav > div > div:nth-child(7) {
	letter-spacing: 0;
}

.marines-content .marines-menu .unit {
	font-family: 'Oswald', sans-serif;
    padding: 15px 20px 10px 40px;
    color: #E7E4D7;
    position: relative;
    font-weight: 400;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
	cursor: pointer;
	text-transform: uppercase;
	letter-spacing: .5px;
}

.marines-content .marines-menu .active {
    color: #E7E4D7;
	font-weight: 700;
	font-size: 20px;
}

.marines-content .marines-menu .active::before {
	content: "";
    position: absolute;
    background-color: #E7E4D7;
    left: 20px;
    height: 30px;
    width: 5px;
    top: 0;
    border-radius: 0;
    animation: bullet .3s ease-in!important;
}

.marines-content .marines-menu .unit:hover {
    background-color: #2f2d26;
}

.marines-content .marines-menu .active span::before {
	content: "";
    position: absolute;
    background-color: #E7E4D7;
    left: 25px;
    height: 5px;
    width: 8px;
    top: 25px;
    border-radius: 0;
    animation: bullet .3s ease-in!important;
}

.marines .marines-menu .active::after {
	content: "";
	position: absolute;
    top: 15px;
    right: 0;
    border-top: 13px solid transparent;
  	border-bottom: 13px solid transparent;
  	border-right: 13px solid #E7E4D7;
    display: block;
    width: 0;
	animation-name: arrow;
}

.side-nav {
	background-color: #990F00;
	max-width: 200px;
	padding: 0;
}

.unit-info {
	margin-top: 70px;
}

.marines .leader-text {
	font-size: 28px;
    font-family: 'Oswald';
    text-transform: uppercase;
    color: #990F00;
    font-weight: 600;
	line-height: 1.25;
	margin-top: 25px;
}

.main-content {
	margin: 0 15px 0px 15px!important;
}

.leader-column {
	text-align: center;
	padding-bottom: 0;
}

.leader {
	height: 125px;
}

.support-column {
	text-align: center;
	padding-bottom: 0;
}

.support-column hr {
	border-bottom: 5px solid #C9BFA4;
	width: 10rem;
	margin: 0 auto;
}

.support-top p {
	margin-bottom: 25px;
}

.support-top span {
	display: block;
	padding-top: 5px;
}

.marines .leader-text span {
	display: block;
}

.marines .tab-content {
	height: 100%;
	position: relative;
    padding: 0 160px 0 2rem;
	z-index: 0;
}

.pane {
    list-style: none;
    margin: 0;
    padding: 0;
    transition: 0.5s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.pane li {
	width: 100%;
	position: absolute;
	left: 0;
    opacity: 0;
	display: flex;
	justify-content: center;
	height: 100%;
    list-style: none;
    transition: 1s all cubic-bezier(0.075, 0.82, 0.165, 1);
	padding-right: 130px;
}

.pane li.active {
    transition-delay: .3s;
    z-index: 2;
    opacity: 1;
	overflow-y: auto;
}
.tab-content h3,
.responsive-top-nav h3 {
	font-family: 'Oswald', sans-serif;
	font-size: 50px;
	text-align: center;
	color: #990f00;
	margin-bottom: 15px;
}

.tab-content h3::before,
.responsive-top-nav h3::before {
	content: "";
	display: inline-block;
    border-top: 5px solid #c9bfa4;
    width: 3rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
}

.tab-content h3::after,
.responsive-top-nav h3::after {
	content: "";
    display: inline-block;
    border-top: 5px solid #c9bfa4;
    width: 3rem;
    margin: 0 1rem;
    transform: translateY(-1rem);
}

.marines .blurb {
	line-height: 24px;
	margin: 25px auto 0;
    text-align: center;
    font-size: 18px;
	max-width: 700px;
}

.support-number {
	font-size: 55px;
	font-weight: 800;
	color: #990F00;
}

.support-text {
	display: block;
    font-family: 'Oswald', sans-serif;
	line-height: 28px;
    color: #3D3B34;
    font-size: 24px;
    text-transform: uppercase;
    margin-top: 15px;
	font-weight: 500;
}

/******INDIVIDUAL UNITS*********/

#squad .donut-percent {
	font-size: 10px;
}


/********************************************************
EXPEDITIONARY FORCES
*********************************************************/
.ex-forces {
	height: 100vh;
	position: relative;
}

.ex-forces .back-top {
	top: 65px;
	right: 30px;
	text-align: right;
	color: #fff;
	opacity: .7;
}

.ex-forces .back-top:hover {
	opacity: 1;
}

.ex-forces .back-top span {
	color: #fff;
	font-size: 22px;
	letter-spacing: .25px;
}

.ex-forces .back-top i {
	padding: 0 10px 8px;
	position: relative;
	top: 10px;
	color: #fff;
}

.ex-forces .next-unit {
	color: #fff;
	position: absolute;
	right: 30px;
	text-align: right;
	opacity: .7;
}

.ex-forces .next-unit:hover {
	opacity: 1;
}

.ex-forces .next-unit p {
	color: #fff;
}

.ex-forces .next-unit span {
	color: #fff;
}

.ex-forces .next-unit i {
	font-size: 40px;
	color: #fff;
	animation: down 1s ease infinite;
}

.ex-forces .back-top p,
.ex-forces .back-top span,
.ex-forces .next-unit p {
	font-size: 16px;
}

.content-side {
	display: flex;
	align-items: center;
	padding: 5rem;
	text-align: center;
}

.content-side p {
	margin: 0;
}

.force-one,
.force-two,
.image-side,
.content-side {
	height: 50vh;
}

.force-three {
	height: 100vh;
}

.force-one .image-side {
	background-image: url("/Portals/1/Interactive/2019/05-military-units/marines-images/Expeditionary-Forces/force-1.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.force-one .content-side {
	background-color: #7B7B7B;
	padding-top: 125px;
}

.force-one .content-side p {
	color: #fff;
}

.force-two .image-side {
	background-image: url("/Portals/1/Interactive/2019/05-military-units/marines-images/Expeditionary-Forces/force-2.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.force-two .content-side {
	background-color: #C9BFA4;
}

.force-two .content-side p {
	color: #3D3B34;
}

.force-three .image-side {
	background-image: url("/Portals/1/Interactive/2019/05-military-units/marines-images/Expeditionary-Forces/force-3.jpg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.force-three .content-side {
	background-color: #2F2D26;
}

.force-three .content-side p {
	color: #fff;
}

.force-one .dgov-grid,
.force-two .dgov-grid,
.force-three .dgov-grid {
	height: 100%;
}

.forces-overlay {
	position: absolute;
  	top: 0;
  	bottom: 0;
  	left: 0;
  	right: 0;
  	height: 100%;
  	width: 100%;
  	opacity: 1;
  	transition: .5s ease;
	background-size: cover;
	background-position: center;
}

.force-one:hover .forces-overlay,
.force-two:hover .forces-overlay,
.force-three:hover .forces-overlay {
	opacity: 0;
}

.forces-overlay h1 {
	text-transform: uppercase;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
	font-size: 2rem;
	font-weight: 800;
	font-family: 'Oswald', sans-serif;
}

#force-one {
	background-image: url('/Portals/1/Interactive/2019/05-military-units/marines-images/Expeditionary-Forces/backgrounds/forces-one-bg.jpg');
}

#force-one h1 {
	color: #2F2D26;
}

#force-two {
	background-image: url('/Portals/1/Interactive/2019/05-military-units/marines-images/Expeditionary-Forces/backgrounds/forces-two-bg.jpg');
}

#force-two h1 {
	color: #5D5D5D;
}

#force-three {
	background-image: url('/Portals/1/Interactive/2019/05-military-units/marines-images/Expeditionary-Forces/backgrounds/forces-three-bg.jpg');
}

#force-three h1 {
	color: #C9BFA4;
	padding: 0 1rem;
	text-align: center;
}


   /*************RESPONSIVE SECTION************/

.slideshow {
	background: #E7E4D7;
	padding-bottom: 50px;
}

.carousel-caption {
	position: unset;
	z-index: unset;
	margin-top: 75px;
	padding: 20px 0;
	text-shadow: none;
}

.carousel-caption h1 {
	text-shadow: none;
	color: #990F00;
	padding: 15px 25px 0;
}

.carousel-caption p {
	color: #000;
	line-height: 1.35;
	text-align: left;
	margin: 20px auto 0;
    padding: 0 3rem;
    max-width: 700px;
	font-size: 18px;
}

.carousel img {
	display: block;
	height: 300px;
	position: relative;
	left: 50%;
	transform: translate(-50%, 0);
	margin-top: 50px;
	padding: 0 1rem;
}

.carousel-indicators {
	top: 465px;
	width: 100%;
	margin-left: 0;
	transform: translate(-50%, 0);
}

.carousel-indicators li {
	color: #3D3B34;
	text-transform: uppercase;
	font-weight: 700;
	width: unset;
	height: unset;
	margin: 0;
	padding: 0 15px;
	text-indent: unset;
	background-color: unset;
	border: unset;
	border-radius: unset;
}

.carousel-indicators .active {
	width: unset;
	height: unset;
	background-color: unset;
	color: #990F00;
	position: relative;
}

.carousel-indicators .active::after {
	content: '';
    position: absolute;
	top: 30px;
    left: 50%;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 20px solid #990F00;
    transform: translate(-50%, 5%);
    z-index: 2;
}


/***************************************************
AIRCRAFT WINGS
***************************************************/
.aircraft-wings {
	height: 100vh;
	position: relative;
}

.aircraft-wings .back-top {
	top: 65px;
	right: 30px;
	text-align: right;
	color: #fff;
	opacity: .7;
}

.aircraft-wings .back-top:hover {
	opacity: 1;
}

.aircraft-wings .back-top p,
.aircraft-wings .back-top span,
.aircraft-wings .next-unit p {
	font-size: 16px;
}

.aircraft-wings .back-top i {
	padding: 0 0 8px;
	position: relative;
	top: 10px;
}

.aircraft-wings .next-unit {
	color: #fff;
	position: absolute;
	right: 30px;
	text-align: right;
	bottom: 10px;
	opacity: .7;
}

.aircraft-wings .next-unit:hover {
	opacity: 1;
	bottom: 15px;
}

.covered {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: .4s ease;
}

.squadrons  .covered,
.groups .covered,
.wings .covered {
	z-index: 1;
}

.squadrons .title,
.groups .title,
.wings .title {
	z-index: 0;
}

.squadrons .covered {
	background-image: url(/Portals/1/Interactive/2019/05-military-units/backgrounds/squadron-background.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.groups .covered {
	background-image: url(/Portals/1/Interactive/2019/05-military-units/backgrounds/groups-background.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.wings .covered {
	background-image: url(/Portals/1/Interactive/2019/05-military-units/backgrounds/wing-background.jpg);
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.squadrons:hover .covered,
.groups:hover .covered,
.wings:hover .covered {
	opacity: 0;
}

.aircraft-wings .overlay {
	height: 100vh;
	background: rgba(0, 0, 0, 0.3);
}

.overlay-title {
	position: relative;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 80px;
    font-weight: 500;
}

.overlay-title span {
	font-size: 20px;
	position: absolute;
	bottom: 55%;
}

.squadrons .overlay-title {
	color: #990F00;
}

.groups .overlay-title {
	color: #C9BFA4;
}

.wings .overlay-title {
	color: #FFF;
}

.squadrons {
	background-image: url('/Portals/1/Interactive/2019/05-military-units/backgrounds/squadron-background.jpg');
	background-size: cover;
	background-position: center;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.groups {
	background-image: url('/Portals/1/Interactive/2019/05-military-units/backgrounds/groups-background.jpg');
	background-size: cover;
	background-position: center;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.wings {
	background-image: url('/Portals/1/Interactive/2019/05-military-units/backgrounds/wing-background.jpg');
	background-size: cover;
	background-position: center;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.squadrons,
.groups,
.wings {
	text-align: center;
}

.aircraft-wings img {
	padding-bottom: 25px;
	height: 225px;
}

.aircraft-wings .title {
	font-family: 'Oswald', sans-serif;
    text-transform: uppercase;
    font-size: 80px;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

.squadrons .title {
	background: -webkit-linear-gradient(#990F00, rgba(47, 45, 38, 0.18));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.groups .title {
	background: -webkit-linear-gradient(#E7E4D7, rgba(231, 228, 215, 0.18));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.wings .title {
	background: -webkit-linear-gradient(#FFF, rgba(255, 255, 255, 0.25));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.aircraft-wings .squadrons .special-text {
	color: #3D3834;
    font-weight: 500;
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
	margin-bottom: 5px;
}

.aircraft-wings .groups .special-text {
	color: #E7E4D7;
    font-weight: 500;
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
	margin-bottom: 5px;
}

.aircraft-wings .wings .special-text {
	color: #C9BFA4;
    font-weight: 500;
    font-size: 28px;
    font-family: 'Oswald', sans-serif;
	margin-bottom: 5px;
}

.aircraft-wings .marine-unit {
	display: block;
	font-size: 30px;
	font-weight: 700;
}

.aircraft-wings .squadrons .marine-unit {
	color: #990F00;
	text-transform: uppercase;
}

.aircraft-wings .groups .marine-unit {
	color: #C9BFA4;
	text-transform: uppercase;
}

.aircraft-wings .wings .marine-unit {
	color: #FFF;
	text-transform: uppercase;
}

.aircraft-wings hr {
	width: 70%;
	margin: 25px auto 0;
}

.aircraft-wings .squadrons hr {
	border: 2px solid #3D3834;
}

.aircraft-wings .groups hr {
	border: 2px solid #E7E4D7;
}

.aircraft-wings .wings hr {
	border: 2px solid #C9BFA4;
}

.aircraft-wings .support-number {
	font-size: 50px;
	margin: 0;
	line-height: .75;
}

.squadrons .support-number {
	color: #990F00;
}

.groups .support-number {
	color: #C9BFA4;
}

.wings .support-number {
	color: #FFF;
}

.squadrons .support-text {
	color: #3D3834;
	margin: 5px 0 0;
	font-size: 28px;
}

.groups .support-text {
	color: #E7E4D7;
	margin: 5px 0 0;
	font-size: 28px;
}

.wings .support-text {
	color: #E7E4D7;
	margin: 5px 0 0;
	font-size: 28px;
}

.aircraft-wings .aircraft-content {
	margin-top: 20px;
	padding: 0 25px;
}

.aircraft-content p {
	font-size: 18px;
	line-height: 1.35;
}

.squadrons .aircraft-content p {
	color: #3D3834;
}

.groups .aircraft-content p {
	color: #E7E4D7;
}

.wings .aircraft-content p {
	color: #E7E4D7;
}

.squadrons .dgov-grid .dgov-col-5:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.groups .dgov-grid .dgov-col-5:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}

.wings .dgov-grid .dgov-col-5:nth-child(1) {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0;
}




/**********************************************************************
OTHER UNITS
**********************************************************************/
.other-units {
	background-color: #252525;
	padding-top: 120px;
	padding-bottom: 80px;
	position: relative;
}

.other-units a {
	text-decoration: none;
}

.other-units a:hover img {
	box-shadow: 0 0 10px 5px #fff;
}

.other-units .other-branches {
	text-align: center;
	padding-top: 35px;
}

.other-units .back-top {
	right: 65px;
}

.other-units .back-top i,
.other-units .back-top span {
	color: #fff;
}

.other-units h2 {
	color: #fff;
	text-align: center;
	padding: 0 1rem;
}

.other-units p {
	color: #fff;
	text-align: center;
	margin-bottom: 0;
	padding: 0 2rem 5px;
}

.other-branches p {
	text-transform: uppercase;
	font-weight: 700;
	padding-top: 20px;
	color: #fff;
}

#army-seal img,
#navy-seal img,
#air-force-seal img {
	width: 200px;
	border-radius: 50%;
	transition: .5s;
}

#army-seal img:hover,
#navy-seal img:hover,
#air-force-seal img:hover {
	box-shadow: 0 0 10px 5px #fff;
}



/***************************************************
SOCIAL ICONS
***************************************************/

.social-top {
	display: inline-flex;
	margin: 1.5rem auto 0;
}

.social-inner {
	display: flex;
	font-size: 1.4rem;
}
.social-inner a, .social-inner a:link {
	color: #fff;
	text-decoration: none
}
.social-inner a {
	border: 4px #103065 solid;
	border-radius: 50%;
	width: 65px;
	height: 65px;
	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;
}


/***************************************************************
INTERNET EXPLORER ONLY
***************************************************************/
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.loader-content {
		display: block;
		position: relative;
		top: 100px;
	}
	.wrapper .smooth-scroll {
		bottom: 130px;
		transform: translate(-50%, 30%);
	}
}



/***************
RESPONSIVE
***************/

.responsive-top-nav {
	text-align: center;
}

.responsive-top-nav #select-box {
	width: 10em;
	height: 4rem;
    margin: 0 auto 2rem;
	padding: 0 10px;
    font-family: 'Oswald', sans-serif;
    color: #3D3B34;
    text-transform: uppercase;
    background: #E7E4D7;
	border: none;
}

.responsive-top-nav #select-box:focus {
	outline: none;
}

.tab-navigation {
	position: sticky;
	position: -webkit-sticky;
	top: -90px;
	background-color: #990f00;
	z-index: 999;
	box-shadow: 0px 5px 10px 0px #636363;
}

.tab-navigation::after {
	content: "";
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translate(-50%, 292%);
	border-left: 30px solid transparent;
	border-right: 30px solid transparent;
	border-top: 30px solid #990F00;
	z-index: 2;
}

.responsive-title {
	margin: 0;
	padding-bottom: 10px;
	color: #fff;
	font-size: 18px;
}

.responsive-content {
	padding-top: 75px;
}

@media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
	.tab-content {
		height: 90%;
	}
}

@media screen and (max-width: 1600px) {
	.content-side {
		padding: 4rem;
	}
	.marine-soldier {
		height: 35rem;
	}
}

@media screen and (max-width: 1440px) {
	.content-side {
		padding: 2rem;
	}
}

@media screen and (max-width: 1400px) {
	.force-one .content-side {
		padding-top: 85px;
	}
}

@media screen and (max-width: 1350px) {
	.marines .marines-menu {
		padding: 85px 0 3rem 0;
	}
	.marines .blurb {
		width: unset;
		padding: 0 2rem;
	}
}

@media screen and (max-width: 1300px) {
	.aircraft-wings .wings .special-text,
	.aircraft-wings .support-text {
		font-size: 26px;
	}
	.aircraft-wings .marine-unit {
		font-size: 34px;
	}
	.aircraft-wings .support-number {
		font-size: 55px;
	}
	.marine-soldier {
		left: 25px;
	}
	.overlay-title {
		font-size: 60px;
	}
}

@media screen and (max-width: 1255px) {
	.marines-title {
		padding: 0 50px;
	}
	.marines-title span {
		display: block;
	}
	.top-description ul {
		padding-bottom: 30px;
	}
	.wrapper hr {
		margin: 25px auto 0;
	}
	.aircraft-wings .title {
		font-size: 70px;
	}
}

@media screen and (max-width: 1200px) {
	.unit-info {
		width: 65%;
	}
	.structure {
		right: unset;
	}
	.marine-soldier {
		display: none;
	}
}

@media screen and (max-width: 1150px) {
	.aircraft-wings .support-text {
		font-size: 22px;
	}
}

@media screen and (max-width: 1115px) {
	.aircraft-wings .squadrons .special-text,
	.aircraft-wings .groups .special-text, 
	.aircraft-wings .wings .special-text{
		font-size: 24px;
	}
}

@media screen and (min-width: 1051px) {
	.aircraft-options,
	.ex-forces .section-title {
		display: none;
	}
	.ex-forces .slideshow {
		display: none;
	}
	#header-main.tucked {
		top: 0!important;
	}
}

@media screen and (max-width: 1050px) {
	body {
		overflow-y: unset;
	}
	.wrapper .smooth-scroll {
		bottom: 50px;
	}
	.command-content {
		padding-top: 30px;
	}
	.marines-title {
		display: none;
	}
	.structure .unit-options {
		margin-top: 20px;
	}
	.unit-info {
		transform: translate(0, 10%);
		margin: 0 auto;
	}
	.aircraft-wings {
		height: 970px;
	}
	.marines .back-top,
	.marines .next-unit,
	.marine-nav .back-top,
	.ex-forces .back-top,
	.ex-forces .next-unit,
	.aircraft-wings .back-top,
	.aircraft-wings .next-unit,
	.other-units .back-top {
		display: none;
	}
	.next-unit:hover {
		transform: unset;
	}
	.image-slideshow {
		width: 750px;
	}
	.image-slideshow img {
		width: 375px;
	}
	.image-slideshow .fa-chevron-left {
		position: absolute;
		top: 42%;
		left: 20px;
		z-index: 999;
		color: #fff;
	}
	.image-slideshow .fa-chevron-right {
		position: absolute;
		top: 42%;
		right: 20px;
		z-index: 999;
		color: #fff;
	}
	.pane li {
		display: flex;
		transform: translate(0, -10%);
		align-items: center;
		padding-right: 0;
	}
	.marine-nav {
		height: 60vh;
	}
	.aircraft-wings .desktop {
		display: none;
	}
	.responsive-aircraft-content {
		position: absolute;
		top: 20px;
		z-index: -1;
		background: #E7E4D7;
	}
	.aircraft-options {
		text-align: center;
		background: #103065;
	}
	.aircraft-options section {
		display: none;
	}
	.aircraft-wings .groups .special-text,
	.aircraft-wings .wings .special-text,
	.groups .aircraft-content p,
	.wings .aircraft-content p{
		color: unset;
	}
	.aircraft-wings .wings .special-text {
		font-size: 28px;
	}
	.groups .support-text,
	.wings .support-text {
		color: #3D3B34;
	}
	.aircraft-wings .groups .marine-unit,
	.aircraft-wings .wings .marine-unit,
	.groups .support-number,
	.wings .support-number {
		color: #990F00;
	}
	.aircraft-options #first-tab:checked ~ #content-1,
	.aircraft-options #second-tab:checked ~ #content-2,
	.aircraft-options #third-tab:checked ~ #content-3 {
		display: block;
		transition: .3s;
		margin: unset;
		padding: unset;
		width: 100%;
		height: 100%;
	}
	.aircraft-options input {
		display: none;
	}
	.aircraft-options input:checked + label {
		background-color: #E7E4D7;
		color: #3D3B34;
	}
	.aircraft-options label {
		padding: 10px 25px;
		cursor: pointer;
		text-transform: uppercase;
		font-family: "Oswald", sans-serif;
		font-size: 25px;
		font-weight: 400;
		color: #fff;
		margin: 0;
	}
	.aircraft-options label:hover {
		background-color: #E7E4D7;
		color: #3D3B34;
	}
	.aircraft-options .inside {
		position: relative;
		top: 200px;
	}
	.aircraft-wings .squadrons hr,
	.aircraft-wings .groups hr,
	.aircraft-wings .wings hr {
		border: 3px solid #103065;
	}
	.section-title h1 {
		padding-top: 25px;
		text-transform: uppercase;
		font-weight: 800;
		font-size: 55px;
		text-align: center;
	}
	.marines .section-title h1 {
		color: #fff;
		padding-top: 15px;
	}
	.aircraft-options .section-title h1 {
		color: #fff;
		margin-bottom: 0;
		padding-bottom: 25px;
	}
	.ex-forces .section-title {
		background-color: #3D3B34;
		padding-bottom: 2px;
		text-align: center;
	}
	.ex-forces .section-title h1 {
		color: #fff;
		display: inline-block;
		font-size: 3rem;
		padding-bottom: 5px;
	}
	.squadrons,
	.groups,
	.wings {
		background-image: none;
	}
	.inside img {
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 25px;
	}
	.inside .title {
		display: none;
	}
	#content-1 .dgov-grid,
	#content-2 .dgov-grid,
	#content-3 .dgov-grid {
		max-width: 600px;
		min-width: 400px;
	}
	.aircraft-wings .aircraft-content {
		margin: 20px auto 0;
		padding: 0 3rem;
		max-width: 700px;
	}
	.ex-forces {
		height: 1100px;
		background-color: #E7E4D7;
	}
	#ex-forces > div.dgov-grid {
		display: none;
	}
}

@media screen and (max-width: 991px) {
	hr {
		width: 18rem;
	}
	.side-nav {
		width: 155px;
	}
	.marines .tab-content {
		width: unset;
		padding: unset;
	}
	.marines .next-unit:hover span {
		color: #2F2D26;
	}
	.pane li {
		padding-right: 0;
	}
	.scroll-content {
		position: unset;
		top: unset;
	}	
	.unit-blurb {
		padding: 0 2rem;
	}
}

@media screen and (max-width: 970px) {
	.image-slideshow {
		width: 500px;
	}
	.image-slideshow img {
		width: 250px;
	}
	.seal {
		width: 150px;
	}
}

@media screen and (max-width: 840px) { /*Expeditionary Forces Change */
	.marines-title {
		padding: 0 25px;
	}
}

@media screen and (max-height: 815px) {
	.top-description p {
		margin-bottom: 0;
	}
}

@media screen and (min-width: 791px) {
	.responsive-top-nav {
		display: none;
	}
}

@media screen and (max-width: 790px) {
	.marines {
		height: unset;
		padding-bottom: 75px;
	}
	.marines-content {
		height: unset;
	}
	.marines-content .dgov-grid {
		display: none;
	}
	.wrapper hr {
		width: 80%;
	}
	.top-description {
		padding-bottom: 0;
	}
	.top-description p {
		margin-bottom: 20px;
		padding-top: 2rem;
	}
	#tab-1 .donut-percent {
		font-size: 14px;
	}
	.donut-percent {
		font-size: 10px;
	}
	.donut-description {
		top: -80px;
	}
	#tab-6 .donut-percent,
	#tab-7 .donut-percent,
	#tab-8 .donut-percent {
		font-size: 8px;
	}
	.support-text {
		margin-top: -10px;
		padding-top: 0;
	}
	.svg-item {
		margin-bottom: -15px;
	}
	.unit-info {
		margin-top: 10px;
		max-height: 100vh;
		transform: unset;
	}
	#tab-8 .leader-column img {
		height: 300px;
	}
	.marine-nav {
		height: 75vh;
	}
}

@media screen and (max-width: 768px) {
	#tab1:checked ~ #content1,
	#tab2:checked ~ #content2,
	#tab3:checked ~ #content3,
	#tab4:checked ~ #content4 {
		width: calc(100vw - 50px);
		height: unset;
		padding-bottom: 30px;
	}
	.tab-content h3 {
		font-size: 40px;
	}
	.tab-content h3::before,
	.tab-content h3::after {
		width: 1rem;
	}
	.pane li.active {
		height: 80vh;
		max-height: unset;
		min-height: unset;
	}
	.right-seal {
		display: none!important;
	}
	.loader-content h1 {
		text-align: left;
	}
}

@media screen and (max-width: 660px) {
	.structure label {
		padding: 10px;
		font-size: 22px;
		width: 65%;
		margin: 0 auto;
	}
	.structure label:hover {
		border-bottom: none;
	}
	.structure h1 {
		font-size: 2.5rem;
	}
}

@media screen and (max-width: 648px) {
	.structure h1 {
		padding: 0 2rem;
	}
}

@media screen and (max-width: 630px) {
	.unit-info {
		width: 73%;
	}
	.tab-content {
		max-height: unset;
	}
	.tab-content h3::before,
	.tab-content h3::after {
		transform: translateY(-8px);
	}
	.marines .leader-text {
		font-size: 32px;
	}
	.support-column {
		margin-top: 0;
	}
	.marines .blurb {
		margin: 40px auto;
	}
	.carousel-previous {
		top: 165px;
		left: 75px;
	}
	.carousel-next {
		top: 165px;
		right: 75px;
	}
	.ex-forces .content-side p {
		font-size: 17px;
	}
}

@media screen and (max-width: 625px) {
	.loader-content h1 {
		font-size: 4rem;
	}
	.wrapper .seal {
		width: 110px;
	}
}

@media screen and (max-width: 586px) {
	.unit-info {
		width: 65%;
	}
}

@media screen and (max-width: 525px) {
	.wrapper {
		height: 900px;
		padding-top: 100px;
	}
	.marine-nav {
		height: 800px;
	}
	.ex-forces {
		height: 1200px;
		background-color: #E7E4D7;
	}
	.aircraft-wings {
		height: 1050px;
	}
	.loader-content {
		display: inherit;
		justify-content: unset;
		align-items: unset;
		flex-direction: unset;
		height: 900px;
	}
	.loader-content h1 {
		font-size: 3rem;
		padding-left: 0;
		padding-right: 0;
	}
	.marines-title {
		padding: 0 0 0 10px;
	}
	.aircraft-options .section-title h1 {
		font-size: 3rem;
	}
	.aircraft-options label {
		margin: 0 0 -2px 0;
	}
	.wrapper .next-unit {
		width: unset;
	}
}

@media screen and (max-width: 480px) {
	.carousel-indicators {
		top: 430px;
	}
	.carousel img {
		margin-top: 25px;
	}
	#content1 .next-unit,
	#content2 .next-unit,
	#content3 .next-unit {
		width: unset;
		display: inline-block;
	}
}

@media screen and (max-width: 460px) {
	.marine-nav {
		height: 900px;
	}
}

@media screen and (max-width: 440px) {
	.carousel-indicators {
		top: 390px;
	}
	.tab-navigation::after {
		top: 58%;
	}
}

@media screen and (max-width: 420px) {
	.carousel-indicators {
		top: 365px;
	}
}

@media screen and (max-width: 414px) {
	hr {
		width: 10rem;
	}
	.marines-content .dgov-grid {
		display: none;
	}
	.wrapper {
		padding: 4rem 0;
	}
	.wrapper .seal {
		width: 100px;
	}
	.left-seal img {
		padding-left: 5px;
	}
	.top-description a {
		font-size: 16px;
	}
	.loader-content {
		height: unset;
		padding-top: 50px;
	}
	.loader-content h1 {
		font-size: 3rem;
		text-shadow: 4px 4px #3D3B34;
	}
	.marines {
		height: unset;
		padding-bottom: 10rem;
	}
	.marines-content {
		height: unset;
	}
	.marines .tab-content {
		width: 66%;
		padding: 1rem 0;
	}
	.marines .next-unit {
		bottom: 110px;
	}
	.marines .back-top {
		top: 60px;
	}
	.svg-item svg {
		height: 200px;
	}
	.support-text {
		margin-top: 0;
	}
	.donut-description {
		top: -95px;
	}
	#tab-1 .blurb {
		margin: 0 auto;
		padding-bottom: 2rem;
	}
	#tab-1 .donut-percent {
		font-size: 14px;
	}
}

@media screen and (max-width: 390px) {
	.carousel-indicators {
		top: 345px;
	}
}

@media screen and (max-width: 380px) {
	.loader-content {
		padding-top: 0;
	}
}

@media screen and (max-width: 370px) {
	.carousel-indicators {
		top: 330px;
	}
	.marine-nav {
		height: 1000px;
	}
}