@font-face {
	font-family: 'flight';
	src: url('../fonts/futura_light_bt-webfont.woff2') format('woff2'),
		url('../fonts/futura_light_bt-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'fmedium';
	src: url('../fonts/futura_medium_bt-webfont.woff2') format('woff2'),
		url('../fonts/futura_medium_bt-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
:root {
	--c1: #0088c5;
	--c2: #00c2f3;
}

body,
html {
	color: #1f1f24;
	font-family: 'flight', sans-serif;
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}
body {
	overflow-x: hidden;
	padding-top: 126px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, img {
	display: block
}
table {
	border: none;
	border-collapse: collapse
}
a {
	color: var(--c1);
	cursor: pointer;
	text-decoration: none;
	outline: none;
}
p, form, input, ul, ol, h1, h2, h3, h4, h5, h6, figure, hr, span, blockquote, fieldset {
	margin: 0px;
	padding: 0px;
}
ul li {
	list-style-type: none;
	list-style-position: outside
}
ol li {
	list-style-position: inside
}
img {
	border: 0px;
	display: block
}
input,
textarea,
select,
button {
	border-radius: 0px;
	border: none;
	font-family: 'flight', sans-serif;
	font-size: 1em;
	outline: none;
	resize: none;
}
strong {
	font-family: 'fmedium';
	font-weight: 500;
}
input[type='text'],
input[type='password'],
input[type='button'],
input[type='submit'],
textarea,
select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="submit"],
input[type="button"] {
	cursor: pointer
}
input::-moz-focus-inner {
	border: 0;
	padding: 0
}
fieldset {
	border: 0
}
input[type="radio"] {
	background-color: #fff;
	border: 1px solid #1f1f24;
	border-radius: 50%;
	cursor: pointer;
	height: 16px;
	margin-right: 8px;
	position: relative;
	top: 1px;
	transition: all 0.3s ease;
	width: 16px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="radio"]:hover {
	background-color: #efefef
}
input[type="radio"]:checked {
	background-color: var(--c2);
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px #1f1f24;
}
input[type="checkbox"] {
	background-color: #fff;
	border: 1px solid #1f1f24;
	cursor: pointer;
	height: 16px;
	margin-right: 8px;
	position: relative;
	top: 2px;
	width: 16px;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}
input[type="checkbox"]:checked {
	background-color: var(--c2);
	border: 3px solid #fff;
	box-shadow: 0 0 0 1px #1f1f24;
}
input[type="checkbox"].noMargin {
	margin-right: 0;
}
::selection {
	background: #000;
	color: #fff;
	padding: 20px
}
::-moz-selection {
	background: #000;
	color: #fff
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
hr {
	background-color: #e8e8e8;
	border: 0;
	height: 1px;
	margin: 16px 0;
	width: 100%;
}
h1 {
	font-size: 2.7em;
	font-weight: 500;
	position: relative;
}
h2 {
	font-family: 'fmedium', sans-serif;
	font-size: 2.55em;
	font-weight: 500;
	text-transform: uppercase;
}
h3 {
	font-family: 'fmedium', sans-serif;
	font-size: 2.1em;
	font-weight: 500;
	padding: 15px 0 10px 0;
	text-transform: uppercase;
}
h4,
h5,
h6 {
	font-weight: 500;
}
.generalwrap {
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}
.generalwrap.p980 {
	max-width: 980px
}
.generalwrap.p840 {
	max-width: 868px
}
.generalwrap.p550 {
	max-width: 550px
}
.generalwrap.p450 {
	max-width: 450px
}
@media only screen and (max-width:1320px) {
	.generalwrap { margin: 0 22px }

	.generalwrap.p980,
	.generalwrap.p840,
	.generalwrap.p550 {
		margin: 0 auto
	}
}
@media only screen and (max-width:1024px) {
	.generalwrap.p980 { margin: 0 22px }
}
@media only screen and (max-width:1214px) {
	body { padding-top: 60px }
}
@media only screen and (max-width:912px) {
	.generalwrap.p840 { margin: 0 22px }
}
@media only screen and (max-width:594px) {
	.generalwrap.p550 { margin: 0 22px }
}
@media only screen and (max-width:494px) {
	.generalwrap.p450 { margin: 0 22px }
}


/* ----------- misc -----------*/
.backBtn {
	color: #333;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: .95em;
	margin-bottom: 12px;
	padding: 0 10px;
	position: relative;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.backBtn:hover {
	color: var(--c1);
}
.backBtn i {
	margin-right: 8px;
}
.backBtn.alignC {
	margin: 0 auto 24px auto;
	top: -10px;
}
.tabContent {
	display: none
}
.tabContent.current {
	display: block
}
.tabContent .mainForm {
	padding: 20px 14px 0 14px
}
.embedContainer {
	height: 0;
	max-width: 100%;
	overflow: hidden;
	position: relative;
	padding-bottom: 56.25%;
}
.embedContainer.v2 {
	padding-bottom: 36%
}
.embedContainer iframe,
.embedContainer object,
.embedContainer embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.col50,
.col33 {
	display: grid;
	grid-gap: 0 18px;
}
.col50 {
	grid-template-columns: repeat(2, 1fr)
}
.col33 {
	grid-template-columns: repeat(3, 1fr)
}
.alertMs {
	color: #828282;
	display: block;
	font-size: 1.05em;
	font-style: initial;
	line-height: 1.34em;
	padding: 0 0 16px 256px;
	text-align: center;
}
.alertMs.v2 {
	padding: 14px 0 0 0
}
.alertMs.v3 {
	font-size: 1.05em;
	line-height: 1.5em;
	padding: 0 0 14px 0;
}
.alertMs.tl {
	text-align: left
}
.alertMs svg {
	fill: var(--c1);
	margin-right: 7px;
	position: relative;
	stroke-width: 2px;
	stroke: var(--c1);
	top: 2px;
	width: 15px;
}
.alertMessage {
	color: var(--c1);
	margin-top: 14px;
}
.alertMessage i {
	margin-right: 8px
}
.accessoriesBtn {
	grid-column: span 3
}
.accessoriesBtn a {
	background-color: #4b4b4d !important;
	color: #fff;
	display: table;
	font-family: 'fmedium', sans-serif;
	margin: 0 auto;
	min-width: 180px;
	padding: 9px 30px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.accessoriesBtn a i {
	margin-right: 10px;
	transition: all 0.3s ease;
}
.accessoriesBtn a:hover {
	background-color: var(--c1) !important;
}
.accessoriesBtn a svg {
	fill: #fff;
	margin-right: 8px;
	position: relative;
	stroke-width: 2px;
	stroke: #fff;
	top: 2px;
	transition: all 0.3s ease;
	width: 14px;
}
.optBtns {
	text-align: center;
}
.optBtns.v2 {
	margin-top: 20px;
}
.optBtns a {
	background-color: var(--c1);
	color: #fff;
	cursor: pointer;
	display: inline-table;
	font-family: 'fmedium', sans-serif;
	margin-right: -4px;
	padding: 9px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.optBtns a i {
	margin-right: 8px;
	transition: all 0.3s ease;
}
.optBtns a:hover i {
	color: var(--c2);
}
.optBtns.v2 a {
	display: table;
	margin: 14px auto 0 auto;
	min-width: 201px;
}
.optBtns a.grey {
	background-color: #7f7f80;
	margin-left: 10px;
}
.addDirection {
	color: var(--c1);
	display: table;
	font-size: .9em;
	font-family: 'fmedium', sans-serif;
	margin: 0 0 0 auto;
	position: relative;
	text-transform: uppercase;
	top: -11px;
}
.addDirection svg {
	display: inline-block;
	height: 10px;
	margin-right: 4px;
	stroke-width: 2px;
	stroke: var(--c2);
}
.addDirection:hover {
	text-decoration: underline
}
.saveAddress {
	display: block;
	font-size: .9em;
	margin: 0 0 14px 0;
	position: relative;
	top: -10px;
}
.radioOpt {
	margin-bottom: 20px;
}
.radioOpt label {
	display: inline-block !important;
	font-size: 1.05em;
	margin-right: 16px;
	text-transform: initial !important;
}
.radioOpt label:last-of-type {
	margin-right: 0
}
.radioOpt input[type="radio"] {
	top: 2px;
}
.cardMessage {
	border: 1px solid var(--c2);
	color: var(--c1);
	font-family: 'fmedium', sans-serif;
	margin-bottom: 10px;
	padding: 10px 16px 12px 40px;
	position: relative;
	top: -12px;
}
.cardMessage i {
	left: 16px;
	position: absolute;
	top: 15px;
}
.tasa0 {
	margin-bottom: 10px;
	position: relative;
	top: -8px;
}
.timeMessage {
	color: #828282;
	line-height: 1.34em;
	margin-bottom: 2px;
	position: relative;
	text-align: center;
	top: -14px;
}
.timeMessage i {
	color: var(--c1);
	margin-right: 7px;
}
.documents2 a {
	display: inline-block;
	font-size: 1.1em;
	font-family: 'fmedium', sans-serif;
	margin-left: 12px;
	transition: all 0.3s ease;
}
.documents2 a svg {
	display: inline-block;
	height: 14px;
	margin-right: 5px;
	position: relative;
	stroke-width: 2px;
	stroke: var(--c2);
	top: 1px;
}
.documents2 a:hover {
	text-decoration: underline
}
.alignRight {
	text-align: right
}
.loginBtn {
	display: grid;
	grid-gap: 12px;
	margin-bottom: 23px;
	margin-top: 24px;
}
.loginBtn a {
	font-family: 'fmedium', sans-serif;
	padding: 11px 20px 10px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.loginBtn a i,
.loginBtn a img {
	height: 18px;
	margin-right: 12px;
	vertical-align: middle;
}
.loginBtn a img {
	display: inline-block;
	position: relative;
	top: -1px;
}
.loginBtn .face {
	background-color: #1877f2;
	color: #fff;
}
.loginBtn .face:hover {
	background-color: #2d88fe
}
.loginBtn .google {
	background-color: #efefef;
	color: #1f1f24;
}
.loginBtn .google:hover {
	background-color: #e7e7e7
}
.loginBtn .google i {
	color: #ea4335
}
.or {
	color: #333;
	font-size: 1.2em;
	margin-bottom: 19px;
	position: relative;
	text-align: center;
}
.or.small {
	font-size: 1.1em
}
.or:before {
	background-color: #dedede;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 12px;
	width: 100%;
}
.or span {
	background-color: #fff;
	padding: 0 10px;
	position: relative;
	z-index: 10;
}
.newAccount {
	color: #1f1f24;
	display: table;
	font-size: 1.1em;
	margin: 20px auto 0 auto;
	padding: 10px;
	text-align: center;
	text-decoration: underline;
	transition: all 0.3s ease;
}
.newAccount:hover {
	color: var(--c1);
}
.secondLegend {
	border-bottom: 1px solid var(--c1);
	border-top: 1px solid var(--c1);
	color: var(--c1);
	font-size: 1.03em;
	grid-column: span 3;
	padding: 9px 0 11px 0;
	text-align: center;
}
.secondLegend.v2 {
	margin-bottom: 20px;
	padding: 10px 0 12px 0;
}
.secondLegend svg {
	fill: var(--c1);
	height: 15px;
	margin-right: 9px;
	position: relative;
	top: 2px;
}
.descountCoupon {
	border-top: 1px solid #dcdcdc;
	padding: 16px 0;
}
.descountCoupon .mainForm {
	display: grid;
	grid-gap: 7px;
	grid-template-columns: 220px 80px;
	justify-content: end;
}
.descountCoupon input {
	margin-bottom: 0 !important;
}
.descountCoupon .errors,
.descountCoupon .success {
	border-width: 1px;
	margin: 10px 0 0 auto;
	max-width: 307px;
	padding: 8px 20px 9px 20px;
}
#lhc_status_container {
	z-index: 10000 !important;
}
.tRight {
	text-align: right;
}
.tRight button {
	display: inline-block !important;
}
.extraPad {
	padding-left: 10px;
}
@media only screen and (max-width:1080px) {
	.alertMs { padding: 0 0 16px 0 }
}
@media only screen and (max-width:840px) {
	.accessoriesBtn,
	.secondLegend {
		grid-column: span 2
	}
}
@media only screen and (max-width:740px) {
	.alertMs.tl { text-align: center }
	.alertMs.tl i {
		display: block;
		margin-bottom: 3px
	}
}
@media only screen and (max-width:594px) {
	.tabContent .mainForm { padding: 20px 0 0 0 }
}
@media only screen and (max-width:580px) {
	.col50,
	.col33 {
		grid-gap: 0;
		grid-template-columns: auto
	}
}
@media only screen and (max-width:570px) {
	.dataContact .embedContainer { padding-bottom: 70% }
}
@media only screen and (max-width:550px) {
	.accessoriesBtn,
	.secondLegend {
		grid-column: span 1
	}
}
@media only screen and (max-width:520px) {
	.radioOpt label {
		display: block !important;
		margin-right: 0;
		padding: 5px 0;
	}
}
@media only screen and (max-width:480px) {
	.accessoriesBtn a { width: 100% }
}
@media only screen and (max-width:460px) {
	.documents2 a {
		display: block;
		margin-left: 0;
		padding: 6px 0
	}
}
@media only screen and (max-width:390px) {
	.descountCoupon .mainForm {
		grid-template-columns: auto 80px;
		justify-content: initial;
	}
	.descountCoupon .errors,
	.descountCoupon .success {
		max-width: initial
	}
}


/* ----------- topNav -----------*/
#topNav {
	background-color: #f6f6f6;
	height: 36px;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	transition: all .4s;
	z-index: 9999;
	width: 100%;
}
#topNav .sliderInfo {
	height: 36px;
	line-height: 35px;
	margin: 0 auto;
	text-align: center;
	width: 314px;
}
#topNav .sliderInfo a {
	color: #505056;
	font-size: .9em;
	font-family: 'fmedium', sans-serif;
	transition: all 0.3s ease;
}
#topNav .sliderInfo a:hover {
	color: var(--c1);
}
.sliderInfo .slick-next:before,
.sliderInfo .slick-prev:before {
	color: var(--c1) !important;
	font-size: 12px !important;
}
.sliderInfo .slick-next:hover:before,
.sliderInfo .slick-prev:hover:before {
	color: #505056 !important;
}
.sliderInfo .slick-prev {
	left: -34px !important
}
.sliderInfo .slick-next {
	right: -34px !important
}
@media only screen and (max-width:1214px) {
	#topNav { position: static }
}


/* ----------- header -----------*/
header {
	height: 90px;
	left: 0;
	position: fixed;
	top: 36px;
	width: 100%;
	z-index: 9998;
}
header:before {
	background-color: #fff;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#searchBox {
	background-color: rgba(75, 75, 77, .95);
	display: grid;
	height: 57px;
	left: 0;
	position: absolute;
	top: 8px;
	transition: all 0.4s ease;
	width: 100%;
	z-index: -1;
}
#searchBox.show {
	top: 90px;
}
#searchBox > div {
	margin: auto;
	padding-left: 22px;
	position: relative;
}
#searchBox input[type="search"] {
	background-color: transparent;
	border: 1px solid #fff;
	color: #fff;
	font-size: 1.1em;
	padding: 6px 8px;
	width: 490px;
}
#searchBox input[type="submit"] {
	background-color: #fff;
	color: var(--c1);
	font-family: 'fmedium', sans-serif;
	height: 100%;
	padding: 0 14px;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease;
}
#searchBox input[type="submit"]:hover {
	padding: 0 18px
}
#searchBox #closeSearch {
	color: #fff;
	height: 26px;
	line-height: 25px;
	position: absolute;
	margin-left: -30px;
	text-align: center;
	top: 2px;
	transition: all 0.3s ease;
	width: 26px;
}
#searchBox #closeSearch:hover {
	color: #fff
}
@media only screen and (max-width:1214px) {
	header {
		height: 60px;
		top: 0
	}
	#searchBox { top: -7px }
	#searchBox.show { top: 60px }
}
@media only screen and (max-width:580px) {
	#searchBox input[type="search"] {
		width: 100%
	}
	#searchBox>div {
		width: 80%
	}
}


/* ----------- nav -----------*/
nav {
	box-shadow: 0 0 20px rgba(40, 40, 40, .15);
	position: relative;
}
nav .generalwrap {
	align-items: center;
	display: flex;
	height: 90px;
	justify-content: space-between;
}
nav .logo {
	z-index: 200;
}
nav .logo svg {
	height: 67px;
}
nav .navBar {
	display: flex;
	position: relative;
}
nav .navBar>li>a {
	color: #1f1f24;
	display: block;
	font-family: 'fmedium', sans-serif;
	font-size: 1em;
	height: 70px;
	line-height: 70px;
	padding: 0 10px;
	position: relative;
	text-align: center;
}
nav .navBar>li>a.red span {
	background-color: var(--c1);
	color: #fff;
	padding: 6px 12px;
	transition: all 0.3s ease;
}
nav .navBar>li>a.red:hover span {
	background-color: #1f1f24
}
nav .navBar>li>a.red span:before {
	display: none
}
nav .navBar>li>a.sale span {
	box-shadow: 0 0 6px rgba(40, 40, 40, .17);
	color: var(--c1);
	padding: 6px 9px;
	transition: all 0.3s ease;
}
nav .navBar>li>a.sale:hover span {
	background-color: var(--c1);
	color: #fff;
}
nav .navBar>li>a.sale span:before {
	display: none
}
nav .navBar>li>a.sale span svg {
	fill: var(--c1);
	height: 13px;
	margin-right: 2px;
	position: relative;
	top: 1px;
}
nav .navBar>li>a.sale:hover span svg {
	fill: #fff;
}
nav .navBar>li.hide {
	display: none;
}
nav .navBar>li>a span {
	position: relative;
}
nav .navBar>li>a span:before {
	border-bottom: 3px solid transparent;
	bottom: -37px;
	content: "";
	left: 0;
	position: absolute;
	transition: all 0.3s ease;
	width: 100%;
	z-index: 100;
}
nav .navBar>li:hover span:before {
	border-color: var(--c1);
}
#closeMenu {
	color: #ccc;
	cursor: pointer;
	font-size: 1.4em;
	height: 46px;
	line-height: 46px;
	position: absolute;
	right: 8px;
	text-align: center;
	top: 0;
	width: 46px;
	z-index: 9999999;
}
nav ul>li>.submenu {
	background-color: #fff;
	border-top: 1px solid #e8e8e8;
	filter: drop-shadow(8px 20px 20px rgba(80, 80, 80, .15));
	opacity: 0;
	position: fixed;
	left: 0;
	top: -240px;
	transition: all 0.3s ease;
	visibility: hidden;
	width: 100%;
	z-index: -1;
}
nav ul>li>.submenu .subContent {
	display: grid;
	grid-template-columns: 253px 1fr;
	grid-gap: 34px;
	margin: auto;
	padding: 0 30px;
	width: 1280px;
}
nav ul>li>.submenu .subContent2 {
	display: flex;
	grid-gap: 34px;
	margin: auto;
	padding: 18px 30px;
	width: 1280px;
}
nav ul>li>.submenu .subContent2 > div {
	flex: 1 0 0%;
}
nav ul>li>.submenu .wrapBrands {
	align-items: start;
	background-color: #fff;
	display: grid;
	grid-template-columns: 50% auto;
}
nav .navBar>li:hover .submenu {
	opacity: 1;
	transition-delay: .3s;
	top: 126px;
	visibility: visible;
}
nav .navBar>li:not(:hover) .submenu {
	transition-delay: .1s;
}
nav .submenu .contnt {
	border-left: 1px solid #e8e8e8;
	padding: 0 0 24px 34px;
}
nav .submenu .contnt.v2 {
	border-left: none;
	padding: 0;
}
nav .types li {
	position: relative
}
nav .types .highlight {
	font-family: 'fmedium', sans-serif;
}
nav .types .highlight i {
	margin-right: 7px
}
nav .submenu .aside ul li h4 {
	font-family: 'fmedium', sans-serif;
	padding: 18px 0 12px 0;
	text-transform: uppercase;
}
nav .submenu .contnt h4 {
	font-family: 'fmedium', sans-serif;
	font-size: 1.05em;
	padding: 18px 0 0 0;
	text-transform: uppercase;
}
nav .types a {
	color: #1f1f24;
	display: block;
	font-size: 1.05em;
	padding: 6px 0;
}
nav .types a span {
	border-bottom: 1px solid transparent;
	padding-bottom: 2px;
	transition: all 0.3s ease;
}
nav .types a:hover span {
	border-color: #a6a6a6
}
nav .types hr {
	margin: 12px 0
}
nav .submenu .row1 {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
}
nav .submenu .row1 a {
	color: #1f1f24;
	font-size: 1.05em;
	position: relative;
}
nav .submenu .row1 a:hover {
	color: var(--c1);
}
nav .submenu .row1 .flexBrand {
	align-items: center;
	display: flex;
	gap: 10px;
}
nav .submenu .row1 img {
	object-fit: contain;
	height: 50px;
	width: 70px;
}
nav .submenu .row2 {
	background-color: #fff;
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-row-gap: 14px;
	padding: 18px;
}
nav .submenu .row2 img {
	filter: grayscale(100%);
	margin: auto;
	max-height: 150px;
	max-width: 100%;
}
.brandNames {
	background-color: #f6f6f6;
	columns: 3;
	column-gap: 10px;
	padding: 22px 32px;
}
.brandNames a {
	color: #1f1f24;
	display: table;
	font-size: 1.15em;
	line-height: 1.3em;
	padding: 8px 0;
}
.brandNames a:hover {
	text-decoration: underline;
}
nav .submenu .allBrands {
	color: #1f1f24;
	display: table;
	font-size: 1.05em;
	margin-top: 12px;
	transition:all 0.3s ease;
}
nav .submenu .allBrands:hover {
	color: var(--c1);
}
nav .icons {
	display: flex;
	gap: 11px;
}
nav .icons .topItem {
	height: 70px;
	padding-top: 14px;
	position: relative;
	text-align: center;
}
nav .icons .cartI {
	height: 70px;
	padding-top: 14px;
	position: relative;
	text-align: center;
}
nav .icons .schedule {
	height: 70px;
	padding-top: 14px;
	text-align: center;
}
nav .icons i {
	color: #1f1f24;
	font-size: 1.48em;
	transition: all 0.3s ease;
}
nav .icons a:hover i,
nav .icons>div:hover i {
	color: var(--c1);
}
nav .icons svg {
	fill: #1f1f24;
	height: 21px;
	transition: all 0.3s ease;
}
nav .icons a:hover svg,
nav .icons .cartI:hover svg {
	fill: var(--c1);
}
nav .icons .iTitle {
	color: #1f1f24;
	display: block;
	transition: all 0.3s ease;
}
nav .icons .topItem:hover .iTitle,
nav .icons .schedule:hover .iTitle,
nav .icons .cartI:hover .iTitle {
	color: var(--c1);
}
nav .icons .cartNumber {
	background-color: var(--c1);
	border-radius: 50%;
	box-shadow: -1px 1px 0 0 #fff;
	color: #fff;
	font-size: .8em;
	height: 19px;
	line-height: 19px;
	position: absolute;
	right: -4px;
	text-align: center;
	top: 8px;
	width: 19px;
}
nav .icons .cartNumber.none {
	opacity: 0;
}
nav .icons #navButton {
	display: none;
}

