@font-face {

  font-family: 'AlegreyaSans';

  src: url('fonts/AlegreyaSans-Light.otf') format('truetype');

  font-weight: 200;

}



@font-face {

	font-family: 'AlegreyaSans';

	src: url('fonts/AlegreyaSans-Regular.otf') format('truetype');

	font-weight: 400;

}



@font-face {

	font-family: 'AlegreyaSans';

	src: url('fonts/AlegreyaSans-Medium.otf') format('truetype');

	font-weight: 500;

}



@font-face {

	font-family: 'AlegreyaSans';

	src: url('fonts/AlegreyaSans-Bold.otf') format('truetype');

	font-weight: 700;

}



ul li {

	padding-bottom: 5px;

}

  

:root {

	--header-height: 0; /* Default value, will be updated dynamically */

	--calc-height: 0;

}



.calcVH {

	height: var(--calc-height);

}



.tCalc {

	z-index: 2;

}

.w1440 {
	margin-left: auto;
    margin-right: auto;
    max-width: 1440px;
}



.border-bottom-white {

	border-bottom: 3px solid #fff;

}



#loading-page {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background: rgba(0,0,0,0.5);

  z-index: 9999;

  display: none;

}



.loader {

  border: 16px solid #f3f3f3;

  border-top: 16px solid #3498db;

  border-radius: 50%;

  width: 120px;

  height: 120px;

  animation: spin 2s linear infinite;

  position: absolute;

  top: 50%;

  left: 50%;

  margin-top: -60px;

  margin-left: -60px;

}



@keyframes spin {

  0% { transform: rotate(0deg); }

  100% { transform: rotate(360deg); }

}



#closePopUP {

	background-color: #212121;

	border-radius: 100%;

	display: flex;

	justify-content: center;

    align-items: center;

	cursor: pointer;

}



#closePopUP img {

	padding: 5px;

	

}



.PopUP {

	position: fixed;

	left: 0;

	top: 0;

	z-index: 9998;

	width: 100%;

	min-height: 100vh;

	height: 100%;

	display: flex;

	justify-content: center;

    align-items: center;

	background-color: rgba(0,0,0,0.25);

}



.PopUP .tForma {

	background-color: #fbfbfb;

	padding: 32px;

	height: auto;

	min-width: 50%;

	box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 20%);

}



.PopUP .cForma {

	background-color: #fbfbfb;

	padding: 32px;

	height: auto;

	min-width: 50%;

	box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 20%);

}





* {

	box-sizing: border-box;

	min-height: 0;

	min-width: 0;

}



body, html {

	min-height: 100vh;

	display: flex;

	flex-direction: column;

}



main {

	flex: 1;

}



a {

	text-decoration: none;

	color: #212121;

}



body {

	padding: 0;

	margin: 0;

	font-weight: 400;

	font-size: 15px;

	font-family: -apple-system, BlinkMacSystemFont, "segoe ui", roboto, oxygen, ubuntu, cantarell, "fira sans", "droid sans", "helvetica neue", Arial, sans-serif;

    color: #212121;

    line-height: 1.5;

    letter-spacing: 0;

    background-position: center;

	background-size: cover;

	background-repeat: no-repeat;

	background-attachment: fixed;

}



body .body-fixed {

	max-height: 100vh;

}



p, span, div, h1, h2, h3, h4, h5, h6, li, ul, img, td , th, table, tr, tbody {

	padding: 0;

	margin: 0;

	max-width: 100%;

	-webkit-font-smoothing: antialiased;

}



ul {

	margin-left: 16px!important;

	margin-top: 16px!important;

	margin-bottom: 16px!important;

}





.error a {

	color: #ea3a3c;

}



.h100 {

	flex: 1;

}



.min-height-100px {

	min-height: 100px;

}



.margin-top-auto {

	margin-top: auto;

}



.f-w100 {

	flex-basis: 100%;

}



.w100 {

	width: 100%!important;

}



.w200 {

	width: 200px;

}



.w50 {

	width: calc(50% - 8px);;

}



.w33 {

	width: calc(33% - 8px);;

}



.w25 {

	width: calc(25% - 8px);;

}



.w20 {

	width: calc(20% - 13px);

}

.w10 {

	width: 10%;

}



.w-box {

	max-width: 300px;

}



