@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
}

.keychains-tooltip.tooltip {
	left: 32px !important
}

	.keychains-tooltip.tooltip.in {
		opacity: 1
	}

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

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

.keychains-tooltip .tooltip-inner-customizer {
	max-width: 265px
}

.keychains-tooltip-sm .tooltip-inner-customizer {
	max-width: 163px
}

.keychains-heading {
	font-family: Oswald,sans-serif;
	font-weight: 700;
	font-size: 40px;
	line-height: 48px;
	margin: 0;
	text-transform: uppercase;
	color: #323333
}

.keychains-disc {
	font-size: 18px;
	line-height: 24px;
	color: #323333
}

.keychains-sub-disc {
	font-family: Oswald,sans-serif;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: .1em
}

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

.keychains-h4, .keychains-overview .overview-num-container li {
	font-size: 24px;
	font-weight: 600;
	line-height: 32px
}

.keychains-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;
}

.keychains-wrapper .btn {
	font-weight: 500;
	font-family: Oswald,sans-serif;
	font-size: 18px;
	line-height: 24px
}

	.keychains-wrapper .btn:hover {
		animation: none
	}

.keychains-hero {
	background: linear-gradient(90deg, #323333 0%, rgba(50, 51, 51, 0.834669) 16.71%, rgba(50, 51, 51, 0.787792) 64.07%, rgba(50, 51, 51, 0.9) 101.04%), url(/skins/aviator-gear/rectangles/keychains/images/keychains-sm.jpg);
	background-size: cover;
	font-family: Oswald,sans-serif
}

	.keychains-hero .container {
		padding: 50px 20px 0
	}

		.keychains-hero .container .keychains-h1 {
			font-size: 38px;
			line-height: 42px
		}

			.keychains-hero .container .keychains-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
			}

		.keychains-hero .container hr {
			opacity: .3;
			border: 1px solid #909090
		}

	.keychains-hero .keychains-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;
	}

	.keychains-hero .keychains-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);
	}

	.keychains-hero .hero-subtitle {
		font-weight: 500;
		font-size: 18px;
		line-height: 24px
	}

	.keychains-hero .btn {
		width: 100%;
		padding: 11px;
		border-radius: 4px;
		text-align: center;
		letter-spacing: .1em;
		font-weight: 500;
		font-size: 18px;
		line-height: 24px
	}

		.keychains-hero .btn:hover {
			animation: none
		}

	.keychains-hero .cta-text {
		font-size: 18px;
		line-height: 24px;
		color: #b45314;
		font-weight: 600
	}

	.keychains-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;
}

.keychains-services-cta-text {
	font-size: 18px
}

.keychains-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: unset;
	height: 240px;
	min-width: unset;
	padding: 0;
	left: 50%;
	border: 1px solid #e5e5e5;
	border-radius: 4px;
	transform: translateX(-50%)
}

.briefing-sticks.keychains-slider .defer-image .defer-pic {
	padding: 10px 3rem;
}

.briefing-sticks.keychains-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
}

.guarantee-wrap .guarantee-badge-img {
	z-index: 1;
}

.guarantee-wrap .guarantee-badge-disc {
	background: rgba(180, 83, 20, 0.1);
	border-radius: 16px;
	color: #B45314;
	font-weight: 600;
	font-size: 17px;
	line-height: 24px;
	padding: 52px 10px 33px;
	top: -33px;
}

.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 .keychains-cta {
	width: 100%;
}

.keychains-services .keychains-heading-subtitle {
	max-width: 260px
}

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

.keychains-services .service-card-content {
	padding: 40px 29px 16px;
	box-shadow: 0 2px 8px rgba(0,0,0,.1);
	border-radius: 0 0 8px 8px
}

.keychains-services .service-card-icon {
	top: 0;
	right: 0
}

.keychains-services .service-card-content .btn {
	width: 100%
}

.keychains-how .how-container {
	display: grid;
	justify-items: center
}

.keychains-how .section-title {
	margin-bottom: 48px
}

.keychains-how h2.section-title {
	margin: 0 0 46px
}

