@import url(https://fonts.googleapis.com/css2?family=Oswald&display=swap);

body, html {
	max-width: 100%;
	overflow-x: hidden
}

.cap-height {
	height: calc(25vw);
	min-height: 110px;
	max-height: 140px
}

.keyflags-tooltip.tooltip {
	left: 32px !important
}

	.keyflags-tooltip.tooltip.in {
		opacity: 1
	}

.keyflags-tooltip .arrow {
	position: absolute;
	left: 0;
	top: 50%;
	width: 28px;
	height: 28px;
	transform: translate(-50%,-50%) rotate(45deg);
	background-color: #efeff0;
	border-radius: 4px;
	z-index: 20
}

.keyflags-tooltip .tooltip-inner {
	position: relative;
	padding: 15px;
	color: #323333;
	font: 400 13px/18px "Source Sans Pro",sans-serif;
	text-align: left;
	background-color: #efeff0;
	border-radius: 10px;
	z-index: 30
}

.keyflags-tooltip .tooltip-inner-customizer {
	max-width: 265px
}

.keyflags-tooltip-sm .tooltip-inner-customizer {
	max-width: 163px
}

.keyflags-heading {
	font-family: Oswald,sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	margin: 0;
	text-transform: uppercase;
	color: #323333
}

.keyflags-disc {
	font-size: 18px;
	line-height: 24px;
	color: #323333
}

.keyflags-sub-disc {
	font-family: Oswald,sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: .1em
}

.keyflags-heading-subtitle {
	font-family: Oswald,sans-serif;
	font-size: 24px;
	font-weight: 600;
	margin-top: 10px;
	line-height: 32px;
	text-align: center;
	text-transform: uppercase;
	color: #b45314
}

.keyflags-h4, .keyflags-overview .overview-num-container li {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px
}

.keyflags-text {
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 24px;
	letter-spacing: 0;
	text-align: left
}

.diameterTooltip {
	vertical-align: bottom;
	padding-right: 5px
}

.diameter-txt {
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.1em;
	font-family: Oswald,sans-serif;
}

.diameter-border {
	border-bottom: 2px solid #FFFFFF;
	padding-bottom: 3px;
}

.keyflags-wrapper .btn {
	font-weight: 500;
	font-family: Oswald,sans-serif;
	font-size: 18px;
	line-height: 24px
}

	.keyflags-wrapper .btn:hover {
		animation: none
	}

.keyflags-hero {
	background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 166.09%), url(/skins/aviator-gear/rectangles/keyflags/images/keyflags-sm.jpg);
	background-size: cover;
	font-family: Oswald,sans-serif
}

	.keyflags-hero .container {
		padding: 50px 20px 430px
	}

		.keyflags-hero .container .keyflags-h1 {
			font-size: 38px;
			line-height: 42px
		}

			.keyflags-hero .container .keyflags-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: .6rem
			}

		.keyflags-hero .container hr {
			opacity: .3;
			border: 1px solid #909090
		}

		.keyflags-hero .container .keyflags-hero-ATF {
			left: calc(50% - 310px);
		}

	.keyflags-hero .keyflags-free-span {
		background: #C8C8C8;
		border-radius: 5px;
		padding: 2px 8px;
		font-weight: 500;
		font-size: 15px;
		line-height: 20px;
		font-family: Oswald,sans-serif;
		color: #323333;
	}

	.keyflags-hero .keyflags-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% - 7rem);
	}

	.keyflags-hero .hero-subtitle {
		font-weight: 500;
		font-size: 18px;
		line-height: 24px
	}

	.keyflags-hero .btn {
		width: 100%;
		padding: 11px;
		border-radius: 4px;
		text-align: center;
		letter-spacing: .1em;
		font-weight: 500;
		font-size: 18px;
		line-height: 24px
	}

		.keyflags-hero .btn:hover {
			animation: none
		}

	.keyflags-hero .cta-text {
		font-size: 18px;
		line-height: 24px;
		color: #b45314;
		font-weight: 600
	}

	.keyflags-hero .cta-text-lg {
		font-size: 24px;
		padding-left: 10px
	}