.w-fit {

	width: fit-content;

}



.dark-background {

	background: #212121;

	color: #fff;

}



.orange-background {

	background: #ff7c00;

	color: #fff;

    letter-spacing: 2px;

}



.black-background {

	background-color: rgba(0, 0, 0, 1);

	color: #fff;

}



.background {

	background: #fff;

}



.grey-background {

	background-color: #ecdcff7d;

	color: #212121;

}



.blue-background {

	background-color: #428bca;

	color: #fff;

}



.red-background {

	background-color: #ea3a3c;

	color: #fff;

}





.bright-blue-background {

	background-color: #004890;

	color: #fff;

}



.dark-blue-background {
    background: linear-gradient(98deg, #6A0DAD, #8E2DE2);
    color: #fff;
}



.dark-blue-background-important {

	background-color: #002642;

	color: #fff !important;

}



.dark-blue-background-important a {

	color: #fff !important;

}



.light-background {

	background-color: #fbfbfb;

}



.dark-transparent {

	background: linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70));

}



.dark-light-transparent {

	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4));

}



.dark-light-background {

	background: #31313194;

}



.hover-background:hover {

	background-color: #006f21;

}



.overlap-background {

	background-image: url(owe-8-scaled.jpg);

    background-size: cover;

}



.center {

	margin-left: auto;

	margin-right: auto;

}



.flex-center {

	justify-content: center;

}



.flex-space {

	justify-content: space-around;

}

.flex-between {

	justify-content: space-between;

}



.content-center {

	text-align: center;

}



.absolute {

	position: absolute;

}



.absolute-bottom {

	bottom: 0;

}



.absolute-left {

	left: 0;

}



.absolute-top {

	top: 0;

}



.top-ab {

	top: 25%;

}



.fixed-all {

	top: 0;

	position: fixed;

	left: 0;

	z-index: 100;

	height: 100%;

}



.main-padding {

	padding-top: 16px;

	padding-bottom: 16px;

}



.lock-width {

	min-width: 47px;

}



.top-padding {

	padding-top: 16px;

}



.bottom-padding {

	padding-bottom: 16px;

}



.side-padding {

	padding-left: 16px;

	padding-right: 16px;

}



.less-padding {

	padding-left: 8px;

	padding-right: 8px;

}



.left-mini-padding {

	padding-left: 8px;

}



.extra-padding {

	padding-top: 32px;

	padding-bottom: 32px;

}



.extra-side {

	padding-left: 32px;

	padding-right: 32px;

}



.extra-top {

	padding-top: 32px;

}



.extra-less-top {

	padding-top: 24px;

}



.main-top {

	padding-top: 16px;

}



.main-bottom {

	padding-bottom: 16px;

}



.margin-bottom {

	margin-bottom: 16px;

}



.margin-top {

	margin-top: 16px;

}



.main-left {

	padding-left: 5px;

}



.flex {

	display: flex;

	flex-wrap: wrap;

}



.reverse {

	flex-direction: row-reverse;

}



.column {

	flex-direction: column;

}





.nowrap {

	flex-wrap: nowrap!important;	

}



.location_logo {

    padding-bottom: 30px;

    width: 100%;

    height: auto;

    background-size: auto 20px;

    background-position: bottom right;

    background-repeat: no-repeat;

}



.nowraps {

	flex-wrap: nowrap!important;	

}



.wrap-reverse {

	flex-wrap: wrap-reverse!important;	

}



.align-center {

	align-items: center;

}



.content {

	max-width: 1920px!important;

	width: 100%;

	padding-left: 32px;

	padding-right: 32px;

	margin-left:auto;

	margin-right: auto;

}



.min-content {

	max-width: 1280px!important;

	width: 100%;

	margin-left:auto;

	margin-right: auto;

}



.home-title {

	font-size: 32px;

	line-height: 38px;

	font-weight: 400;

	font-family: 'AlegreyaSans';

}



.line-height-40 {

	line-height: 40px;

}



.hover-orange:hover {

	background-color: rgba(223, 74, 10);

}

.home-rev {

	font-size: 24px;

	line-height: normal;

	font-family: 'AlegreyaSans';

}



.reviewer::before {

    font-family: Georgia, 'Times New Roman', Times, serif;

    content: '“ ';

    font-size: 22px;

}