#cartHover {
	background-color: #fff;
	border-top: 1px solid #e3e3e3;
	box-shadow: 0 10px 12px -4px rgba(40, 40, 40, .1);
	opacity: 0;
	position: absolute;
	right: -6px;
	top: 70px;
	transition: all 0.1s ease;
	visibility: hidden;
	width: 380px;
}
.cartI:hover #cartHover {
	opacity: 1;
	visibility: visible;
}
#cartHover #wrapScroll {
	height: 213px;
}
#cartHover #wrapScroll.oneSpace {
	height: 108px;
}
#cartHover .topProduct {
	border-bottom: 1px solid #e3e3e3;
	color: #242830;
	display: grid;
	grid-gap: 12px;
	grid-template-columns: 80px auto;
	padding: 16px 18px;
	text-align: left;
	transition: all 0.3s ease;
}
#cartHover .topProduct:last-of-type {
	border-bottom: none
}
#cartHover .topProduct:hover {
	background-color: #f9f9f9;
}
#cartHover .noProduct {
	font-size: 1.05em;
	padding: 44px 18px;
	text-align: center;
	user-select: none;
}
#cartHover .noProduct i {
	font-size: .94em;
	margin-right: 8px;
}
#cartHover .topProduct figure {
	text-align: center;
}
#cartHover .topProduct img {
	margin: auto;
	max-height: 75px;
	max-width: 100%;
	mix-blend-mode: darken;
}
#cartHover .topProduct h2 {
	color: #343434;
	font-size: 1.13em;
}
#cartHover .topProduct .quantity {
	color: #828282;
	font-size: .92em;
	margin-top: 2px;
}
#cartHover .topProduct .price {
	font-family: 'fmedium', sans-serif;
	font-size: 1.05em;
	margin-top: 2px;
}
#cartHover .preview_total {
	border-top: 1px solid #e3e3e3;
	display: grid;
	font-family: 'fmedium', sans-serif;
	font-size: 1em;
	grid-template-columns: 80px auto;
	padding: 12px 18px 0 0;
}
#cartHover .preview_total .number {
	color: var(--main);
	text-align: right;
}
#cartHover .btn {
	background-color: #7f7f80;
	color: #fff;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: .97em;
	margin: 14px 0 16px 18px;
	padding: 7px 16px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
#cartHover .btn:hover {
	background-color: var(--c1);
	color: #fff;
}

#userMenu {
	user-select: none;
}
#userMenu>div {
	background-color: #fff;
	box-shadow: 0 10px 12px -4px rgba(40, 40, 40, .1);
	display: none;
	padding: 10px 0;
	position: absolute;
	right: 0;
	top: 70px;
	transition: all 0.3s ease;
}
#userMenu:hover>div {
	display: block
}
#userMenu>div a {
	background-color: #fff;
	color: #1f1f24;
	display: block;
	font-family: 'fmedium', sans-serif;
	padding: 6px 26px;
	text-align: left;
	text-transform: uppercase;
	transition: all 0.3s ease;
	white-space: nowrap;
}
#userMenu>div a:hover {
	color: var(--c1);
}

header .backMenu {
	background-color: rgba(27, 31, 41, 0.6);
	content: "";
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10000
}
@media only screen and (max-width:1214px) {
	nav {
		box-shadow: 0 0 20px rgba(40, 40, 40, .2);
	}
	nav .generalwrap {
		height: 60px;
	}
	nav .navBar {
		background-color: #fff;
		display: block;
		height: 100vh;
		max-width: 270px;
		overflow-y: auto;
		padding: 47px 0 60px 0;
		position: fixed;
		right: -60%;
		top: 0;
		width: 60%;
		z-index: 20000;
	}
	nav .navBar>li.hide {
		display: block;
	}
	nav .navBar>li.hideBrands {
		display: none;
	}
	nav .navBar>li>a {
		border-top: 1px solid #dcdcdc;
		height: auto;
		line-height: initial;
		padding: 12px 22px;
		text-align: left;
	}
	nav .navBar>li:last-child>a {
		border-bottom: 1px solid #dcdcdc
	}
	nav .navBar>li>a span:before {
		display: none;
	}
	nav ul>li>.submenu {
		display: none;
	}
	nav .logo svg {
		height: 42px;
	}
	nav .icons .topItem,
	nav .icons .schedule,
	nav .icons .cartI {
		height: 50px;
		padding-top: 8px;
	}
	nav .icons svg {
		height: 15px;
	}
	nav .icons .cartNumber {
		top: 2px;
	}
	nav .icons #navButton {
		display: block;
		padding-top: 16px;
	}
	#userMenu>div {
		top: 50px;
	}
	#cartHover {
		top: 50px;
	}
}
@media only screen and (max-width:700px) {
	#cartHover { display: none }
}
@media only screen and (max-width:550px) {
	nav .icons { gap: 14px }
	nav .icons .iTitle { display: none }
	nav .icons svg {
		height: 21px
	}
	nav .icons .topItem,
	nav .icons .schedule,
	nav .icons .cartI {
		padding-top: 15px;
	}
	nav .icons .cartNumber {
		right: -10px;
		top: 5px
	}
}
@media only screen and (max-width:430px) {
	#userMenu { grid-template-columns: auto }
	#userMenu .name { display: none }
}


/* ----------- sm3 -----------*/
.smTitle {
	font-family: 'fmedium', sans-serif;
	font-size: 1.05em;
	margin-bottom: 6px;
}
.sm3 a {
	align-items: center;
	color: #1f1f24;
	display: grid;
	font-size: 1.05em;
	gap: 10px;
	grid-template-columns: 25px auto;
	padding: 10px 0;
	position: relative;
}
.sm3.simple a {
	gap: 0;
	grid-template-columns: 1fr;
}
.sm3 a:hover {
	color: var(--c1);
}
.sm3 a img {
	max-width: 25px;
}


/* ----------- newsLetter -----------*/
#newsLetter {
	border-top: 1px solid #dcdcdc;
	font-size: 1.1em;
	padding: 40px 0;
}
#newsLetter .generalwrap {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#newsLetter .generalwrap > div {
	flex: 1 0 0%;
}
#newsLetter h4 {
	font-size: 2.8em;
	line-height: 1em;
}
#newsLetter p {
	font-size: 1.1em;
	line-height: 1.2em;
	margin-bottom: 14px;
}
#newsLetter .btn {
	background-color: #4b4b4d;
	color: #fff;
	cursor: pointer;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: 1.05em;
	padding: 10px 28px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
#newsLetter .btn:hover {
	background-color: var(--c1);
}
@media (max-width:576px) {
	#newsLetter { padding: 30px 0 }
	#newsLetter .generalwrap > div {
		flex: auto;
		width: 100%;
	}
	#newsLetter h4 { font-size: 2.4em }
}


/* ----------- footer -----------*/
footer {
	background-color: #f6f6f6;
	color: #1f1f24;
	font-size: 1.1em;
	padding: 54px 0;
}
footer .generalwrap {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: repeat(5, 1fr);
}
footer .generalwrap > div h5 {
	font-family: 'fmedium', sans-serif;
	font-size: 1em;
	margin: 28px 0 8px 0;
	text-transform: uppercase;
}
footer .generalwrap > div h5:first-child {
	margin: 0 0 8px 0;
}
footer .generalwrap > div ul li a {
	color: #1f1f24;
	display: block;
	font-family: 'fmedium', sans-serif;
	font-size: 1em;
	line-height: 1.3em;
	padding: 6px 0;
}
footer .generalwrap > div ul li a:hover {
	text-decoration: underline;
}
footer .generalwrap > div .info {
	display: block;
	font-family: 'fmedium', sans-serif;
	font-size: 1em;
	padding: 7px 0;
}
footer .generalwrap > div .info svg {
	fill: #1bbe58;
	margin-right: 2px;
	position: relative;
	top: 3px;
	width: 17px;
}
footer .generalwrap > div .info a {
	color: #1f1f24;
	transition: all 0.3s ease;
}
footer .generalwrap > div .info a:hover {
	color: var(--c1);
}
footer .generalwrap > div .info a.wa:hover {
	color: #1bbe58;
}
footer .generalwrap .newsletter .vision {
	fill: var(--c1);
	margin-bottom: 24px;
	width: 160px;
}
footer .generalwrap .newsletter {
	margin-top: 20px;
}
footer .generalwrap .newsletter h5 {
	line-height: 1.45em;
	margin: 18px 0 8px 0;
}
footer .generalwrap .newsletter p {
	font-size: 1.05em;
	line-height: 1.2em;
	margin-bottom: 14px;
}
footer .generalwrap .newsletter .btn {
	background-color: #4b4b4d;
	color: #fff;
	cursor: pointer;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: 1.05em;
	margin: 0 0 10px 0;
	padding: 9px 28px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
	width: 100%;
}
footer .generalwrap .newsletter .btn:hover {
	background-color: var(--c1);
}
footer .rayban {
	display: block;
	margin-top: 18px;
}
footer .rayban img {
	max-width: 100px;
}
.socialFooter {
	display: flex;
	flex-direction: column;
	gap: 12px;
	margin-top: 20px;
}
.socialFooter a {
	align-items: center;
	color: #1f1f24;
	display: flex;
	gap: 10px;
	transition: all 0.3s ease;
}
.socialFooter a:hover {
	color: var(--c1);
}
.socialFooter svg {
	fill: #1f1f24;
	height: 30px;
	transition: all 0.3s ease;
	width: 28px;
}
.socialFooter a:hover svg {
	fill: var(--c1);
}

#cards {
	background-color: #f6f6f6;
	padding-bottom: 20px;
	text-align: right;
}
#cards h5 {
	font-size: 1.02em;
	margin-bottom: 7px;
}
#cards .logWrap {
	display: flex;
	gap: 14px;
	justify-content: end;
}
#cards .card {
	transform: scale(1.15);
}
#cards .bac {
	width: 124px;
}

#policy {
	background-color: #f6f6f6;
}
#policy .generalwrap {
	align-items: center;
	border-top: 1px solid #dcdcdc;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.05em;
	gap: 10px;
	line-height: 1.4em;
	justify-content: center;
	padding: 22px 0;
}
#policy .novaq {
	border-bottom: 1px solid #b9b9b9;
	color: #1f1f24;
}
#policy .pTxt {
	text-align: right;
}
@media only screen and (max-width:992px) {
	footer { padding: 34px 0 }
	footer .generalwrap {
		grid-gap: 30px;
		grid-template-columns: repeat(1, auto);
	}
}
@media only screen and (max-width:690px) {
	#policy .generalwrap { padding: 15px 0 60px 0 }
}
@media only screen and (max-width:576px) {
	footer { padding: 24px 0 }
	footer .generalwrap > div h5 {
		margin: 30px 0 8px 0
	}

	#cards { text-align: center }
	#cards .logWrap { justify-content: center }

	#policy .generalwrap > div {
		flex: 0 0 auto;
		width: 100%;
	}
	#policy .social { justify-content: center }
	#policy .pTxt { text-align: center }
}


/* Slider */
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right
}
.slick-slide img {
	display: block !important
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none
}

/* fcc */
.slick-dots li {
	margin: 0 0 !important
}
.slick-dots li button:before {
	color: #333 !important;
	font-size: 9px !important
}
.slick-dots li.slick-active button:before {
	color: #333 !important
}
.slick-dotted.slick-slider {
	margin-bottom: 0 !important
}
.slick-next:before,
.slick-prev:before {
	color: rgba(255, 255, 255, 0.8) !important;
	font-family: "Font Awesome 5 Free" !important;
	font-weight: 900 !important;
	font-size: 32px !important;
	opacity: 1 !important;
	text-shadow: 0 0 20px rgba(50, 50, 50, 0.4);
	transition: all 0.3s ease;
}
.slick-prev:before {
	content: "\f053" !important
}
.slick-next:before {
	content: "\f054" !important
}
.slick-next:hover:before,
.slick-prev:hover:before {
	color: rgba(0, 136, 197, 0.9) !important;
}
.slick-next,
.slick-prev {
	height: 32px !important;
	width: 32px !important;
	z-index: 10;
}
.slick-prev {
	left: 20px !important
}
.slick-next {
	right: 20px !important
}
.slideHome .slick-track {
	display: flex !important;
}
.slideHome .slick-slide {
	height: inherit !important;
}
@media only screen and (max-width:780px) {
	.slick-dots {
		bottom: 6px !important
	}
	.slick-prev {
		left: 14px !important
	}
	.slick-next {
		right: 14px !important
	}
}
@media only screen and (max-width:490px) {
	.slick-prev,
	.slick-next {
		display: none !important
	}
}


/*------------------- banner -------------------*/
#mainH1 {
	margin-top: 4px;
	position: absolute;
}
#bannerWrap {
	background-color: #fff;
	position: relative;
	z-index: 30;
}
#banner {
	position: relative;
	opacity: 0;
	visibility: hidden;
	transition: opacity 1s ease;
}
#banner.slick-initialized {
	visibility: visible;
	opacity: 1;
}
#banner .bgBanner {
	position: relative;
	width: 100%;
}
#banner .bgBanner:after {
	background-image: linear-gradient(rgba(28, 28, 28, 0), rgba(28, 28, 28, .1));
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#banner .bgBanner img {
	width: 100%
}
#banner video {
	position: relative;
	object-fit: cover;
	object-position: top center;
	height: 100%;
	width: 100%;
}
#banner .bgBanner .txtBanner {
	align-items: center;
	display: grid;
	left: 0;
	height: 100%;
	margin: 0 auto;
	padding-left: 240px;
	position: absolute;
	top: 0;
	z-index: 100;
}
#banner .bgBanner .txtBanner p {
	color: #fff;
	font-family: 'fmedium', sans-serif;
	font-size: 3.8em;
	line-height: 1.2em;
	max-width: 584px;
	padding: 0 0 0 30px;
	position: relative;
	text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
	text-transform: uppercase;
}
#banner .bgBanner .txtBanner p:after {
	border-left: 3px solid var(--c2);
	content: "";
	height: calc(100% - 21px);
	left: 0;
	position: absolute;
	top: 13px;
}
@media only screen and (max-width:1100px) {
	#banner .bgBanner .txtBanner {
		padding: 0 80px;
		text-align: center;
		width: 100%
	}
	#banner .bgBanner .txtBanner p {
		font-size: 3em;
		margin: auto;
		padding: 0;
		text-transform: initial
	}
	#banner .bgBanner .txtBanner p:after {
		display: none
	}
}
@media only screen and (max-width:800px) {
	#banner .bgBanner .txtBanner p {
		font-size: 2.5em;
		line-height: 1.2em
	}
}
@media only screen and (max-width:570px) {
	#banner .bgBanner .txtBanner {
		padding: 0 40px
	}
	#banner .bgBanner .txtBanner p {
		font-size: 2.3em
	}
}


/* ----------- Magnific -----------*/
.mfp-bg {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200000;
	overflow: hidden;
	position: fixed;
	background-color: #1f1f24;
	opacity: 0.5;
	filter: alpha(opacity=5);
}
.mfp-wrap {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 200002;
	position: fixed;
	outline: none !important;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.mfp-container {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
}
.mfp-container:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
	display: none;
}
.mfp-content {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin: 0 auto;
	text-align: left;
	z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
	width: 100%;
	cursor: auto;
}
.mfp-ajax-cur {
	cursor: progress;
}
.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
	cursor: -moz-zoom-out;
	cursor: -webkit-zoom-out;
	cursor: zoom-out;
}
.mfp-zoom {
	cursor: pointer;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
	cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
}
.mfp-loading.mfp-figure {
	display: none;
}
.mfp-hide {
	display: none !important;
}
.mfp-preloader {
	color: #CCC;
	position: absolute;
	top: 50%;
	width: auto;
	text-align: center;
	margin-top: -0.8em;
	left: 8px;
	right: 8px;
	z-index: 1044;
}
.mfp-preloader a {
	color: #CCC;
}
.mfp-preloader a:hover {
	color: #FFF;
}
.mfp-s-ready .mfp-preloader {
	display: none;
}
.mfp-s-error .mfp-content {
	display: none;
}
button.mfp-close,
button.mfp-arrow {
	background-color: transparent;
	overflow: visible;
	cursor: pointer;
	border: 0;
	appearance: none;
	-webkit-appearance: none;
	display: block;
	outline: none;
	padding: 0;
	z-index: 1046;
	-webkit-box-shadow: none;
	box-shadow: none;
}
#modalBox2 button.mfp-close {
	background-color: rgba(255, 255, 255, 0.9);
	border-radius: 0 0 0 14px;
}
button::-moz-focus-inner {
	padding: 0;
	border: 0
}
.mfp-close {
	cursor: pointer;
	font-size: 13px;
	height: 34px;
	line-height: 33px !important;
	position: absolute;
	right: 0;
	top: 0;
	text-decoration: none;
	text-align: center;
	width: 34px;
}
.mfp-close:hover,
.mfp-close:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-close-btn-in .mfp-close {
	color: #a8b1b6
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
	color: #fff;
	right: -6px;
	text-align: right;
	padding-right: 6px;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
	width: 100%;
}
.mfp-counter {
	color: #fff;
	font-size: 12px;
	position: absolute;
	top: 7px;
	right: 10px;
	line-height: 18px;
	white-space: nowrap;
}
.mfp-arrow {
	position: absolute;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin: 0;
	top: 50%;
	margin-top: -55px;
	padding: 0;
	width: 90px;
	height: 110px;
	-webkit-tap-highlight-color: transparent;
}
.mfp-arrow:active {
	margin-top: -54px;
}
.mfp-arrow:hover,
.mfp-arrow:focus {
	opacity: 1;
	filter: alpha(opacity=100);
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
	content: '';
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	margin-top: 35px;
	margin-left: 35px;
	border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
	border-top-width: 13px;
	border-bottom-width: 13px;
	top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
	border-top-width: 21px;
	border-bottom-width: 21px;
	opacity: 0.7;
}
.mfp-arrow-left {
	left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
	border-right: 17px solid #FFF;
	margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
	margin-left: 25px;
	border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
	right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
	border-left: 17px solid #FFF;
	margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
	border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
	padding-top: 40px;
	padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
	line-height: 0;
	width: 100%;
	max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
	top: -40px;
}
.mfp-iframe-scaler {
	width: 100%;
	height: 0;
	overflow: hidden;
	padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	background: #000;
}