.special-items .spl-item-title {
	font-family: Oswald,sans-serif;
	color: #323333;
	font-size: 24px;
	line-height: 30px;
}

.special-items .divider {
	width: 30px;
	border: 3px solid #B45314;
	border-radius: 5px;
}

.special-items .spl-item-disc {
	font-size: 18px;
	line-height: 24px;
	padding: 0 .5rem;
}

.keyflags-services-cta-text {
	font-size: 18px
}

.keyflags-cta {
	font-family: Oswald,sans-serif;
	width: 186px;
	font-size: 18px !important;
	letter-spacing: .1em;
	line-height: 32px !important
}

.min-qty-text {
	font-family: Oswald,sans-serif;
	font-size: 20px;
	line-height: 24px
}

.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.keyflags-slider .defer-image .defer-pic {
	padding: 0 3rem;
}

.briefing-sticks.keyflags-slider .thumb-pic {
	padding: 5px 20px;
}

.briefing-sticks .slider-item-description {
	padding: 12px 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
}

.briefing-sticks.keyflags-slider .keyflags-cta {
	width: 100%;
}

.keyflags-reviews .review-wrap {
	background: #F8F6F1;
	border-radius: 16px;
	padding: 35px 25px;
	margin-bottom: 12px;
}

	.keyflags-reviews .review-wrap .review-disc-wrap h3 {
		font-weight: 700;
		font-size: 22px;
		font-family: Oswald,sans-serif;
		margin: 10px 0;
	}

	.keyflags-reviews .review-wrap .review-txt {
		font-size: 16px;
		line-height: 20px;
	}

	.keyflags-reviews .review-wrap .review-writter {
		font-weight: 600;
		font-size: 18px;
		line-height: 24px;
		font-family: Oswald,sans-serif;
	}

.costing-table {
	font-family: Oswald,sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 26px;
}

	.costing-table.table-striped > tbody > tr:nth-child(odd) > td {
		background: #EFEFF0;
		border-radius: 4px;
	}

	.costing-table.table > tbody > tr > td {
		border: none;
		padding: 0.75em 1em;
	}

.cost-cta-wrap .spec-cta {
	font-family: Oswald,sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 0.1em;
}

.cost-cta-wrap .keyflags-cta {
	width: 100%;
}

.keyflags-services .keyflags-heading-subtitle {
	max-width: 260px
}

.keyflags-services .service-card-title {
	font-size: 20px;
	line-height: 32px;
	padding: 16px 0;
	margin-bottom: 0;
	border-radius: 8px 8px 0 0;
	background-color: #323333;
	color: #fff
}

.keyflags-services .service-card-content {
	padding: 40px 29px 16px;
	box-shadow: 0 2px 8px rgba(0,0,0,.1);
	border-radius: 0 0 8px 8px
}

.keyflags-services .service-card-icon {
	top: 0;
	right: 0
}

.keyflags-services .service-card-content .btn {
	width: 100%
}

.keyflags-how .how-container {
	display: grid;
	justify-items: center
}

.keyflags-how .section-title {
	margin-bottom: 48px
}

.keyflags-how h2.section-title {
	margin: 0 0 46px
}

.keyflags-how h3.section-title {
	margin: 96px 0 44px
}

.keyflags-how .btn-primary {
	font-family: Oswald,sans-serif;
	letter-spacing: .1em !important;
	padding: 12px 23px
}

.keyflags-how .card {
	padding: 24px;
	margin: 0 0 74px;
	width: 327px;
	box-shadow: 0 2px 8px rgba(0,0,0,.1);
	border-radius: 16px
}

.keyflags-how .card-arrow {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%)
}

.keyflags-how .how-container {
	display: grid;
	justify-items: center
}

.keyflags-how .how-card-img {
	margin-bottom: 20px;
}

