body {
}
.container {
	max-width: 1128px;
	padding: 0
}

@media(min-width: 768px) {
	.container {
		padding: 0 32px
	}
}

@media screen and (min-width: 1280px) {
	.container {
		padding: 0 76px
	}
}

@media(min-width: 1200px) {
	.container {
		max-width: 1560px
	}
}

.container .component-rich-text-block__container {
	max-width: 100% !important;
	padding: 0 !important
}

.row {
	margin: 0;
	padding: 0 16px
}

@media(min-width: 768px) {
	.row {
		padding: 0
	}
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-left: 8px;
	padding-right: 8px
}

@media(min-width: 768px) {
	.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
		padding-left: 12px;
		padding-right: 12px
	}

		.col:first-of-type, .col-1:first-of-type, .col-10:first-of-type, .col-11:first-of-type, .col-12:first-of-type, .col-2:first-of-type, .col-3:first-of-type, .col-4:first-of-type, .col-5:first-of-type, .col-6:first-of-type, .col-7:first-of-type, .col-8:first-of-type, .col-9:first-of-type, .col-auto:first-of-type, .col-lg:first-of-type, .col-lg-1:first-of-type, .col-lg-10:first-of-type, .col-lg-11:first-of-type, .col-lg-12:first-of-type, .col-lg-2:first-of-type, .col-lg-3:first-of-type, .col-lg-4:first-of-type, .col-lg-5:first-of-type, .col-lg-6:first-of-type, .col-lg-7:first-of-type, .col-lg-8:first-of-type, .col-lg-9:first-of-type, .col-lg-auto:first-of-type, .col-md:first-of-type, .col-md-1:first-of-type, .col-md-10:first-of-type, .col-md-11:first-of-type, .col-md-12:first-of-type, .col-md-2:first-of-type, .col-md-3:first-of-type, .col-md-4:first-of-type, .col-md-5:first-of-type, .col-md-6:first-of-type, .col-md-7:first-of-type, .col-md-8:first-of-type, .col-md-9:first-of-type, .col-md-auto:first-of-type, .col-sm:first-of-type, .col-sm-1:first-of-type, .col-sm-10:first-of-type, .col-sm-11:first-of-type, .col-sm-12:first-of-type, .col-sm-2:first-of-type, .col-sm-3:first-of-type, .col-sm-4:first-of-type, .col-sm-5:first-of-type, .col-sm-6:first-of-type, .col-sm-7:first-of-type, .col-sm-8:first-of-type, .col-sm-9:first-of-type, .col-sm-auto:first-of-type, .col-xl:first-of-type, .col-xl-1:first-of-type, .col-xl-10:first-of-type, .col-xl-11:first-of-type, .col-xl-12:first-of-type, .col-xl-2:first-of-type, .col-xl-3:first-of-type, .col-xl-4:first-of-type, .col-xl-5:first-of-type, .col-xl-6:first-of-type, .col-xl-7:first-of-type, .col-xl-8:first-of-type, .col-xl-9:first-of-type, .col-xl-auto:first-of-type {
			padding-left: 0
		}

		.col:last-of-type, .col-1:last-of-type, .col-10:last-of-type, .col-11:last-of-type, .col-12:last-of-type, .col-2:last-of-type, .col-3:last-of-type, .col-4:last-of-type, .col-5:last-of-type, .col-6:last-of-type, .col-7:last-of-type, .col-8:last-of-type, .col-9:last-of-type, .col-auto:last-of-type, .col-lg:last-of-type, .col-lg-1:last-of-type, .col-lg-10:last-of-type, .col-lg-11:last-of-type, .col-lg-12:last-of-type, .col-lg-2:last-of-type, .col-lg-3:last-of-type, .col-lg-4:last-of-type, .col-lg-5:last-of-type, .col-lg-6:last-of-type, .col-lg-7:last-of-type, .col-lg-8:last-of-type, .col-lg-9:last-of-type, .col-lg-auto:last-of-type, .col-md:last-of-type, .col-md-1:last-of-type, .col-md-10:last-of-type, .col-md-11:last-of-type, .col-md-12:last-of-type, .col-md-2:last-of-type, .col-md-3:last-of-type, .col-md-4:last-of-type, .col-md-5:last-of-type, .col-md-6:last-of-type, .col-md-7:last-of-type, .col-md-8:last-of-type, .col-md-9:last-of-type, .col-md-auto:last-of-type, .col-sm:last-of-type, .col-sm-1:last-of-type, .col-sm-10:last-of-type, .col-sm-11:last-of-type, .col-sm-12:last-of-type, .col-sm-2:last-of-type, .col-sm-3:last-of-type, .col-sm-4:last-of-type, .col-sm-5:last-of-type, .col-sm-6:last-of-type, .col-sm-7:last-of-type, .col-sm-8:last-of-type, .col-sm-9:last-of-type, .col-sm-auto:last-of-type, .col-xl:last-of-type, .col-xl-1:last-of-type, .col-xl-10:last-of-type, .col-xl-11:last-of-type, .col-xl-12:last-of-type, .col-xl-2:last-of-type, .col-xl-3:last-of-type, .col-xl-4:last-of-type, .col-xl-5:last-of-type, .col-xl-6:last-of-type, .col-xl-7:last-of-type, .col-xl-8:last-of-type, .col-xl-9:last-of-type, .col-xl-auto:last-of-type {
			padding-right: 0
		}
}

