@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);

body, html {
	max-width: 100%;
	overflow-x: hidden
}

.us-navy-disc {
	font-size: 18px;
	line-height: 24px;
	color: #323333
}

.us-navy-hero {
	background: url(/skins/aviator-gear/rectangles/us-navy/images/us-navy-sm.jpg) center bottom;
	background-size: cover;
	font-family: Oswald,sans-serif;
}

	.us-navy-hero .us-navy-hero-ATF {
		transform: scale(1.1);
	}

	.us-navy-hero .container .us-navy-h1 {
		font-size: 34px;
		line-height: 40px
	}

		.us-navy-hero .container .us-navy-h1 .page-span {
			border-radius: 5px;
			background: #999;
			color: #fff;
			font-weight: 400;
			padding: .5rem 1rem;
			display: inline-block;
			font-size: 1rem;
			line-height: 1rem;
			vertical-align: .5rem
		}

	.us-navy-hero .container hr {
		border-top: 2px solid #909090;
		max-width: 466px;
	}

	.us-navy-hero .us-navy-free-span {
		background: #E5E5E5;
		border-radius: 5px;
		padding: 2px 8px;
		font-weight: 500;
		font-size: 15px;
		line-height: 20px;
		font-family: Oswald,sans-serif;
		color: #323333;
	}

	.us-navy-hero .us-navy-hero-span {
		background: #7C7C7C;
		border-radius: 5px 5px 0px 0px;
		font-weight: 500;
		font-size: 15px;
		line-height: 20px;
		padding: 8px 16px;
		font-family: Oswald,sans-serif;
		color: #fff;
		bottom: 0;
		right: calc(50% - 6rem);
	}

	.us-navy-hero .hero-subtitle {
		font-size: 18px;
		line-height: 26px
	}

	.us-navy-hero .btn {
		width: 100%;
		padding: 11px;
		border-radius: 4px;
		text-align: center;
		letter-spacing: .1em;
		font-weight: 500;
		font-size: 18px;
		line-height: 24px
	}

		.us-navy-hero .btn:hover {
			animation: none
		}

	.us-navy-hero .cta-text {
		font-size: 18px;
		line-height: 24px;
		color: #b45314;
		font-weight: 600
	}

	.us-navy-hero .cta-text-lg {
		font-size: 24px;
		padding-left: 10px
	}

.special-items .spl-item-title {
	font-size: 20px;
}

.special-items .txt-see-more {
	font-family: Oswald,sans-serif;
	font-weight: 500;
	font-size: 18px;
	line-height: 27px;
	letter-spacing: 0.1em;
	color: #358DDC;
}

.special-items .slick-dots {
	display: block !important;
}

.btn.us-navy-cta {
	width: 100%;
	padding: 10px;
}

.us-navy-reviews {
	transform: skew(0, -1.5deg) translate(0);
	background: url(/skins/aviator-gear/rectangles/us-navy/images/navy-testimonial-bg-sm.jpg) center top;
	background-size: cover;
}

	.us-navy-reviews .container {
		transform: skew(0, 1.5deg) translate(0);
	}

	.us-navy-reviews .heading-subtitle::before, .us-navy-reviews .heading-subtitle::after {
		top: 30%;
		background: url(/skins/aviator-gear/rectangles/shared/icons/star-secondary.svg) no-repeat center;
	}

	.us-navy-reviews #stamped-badge-2 {
		display: inline-block;
		padding: 0 5px;
	}

		.us-navy-reviews #stamped-badge-2 .stamped-badge-stars {
			display: none !important;
		}

	.us-navy-reviews #stamped-badge-total, .us-navy-reviews #stamped-badge-title {
		font-family: Oswald;
		font-size: 20px !important;
		font-weight: 700;
		line-height: 30px;
		text-transform: uppercase;
	}

	.us-navy-reviews .review-inner-wrap {
		background: #FFFFFF26;
		border-radius: 8px;
	}

#how-it-works .how-step {
	width: 100px;
	height: 100px;
	background: #1A41D8;
	color: #fff;
	font-size: 48px;
	line-height: 96px;
	font-weight: 500;
	font-family: Oswald,sans-serif;
	border-radius: 50%;
}