.reviewer::after {

    font-family: Georgia, 'Times New Roman', Times, serif;

    content: ' „';

    font-size: 22px;

}



.home-desc {

	font-size: 18px;

	line-height: 24px;

	font-weight: 400;

	font-family: 'AlegreyaSans';

	letter-spacing: 1px;

}



.cursor {

	cursor: pointer;

}



.justify-end {

	justify-content: flex-end;

}



.grow {

	flex-grow: 1;

}



.m-800 {

	max-width: 800px;

}



.m-50 {

	max-width: 100%;

}



.border {

	box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 20%);

}



.f700 {

	font-weight: 700;

}



.f500 {

	font-weight: 500;

}



.fixed-top {

	position: sticky;

	top: 0;

}



.fixed-bottom {

	position: sticky;

	bottom: 0;

}



h5, .h5 {

	font-size: 12px;

	line-height: 17px;

}



h4, .h4 {

	font-size: 15px;

	line-height: 20px;

}



h3, .h3 {

	font-size: 18px;

	line-height: 23px;

}



h2, .h2 {

	font-size: 25px;

	line-height: 30px;

	font-weight: 500;

	letter-spacing: 0;

	text-transform: capitalize;

}



h1, .h1 {

	font-size: 32px;

	line-height: 37px;

	font-weight: 500;

	letter-spacing: 0;

	text-transform: capitalize;

}



.letter-spacing {

	letter-spacing: 1px;

}



.letter-spacing-1 {

	letter-spacing: 1.5px;

}



.gap {

	gap: 16px;

}



.gap-32 {

	gap: 32px;

}



.gap-8 {

	gap: 8px;

}



.gap-32-smaller {

	gap: 0px 32px;

}



.gap-16-64 {

	gap: 16px 64px;

}



.gap-16-128 {

	gap: 16px 128px;

}



.align-start {

	align-items: flex-start;

}



.relative {

	position: relative;

}



.sticky {

	position: sticky;

	position: -webkit-sticky;

	top: 16px;

}



.fixed {

	z-index: 100;

}



.pFixed {

	position: fixed;

}



.text-left {

	text-align: left;

}



.text-right {

	text-align: right;

}



.blue {

	color: #428bca;

}



.dark-blue {

	color: #002642;

}



.red {

	color: #ea3a3c;

}



.grey {

	color: #414141;

}



.white {

	color: #fff;

}



.left-top {

	align-items: flex-start;

	justify-content: flex-start;

}



.left-center {

	align-items: flex-start;

	justify-content: center;

}



.left-bottom {

	align-items: flex-start;

	justify-content: flex-end;

}



.right-top {

	align-items: flex-end;

	justify-content: flex-start;

}



.right-center {

	align-items: flex-end;

	justify-content: center;

}



.right-bottom {

	align-items: flex-end;

	justify-content: flex-end;

}



.center-top {

	align-items: center;

	justify-content: flex-start;

}



.center-center {

	align-items: center;

	justify-content: center;

}



.center-bottom {

	align-items: center;

	justify-content: flex-end;

}



.align-end {

	align-items: flex-end;

}



.transparent {

	background-color: transparent;

}



.mobile {

	display:none!important;

}



.mobile-flex {

	display:none!important;

}



.show {

	display: block!important;

}



.show-flex {

	display: flex!important;

}



.hide {

	display: none;

}



.hide.active {

	display: block;

}



.d-relative {

	position: relative;

}



.lower {

	text-transform: capitalize;

}



.input-line {

	border: 0;

	padding: 16px;

	box-shadow: 0px 0px 4px 0px rgb(0 0 0 / 15%);

	background-color: #fff;

}

.input-line.accept {

	color: #fff;

	background-color: #212121;

	text-transform: capitalize;

	font-size: 12px;

	cursor: pointer;

}



.border-bottom {

	border-bottom: 1px solid #dbdbdb;

}



.slider-disabled {

	pointer-events: none;

	user-select: none;

}



.slider-disabled .product {

	pointer-events: all;

	user-select: all;

}



.center-img {

	display: flex;

	align-items: center;

	justify-content: center;

	background-color: #fff;

}



.center-img img {

	display:flex;

	width: auto;

	height: auto;

}



.min-width-50 {

	max-width: 50%;

	min-width: 50%;

}