body {
	margin: 0px
}

	body.active {
		overflow-y: hidden !important;
		height: 100% !important
	}

@media(min-width: 768px) {
	.header {
		position: relative;
		z-index: 6
	}
}

.header__top {
	background-color: #3898b8;
	display: none
}

@media(min-width: 992px) {
	.header__top {
		display: block
	}
}

.header__top-container {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	height: 48px
}

	.header__top-container .utility-nav ul {
		display: flex;
		list-style: none;
		margin: 0
	}

	.header__top-container .utility-nav a {
		transition: all .2s ease-in-out;
		font-size: 14px;
		color: #fff;
		padding-right: 1.5rem
	}

.header__right-content {
	background-color: #003e51;
	border-radius: 0 0 0 20px;
	color: #fff;
	font-size: 14px;
	display: flex;
	height: 48px;
	align-items: center;
	padding: 0 1rem 0 2rem;
	position: relative
}

	.header__right-content a {
		transition: all .2s ease-in-out;
		color: #fff
	}

@media(min-width: 992px) {
	.header__color-block {
		height: 48px;
		width: 6%;
		background-color: #003e51;
		position: absolute;
		right: 0;
		z-index: 0
	}
}

@media screen and (min-width: 1590px) {
	.header__color-block {
		width: 15%
	}
}

@media screen and (min-width: 2030px) {
	.header__color-block {
		width: 20%
	}
}

@media screen and (min-width: 2365px) {
	.header__color-block {
		width: 30%
	}
}

@media screen and (min-width: 3540px) {
	.header__color-block {
		width: 40%
	}
}

.header__language a {
	display: flex;
	align-items: center
}

	.header__language a:hover {
		text-decoration: none
	}

	.header__language a.active .arrow {
		margin: .15rem 0 0 .5rem;
		transform: rotate(-135deg)
	}

.header__language-icon {
	padding-right: .5rem
}

	.header__language-icon img {
		border-radius: 50%;
		max-width: 16px
	}

.header__my-account {
	margin-right: 1.1rem;
	padding-left: 1.1rem
}

	.header__my-account svg {
		margin-right: .25rem
	}

	.header__my-account a {
		display: flex;
		align-items: center
	}

		.header__my-account a:hover {
			text-decoration: none
		}

		.header__my-account a.active .arrow {
			margin: .15rem 0 0 .5rem;
			transform: rotate(-135deg)
		}

.header__cart-desktop {
	position: relative
}

	.header__cart-desktop button {
		background-color: transparent;
		border: none;
		outline: none
	}

.header__desktop-cart-items {
	min-width: 1rem;
	min-height: 1rem;
	top: -3px;
	right: 0;
	position: absolute;
	color: #333;
	background-color: #fff;
	border-radius: 9999px;
	font-size: 0.625rem; /* 10px */
	font-weight: 500;
	aspect-ratio: 1 / 1;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: content-box;
	white-space: nowrap;
	padding: 1.5px;
}

.header .modal {
	padding-top: 4.5rem
}

@media(min-width: 768px) {
	.header .modal {
		padding-top: 3.5rem
	}
}

.header .modal-content {
	overflow-y: auto;
	max-height: 88vh;
	height: auto;
	right: 0;
	left: 0;
	position: fixed;
	border-radius: 20px;
	max-width: 360px;
	width: 100%
}

@media(min-width: 768px) {
	.header .modal-content {
		max-height: 732px;
		height: auto;
		right: 0;
		left: 54%;
		position: fixed;
		border-radius: 20px;
		max-width: 360px;
		width: 100%
	}
}

.header .modal-close {
	top: 0;
	margin-top: 1rem;
	margin-right: 1rem;
	right: 0;
	background: url(../../../Images/modal-close-black.svg) no-repeat 0 0 #fff
}

.header .modal-header {
	padding: 46px 32px 16px 32px
}

.header .modal-body {
	padding: 0 32px 0px
}

.header__cart-col-container {
	display: flex;
	flex-direction: column
}