#how-it-works .section-subtitle {
	font-weight: 600;
	font-size: 20px;
	line-height: 24px;
	color: #323333;
}

#how-it-works .divider {
	width: 20px;
	border-top: 3px solid #B6C2D1;
}

#how-it-works .how-arrow {
	right: 50%;
}

.briefing-sticks .responsive-slider .slick-slide {
	border: none
}

.briefing-sticks .responsive-slider-item {
	padding: 240px 0 0;
	max-height: 240px;
	border-radius: 4px
}

.briefing-sticks .slick-sticker-btn {
	border: none;
	background: 0 0
}

.briefing-sticks .defer-image img {
	width: 260px;
	height: 240px;
	min-width: unset;
	padding: 0;
	left: 50%;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	transform: translateX(-50%)
}

.briefing-sticks.us-navy-slider .defer-image .defer-pic {
	padding: 10px 1rem;
}

.briefing-sticks .slider-item-description {
	padding: 1.5rem 1rem;
	max-width: 100vw;
	width: 100%
}

.briefing-sticks .slider-item-description-title {
	display: flex;
	align-items: center;
	text-transform: uppercase;
	position: relative;
	letter-spacing: .3em;
	font-family: Oswald,sans-serif;
	text-align: center;
	margin-bottom: 0
}

	.briefing-sticks .slider-item-description-title span {
		display: block;
		flex-grow: 1;
		height: 1px;
		background-color: #e5e5e5;
		max-width: 30vw
	}

	.briefing-sticks .slider-item-description-title p {
		margin-bottom: 0;
		padding: 0 1rem
	}

.briefing-sticks .slick-nav-container img {
	cursor: pointer
}

.briefing-sticks .slider-section .zap-btn-container a {
	padding: 12px 16px
}

.quality-wrap .img-arrow-right {
	top: -5px;
	padding-left: 30px;
}

.quality-wrap .img-arrow-down {
	left: calc(50% - 10rem);
	top: 15px;
}

.briefing-info-section .section-subtitle {
	text-align: center;
	text-transform: uppercase;
	font-size: 24px;
	line-height: 32px
}

.briefing-info-section .subtitle-number {
	display: inline-block;
	margin-right: 16px;
	text-align: center;
	width: 40px;
	height: 40px;
	border: 2px solid #b45314;
	border-radius: 50%
}

.briefing-info-section .us-navy-how .btn-primary, .briefing-info-section .us-navy-how .how-card-description, .briefing-info-section .section-text, .us-navy-how .briefing-info-section .btn-primary, .us-navy-how .briefing-info-section .how-card-description {
	text-align: center;
	margin-bottom: 32px
}

.briefing-info-section .info-slider-container .slick-arrow {
	top: 33.33%;
	background: 0 0
}

.briefing-info-section .info-slider-container .slick-next {
	right: -15px
}

.briefing-info-section .info-slider-container .slick-prev {
	left: -15px
}

.briefing-info-section .info-slider-container .slick-arrow:active, .briefing-info-section .info-slider-container .slick-arrow:focus, .briefing-info-section .info-slider-container .slick-arrow:hover {
	animation: none;
	color: #909090
}

	.briefing-info-section .info-slider-container .slick-arrow:active::before, .briefing-info-section .info-slider-container .slick-arrow:focus::before, .briefing-info-section .info-slider-container .slick-arrow:hover::before {
		color: #909090
	}

.briefing-info-section .info-slider-container .slick-arrow::after, .briefing-info-section .info-slider-container .slick-arrow::before {
	font-size: 40px
}

.briefing-info-section .info-slider-summary {
	font-style: italic;
	text-align: center;
	font-size: 18px;
	line-height: 24px;
	margin: 0 -15px
}

.briefing-info-section .info-slider-highlight {
	font-weight: 600;
	color: #358ddc
}

.briefing-info-section .info-num-container {
	margin-bottom: 0
}

	.briefing-info-section .info-num-container li {
		transform: scale(.7);
		border: 3px solid #fff;
		border-radius: 50%
	}

		.briefing-info-section .info-num-container li:nth-child(1) {
			top: 160px;
			left: 10%
		}

		.briefing-info-section .info-num-container li:nth-child(2) {
			top: 120px;
			left: 70%
		}

		.briefing-info-section .info-num-container li:nth-child(3) {
			top: 120px;
			left: 30%
		}

		.briefing-info-section .info-num-container li:nth-child(4) {
			top: 195px;
			left: 55%
		}

