@import url('https://fonts.googleapis.com/css2?family=Livvic&family=Spectral+SC:wght@200&family=Walter+Turncoat&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100&family=Lato&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;1,100&display=swap');

.grecaptcha-badge {
	z-index: 1000;
}

.home-text-1 {
	font-family: 'Montserrat', sans-serif;
	color: #d93a2f;
	font-weight: 800;
	padding-top: 3rem !important;
}

.i-container {
	padding-top: 2rem !important;
	padding-bottom: 4rem !important;
}

.i-card {
	background-color: #c41306;
	color: white;
	/*color: #c41306;
	background-color: white;*/
	padding: 2rem;
}

.i-card:hover {
	opacity: 0.7;
	color: white;
	padding: 2rem;
}

.text-1-descriptor {
	font-family: 'Montserrat', sans-serif;
	/*font-weight: 800;*/
}

.t1d-header {
	/*font-weight: bold;*/
	font-family: 'Montserrat', sans-serif;
	font-weight: bolder;
	padding-top: 1rem;
}

.t1d-descriptor {
	font-size: 0.8em;
	font-weight: 700;
	font-family: 'Montserrat', sans-serif;
	padding-top: .5rem;
	line-height: 1.5;
	/*font-weight: bolder!important;*/
}

.i-banners {
	margin: auto;
	padding: 0;
	width: 100%;
	min-height: 50vh
}

.ib1 {
	padding: .5rem;
	height: 100%;
	margin: auto;
}

.ib1:hover {
	opacity: 0.8;
	cursor: pointer;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: white;
	border-radius: 10px;
}

::-webkit-scrollbar {
	width: 9px;
	background-color: white;
}

::-webkit-scrollbar-thumb {
	margin-left: 2px;
	margin-right: 2px;
	border-radius: 10px;
	background-color: #aaaaaa;
}

::-webkit-scrollbar-thumb:hover {
	border-radius: 10px;
	background-color: #717171;
}

.top-bar {
	width: 100%;
	height: 40px;
	position: fixed;
	z-index: 8;
	top: 0;
	left: 0;
	background-color: rgb(28, 28, 33);
	overflow: hidden;
	padding-top: 6px;
	color: white;
}

.home-background {
	/* background-image: url('../concrete-wall.png'); */
}

.slick-prev:before, .slick-next:before {
	color: #990000 !important;
}

.a-clients__item {
	float: left;
	list-style: none;
	position: relative;
	width: 114.857px;
	margin-right: 94px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	height: 100%
}

.a-clients__item img {
	display: block;
	width: 100%;
	height: 100%;
	max-height: 100%;
	max-width: 100%;
	-webkit-transition: -webkit-filter .3s ease;
	transition: -webkit-filter .3s ease;
	transition: filter .3s ease;
	transition: filter .3s ease, -webkit-filter .3s ease;
	-webkit-filter: grayscale(100);
	filter: grayscale(100);
	opacity: .5
}

.a-clients__item img:hover {
	-webkit-filter: none;
	filter: none;
	opacity: 1
}

.a-clients__item.author-published__item {
	padding: 0 10px
}

.a-slider-logos .a-clients__item.author-published__item a {
	background: 0 0;
	width: auto
}

.a-slider-logos a.empty:hover {
	cursor: default !important
}

@media only screen and (min-width:970px) {
	.a-slider-logos {
		padding: 0 44px
	}
}

@media only screen and (min-width:1200px) {
	.a-slider-logos {
		padding: 0
	}
}

.a-slider-logos .bx-viewport {
	max-width: calc(100% - 80px);
	margin: 0 auto;
	padding: 2px;
	z-index: 1
}

.a-slider-logos .bx-controls-direction {
	top: calc(50% - 20px)
}

.a-slider-logos .bx-controls-direction .bx-next, .a-slider-logos .bx-controls-direction .bx-next:hover, .a-slider-logos .bx-controls-direction .bx-prev, .a-slider-logos .bx-controls-direction .bx-prev:hover {
	background-color: transparent;
	color: #bfc3c7;
	font-size: 20px
}

.a-slider-logos .a-clients__item img {
	-webkit-filter: none;
	filter: none;
	opacity: 1
}

.topbar {
	background-image: url('../img/white-waves.png') !important;
}

.topbar-text {
	font-family: 'Livvic', sans-serif;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	border: 1px solid black;
}

.top-bar-center-text {
	text-align: center;
	margin-left: 580px;
}

.top-bar-right-text {
	text-align: right;
	margin-left: 200px;
}

.my-account-top-bar {
	margin-right: 20px;
}

.my-account-icon {
	color: white;
}

.top-bar-language {
	border-left: 1px solid white;
}

.top-bar-flag {
	max-height: 25px;
	margin-left: 20px;
	margin-right: 10px;
}

.cy-navbar {
	background-image: url('https://images.unsplash.com/photo-1533631273148-264f2ec26448?ixid=MnwxMjA3fDB8MHxzZWFyY2h8Mnx8ZGFyayUyMHdvb2R8ZW58MHx8MHx8')
}

.navbar-brand {
	color: white;
}

.logo-contianer {
	text-align: center;
}

.logo {
	max-height: 4.4em;
	margin: auto !important;
	margin-left: 6.5em !important;
}

.logo-container img:hover {
	/*background-color: #741b1c!important;*/
	padding: .1rem
}

.call-container:hover {
	background-color: #741b1c !important;
}

.phone-number a {
	color: white !important;
	text-decoration: none !important;
}

.navbar-cy-logo {
	max-width: 250px;
	max-height: 3em;
}

.search-field-nav {
	margin-left: 22px;
	margin-top: 22px;
	width: 900px;
}

.nav-search-btn {
	background-color: #811e20;
}

.nav-search-btn-icon {
	color: white;
}

.contact-box {
	color: white;
	background-color: rgb(44, 40, 51);
	border-radius: 25px;
	width: 150px;
	height: 80px;
}

.contact-box-inner {
	margin-left: 10px;
	margin-top: 15px;
}

.contact-box-image {
	width: 50px;
	height: 100%;
	border-radius: 50%;
}

.box2 {
	margin-left: 10px;
}

.main {
	margin-top: 40px;
}