@media(min-width: 768px) {
	.header__cart-col-container {
		display: flex;
		flex-direction: column
	}
}

.header__cart-col-container hr {
	margin-left: 0;
	margin-right: 0;
	border-color: #d4d4d4 !important;
	border: solid;
	border-width: .3px;
	margin-bottom: 1rem
}

@media(min-width: 768px) {
	.header__cart-col-container hr {
		margin-left: 0;
		margin-right: 0;
		border-color: #d4d4d4 !important;
		border: solid;
		border-width: .3px;
		margin-bottom: 1rem
	}
}

.header__cart-container {
	padding-left: 0;
	padding-right: 0;
	height: 100%;
	width: 100%;
	display: flex
}

@media(min-width: 768px) {
	.header__cart-container {
		padding-left: unset;
		padding-right: unset;
		height: 100%;
		width: 100%;
		display: flex
	}
}

.header__cart-image-container {
	max-width: 84px;
	width: 100%;
	position: relative
}

.header__cart-image {
	background-size: contain;
	background-repeat: no-repeat;
	max-width: 128px;
	width: 100%;
	height: 71px;
	background-image: url(../../../Images/pdp-osec-temp.jpg)
}

.header__cart-content {
	flex: 1;
	margin-left: 1rem;
	padding-left: 0
}

@media(min-width: 768px) {
	.header__cart-content {
		flex: 1;
		margin-left: 1rem;
		padding-left: 0
	}
}

.header__cart-right-section .title {
	font-size: 16px
}

.header__cart-right-section a {
	text-decoration: none
}

.header__qty-container {
	display: flex;
	font-size: 14px;
	font-weight: 500;
	color: #4d4d4f;
	margin-bottom: 8px
}

.header__qty-container-value {
	margin-left: 8px;
	font-weight: 400
}

.header__price-container {
	display: flex;
	flex-direction: column;
	margin-bottom: 8px
}

.header__price-value {
	font-size: 16px;
	color: #4d4d4f;
	font-weight: 500;
	margin-bottom: 8px
}

@media(min-width: 768px) {
	.header__price-value {
		font-size: 16px;
		color: #4d4d4f;
		font-weight: 500;
		margin-bottom: 0
	}
}

.header__subtotal-container {
	display: flex;
	justify-content: space-between;
	padding-left: 0;
	margin-top: 1rem
}

@media(min-width: 992px) {
	.header__subtotal-container {
		display: flex;
		justify-content: space-between;
		padding-left: unset
	}
}

.header__subtotal-items {
	margin-left: 4px
}

.header__subtotal-total {
	color: #333;
	font-size: 16px;
	line-height: 26px;
	font-weight: 500
}

.header__checkout-container {
	padding-left: 0;
	padding-right: 0;
	display: flex;
	justify-content: center;
	margin-top: 2rem;
	margin-bottom: 2rem
}

@media(min-width: 768px) {
	.header__checkout-container {
		display: flex;
		justify-content: center;
		margin-top: 2rem;
		margin-bottom: 2rem;
		padding-left: unset;
		padding-right: unset
	}
}

.header__checkout-container button, .header__checkout-container a {
	flex: 1;
	outline: none;
	text-align: center
}

.header__checkout-warning {
	margin-top: 1rem;
	font-size: 14px
}

.header__viewcart-container {
	text-align: right;
	margin-top: 1rem
}

	.header__viewcart-container a {
		font-weight: 600
	}

.header .arrow {
	border: solid #fff;
	border-width: 0 1px 1px 0;
	display: inline-block;
	padding: 3px;
	margin: -0.3rem 0 0 .5rem;
	transform: rotate(45deg)
}

.header .language-options, .header .account-options {
	background-color: #fff;
	border-radius: 4px;
	width: 100%;
	padding: 1rem 0
}

@media(min-width: 992px) {
	.header .language-options, .header .account-options {
		padding: 1rem 1.5rem;
		transition: all .1s ease-in-out;
		position: absolute;
		top: 2rem;
		opacity: 0;
		z-index: -1
	}

		.header .language-options:before, .header .account-options:before {
			content: "";
			width: 0;
			height: 0;
			border-left: 8px solid rgba(0,0,0,0);
			border-right: 8px solid rgba(0,0,0,0);
			border-bottom: 8px solid #fff;
			position: absolute
		}

		.header .language-options.active, .header .account-options.active {
			box-shadow: 10px 10px 40px 10px rgba(0,0,0,.04);
			opacity: 1;
			top: 2.6rem;
			z-index: 7;
			display: block
		}

			.header .language-options.active a, .header .account-options.active a {
				color: #4d4d4f
			}
}

.header .language-options ul, .header .account-options ul {
	padding: 0;
	margin: 0;
	list-style: none
}