/* Main image in popup */
img.mfp-img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	line-height: 0;
	padding: 40px 0 40px;
	margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
	line-height: 0;
}
.mfp-figure:after {
	content: '';
	position: absolute;
	left: 0;
	top: 40px;
	bottom: 40px;
	display: block;
	right: 0;
	width: auto;
	height: auto;
	z-index: -1;
	box-shadow: 0 0 14px rgba(41, 41, 41, 0.4);
	background: #fff;
	/* fcc */
}
.mfp-figure small {
	color: #BDBDBD;
	display: block;
	font-size: 12px;
	line-height: 14px;
}
.mfp-figure figure {
	margin: 44px 24px;
	/* fcc */
}
.mfp-bottom-bar {
	margin-top: -40px;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	cursor: auto;
}
.mfp-title {
	color: #fff;
	font-size: 13px;
	min-height: 34px;
	text-align: left;
	line-height: 18px;
	word-wrap: break-word;
	padding: 8px 36px 10px 14px;
}
.mfp-image-holder .mfp-content {
	max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
	cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape),
screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-image-holder {
		padding-left: 0;
		padding-right: 0;
	}
	.mfp-img-mobile img.mfp-img {
		padding: 0;
	}
	.mfp-img-mobile .mfp-figure:after {
		top: 0;
		bottom: 0;
	}
	.mfp-img-mobile .mfp-figure small {
		display: inline;
		margin-left: 5px;
	}
	.mfp-img-mobile .mfp-bottom-bar {
		background: rgba(0, 0, 0, 0.6);
		bottom: 0;
		margin: 0;
		top: auto;
		padding: 3px 5px;
		position: fixed;
	}
	.mfp-img-mobile .mfp-bottom-bar:empty {
		padding: 0;
	}
	.mfp-img-mobile .mfp-counter {
		right: 5px;
		top: 3px;
	}
	.mfp-img-mobile .mfp-close {
		top: 0;
		right: 0;
		width: 35px;
		height: 35px;
		line-height: 35px;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		text-align: center;
		padding: 0;
	}
}
@media all and (max-width: 900px) {
	.mfp-arrow {
		-webkit-transform: scale(0.75);
		transform: scale(0.75);
	}
	.mfp-arrow-left {
		-webkit-transform-origin: 0;
		transform-origin: 0;
	}
	.mfp-arrow-right {
		-webkit-transform-origin: 100%;
		transform-origin: 100%;
	}
	.mfp-container {
		padding-left: 6px;
		padding-right: 6px;
	}
}


/*----------- modal -----------*/
.blocker {
	background-color: rgba(38,46,59,.5) !important;
	z-index: 10020 !important;
}
.modal {
	border-radius: 0 !important;
	box-shadow: 0 0 10px rgba(38,46,59,.3) !important;
	margin: 16px 0;
	max-width: 500px !important;
	padding: 26px 30px !important;
	z-index: 10020;
}
.modal h2 {
	color: var(--c1);
	font-family: 'fmedium', sans-serif;
	font-size: 1.5em;
	margin-bottom: 10px;
	line-height: 1.3em;
	text-align: center;
	text-transform: initial;
}
.modal p {
	font-size: 1.14em;
	line-height: 1.3em;
	margin-top: 4px;
}


/* ----------- modalBox -----------*/
#modalBox,
.modalWindow {
	background: #fff;
	box-shadow: 0 0 20px rgba(64, 64, 64, 0.45);
	margin: 26px auto;
	max-width: 740px;
	padding: 28px 34px;
	position: relative;
}
.modalWindow.tCenter {
	text-align: center;
}
.modalWindow.v2 {
	max-width: 500px
}
.modalWindow.v3 {
	max-width: 900px
}
#modalBox h1,
.modalWindow h1 {
	color: var(--c1);
	font-family: 'fmedium', sans-serif;
	font-size: 2.1em;
	line-height: 1.2em;
	margin-bottom: 20px;
	text-align: center;
}
#modalBox h1.v2,
.modalWindow h1.v2 {
	margin-bottom: 12px
}
#modalBox h2,
.modalWindow h2 {
	font-family: 'fmedium', sans-serif;
	font-size: 1.5em;
	margin-bottom: 18px;
	line-height: 1.3em;
	text-align: center;
	text-transform: initial;
}
#modalBox h2.v2,
.modalWindow h2.v2 {
	margin-bottom: 12px
}
#modalBox h3,
.modalWindow h3 {
	color: var(--c1);
	font-family: 'fmedium', sans-serif;
	font-size: 1.1em;
	margin-top: 12px;
	line-height: 1.3em;
	padding: 0;
	text-transform: initial;
}
#modalBox p,
.modalWindow p {
	font-size: 1.14em;
	line-height: 1.3em;
	margin-top: 4px;
}
#modalBox ul,
.modalWindow ul {
	margin-top: 6px;
}
#modalBox li,
.modalWindow li {
	font-size: 1.14em;
	line-height: 1.3em;
	margin-top: 4px;
	padding: 0 0 0 14px;
	position: relative;
}
#modalBox li::before,
.modalWindow li::before {
	background-color: var(--c2);
	content: "";
	height: 6px;
	left: 0;
	position: absolute;
	top: 8px;
	width: 6px;
}
.centerImg {
	margin: 18px auto;
}
#modalBox form,
.modalWindow form {
	margin-top: 16px
}
#modalBox label,
.modalWindow label {
	display: block;
	text-transform: uppercase;
}

#modalBox input[type="text"],
.modalWindow input[type="text"],
#modalBox input[type="file"],
.modalWindow input[type="file"],
#modalBox textarea,
.modalWindow textarea,
#modalBox input[type="email"],
.modalWindow input[type="email"],
.modalWindow input[type="file"],
#modalBox select,
.modalWindow select {
	border: 1px solid #1f1f24;
	color: #1f1f24;
	font-size: 1.1em;
	margin: 0 0 22px 0;
	padding: 11px 15px;
	width: 100%;
	transition: all 0.5s ease-in-out;
}
#modalBox input[type="text"]:focus,
.modalWindow input[type="text"]:focus,
#modalBox textarea:focus,
.modalWindow textarea:focus {
	border-color: #4a5266
}
#modalBox .captchaTxt {
	background-position: right 0;
	background-repeat: no-repeat;
	background-size: contain;
}
#modalBox input[type="text"].requiredField,
#modalBox textarea.requiredField {
	background-color: #fff4f3;
	border-color: #ffa39a;
}
#modalBox input[type="submit"],
.modalWindow input[type="submit"] {
	background-color: #00964b;
	border-radius: 4px;
	color: #fff;
	display: block;
	font-family: 'fmedium', sans-serif;
	padding: 8px 30px;
	text-transform: uppercase;
	transition: all 0.2s ease;
	width: 100%;
}
#modalBox input[type="submit"]:hover,
#modalBox input[type="submit"]:hover:focus {
	background-color: #ee9c03
}
#modalBox input[type="submit"]:focus {
	background-color: #ee9c03
}

.errors,
.success {
	display: none;
	font-family: 'fmedium', sans-serif;
	font-size: 1.1em;
	margin: 12px 0;
	padding: 14px 20px;
	text-align: center;
}

.modalWindow button {
	background-color: #7f7f80;
	color: #fff;
	cursor: pointer;
	display: table;
	font-family: 'fmedium', sans-serif;
	padding: 9px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.modalWindow button i {
	margin-right: 9px;
	transition: all 0.3s ease;
}
.modalWindow button:hover {
	background-color: var(--c1);
}
.windowText {
	color: #828282;
	font-size: 1.1em;
	margin-bottom: 20px;
	text-align: center;
}
.windowText svg {
	fill: var(--c1);
	margin-right: 7px;
	position: relative;
	stroke-width: 2px;
	stroke: var(--c2);
	top: 2px;
	width: 15px;
}
.errors {
	border: 2px solid #b11217;
	color: #b11217;
}
.success {
	border: 2px solid var(--c2);
	color: var(--c1);
}
.black .errors {
	border: none;
	color: #fff;
	margin-bottom: 16px;
	text-align: left;
	text-transform: none;
}
.messageTxt {
	color: #898f93;
	font-size: .85em;
	font-style: italic;
	line-height: 1.4em;
	margin-top: 8px;
	text-align: center;
}
.messageTxt.v2 {
	font-size: 1em;
	margin-top: 20px;
}
.messageTxt3 {
	align-items: start;
	display: flex;
	font-size: 1.05em;
	font-style: italic;
	gap: 12px;
	line-height: 1.4em;
	margin: 0 0 18px 0;
}
.messageTxt3 svg {
	margin-top: 4px;
	width: 70px;
}
#modalBox .optCheck {
	display: inline-block;
	margin: 10px 15px 20px 0;
}
@media only screen and (max-width:700px) {
	#modalBox,
	.modalWindow {
		padding: 21px 26px
	}
	#modalBox h1,
	.modalWindow h1 {
		font-size: 1.6em
	}
}


/* ----------- recipeBox -----------*/
.recipeBox {
	align-items: center;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 50px;
}
.recipeBox .textBox {
	height: 340px;
	overflow-y: scroll;
	padding-right: 20px;
}
.recipeBox .textBox p {
	font-size: 1em;
	line-height: 1.4em;
	margin-bottom: 20px;
}
.recipeBox .textBox p:last-of-type {
	margin-bottom: 0
}
.pMessage {
	font-size: 1em;
	line-height: 1.4em;
}
@media only screen and (max-width:850px) {
	.recipeBox {
		grid-gap: 20px;
		grid-template-columns: repeat(1, 1fr)
	}
	.recipeBox .textBox {
		border: 1px solid #c3c3c3;
		height: 260px;
		padding: 16px 20px
	}
}


/* ----------- products -----------*/
#products {
	margin: 50px 0 62px 0;
	padding: 0 34px;
}
#products h3 {
	margin: 28px 0 14px 0;
	padding: 0;
	text-align: center;
}
#products h3:nth-child(1) {
	margin: 0 0 14px 0;
}
#products .slick-next:before,
#products .slick-prev:before {
	color: #dcdcdc !important;
	font-size: 24px !important;
	text-shadow: none !important;
}
#products .slick-prev {
	left: -24px !important
}
#products .slick-next {
	right: -24px !important
}
#products .slick-next:hover:before,
#products .slick-prev:hover:before {
	color: var(--c1) !important;
}
#products .slick-dots {
	bottom: 3px !important;
}
@media only screen and (max-width:600px) {
	#products {
		margin: 30px 0 32px 0;
	}
	#products h3 {
		font-size: 1.8em;
	}
}
@media only screen and (max-width:490px) {
	#products {
		padding: 0;
	}
}


/* ----------- video -----------*/
#video {
	background-color: #eeeeee;
	padding: 70px 0 76px 0;
}
.wrapVideo {
	margin: 0 auto;
	max-width: 820px;
}
.wrapVideo h2 {
	line-height: 1.3em;
	margin-bottom: 20px;
	text-align: center;
}
#video .videoBox {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	padding: 14px;
}
#video .videonav {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 14px;
	margin-top: 14px;
}
#video .videonav a {
	border: 1px solid #dcdcdc;
	padding: 14px;
	position: relative;
	transition: all 0.3s ease;
}
#video .videonav a:hover {
	border: 1px solid #a4a4a4
}
#video .videonav a.current {
	background-color: #fff;
	pointer-events: none;
}
#video .videonav a img {
	display: block;
	filter: grayscale(60%);
	opacity: .5;
	transition: all 0.3s ease;
	width: 100%;
}
#video .videonav a:hover img {
	opacity: .7
}
#video .videonav a.current img {
	filter: none;
	opacity: 1;
}
#video .videonav a i {
	color: rgba(255, 255, 255, .75);
	font-size: 3em;
	left: 50%;
	position: absolute;
	text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.2);
	top: 50%;
	transform: translate(-50%, -50%);
}
#video .videonav a.current i {
	display: none
}
@media only screen and (max-width:872px) {
	#video {
		padding: 70px 26px 76px 26px
	}
}
@media only screen and (max-width:680px) {
	.wrapVideo h2 {
		font-size: 2.1em;
		line-height: 1.12em;
		text-transform: initial;
	}
}
@media only screen and (max-width:480px) {
	#video {
		padding: 50px 26px 56px 26px
	}

	#video .videoBox {
		padding: 6px
	}

	#video .videonav a {
		padding: 6px
	}
}


/* ----------- categories -----------*/
#categories {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(4, 1fr);
	margin: 0 auto 50px auto;
	max-width: 1280px;
}
#categories a {
	position: relative;
	width: 100%;
}
#categories a img {
	outline-offset: 0;
	position: relative;
	transition: all 0.3s ease;
	width: 100%;
}
#categories a p {
	color: #1f1f24;
	font-size: 1.05em;
	margin-top: 6px;
}
@media only screen and (max-width:1320px) {
	#categories { margin: auto 20px 30px 20px }
}
@media only screen and (max-width:900px) {
	#categories {
		gap: 20px 10px;
		grid-template-columns: repeat(2, 1fr)
	}
	#categories a p { margin-top: 6px }
}


/* ----------- offerText -----------*/
#offerText .sliderOffer {
	margin: 54px auto 60px auto;
	max-width: 800px;
	padding: 0 30px;
	position: relative;
	text-align: center;
}
.sliderOffer h3 {
	font-size: 2.2em;
	line-height: 1.25em;
	padding: 0 0 10px 0;
}
.sliderOffer p {
	font-size: 1.12em;
	line-height: 1.5em;
}
#offerText .slick-next:before,
#offerText .slick-prev:before {
	color: #dcdcdc !important;
	font-size: 24px !important;
	text-shadow: none !important;
}
#offerText .slick-prev {
	left: -20px !important
}
#offerText .slick-next {
	right: -20px !important
}
#offerText .slick-next:hover:before,
#offerText .slick-prev:hover:before {
	color: var(--c1) !important;
}
#offerText .sliderOffer .links {
	margin-right: 1px;
	margin-top: 20px;
}
#offerText .sliderOffer .links a {
	border: 1px solid #454545;
	color: #29343a;
	display: inline-block;
	font-family: 'fmedium', sans-serif;
	margin-right: 10px;
	padding: 9px 20px;
	position: relative;
	text-transform: uppercase;
	transition: all 0.3s ease;
	z-index: 100;
}
#offerText .sliderOffer .links a:hover {
	border-color: var(--c2);
	color: var(--c1);
}
@media only screen and (max-width:580px) {
	#offerText .sliderOffer .links a {
		margin-right: 0;
		margin-top: 10px;
		width: 100%
	}
}
@media only screen and (max-width:480px) {
	#offerText .sliderOffer {
		margin: 44px auto 50px auto
	}
}


/* ----------- banner2 -----------*/
.banner2 {
	position: relative;
	width: 100%;
}
.banner2 img {
	width: 100%
}


/* ----------- boxes -----------*/
.boxes {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 40px;
	margin: 60px auto;
	overflow: hidden;
}
.boxes a {
	color: #1f1f24;
	position: relative;
}
.boxes a figure {
	background-position: center center;
	background-size: cover;
	padding-bottom: 54%;
	outline: 1px solid rgba(255, 255, 255, 0);
	outline-offset: 0;
	transition: all 0.3s ease;
}
.boxes a figure:hover {
	outline: 1px solid rgba(255, 255, 255, 0.6);
	outline-offset: -16px;
}
.boxes a h4 {
	font-family: 'fmedium', sans-serif;
	font-size: 1.8em;
	line-height: 1.3em;
	margin-bottom: 6px;
	margin-top: 12px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.boxes a:hover h4 {
	color: var(--c1);
}
.boxes a p {
	font-size: 1.12em;
	line-height: 1.4em;
}
@media only screen and (max-width:1332px) {
	.boxes {
		margin: 60px 26px
	}
}
@media only screen and (max-width:770px) {
	.boxes {
		grid-template-columns: 1fr;
		margin: 30px 26px;
	}
	.boxes a h4 {
		font-size: 1.7em;
		text-transform: initial;
	}
}


/* ----------- boxLinks -----------*/
.boxLinks {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	margin: 45px 0 0 0;
}
.boxLinks a {
	background-repeat: no-repeat;
	background-size: cover;
	display: grid;
	height: 240px;
	justify-content: center;
	position: relative;
	outline: 1px solid rgba(255, 255, 255, 0);
	outline-offset: 0;
	text-align: center;
	transition: all 0.3s ease;
}
.boxLinks a:hover {
	outline: 1px solid rgba(255, 255, 255, 0.9);
	outline-offset: -16px;
}
.boxLinks a:after {
	background-color: rgba(28, 28, 28, .4);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.boxLinks a div {
	margin: auto;
	transition: all 0.3s ease;
}
.boxLinks a:hover div {
	padding-bottom: 20px
}
.boxLinks i {
	color: #fff;
	font-size: 2.8em;
	margin-bottom: 6px;
	position: relative;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	z-index: 100;
}
.boxLinks p {
	color: #fff;
	font-size: 1.8em;
	font-family: 'fmedium', sans-serif;
	position: relative;
	text-align: center;
	text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	transition: all .3s ease;
	z-index: 100;
}
@media only screen and (max-width:900px) {
	.boxLinks {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 20px
	}
}
@media only screen and (max-width:460px) {
	.boxLinks a {
		height: 34vh
	}
}


/* ----------- marcas -----------*/
.marcas {
	padding: 20px 0;
	position: relative;
}
.marcas .generalwrap {
	max-width: 1194px
}
.marcas a figure {
	border-left: 20px solid #fff;
	border-right: 20px solid #fff;
}
.marcas a figure img {
	filter: grayscale(100%);
	max-height: 180px;
	max-width: 100%;
	transition: all 0.3s ease;
}
.marcas a:hover figure img {
	transform: scale(1.1)
}
.marcas .slick-next:before,
.marcas .slick-prev:before {
	color: #dcdcdc !important;
	font-size: 22px !important;
	text-shadow: none !important;
}
.marcas .slick-prev {
	left: -50px !important
}
.marcas .slick-next {
	right: -50px !important
}
.marcas .slick-next:hover:before,
.marcas .slick-prev:hover:before {
	color: var(--c1) !important;
}
@media only screen and (max-width:520px) {
	.marcas {
		padding: 6px 0
	}
	.marcas a figure {
		border-left: 10px solid #fff;
		border-right: 10px solid #fff;
	}
}


/* ----------- contact -----------*/
#contact {
	background-attachment: fixed;
	background-size: cover;
}

#contact h1 {
	color: #fff
}
#contact .txtP {
	color: #fff;
	font-size: 1.3em;
	margin-bottom: 30px;
	text-align: center;
}
#contact .content {
	display: grid;
	grid-template-columns: 55% auto;
	grid-gap: 30px;
	padding-bottom: 30px;
}
.dataContact {
	background-color: #fff;
	position: relative;
}
.dataContact .dataWrap {
	display: grid;
	font-size: 1.12em;
	grid-template-columns: repeat(2, 1fr);
	grid-column-gap: 14px;
	padding: 24px 30px;
}
.dataContact .dataWrap .line {
	display: block;
	font-family: 'fmedium', sans-serif;
	font-size: .82em;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.dataContact .dataWrap p {
	margin: 6px 0
}
.dataContact .dataWrap a {
	color: #1f1f24;
	margin: 6px 0;
	transition: all 0.3s ease;
}
.dataContact .dataWrap a:hover {
	color: var(--c1);
}
.dataContact .dataWrap svg {
	fill: #1f1f24;
	margin-right: 8px;
	position: relative;
	top: 3px;
	width: 16px;
}
.dataContact .socialIcons a {
	color: #1f1f24;
	display: inline-block;
	font-size: 1.8em;
}
.dataContact .socialIcons a svg {
	fill: #1f1f24;
	transition: all 0.3s ease;
	width: 28px;
}
.dataContact .socialIcons a:hover svg {
	fill: var(--c1);
}
.formContact {
	background-color: rgba(30, 30, 30, 0.9);
	padding: 28px 34px;
	position: relative;
}
p.txtError {
	color: var(--c1);
}
@media only screen and (max-width:1060px) {
	.dataContact .dataWrap {
		grid-template-columns: auto
	}
}
@media only screen and (max-width:960px) {
	#contact .content {
		grid-template-columns: auto
	}
	.formContact,
	.dataContact .dataWrap {
		padding: 22px 23px
	}
}


/* ----------- Sucursales -----------*/
#sucursales {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	text-align: center;
}
#sucursales:before {
	content: "";
	position: absolute;
	background-color: rgba(0, 135, 197, .8);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
#sucursales h1 {
	color: #fff
}
#wrapMap {
	position: relative;
	padding: 40px 0;
}
#crMap {
	height: 650px
}
#crMap path {
	fill: #fff;
	stroke: #bac1c5;
	stroke-width: 1.2;
	stroke-linecap: round;
	transition: all 0.3s ease;
}
#crMap .ping path {
	animation: simpleMove 2s infinite;
}
#crMap path.pinmap {
	fill: var(--c2);
	stroke: none;
	pointer-events: none;
	transform-origin: center top;
}
#crMap path:hover {
	fill: #eaeaea
}
#infoBox {
	bottom: 30px;
	color: #fff;
	font-size: 1.6em;
	font-family: 'fmedium', sans-serif;
	left: 50%;
	padding-right: 80px;
	position: absolute;
	text-transform: uppercase;
	transform: translateX(-50%);
	text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
}
@keyframes simpleMove {
	0% {
		transform: translateY(10px)
	}
	50% {
		transform: translateY(5px)
	}
	100% {
		transform: translateY(10px)
	}
}
@media only screen and (max-width:734px) {
	#crMap {
		height: auto;
		width: 100%;
	}
	#wrapMap {
		padding: 30px 0;
	}
}
@media only screen and (max-width:600px) {
	#infoBox {
		bottom: 0;
		font-size: 1.2em;
		padding-right: 0;
		width: 100%;
	}
}