.keychains-how h3.section-title {
	margin: 96px 0 44px
}

.keychains-how .btn-primary {
	font-family: Oswald,sans-serif;
	letter-spacing: .1em !important;
	padding: 12px 23px
}

.keychains-how .card {
	padding: 24px;
	margin: 0 0 74px;
	width: 327px;
	box-shadow: 0 2px 8px rgba(0,0,0,.1);
	border-radius: 16px
}

.keychains-how .card-arrow {
	position: absolute;
	bottom: 15px;
	left: 50%;
	transform: translateX(-50%)
}

.keychains-how .how-container {
	display: grid;
	justify-items: center
}

.keychains-how .how-card-img {
	margin-bottom: 20px;
}

.keychains-how .how-card-title-container {
	margin: 0 0 16px
}

.keychains-how .how-card-title-number, .keychains-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
}

.keychains-how .how-card-title-number-active {
	background: #2caf18
}

.keychains-how .how-card-title-text {
	font-size: 24px;
	line-height: 32px
}

.keychains-how .how-card-btn, .keychains-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
}

.keychains-how .how-card-btn-icon {
	display: inline-block;
	margin-right: 8px
}

.keychains-how .how-card-btn-active {
	background: #2caf18;
	color: #fff
}

.keychains-how .how-card-description {
	margin-bottom: 0;
	font-size: 18px
}

.keychains-overview .content-lg {
	display: none
}

.keychains-overview .txt-need-more, .keychains-services .txt-need-more {
	font-family: Oswald,sans-serif;
	font-size: 18px;
	line-height: 24px;
	vertical-align: middle
}

.keychains-overview .spec-cta, .keychains-services .spec-cta {
	font-weight: 500;
	font-size: 18px;
	line-height: 32px;
	letter-spacing: .1em;
	width: 225px;
	height: 48px;
	font-family: Oswald,sans-serif
}

.keychains-overview .info {
	margin-top: 3rem
}

	.keychains-overview .info > div {
		justify-content: center
	}

	.keychains-overview .info span {
		font-weight: 700;
		color: #358ddc
	}

		.keychains-overview .info span:first-child {
			width: 24px;
			height: 24px;
			border: 2px solid #358ddc;
			border-radius: 50%;
			margin-right: 10px
		}

.keychains-overview .content-sm {
	padding: 0 8px
}

	.keychains-overview .content-sm img {
		max-width: 100%
	}

.keychains-overview .overview-slider {
	padding: 0 15px
}

	.keychains-overview .overview-slider.slick-slider {
		position: static
	}

	.keychains-overview .overview-slider .slick-dots {
		display: block !important;
		position: absolute;
		bottom: 0;
		z-index: 1;
		transform: translateY(100%)
	}

		.keychains-overview .overview-slider .slick-dots li {
			width: 24px !important;
			height: 24px !important
		}

		.keychains-overview .overview-slider .slick-dots button {
			width: 13px !important;
			height: 13px !important
		}

			.keychains-overview .overview-slider .slick-dots button::before {
				content: "";
				width: 11px;
				height: 11px;
				background-color: #323333;
				border-radius: 50%
			}

	.keychains-overview .overview-num-container .overview-slider li, .keychains-overview .overview-slider .keychains-h4, .keychains-overview .overview-slider .overview-num-container li {
		margin-bottom: 20px
	}

	.keychains-overview .overview-slider .keychains-text {
		margin-bottom: 0
	}

.keychains-overview .overview-num-container {
	padding: 0;
	margin: 0
}

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

		.keychains-overview .overview-num-container li:first-child {
			top: 60%;
			left: 0
		}

		.keychains-overview .overview-num-container li:nth-child(2) {
			top: 30%;
			right: 7%
		}

		.keychains-overview .overview-num-container li:nth-child(3) {
			top: 50%;
			left: 20%
		}

		.keychains-overview .overview-num-container li:nth-child(4) {
			top: 70%;
			left: 60%
		}

	.keychains-overview .overview-num-container .num-visible {
		opacity: 1
	}

	.keychains-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 .keychains-how .btn-primary, .briefing-info-section .keychains-how .how-card-description, .briefing-info-section .section-text, .keychains-how .briefing-info-section .btn-primary, .keychains-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 .keychains-how h4.btn-primary, .briefing-info-section .keychains-how h4.how-card-description, .briefing-info-section h4.section-text, .keychains-how .briefing-info-section h4.btn-primary, .keychains-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;
}