.header .language-options li:after, .header .account-options li:after {
	display: none !important
}

.header .language-options a:hover, .header .account-options a:hover {
	text-decoration: underline
}

.header .language-options img, .header .account-options img {
	display: none
}

@media(min-width: 992px) {
	.header .language-options img, .header .account-options img {
		display: inline-block;
		border-radius: 50%;
		margin-right: .5rem;
		max-width: 16px
	}
}

@media(min-width: 992px) {
	.header .language-options {
		left: 1rem;
		max-width: 270px
	}

		.header .language-options:before {
			top: -0.4rem;
			left: 4.55rem
		}
}

.header .language-options a {
	padding: .5rem 0
}

.header .global-language-options {
	background-color: #fff;
	border-radius: 4px;
	width: 100%;
	padding: 1rem 0
}

@media(min-width: 992px) {
	.header .global-language-options {
		padding: 1rem 1.5rem;
		transition: all .1s ease-in-out;
		position: absolute;
		top: 2rem;
		opacity: 0;
		z-index: -1
	}

		.header .global-language-options:before {
			content: "";
			width: 0;
			height: 0;
			border-left: 8px solid rgba(0,0,0,0);
			border-right: 8px solid rgba(0,0,0,0);
			border-bottom: 8px solid #fff;
			position: absolute
		}

		.header .global-language-options.active {
			box-shadow: 10px 10px 40px 10px rgba(0,0,0,.04);
			opacity: 1;
			top: 2.6rem;
			z-index: 7;
			display: block
		}

			.header .global-language-options.active a {
				color: #4d4d4f
			}
}

.header .global-language-options .menu-border-bottom {
	border-bottom: 1px solid #d4d4d4;
	margin-bottom: 10px
}

.header .global-language-options .row .menu-divider {
	border-left: 1px solid #d4d4d4;
	border-right: 1px solid #d4d4d4
}

.header .global-language-options div.menu-header {
	color: #333;
	font-weight: bolder;
	text-align: center
}

.header .global-language-options div.menu-item {
	color: #333
}

	.header .global-language-options div.menu-item ul {
		padding: 0;
		padding-left: 2rem;
		margin: 0;
		list-style: none
	}

	.header .global-language-options div.menu-item li:after {
		display: none !important
	}

	.header .global-language-options div.menu-item li a {
		padding-top: .5rem;
		padding-left: .5rem;
		color: #3898b8;
		text-decoration: underline
	}

		.header .global-language-options div.menu-item li a.disabled-menu-link {
			text-decoration: none;
			color: #333;
			cursor: default
		}

	.header .global-language-options div.menu-item .menu-flagicon {
		padding-right: .5rem;
		display: inline-block
	}

		.header .global-language-options div.menu-item .menu-flagicon img {
			border-radius: 50%;
			max-width: 16px
		}

	.header .global-language-options div.menu-item .menu-country {
		display: inline-block
	}

@media(min-width: 992px) {
	.header .global-language-options {
		left: -21rem;
		width: 800px
	}

		.header .global-language-options:before {
			top: -0.4rem;
			left: 50%
		}
}

.header .global-language-options a {
	padding: .5rem 0
}

@media(min-width: 992px) {
	.header .account-options {
		margin-left: -1.25rem;
		max-width: 180px
	}

		.header .account-options:before {
			top: -0.4rem;
			left: 4.85rem
		}
}

.header .account-options a {
	padding: .75rem 0
}

.header .account-options__logged-in li:first-child, .header .account-options__sign-in li:first-child {
	border-bottom: 1px solid #d4d4d4
}

.header .account-options__logged-in a:first-child, .header .account-options__sign-in a:first-child {
	padding: .75rem 0 1rem
}

.header__bottom {
	background-color: #fff;
	box-shadow: 0 1px 4px 0 rgba(0,0,0,.09)
}

	.header__bottom .container {
		padding: 0;
		position: relative
	}

@media(min-width: 768px) {
	.header__bottom .container {
		padding: 0 0 0 32px
	}
}

@media(min-width: 992px) {
	.header__bottom .container {
		padding: 0 32px
	}
}

@media screen and (min-width: 1280px) {
	.header__bottom .container {
		padding: 0 76px
	}
}

.header__main-container {
	display: flex;
	align-items: center;
	height: 64px
}

@media(min-width: 992px) {
	.header__main-container {
		height: auto
	}
}

.header__main-nav-content {
	position: fixed;
	top: 64px;
	background-color: #fff;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	opacity: 0;
	transform: translateX(-100%);
	transition: all .3s ease-in-out
}