/*-------------- SUCURSALES -----------*/
#branchOffices {
	background-size: cover
}
#branchOffices h1 {
	color: #fff
}
.frmSearch {
	display: grid;
	grid-template-columns: 1fr auto auto;
	grid-gap: 15px;
	margin-bottom: 16px;
	position: relative;
}
.frmSearch label,
.frmSearch .lblSlct {
	display: grid;
	font-size: 1.05em;
	grid-template-columns: auto auto;
	justify-content: start;
	position: relative;
}
.frmSearch label>input,
.frmSearch select {
	border: 1px solid #dcdcdc;
	border-right: none;
	border-radius: 2px 0 0 2px;
	color: #1f1f24;
	padding: 6px 26px 6px 10px;
}
.frmSearch select {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
}
.frmSearch select {
	padding-right: 26px;
	position: relative;
}
.frmSearch .lblSlct:before {
	bottom: 7px;
	content: "\f0d7";
	color: var(--c1);
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	right: 10px;
	position: absolute;
	pointer-events: none;
	z-index: 1;
}
.frmSearch label .btn {
	border: 1px solid var(--c2);
	background-color: #fff;
	border-radius: 0 2px 2px 0;
	cursor: pointer;
	padding: 4px 8px;
	transition: all 0.3s ease;
}
.frmSearch label .btn:hover {
	border-color: #1f1f24
}
.frmSearch label .btn svg {
	fill: var(--c1);
	position: relative;
	top: 2px;
	width: 14px;
}
.tblList {
	background-color: #fff;
	margin-top: 22px;
	padding: 28px 34px;
	position: relative;
}
.tblList .header,
.tblList .listing .store {
	display: grid;
	grid-template-columns: 30% 40% 30%;
	position: relative;
}
.tblList .header span {
	background-color: var(--c1);
	color: #fff;
	font-family: 'fmedium', sans-serif;
	font-size: .9em;
	padding: 12px 20px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.tblList .listing .store {
	color: #1f1f24;
	font-size: 1.1em;
}
.tblList .listing .store span {
	padding: 14px 20px;
	transition: all 0.3s ease;
}
.tblList .listing .store:hover span {
	padding: 14px 20px 14px 26px
}
.tblList .listing .store:nth-child(even) {
	background-color: #f9f9f9
}
@media only screen and (max-width:750px) {
	.frmSearch {
		grid-template-columns: auto
	}
	.frmSearch label {
		justify-content: initial;
		grid-template-columns: auto 32px
	}
	.frmSearch .lblSlct {
		justify-content: initial;
		grid-template-columns: auto
	}
	.frmSearch .lblSlct label {
		grid-template-columns: auto
	}
}
@media only screen and (max-width:660px) {
	.tblList .header {
		display: none
	}
	.tblList .listing .store {
		border-bottom: 1px solid #dcdcdc;
		grid-template-columns: auto;
		padding: 18px 0
	}
	.tblList .listing .store span {
		padding: 2px 0 !important
	}
	.tblList .listing .store span:nth-child(2) {
		font-family: 'fmedium', sans-serif;
	}
	.tblList .listing .store:nth-child(even) {
		background-color: #fff
	}
	.tblList {
		padding: 26px
	}
}


/* ----------- branchinfo -----------*/
.branchinfo {
	display: grid;
	grid-template-columns: 50% auto;
	grid-gap: 30px;
}
.branchinfo h4 {
	font-family: 'fmedium', sans-serif;
	font-size: 2em;
	margin-bottom: 14px;
	line-height: 1.2em;
}
.branchinfo .infoLine {
	border-top: 1px solid #e0e1e2;
	font-size: 1.1em;
	line-height: 1.3em;
	padding: 12px 0 12px 28px;
	position: relative;
}
.branchinfo .infoLine svg {
	fill: var(--c1);
	left: 0;
	position: absolute;
	top: 14px;
	width: 14px;
}
.fotosSld img {
	display: block;
	margin-top: 5px;
	width: 100%;
}
.embedContainer.branch {
	margin: 16px 0 4px 0;
}
@media only screen and (max-width:700px) {
	.branchinfo {
		grid-template-columns: auto;
		grid-gap: 16px;
	}
	.embedContainer.branch {
		padding-bottom: 68%;
	}
}


/* ----------- pagination -----------*/
#pagination {
	display: flex;
	justify-content: center;
	margin-bottom: 30px;
	margin-top: 30px;
	position: relative;
	text-align: center;
}
#pagination.product {
	margin-left: calc(18% + 40px);
}
#pagination.noMargin {
	margin-bottom: 0;
}
#pagination a {
	border-right: 1px solid #fff;
	color: #1f1f24;
	padding: 7px 12px;
	transition: all 0.3s ease;
}
#pagination a:hover {
	background-color: #f1f1f1
}
#pagination .active a {
	background-color: #4b4b4d;
	color: #fff;
	font-family: 'fmedium', sans-serif;
}
#pagination .prev a,
#pagination .next a {
	background-color: #f1f1f1;
}
#pagination .prev a:before,
#pagination .next a:before {
	color: var(--c1);
	font-family: "Font Awesome 5 Free";
	font-size: 1.15em;
	font-weight: 900;
	line-height: 0;
}
#pagination .prev a:before {
	content: "\f104"
}
#pagination .next a:before {
	content: "\f105"
}
#pagination a[rel~="first"],
#pagination a[rel~="last"] {
	background-color: #f1f1f1;
	color: #666666;
}
#pagination a[rel~="first"]:hover,
#pagination a[rel~="last"]:hover {
	color: #1f1f24
}
@media only screen and (max-width:1080px) {
	#pagination.product {
		margin-left: 0;
	}
}
@media only screen and (max-width:750px) {
	#pagination.noMargin {
		margin-bottom: 14px;
	}
}


/* ----------- productLayout -----------*/
.padLayout {
	padding: 60px 0;
}
.padLayout.withBanner {
	padding: 25px 0 60px 0;
}
.padLayout>h1 {
	font-family: 'fmedium', sans-serif;
	font-size: 2.55em;
	line-height: 1.2em;
	margin-bottom: 20px;
	padding: 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
}
.padLayout>h1.camel {
	text-transform: none
}
.padLayout>h1.pad216 {
	padding-left: 256px
}
.productSelect {
	margin-top: -53px;
	position: absolute;
	right: 0;
}
.padLayout>h1 span {
	color: var(--c1);
	display: block;
	font-size: .8em;
	padding-top: 8px;
	text-transform: initial;
}
.productSelect span {
	font-family: 'fmedium', sans-serif;
	padding-right: 7px;
}
.productSelect.v2 {
	display: table;
	margin: 14px 0 16px 0;
	position: relative;
}
.productSelect.v3 {
	display: table;
	margin: 16px 0 18px 0;
	position: relative;
}
.productSelect.v4 {
	display: table;
	margin: 0;
	position: relative;
}
.productSelect select {
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	cursor: pointer;
	font-size: 1em;
	padding: 6px 24px 6px 8px;
	transition: all 0.3s ease;
}
.productSelect select:hover {
	border: 1px solid #bcbcbc
}
.productSelect i {
	color: #7a7a83;
}
.productSelect .fa-caret-down {
	pointer-events: none;
	position: absolute;
	right: 10px;
	top: 8px;
}
.sku {
	color: #adaaaa;
	font-size: .95em;
	margin-bottom: 18px;
	margin-top: 12px;
}
.sku strong {
	font-family: 'flight', sans-serif;
}
.sku.v2 {
	margin-top: 30px
}
@media only screen and (max-width:780px) {
	.sku.v2 {
		margin-top: 2px
	}
	.productSelect.v2 {
		margin: 14px auto 16px auto
	}
}
@media only screen and (max-width:750px) {
	.padLayout {
		padding: 20px 0
	}
	.padLayout.withBanner {
		padding: 20px 0
	}
	.padLayout>h1 {
		text-transform: initial
	}
}
@media only screen and (max-width:1080px) {
	.padLayout>h1.pad216 {
		padding-left: 0
	}
	.productSelect {
		margin-top: -7px
	}
}
#productLayout {
	align-items: start;
	display: grid;
	grid-template-columns: 216px auto;
	grid-column-gap: 40px;
}

aside {
	margin-top: 6px;
	z-index: 20;
}
aside.extraTop {
	margin-top: 75px
}
.filterNav .subBox {
	position: relative;
}
.filterNav .subBox>a {
	border: 1px solid #dcdcdc;
	border-radius: 2px;
	color: #1f1f24;
	display: block;
	font-family: 'fmedium', sans-serif;
	font-size: 1.05em;
	margin-bottom: 12px;
	padding: 14px 18px;
	position: relative;
	transition: all 0.3s ease;
}
.filterNav .subBox>a:hover {
	border-color: #999999;
}
.filterNav .subBox.current>a {
	border-color: var(--c2);
	color: var(--c1);
}
.filterNav .subBox.selected>a {
	text-decoration: underline;
}
.filterNav .subBox>a i {
	position: absolute;
	right: 18px;
	top: 15px;
}
.filterNav .showSubBox {
	background-color: #fff;
	border-radius: 2px;
	box-shadow: 0 0 14px rgba(40, 40, 40, .2);
	column-fill: balance;
	column-gap: 20px;
	padding: 20px 30px 76px 23px;
	position: absolute;
	top: 0;
	left: calc(100% + 12px);
}
.filterNav .showSubBox.c2 {
	columns: 2
}
.filterNav .showSubBox.c3 {
	columns: 3
}
.filterNav .showSubBox.c4 {
	columns: 4
}
.filterNav .showSubBox.c5 {
	columns: 5
}
.filterNav .showSubBox li {
	font-size: 1.05em;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid;
	white-space: nowrap;
}
.filterNav .showSubBox li label {
	cursor: pointer;
	display: block;
	padding: 6px 0 6px 10px;
}
.filterNav .showSubBox li label.cap {
	text-transform: capitalize
}
.filterNav .showSubBox li label:hover {
	background-color: #f4f4f4
}
.filterNav .filterBt {
	background-color: #7f7f80;
	bottom: 28px;
	color: #fff;
	font-family: 'fmedium', sans-serif;
	left: 33px;
	padding: 8px 14px;
	position: absolute;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.filterNav .filterBt:hover {
	background-color: var(--c1);
}
.filterNav .filterBt i {
	font-size: .84em;
	margin-right: 5px;
}
.btFilter {
	color: #646464;
	cursor: pointer;
	display: none;
	font-family: 'fmedium', sans-serif;
	font-size: 1.1em;
	margin-bottom: 14px;
	position: relative;
	top: -2px;
}
.btFilter i {
	color: var(--c1);
	margin-right: 7px;
}
@media only screen and (max-width:1080px) {
	#productLayout {
		grid-template-columns: auto
	}
	aside {
		display: none;
		margin-bottom: 20px;
		position: relative;
		top: 0
	}
	aside.extraTop {
		margin-top: 6px
	}
	.filterNav .showSubBox {
		border-bottom: 1px solid var(--c2);
		border-left: 1px solid var(--c2);
		border-right: 1px solid var(--c2);
		border-radius: 0;
		box-shadow: initial;
		padding: 0 14px 66px 14px;
		position: relative;
		left: initial;
		top: -13px;
	}
	.filterNav .filterBt {
		bottom: 18px;
		left: 24px
	}
	.btFilter {
		display: inline-block;
	}
	.padLayout>h2 {
		margin-bottom: 24px;
	}
	.padLayout>h2.pad216 {
		padding-left: 0;
	}
}
@media only screen and (max-width:770px) {
	.filterNav .showSubBox.c4,
	.filterNav .showSubBox.c5 {
		columns: 2
	}
}
@media only screen and (max-width:520px) {
	.filterNav .showSubBox.c2,
	.filterNav .showSubBox.c3,
	.filterNav .showSubBox.c4,
	.filterNav .showSubBox.c5 {
		columns: 1
	}
}


/* ----------- productList -----------*/
.productListTitle {
	font-family: 'fmedium', sans-serif;
	font-size: 2.1em;
	line-height: 1.26em;
	margin: 50px 0 24px 0;
	text-align: center;
	text-transform: uppercase;
}
.productList {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 30px;
	margin-top: 6px;
}
.productList.slideHome {
	display: block;
	margin-top: initial;
}
.productList .item {
	background-color: #fff;
	border: 1px solid #e9e9e9;
	transition: all 0.3s ease;
	padding-bottom: 66px;
	position: relative;
}
.productList .item.noPad {
	padding-bottom: 0;
}
.productList.slideHome .item {
	margin: 0 15px;
}
.productList .item:hover {
	background-color: #fff;
	box-shadow: 0 0 8px rgba(40, 40, 40, .15);
}
.productList .item>a {
	display: block;
	padding: 30px 30px 20px 30px;
	position: relative;
	text-align: center;
	transition: all 0.3s ease;
	overflow: hidden;
}
.productList.simple .item>a {
	padding: 30px
}
.productListTitle+.productList .item>a {
	padding: 30px
}
.productList .item>a figure img {
	margin: auto;
	max-height: 258px;
	max-width: 100%;
}
.productList figure.contain {
	background-size: contain;
	margin: 20px 0 12px 0;
	padding-bottom: 82%;
}
.productList a .title {
	color: #1f1f24;
	font-family: 'fmedium', sans-serif;
	font-size: 21.3px;
	line-height: 27px;
	margin: -10px 0 3px 0;
}
.productList a .brand {
	color: #1f1f24;
	font-size: .95em;
	letter-spacing: 1px;
	line-height: 1.5em;
	text-transform: uppercase;
}
.productList a .promoLens {
	background-color: var(--c1);
	color: #fff;
	font-family: 'fmedium', sans-serif;
	left: -18px;
	margin-top: 10px;
	padding: 8px 14px 10px 14px;
	position: relative;
	top: 10px;
	width: calc(100% + 36px);
}
.productList a .promoLens i {
	margin-right: 7px;
}
.productList a .price {
	color: var(--c1);
	font-size: 1.35em;
	font-family: 'fmedium', sans-serif;
	margin-top: 12px;
}
.productList a .price .old {
	color: #a6a6a6;
	display: block;
	font-family: 'flight', sans-serif;
	font-size: .74em;
	margin-top: 1px;
}
.productList a .price .old .number {
	font-size: 1.1em;
	font-style: normal;
	padding: 0 0 0 4px;
	text-decoration: line-through;
}
.productList a .price .old .percentage {
	background-color: var(--c2);
	border-radius: 50%;
	color: #fff;
	font-size: .95em;
	font-style: normal;
	font-family: 'fmedium', sans-serif;
	height: 46px;
	padding-top: 15px;
	position: absolute;
	right: 10px;
	top: 9px;
	width: 46px;
}
.productList .discount,
.productList .newTag,
.productList .sustainable {
	border-radius: 2px;
	font-family: 'fmedium', sans-serif;
	font-size: .86em;
	letter-spacing: .5px;
	padding: 5px 8px;
	position: absolute;
	text-transform: uppercase;
	top: 15px;
}
.productList .discount {
	background-color: #fff;
	box-shadow: 0 0 10px rgba(80, 80, 80, .2);
	color: #b11217;
	font-size: .96em;
	font-family: 'fmedium', sans-serif;
	left: -50px;
	padding: 8px 60px;
	top: 12px;
	transform: rotate(-45deg);
}
.productList .newTag {
	background-color: var(--c2);
	color: #fff;
	left: 10px;
	top: 9px;
}
.productList .sustainable {
	background-color: #83BB86;
	color: #fff;
	right: 10px;
	top: 9px;
}
.productList a>.secondDesc {
	background-color: #f6f6f6;
	border-radius: 50%;
	color: #1f1f24;
	font-size: .7em;
	height: 66px;
	line-height: .9em;
	padding-top: 14px;
	position: absolute;
	right: 10px;
	top: 9px;
	width: 66px;
	z-index: 10;
}
.productList a>.secondDesc em {
	color: var(--c1);
	display: block;
	font-size: 1.9em;
	font-style: normal;
	font-family: 'fmedium', sans-serif;
	line-height: .75em;
}
.productList a>.secondDesc em::after {
	content: "DCTO.";
	display: block;
	font-size: .5em;
}
.productList .addcartBtn {
	align-items: center;
	bottom: 0;
	border-top: none;
	display: grid;
	gap: 14px;
	grid-template-columns: repeat(2, auto);
	justify-content: center;
	left: 0;
	padding-bottom: 30px;
	position: absolute;
	transition: all 0.3s ease;
	width: 100%;
}
.productList .addcartBtn.one {
	grid-template-columns: repeat(1, auto);
}
.productList .addcartBtn.tags {
	padding-bottom: 20px;
}
.productList .addcartBtn .addButton {
	background-color: #4b4b4d;
	color: #fff;
	cursor: pointer;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: .92em;
	margin: 0 auto;
	padding: 9px 17px 10px 17px;
	position: relative;
	user-select: none;
	top: 0;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.productList .addcartBtn .addButton:hover {
	background-color: var(--c1);
}
.productList .addcartBtn .addButton i {
	margin-right: 7px
}
.productList .addcartBtn .addButton svg {
	fill: #fff;
	height: 14px;
	margin-right: 5px;
	position: relative;
	stroke-width: 2px;
	stroke: #fff;
	top: 1px;
}
.productList .addcartBtn .percentage {
	background-color: var(--c2);
	border-radius: 50%;
	color: #fff;
	font-size: .95em;
	font-style: normal;
	font-family: 'fmedium', sans-serif;
	height: 46px;
	padding-top: 15px;
	right: 10px;
	user-select: none;
	text-align: center;
	width: 46px;
}
.productList .addcartBtn .secondDesc {
	background-color: #f6f6f6;
	border-radius: 50%;
	color: #1f1f24;
	font-size: .7em;
	height: 66px;
	line-height: .9em;
	padding-top: 14px;
	user-select: none;
	text-align: center;
	width: 66px;
	z-index: 10;
}
.productList .addcartBtn .secondDesc em {
	color: var(--c1);
	display: block;
	font-size: 1.9em;
	font-style: normal;
	font-family: 'fmedium', sans-serif;
	line-height: .75em;
}
.productList .addcartBtn .secondDesc em:after {
	content: "DCTO.";
	display: block;
	font-size: .5em;
}
@media only screen and (max-width:840px) {
	.productList {
		grid-gap: 20px;
		grid-template-columns: repeat(2, 1fr)
	}
}
@media only screen and (max-width:650px) {
	.productListTitle {
		margin: 40px 0 24px 0
	}
}
@media only screen and (max-width:550px) {
	.productList {
		grid-template-columns: repeat(1, 1fr)
	}
}


/* ----------- filterOptions -----------*/
#filterOptions {
	margin: 0 0 11px 256px;
	padding: 0 186px;
	text-align: center;
}
#filterOptions a {
	background-color: #333333;
	border-radius: 2px;
	color: #fff;
	cursor: default;
	display: inline-block;
	font-size: .9em;
	margin-left: 10px;
	margin: 0 0 10px 10px;
	padding: 9px 34px 9px 14px;
	position: relative;
}
#filterOptions a:nth-child(1) {
	margin-left: 0;
}
#filterOptions a i {
	color: #a4a4a4;
	cursor: pointer;
	display: block;
	height: 100%;
	line-height: 33px;
	margin-left: 10px;
	padding: 0 12px;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.3s ease;
}
#filterOptions a i:hover {
	color: var(--c2);
}
#filterOptions a.close {
	background-color: #fff;
	color: #333;
	cursor: pointer;
	font-family: 'fmedium', sans-serif;
	margin-left: 2px;
	padding: 9px 14px;
	transition: all 0.3s ease;
}
#filterOptions a:hover.close {
	color: var(--c1);
}
@media only screen and (max-width:1080px) {
	#filterOptions {
		margin: 0 0 11px 0;
		padding: 0
	}
}
@media only screen and (max-width:770px) {
	#filterOptions a {
		font-size: .86em;
		margin-left: 6px;
		padding: 7px 32px 7px 12px
	}
	#filterOptions a.close {
		padding: 7px 10px
	}
	#filterOptions a i {
		line-height: 31px
	}
}