.plane-bg {
	top: 50px;
}

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

.keychains-reviews .border-wrap {
	border-top: 2px solid #B45314;
	border-bottom: 2px solid #B45314;
	margin: 0 20px;
}

.keychains-reviews .review-stars img {
	padding-right: 5px;
}

.keychains-reviews .double-heading {
	font-size: 32px;
	line-height: 40px;
	color: #323333;
}

.keychains-reviews .review-writer {
	font-size: 20px;
	line-height: 24px;
}

.keychains-reviews .review-disc {
	font-size: 18px;
	line-height: 24px;
}

.keychains-learn {
	padding-top: 0
}

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

.keychains-wrapper section {
	overflow: hidden
}

.keychains-wrapper .input-file-label {
	overflow: hidden
}

.keychains-wrapper .contact-form-block-active .input-file-label .contact-btn-exit {
	display: block
}

.keychains-wrapper .input-file-label .contact-btn-exit {
	display: none;
	border: 1px solid #c7c7c7;
	padding: 0 7px
}

.keychains-modal .modal-xl {
	width: auto;
	max-width: 1240px;
	margin: 0 auto
}

.keychains-modal .modal-header {
	border: none;
	padding-top: 32px
}

.keychains-modal .section-title {
	margin-bottom: 24px
}

.keychains-modal .section-subtitle {
	font-size: 1rem;
	line-height: 24px;
	text-align: center;
	max-width: 536px;
	margin: 0 auto 12px
}

.keychains-modal .disclaimer {
	padding: 32px 16px;
	background: #f2f2f2;
	border-radius: 16px
}

	.keychains-modal .disclaimer .h3 {
		font-size: 24px;
		font-weight: 600;
		line-height: 32px;
		margin-bottom: 32px
	}