@media(min-width: 992px) {
	.header__main-nav-content {
		margin-left: auto;
		display: block;
		position: inherit;
		opacity: 1;
		background-color: rgba(0,0,0,0);
		top: auto;
		width: auto;
		height: auto;
		overflow-y: inherit;
		left: auto;
		z-index: 6;
		transform: translateX(0)
	}
}

.header__main-nav-content.active {
	position: absolute;
	opacity: 1;
	transform: translateX(0);
	z-index: 2;
	height: auto
}

.header__primary-nav-item {
	transition: all .2s ease-in-out
}

@media(min-width: 992px) {
	.header__primary-nav-item:hover {
		box-shadow: inset 0 -4px 0 0 #e36500
	}
}

.header__primary-nav {
	list-style: none;
	margin: 0;
	padding: 0
}

@media(min-width: 992px) {
	.header__primary-nav {
		display: flex
	}
}

.header__primary-nav-item {
	background-color: #fdfdfd;
	border-bottom: 2px solid #fff
}

@media(min-width: 992px) {
	.header__primary-nav-item {
		position: relative;
		background-color: rgba(0,0,0,0);
		border-bottom: none;
		margin-left: 1.15rem
	}
}

@media(min-width: 1135px) {
	.header__primary-nav-item {
		margin-left: 1.5rem
	}
}

.header__primary-nav-item a {
	color: #333;
	font-size: 1rem;
	font-weight: 500;
	display: block;
	padding: .75rem 2rem .75rem 1rem;
	position: relative
}

@media(min-width: 992px) {
	.header__primary-nav-item a {
		padding: 1.85rem 0 1.7rem
	}
}

.header__primary-nav-item a:hover {
	text-decoration: none
}

.header__primary-nav-item a:after {
	content: "";
	border: solid #333;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 5px;
	position: absolute;
	top: 18px;
	right: 15px;
	transform: rotate(-45deg)
}

@media(min-width: 992px) {
	.header__primary-nav-item a:after {
		display: none
	}
}

.header__dropdown-menu {
	background-color: #fff;
	top: 0;
	opacity: 1;
	position: fixed;
	transition: all .3s ease-in-out;
	left: 100%;
	width: 0;
	overflow-x: hidden;
	z-index: 3;
	height: 100%
}

	.header__dropdown-menu.active {
		opacity: 1;
		z-index: 3
	}

@media(max-width: 991px) {
	.header__dropdown-menu.active {
		left: 0;
		width: 100%;
		position: absolute;
		overflow-y: scroll !important;
		padding: 0 0 5rem
	}
}

@media(min-width: 992px) {
	.header__dropdown-menu {
		display: flex;
		box-shadow: 10px 10px 40px 10px rgba(0,0,0,.04);
		opacity: 0;
		overflow-x: unset;
		top: auto;
		position: absolute;
		left: -4.6rem;
		width: 580px;
		z-index: 3;
		height: auto;
		transform-origin: top left;
		transform: scale(0)
	}

		.header__dropdown-menu.active-dropdown {
			opacity: 1;
			transform: scale(1);
			margin-top: 2px;
			padding: 1.5rem 0;
			top: 79px
		}
}

@media(min-width: 1135px) {
	.header__dropdown-menu {
		left: -2.1rem
	}
}

@media(min-width: 992px) {
	.header__dropdown-menu--narrow {
		width: 300px
	}
}

@media(min-width: 992px) {
	.header__dropdown-menu--narrow ul.list-items {
		height: auto !important
	}
}

@media(min-width: 992px) {
	.header__dropdown-menu--narrow ul.list-items li a {
		width: 300px
	}
}

@media(min-width: 992px) {
	.header__dropdown-menu--full {
		left: -14rem;
		width: 54.5rem
	}
}

@media(min-width: 1135px) {
	.header__dropdown-menu--full {
		left: -7.95rem
	}
}

.header__dropdown-menu ul.list-items {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0
}

@media(min-width: 992px) {
	.header__dropdown-menu ul.list-items {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap
	}
}

.header__dropdown-menu ul.list-items li {
	margin: 0
}

.header__dropdown-menu ul.list-items a {
	color: #3898b8;
	padding: .75rem 1rem .5rem 1rem
}

@media(min-width: 992px) {
	.header__dropdown-menu ul.list-items a {
		font-size: 1rem;
		padding: 8px .5rem 8px 2rem;
		width: 290px
	}
}

.header__dropdown-menu ul.list-items a img {
	width: 30px;
	height: 30px
}

.header__dropdown-menu ul.list-items a .icon {
	display: inline-block
}

.header__dropdown-menu ul.list-items a .icon-hover {
	display: none
}

.header__dropdown-menu ul.list-items a:after {
	display: none
}

.header__dropdown-menu ul.list-items a:hover {
	background-color: #e36500;
	color: #fff
}

	.header__dropdown-menu ul.list-items a:hover .icon {
		display: none
	}

	.header__dropdown-menu ul.list-items a:hover .icon-hover {
		display: inline-block
	}