.icon-inputs input {

	border: 0px;

	padding: 8px 16px;

	margin: 0;

	flex-grow: 1;

	background-color: #fff;

}



.icon-inputs img {

	border-right: 1px solid #fbfbfb;

	height: 100%;

	max-height: 26px;

	padding: 3px 8px;

}



.quantity-button {

	border-radius: 5px;

}



.quantity-button .decrement-btn {

	border-radius: 5px 0 0 5px;

}



.quantity-button .increment-btn {

	border-radius: 0px 5px 5px 0px;

}





.quantity-button input, .quantity-button .decrement-btn, .quantity-button .increment-btn {

	text-align: center;

	background-color: #fff;

	padding-bottom: 8px;

	padding-top: 8px;

	border: 0px;

}



.quantity-button .decrement-btn, .quantity-button .increment-btn {

	cursor: pointer;

	text-align: center;

	width: 40px;

	background-color: #fff;

}



.quantity-button .decrement-btn:hover, .quantity-button .increment-btn:hover {

	color: #fff;

	background-color: #212121;

}



.quantity-button input::-webkit-outer-spin-button,

.quantity-button input::-webkit-inner-spin-button {

	-webkit-appearance: none;

	margin: 0;

}



.quantity-button input[type=number] {

	-moz-appearance: textfield;

}



.quantity-button:hover {

	

}



.options select {

	padding: 8px 16px;

	width: fit-content;

	

}



.main-button { 

	border: 0px;

	background-color: #212121;

	margin: 0px;

	padding: 4.5px 32px;

	font-size: 14px;

	border-radius: 5px;

	color: #fff;

	font-weight: 500;

	text-transform: capitalize;

	letter-spacing: 1px;

	cursor: pointer;

}



.responsive-toggle {

	cursor: pointer;

}



.main-button:hover, .main-button-blue:hover, .main-button-grey:hover, .main-button-smaller:hover  {

	background-color: #ea3a3c;

}



.main-button-blue {

	border: 0px;

	background-color: #414141;

	margin: 0px;

	padding: 4.5px 32px;

	font-size: 14px;

	border-radius: 5px;

	color: #fff;

	font-weight: 500;

	text-transform: capitalize;

	letter-spacing: 1px;

	cursor: pointer;

}



.main-button-red { 

	border: 0px;

	background-color: #ea3a3c;

	margin: 0px;

	padding: 4.5px 32px;

	font-size: 14px;

	border-radius: 5px;

	color: #fff;

	font-weight: 500;

	text-transform: capitalize;

	letter-spacing: 1px;

	cursor: pointer;

}



.main-button-border { 

	border: 0px;

	background-color: #fff;

	margin: 0px;

	padding: 4.5px 32px;

	font-size: 14px;

	border-radius: 5px;

	color: #212121;

	font-weight: 500;

	text-transform: capitalize;

	letter-spacing: 1px;

	cursor: pointer;

	border: 1px solid #212121;

}



.main-button-border:hover{

	background-color: #ea3a3c;

	color: #fff;

	border: 1px solid #ea3a3c;

}



.main-button-red:hover{

	background-color: #212121;

}



.main-button-grey { 

	border: 0px;

	background-color: #535353;

	padding: 8px 32px;

	font-size: 14px;

	border-radius: 5px;

	color: #fff;

	font-weight: 700;

	text-transform: capitalize;

	letter-spacing: 1px;

	cursor: pointer;

}



.main-button-smaller { 

	background-color: #212121;

	padding: 8px 16px;

	font-size: 12px;

	border-radius: 5px;

	color: #fff;

	font-weight: 700;

	text-transform: capitalize;

	letter-spacing: 1px;

	cursor: pointer;

}



.max-w-50 {

	max-width: 50px;

}



.uppercase {

	text-transform: uppercase;

}



.lowercase {

	text-transform: lowercase;

}



.inputs input, .inputs select  {border: 0; padding: 8px 16px;width: 100%;

  margin: 0;      

  -webkit-box-sizing: border-box;

  -moz-box-sizing: border-box;

  box-sizing: border-box;

  -webkit-appearance: none;

  -moz-appearance: none;

}

.inputs i {padding: 0px 8px 0px 0px;}