/* ----------- productDetail -----------*/
#productDetail {
	align-items: start;
	display: grid;
	grid-template-columns: 90px auto 34%;
	grid-gap: 34px;
}
.photoThumbnail {
	display: grid;
	gap: 12px;
}
.photoThumbnail a {
	border: 1px solid #dcdcdc;
}
.photoThumbnail a.current {
	border: 1px solid #1f1f24;
}
.photoThumbnail img {
	border: 10px solid #fff;
	width: 100%;
}
.photoWrap {
	border: 1px solid #dcdcdc;
	min-height: 200px;
	position: relative;
}
.photoDiv #image img {
	border-left: 30px solid #fff;
	border-right: 30px solid #fff;
	width: 100%;
}
.photoDiv .newTag,
.photoDiv .sustainable {
	border-radius: 2px;
	font-family: 'fmedium', sans-serif;
	font-size: .86em;
	letter-spacing: .5px;
	padding: 5px 8px;
	position: absolute;
	text-transform: uppercase;
	top: 0;
	z-index: 100;
}
.photoDiv .discount {
	background-color: var(--c2);
	border-radius: 50%;
	bottom: 10px;
	color: #fff;
	font-size: 1em;
	font-style: normal;
	height: 44px;
	padding-top: 13px;
	position: absolute;
	right: 10px;
	text-align: center;
	width: 44px;
	z-index: 20;
}
.photoDiv .secondDesc {
	background-color: #f6f6f6;
	border-radius: 50%;
	bottom: 9px;
	color: #1f1f24;
	font-size: .7em;
	height: 66px;
	line-height: .9em;
	padding-top: 14px;
	position: absolute;
	right: 10px;
	text-align: center;
	width: 66px;
	z-index: 10;
}
.photoDiv .secondDesc em {
	color: var(--c1);
	display: block;
	font-size: 1.9em;
	font-style: normal;
	font-family: 'fmedium', sans-serif;
	line-height: .75em;
}
.photoDiv .secondDesc em:after {
	content: "DCTO.";
	display: block;
	font-size: .5em;
}
.photoDiv .newTag {
	background-color: var(--c2);
	color: #fff;
	left: 15px;
	top: 15px;
}
.photoDiv .sustainable {
	background-color: #83BB86;
	color: #fff;
	right: 15px;
	top: 15px;
}
#productDetail .promoLens {
	background-color: var(--c1);
	color: #fff;
	font-family: 'fmedium', sans-serif;
	margin-top: 10px;
	padding: 8px 14px 10px 14px;
	text-align: center;
	width: 100%;
}
#productDetail .promoLens i {
	margin-right: 7px;
}
.photoDiv .slick-next:before,
.photoDiv .slick-prev:before {
	color: rgba(51, 51, 51, 0.3) !important;
	font-size: 20px !important;
}
.photoDiv .slick-prev,
.photoDiv .slick-next {
	display: none !important
}
.photoDiv:hover .slick-prev,
.photoDiv:hover .slick-next {
	display: block !important
}
.photoDiv .slick-prev {
	left: -10px !important
}
.photoDiv .slick-next {
	right: -10px !important
}
.details.head {
	padding-bottom: 18px;
}
.details .model {
	font-size: .96em;
	margin-bottom: 2px;
}
.details h1 {
	font-family: 'fmedium', sans-serif;
	font-size: 2.1em;
	line-height: 1.2em;
	margin-bottom: 4px;
	margin-top: -1px;
	text-transform: uppercase;
}
.details .brand {
	font-size: 1.13em;
	letter-spacing: 1px;
	margin-top: -3px;
}
.details .price {
	color: var(--c1);
	font-family: 'fmedium', sans-serif;
	font-size: 1.65em;
	margin: 2px 0 14px 0;
	line-height: 23px;
}
.details .price .block {
	display: block;
}
.details .price .before {
	color: #a6a6a6;
	font-family: 'flight', sans-serif;
	font-size: .65em;
	padding: 0 4px 0 0;
}
.details .price .old {
	color: #a6a6a6;
	font-family: 'flight', sans-serif;
	font-size: .72em;
	text-decoration: line-through;
}
.details .price .percentage {
	color: var(--c1);
	font-size: .72em;
	font-family: 'fmedium', sans-serif;
	padding: 0 0 0 4px;
}
.details .clOptions {
	background-color: #f9f9f9;
	margin-bottom: 20px;
	padding: 18px 22px;
}
@media only screen and (max-width:1040px) {
	#productDetail {
		gap: 12px;
		grid-template-columns: 1fr;
		padding-bottom: 16px
	}
	.photoThumbnail {
		grid-row: 2;
		grid-template-columns: repeat(4, 1fr)
	}
}
@media only screen and (max-width:870px) {
	.details .clOptions {
		padding: 16px 22px;
	}
}
@media only screen and (max-width:410px) {
	.details .clOptions {
		background-color: #fff;
		padding: 0;
	}
}
.clOptions .clCol {
	align-items: center;
	display: grid;
	font-family: 'fmedium', sans-serif;
	grid-gap: 3px 6px;
	justify-content: center;
}
.clOptions .clCol.c3 {
	grid-template-columns: repeat(3, auto)
}
.clOptions .clCol.c4 {
	grid-template-columns: repeat(4, auto)
}
.clOptions .clCol.c5 {
	grid-template-columns: repeat(5, auto)
}
.clOptions .text {
	border-top: 1px solid #e5e4e4;
	font-family: 'fmedium', sans-serif;
	font-size: .96em;
	margin: 16px auto 0 auto;
	position: relative;
	text-align: center;
}
.clOptions .text span {
	color: var(--c1);
	font-family: 'flight', sans-serif;
	font-size: 1.9em;
	margin-right: 6px;
	position: relative;
	top: 11px;
}
.clOptions .title {
	font-family: 'fmedium', sans-serif;
	font-size: .92em;
	margin-bottom: 5px;
	text-align: center;
	text-transform: uppercase;
}
.clOptions .title:last-of-type {
	border-top: 1px solid #e5e4e4;
	margin-top: 16px;
	padding-top: 12px;
}
.clOptions .clCol .head {
	color: #828282;
	font-size: .96em;
	text-align: center;
}
.wrapRadio {
	position: relative;
}
.wrapRadio .price {
	font-size: 1.4em;
	padding: 2px 0 0 30px;
}
.details .optionTitle {
	cursor: pointer;
	font-family: 'fmedium', sans-serif;
	padding: 0 0 0 30px;
	position: relative;
	text-transform: uppercase;
	user-select: none;
}
.details .optionTitle:hover {
	text-decoration: underline;
}
.details .optionTitle .radio {
	border: 1px solid #828282;
	border-radius: 50%;
	height: 18px;
	left: 0;
	position: absolute;
	top: 2px;
	width: 18px;
}
.details .optionTitle .radio:after {
	border-radius: 50%;
	content: "";
	height: 8px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
	width: 8px;
}
.details .optionTitle:hover .radio:after,
.details .optionTitle .radio:hover:after {
	background-color: var(--c1);
	opacity: .4;
}
.details .optionTitle .radio.current:after {
	background-color: var(--c1);
	opacity: 1 !important;
}
.wrapAccordion {
	display: none;
}
.wrapAccordion.current {
	display: block
}
.details .wrapAdd {
	display: grid;
	gap: 8px;
	grid-template-columns: auto;
	justify-content: start;
}
.details .quantitySelect {
	align-items: center;
	border: 1px solid #7f7f80;
	display: grid;
	grid-template-columns: 22px auto 22px;
	justify-content: center;
	padding: 6px 10px;
	text-align: center;
}
.details .quantitySelect em {
	color: #1f1f24;
	cursor: pointer;
	font-size: .84em;
	transition: all 0.3s ease;
}
.details .quantitySelect em:hover {
	color: var(--c1);
}
.details .quantitySelect input[type="text"] {
	border: none;
	color: #1f1f24;
	font-size: 1.1em;
	font-family: 'fmedium', sans-serif;
	margin: 0 auto;
	text-align: center;
	width: 32px;
}
.details .addCart {
	background-color: #fff;
	border: 1px solid var(--c1);
	color: var(--c1);
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: .96em;
	min-width: 225px;
	padding: 9px 18px 10px 18px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.details .addCart svg {
	fill: var(--c1);
	height: 14px;
	margin-right: 5px;
	position: relative;
	stroke-width: 2px;
	stroke: var(--c1);
	top: 1px;
	transition: all 0.3s ease;
}
.details .addCart:hover {
	border-color: #4b4b4d;
	color: #4b4b4d;
}
.details .addCart:hover svg {
	fill: #4b4b4d;
	stroke: #4b4b4d;
}
.details .addGlassBtn {
	background-color: #4b4b4d;
	color: #fff;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: .96em;
	padding: 9px 18px 10px 18px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.details .addGlassBtn svg {
	fill: #fff;
	height: 14px;
	margin-right: 5px;
	position: relative;
	stroke-width: 2px;
	stroke: #fff;
	top: 1px;
	transition: all 0.3s ease;
}
.details .addGlassBtn:hover {
	background-color: var(--c1);
}
.details .tryBtn {
	background-color: var(--c1);
	color: #fff;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: .96em;
	padding: 9px 18px 10px 18px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.details .tryBtn:hover {
	background-color: var(--c2);
}
.details .coupon input[type="text"] {
	border: 1px solid var(--c1);
	border-bottom: none;
	color: #1f1f24;
	font-family: 'fmedium', sans-serif;
	min-width: 192px;
	padding: 7px 12px 8px 12px;
}
.details .recipeCheck {
	color: #828282;
	margin-top: 12px;
}
.details .recipeCheck i {
	color: #78c495;
	margin-right: 8px;
}
.details .subscription {
	border: 1px solid #7f7f80;
	display: table;
	color: #7f7f80;
	font-family: 'fmedium', sans-serif;
	font-size: .96em;
	margin-top: 12px;
	padding: 8px 18px 9px 18px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.details .subscription svg {
	fill: #7f7f80;
	height: 14px;
	margin-right: 5px;
	position: relative;
	top: 1px;
	transition: all 0.3s ease;
}
.details .subscription:hover {
	border-color: var(--c2);
	color: var(--c1);
}
.details .subscription:hover svg {
	fill: var(--c1);
}
.details .pTitle {
	border-bottom: 1px solid #dcdcdc;
	color: #333;
	font-family: 'fmedium', sans-serif;
	font-size: .9em;
	margin-top: 20px;
	padding-bottom: 6px;
	text-transform: uppercase;
}
.details .plines {
	border-bottom: 1px solid #dcdcdc;
	columns: 2;
	column-gap: 20px;
	margin: 5px 0 12px 0;
	padding-bottom: 6px;
}
.details .plines p {
	color: #666;
	font-size: .92em;
	padding: 4px 0;
	text-align: left;
}
.details .plines p span:nth-child(1) {
	color: #1f1f24;
	font-family: 'fmedium', sans-serif;
	padding-right: 3px;
}
.details .descrip {
	line-height: 1.44em;
	margin-top: 14px;
	padding: 0 10px;
	text-align: left;
}
.details .descrip p {
	margin-bottom: 16px;
}
.details .descrip p:last-of-type {
	margin-bottom: 0
}
.details .legend {
	font-size: 1.1em;
	line-height: 1.44em;
}
@media only screen and (max-width:1040px) {
	.details {
		text-align: center
	}
	.details .descrip {
		padding: 0
	}
	.details .plines p {
		font-size: .94em;
		padding: 4px 0
	}
	.details .plines {
		columns: 1;
		column-gap: 0;
	}
}
@media only screen and (max-width:780px) {
	.details .wrapAdd { justify-content: center }
}
@media only screen and (max-width:410px) {
	.clOptions .clCol {
		grid-gap: 3px 4px
	}
}


/* ----------- detailTabs -----------*/
.detailTabs {
	border-bottom: 1px solid #d7d7d7;
	margin-top: 24px;
}
.detailTabs.mid,
.detailTabs.big {
	margin-top: 0
}
.detailTabs.pad {
	margin: 0 50px 0 50px
}
.detailTabs.camel a {
	text-transform: initial
}
.detailTabs a {
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	border-top: 1px solid transparent;
	color: #828282;
	display: inline-block;
	font-size: .9em;
	margin-right: -4px;
	padding: 7px 14px;
	position: relative;
	text-transform: uppercase;
	top: 1px;
	transition: all 0.3s ease;
}
.detailTabs.mid a {
	font-size: 1.15em;
	line-height: 1.32em;
	max-width: 30%;
	padding: 11px 16px;
}
.detailTabs.big a {
	font-size: 1.4em;
	padding: 11px 20px;
}
.detailTabs a:hover {
	text-decoration: underline
}
.detailTabs a.current {
	background-color: #fff;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-top: 1px solid #d7d7d7;
	color: #333;
	font-family: 'fmedium', sans-serif;
}
.detailTabs a.current:hover {
	text-decoration: none
}
@media only screen and (max-width:1240px) {
	.detailTabs.pad {
		margin: 0
	}
}
@media only screen and (max-width:710px) {
	.detailTabs.mid,
	.detailTabs.big {
		border-bottom: none
	}
	.detailTabs.mid a,
	.detailTabs.big a {
		background-color: #f6f6f6;
		border: 1px solid #f6f6f6;
		margin-top: 3px;
		max-width: initial !important;
		width: 100%
	}
	.detailTabs.mid a {
		font-size: 1.3em;
		padding: 11px 16px
	}
	.detailTabs.big a {
		font-size: 1.3em;
		padding: 11px 16px
	}
	.detailTabs.mid a.current,
	.detailTabs.big a.current {
		background-color: #fff;
		border: 1px solid #d7d7d7;
		color: var(--c1);
	}
}
@media only screen and (max-width:650px) {
	.detailTabs {
		margin-top: 30px
	}
}


/* ----------- wrapCart -----------*/
#wrapCart {
	margin-bottom: 22px
}
.cartLine {
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
	display: grid;
	grid-template-columns: 160px auto 104px 182px;
	margin-bottom: 0;
	padding: 20px 0;
}
.cartLine.second {
	border-bottom: none;
	box-shadow: 0 0 0 2px #7f7f80;
	left: 2px;
	margin-bottom: 2px;
	position: relative;
	width: calc(100% - 4px);
}
.cartLine.head {
	background-color: #f9f9f9;
	border-bottom: none;
	color: #666;
	cursor: default;
	font-family: 'fmedium', sans-serif;
	font-size: .9em;
	padding: 12px 0;
	text-transform: uppercase;
}
.cartLine.head span:nth-child(2) {
	padding-left: 30px
}
.cartLine.head span:nth-child(3) {
	text-align: center
}
.cartLine.head span:nth-child(4) {
	padding-right: 16px;
	text-align: right
}
.cartLine.shipping,
.cartLine.descountLens {
	border-bottom: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	padding: 12px 0;
}
.cartLine.descountLens {
	color: var(--c1);
}
.cartLine.end {
	border-bottom: 2px solid #dcdcdc;
	padding: 12px 0 31px 0;
}
.cartLine.end2 {
	border-bottom: 2px solid #dcdcdc;
	padding: 12px 0;
}
.cartLine .iva {
	color: #1f1f24;
	font-size: .82em;
	padding: 10px 17px 0 0;
	position: absolute;
	right: 0;
	text-align: right;
	top: 11px;
	white-space: nowrap;
}
.cartLine .product img {
	transition: all 0.3s ease;
	width: 100%
}
.cartLine .product img:hover {
	opacity: .85;
}
.cartLine .name {
	padding: 0 30px;
}
.cartLine .name .productTitle {
	color: #1f1f24;
	display: inline-block;
	font-family: 'fmedium', sans-serif;
	font-size: 1.34em;
	margin-bottom: 2px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.cartLine .name .productTitle:hover {
	color: var(--c1);
}
.cartLine .name .descrip {
	display: block;
	font-size: 1.05em;
	font-style: initial;
	line-height: 1.32em;
}
.cartLine .name .secondApply {
	background-color: #7f7f80;
	color: #fff;
	display: table;
	font-size: .96em;
	font-style: initial;
	font-family: 'fmedium', sans-serif;
	line-height: 1.32em;
	margin-top: 12px;
	padding: 7px 14px 9px 39px;
	position: relative;
	transition: all 0.3s ease;
}
.cartLine .name .secondApply i {
	color: #e6e6e6;
	font-size: 1.2em;
	left: 14px;
	position: absolute;
	top: 8px;
}
.cartLine .name .secondApply:hover {
	background-color: var(--c1);
}
.cartLine .quantity {
	align-items: center;
	display: grid;
	grid-template-columns: 22px auto 22px;
	justify-content: start;
	padding: 6px 10px;
	text-align: center;
}
.cartLine .quantity em {
	color: #1f1f24;
	cursor: pointer;
	font-size: .84em;
	transition: all 0.3s ease;
}
.cartLine .quantity.v2 em {
	visibility: hidden;
}
.cartLine .quantity em:hover {
	color: var(--c1);
}
.cartLine .quantity input[type="text"] {
	border: none;
	color: #1f1f24;
	font-size: 1.1em;
	font-family: 'fmedium', sans-serif;
	margin: 0 auto;
	text-align: center;
	width: 40px;
}
.cartLine .quantity input[type="text"]:disabled {
	background-color: #fff
}
.cartLine .quantity .delete {
	color: #828282;
	cursor: pointer;
	display: block;
	font-family: 'fmedium', sans-serif;
	font-style: initial;
	font-size: .88em;
	grid-column: span 3;
	padding: 9px 0 0 0;
	transition: all 0.3s ease;
}
.cartLine .quantity .delete:hover {
	color: var(--c1);
}
.cartLine .quantity .delete i {
	margin-right: 6px
}
.cartLine .price {
	font-size: 1.13em;
	font-family: 'fmedium', sans-serif;
	padding-right: 16px;
	position: relative;
	text-align: right;
}
.cartLine .price .pd {
	display: table;
	margin-left: auto;
	padding: 10px 0;
}
.cartLine .price .frame::before {
	content: "ARO";
	color: #666;
	display: block;
	font-family: 'flight', sans-serif;
	font-size: .85em;
	margin-bottom: 1px;
}
.cartLine .price .package::before {
	content: "PAQUETE";
	color: #666;
	display: block;
	font-family: 'flight', sans-serif;
	font-size: .85em;
	margin-bottom: 1px;
}
.cartLine .price .crystal::before {
	content: "LENTES";
	color: #666;
	display: block;
	font-family: 'flight', sans-serif;
	font-size: .85em;
	margin-bottom: 1px;
}
.cartLine.second .price {
	color: var(--c1);
}
.cartLine .price .ac {
	color: var(--c1);
	display: block;
	font-size: .7em;
	font-style: normal;
	margin-top: 1px;
	text-transform: uppercase;
}
.cartLine .price .coupon {
	color: #a6a6a6;
	display: block;
	font-family: 'flight', sans-serif;
}
.cartLine .price .txC {
	font-size: .7em;
	font-style: normal;
	margin-right: 4px;
	text-transform: uppercase;
}
.cartLine .price .through {
	font-size: 1em;
	font-style: normal;
	text-decoration: line-through;
}
.cartLine .price em {
	font-style: normal;
	position: relative;
}
.cartLine.end .price:before,
.cartLine.shipping .price:before,
.cartLine.descountLens .price:before {
	content: "TOTAL: ";
	display: block;
	position: absolute;
	right: 124px;
}
.cartLine.shipping .price:before {
	content: "TRANSPORTE:";
}
.cartLine.descountLens .price:before {
	content: "DESCUENTO:";
}
.cartLine .lensDetail p {
	font-family: 'fmedium', sans-serif;
	font-size: .96em;
	margin: 14px 0 4px 0;
	text-transform: uppercase;
}
.cartLine .lensDetail .col {
	display: grid;
	font-family: 'fmedium', sans-serif;
	font-size: .96em;
	grid-gap: 0 14px;
	justify-content: start;
}
.cartLine .lensDetail .col.s1 {
	grid-template-columns: repeat(3, auto)
}
.cartLine .lensDetail .col.s2,
.cartLine .lensDetail .col.s4 {
	grid-template-columns: repeat(4, auto)
}
.cartLine .lensDetail .col.s3 {
	grid-template-columns: repeat(5, auto)
}
.cartLine .lensDetail .col .head {
	color: #828282;
}
.cartLine .crystalDetail p {
	font-family: 'fmedium', sans-serif;
	font-size: .96em;
	margin: 14px 0 4px 0;
	text-transform: uppercase;
}
.cartLine .crystalDetail .col {
	font-family: 'fmedium', sans-serif;
	font-size: 1em;
}
.cartLine .crystalDetail .col span {
	display: grid;
	grid-template-columns: 100px auto;
	margin: 7px 0 1px 0;
}
.cartLine .crystalDetail .col span em {
	font-style: normal;
}
.checkoutBt {
	background-color: #4b4b4d;
	color: #fff;
	display: table;
	font-family: 'fmedium', sans-serif;
	margin-left: auto;
	margin-top: 22px;
	padding: 11px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.checkoutBt svg {
	fill: #fff;
	margin-right: 7px;
	position: relative;
	stroke-width: 2px;
	stroke: #fff;
	top: 2px;
	transition: all 0.3s ease;
	width: 16px;
}
.checkoutBt:hover {
	background-color: var(--c1);
}
.checkoutBt.inline {
	display: inline-block;
}
.checkoutBt.inline:first-of-type {
	margin-right: 4px
}
.checkoutBt.grey {
	background-color: #efefef;
	color: #1f1f24;
}
.checkoutBt.grey:hover {
	background-color: #f6f6f6
}
.checkoutBt.grey svg {
	fill: var(--c1);
	stroke: var(--c1);
}
.emptyCart {
	border: 1px solid #dcdcdc;
	font-size: 1.08em;
	margin-top: 20px;
	padding: 60px 0;
	text-align: center;
}
.emptyCart i {
	margin-right: 10px
}
@media only screen and (max-width:740px) {
	.cartLine {
		grid-template-columns: auto;
		padding: 20px 0
	}
	.cartLine.head {
		display: none
	}
	.cartLine .product img {
		display: block;
		margin: 0 auto;
		max-width: 280px
	}
	.cartLine .name {
		padding: 0;
		text-align: center
	}
	.cartLine .name a {
		display: block;
		font-size: 1.7em;
		margin-top: 10px;
		text-align: center
	}
	.cartLine .name .descrip {
		font-size: 1.1em;
		line-height: 1.4em;
		text-align: center
	}
	.cartLine .price {
		font-size: 1.2em;
		padding-right: 0;
		text-align: center;
	}
	.cartLine .price .pd { margin-right: auto }
	.cartLine.end .price,
	.cartLine.descountLens .price,
	.cartLine.shipping .price {
		font-size: 1.1em;
		text-align: right
	}
	.cartLine .quantity {
		justify-content: center;
		margin: 10px 0 14px 0
	}
	.cartLine .quantity .delete {
		font-size: .98em
	}
	.cartLine .iva {
		padding: 10px 0 0 0
	}
	.cartLine .lensDetail p {
		text-align: center
	}
	.cartLine .lensDetail .col {
		justify-content: center
	}
	.cartLine .name .secondApply {
		margin: 12px auto 0 auto
	}
	.cartLine.second {
		padding: 20px
	}
	.cartLine .crystalDetail {
		text-align: left
	}
	.cartLine .crystalDetail p {
		text-align: center
	}
	.cartLine .crystalDetail .col {
		display: table;
		margin: auto;
	}
}
@media only screen and (max-width:470px) {
	.checkoutBt.inline {
		display: block;
		margin-top: 12px;
		width: 100%;
	}
	.cartLine .product img {
		max-width: 200px
	}
}


/* ----------- mainForm -----------*/
.mainForm {
	position: relative;
}
.mainForm .title {
	color: #1f1f24;
	display: block;
	font-family: 'fmedium', sans-serif;
	font-size: .94em;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.mainForm.black .title {
	color: #fff;
}
.mainForm .descp {
	color: #828282;
	display: block;
	font-style: italic;
	position: relative;
	top: -13px;
}
.mainForm .txtMandatory {
	color: #879197;
	font-size: .8em;
	padding-left: 15px;
	position: absolute;
	right: 0;
	text-transform: uppercase;
	top: -1px;
}
.mainForm .txtMandatory:before {
	content: "*";
	color: #a7bd24;
	font-size: 1.6em;
	font-family: 'fmedium', sans-serif;
	margin: -1px 0 0 -14px;
	position: absolute;
}
.mainForm .mandatory:after {
	content: "*";
	color: #a7bd24;
	font-size: 1.6em;
	font-family: 'fmedium', sans-serif;
	margin: -5px 0 0 6px;
	position: absolute;
}
.mainForm input[type="text"],
.mainForm input[type="email"],
.mainForm input[type="password"],
.mainForm textarea,
.mainForm select {
	border: 1px solid #1f1f24;
	color: #1f1f24;
	font-size: 1.1em;
	margin: 0 0 20px 0;
	outline: 0;
	overflow: hidden;
	overflow-y: auto;
	padding: 11px 15px;
	transition: all 0.3s ease;
	width: 100%;
}
.mainForm.black input[type="text"],
.mainForm.black input[type="email"],
.mainForm.black input[type="password"],
.mainForm.black textarea,
.mainForm.black select {
	background-color: transparent;
	border: 1px solid #d6d6d9;
	color: #fff;
}
.mainForm input[type="text"]:disabled,
.mainForm input[type="password"]:disabled,
.mainForm textarea:disabled,
.mainForm select:disabled {
	background-color: #f8f8f8;
	cursor: default;
}
.mainForm input[type="text"]:read-only,
.mainForm input[type="password"]:read-only,
.mainForm textarea:read-only,
.mainForm select:read-write {
	background-color: #f8f8f8;
	cursor: default;
}
.mainForm select {
	background-color: #fff;
	background-image: url(../img/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 23px;
	padding: 11px 32px 11px 15px;
}
.mainForm input[type="text"]:focus,
.mainForm textarea:focus {
	box-shadow: 0 0 10px rgba(80, 80, 80, 0.5)
}
.mainForm input[type="text"].error,
.mainForm input[type="password"].error,
.mainForm select.error,
.mainForm textarea.error {
	background-color: #b6effd;
	border: 1px solid #70e2ff;
}
.mainForm .captcha {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: right top;
}
.mainForm input[type="submit"],
.mainForm input[type="button"],
.mainForm button {
	background-color: #4b4b4d;
	color: #fff;
	cursor: pointer;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: 1.05em;
	padding: 9px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.mainForm button.white {
	background-color: #fff;
	box-shadow: 0 0 0 1px #dcdcdc;
	color: #505056;
	margin-left: 8px;
}
.mainForm button.white:hover {
	background-color: #fff;
	color: var(--c1);
}
.mainForm button.black {
	background-color: #4b4b4d;
	color: #fff;
}
.mainForm button.black:hover {
	background-color: var(--c1);
}
.mainForm button.v2 {
	display: inline-block;
}
.mainForm button i {
	margin-right: 9px;
	transition: all 0.3s ease;
}
.mainForm button svg {
	fill: #fff;
	margin-right: 7px;
	position: relative;
	stroke-width: 2px;
	stroke: #fff;
	top: 1px;
	width: 14px;
}
.mainForm button:hover {
	background-color: var(--c1);
}
.mainForm .forget {
	color: #797979;
	font-family: 'fmedium', sans-serif;
	font-size: .9em;
	text-transform: uppercase;
}
.mainForm .forget span {
	border-bottom: 1px solid #fff;
	padding-bottom: 2px;
	transition: all 0.3s ease;
}
.mainForm .forget span:hover {
	border-bottom: 1px solid #d3d3d3
}
.mainForm .success {
	color: #a7bd24;
	display: none;
	font-size: 1em;
	font-family: 'fmedium', sans-serif;
	padding-top: 20px;
	text-align: center;
}
.mainForm .success i {
	margin-right: 6px
}
.mainForm h5 {
	color: var(--c1);
	font-family: 'fmedium', sans-serif;
	font-size: 1.65em;
	margin-bottom: 14px;
	margin-top: 30px;
	position: relative;
	text-align: center;
}
.mainForm h5.left {
	font-size: 1.5em;
	margin: 0;
	text-align: left;
}
.mainForm h5:first-of-type {
	margin-top: 0
}
.mainForm h5 span {
	background-color: #fff;
	padding: 0 14px;
	position: relative;
}
.mainForm h5:before {
	background-color: #e8e8e8;
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 15px;
	width: 100%;
}
.mainForm h5.left:before { display: none }

.mainForm .aCode {
	font-size: .96em;
	margin-top: 0 !important;
	position: absolute;
	right: 0;
	top: -10px;
}
.twoColStart {
	align-items: center;
	display: grid;
	grid-template-columns: auto auto;
	grid-column-gap: 20px;
	justify-content: start;
}
@media only screen and (max-width:580px) {
	.mainForm .descp {
		margin-bottom: 10px
	}

	.mainForm .aCode {
		position: relative;
		text-align: center;
		top: -17px;
	}
}


/* ----------- hRow -----------*/
.hRow {
	align-items: center;
	border-bottom: 1px solid #ddd;
	display: grid;
	grid-template-columns: 48% 26% 26%;
	padding: 30px 0;
	transition: all 0.3s ease;
}
.hRow.v2 {
	grid-template-columns: 38% 31% 31%
}
.hRow .title {
	color: #1f1f24;
	padding-left: 14px;
}
.hRow .title em.id {
	font-family: 'fmedium', sans-serif;
	font-size: 1.3em;
	font-style: normal;
	margin-bottom: 2px;
	transition: all 0.3s ease;
}
.hRow .title:hover em.id {
	color: var(--c1);
}
.hRow .title em.date {
	color: #828282;
	display: block;
	font-size: .9em;
	font-style: normal;
	padding-top: 4px;
}
.hRow .title2 {
	color: #1f1f24;
	font-family: 'fmedium', sans-serif;
	padding-left: 14px;
}
.hRow .title2:hover {
	color: var(--c1);
}
.hRow .status {
	font-family: 'flight', sans-serif;
}
.hRow .number {
	font-family: 'fmedium', sans-serif;
	padding-right: 14px;
	text-align: center;
}
.hRow .date2 {
	padding-left: 14px;
	text-align: center;
}
.hRow .plan {
	padding-right: 14px;
	text-align: center;
}
.hRow.head {
	background-color: #f9f9f9;
	border-bottom: none;
	padding: 12px 0;
}
.hRow.head .title,
.hRow.head .status,
.hRow.head .number,
.hRow.head .date {
	color: #666;
	font-family: 'fmedium', sans-serif;
	font-size: .9em;
}


/* ----------- termsTxt -----------*/
.mainTxt {
	padding: 20px 24px 0 24px;
}
.mainTxt.noPad {
	padding: 0;
}
.mainTxt.v2 {
	padding: 20px 0 0 0;
}
.mainTxt h2 {
	border-top: 1px solid #dcdcdc;
	font-size: 1.9em;
	margin: 24px 0 6px 0;
	padding-top: 19px;
	text-transform: initial;
}
.mainTxt h2:first-child {
	border-top: none;
	margin: 0 0 6px 0;
	padding-top: 0;
}
.mainTxt h3 {
	color: var(--c1);
	font-size: 1.4em;
	padding: 6px 0 8px 0;
}
.mainTxt p {
	font-size: 1.23em;
	line-height: 1.55em;
	margin-bottom: 20px;
}
.mainTxt p:last-of-type {
	margin-bottom: 0
}
.mainTxt p:last-of-type+ul,
.mainTxt p:last-of-type+ol {
	margin-top: 18px
}
.mainTxt>ul,
.mainTxt>ol {
	counter-reset: myCounter;
	margin-bottom: 18px;
}
.mainTxt>ul:last-of-type,
.mainTxt>ol:last-of-type {
	margin-bottom: 0
}
.mainTxt h2+ul,
.mainTxt h2+ol {
	margin-top: 10px;
}
.mainTxt>ul>li {
	font-size: 1.2em;
	line-height: 1.55em;
	padding: 0 0 12px 18px;
	position: relative;
}
.mainTxt>ul>li:before {
	background-color: var(--c2);
	content: "";
	height: 1px;
	left: 0;
	position: absolute;
	top: 13px;
	width: 8px;
}
.mainTxt>ol>li {
	counter-increment: myCounter;
	font-size: 1.1em;
	line-height: 1.46em;
	list-style: none;
	padding: 0 0 12px 32px;
	position: relative;
}
.mainTxt>ol>li:before {
	content: counter(myCounter)".";
	left: 0;
	position: absolute;
	text-align: right;
	top: 0;
	width: 22px;
}
.mainTxt img {
	width: 100%
}
.mainTxt .documents {
	margin-top: 14px
}
.mainTxt .documents a {
	border: 1px solid #dcdcdc;
	border-radius: 4px;
	color: #1f1f24;
	display: inline-block;
	font-size: 1.05em;
	margin: 0 7px 8px 0;
	max-width: calc(33% - 11px);
	overflow: hidden;
	padding: 11px 14px;
	text-overflow: ellipsis;
	transition: all 0.3s ease;
	white-space: nowrap;
}
.mainTxt .documents a:hover {
	border-color: var(--c2);
	color: var(--c1);
}
.mainTxt .documents a svg {
	height: 14px;
	margin-right: 8px;
	position: relative;
	stroke-width: 2px;
	stroke: var(--c2);
	top: 1px;
	transition: all 0.3s ease;
}
@media only screen and (max-width:780px) {
	.mainTxt .documents a {
		max-width: calc(50% - 11px)
	}
}
@media only screen and (max-width:710px) {
	.mainTxt {
		padding: 20px 0 0 0
	}
}
@media only screen and (max-width:480px) {
	.mainTxt .documents a {
		max-width: initial;
		width: 100%
	}
}


/* ----------- internalBanner -----------*/
.internalBanner {
	background-position: center top;
	background-size: cover;
	height: 50vh;
	position: relative;
}
.internalBanner.v2 {
	height: 36vh;
}
.internalBanner.v3 {
	background-position: center center;
	height: 200px;
}
.internalBanner:after {
	background-image: linear-gradient(rgba(28, 28, 28, 0), rgba(28, 28, 28, .58));
	content: "";
	height: 100%;
	position: absolute;
	width: 100%;
}
.internalBanner h1 {
	color: #fff;
	font-family: 'fmedium', sans-serif;
	font-size: 4.3em;
	position: absolute;
	text-align: center;
	text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.4);
	top: 49.2%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 100;
}
@media only screen and (max-width:700px) {
	.internalBanner {
		height: 36vh
	}
	.internalBanner h1 {
		font-size: 3.3em;
		line-height: 1.15em;
		padding: 0 20px
	}
}


/* ----------- agreement -----------*/
.agreement {
	border-bottom: 1px solid #dcdcdc;
	margin-top: 36px;
}
.agreement>div {
	align-items: center;
	border-top: 1px solid #dcdcdc;
	display: grid;
	grid-template-columns: 31% auto;
	grid-gap: 22px;
	padding: 40px 0;
}
.agreement img {
	width: 100%
}
.agreement p.title {
	font-family: 'fmedium', sans-serif;
	font-size: 1.38em;
	line-height: 1.5em;
}
.agreement p {
	font-size: 1.15em;
	line-height: 1.5em;
}
@media only screen and (max-width:750px) {
	.agreement {
		border-bottom: none
	}
	.agreement>div {
		padding: 30px 0
	}
}
@media only screen and (max-width:580px) {
	.agreement>div {
		grid-gap: 10px;
		grid-template-columns: auto
	}
	.agreement img {
		margin: auto;
		max-width: 220px
	}
}


/* ----------- promo -----------*/
.promo {
	display: grid;
	grid-gap: 80px 40px;
	grid-template-columns: repeat(2, 1fr);
	padding: 36px 80px 0 80px;
}
.promo img {
	width: 100%;
}
.promo .title {
	font-family: 'fmedium', sans-serif;
	font-size: 1.74em;
	padding: 14px 0 4px 0;
}
.promo p {
	font-size: 1.17em;
	line-height: 1.5em;
}
.promo p.title {
	line-height: 1.2em
}
.promo .pBtn {
	display: inline-block;
	font-family: 'fmedium', sans-serif;
	margin-top: 9px;
	text-transform: uppercase;
}
.promo .go {
	margin-right: 20px
}
.promo a:hover {
	text-decoration: underline
}
.promo a i {
	margin-right: 9px
}
.promo a svg {
	fill: var(--c1);
	margin-right: 9px;
	width: 13px;
}
@media only screen and (max-width:1240px) {
	.promo {
		padding: 36px 0 0 0;
	}
}
@media only screen and (max-width:920px) {
	.promo {
		grid-gap: 60px 30px;
	}
}
@media only screen and (max-width:760px) {
	.promo {
		grid-gap: 44px 30px;
		grid-template-columns: auto;
		padding: 24px 0 0 0;
	}
	.promo .title {
		padding: 10px 0 6px 0;
	}
}
@media only screen and (max-width:400px) {
	.promo .pBtn {
		display: block;
	}
	.promo .go {
		margin-right: 0;
	}
}


/* ----------- cardLayout -----------*/
.cardLayout {
	align-items: start;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 40px;
	margin-top: 40px;
}
.cardLayout>div:nth-child(2) {
	border: 1px solid #dcdcdc;
	padding: 30px;
}
.cardProducts {
	align-items: center;
	border-bottom: 1px solid #dcdcdc;
	display: grid;
	grid-template-columns: 100px auto 100px;
	grid-gap: 14px;
	padding: 16px 0;
}
.cardProducts:first-of-type {
	padding-top: 0
}
.cardProducts figure {
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	padding-bottom: 50%;
	position: relative;
}
.cardProducts figure span {
	background-color: #1f1f24;
	border-radius: 50%;
	box-shadow: 1px 1px 0 0 #fff;
	color: #fff;
	font-size: .72em;
	height: 19px;
	left: -14px;
	line-height: 19px;
	position: absolute;
	text-align: center;
	top: -4px;
	width: 19px;
}
.cardProducts .title {
	font-family: 'fmedium', sans-serif;
}
.cardProducts .price {
	font-family: 'fmedium', sans-serif;
	font-size: 1.05em;
	text-align: right;
}
.cardProducts .price .old {
	color: #a6a6a6;
	display: block;
	font-family: 'flight', sans-serif;
	text-decoration: line-through;
}
.cardTotal {
	padding-top: 16px;
	text-align: right;
}
.cardTotal.blue {
	color: var(--c1);
}
.cardTotal span {
	display: block;
	font-size: .9em;
}
.cardTotal em {
	font-size: 1.3em;
	font-style: normal;
	font-family: 'fmedium', sans-serif;
}
@media only screen and (max-width:882px) {
	.cardLayout {
		grid-gap: 30px;
		grid-template-columns: auto
	}
	.cardLayout .mainForm {
		grid-row: 2
	}
	.cardLayout>div:nth-child(2) {
		margin-top: 0
	}
}
@media only screen and (max-width:520px) {
	.cardLayout {
		margin-top: 20px
	}
	.cardProducts {
		grid-template-columns: auto;
		grid-gap: 0
	}
	.cardProducts figure {
		margin: auto;
		padding-bottom: 34%;
		width: 34%
	}
	.cardProducts .title,
	.cardProducts .price,
	.cardTotal {
		text-align: center
	}
}


/*----------- cdtop -----------*/
.cdTop {
	background-color: #4b4b4d;
	border-radius: 3px 3px 0 0;
	bottom: 0;
	height: 40px;
	opacity: 0;
	position: fixed;
	right: 96px;
	text-align: center;
	transition: opacity .3s 0s, visibility 0s .3s;
	visibility: hidden;
	width: 40px;
	z-index: 9988;
}
.cdTop:hover {
	background-color: var(--c1);
}
.cdTop svg {
	fill: #fff;
	padding-top: 9px;
	stroke-width: 2px;
	stroke: #fff;
	width: 18px;
}
.cdTop.cd-is-visible,
.cdTop.cd-fade-out,
.no-touch .cdTop:hover {
	transition: opacity .3s 0s, visibility 0s 0s
}
.cdTop.cd-is-visible {
	visibility: visible;
	opacity: 1;
}
.no-touch .cdTop:hover {
	color: #a6a6a6;
	opacity: 1;
}
@media only screen and (max-width:680px) {
	.cdTop {
		height: 32px;
		line-height: 30px;
		margin-right: -20px;
		right: 50%
	}
}


/*----------- resultBox -----------*/
.resultBox {
	border-bottom: 1px solid #e8e8e8;
	margin-top: 22px;
}
.resultBox a {
	border-top: 1px solid #e8e8e8;
	color: #1f1f24;
	display: block;
	font-size: 1.05em;
	padding: 15px 0 15px 16px;
	position: relative;
	transition: all 0.3s ease;
}
.resultBox a:hover {
	color: var(--c1);
}
.resultBox a i {
	left: 0;
	position: absolute;
	top: 17px;
}


/*----------- faq -----------*/
.mainTxt h6 {
	border-top: 1px solid #dcdcdc;
	cursor: pointer;
	font-family: 'fmedium', sans-serif;
	font-size: 1.5em;
	line-height: 1.3em;
	padding: 22px 28px 22px 0;
	position: relative;
	transition: all 0.3s ease;
}
.mainTxt h6:first-of-type {
	border-top: none;
	padding-top: 0
}
.mainTxt h6:last-of-type {
	border-bottom: 1px solid #dcdcdc
}
.mainTxt h6:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f107";
	color: var(--c2);
	font-size: .96em;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.mainTxt h6.symbol:before {
	color: #a6a6a6;
	content: "\f106"
}
.mainTxt h6.symbol {
	color: var(--c2);
}
.mainTxt blockquote {
	display: none;
	margin-bottom: 22px;
}
@media only screen and (max-width:540px) {
	.mainTxt h6 {
		font-size: 1.3em;
		line-height: 1.3em
	}
}


/*----------- payMessage -----------*/
.payMessage {
	font-size: 1.6em;
	font-family: 'fmedium', sans-serif;
	padding: 20px 0 100px 0;
	text-align: center;
}
.payMessage.blue {
	color: var(--c1);
}
.payMessage.red {
	color: var(--c1);
}
.payMessage i {
	font-size: 2em;
	margin-bottom: 12px;
}
@media only screen and (max-width:540px) {
	.payMessage {
		padding: 20px 0;
	}
}


/*----------- address -----------*/
#address {
	margin-top: 30px;
}
#address.v2 {
	margin-top: 0;
}
#address>a {
	border: 1px solid #dcdcdc;
	display: block;
	font-family: 'fmedium', sans-serif;
	margin-bottom: 20px;
	padding: 20px 24px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
#address>a svg {
	height: 12px;
	margin-right: 6px;
	stroke-width: 2px;
	stroke: var(--c2);
}
#address>a:hover {
	background-color: #f6f6f6;
}
#address>div {
	border: 1px solid #dcdcdc;
	margin-bottom: 20px;
	padding: 20px 24px;
	position: relative;
}
#address>div.main {
	border: 1px solid #1f1f24
}
#address>div.main:after {
	background-color: #fff;
	color: var(--c1);
	content: "PRINCIPAL";
	font-size: .84em;
	font-family: 'fmedium', sans-serif;
	padding: 6px 12px;
	position: absolute;
	right: 20px;
	top: -14px;
}
#address>div .title {
	font-family: 'fmedium', sans-serif;
	padding-bottom: 4px;
}
#address>div p {
	font-size: 1.1em;
}
#address .tools {
	margin-top: 16px;
}
#address .tools a {
	border-right: 1px solid #dcdcdc;
	color: var(--c1);
	display: inline-block;
	font-size: 1.1em;
	padding: 0 9px;
}
#address .tools a:hover {
	text-decoration: underline
}
#address .tools a:last-child {
	border-right: 0
}
@media only screen and (max-width:460px) {
	#address .tools a {
		border-right: none;
		display: block;
		padding: 2px 0
	}
}