.header__dropdown-menu ul.list-items .menu-link {
	margin-top: 1.5rem;
	padding: 1rem 2rem .25rem 2rem;
	position: relative;
	display: none;
	text-transform: uppercase
}

@media(min-width: 992px) {
	.header__dropdown-menu ul.list-items .menu-link {
		display: block
	}
}

.header__dropdown-menu ul.list-items .menu-link:before {
	content: "";
	border-top: 1px solid #d4d4d4;
	position: absolute;
	top: 0;
	left: 30px;
	height: 1px;
	display: block;
	width: 210px
}

.header__dropdown-menu ul.list-items .menu-link img {
	width: 24px;
	height: 24px;
	transition: all .2s ease-in-out;
	margin-left: .2rem;
	margin-top: -0.1rem
}

.header__dropdown-menu ul.list-items .menu-link:hover {
	background-color: rgba(0,0,0,0);
	color: #3898b8
}

	.header__dropdown-menu ul.list-items .menu-link:hover img {
		margin-left: 1rem
	}

.header .featured-products {
	background-color: #f8f8f8;
	padding: 1rem
}

@media(min-width: 992px) {
	.header .featured-products {
		margin-left: auto;
		padding: .5rem 1rem;
		position: relative;
		width: 290px
	}

		.header .featured-products:before, .header .featured-products:after {
			content: "";
			background-color: #f8f8f8;
			position: absolute;
			height: 25px;
			width: 290px
		}

		.header .featured-products:before {
			top: -24px;
			left: 0
		}

		.header .featured-products:after {
			bottom: -24px;
			left: 0
		}
}

.header .featured-products__items {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0
}

	.header .featured-products__items a {
		font-size: 14px;
		padding: .6rem 0px
	}

		.header .featured-products__items a:hover {
			text-decoration: underline
		}

		.header .featured-products__items a:after {
			display: none
		}

.header .return-btn {
	color: #3898b8;
	cursor: pointer;
	display: inline-block;
	font-weight: 500;
	margin-left: 1rem;
	padding-left: 1.5rem;
	position: relative
}

@media(min-width: 992px) {
	.header .return-btn {
		display: none
	}
}

.header .return-btn:before {
	content: "";
	border: solid #3898b8;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 5px;
	position: absolute;
	top: 5px;
	left: 5px;
	transform: rotate(135deg)
}

.header__return-container {
	display: block;
	background-color: #f8f8f8;
	padding: 1rem 0 1.5rem
}

@media(min-width: 992px) {
	.header__return-container {
		display: none
	}
}

.header__return-container .view-all {
	color: #3898b8;
	display: block;
	text-align: center;
	padding: .2rem 0 0
}

	.header__return-container .view-all:hover {
		color: #3898b8
	}

		.header__return-container .view-all:hover img {
			margin-left: 1rem;
			transition: all .2s
		}

	.header__return-container .view-all:after {
		display: none
	}

	.header__return-container .view-all img {
		margin-top: -0.2rem;
		margin-left: .3rem;
		transition: all .2s ease-in-out
	}

.header__return-container-bottom {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 1rem;
	border-top: 1px solid #d4d4d4;
	margin: 1rem 1rem 0
}

.header__logo {
	margin-left: 1rem
}

@media(min-width: 992px) {
	.header__logo {
		margin-left: 0
	}
}

.header__logo a {
	display: block
}

.header__logo img {
	width: 100%;
	max-width: 155px
}

.header__search {
	display: none;
	position: absolute;
	top: 64px;
	left: 0;
	z-index: 2;
	padding: 1.5rem 5rem 1.5rem 1rem;
	width: 100%;
	background-color: #003e51
}

@media(min-width: 992px) {
	.header__search {
		left: 0;
		position: relative;
		width: auto;
		top: auto;
		background-color: rgba(0,0,0,0);
		z-index: 0;
		display: block;
		padding: 0 0 0 1.5rem
	}
}

@media(min-width: 1135px) {
	.header__search {
		padding: 0 0 0 2rem
	}
}

.header__search.active {
	display: block
}

.header__search .site-search__container {
	position: relative
}

.header__search input {
	border: 1px solid #ccc;
	height: 56px;
	padding: 0 3.1rem 0 .5rem;
	max-width: 100%;
	width: 100%
}

@media(min-width: 992px) {
	.header__search input {
		padding: 0 3.75rem 0 1rem;
		font-size: 14px;
		border-radius: 20px;
		height: 40px;
		width: 215px
	}
}

@media(min-width: 1135px) {
	.header__search input {
		width: 265px
	}
}