.keyflags-how .how-card-title-container {
	margin: 0 0 16px
}

.keyflags-how .how-card-title-number, .keyflags-how .how-card-title-number-active {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	font-family: Oswald,sans-serif;
	font-size: 20px;
	margin-right: 8px;
	background: #358ddc;
	color: #fff;
	border-radius: 50%;
	line-height: 24px
}

.keyflags-how .how-card-title-number-active {
	background: #2caf18
}

.keyflags-how .how-card-title-text {
	font-size: 24px;
	line-height: 32px
}

.keyflags-how .how-card-btn, .keyflags-how .how-card-btn-active {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row;
	width: 126px;
	height: 32px;
	margin: 0 auto 24px;
	background: #e5e5e5;
	color: #b45314;
	font-size: 17px;
	font-weight: 600;
	line-height: 24px;
	border: none;
	border-radius: 18px
}

.keyflags-how .how-card-btn-icon {
	display: inline-block;
	margin-right: 8px
}

.keyflags-how .how-card-btn-active {
	background: #2caf18;
	color: #fff
}

.keyflags-how .how-card-description {
	margin-bottom: 0;
	font-size: 18px
}

.keyflags-overview .content-lg {
	display: none
}

.keyflags-overview .txt-need-more, .keyflags-services .txt-need-more {
	font-family: Oswald,sans-serif;
	font-size: 18px;
	line-height: 24px;
	vertical-align: middle
}

.keyflags-overview .spec-cta, .keyflags-services .spec-cta {
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: .1em;
	width: 225px;
	height: 48px;
	font-family: Oswald,sans-serif
}

.keyflags-overview .info {
	margin-top: 3rem
}

	.keyflags-overview .info > div {
		justify-content: center
	}

	.keyflags-overview .info span {
		font-weight: 700;
		color: #358ddc
	}

		.keyflags-overview .info span:first-child {
			width: 24px;
			height: 24px;
			border: 2px solid #358ddc;
			border-radius: 50%;
			margin-right: 10px
		}

.keyflags-overview .content-sm {
	padding: 0 8px
}

	.keyflags-overview .content-sm img {
		max-width: 100%
	}

.keyflags-overview .overview-slider {
	padding: 0 15px
}

	.keyflags-overview .overview-slider.slick-slider {
		position: static
	}

	.keyflags-overview .overview-slider .slick-dots {
		display: block !important;
		position: absolute;
		bottom: 0;
		z-index: 1;
		transform: translateY(100%)
	}

		.keyflags-overview .overview-slider .slick-dots li {
			width: 24px !important;
			height: 24px !important
		}

		.keyflags-overview .overview-slider .slick-dots button {
			width: 13px !important;
			height: 13px !important
		}

			.keyflags-overview .overview-slider .slick-dots button::before {
				content: "";
				width: 11px;
				height: 11px;
				background-color: #323333;
				border-radius: 50%
			}

	.keyflags-overview .overview-num-container .overview-slider li, .keyflags-overview .overview-slider .keyflags-h4, .keyflags-overview .overview-slider .overview-num-container li {
		margin-bottom: 20px
	}

	.keyflags-overview .overview-slider .keyflags-text {
		margin-bottom: 0
	}

.keyflags-overview .overview-num-container {
	padding: 0;
	margin: 0
}

	.keyflags-overview .overview-num-container li {
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 46px;
		height: 46px;
		background-color: #b45314;
		color: #fff;
		border-radius: 50%;
		opacity: 0;
		transition: all .3s ease-in-out
	}

		.keyflags-overview .overview-num-container li:first-child {
			top: 60%;
			left: 0
		}

		.keyflags-overview .overview-num-container li:nth-child(2) {
			top: 30%;
			right: 7%
		}

		.keyflags-overview .overview-num-container li:nth-child(3) {
			top: 50%;
			left: 20%
		}

		.keyflags-overview .overview-num-container li:nth-child(4) {
			top: 70%;
			left: 60%
		}

	.keyflags-overview .overview-num-container .num-visible {
		opacity: 1
	}

	.keyflags-overview .overview-num-container img {
		max-width: 100%
	}