.briefing-info-section .info-cta-container {
	margin-top: 100px
}

.briefing-info-section .us-navy-how h4.btn-primary, .briefing-info-section .us-navy-how h4.how-card-description, .briefing-info-section h4.section-text, .us-navy-how .briefing-info-section h4.btn-primary, .us-navy-how .briefing-info-section h4.how-card-description {
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 24px
}

.briefing-info-section .info-cta-container-md {
	display: none;
	position: relative;
	z-index: 2
}

.briefing-info-section .btn-container a {
	display: block;
	max-width: 272px;
	margin: 0 auto;
	padding: 12px 0;
	background-color: #b45314;
	border-color: #b45314;
	font-weight: 700
}

.briefing-info-section .slick-dots {
	display: block !important
}

	.briefing-info-section .slick-dots li {
		width: auto !important;
		height: auto !important;
		margin: 0
	}

		.briefing-info-section .slick-dots li.slick-active button:before {
			background: #ffffff;
			opacity: 1
		}

	.briefing-info-section .slick-dots button {
		width: auto !important;
		height: auto !important;
		margin-right: 12px
	}

		.briefing-info-section .slick-dots button::before {
			content: "";
			width: 8px;
			height: 8px;
			background: #909090;
			border-radius: 50%
		}

.slider-sm .slick-arrow, .slider-sm .slick-next:focus, .slider-sm .slick-next:hover, .slider-sm .slick-prev:focus, .slider-sm .slick-prev:hover {
	top: 45%;
}

.how-it-works-wrap {
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	border-radius: 8px
}

	.how-it-works-wrap .step-get-started {
		height: 44px;
		line-height: 44px;
		border-bottom-left-radius: 6px;
		border-bottom-right-radius: 6px
	}

.how-it-works-time-wrap {
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	border-radius: 18.5px;
	padding: 5px 0;
	bottom: -16px;
	left: 25%;
	background: #fff
}

	.how-it-works-time-wrap .how-it-works-time-text {
		font-weight: 600;
		font-size: 17px;
		line-height: 24px;
		color: #b45314;
		padding-left: 10px
	}

.border-top-btm-gray {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3
}

.border-btm-gray {
	border-bottom: 1px solid #e3e3e3
}

.previous-gear-search-form .form-control {
	border: 1px solid #358DDC;
	box-sizing: border-box;
	border-radius: 28px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
	padding: 12px 12px 12px 20px;
	box-shadow: none;
	color: #909090;
	font-size: 18px
}

	.previous-gear-search-form .form-control:focus {
		border-color: #358DDC;
		animation: none
	}

.previous-gear-search-form .search-btn {
	background: #358DDC;
	border: 1px solid #358DDC;
	box-sizing: border-box;
	border-radius: 28px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
	width: 80px;
	padding: 7px 0 0 0
}

	.previous-gear-search-form .search-btn .mdi-magnify {
		font-size: 30px;
		color: #fff
	}

.section-previous-gear .section-title + p {
	max-width: 568px;
	margin: 24px auto 48px;
	text-align: center
}

.section-previous-gear .previous-gear-link {
	position: absolute;
	top: -24px;
	left: 0
}

.entity-thumb-inner-wrap .entity-thumb-name {
	color: #323333;
	font-family: Oswald,sans-serif;
	padding: 0 7px;
	font-size: 18px
}

.entity-thumb-inner-wrap .entity-thumb-price {
	color: #b45314;
	padding: 5px;
	font-size: 13px
}

	.entity-thumb-inner-wrap .entity-thumb-price span {
		font-size: 18px;
		font-weight: bold;
	}

.entity-thumb-inner-wrap .entity-thumb-qty span {
	font-size: 12px;
	color: #323333;
	border: 1px solid #323333;
	font-style: italic;
	border-radius: 50px;
	padding: 2px 8px;
}

.zap-contact .contact-btn-submit {
	margin: 30px auto 0
}

.zap-contact button.contact-btn-exit {
	padding: 0;
	border-radius: 50%
}