select.minimal {

  padding: 8px 36px 8px 16px;

  background-image:

    linear-gradient(45deg, transparent 50%, #212121 50%),

    linear-gradient(135deg, #212121 50%, transparent 50%),

    linear-gradient(to right, #ccc, #ccc);

  background-position:

    calc(100% - 15px) calc(1em + 2px),

    calc(100% - 10px) calc(1em + 2px),

    calc(100% - 2.3em) 0.5em;

  background-size:

    5px 5px,

    5px 5px,

    1px 1.5em;

  background-repeat: no-repeat;

}



select.minimal:focus {

  background-image:

    linear-gradient(45deg, #ea3a3c 50%, transparent 50%),

    linear-gradient(135deg, transparent 50%, #ea3a3c 50%),

    linear-gradient(to right, #ccc, #ccc);

  background-position:

    calc(100% - 10px) 1em,

    calc(100% - 15px) 1em,

    calc(100% - 2.3em) 0.5em;

  background-size:

    5px 5px,

    5px 5px,

    1px 1.5em;

  background-repeat: no-repeat;

  border-color: green;

  outline: 0;

}



select.minimal-16 {

  padding: 16px 36px 16px 16px;

  background-image:

    linear-gradient(45deg, transparent 50%, #212121 50%),

    linear-gradient(135deg, #212121 50%, transparent 50%),

    linear-gradient(to right, #ccc, #ccc);

  background-position:

    calc(100% - 15px) calc(1em + 10px),

    calc(100% - 10px) calc(1em + 10px),

    calc(100% - 2.3em) 1em;

  background-size:

    5px 5px,

    5px 5px,

    1px 1.5em;

  background-repeat: no-repeat;

}



select.minimal-16:focus {

  background-image:

    linear-gradient(45deg, #ea3a3c 50%, transparent 50%),

    linear-gradient(135deg, transparent 50%, #ea3a3c 50%),

    linear-gradient(to right, #ccc, #ccc);

  background-position:

    calc(100% - 10px) calc(1em + 8px),

    calc(100% - 15px) calc(1em + 8px),

    calc(100% - 2.3em) 1em;

  background-size:

    5px 5px,

    5px 5px,

    1px 1.5em;

  background-repeat: no-repeat;

  border-color: green;

  outline: 0;

}

.radio-checkbox {

	display: flex; 

	gap: 8px 16px;

	flex-wrap: wrap;

}



.radio-checkbox label input {display: none;}

.radio-checkbox label span {text-align: center;display: inline-block; cursor: pointer;min-width:  60px;}

.radio-checkbox label input:checked + span {background: #414141;color: #fff;}

.radio-checkbox label input:disabled + span {

	background: #f7faf5; 

	color: #dee0dc;

}



.toggle-content {

	opacity: 1;

	transition: opacity 1s ease-in-out;

}



.description {

	overflow-x: auto;

}



.description table, .description tr, .description th, .description td   {

	border: 0;

}



.description tr {

	background-color: #f9f9f9;

}



.description td {

	padding: 8px;

}



.description tr:nth-child(even) {

	background-color: #f2f2f2;

}



.description tr:first-child {

  border-top: none;

}





footer .footer-content {

	padding: 48px 0px;

}



footer .h4 {

	line-height: 24px;

}



.main-img p {

	width: 100%;

	display: flex;

	flex-direction: column;

	flex-wrap: wrap;

}



.main-img p img {

	width: 100%;

	height: 100%;

}





.main-img.left-top p {

	align-items: flex-start;

	justify-content: flex-start;

}



.main-img.left-center p{

	align-items: flex-start;

	justify-content: center;

}



.main-img.left-bottom p {

	align-items: flex-start;

	justify-content: flex-end;

}



.main-img.right-top p {

	align-items: flex-end;

	justify-content: flex-start;

}



.main-img.right-center p {

	align-items: flex-end;

	justify-content: center;

}



.main-img.right-bottom p {

	align-items: flex-end;

	justify-content: flex-end;

}



.main-img.center-top p {

	align-items: center;

	justify-content: flex-start;

}



.main-img.center-center p {

	align-items: center;

	justify-content: center;

}



.main-img.center-bottom p {

	align-items: center;

	justify-content: flex-end;

}



@media screen and (min-width: 800px) {

	input:focus {

		outline: 0 none;

	}

	select:focus {

		outline: 0 none;

	}

	.review {

		min-width: 30%;

	}

}



@media screen and (min-width: 1280px) {

	.m-50 {

		max-width: 50%;

	}

	.max-width-1000px {

		max-width: 1000px;

	}

	

	.main-img img {

		max-width: 75%!important;

		min-width: 50%!important;

		max-height: 75%!important;

		min-height: 50%!important;

	}



	.nav {

		gap: 120px!important;

	}

}



.product {

	overflow: hidden;

}



.product:hover {

    transform: scale(1.05) translate3d(0,0,0);

    transition: transform 0.3s;

    -webkit-box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgb(0 0 0 / 0%);

    box-shadow: -10px 0px 13px -7px #000000, 10px 0px 13px -7px #000000, 5px 5px 15px 5px rgb(0 0 0 / 0%);

}



.product .title {

	text-transform: capitalize;

	letter-spacing: 0.5px;

}



.background-white {

	background-color: #fff;

}





/* Responsive CSS below */

@media screen and (max-width: 350px) {



	.w20 {

		width: 100%!important;

		min-width: 100%!important;

	}

	.w33 {

		width: 100%!important;

		min-width: 100%!important;

	}

	.input-line {

		width: 100%;

		text-align: center;

	}

	.wrap-products .p-wrap.product, .wrap-products .cat.product {

		min-width: 100%!important;

	}

	.m-w100 {

		width: 100%!important;

		text-align: center;

	}

	.gap-32 {

		gap: 16px 32px;

	}

	.gap-32-smaller {

		gap: 0px 8px;

	}

}



@media screen and (max-width: 800px) {

	

	.gap-16-64 {

		gap: 16px;

	}



	.gap-16-128 {

		gap: 16px;

	}

	.min-width-50 {

		max-width: 100%;

		min-width: 100%;

	}

	.content {

		padding-left: 16px;

		padding-right: 16px;

	}

	

	.wrap-all .bullets {

		position: static!important;

	}

	.wrap-products {

		flex-wrap: nowrap;

	}

	.wrap-products .p-wrap.product {

		min-width: calc(50% - 8px);

	}

	.wrap-products .cat.product {

		min-width: calc(33% - 8px);

	}

	.wrap-products .review.product {

		min-width: 100%;

	}

	.w50 {

		width: 100%;

	}

	.grow-w50 {

		width: 100%;

	}

	.w33 {

		width: 100%

	}



	.w25 {

		width: 100%

	}

	

	.wrap {

		width: 100%;

	}

	

	.mobile {

		display:block!important;

	}

	.mobile-flex {

		display:flex!important;

	}

	.hide-mobile {

		display: none;

	}

	.show {

		display: block!important;

	}

	.d-relative {

		position: initial;

	}

	.text-right {

		text-align: left;

	}

	.flex-space { 

		justify-content: flex-start;

	}

	.nowrap {

		flex-wrap: wrap!important;

	}

	.content {

		overflow: hidden;

	}

}



@media screen and (max-width: 600px) {

	.wrap-products .cat.product {

		min-width: calc(50% - 8px);

	}

	

	#transaction-inputs .inputs {

		flex-grow: 1;

	}

}



@media screen and (max-width: 500px) {

	.center-mobile {

		margin-left: auto;

		margin-right: auto;

		justify-content: center;

	}

	.center-mobile .justify-end {

		justify-content: center;

	}

	.nav {

		gap: 16px!important;

	}

}





.vh10 {

	min-height: calc(10vh - var(--header-height));

}



.vh20 {

	min-height: calc(20vh - var(--header-height));

}



.vh30 {

	min-height: calc(30vh - var(--header-height));

}



.vh40 {

	min-height: calc(40vh - var(--header-height));

}



.vh50 {

	min-height: calc(50vh - var(--header-height));

}



.vh60 {

	min-height: calc(60vh - var(--header-height));

}



.vh70 {

	min-height: calc(70vh - var(--header-height));

}



.vh80 {

	min-height: calc(80vh - var(--header-height));

}



.vh90 {

	min-height: calc(90vh - var(--header-height));

}



.vh100 {

	min-height: calc(100vh - var(--header-height));

}



.vh100A {

	min-height: calc(100vh - var(--header-height));

}



.vh100m {

	max-height: calc(100vh - var(--header-height));

}