.cart-box {
	margin-left: 30px;
	margin-top: 15px;
}

.cart-box-icon {
	color: white;
}

.megamenu {
	position: static
}

.megamenu-drop {
	width: 1000px;
}

.megamenu-image {
	background: center center url('../img/schools-dropdown-image-3.jpg')no-repeat;
	background-size: cover;
}

.megamenu .dropdown-menu {
	background: none;
	border: none;
	width: 100%
}

body {
	background: #fefefe;
}

.text-uppercase {
	letter-spacing: 0.08em
}

.list-nav-item {
	margin-right: 80px;
}

/*
Forces carousel image to be 100% width and not max width of 100%
*/

.carousel-item .img-fluid {
	width: 100%;
	height: 100%;
}

.footer-widget p {
	margin-bottom: 27px;
}

.dk-footer p {
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	color: white;
	line-height: 28px;
}

.dk-footer {
	padding: 75px 0 0;
	background-color: #151414;
	position: relative;
	z-index: 2;
}

.dk-footer .contact-us {
	margin-top: 0;
	margin-bottom: 30px;
	padding-left: 80px;
}

.dk-footer .contact-us .contact-info {
	margin-left: 50px;
}

.dk-footer .contact-us.contact-us-last {
	margin-left: -80px;
}

.dk-footer .contact-icon i {
	font-size: 24px;
	top: -15px;
	position: relative;
	color: #007bff;
}

.dk-footer-box-info {
	position: absolute;
	top: -122px;
	background: #202020;
	padding: 40px;
	z-index: 2;
}

.dk-footer-box-info .footer-social-link h3 {
	color: #fff;
	font-size: 24px;
	margin-bottom: 25px;
}

.dk-footer-box-info .footer-social-link ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.dk-footer-box-info .footer-social-link li {
	display: inline-block;
}

.dk-footer-box-info .footer-social-link a i {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	text-align: center;
	line-height: 40px;
	background: #000;
	margin-right: 5px;
	color: #fff;
}

.dk-footer-box-info .footer-social-link a i.fa-facebook {
	background-color: #3B5998;
}

.dk-footer-box-info .footer-social-link a i.fa-twitter {
	background-color: #55ACEE;
}

.dk-footer-box-info .footer-social-link a i.fa-google-plus {
	background-color: #DD4B39;
}

.dk-footer-box-info .footer-social-link a i.fa-linkedin {
	background-color: #0976B4;
}

.dk-footer-box-info .footer-social-link a i.fa-instagram {
	background-color: #B7242A;
}