.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 .keyflags-how .btn-primary, .briefing-info-section .keyflags-how .how-card-description, .briefing-info-section .section-text, .keyflags-how .briefing-info-section .btn-primary, .keyflags-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: transparent
}

.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;
	color: #909090
}

.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 .keyflags-how h4.btn-primary, .briefing-info-section .keyflags-how h4.how-card-description, .briefing-info-section h4.section-text, .keyflags-how .briefing-info-section h4.btn-primary, .keyflags-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%
		}

.skew-bg {
	top: 20px;
	left: 0;
	width: 100%;
	height: 100%;
	background: #323333;
	transform: skewY(-1.5deg);
	transform-origin: top left;
}

.review-slider {
	width: 100%
}

	.review-slider header {
		margin-top: 50px
	}

	.review-slider img {
		max-width: 100%
	}

	.review-slider .slick-dots {
		display: block !important;
		margin: 12px 0 52px
	}

		.review-slider .slick-dots li {
			width: auto !important;
			height: auto !important;
			margin: 0
		}

		.review-slider .slick-dots button {
			width: auto !important;
			height: auto !important;
			margin-right: 12px
		}

			.review-slider .slick-dots button::before {
				content: "";
				width: 8px;
				height: 8px;
				background: #909090;
				border-radius: 50%
			}

		.review-slider .slick-dots li.slick-active button::before {
			background-color: #fff
		}

	.review-slider .review-slider-item {
		min-height: unset
	}

.keyflags-reviews .review-stars img {
	padding-right: 5px;
}

.keyflags-reviews .review-writer {
	font-size: 20px;
	line-height: 24px;
}

.keyflags-learn {
	padding-top: 0
}

	.keyflags-learn .container {
		padding-top: 64px;
		padding-bottom: 72px
	}

.how-it-works-wrap {
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	border-radius: 8px
}

.how-it-works-header {
	font-family: Oswald,sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px
}

.how-it-works-text {
	font-size: 18px;
	line-height: 24px;
	opacity: .9;
	min-height: 5.5rem
}

.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 #e5e5e5;
	box-sizing: border-box;
	border-radius: 28px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-right: 0;
	padding: 12px 0 12px 20px;
	box-shadow: none;
	color: #909090;
	font-size: 18px
}

	.previous-gear-search-form .form-control:focus {
		border-color: #e5e5e5;
		animation: none
	}

.previous-gear-search-form .search-btn {
	background: #fff;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	border-radius: 28px;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-left: 0;
	width: 60px;
	padding: 7px 0 0 0
}

	.previous-gear-search-form .search-btn .mdi-magnify {
		font-size: 30px;
		color: #909090
	}

.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 {
	border: 2px solid #e5e5e5;
	box-sizing: border-box;
	border-radius: 4px
}

	.entity-thumb-inner-wrap .entity-thumb-name {
		background: #323333;
		border-radius: 0 0 4px 4px;
		font-family: Oswald,sans-serif;
		padding: 15px 7px;
		font-size: 1rem
	}

.guaranteed-txt {
	font-family: Oswald,sans-serif;
	font-size: 16px;
	line-height: 24px;
	color: #b45314
}

#related-categories .slick-sticker-btn {
	top: 50%
}

#related-categories .related-categories-slider {
	margin: 0 3rem
}

#related-categories .entity-thumb-inner-wrap .entity-thumb-name {
	padding: 11.5px 7px;
	font-size: 18px
}

.keyflags-wrapper section {
	overflow: hidden
}

.keyflags-wrapper .input-file-label {
	overflow: hidden
}

.keyflags-wrapper .contact-form-block-active .input-file-label .contact-btn-exit {
	display: block
}

.keyflags-wrapper .input-file-label .contact-btn-exit {
	display: none;
	border: 1px solid #c7c7c7;
	padding: 0 7px
}