.zap-newsletter .newsletter-content h2 {
	font-size: 34px;
	line-height: 40px
}

.zap-newsletter .newsletter-content h3 {
	font-weight: 500;
	font-size: 24px;
	line-height: 30px;
	color: #e3e3e3
}

.zap-newsletter .newsletter-bg-color {
	background: #1c1d1f
}

@media(max-width:991px) {
	.special-items .img-sm {
		width: 84px;
		height: 84px;
	}
}

@media(max-width:767px) {
	.how-it-works-time-wrap:after {
		content: "";
		border-left: 20px solid transparent;
		border-right: 20px solid transparent;
		border-top: 12px solid #e5e5e5;
		position: absolute;
		left: 42%;
		bottom: -13px
	}

	.zap-newsletter .newsletter-content form {
		margin-bottom: 40px
	}

	.contact-form .section-text {
		font-size: 16px;
		line-height: 22px;
	}
}

@media(min-width:768px) {
	.us-navy-hero {
		background: url(/skins/aviator-gear/rectangles/us-navy/images/us-navy-lg.jpg) center bottom;
		background-size: cover;
	}

		.us-navy-hero .us-navy-hero-ATF {
			transform: scale(3.25);
		}

	.special-items .section-title {
		font-size: 48px;
		line-height: 56px;
	}

	.briefing-sticks .slick-sticker-btn {
		top: 145px;
		background: 0 0;
		border: none
	}

	.briefing-sticks .slick-sticker-prev {
		left: 5%
	}

	.briefing-sticks .slider-section .container.m-t-3 {
		padding: 0
	}

	.briefing-sticks .slider-section .zap-btn-container {
		max-width: unset;
		padding: 12px 24px
	}

	.briefing-sticks.us-navy-slider .slick-sticker-btn {
		top: 145px;
		background: 0 0;
		border: none
	}

	.briefing-sticks.us-navy-slider .slick-sticker-prev {
		left: 5%
	}

	.briefing-sticks.us-navy-slider .slider-section .container.m-t-3 {
		padding: 0
	}

	.btn.us-navy-cta {
		width: 240px;
	}

	.us-navy-reviews {
		background: url(/skins/aviator-gear/rectangles/us-navy/images/navy-testimonial-bg-lg.jpg) center bottom;
		background-size: cover;
	}

		.us-navy-reviews .section-subtitle {
			font-size: 32px;
			line-height: 36px;
		}

	#how-it-works .how-step {
		width: 67px;
		height: 67px;
		font-size: 36px;
		line-height: 65px;
	}

	#how-it-works .section-subtitle {
		font-weight: 500;
		font-size: 24px;
		line-height: 30px;
	}

	.briefing-info-section .us-navy-how .btn-primary, .briefing-info-section .us-navy-how .how-card-description, .briefing-info-section .section-text, .us-navy-how .briefing-info-section .btn-primary, .us-navy-how .briefing-info-section .how-card-description {
		max-width: 470px
	}

	.briefing-info-section .info-num-container li {
		opacity: 0
	}

	#previous-gear .previous-gear-search-form {
		width: 50%;
		margin: 0 auto 2rem
	}

	.section-previous-gear .section-title + p {
		margin: 16px auto 56px
	}

	.section-previous-gear .previous-gear-link {
		top: -70px
	}

	#how-it-works .us-navy-cta {
		width: 290px
	}

	#contact-form {
		background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%),url(/skins/aviator-gear/rectangles/shared/images/contact-bg.jpg);
	}

	.zap-contact .section-title {
		margin-bottom: 32px
	}

	.zap-newsletter .newsletter-content h2 {
		font-size: 44px;
		line-height: 52px
	}

	.zap-newsletter .newsletter-content h3 {
		color: #fff
	}
}