/*----------- detailList -----------*/
.detailList {
	display: grid;
	grid-gap: 0 30px;
	grid-template-columns: repeat(2, 1fr);
	margin-top: 20px;
}
.detailList p {
	border-bottom: 1px solid #dcdcdc;
	line-height: 1.4em;
	padding: 13px 0;
}
.detailList p.twoCol {
	grid-column: span 2;
}
.editPlan {
	background-color: var(--c1);
	color: #fff;
	display: inline-block;
	font-family: 'fmedium', sans-serif;
	font-size: 0.97em;
	margin: 24px 7px 0 0;
	padding: 6px 12px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.editPlan:hover {
	background-color: var(--c1);
}
.editPlan i {
	margin-right: 9px
}
.editPlan.black {
	background-color: #1f1f24
}
.editPlan.black:hover {
	background-color: #37373f
}
@media only screen and (max-width:770px) {
	.detailList {
		grid-template-columns: repeat(1, 1fr);
	}
	.detailList p.twoCol {
		grid-column: span 1;
	}
}
@media only screen and (max-width:480px) {
	.editPlan {
		margin: 14px 0 0 0;
		padding: 10px 12px;
		text-align: center;
		width: 100%;
	}
}


/* ------------------loyalty-------------*/
.closeBtn {
	position: absolute;
	right: 10px;
	top: 10px;
}
.customModal {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2000;
}
.errorsi {
	border: 1px solid var(--c2);
	color: var(--c1);
	padding: 1rem;
}


/* ------------------alertify-------------*/
.alertify .ajs-header {
	background-color: #f4f4f4 !important;
	font-size: 1.25em;
	font-family: 'fmedium', sans-serif;
	text-align: center;
}
.alertify .ajs-footer {
	background-color: #f4f4f4 !important;
}
.alertify .ajs-body .ajs-content {
	line-height: 1.4em !important;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary .ajs-button {
	background: var(--c1);
	color: #fff;
	font-family: 'fmedium', sans-serif;
}
.alertify .ajs-dimmer {
	z-index: 100000000000 !important;
}
.alertify .ajs-modal {
	z-index: 10000000000 !important;
}


/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
	height: 100%;
	overflow: hidden !important;
	padding: 0 !important;
	position: relative;
}
.scroll-wrapper>.scroll-content {
	border: none !important;
	box-sizing: content-box !important;
	height: auto;
	left: 0;
	margin: 0;
	max-height: none;
	max-width: none !important;
	overflow: scroll !important;
	padding: 0;
	position: relative !important;
	top: 0;
	width: auto !important;
}
.scroll-wrapper>.scroll-content::-webkit-scrollbar {
	height: 0;
	width: 0;
}
.scroll-element {
	display: none
}
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
	display: block
}
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
	cursor: default
}
.scroll-textarea {
	border: 1px solid #cccccc;
	border-top-color: #999999;
}
.scroll-textarea>.scroll-content {
	overflow: hidden !important
}
.scroll-textarea>.scroll-content>textarea {
	border: none !important;
	box-sizing: border-box;
	height: 100% !important;
	margin: 0;
	max-height: none !important;
	max-width: none !important;
	overflow: scroll !important;
	outline: none;
	padding: 2px;
	position: relative !important;
	top: 0;
	width: 100% !important;
}
.scroll-textarea>.scroll-content>textarea::-webkit-scrollbar {
	height: 0;
	width: 0;
}