.keyflags-modal .modal-xl {
	width: auto;
	max-width: 1240px;
	margin: 0 auto
}

.keyflags-modal .modal-header {
	border: none;
	padding-top: 32px
}

.keyflags-modal .section-title {
	margin-bottom: 24px
}

.keyflags-modal .section-subtitle {
	font-size: 1rem;
	line-height: 24px;
	text-align: center;
	max-width: 536px;
	margin: 0 auto 12px
}

.keyflags-modal .disclaimer {
	padding: 32px 16px;
	background: #f2f2f2;
	border-radius: 16px
}

	.keyflags-modal .disclaimer .h3 {
		font-size: 24px;
		font-weight: 600;
		line-height: 32px;
		margin-bottom: 32px
	}

.keyflags-modal .disclaimer-item {
	margin-bottom: 32px
}

	.keyflags-modal .disclaimer-item:last-child {
		margin-bottom: 0
	}

	.keyflags-modal .disclaimer-item .h4 {
		font-size: 20px;
		font-weight: 500;
		line-height: 24px;
		margin-bottom: 8px
	}

	.keyflags-modal .disclaimer-item p {
		margin-bottom: 0
	}

.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
}

.font-weight-500 {
	font-weight: 500 !important
}

.border-primary {
	border: 1px solid #358ddc !important
}

.text-body {
	color: #323333 !important
}

.m-b-mini {
	margin-bottom: .5rem !important
}

@media(max-width:576px) {
	.keyflags-hero .container {
		padding: 50px 20px;
	}

		.keyflags-hero .container .keyflags-hero-ATF-sm {
			width: calc(100% + 70px);
			margin-left: -35px !important;
		}
}

@media(max-width:767px) {

	#how-it-works .keyflags-cta, .keyflags-services .keyflags-cta {
		width: 100%
	}

	.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
	}

	.final-step .how-it-works-time-wrap:after {
		content: none
	}

	.zap-newsletter .newsletter-content form {
		margin-bottom: 40px
	}

	.contact-form .section-text {
		font-size: 16px;
		line-height: 22px;
	}
}