.keychains-modal .disclaimer-item {
	margin-bottom: 32px
}

	.keychains-modal .disclaimer-item:last-child {
		margin-bottom: 0
	}

	.keychains-modal .disclaimer-item .h4 {
		font-size: 20px;
		font-weight: 500;
		line-height: 24px;
		margin-bottom: 8px
	}

	.keychains-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:767px) {
	.keychains-hero .keychains-hero-ATF-wrap {
		padding: 0 0 27px;
		margin: 0 -20px;
	}
	
	#how-it-works .keychains-cta, .keychains-services .keychains-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) {
	.keychains-hero .container .keychains-h1 {
		font-size: 48px;
		line-height: 56px
	}

	.keychains-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.keychains-slider .slick-sticker-btn {
		top: 145px;
		background: 0 0;
		border: none
	}

	.briefing-sticks.keychains-slider .slick-sticker-prev {
		left: 5%
	}

	.briefing-sticks.keychains-slider .slider-section .container.m-t-3 {
		padding: 0
	}

	.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 .keychains-cta {
			width: 240px;
			float: right;
		}

	.keychains-services .keychains-cta {
		width: 290px
	}

	.keychains-services .keychains-heading-subtitle {
		max-width: unset
	}

	.keychains-services .service-card-title {
		font-size: 32px;
		line-height: 40px;
		padding: 32px 0
	}

	.keychains-services .service-card-content {
		padding: 48px 36px 36px
	}

	.briefing-info-section .keychains-how .btn-primary, .briefing-info-section .keychains-how .how-card-description, .briefing-info-section .section-text, .keychains-how .briefing-info-section .btn-primary, .keychains-how .briefing-info-section .how-card-description {
		max-width: 470px
	}

	.briefing-info-section .info-num-container li {
		opacity: 0
	}

	.keychains-overview .overview-slide > div {
		width: 75%
	}

	.keychains-overview .content-sm {
		padding: 0
	}

		.keychains-overview .content-sm img {
			max-width: 50vw
		}

	.keychains-how h2.section-title {
		margin: 0 0 70px
	}

	.keychains-how .section-title {
		margin-bottom: 64px
	}

	.keychains-how h3.section-title {
		margin: 120px 0 32px
	}

	.keychains-how .card {
		display: flex;
		align-items: center;
		justify-content: start;
		width: 550px;
		height: 100%
	}

	.keychains-how .how-grid-card {
		margin-bottom: 74px
	}

	.keychains-how .how-card-img {
		min-width: 160px;
		min-height: 160px;
		align-items: center;
		margin: 10px 35px 10px 12px
	}

	.keychains-how .how-card-container {
		max-width: 314px;
		align-self: center
	}

	.keychains-how .card-arrow {
		bottom: -64px
	}

	.keychains-how .how-card-btn, .keychains-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
	}

	.keychains-learn {
		margin-top: 144px
	}

		.keychains-learn .container {
			padding-top: 99px
		}

	#how-it-works .keychains-cta {
		width: 290px
	}

	.keychains-wrapper .newsletter-bg {
		top: 30px;
		height: calc(100% - 30px)
	}

	.keychains-wrapper .newsletter-content h2 {
		margin-top: 36px
	}

	.keychains-modal .section-title {
		font: 700 44px/52px Oswald,sans-serif
	}

	.keychains-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) {
	.keychains-hero .container {
		padding: 0 20px
	}

		.keychains-hero .container .section-body {
			padding-top: 34px;
			padding-bottom: 34px;
		}

			.keychains-hero .container .section-body .btn {
				width: 215px;
			}

	.keychains-hero .keychains-hero-span {
		right: calc(50% - 29rem);
	}

	.keychains-hero .container hr, .keychains-hero .hero-subtitle {
		width: 85%;
	}
	
	.special-items .spl-item-disc {
		padding-left: 2rem;
		padding-right: 2rem;
	}

	.guarantee-wrap .guarantee-badge-img {
		right: -20px;
	}

	.guarantee-wrap .guarantee-badge-disc {
		border-radius: 14.5px;
		padding: 20px 15px 20px 70px;
		width: 550px;
		display: inline-block;
		top: 18px;
		left: -15px;
		text-align: left;
	}



	.keychains-reviews .border-wrap {
		border-left: 2px solid #B45314;
		border-right: 2px solid #B45314;
		border-top: none;
		border-bottom: none;
		margin: 0 0 0 16.66667%;
	}

	.keychains-reviews .double-heading {
		font-size: 28px;
		line-height: 40px;
	}

	.keychains-reviews .review-disc {
		font-size: 16px;
		line-height: 20px;
	}

	.embroidery-section .keychains-heading-subtitle {
		font-weight: 700;
		font-size: 26px
	}
}