.header__search input:focus {
	outline: none
}

.header__search button {
	background-color: rgba(0,0,0,0);
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	border-radius: 0;
	font-size: 0;
	line-height: 0;
	height: 56px;
	padding: 0;
	min-width: 50px;
	transition: all .2s ease-in-out;
	width: auto
}

@media(min-width: 992px) {
	.header__search button {
		background-color: #003e51;
		border-radius: 0 25px 25px 0;
		height: 40px
	}
}

@media(min-width: 992px) {
	.header__search button:hover {
		background-color: #3898b8
	}
}

.header__search svg path {
	fill: #3898b8
}

@media(min-width: 992px) {
	.header__search svg path {
		fill: #fff
	}
}

.header__search-mobile-btn {
	cursor: pointer;
	width: 30px;
	height: 30px;
	position: absolute;
	right: 25px;
	bottom: 35px
}

	.header__search-mobile-btn .close-bar {
		position: absolute;
		display: block;
		padding: 0;
		color: #fff;
		background-color: #fff;
		height: 2px;
		top: 14px;
		left: 5px;
		width: 20px
	}

	.header__search-mobile-btn .search-bar1 {
		transform: rotate(-135deg)
	}

	.header__search-mobile-btn .search-bar2 {
		transform: rotate(135deg)
	}

.header__mobile-search, .header__mobile-cart, .header__mobile-menu {
	display: block
}

@media(min-width: 992px) {
	.header__mobile-search, .header__mobile-cart, .header__mobile-menu {
		display: none
	}
}

.header__mobile-cart {
	position: relative
}

.header__mobile-cart-items {
	top: 10px;
	right: 2px;
	position: absolute;
	color: #333;
	background-color: #fff;
	border-radius: 50%;
	font-size: 10px;
	min-width: 16px;
	min-height: 16px;
	font-weight: 500;
	display: flex;
	justify-content: center;
	box-sizing: content-box;
	white-space: nowrap;
	padding: 1.5px
}

	.header__mobile-cart-items::before {
		content: "";
		padding-top: 100%
	}

	.header__mobile-cart-items span {
		display: flex;
		align-items: center
	}

.header__mobile-search {
	margin-left: auto
}

.header .bar1, .header .bar2, .header .bar3 {
	position: absolute;
	top: 24px;
	left: 15px;
	display: block;
	padding: 0;
	-webkit-appearance: none;
	color: #fff;
	height: 2px;
	background-color: #fff;
	transition: all .2s ease-in;
	transform: rotate(0deg)
}

.header .bar1 {
	width: 20px
}

	.header .bar1.active {
		top: 32px;
		left: 12px;
		width: 25px;
		transform: rotate(-135deg);
		transition: all .2s ease-in
	}

.header .bar2 {
	top: 32px;
	width: 20px
}

	.header .bar2.active {
		height: 0;
		left: 30px;
		background-color: rgba(0,0,0,0);
		transition: all .2s ease-out
	}

.header .bar3 {
	top: 40px;
	width: 20px
}

	.header .bar3.active {
		top: 32px;
		left: 12px;
		width: 25px;
		transform: rotate(135deg);
		transition: all .2s ease-in
	}

.header .mobile-secondary-nav {
	background-color: #f8f8f8;
	margin-top: 1rem
}

@media(min-width: 992px) {
	.header .mobile-secondary-nav {
		display: none
	}
}

.header .mobile-secondary-nav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0
}

.header .mobile-secondary-nav li {
	border-bottom: 2px solid #fff;
	padding: 0 1rem;
	position: relative
}

	.header .mobile-secondary-nav li:first-child:after, .header .mobile-secondary-nav li:last-child:after {
		content: "";
		border: solid #3898b8;
		border-width: 0 2px 2px 0;
		display: inline-block;
		padding: 5px;
		position: absolute;
		top: 18px;
		right: 15px;
		transform: rotate(-45deg)
	}

.header .mobile-secondary-nav a, .header .mobile-secondary-nav .flyout-trigger-link {
	color: #3898b8;
	font-weight: 500;
	display: block;
	padding: .75rem 0;
	cursor: pointer
}

.header .mobile-secondary-nav__dropdown-menu {
	background-color: #fff;
	top: 0;
	opacity: 1;
	position: fixed;
	transition: all .3s ease-in-out;
	left: 100%;
	width: 0;
	overflow-x: hidden;
	z-index: 3;
	height: 100%
}

	.header .mobile-secondary-nav__dropdown-menu.active {
		opacity: 1;
		left: 0;
		width: 100%;
		z-index: 3
	}