/*************** SCROLLBAR MAC OS X ***************/
.scrollbar-macosx>.scroll-element,
.scrollbar-macosx>.scroll-element div {
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 10040;
}
.scrollbar-macosx>.scroll-element div {
	display: block;
	height: 100%;
	left: 0;
	top: 0;
	width: 100%;
}
.scrollbar-macosx>.scroll-element .scroll-element_track {
	display: none;
}
.scrollbar-macosx>.scroll-element .scroll-bar {
	background-color: #4f4f4f;
	display: block;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	opacity: 0;

	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
	-o-transition: opacity 0.2s linear;
	-ms-transition: opacity 0.2s linear;
	transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover>.scroll-element .scroll-bar,
.scrollbar-macosx>.scroll-element.scroll-draggable .scroll-bar {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=60);
	opacity: 0.5;
}
.scrollbar-macosx>.scroll-element.scroll-x {
	bottom: 0px;
	height: 0px;
	left: 0;
	min-width: 100%;
	overflow: visible;
	width: 100%;
}
.scrollbar-macosx>.scroll-element.scroll-y {
	height: 100%;
	min-height: 100%;
	right: 0px;
	top: 0;
	width: 0px;
}

/* scrollbar height/width & offset from container borders */
.scrollbar-macosx>.scroll-element.scroll-x .scroll-bar {
	height: 7px;
	min-width: 10px;
	top: -9px
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
	left: -9px;
	min-height: 10px;
	width: 9px
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_outer {
	left: 2px
}
.scrollbar-macosx>.scroll-element.scroll-x .scroll-element_size {
	left: -4px
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_outer {
	top: 2px
}
.scrollbar-macosx>.scroll-element.scroll-y .scroll-element_size {
	top: -4px
}
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx>.scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
	left: -11px
}
.scrollbar-macosx>.scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
	top: -11px
}
@media only screen and (max-width:800px) {
	.scrollbar-macosx>.scroll-element.scroll-y .scroll-bar {
		display: none;
		left: -14px;
		border-bottom: 12px solid #efefef;
		border-top: 12px solid #efefef;
		width: 4px
	}
}


/* ----------- discountCoupon -----------*/
#discountCoupon {
	background: #fff;
	box-shadow: 0 0 20px rgba(64, 64, 64, 0.45);
	display: grid;
	grid-template-columns: 320px auto;
	margin: 26px auto;
	max-width: 720px;
	position: relative;
}
#discountCoupon .photo {
	background-color: #f0f0f0;
	background-size: cover;
}
#discountCoupon .information {
	padding: 32px 34px;
	text-align: center;
}
#discountCoupon .information .price {
	font-family: 'fmedium', sans-serif;
	font-size: 1.15em;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}
#discountCoupon .information .price span {
	color: var(--c1);
	display: table;
	font-size: 2.2em;
	line-height: 1.15em;
	margin-top: 6px;
}
#discountCoupon .information .text {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 16px;
}
#discountCoupon input[type="submit"] {
	margin-bottom: 12px;
}
#discountCoupon .btn {
	color: #757575;
	display: table;
	font-size: 1.1em;
	margin: 0 auto;
	padding: 6px 10px 0 10px;
	text-align: center;
}
#discountCoupon .termsTxt {
	left: -7px;
	position: relative;
	top: -13px;
}
#discountCoupon .btnLink {
	background-color: #7f7f80;
	color: #fff;
	cursor: pointer;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: 1.05em;
	margin: 0 auto 10px auto;
	padding: 9px 20px;
	text-align: center;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
#discountCoupon .btnLink:hover {
	background-color: var(--c1);
}
#discountCoupon .btn i {
	margin-right: 8px;
}
@media only screen and (max-width:740px) {
	#discountCoupon {
		max-width: 340px;
	}
	#discountCoupon .information {
		padding: 18px 20px;
	}
	#discountCoupon {
		grid-template-columns: 1fr;
	}
	#discountCoupon .photo {
		padding-bottom: 78%;
	}
	#discountCoupon .information .price {
		font-size: 1em;
	}
	#discountCoupon .information .price span {
		font-size: 1.8em;
	}
	#discountCoupon .information .text {
		font-size: 1.1em;
	}
}


/* ----------- generalCoupon -----------*/
#generalCoupon {
	background: #fff;
	box-shadow: 0 0 20px rgba(40, 40, 40, .15);
	margin: 60px auto;
	max-width: 870px;
}
#generalCoupon img {
	width: 100%;
}
#generalCoupon .information {
	padding: 34px 40px;
	margin: auto;
	max-width: 500px;
	text-align: center;
}
#generalCoupon .information .price {
	font-family: 'fmedium', sans-serif;
	font-size: 1.4em;
	margin: 0 0 8px 0;
	text-transform: uppercase;
}
#generalCoupon .information .price span {
	color: var(--c1);
	display: table;
	font-size: 2.7em;
	line-height: 1.2em;
	margin: auto;
}
#generalCoupon .information .text {
	font-size: 1.15em;
	line-height: 1.45em;
	margin-bottom: 16px;
}
#generalCoupon input {
	margin-bottom: 12px;
}
@media only screen and (max-width:922px) {
	#generalCoupon {
		margin: 20px 26px;
	}
}
@media only screen and (max-width:520px) {
	#generalCoupon .information {
		padding: 32px 38px;
	}
}


/* ----------- blogBox -----------*/
#wrapBlog {
	padding: 50px 26px 60px 26px;
	position: relative;
}
#wrapBlog:before {
	background-color: #7f7f80;
	content: "";
	height: 254px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
#wrapBlog h1 {
	color: #fff;
	font-family: 'fmedium', sans-serif;
	font-size: 2.5em;
	margin-bottom: 24px;
	line-height: 1.05em;
	text-align: center;
	text-transform: uppercase;
}
#blogBox {
	display: grid;
	grid-gap: 0;
	grid-template-columns: repeat(4, 1fr);
	margin: auto;
	max-width: 1480px;
}
#blogBox a {
	position: relative;
}
#blogBox a .img {
	background-position: center;
	background-size: cover;
	display: block;
	padding-bottom: 76%;
	position: relative;
	transition: all 0.3s ease;
}
#blogBox a .img:before {
	background-color: rgba(28, 28, 28, .4);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	transition: all 0.3s ease;
	width: 100%;
}
#blogBox a:hover .img:before {
	background-color: rgba(28, 28, 28, .2);
}
#blogBox a p {
	color: #fff;
	font-size: 1.8em;
	font-family: 'fmedium', sans-serif;
	left: 50%;
	padding: 0 60px;
	position: absolute;
	text-align: center;
	text-shadow: 2px 2px 20px rgba(0, 0, 0, .4);
	top: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
}
@media only screen and (max-width:1300px) {
	#blogBox {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media only screen and (max-width:990px) {
	#blogBox {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media only screen and (max-width:680px) {
	#wrapBlog {
		padding: 30px 18px 20px 18px;
	}
	#wrapBlog h1 {
		margin-bottom: 18px;
	}
	#blogBox {
		grid-template-columns: repeat(1, 1fr)
	}
	#blogBox a .img {
		padding-bottom: 70%;
	}
	#blogBox a p {
		font-size: 1.6em;
		padding: 0 40px;
	}
}


/* ----------- detailBlog -----------*/
#wrapDblog {
	padding: 0 26px 40px 26px;
	position: relative;
}
#wrapDblog h1 {
	background-color: #7f7f80;
	border-bottom: 1px solid #dcdcdc;
	color: #fff;
	font-family: 'fmedium', sans-serif;
	font-size: 2.5em;
	left: -26px;
	margin-bottom: 40px;
	padding: 34px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: calc(100% + 52px);
}
#wrapDblog h1 a {
	margin-right: 16px;
	position: relative;
	top: -4px;
}
#wrapDblog h1 a i {
	color: #fff;
	font-size: .7em;
}
#detailBlog {
	display: grid;
	grid-gap: 40px;
	grid-template-columns: 240px auto;
	margin: auto;
	max-width: 1080px;
}
.blogMenu {
	padding: 59px 0 0 0;
}
.blogMenu.v2 {
	padding: 40px 0 0 0;
}
.blogMenu a {
	border: 1px solid #dcdcdc;
	color: #1f1f24;
	display: block;
	font-size: 1.12em;
	margin-bottom: 12px;
	padding: 14px 18px;
}
.blogMenu a.current {
	border-color: var(--c1);
	font-family: 'fmedium', sans-serif;
}
.blogBox {
	padding: 0 40px 40px 40px;
}
.blogBox.v2 {
	padding: 40px 40px 40px 40px;
}
.blogBox h2 {
	font-size: 1.9em;
	line-height: 1.4em;
	margin-bottom: 8px;
	text-transform: initial;
}
.blogBox h2.v2 {
	font-size: 2.35em;
}
.blogBox h2+.sideImg,
.blogBox h2+h3 {
	margin-top: 14px;
}
.blogBox h2+.sideImg.imgLeft,
.blogBox h2+.sideImg.imgRight {
	margin-top: 0;
}
.blogBox h3 {
	font-size: 1.5em;
	font-family: 'fmedium', sans-serif;
	line-height: 1.45em;
	margin-bottom: 4px;
}
.blogBox h3.center {
	display: block;
	text-align: center;
}
.blogBox p {
	font-size: 1.2em;
	line-height: 1.62em;
	margin-bottom: 20px;
}
.blogBox p:last-of-type {
	margin-bottom: 0
}
.blogBox p:last-of-type+ul,
.blogBox p:last-of-type+ol,
.blogBox p:last-of-type+h3 {
	margin-top: 22px;
}
.blogBox p:last-of-type+.embedContainer {
	margin-top: 24px;
}
.blogBox p:last-of-type+.sideImg,
.blogBox p:last-of-type+h6,
.blogBox p:last-of-type+form,
.blogBox p+h2,
.blogBox .sideImg+h2 {
	margin-top: 40px;
}
.blogBox p a {
	color: var(--c1);
	text-decoration: underline;
	transition: all 0.3s ease;
}
.blogBox p a:hover {
	color: var(--c2);
}
.blogBox>ul,
.blogBox blockquote>ul,
.blogBox ol {
	counter-reset: myCounter;
	margin-bottom: 24px;
}
.blogBox h2+ul,
.blogBox h2+ol {
	margin-top: 16px;
}
.blogBox h3+ul,
.blogBox h3+ol {
	margin-top: 12px;
}
.blogBox>ul:last-of-type,
.blogBox blockquote>ul:last-of-type,
.blogBox ol:last-of-type {
	margin-bottom: 0;
}
.blogBox ul:last-of-type+p,
.blogBox ol:last-of-type+p {
	margin-top: 24px;
}
.blogBox ul:last-of-type+.sideImg,
.blogBox ol:last-of-type+.sideImg {
	margin-top: 36px;
}
.blogBox ul:last-of-type+h2,
.blogBox ol:last-of-type+h2,
.blogBox ul:last-of-type+h3,
.blogBox ol:last-of-type+h3,
.embedContainer+h2 {
	margin-top: 40px;
}
.blogBox ul:last-of-type+.embedContainer,
.blogBox ol:last-of-type+.embedContainer {
	margin-top: 24px
}
.blogBox>ul>li,
.blogBox blockquote>ul>li {
	font-size: 1.18em;
	line-height: 1.45em;
	padding: 0 0 10px 32px;
	position: relative;
}
.blogBox>ul>li a,
.blogBox blockquote>ul>li a {
	color: var(--c1);
	text-decoration: underline;
	transition: all 0.3s ease;
}

.blogBox>ul>li a:hover,
.blogBox blockquote>ul>li a:hover {
	color: #e28223;
}
.blogBox>ul>li p,
.blogBox blockquote>ul>li p {
	font-size: 1em;
}
.blogBox>ul>li:before,
.blogBox blockquote>ul>li:before {
	background-color: var(--c2);
	content: "";
	height: 7px;
	margin-left: -18px;
	position: absolute;
	top: 8px;
	width: 7px;
}
.blogBox .sideImg.imgLeft {
	margin: 6px 38px 24px 0;
}
.blogBox ol>li {
	counter-increment: myCounter;
	font-size: 1.18em;
	hyphens: auto;
	line-height: calc(1.5em + .2vw);
	list-style: none;
	padding: 0 0 10px 32px;
	position: relative;
}
.blogBox ol>li:before {
	content: counter(myCounter)".";
	left: 0;
	position: absolute;
	text-align: right;
	top: 0;
	width: 22px;
}
.blogBox ol>li a {
	color: var(--c1);
	text-decoration: underline;
	transition: all 0.3s ease;
}
.blogBox ol>li a:hover {
	color: var(--c2);
}
.blogBox ol>li>ul {
	margin-top: 12px;
}
.blogBox ol>li>ul>li {
	font-size: 1em;
}
.blogBox .embedContainer {
	margin-bottom: 24px;
	width: 100%;
}
.blogBox iframe {
	width: 100%;
}
.sideImg {
	margin: 36px 0 24px 0;
	width: 100%;
}
.sideImg.imgLeft,
.sideImg.imgRight {
	border: none;
	width: 46%;
}
.sideImg.imgLeft {
	float: left;
	margin: 6px 24px 24px 0;
}
.sideImg.imgRight {
	float: right;
	margin: 6px 0 24px 24px;
}
.sideImg.imgLeft+p:after,
.sideImg.imgRight+p:after,
.sideImg.imgRight+h2+p:after {
	content: "";
	clear: both;
	display: block;
}
.sideImg a {
	display: block;
	z-index: 20;
}
.sideImg img {
	display: block;
	transition: all 0.3s ease;
	width: 100%;
}
.sideImg.imgLeft img,
.sideImg.imgRight img {
	left: 0;
	top: 0;
}
@media only screen and (max-width:1040px) {
	.blogBox {
		padding: 0 0 30px 0;
	}
	.blogBox.v2 {
		padding: 40px 0 30px 0;
	}
}
@media only screen and (max-width:830px) {
	#detailBlog {
		grid-template-columns: 1fr
	}
	.blogMenu {
		padding: 0
	}
	.blogMenu.v2 {
		padding: 0;
		padding-top: 20px;
	}
}
@media only screen and (max-width:650px) {
	#wrapDblog h1 {
		font-size: 2.3em;
		padding: 34px 24px;
		text-transform: initial;
	}
	.sideImg.imgLeft,
	.sideImg.imgRight {
		width: 100%;
	}
	.sideImg.imgLeft {
		float: initial;
		margin: 6px 0 24px 0;
	}
	.sideImg.imgRight {
		float: initial;
		margin: 6px 0 24px 0;
	}
}
@media only screen and (max-width:520px) {
	#wrapDblog {
		padding: 0 26px 26px 26px;
	}
	#wrapDblog h1 {
		font-size: 2.1em;
		margin-bottom: 26px;
	}
	#detailBlog {
		grid-gap: 30px;
	}
	.blogBox,
	.blogBox.v2 {
		padding: 0;
	}
	.blogBox h2 {
		font-size: 1.7em;
	}
	.blogBox h2.v2 {
		font-size: 1.9em;
	}
	.blogBox p {
		font-size: 1.1em;
	}
	.blogBox>ul>li,
	.blogBox blockquote>ul>li {
		font-size: 1.1em;
	}
}


/* ----------- benefits -----------*/
#benefits {
	display: grid;
	gap: 70px;
	grid-template-columns: repeat(4, 1fr);
	padding: 40px 0;
}
#benefits p {
	font-size: 1.15em;
	line-height: 1.35em;
	margin-top: 10px;
}
#benefits img {
	max-height: 42px;
}
@media only screen and (max-width:1180px) {
	#benefits {
		gap: 34px
	}
}
@media only screen and (max-width:960px) {
	#benefits {
		grid-template-columns: repeat(2, auto);
		justify-content: center
	}
}
@media only screen and (max-width:540px) {
	#benefits {
		gap: 22px;
	}
	#benefits p {
		font-size: 1.05em;
		margin-top: 5px;
	}
	#benefits img {
		max-height: 36px;
	}
}


/* ----------- secondBanner -----------*/
#secondBanner img {
	width: 100%;
}


/* ----------- discountBanner -----------*/
.discountBanner {
	margin: auto;
	max-width: 1280px;
	padding: 30px 0 0 0;
}
.discountBanner img {
	width: 100%;
}
@media only screen and (max-width:880px) {
	.discountBanner {
		padding: 3px 0 0 0
	}
}