@media(min-width:1024px) {
	.keychains-hero {
		background: linear-gradient(90deg, #323333 0%, rgba(50, 51, 51, 0.75) 101.04%), url(/skins/aviator-gear/rectangles/keychains/images/keychains-lg.jpg);
		background-size: cover
	}

		.keychains-hero .keychains-hero-span {
			right: calc(50% - 32rem);
		}

	.briefing-sticks .defer-image img {
		top: 50%;
		max-width: 100%;
		width: unset;
		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.keychains-slider .defer-image img {
		top: 50%;
		max-width: 100%;
		width: unset;
		border: none;
		height: 440px;
		max-height: 100%;
		transform: translate(-50%,-50%)
	}

	.briefing-sticks.keychains-slider .defer-image .defer-pic {
		padding: 0 6rem;
	}


	.briefing-sticks.keychains-slider .responsive-slider-item {
		border: 1px solid #e5e5e5;
		border-radius: 4px
	}

	.briefing-sticks.keychains-slider .responsive-slider .slick-slide {
		border: none
	}

	.briefing-sticks.keychains-slider .slick-sticker-btn {
		top: calc(251px + 35px);
		border: 2px solid #e5e5e5
	}

	.briefing-sticks.keychains-slider .slick-sticker-next, .briefing-sticks.keychains-slider .slick-sticker-prev {
		left: 50%;
		transform: translate(-350px,-50%) rotate(180deg)
	}

	.briefing-sticks.keychains-slider .slick-sticker-next {
		transform: translate(280px,-50%)
	}

	.briefing-sticks.keychains-slider .responsive-slider-item {
		padding: 502px 0 0;
		max-height: 502px
	}

	.briefing-sticks.keychains-slider .slider-item-description {
		padding: 12px 0;
		display: none
	}

	.briefing-sticks.keychains-slider .slick-current .slider-item-description {
		display: block
	}

	.briefing-info-section {
		display: block
	}

		.briefing-info-section .info-slider-bg-sm {
			display: none !important
		}

	.keychains-overview .content-sm {
		display: none
	}

	.keychains-overview .content-lg {
		display: block
	}

		.keychains-overview .content-lg ul {
			padding-left: 0;
			max-width: 470px;
			list-style: none;
			margin-left: 32px
		}

		.keychains-overview .content-lg li {
			margin-bottom: 36px
		}

	.keychains-overview .keychains-h4, .keychains-overview .overview-num-container li {
		display: flex;
		align-items: center;
		margin-bottom: 12px
	}

		.keychains-overview .keychains-h4 span, .keychains-overview .overview-num-container li span {
			width: 40px;
			height: 40px;
			margin-right: 12px;
			border-radius: 50%;
			border: 2px solid #b45314
		}

	.keychains-overview .info {
		margin-top: 0
	}

		.keychains-overview .info > div {
			justify-content: flex-start
		}

	.keychains-wrapper .newsletter-bg {
		top: 32px;
		height: calc(100% - 40px)
	}

	.keychains-modal .contact-form {
		width: 570px
	}
}

@media(min-width:1200px) {
	.keychains-hero .container .section-body {
		padding-top: 88px;
		padding-bottom: 88px;
	}

		.keychains-hero .container .section-body .btn {
			width: 240px;
		}

	.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) {
	.keychains-hero .container {
		padding: 0 100px
	}

		.keychains-hero .container .section-body {
			padding-top: 93px;
			padding-bottom: 0px;
		}

	.special-items .spl-item-disc {
		padding-left: 5rem;
		padding-right: 5rem;
	}
}

@media(min-width:1440px) {
	.keychains-overview .content-lg ul {
		margin-left: 100px
	}

	.keychains-how .how-container {
		grid-row-gap: 90px;
		grid-column-gap: 46px;
		grid-template-areas: "order order" "artwork production" "shipping shipping"
	}

	.keychains-how .how-card-container {
		align-self: flex-start;
		padding-left: 0
	}

	.keychains-how .how-grid-card {
		grid-area: order;
		margin-bottom: 0
	}

		.keychains-how .how-grid-card:nth-child(2) {
			grid-area: artwork;
			justify-self: end
		}

			.keychains-how .how-grid-card:nth-child(2) .card {
				width: 550px
			}

			.keychains-how .how-grid-card:nth-child(2) .card-arrow {
				right: -88px;
				left: unset;
				bottom: unset;
				transform: translateX(-50%) rotate(270deg)
			}

				.keychains-how .how-grid-card:nth-child(2) .card-arrow img {
					width: 64px;
					height: 34px
				}

		.keychains-how .how-grid-card:nth-child(3) {
			grid-area: production;
			justify-self: start
		}

			.keychains-how .how-grid-card:nth-child(3) .card {
				width: 550px
			}

			.keychains-how .how-grid-card:nth-child(3) .card-arrow {
				left: -25px;
				bottom: -60px
			}

		.keychains-how .how-grid-card:nth-child(4) {
			grid-area: shipping
		}

	.keychains-how .card {
		margin: 0;
		max-height: 240px;
		width: 570px
	}

	.keychains-how .card-container {
		padding-left: 0
	}

	.keychains-wrapper .newsletter-bg {
		top: 24px
	}
}