.ui-autocomplete {
	border: none;
	box-shadow: 0px 0px 4px #999;
	color: #949494
}

	.ui-autocomplete .ui-menu-item {
		padding: 10px !important;
		margin: -1px 0 0 -1px !important;
		cursor: pointer
	}

		.ui-autocomplete .ui-menu-item:hover {
			background-color: #e36500 !important;
			color: #fff !important
		}

			.ui-autocomplete .ui-menu-item:hover div, .ui-autocomplete .ui-menu-item:hover .ui-menu-item-wrapper {
				color: #fff !important
			}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border: none !important;
	background: none !important
}

@media(min-width: 992px) {
	.nav-overlay {
		position: fixed;
		opacity: 0;
		left: 0;
		top: 130px;
		background-color: rgba(0,0,0,0);
		height: 100%;
		width: 100%;
		transition: all .4s ease-in-out;
		z-index: 0;
		visibility: hidden
	}

		.nav-overlay.active {
			background-color: rgba(0,0,0,.6);
			opacity: 1;
			visibility: visible;
			z-index: 5
		}
}

.breadcrumbs-nav {
	background-color: #fff;
	margin: 5px auto 0
}

	.breadcrumbs-nav nav {
		width: 100%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		padding: 8px 0
	}

@media(min-width: 576px) {
	.breadcrumbs-nav nav {
		width: 95%
	}
}

.breadcrumbs-nav ul {
	margin: 0;
	padding: 10px 0 7px;
	display: inline;
	list-style: none;
	text-align: left;
	overflow: hidden;
	max-width: 767px
}

@media(min-width: 768px) {
	.breadcrumbs-nav ul {
		display: inline;
		height: auto !important;
		max-width: 100%;
		resize: inherit
	}
}

.breadcrumbs-nav li {
	display: inline-block;
	color: #4d4d4f;
	font-size: 14px
}

@media(min-width: 576px) {
	.breadcrumbs-nav li:before {
		content: "";
		background: url("../../../Images/breadcrumb-arrow-right.svg") no-repeat 0 1px rgba(0,0,0,0);
		width: 12px;
		height: 12px;
		display: inline-block
	}
}

.breadcrumbs-nav li:first-child:before {
	display: none
}

.breadcrumbs-nav li:first-child svg {
	margin-top: -4px
}

@media(min-width: 768px) {
	.breadcrumbs-nav li {
		display: inline-block
	}
}

.breadcrumbs-nav a {
	color: #3898b8;
	font-size: 1rem
}

@media(min-width: 576px) {
	.breadcrumbs-nav a {
		font-size: 14px
	}
}

.breadcrumbs-nav svg.mobile-arrow {
	display: inline-block
}

@media(min-width: 576px) {
	.breadcrumbs-nav svg.mobile-arrow {
		display: none
	}
}

.breadcrumbs-nav svg.home-icon {
	display: none
}

@media(min-width: 576px) {
	.breadcrumbs-nav svg.home-icon {
		display: inline-block
	}
}

.component-interior-hero {
	position: relative;
	background: url("../../../Images/interior-hero-temp-image.png") no-repeat center top rgba(0,0,0,0);
	background-size: cover;
	overflow: hidden
}

	.component-interior-hero h1, .component-interior-hero h2, .component-interior-hero p {
		text-align: center;
		color: #fff;
		position: relative
	}

	.component-interior-hero h1 {
		padding-bottom: 16px
	}

	.component-interior-hero .container {
		padding-bottom: 90px;
		padding-top: 64px
	}

.component-interior-hero__content {
	max-width: 840px
}

.component-interior-hero__navy-bg {
	position: absolute;
	height: 120%;
	margin-left: -15%;
	width: 118%;
	top: -10%;
	left: -9%;
	margin: 0;
	background: url("../../../Images/navy-pixel-bg.png") repeat 0 0 rgba(0,0,0,0);
	border-radius: 0 25px 25px 0
}

@media(min-width: 768px) {
	.component-interior-hero__navy-bg {
		margin-left: -30%;
		width: 133%;
		left: 0
	}
}

.component-interior-hero--alt {
	background: url("../../../Images/interior-hero-wave-mobile.svg") no-repeat left -5px #003e51
}

	.component-interior-hero--alt .component-interior-hero__navy-bg {
		display: none
	}

	.component-interior-hero--alt h1, .component-interior-hero--alt h2, .component-interior-hero--alt p {
		color: #fff
	}

	.component-interior-hero--alt .container {
		padding-top: 32px;
		padding-bottom: 70px
	}

@media(min-width: 768px) {
	.component-interior-hero--alt .container {
		padding-top: 46px;
		padding-bottom: 92px
	}
}

@media(min-width: 768px) {
	.component-interior-hero--alt {
		background: url("../../../Images/interior-hero-wave.svg") no-repeat left bottom #003e51;
		background-size: 100%
	}
}