@media(min-width:768px) {
	.keyflags-hero .container .keyflags-h1 {
		font-size: 48px;
		line-height: 56px
	}

	.keyflags-hero .btn {
		width: 240px
	}

	.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.keyflags-slider .slick-sticker-btn {
		top: 145px;
		background: 0 0;
		border: none
	}

	.briefing-sticks.keyflags-slider .slick-sticker-prev {
		left: 5%
	}

	.briefing-sticks.keyflags-slider .slider-section .container.m-t-3 {
		padding: 0
	}

	.briefing-sticks.keyflags-slider .keyflags-cta {
		width: 240px;
	}

	.costing-table.table {
		width: 605px !important;
		font-size: 20px;
		line-height: 26px;
	}

	.cost-cta-wrap {
		width: 605px;
	}

		.cost-cta-wrap .spec-cta {
			font-weight: 700;
			font-size: 18px;
			line-height: 24px;
			float: left;
			padding-top: 12px;
			letter-spacing: 0;
		}

		.cost-cta-wrap .keyflags-cta {
			width: 240px;
			float: right;
		}

	.keyflags-services .keyflags-cta {
		width: 290px
	}

	.keyflags-services .keyflags-heading-subtitle {
		max-width: unset
	}

	.keyflags-services .service-card-title {
		font-size: 32px;
		line-height: 40px;
		padding: 32px 0
	}

	.keyflags-services .service-card-content {
		padding: 48px 36px 36px
	}

	.briefing-info-section .keyflags-how .btn-primary, .briefing-info-section .keyflags-how .how-card-description, .briefing-info-section .section-text, .keyflags-how .briefing-info-section .btn-primary, .keyflags-how .briefing-info-section .how-card-description {
		max-width: 470px
	}

	.briefing-info-section .info-num-container li {
		opacity: 0
	}

	.keyflags-overview .overview-slide > div {
		width: 75%
	}

	.keyflags-overview .content-sm {
		padding: 0
	}

		.keyflags-overview .content-sm img {
			max-width: 50vw
		}

	.keyflags-how h2.section-title {
		margin: 0 0 70px
	}

	.keyflags-how .section-title {
		margin-bottom: 64px
	}

	.keyflags-how h3.section-title {
		margin: 120px 0 32px
	}

	.keyflags-how .card {
		display: flex;
		align-items: center;
		justify-content: start;
		width: 550px;
		height: 100%
	}

	.keyflags-how .how-grid-card {
		margin-bottom: 74px
	}

	.keyflags-how .how-card-img {
		min-width: 160px;
		min-height: 160px;
		align-items: center;
		margin: 10px 35px 10px 12px
	}

	.keyflags-how .how-card-container {
		max-width: 314px;
		align-self: center
	}

	.keyflags-how .card-arrow {
		bottom: -64px
	}

	.keyflags-how .how-card-btn, .keyflags-how .how-card-btn-active {
		margin-left: 0;
		margin-bottom: 16px
	}

	#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
	}

	#related-categories .slick-sticker-prev {
		left: 3.5%
	}

	#related-categories .slick-sticker-next {
		right: 3.5%
	}

	#related-categories .related-categories-slider {
		margin: 0 8rem
	}

	.keyflags-learn {
		margin-top: 144px
	}

		.keyflags-learn .container {
			padding-top: 99px
		}

	#how-it-works .keyflags-cta {
		width: 290px
	}

	.keyflags-wrapper .newsletter-bg {
		top: 30px;
		height: calc(100% - 30px)
	}

	.keyflags-wrapper .newsletter-content h2 {
		margin-top: 36px
	}

	.keyflags-modal .section-title {
		font: 700 44px/52px Oswald,sans-serif
	}

	.keyflags-modal .disclaimer {
		max-width: 470px;
		margin-right: 2rem
	}

	.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(max-width:991px) {

	.section-title {
		font-size: 34px;
		line-height: 40px
	}
}

@media(min-width:992px) {
	.keyflags-hero .container {
		padding: 100px 20px 120px
	}

		.keyflags-hero .container .keyflags-hero-ATF {
			left: calc(50% - 16rem);
		}

	.special-items .spl-item-disc {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.keyflags-reviews .review-wrap {
		padding: 18px 24px;
		margin-bottom: 35px;
	}

		.keyflags-reviews .review-wrap .review-img-wrap {
			width: 160px;
			float: left;
			margin-right: 24px;
			padding-top: 7px;
		}

		.keyflags-reviews .review-wrap .review-disc-wrap {
			width: 55%;
			display: inline-block;
		}

			.keyflags-reviews .review-wrap .review-disc-wrap h3 {
				margin: 6px 0 10px;
			}

	.embroidery-section .keyflags-heading-subtitle {
		font-weight: 700;
		font-size: 26px
	}
}

@media(min-width:1024px) {
	.keyflags-hero {
		background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 166.09%), url(/skins/aviator-gear/rectangles/keyflags/images/keyflags-lg.jpg);
		background-size: cover
	}

		.keyflags-hero .keyflags-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.keyflags-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.keyflags-slider .responsive-slider-item {
		border: 1px solid #e5e5e5;
		border-radius: 4px
	}

	.briefing-sticks.keyflags-slider .responsive-slider .slick-slide {
		border: none
	}

	.briefing-sticks.keyflags-slider .slick-sticker-btn {
		top: calc(251px + 35px);
		border: 2px solid #e5e5e5
	}

	.briefing-sticks.keyflags-slider .slick-sticker-next, .briefing-sticks.keyflags-slider .slick-sticker-prev {
		left: 50%;
		transform: translate(-350px,-50%) rotate(180deg)
	}

	.briefing-sticks.keyflags-slider .slick-sticker-next {
		transform: translate(280px,-50%)
	}

	.briefing-sticks.keyflags-slider .responsive-slider-item {
		padding: 502px 0 0;
		max-height: 502px
	}

	.briefing-sticks.keyflags-slider .slider-item-description {
		padding: 12px 0;
		display: none
	}

	.briefing-sticks.keyflags-slider .slick-current .slider-item-description {
		display: block
	}

	.briefing-info-section {
		display: block
	}

		.briefing-info-section .info-slider-bg-sm {
			display: none !important
		}

	.keyflags-reviews .review-wrap .review-disc-wrap {
		width: 57%;
	}

	.keyflags-overview .content-sm {
		display: none
	}

	.keyflags-overview .content-lg {
		display: block
	}

		.keyflags-overview .content-lg ul {
			padding-left: 0;
			max-width: 470px;
			list-style: none;
			margin-left: 32px
		}

		.keyflags-overview .content-lg li {
			margin-bottom: 36px
		}

	.keyflags-overview .keyflags-h4, .keyflags-overview .overview-num-container li {
		display: flex;
		align-items: center;
		margin-bottom: 12px
	}

		.keyflags-overview .keyflags-h4 span, .keyflags-overview .overview-num-container li span {
			width: 40px;
			height: 40px;
			margin-right: 12px;
			border-radius: 50%;
			border: 2px solid #b45314
		}

	.keyflags-overview .info {
		margin-top: 0
	}

		.keyflags-overview .info > div {
			justify-content: flex-start
		}

	.keyflags-wrapper .newsletter-bg {
		top: 32px;
		height: calc(100% - 40px)
	}

	.keyflags-modal .contact-form {
		width: 570px
	}
}