/* ----------- productInfoBox -----------*/
.productInfoBox {
	border: 1px solid #1f1f24;
	display: grid;
	gap: 22px;
	grid-template-columns: 200px auto;
	margin-top: 40px;
	padding: 30px 36px;
}
.productInfoBox .logoBrand img {
	width: 100%;
}
.productInfoBox h4 {
	font-family: 'fmedium', sans-serif;
	font-size: 1.6em;
	margin-bottom: 10px;
}
.productInfoBox p {
	font-size: 1.14em;
	line-height: 1.5em;
}
@media only screen and (max-width:1010px) {
	.productInfoBox {
		padding: 20px 26px;
	}
	.productInfoBox h4 {
		font-size: 1.5em;
	}
	.productInfoBox p {
		font-size: 1.05em;
	}
}
@media only screen and (max-width:750px) {
	.productInfoBox {
		gap: 10px;
		grid-template-columns: auto;
	}
	.productInfoBox h4 {
		text-align: center;
	}
	.productInfoBox .logoBrand img {
		margin: auto;
		max-width: 160px;
	}
}


/* ----------- productIcons -----------*/
.productIcons {
	display: grid;
	gap: 30px;
	grid-template-columns: repeat(3, 1fr);
	margin-top: 24px;
}
.productIcons>div {
	display: grid;
	gap: 14px;
	grid-template-columns: 30px auto;
}
.productIcons img {
	width: 30px;
}
.productIcons .title {
	font-family: 'fmedium', sans-serif;
	margin: 4px 0 4px 0;
}
.productIcons p {
	line-height: 1.3em;
}
.productIcons p a {
	color: #1f1f24;
	text-decoration: underline;
}
.productIcons p a:hover {
	color: var(--c1);
}
@media only screen and (max-width:1040px) {
	.productIcons {
		display: none;
	}
}


/* ----------- landing -----------*/
#landing {
	display: grid;
	height: 100vh;
}
.lContent {
	background-color: rgba(255, 255, 255, .9);
	border: 1px solid #dcdcdc;
	margin: auto;
	max-width: 440px;
	padding: 32px 36px 38px 36px;
	position: relative;
}
.vLogo {
	fill: var(--c1);
	margin: 0 auto 16px auto;
	width: 280px;
}
.lContent p {
	font-size: 1.27em;
	line-height: 1.35em;
}
.lPhoto {
	bottom: -117px;
	position: absolute;
	right: -70px;
	z-index: -1;
}
.lPhoto img {
	width: 250px;
}
@media only screen and (max-width:480px) {
	#landing {
		padding: 14px
	}
	.lContent {
		padding: 22px 26px 28px 26px
	}
	.vLogo {
		width: 220px
	}
	.lContent p {
		font-size: 1.2em
	}
}


/* ----------- error404 -----------*/
.error404 {
	border: 1px solid #e9e9e9;
	margin: 70px auto;
	max-width: 800px;
	padding: 30px 24px 80px 24px;
	text-align: center;
}
.error404 .title {
	font-family: 'fmedium';
	font-size: 3em;
	line-height: 3.1em;
	margin-bottom: 24px;
}
.error404 .title span {
	display: table;
	font-size: 6em;
	margin: auto;
}
.error404 p {
	font-size: 1.3em;
}
.error404 .btn {
	background-color: var(--c1);
	color: #fff;
	cursor: pointer;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: .92em;
	margin: 20px auto 0 auto;
	padding: 9px 17px 10px 17px;
	position: relative;
	top: 0;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.error404 .btn:hover {
	background-color: #7f7f80;
}
@media only screen and (max-width:840px) {
	.error404 {
		margin: 70px 20px;
	}
}
@media only screen and (max-width:750px) {
	.error404 {
		padding: 30px 24px 64px 24px;
	}
	.error404 .title {
		font-size: 2em;
	}
}
@media only screen and (max-width:500px) {
	.error404 {
		margin: 30px 20px;
		padding: 30px 24px 54px 24px;
	}
	.error404 .title {
		font-size: 1.5em;
	}
	.error404 .title span {
		font-size: 5em;
	}
	.error404 p {
		font-size: 1.2em;
	}
}


/*-------------- glass -----------*/
.glassWindow {
	background-color: #f0f0f0;
	border: 10px solid transparent;
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 10010;
}
.glassWindow .content {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	height: 100%;
}
.glassWindow .content.open {
	grid-template-columns: auto 45% 320px;
}
.glassWindow .productBox {
	background-color: #fff;
	display: grid;
	overflow: hidden;
	padding: 50px;
	text-align: center;
}
.glassWindow .productBox .pWrap {
	margin: auto;
}
.glassWindow .productBox img {
	margin: -24% auto 0 auto;
	max-width: 600px;
	width: 100%;
}
.glassWindow .productBox h4 {
	font-family: 'fmedium', sans-serif;
	font-size: 2.1em;
	line-height: 1.2em;
	margin-bottom: 4px;
	margin-top: -7%;
	text-transform: uppercase;
}
.glassWindow .productBox .brand {
	font-size: 1.13em;
	letter-spacing: 1px;
	margin-top: -3px;
}
.glassWindow .productBox .price {
	color: var(--c1);
	font-size: 1.35em;
	font-family: 'fmedium', sans-serif;
	margin-top: 12px;
}
.glassWindow .selectedOptions {
	background-color: #fff;
	font-size: 1.05em;
	padding: 50px 30px;
	position: relative;
}
.glassWindow .selectedOptions .title {
	font-family: 'fmedium', sans-serif;
	font-size: 1.2em;
	margin-bottom: 6px;
}
.glassWindow .selectedOptions li {
	border-bottom: 1px solid #dedede;
	padding: 13px 0;
}
.glassWindow .selectedOptions li p {
	display: grid;
	font-family: 'fmedium', sans-serif;
	grid-template-columns: 60% auto;
	margin-top: 6px;
}
.glassWindow .selectedOptions li p .addAmount {
	text-align: right;
}
.glassWindow .selectedOptions li a {
	margin-left: 3px;
}
.glassWindow .selectedOptions li a:hover {
	text-decoration: underline;
}
.glassWindow .backArrow {
	left: 40px;
	line-height: .5px;
	padding: 12px;
	position: absolute;
	top: 4px;
	z-index: 10;
}
.glassWindow .backArrow svg {
	height: 16px;
}
.glassWindow .backArrow:hover svg {
	fill: var(--c1);
}
.glassWindow .optionBox {
	background-color: #f0f0f0;
	overflow-y: auto;
	padding: 50px;
	position: relative;
}
.glassWindow .optionBox .introText.v2 {
	font-size: .9em;
}
.glassWindow .optionBox .introText.v2 a {
	text-decoration: underline;
}
.glassWindow .optionBox .introText.v2 a:hover {
	text-decoration: none;
}
.glassWindow .optionBox .introText h2 {
	font-size: 2.2em;
	margin-bottom: 14px;
	margin-top: -8px;
	text-transform: initial;
}
.glassWindow .optionBox .introText p {
	font-size: 1.25em;
	line-height: 1.45em;
	margin-bottom: 20px;
}
.glassWindow .optionBox .introText a {
	text-decoration: underline;
}
.glassWindow .optionBox .introText a:hover {
	text-decoration: none;
}
.glassWindow .closeWindow {
	line-height: .5px;
	padding: 12px;
	position: absolute;
	right: 4px;
	top: 4px;
	z-index: 10;
}
.glassWindow .closeWindow svg {
	height: 16px;
}
.glassWindow .closeWindow:hover svg {
	fill: var(--c1);
}
.glassWindow .totalAmount {
	background-color: #fff;
	bottom: 0;
	left: 0;
	position: absolute;
	text-align: right;
	width: 100%;
}
.glassWindow .totalAmount p {
	border-top: 1px solid #96969d;
	font-size: 1.3em;
	padding: 14px 30px 14px 0;
}
.glassWindow .totalAmount em {
	display: block;
	font-style: normal;
}
.glassWindow .totalAmount span {
	font-family: 'fmedium';
}
.glassWindow .totalAmount a {
	background-color: #1f1f24;
	color: #fff;
	display: table;
	font-family: 'fmedium', sans-serif;
	margin: 0 30px 10px auto;
	padding: 9px 18px 10px 18px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.glassWindow .totalAmount a:hover {
	background-color: var(--c1);
}
@media only screen and (max-width:1368px) {
	.glassWindow .productBox img {
		width: 80%
	}
}
@media only screen and (max-width:1160px) {
	.glassWindow {
		overflow: scroll;
	}
	.glassWindow .content,
	.glassWindow .content.open {
		grid-template-columns: 1fr;
		height: initial;
	}
	.glassWindow .optionBox {
		padding: 50px 8px 0 8px;
	}
	.glassWindow .productBox {
		padding: 50px 30px 30px 30px;
	}
	.glassWindow .selectedOptions {
		margin: 0 7px;
		padding: 24px 24px 5px 24px;
	}
	.glassWindow .totalAmount {
		position: relative;
	}
	.glassWindow .backArrow {
		left: 0;
	}
}
@media only screen and (max-width:600px) {
	.glassWindow .optionBox .introText h2 {
		font-size: 1.7em;
	}
	.glassWindow .optionBox .introText p {
		line-height: 1.2em;
	}
	.glassWindow .totalAmount p {
		font-size: 1.25em;
		padding: 14px 0 14px 0;
	}
	.glassWindow .totalAmount a {
		margin: 0 0 10px auto;
	}
}


/*-------------- gOptions -----------*/
.gOptions .item {
	align-items: center;
	background-color: #fff;
	box-shadow: 0 0 0 1px #fff,
				0 0 10px rgba(40, 40, 40, .07);
	color: #1f1f24;
	cursor: pointer;
	display: grid;
	gap: 18px;
	grid-template-columns: 80px auto;
	margin-bottom: 20px;
	padding: 18px 22px 16px 22px;
	position: relative;
	transition: all 0.3s ease;
}
.gOptions .item:hover {
	box-shadow: 0 0 0 1px var(--c2),
		0 0 10px rgba(40, 40, 40, .07);
}
.gOptions .aloneLink {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.gOptions .photo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	border: 10px solid #fff;
	min-height: 80px;
}
.gOptions .item .title {
	font-family: 'fmedium';
	font-size: 1.3em;
	margin: -4px 0 1px 0;
}
.gOptions .item .title.two {
	align-items: start;
	display: grid;
	grid-template-columns: auto 120px;
}
.gOptions .item .title.two .price {
	color: #444343;
	display: block;
	font-family: 'flight';
	font-size: .9em;
	text-align: right;
}
.gOptions .item .title.two .price.through {
	color: #8e8e8e;
	text-decoration: line-through;
}
.gOptions .item .title.two .price em {
	color: var(--c2);
	display: inline-block;
	font-style: normal;
	margin-right: 3px;
	position: relative;
	top: -1px;
}
.gOptions .item .title.two .price.through em {
	color: #8e8e8e;
}
.gOptions .item .title .promo {
	background-color: var(--c2);
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	font-family: 'flight';
	font-size: .65em;
	line-height: 1em;
	margin-left: 10px;
	padding: 5px 6px;
	position: relative;
	text-transform: uppercase;
	top: -6px;
	transition:all 0.3s ease;
}
.gOptions .item .title .promo:hover {
	background-color: #4b4b4d;
}
.gOptions .item .title .promo i {
	margin-left: 7px;
}
.gOptions .item p {
	line-height: 1.3em;
}
.gOptions .item .description {
	font-family: 'flight';
	font-size: .93em;
	padding-top: 2px;
}
.gOptions .item ul {
	margin-top: 5px;
}
.gOptions .item ul li {
	font-size: 1.2em;
	padding: 3px 0 3px 17px;
	position: relative;
}
.gOptions .item ul li::before {
	background-color: var(--c1);
	content: "";
	height: 2px;
	left: 0;
	position: absolute;
	top: 12px;
	width: 8px;
}
@media only screen and (max-width:600px) {
	.gOptions .item {
		align-items: start;
		gap: 12px;
		grid-template-columns: 60px auto;
		margin-bottom: 14px;
		padding: 14px 18px 12px 12px
	}
	.gOptions .item .title {
		font-size: 1.2em;
		margin: -4px 0 3px 0;
	}
	.gOptions .item p {
		font-size: 1.15em;
		line-height: 1.1em;
	}
	.gOptions .photo {
		border: 5px solid #fff;
		min-height: 60px;
	}
	.gOptions .item .title.two {
		grid-template-columns: 1fr;
	}
	.gOptions .item .description {
		padding-bottom: 10px;
		padding-top: 4px;
	}
	.gOptions .item .title.two .price {
		text-align: left;
	}
}


/*-------------- eyeOpts -----------*/
.eTitle {
	font-family: 'fmedium', sans-serif;
	font-size: .95em;
	margin: 20px 0 5px 0;
	text-transform: uppercase;
}
.eyeOpts {
	display: grid;
	gap: 5px 14px;
	grid-template-columns: repeat(3, auto);
	justify-content: start;
}
.wrapEyes select,
.wrapEyes input[type="text"],
.wrapEyes input[type="number"] {
	background-color: #fff;
	border: 1px solid #1f1f24;
	border-radius: 0;
	font-size: 1.05em;
	max-width: 84px;
	padding: 6px 8px;
	transition: all 0.3s ease;
}
.wrapEyes select {
	background-image: url(../img/arrow.png);
	background-position: right center;
	background-repeat: no-repeat;
	background-size: 23px;
	padding: 6px 24px 6px 8px;
}
.errorWindow {
	background: #fff;
	border: 2px solid var(--c2);
	color: var(--c1);
	font-size: 1.15em;
	line-height: 1.4em;
	padding: 14px 20px;
}
.wrapDP {
	align-items: center;
	display: grid;
	font-size: 1.2em;
	gap: 14px;
	grid-template-columns: repeat(2, auto);
	justify-content: start;
}
.wrapDP.start {
	align-items: start
}
.wrapDP.second {
	margin-top: 14px;
}
.wrapDP p {
	font-size: .95em;
	margin-bottom: 4px;
}
.wrapDP p a {
	text-decoration: underline;
}
.wrapDP p a:hover {
	text-decoration: none;
}
.wrapDP.second p {
	font-size: .88em;
}
.altCheck {
	display: table;
	font-size: 1.1em;
	margin-top: 14px;
}
.contBtn {
	background-color: #1f1f24;
	color: #fff;
	display: table;
	font-family: 'fmedium', sans-serif;
	font-size: 1.1em;
	margin: 12px 0 22px 0;
	padding: 10px 18px;
	text-transform: uppercase;
	transition: all 0.3s ease;
}
.contBtn:hover {
	background-color: var(--c1);
}
.lHTxt {
	line-height: 1.3em;
}
.divisor2 {
	background-color: #c9c9c9;
	border: 0;
	height: 1px;
	margin: 22px 0;
}
.uploadMessage {
	background-color: #fff;
	border: 1px solid #b2b2b2;
	font-size: 1.2em;
	margin-bottom: 14px;
	padding: 18px 22px 16px 22px;
}
.uploadMessage .mText svg {
	display: inline-block;
	fill: var(--c1);
	margin-right: 6px;
	vertical-align: middle;
	width: 28px;
}
.uploadMessage .mText span {
	color: var(--c1);
	display: inline-block;
	font-family: 'fmedium', sans-serif;
	vertical-align: middle;
}
.uploadMessage .upCols {
	align-items: center;
	display: grid;
	font-size: .95em;
	gap: 12px;
	grid-template-columns: 40px auto;
	margin-top: 20px;
}
.uploadMessage .upCols a {
	color: #666;
	display: block;
	font-size: .9em;
	margin-top: 3px;
	text-decoration: underline;
}
.uploadMessage .upCols a:hover {
	color: var(--c1);
}
.finalMessage {
	background-color: #fff;
	border: 2px solid var(--c2);
	font-size: 1.25em;
	margin-bottom: 14px;
	padding: 18px 22px 16px 22px;
	text-align: center;
}
.finalMessage svg {
	fill: var(--c1);
	margin: 0 auto 6px auto;
	width: 40px;
}
.finalMessage p {
	font-family: 'fmedium', sans-serif;
	margin: auto;
	max-width: 40ch;
}
@media only screen and (max-width:520px) {
	.finalMessage {
		font-size: 1.25em;
	}
}


/*-------------- selColors -----------*/
.selColors {
	display: grid;
	gap: 18px;
	grid-template-columns: repeat(4, 1fr);
	margin-bottom: 20px;
}
.selColors a {
	background-color: #fff;
	box-shadow: 0 0 0 1px transparent;
	color: #1f1f24;
	padding: 20px;
	text-align: center;
	transition: all 0.3s ease;
}
.selColors a:hover {
	box-shadow: 0 0 0 1px #888;
}
.selColors a .cImg {
	margin: 0 auto 4px auto;
	max-width: 102px;
}
.selColors a p {
	margin-top: 8px;
}
@media only screen and (max-width:600px) {
	.selColors {
		grid-template-columns: repeat(3, 1fr)
	}
}
@media only screen and (max-width:430px) {
	.selColors {
		gap: 12px;
		grid-template-columns: repeat(2, 1fr)
	}
}

/* Loader */
.wrapLoader {
	padding: 50px 30px;
}
.custom-loader {
	border-radius: 50%;
	background:
	radial-gradient(farthest-side,var(--c1) 94%,#0000) top/8px 8px no-repeat,
	conic-gradient(#0000 30%,var(--c1));
	-webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
	animation:s3 1s infinite linear;
	height: 50px;
	margin: auto;
	width: 50px;
}
@keyframes s3{
	100%{transform: rotate(1turn)}
}


/*----------- filepond -----------*/
.filepond--root {
	margin-bottom: 24px !important;
}
.filepond--root .filepond--credits {
	display: none !important;
}
.filepond--drip {
	background-color: #fff !important;
	opacity: 1 !important;
}
.filepond--drop-label.filepond--drop-label label {
	color: var(--c1) !important;
	font-weight: 700;
}
.filepond--drop-label.filepond--drop-label label i {
	margin-right: 8px;
}
.filepond--item {
	width: calc(25% - 0.5em);
}
.filepond--image-preview-wrapper {
	background-color: #333e50 !important;
}
.filepond--image-preview {
	background: transparent !important;
}
.filepond--image-preview-overlay-idle {
	color: rgba(51,62,80,0.85) !important;
}
.filepond--item-panel {
	background-color: #404e65 !important;
}
@media only screen and (max-width:800px) {
	.filepond--item { width: calc(50% - 0.5em) }
}
@media only screen and (max-width:500px) {
	.filepond--item { width: calc(100% - 0.5em) }
}


/*----------- brands -----------*/
.brands {
	display: grid;
	grid-template-columns: repeat(auto-fill,minmax(256px, 1fr));
}
.brands img {
	filter: grayscale(100%);
	transition:all 0.3s ease;
	width: 100%;
}
.brands img:hover {
	transform: scale(1.07)
}
@media only screen and (max-width:578px) {
	.brands {
		display: grid;
		grid-template-columns: repeat(2,1fr);
	}
}


/*----------- steps -----------*/
.steps {
	display: grid;
	grid-template-columns: repeat(2, auto);
	justify-content: center;
	margin-bottom: 30px;
	position: relative;
}
.steps p {
	background-color: #ededed;
	color: #1f1f24;
	font-size: .95em;
	font-family: 'fmedium';
	margin-right: 8px;
	min-height: 40px;
	min-width: 146px;
	line-height: 40px;
	padding: 0 12px 0 37px;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	user-select: none;
}
.steps p:first-of-type { padding: 0 12px 0 20px }
.steps p.current {
	background-color: #4b4b4d;
	color: #fff;
	padding: 0 12px 0 20px;
}
.steps p:last-of-type.current { padding: 0 12px 0 37px }
.steps p:after {
	content: "";
	position: absolute;
	top: 0;
	right: -20px;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	border-left: 20px solid #ededed;
	border-left-color: rgb(237,237,237);
	z-index: 2;
	transition: border-color .2s ease;
}
.steps p.current:after {
	border-left-color: rgb(75,75,77);
}
.steps p:before {
	content: "";
	position: absolute;
	top: 0;
	width: 0;
	height: 0;
	border-top: 20px solid transparent;
	border-bottom: 20px solid transparent;
	transition: border-color .2s ease;
	right: auto;
	left: 0;
	border-left: 20px solid #fff;
	z-index: 0;
}
.steps p:first-of-type:before {
	display: none;
}
.steps p span {
	box-shadow: 0 0 0 1px #4b4b4d;
	border-radius: 50%;
	color: #4b4b4d;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	margin-right: 10px;
	padding: 0;
	text-align: center;
	width: 20px;
}
.steps p.current span {
	box-shadow: 0 0 0 1px #fff;
	color: #fff;
}
.steps p em { font-style: normal }


/*----------- Flex -----------*/
.tFlex {
	align-items: center;
	display: flex;
	justify-content: space-between;
	gap: 4px;
	margin-bottom: 16px;
}
.fLink {
	font-size: 1.15em;
}
.fLink a {
	color: #fff;
	margin-left: 8px;
	margin-right: 8px;
	position: relative;
}
.fLink a::before {
	background-color: var(--c1);
	content: "";
	height: 100%;
	left: -8px;
	padding: 3px 8px;
	position: absolute;
	top: -1px;
	transition:all 0.3s ease;
	width: 100%;
	z-index: -1;
}
.fLink a:hover::before {
	background-color: #4b4b4d;
}
@media only screen and (max-width:578px) {
	.tFlex { flex-direction: column }
}