@media(min-width:992px) {
	.us-navy-hero .container .us-navy-h1 {
		font-size: 48px;
		line-height: 56px
	}

	.us-navy-hero .us-navy-hero-ATF {
		transform: scale(2.53);
	}

	.us-navy-hero .btn {
		width: 225px
	}

	.special-items .spl-item-title {
		font-size: 24px;
	}

	.special-items .custom-patch-img {
		min-height: 304px;
	}

	.special-items .special-items-arrow {
		top: 178px;
		right: -35px;
		width: 80px;
	}

	.us-navy-reviews #stamped-badge-total, .us-navy-reviews #stamped-badge-title {
		font-size: 24px !important;
		line-height: 36px;
	}

	.us-navy-reviews .section-text {
		font-size: 20px;
		line-height: 28px;
	}

	#how-it-works .how-arrow {
		top: 135px;
		right: -60px;
	}

	.briefing-sticks.us-navy-slider .defer-image .defer-pic {
		padding: 10px 3rem;
	}
}

@media(min-width:1024px) {
	.us-navy-hero .us-navy-hero-span {
		right: calc(50% - 32rem);
	}

	.briefing-sticks .defer-image img {
		top: 50%;
		max-width: 100%;
		width: calc(100% - 2px);
		border: none;
		height: 440px;
		max-height: 100%;
		transform: translate(-50%,-50%)
	}

	.briefing-sticks .responsive-slider-item {
		border: 1px solid #e5e5e5;
		border-radius: 4px
	}

	.briefing-sticks .responsive-slider .slick-slide {
		border: none
	}

	.briefing-sticks .slick-sticker-btn {
		top: calc(251px + 35px);
		border: 2px solid #e5e5e5
	}

	.briefing-sticks .slick-sticker-next, .briefing-sticks .slick-sticker-prev {
		left: 50%;
		transform: translate(-350px,-50%) rotate(180deg)
	}

	.briefing-sticks .slick-sticker-next {
		transform: translate(280px,-50%)
	}

	.briefing-sticks .responsive-slider-item {
		padding: 502px 0 0;
		max-height: 502px
	}

	.briefing-sticks .slider-item-description {
		padding: 12px 0;
		display: none
	}

	.briefing-sticks .slick-current .slider-item-description {
		display: block
	}

	.briefing-sticks.us-navy-slider .defer-image img {
		top: 50%;
		max-width: 100%;
		width: calc(100% - 2px);
		border: none;
		height: 440px;
		max-height: 100%;
		transform: translate(-50%,-50%)
	}

	.briefing-sticks.us-navy-slider .responsive-slider-item {
		border: 1px solid #e5e5e5;
		border-radius: 4px
	}

	.briefing-sticks.us-navy-slider .responsive-slider .slick-slide {
		border: none
	}

	.briefing-sticks.us-navy-slider .slick-sticker-btn {
		top: calc(251px + 35px);
		border: 2px solid #e5e5e5
	}

	.briefing-sticks.us-navy-slider .slick-sticker-next, .briefing-sticks.us-navy-slider .slick-sticker-prev {
		left: 50%;
		transform: translate(-350px,-50%) rotate(180deg)
	}

	.briefing-sticks.us-navy-slider .slick-sticker-next {
		transform: translate(280px,-50%)
	}

	.briefing-sticks.us-navy-slider .responsive-slider-item {
		padding: 502px 0 0;
		max-height: 502px
	}

	.briefing-sticks.us-navy-slider .slider-item-description {
		padding: 1.5rem 0;
		display: none
	}

	.briefing-sticks.us-navy-slider .slick-current .slider-item-description {
		display: block
	}

	.briefing-info-section {
		display: block
	}

		.briefing-info-section .info-slider-bg-sm {
			display: none !important
		}
}

@media(min-width:1200px) {
	.us-navy-hero .us-navy-hero-ATF {
		transform: scale(2.1);
	}

	.us-navy-reviews .heading-subtitle::before, .us-navy-reviews .heading-subtitle::after {
		top: 35%;
	}

	#how-it-works .how-arrow {
		top: 145px;
	}

	.zap-how .how-grid-card {
		height: 240px
	}

		.zap-how .how-grid-card:nth-child(2) .card {
			width: 554px
		}

			.zap-how .how-grid-card:nth-child(2) .card .how-card-container {
				padding-left: 0
			}

		.zap-how .how-grid-card:nth-child(3) .card {
			width: 554px
		}

			.zap-how .how-grid-card:nth-child(3) .card .how-card-container {
				padding-left: 0
			}
}

@media(min-width:1440px) {
	.us-navy-hero .us-navy-hero-ATF {
		transform: scale(1.8);
	}
}