.footer-awarad {
	margin-top: 285px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 100%;
	-moz-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.footer-awarad p {
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	margin-left: 20px;
	padding-top: 15px;
}

.footer-info-text {
	margin: 26px 0 32px;
}

.footer-left-widget {
	padding-left: 80px;
}

.footer-widget .section-heading {
	margin-bottom: 35px;
}

.footer-widget h3 {
	font-size: 24px;
	color: #fff;
	position: relative;
	margin-bottom: 15px;
	max-width: -webkit-fit-content;
	max-width: -moz-fit-content;
	max-width: fit-content;
}

.footer-widget ul {
	width: 50%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

.footer-widget li {
	margin-bottom: 18px;
}

.footer-widget p {
	margin-bottom: 27px;
}

.footer-widget a {
	color: #878787;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

.footer-widget a:hover {
	color: #007bff;
}

.footer-widget:after {
	content: "";
	display: block;
	clear: both;
}

.dk-footer-form {
	position: relative;
}

.dk-footer-form input[type=email] {
	padding: 14px 28px;
	border-radius: 50px;
	background: #2E2E2E;
	border: 1px solid #2E2E2E;
}

.dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::-webkit-input-placeholder {
	color: #878787;
	font-size: 14px;
}

.dk-footer-form input::-webkit-input-placeholder, .dk-footer-form input::-moz-placeholder, .dk-footer-form input:-ms-input-placeholder, .dk-footer-form input::-ms-input-placeholder, .dk-footer-form input::placeholder {
	color: #878787;
	font-size: 14px;
}

.dk-footer-form button[type=submit] {
	position: absolute;
	top: 0;
	right: 0;
	padding: 12px 24px 12px 17px;
	border-top-right-radius: 25px;
	border-bottom-right-radius: 25px;
	border: 1px solid #007bff;
	background: #007bff;
	color: #fff;
}

.dk-footer-form button:hover {
	cursor: pointer;
}

/* ==========================

    Contact

=============================*/

.contact-us {
	position: relative;
	z-index: 2;
	margin-top: 65px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-moz-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.contact-icon {
	position: absolute;
}

.contact-icon i {
	font-size: 36px;
	top: -5px;
	position: relative;
	color: #007bff;
}

.contact-info {
	margin-left: 75px;
	color: #fff;
}

.contact-info h3 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 0;
}

.copyright {
	padding: 28px 0;
	margin-top: 55px;
	background-color: #202020;
}

.copyright span, .copyright a {
	color: #878787;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.copyright a:hover {
	color: #007bff;
}

.copyright-menu ul {
	text-align: right;
	margin: 0;
}

.copyright-menu li {
	display: inline-block;
	padding-left: 20px;
}

.back-to-top {
	position: relative;
	z-index: 2;
}

.back-to-top .btn-dark {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	padding: 0;
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #2e2e2e;
	border-color: #2e2e2e;
	display: none;
	z-index: 999;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.back-to-top .btn-dark:hover {
	cursor: pointer;
	background: #FA6742;
	border-color: #FA6742;
}

.content-wrapper {
	display: -webkit-flex;
	display: flex;
	margin: 0 auto;
	max-width: 1900px;
	padding: 0 30px;
}

.nautical-footer-logo {
	margin-top: 270px;
	margin-left: 30px;
	max-height: 80px;
}

.has-search input {
	font-size: 1rem;
	width: 100%;
	border: 0;
	height: 38px;
	border-radius: 19px/50% !important;
	padding-left: 16px;
	padding-right: 70px;
	box-sizing: border-box;
	color: #2d2d2d;
	-webkit-appearance: none;
}

.has-search .form-control-feedback {
	background-color: transparent;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	position: absolute;
	top: 1.45em;
	left: 52.1em;
	transition: background-color .3s;
	z-index: 22000;
	color: #811e20;
	font-weight: bolder;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid transparent;
}

.form-control-feedback:hover {
	cursor: pointer;
}

.form-control:focus {
	border-color: #811e20 !important;
	box-shadow: 0 0 0 0.25rem rgb(204 165 165 / 25%);
}

.search-nav {
	/*background-image: linear-gradient(#a32729, #811e20);*/
	background-color: #970707;
	background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
}

.nav-contact-us {
	color: white;
	background-color: rgb(44, 40, 51);
	border-radius: 25px;
}

.nav-button-group {
	margin-top: 1em;
}

.nav-contact-us-imagebox {
	margin-left: 2.5em;
	margin-right: 2em;
}

.top-contact-us {
	font-size: 0.8em;
}

.hours {
	font-size: 0.6em;
}

.offcanvas-cart-start {
	left: auto !important;
	right: 0 !important;
	transform: translateX(100%);
}

.offcanvas-black-header {
	background-color: black !important;
	color: white;
}

.offcanvas-title {
	position: absolute;
	right: 12em;
	font-family: BentonSansMedium, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: .25em;
	text-transform: uppercase;
	font-weight: 400;
}

.offcanvas-btn-close {
	color: white !important;
	fill: white !important;
}

.offcanvas-body {
	background-color: #ffffff !important;
}

.cart-button {
	font-size: 1.8em;
	color: white !important;
	text-decoration: none;
}

.cart-button :hover {
	color: white !important;
}

.wishlist-button {
	font-size: 1.7em;
	color: white;
}

.account-button {
	font-size: 1.2em;
	color: white !important;
	text-decoration: none !important;
}

.account-button a {
	color: white !important;
	text-decoration: none !important;
}

.header-red {
	background-color: #a31012;
	color: white;
}

.footer-red {
	background-color: #a31012;
	height: 4rem;
}

.subtotalbox .title {}

.checkout-modal-btn {
	width: 100% !important;
	padding: 0.6rem !important;
	border: solid 2px #ca0202 !important;
	border-radius: 0px !important;
	background-color: #ca0202 !important;
	color: #ffffff !important;
	font-size: small !important;
	text-transform: uppercase !important;
	box-shadow: none !important;
}

.checkout-modal-btn:hover {
	padding: 0.6rem !important;
	border: solid 2px #990000 !important;
	border-radius: 0px !important;
	background-color: #990000 !important;
	color: #ffffff !important;
	font-size: small !important;
	text-transform: uppercase !important;
}

.checkout-modal-btn:focus {
	padding: 0.6rem !important;
	border: solid 2px #ca0202 !important;
	border-radius: 0px !important;
	background-color: #ca0202 !important;
	color: #ffffff !important;
	font-size: small !important;
	text-transform: uppercase !important;
}

.item-container {
	padding-bottom: 20px;
	padding-top: 10px;
	border-bottom: solid 1px #99000038;
	width: 100% !important;
	margin-bottom: 10px;
	margin-right: 0;
}

.cart-title {
	text-align: center;
}

.cart-items {
	margin-left: 2em;
}

.cart-item-info {
	margin-top: 10px;
	width: 100% !important;
}

.qty-section {
	position: relative;
	width: 60% !important;
}

.qty-section input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.qty-section input[type=number] {
	-moz-appearance: textfield;
}

.qty-section input {
	height: 42px;
	line-height: 1.65;
	float: left;
	display: block;
	padding: 0;
	margin: 0;
	padding-left: 20px;
	border: 1px solid #eee;
}

.qty-section input:focus {
	outline: 0;
}

.qty-section-nav {
	float: left;
	position: relative;
	height: 42px;
}

.qty-section-button {
	position: relative;
	cursor: pointer;
	border-left: 1px solid #eee;
	width: 20px;
	text-align: center;
	color: #333;
	font-size: 13px;
	font-family: "Trebuchet MS", Helvetica, sans-serif !important;
	line-height: 1.7;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.qty-section-up {
	position: absolute;
	height: 50%;
	top: 0;
	border-bottom: 1px solid #eee;
	color: white;
	background-color: #d30000;
}

.qty-section-up:hover {
	background-color: #d93a2f
}

.qty-section-down {
	position: absolute;
	background-color: #d30000;
	color: white;
	bottom: 0px;
	height: 50%;
}

.qty-section-down:hover {
	background-color: #d93a2f;
}

.cart-item-price {
	align-self: center;
}

.add-to-cart {
	background-color: #d30000 !important;
	color: white !important;
	font-weight: bold !important;
	border-radius: 0 !important;
	align-self: center;
}

.add-to-cart:hover {
	background-color: #d93a2f !important;
}

body {
	overflow-x: hidden;
}

.cart-footer {
	height: 6em;
	background-color: black;
	width: 100%;
	margin: 0px !important;
	padding: 0px !important;
}

.cart-item-image {
	max-width: 100%;
	max-height: 9em;
}

.subtotal-box {
	font-size: 14px;
	letter-spacing: .6px;
	font-family: BentonSans, Helvetica, Arial, sans-serif;
}

.cart-subtotal-price {
	color: #d91560;
	font-size: 22px;
	line-height: 27px;
}

.cart-item-brand {
	font-family: BentonSansBook, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: .2em;
	text-transform: uppercase;
	font-weight: 400;
}

.cart-item-name {
	font-family: BentonSans, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: .04em;
	text-transform: inherit;
	font-weight: 400;
}

.cart-item-desc {
	font-family: BentonSansBook, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: .04em;
	text-transform: inherit;
	font-weight: 400;
}

.cart-item-info {
	font-family: BentonSansBook, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: .04em;
	text-transform: inherit;
	font-weight: 400;
}

.cart-item-price {
	font-family: BentonSansBook, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: .04em;
	text-transform: inherit;
	font-weight: 400;
	opacity: 0.7;
	color: #a50b00
}

.remove-from-cart {
	font-size: 12px;
}

.subtotal-checkout-side {
	background-color: #f5f5f5;
	;
}

.shipping-type-wrapper {
	display: block;
	margin-bottom: .5rem;
	position: relative;
	box-sizing: border-box;
	font-family: BentonSansBook, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 11px;
	line-height: 17px;
	letter-spacing: .04em;
	text-transform: inherit;
	font-weight: 400;
}

.delivery-option-input {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	background-color: initial;
	cursor: default;
	appearance: auto;
}

.loginCard {
	background-color: #FAFAFB;
	border-radius: 25px;
}

.seperator {
	position: relative;
	display: flex;
	justify-content: center;
	margin: 32px 0;
	margin-bottom: 12px !important;
	color: #646F8D;
}

.seperator:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #EAEAEC;
}

.seperator span {
	background: #FAFAFB;
	padding: 0 10px;
	position: relative;
}

.login-container {
	margin-left: 20em;
	margin-right: 20em;
}

.nautical-wheel {
	height: 4em;
	width: 100%;
}

::-ms-reveal {
	display: none;
}

button#toggle-password {
	position: absolute;
	top: 3px;
	right: 4px;
	z-index: 9;
	width: 28px;
	height: 30px;
	background: 0;
	border: 0;
}

button#toggle-password:active, button#toggle-password:focus, button#toggle-password:hover {
	cursor: pointer;
}

button#toggle-password:focus {
	outline: none !important;
}

.input-password {
	padding-right: calc(1.5em + .75rem);
	background-repeat: no-repeat;
	background-position: right calc(.375em + .1875rem) center;
	background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}

.input-password[type=password]:valid {
	background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486l.708.709z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829l.822.822zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829z'/%3E%3Cpath d='M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709z'/%3E%3Cpath fill-rule='evenodd' d='M13.646 14.354l-12-12 .708-.708 12 12-.708.708z'/%3E%3C/svg%3E") !important;
}

.input-password[type=text]:valid {
	background-image: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.134 13.134 0 0 0 1.66 2.043C4.12 11.332 5.88 12.5 8 12.5c2.12 0 3.879-1.168 5.168-2.457A13.134 13.134 0 0 0 14.828 8a13.133 13.133 0 0 0-1.66-2.043C11.879 4.668 10.119 3.5 8 3.5c-2.12 0-3.879 1.168-5.168 2.457A13.133 13.133 0 0 0 1.172 8z'/%3E%3Cpath fill-rule='evenodd' d='M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z'/%3E%3C/svg%3E") !important;
}

.hidden-link {
	text-decoration: none !important;
}

.hidden-link:visited {
	text-decoration: none !important;
}

.hidden-link:active {
	text-decoration: none !important;
}

.hidden-link:hover {
	text-decoration: none !important;
}

.login-page {
	background-color: #b0b1b4;
}

.no-radius {
	border-radius: unset !important;
}

.login-label {
	font-size: 0.7em;
	text-transform: uppercase;
	line-height: 15px;
	cursor: default;
	color: #071c2c;
	font-family: "BrandonGrotesqueWeb-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0.4px;
}

.login-btn {
	background-color: #071c2c;
	color: #fff;
	border: none;
	box-sizing: border-box;
	display: block;
	height: 55px;
	line-height: 55px;
	min-width: 180px;
	padding: 0 12px;
	text-align: center;
	text-decoration: none;
	transition: 0.2s;
	font-size: 11px;
	text-transform: uppercase;
	font-family: "BrandonGrotesqueWeb-Bold", Helvetica, Arial, sans-serif;
	font-weight: normal;
}

.login-btn:hover {
	color: #fff;
	background-color: #2864AC
}

.login-text {
	font-size: 12px;
	text-transform: uppercase;
	font-family: "BrandonGrotesqueWeb-Bold", Helvetica, Arial, sans-serif;
	color: #2864AC !important;
}

.login-text:hover {
	color: #929288 !important;
}

.body-background {
	background-color: #f4f4f3;
	min-height: 100vh;
	max-width: 100%;
	;
}

.body-background .no-margin {
	max-width: 100%;
	margin: 0px;
	;
}

.left-panel {
	/*background-color: #a00707;*/
	padding: 0rem 0rem 1rem 1rem;
	overflow-x: scroll;
	height: 100vh;
	background-color: #fff;
	background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

.float-right {
	float: right;
}

.right-panel {
	background-color: #9f0000;
	/*background-color: #ffffff;
	background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
	This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you!*/
	/*padding: 1rem;*/
	position: static;
	/*overflow: hidden;*/
	overflow-x: scroll;
	height: 100vh;
	background-image: url("https://www.transparenttextures.com/patterns/black-felt.png");
	/* margin: 2rem; */
}

.right-panel::-webkit-scrollbar, .left-panel::-webkit-scrollbar {
	display: none;
}

.right-panel, .left-panel {
	-ms-overflow-style: none;
	/* IE and Edge */
	scrollbar-width: none;
	/* Firefox */
}

/* Extra small devices (phones, 600px and down) */

@media only screen and (max-width: 765px) {
	.margin-left {
		background-color: #ffffff !important;
		padding-left: 0rem;
		min-height: 100vh;
		width: 100%;
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */

@media only screen and (min-width: 768px) {
	.margin-left {
		background-color: #ffffff !important;
		padding-left: 1rem;
		min-height: 100vh;
	}
}

/* Large devices (laptops/desktops, 992px and up) */

@media only screen and (max-width: 992px) {
	.margin-left {
		background-color: #ffffff !important;
		padding-left: 0rem;
		min-height: 100vh;
	}
}

.left-checkout {
	/*background-color: #f4f4f3;*/
	background-color: none;
	min-height: 100vh;
	padding: 2rem 1rem 1rem 1rem;
	margin-left: auto;
	/* background-image: url("https://www.transparenttextures.com/patterns/black-felt.png"); */
	/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

.right-checkout {
	/*padding-right: 19em;
	padding-left: 1em;*/
	padding-top: 0em;
	/*background-color: #ffffff;
	min-height: 100vh;
	float: left;*/
	margin-left: 1rem;
	margin-right: 1rem;
}

.right-checkout h2 {
	/*color: #d93a2f;*/
	width: 100%;
	/*height: 3rem;*/
	/*background-color: #ca0202;*/
	padding: 0.5rem 0.5rem 0rem 0.5rem;
	color: #ffffff;
}

.checkout-logo {
	max-width: 100%;
}

.checkout-title {
	align-items: center;
	margin-bottom: 0rem;
}

.secure-checkout {
	color: #b30000;
	font-family: "BrandonGrotesqueWeb-Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
	letter-spacing: 0.4px;
	line-height: 30px;
	font-size: 14px;
	/*padding-left: 2em;*/
	vertical-align: text-top;
}

.shipping-info-title {
	color: #b30000;
	text-shadow: 2px 2px #ffffff40;
	font-weight: 600;
}

.shipping-info-title, .billing-info-title, .order-summary-title {
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.7px;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
	font-weight: normal;
}

.shipping-info-summary {
	background-color: #ffffff;
	padding: 1rem;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
	margin-top: 1.5rem;
	color: #850303;
}

.shipping-info-summary p {
	font-size: 12px;
	margin-bottom: 2px;
}

.shipping-info-summary .row {
	align-items: flex-end;
}

.shipping-info-summary .row h2 {
	font-size: 15px;
	margin-bottom: 2px;
}

.shipping-info-summary .row .btn-edit {
	font-size: 15px;
	width: 40px;
	height: 28px;
	border-radius: 0px;
	margin-bottom: 2px auto;
	color: #ffffff !important;
	background-color: #ca0202 !important;
	border: solid 2px #ca0202 !important;
	cursor: pointer;
	float: right;
}

.shipping-info-summary .sis-name {
	padding-right: 0px;
}

.shipping-info-summary .row .btn-edit:hover {
	color: #ffffff !important;
	background-color: #990000 !important;
	border: solid 2px #990000 !important;
}

.shipping-info-summary .row .btn-edit i {
	font-size: 12px;
	vertical-align: text-top;
}

.shipping-info-summary .sis-delivery-option {
	margin-top: 8px
}

.shipping-info-summary .sis-delivery-option span small {
	margin-left: 8px
}

.account-container {
	margin-left: 18em !important;
	margin-right: 18em;
	margin-top: 2em;
}

.account-header {
	font-family: BentonSansMedium, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 11px;
	line-height: 15px;
	letter-spacing: .25em;
	text-transform: uppercase;
	font-weight: 400;
}

.account-sub {
	border: 1px solid #e1e1e1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-radius: 5px;
	margin-bottom: .5rem;
}

.account-sub-item {
	color: inherit;
	font: inherit;
	letter-spacing: inherit;
	border-radius: 0;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .75rem;
	width: 100%;
	position: relative;
	text-decoration: none !important;
}

.account-sub-item-text {
	font-family: BentonSans, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 14px;
	line-height: 18px;
	letter-spacing: .04em;
	text-transform: inherit;
	font-weight: 400;
}

.account-sub-item-icon i {
	width: 8px;
	height: 14px;
}

.account-right-title {
	font-family: BentonSansBook, Helvetica, Arial, sans-serif;
	font-feature-settings: "liga"0;
	font-size: 18px;
	line-height: 22px;
	letter-spacing: .04em;
	text-transform: inherit;
	font-weight: 400;
}

.portal-logo {
	height: 5em;
}

/* CHECKOUT */

.steps {
	align-self: center;
	font-size: 12px;
	color: #b30000;
	margin: 24px 0 16px;
	text-align: right;
	/*text-shadow: 2px 2px #ffffff40;*/
	font-weight: 600;
}

.billing-info-title {
	color: #b30000;
	text-shadow: 2px 2px #ffffff40;
}

.shipping-info-title h2, .billing-info-title h2 {
	margin: 24px 0 16px;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.7px;
}

.order-summary-title h2 {
	margin: 24px 0 2px;
	font-size: 20px;
	line-height: 23px;
	letter-spacing: 0.7px;
}

.checkout-rows {
	margin: .7rem 0rem;
}

.checkout-rows .form-control, .accordion-body .form-control {
	border-radius: 0px !important;
	font-family: 'Lato', sans-serif;
	font-weight: 1200;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
}

.checkout-rows .form-floating label, .accordion-body .form-floating label {
	font-family: 'Lato', sans-serif;
	font-weight: 1200;
	color: #888;
	font-size: 13px;
	text-transform: uppercase;
}

.checkout-field {
	color: #850303 !important;
}

.checkout-rows .form-control:focus, .accordion-body .form-control:focus {
	/*color: #888!important;*/
	border-top: none;
	border-left: none;
	border-right: none;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
	border-bottom: solid 2px #990000;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.checkout-rows div {
	padding-left: 0px;
}

.cyc-input-checkbox {
	width: 1em !important;
}

.s {
	background-color: white;
	border: 1px solid #dededb;
	cursor: pointer;
	margin: -1px;
	transition: background-color 0.2s;
	padding: 10px 20px;
	display: flex;
	align-items: center;
}

.s .s-input-radio {
	width: 1rem !important;
}

.s-input-radio:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -4px;
	left: 0px;
	position: relative;
	background-color: #ffffff;
	content: '';
	display: inline-block;
	visibility: visible;
	border: 2px solid #9900001c;
	/*opacity:0.5;*/
}

.s-input-radio:checked:after {
	width: 15px;
	height: 15px;
	border-radius: 15px;
	top: -4px;
	left: 0px;
	position: relative;
	background-color: #ca0202;
	content: '';
	display: inline-block;
	visibility: visible;
	/*border: 5px solid white;*/
}

.s-input-radio-label span {
	width: fit-content;
	padding-right: 0px;
}

.s-input-radio-label {
	float: left;
}

/*
.s input[type=radio]:checked {
	background-color: #dededb;
}*/

.shipping-options {
	padding: 1.5rem 1rem 2rem 1rem;
	margin-bottom: 1rem;
	color: #850303;
}

.shipping-options .s label span strong, .shipping-options .s label span small {
	font-size: 13px;
}

.so-title {
	padding-left: 0px;
	font-size: rem !important;
	font-weight: 700;
	padding-bottom: 1rem;
	color: #910404;
	/*text-shadow: 2px 2px #ffffff40;*/
	font-weight: 600;
	/* color: white; */
}

.so-title h2 {
	margin: 0px 0px 10px 0px;
	padding-left: 0px;
	font-size: 12px;
	line-height: 15px;
	letter-spacing: 0.4px;
	font-family: 'Lato', sans-serif;
	font-weight: bold;
}

.terms {
	margin-top: 2.5rem;
	margin-bottom: .5rem;
	color: #b30000;
}

.btn-next-step, .btn-review-order, .btn-promo-code {
	height: 3.5rem;
	border: solid 2px #ca0202;
	border-radius: 0px;
	background-color: #ca0202;
	color: #ffffff;
	font-size: small;
	text-transform: uppercase;
	box-shadow: none !important;
}

.btn-next-step:hover, .btn-review-order:hover, .btn-promo-code:hover {
	height: 3.5rem;
	border: solid 2px #990000;
	border-radius: 0px;
	background-color: #990000;
	color: #ffffff;
	font-size: small;
	text-transform: uppercase;
}

.btn-next-step:focus, .btn-review-order:focus, .btn-promo-code:focus {
	height: 3.5rem;
	border: solid 2px #ca0202;
	border-radius: 0px;
	background-color: #ca0202;
	color: #ffffff;
	font-size: small;
	text-transform: uppercase;
}

.btn-review-order {
	margin-top: 2rem;
}

.btn-promo-code {
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%) !important;
	height: 3.65rem !important;
}

.accordion-item {
	border-radius: 0px !important;
	border: 0px;
	box-shadow: 0 1px 2px 0 rgb(0 0 0 / 25%);
}

.accordion-body {
	color: #850303 !important;
}

.accordion-item .accordion-header .accordion-button {
	color: #830707 !important;
	background-color: #ffffff !important;
	border-radius: 0px;
	border: none !important;
	font-family: 'Lato', sans-serif;
	font-size: 12px;
	line-height: 24px;
	letter-spacing: 0.4px;
	padding: 0.5rem 1rem;
	box-shadow: 0 0px 0px 0 rgb(0 0 0 / 25%);
	text-transform: uppercase;
}

.accordion-body ::-webkit-file-upload-button {
	height: 2.5rem;
	border: solid 2px #ca0202;
	border-radius: 0px;
	background-color: #ca0202;
	color: #ffffff;
	font-size: small;
	text-transform: uppercase;
	cursor: pointer;
}

.accordion-body ::-webkit-file-upload-button:hover {
	height: 2.5rem;
	border: solid 2px #990000;
	border-radius: 0px;
	background-color: #990000;
	color: #ffffff;
	font-size: small;
	text-transform: uppercase;
}

.accordion-body #myFile {
	width: 100%;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
}

.discounts-promotions {
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.42;
	letter-spacing: 0.3px;
	line-height: 15px;
	letter-spacing: 0.4px;
	margin-bottom: 1rem;
	/*  */
	color: #b30000;
}

.accordion-button::after {
	flex-shrink: 0;
	width: 1.25rem;
	height: 1.25rem;
	margin-left: auto;
	content: "";
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDkwLjY4OCA0OTAuNjg4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuNjg4IDQ5MC42ODg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiNGRkMxMDc7IiBkPSJNNDcyLjMyOCwxMjAuNTI5TDI0NS4yMTMsMzQ3LjY2NUwxOC4wOTgsMTIwLjUyOWMtNC4yMzctNC4wOTMtMTAuOTktMy45NzUtMTUuMDgzLDAuMjYyDQoJYy0zLjk5Miw0LjEzNC0zLjk5MiwxMC42ODcsMCwxNC44MmwyMzQuNjY3LDIzNC42NjdjNC4xNjUsNC4xNjQsMTAuOTE3LDQuMTY0LDE1LjA4MywwbDIzNC42NjctMjM0LjY2Nw0KCWM0LjIzNy00LjA5Myw0LjM1NC0xMC44NDUsMC4yNjItMTUuMDgzYy00LjA5My00LjIzNy0xMC44NDUtNC4zNTQtMTUuMDgzLTAuMjYyYy0wLjA4OSwwLjA4Ni0wLjE3NiwwLjE3My0wLjI2MiwwLjI2Mg0KCUw0NzIuMzI4LDEyMC41Mjl6Ii8+DQo8cGF0aCBkPSJNMjQ1LjIxMywzNzMuNDE1Yy0yLjgzMSwwLjAwNS01LjU0OC0xLjExNS03LjU1Mi0zLjExNUwyLjk5NCwxMzUuNjMzYy00LjA5My00LjIzNy0zLjk3NS0xMC45OSwwLjI2Mi0xNS4wODMNCgljNC4xMzQtMy45OTIsMTAuNjg3LTMuOTkyLDE0LjgyLDBsMjI3LjEzNiwyMjcuMTE1bDIyNy4xMTUtMjI3LjEzNmM0LjA5My00LjIzNywxMC44NDUtNC4zNTQsMTUuMDgzLTAuMjYyDQoJYzQuMjM3LDQuMDkzLDQuMzU0LDEwLjg0NSwwLjI2MiwxNS4wODNjLTAuMDg2LDAuMDg5LTAuMTczLDAuMTc2LTAuMjYyLDAuMjYyTDI1Mi43NDQsMzcwLjI3OQ0KCUMyNTAuNzQ4LDM3Mi4yODEsMjQ4LjAzOSwzNzMuNDA4LDI0NS4yMTMsMzczLjQxNXoiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
	background-repeat: no-repeat;
	background-size: 1.25rem;
	transition: transform .2s ease-in-out;
}

.accordion-button:not(.collapsed)::after {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNDkwLjY4OCA0OTAuNjg4IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0OTAuNjg4IDQ5MC42ODg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIHN0eWxlPSJmaWxsOiNGRkMxMDc7IiBkPSJNNDcyLjMyOCwxMjAuNTI5TDI0NS4yMTMsMzQ3LjY2NUwxOC4wOTgsMTIwLjUyOWMtNC4yMzctNC4wOTMtMTAuOTktMy45NzUtMTUuMDgzLDAuMjYyDQoJYy0zLjk5Miw0LjEzNC0zLjk5MiwxMC42ODcsMCwxNC44MmwyMzQuNjY3LDIzNC42NjdjNC4xNjUsNC4xNjQsMTAuOTE3LDQuMTY0LDE1LjA4MywwbDIzNC42NjctMjM0LjY2Nw0KCWM0LjIzNy00LjA5Myw0LjM1NC0xMC44NDUsMC4yNjItMTUuMDgzYy00LjA5My00LjIzNy0xMC44NDUtNC4zNTQtMTUuMDgzLTAuMjYyYy0wLjA4OSwwLjA4Ni0wLjE3NiwwLjE3My0wLjI2MiwwLjI2Mg0KCUw0NzIuMzI4LDEyMC41Mjl6Ii8+DQo8cGF0aCBkPSJNMjQ1LjIxMywzNzMuNDE1Yy0yLjgzMSwwLjAwNS01LjU0OC0xLjExNS03LjU1Mi0zLjExNUwyLjk5NCwxMzUuNjMzYy00LjA5My00LjIzNy0zLjk3NS0xMC45OSwwLjI2Mi0xNS4wODMNCgljNC4xMzQtMy45OTIsMTAuNjg3LTMuOTkyLDE0LjgyLDBsMjI3LjEzNiwyMjcuMTE1bDIyNy4xMTUtMjI3LjEzNmM0LjA5My00LjIzNywxMC44NDUtNC4zNTQsMTUuMDgzLTAuMjYyDQoJYzQuMjM3LDQuMDkzLDQuMzU0LDEwLjg0NSwwLjI2MiwxNS4wODNjLTAuMDg2LDAuMDg5LTAuMTczLDAuMTc2LTAuMjYyLDAuMjYyTDI1Mi43NDQsMzcwLjI3OQ0KCUMyNTAuNzQ4LDM3Mi4yODEsMjQ4LjAzOSwzNzMuNDA4LDI0NS4yMTMsMzczLjQxNXoiLz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K);
	transform: rotate(-180deg);
}

.os-separator {
	padding: 0px;
	margin: 2px;
	/*padding: 1px;*/
	background-color: #242425;
}

.summary-info {
	border-top: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	padding: 1rem 0rem;
	font-size: 13px;
	font-family: 'Lato', sans-serif;
	color: white;
}

.summary-info-total {
	font-family: 'Lato', sans-serif;
	color: white;
}

.summary-info .row, .summary-info-total .row {
	margin: 5px 0px;
}

.summary-info .row .left, .summary-info-total .row .left {
	padding-left: 0px;
	text-align: left;
}

.summary-info .row .right, .summary-info-total .row .right {
	padding-right: 0px;
	text-align: right;
}

.summary-info p {
	margin-bottom: 2px;
}

.summary-info .delivery-date {
	color: #f77f7f;
	font-size: 12px;
}

.summary-info-total {
	padding: .2rem 0rem;
	font-size: 14px;
}

.product {
	margin: .6rem .3rem;
	padding-top: 1rem;
	border-top: solid 1px #ffffff3b;
}

.product div {
	/*padding-left: 0rem;*/
	padding-right: .5rem;
	color: white;
}

.product .product-image {
	/*max-width: 100%;*/
	max-height: 6rem;
}

.product .product-image img {
	max-width: 100%;
	height: 100%;
}

.os-products .product .product-details .product-description p {
	margin: 0;
	color: #bbb;
	font-family: 'Lato', sans-serif;
	font-size: 13px;
}

.os-products .product .product-details .product-title h3 {
	font-family: 'Lato', sans-serif;
	font-weight: bold;
	font-size: 14px !important;
	line-height: 1.42;
	letter-spacing: 0.3px;
	line-height: 15px;
	letter-spacing: 0.2px;
	color: #ffffffca;
}

.os-products .product .product-details .p-price {
	font-size: 14px;
	display: flex;
	flex-flow: column;
	margin-left: auto;
	font-weight: 600;
	text-align: right;
}

.price-actions {
	padding-right: 0px !important;
}

.price-actions .p-price {
	padding-right: 0px;
}

.price-actions .p-price small {
	font-weight: lighter;
	text-decoration: line-through;
	color: #918f8f;
}

.edit {
	margin-top: 15px;
	padding-right: 0px;
	width: min-content;
	display: contents;
}

.edit .btn-edit {
	font-size: 15px;
	width: 40px;
	height: 28px;
	border-radius: 0px;
	margin-bottom: 2px auto;
	color: #ffffff !important;
	background-color: #ca0202 !important;
	border: solid 2px #ca0202 !important;
	cursor: pointer;
	float: right;
}

.edit .btn-edit:hover {
	color: #ffffff !important;
	background-color: #990000 !important;
	border: solid 2px #990000 !important;
}

.edit .btn-edit i {
	font-size: 12px;
	vertical-align: text-top;
}

.need-help h3 {
	font-size: 22px;
	font-weight: 700;
	margin-top: .5rem
}

.need-help {
	margin: 2rem;
	color: #ffffff;
	border-radius: 5px;
	border: solid 2px #f0f0f0;
	padding: 16px;
	font-family: 'Lato', sans-serif;
}

.need-help .help-number {
	margin-bottom: 0.2rem;
	font-size: 16px;
}

.need-help .help-hours {
	font-size: 12px;
	margin-bottom: 0.3rem;
}

.need-help .shipping-info-modal {
	text-decoration: none;
	cursor: pointer;
	font-size: 12px;
}

.modal-body {
	font-family: 'Lato', sans-serif;
	font-size: small;
	letter-spacing: 0.4px;
}

.modal-body h1 {
	font-size: 15px;
	text-transform: uppercase;
	margin: 5px 0 5px;
	line-height: 28px;
	letter-spacing: 0.9px;
	font-size: 25px;
}

.modal-body .si-desc {
	margin: 0rem 0px 2rem 0px;
}

.modal-body h3 {
	font-size: 15px;
	line-height: 1.42;
	letter-spacing: 0.3px;
	line-height: 15px;
	letter-spacing: 0.4px;
	text-transform: uppercase;
	margin-top: 1rem;
	margin-bottom: 1rem;
}

.modal-body table {
	width: 100% !important;
	margin: 1rem 0px;
}

.modal-body table .ttitle {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
}

.modal-body table .tleft {
	width: 25% !important;
	vertical-align: top;
	padding-bottom: 1rem;
}

.modal-body table .tright {
	width: 75% !important;
	padding-bottom: 1rem;
}

.note-delivery-times, .note-shipping-charges {
	margin-bottom: 2rem;
}

.modal-body .shipping-cutoffs {
	margin-bottom: 2rem;
}

.modal-body .sc-table td {
	padding: .5rem;
}

.home-brand {
	max-height: 2em;
}

@-webkit-keyframes zoom-fade {
	from {
		opacity: 0;
		-webkit-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

@keyframes zoom-fade {
	from {
		opacity: 0;
		-webkit-transform: scale(1.3, 1.3);
		transform: scale(1.3, 1.3)
	}

	to {
		opacity: 1;
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1)
	}
}

.earn-points-product {
	font-size: 0.8rem;
}

.product-button-container {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.whatsapp-button:hover {
	background-color: #12a548 !important;
	color: rgb(231, 226, 226);
}

.featured-video .video iframe {
	width: 640px;
	height: 360px;
}

@media only screen and (min-width:440px) and (max-width:679px) {
	.featured-video .video iframe {
		width: 400px;
		height: 230px;
	}
}

@media only screen and (max-width:439px) {
	.featured-video .video iframe {
		width: 290px;
		height: 230px;
	}
}

.featured-video .video {
	margin: auto !important;
	width: fit-content;
	min-height: fit-content;
}

.ft-vid {
	justify-content: center;
}

.video-featured-products {
	font-family: Barlow, sans-serif;
	text-transform: uppercase;
}

.video {
	background-color: #960000;
	min-height: 70vh;
	margin: 3rem 0rem;
	background-image: url("../img/vichy.png");
}

/* EXTRA BRANDS */

.brands-section {
	min-height: 75vh;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.b-section-inner {
	margin: 0 auto;
	position: relative;
}

.row.c-center {
	justify-content: center;
	max-width: 65%;
	margin: auto;
}

.brands-title {
	font-family: 'Montserrat', sans-serif;
	font-weight: 800;
	padding-top: 3rem !important;
	color: #860404;
	text-transform: uppercase;
}

.brand-logo img {
	width: 100%;
}

.brand-logo p {
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	font-size: 18px;
	margin: 3rem auto 0px auto !important;
	padding: .6rem 2rem;
	width: fit-content;
	border: solid 3px#ab0000;
}

.brand-logo p:hover {
	background-color: #ab0000;
	border: solid 3px#ab0000;
	cursor: pointer;
}

.brand-logo p:hover a {
	color: #ffffff;
}

.brand-logo a {
	text-decoration: none;
	color: #ab0000;
}

/* top logo icons */

.top-cards-row {
	margin: auto;
	place-content: center;
}

.top-cards-row .card {
	border: 2px solid #8b000028;
	border-radius: 0px;
	/*max-width: 350px;*/
	text-align: center;
	margin: 60px 1rem 20px 1rem;
}

.top-cards-row .card:hover {
	/*box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;*/
	/*box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;*/
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	background-color: #c41306;
	color: white;
	border: 2px solid #ffffff;
	opacity: 0.9;
}

.top-cards-row .card:hover .card_img {
	background-color: #c41306;
	border: 2px solid #ffffff;
	box-shadow: rgba(170, 169, 169, 0.35) 0px 5px 15px;
}

.top-cards-row .card_img {
	width: 100px;
	height: 100px;
	overflow: hidden;
	border-radius: 100%;
	margin: -60px auto 0;
	border: 2px solid #8b000028;
	background-color: #ffffff;
}

.top-cards-row .card_img a {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.top-cards-row .card_img .card-icon {
	line-height: 2 !important;
	font-size: 3rem;
}

.top-cards-row .card_img i {
	text-decoration: none;
	color: #d30000;
}

.top-cards-row .card:hover .card_img i {
	text-decoration: none;
	color: #ffffff;
}

.top-cards-row a:hover {
	color: black;
}

.top-cards-row .card_info h6 {
	margin-top: 1rem;
}

.top-cards-row .card:hover, .card:hover .card_img {
	background-image: url("https://www.transparenttextures.com/patterns/asfalt-dark.png");
}

.top-cards-row .card_info p {
	padding: .4rem 1rem 1rem 1rem;
	margin-bottom: 0rem;
}

.top-cards-row .card_info h6 {
	text-transform: uppercase;
}

@media only screen and (max-width:400px) {
	.padding-home {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}

	.m-hide {
		display: none;
	}
}

.n_item {
	padding: .5rem;
	place-self: center;
}

.n_item .search {
	margin-left: .5rem;
	margin-right: .5rem;
	place-self: center;
}

.n_item .search .input-group {
	/*width: 100%!important;*/
	place-content: center !important;
}

.nv-row {
	max-width: 100%;
	margin: auto;
	place-content: center;
}

.nv-search {
	border-radius: 20px 0px 0px 20px !important;
	width: 400px;
}

.nv-search-btn {
	border-radius: 0px 20px 20px 0px !important;
	color: #ca0202 !important;
	background-color: white;
	border: none !important;
}

.nv-search-btn:hover {
	border-radius: 0px 20px 20px 0px !important;
	color: white !important;
	background-color: #ca0202 !important;
}

@media only screen and (max-width:1385px) and (max-width:1700px) {
	.nv-search {
		border-radius: 20px 0px 0px 20px !important;
		/*min-width: 300px;*/
		width: 300px !important;
	}
}

@media only screen and (max-width:1084px) and (max-width:1384px) {
	.nv-search {
		border-radius: 20px 0px 0px 20px !important;
		/*min-width: 300px;*/
		width: 250px !important;
	}
}

@media only screen and (max-width:1083px) {
	.nv-search {
		border-radius: 20px 0px 0px 20px !important;
		/*min-width: 300px;*/
		width: 200px !important;
	}
}

@media only screen and (max-width:950px) {
	.nav-button-group {
		text-align: center;
		width: 100% !important;
	}
}

.nav-buton-group {
	min-width: max-content;
}

@media only screen and (max-width:670px) {
	.call-container {
		min-width: 100%;
	}
}

.rec-prod {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
.rec-title{
	color: #960000;
	margin-top: 1rem;
}

.recommended-items{
	padding: .5rem 2rem;
}