@media(min-width:1200px) {
	.keyflags-reviews .review-wrap .review-disc-wrap {
		width: 55%;
	}

	.special-items .spl-item-disc {
		padding-left: 3.5rem;
		padding-right: 3.5rem;
	}

	.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:1380px) {
	.keyflags-hero .container {
		padding: 125px 100px
	}

	.keyflags-reviews .review-wrap .review-disc-wrap {
		width: 60%;
	}

	.special-items .spl-item-disc {
		padding-left: 5rem;
		padding-right: 5rem;
	}
}

@media(min-width:1440px) {
	.keyflags-overview .content-lg ul {
		margin-left: 100px
	}

	.keyflags-how .how-container {
		grid-row-gap: 90px;
		grid-column-gap: 46px;
		grid-template-areas: "order order" "artwork production" "shipping shipping"
	}

	.keyflags-how .how-card-container {
		align-self: flex-start;
		padding-left: 0
	}

	.keyflags-how .how-grid-card {
		grid-area: order;
		margin-bottom: 0
	}

		.keyflags-how .how-grid-card:nth-child(2) {
			grid-area: artwork;
			justify-self: end
		}

			.keyflags-how .how-grid-card:nth-child(2) .card {
				width: 550px
			}

			.keyflags-how .how-grid-card:nth-child(2) .card-arrow {
				right: -88px;
				left: unset;
				bottom: unset;
				transform: translateX(-50%) rotate(270deg)
			}

				.keyflags-how .how-grid-card:nth-child(2) .card-arrow img {
					width: 64px;
					height: 34px
				}

		.keyflags-how .how-grid-card:nth-child(3) {
			grid-area: production;
			justify-self: start
		}

			.keyflags-how .how-grid-card:nth-child(3) .card {
				width: 550px
			}

			.keyflags-how .how-grid-card:nth-child(3) .card-arrow {
				left: -25px;
				bottom: -60px
			}

		.keyflags-how .how-grid-card:nth-child(4) {
			grid-area: shipping
		}

	.keyflags-how .card {
		margin: 0;
		max-height: 240px;
		width: 570px
	}

	.keyflags-how .card-container {
		padding-left: 0
	}

	.keyflags-wrapper .newsletter-bg {
		top: 24px
	}
}
