*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
.clear:before, .clear:after {content:' '; display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}

@font-face {
  font-family: GaiaFont;
  src: url(fonts/Montserrat-Medium.ttf);
}

@font-face {
  font-family: GaiaFont;
  src: url(fonts/Montserrat-Black.ttf);
  font-weight: bold;
}

@font-face {
  font-family: GaiaIconFont;
  src: url(fonts/gaia.ttf?v=3);
}

:root {
  --main-color: #E9F6EE;
  --sec-color: #25A455;
  --th-color: #07441C;
  --extra-color: #F4F371;
  --dark-color: #0D2818;
  --light-color: #F8A960;
  --med-color: #0E3C1F;
  --mask-color:37, 164, 85;
}

html { font-family: GaiaFont; background:var(--main-color); }

a {
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	text-decoration: none;
}

img {
	max-width:99.9%;
}

input, .inputClass, select, input[type=button], input[type=submit], input[type=reset] {
	width: 200px;
	min-height:40px;
	padding: 8px 10px;
	margin: 2px;
	box-sizing: border-box;
	outline: none;
	border:none;
	border-bottom:1px solid var(--sec-color);
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	text-decoration: none;
	vertical-align:middle;
}

input[type=button], input[type=submit], input[type=reset] {
	width: auto;
	padding: 8px;
	background:var(--sec-color);
	color:#FFF;
	cursor: pointer;
}

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background:#FFF;
	color:var(--sec-color);
	fill:var(--sec-color);
}

input[type=checkbox] {
	width:20px;
	height:20px;
	padding: 5px;
	margin: 2px;
}

#PageContent {
	text-align:center; 
	overflow:auto; 
	position:absolute;
	top:0px; 
	left:0px; 
	height:100%; 
	width:100%;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
}

#AlertContainer, #subAlertContainer {
	display:block; 
	visibility:hidden; 
	background:none;
	overflow:auto;
	position:absolute; 
	height:100%; 
	width:100%; 
	top:0px; 
	left:0px;
	z-index:20;
}

#AlertBg, #subAlertBg {
	position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    width: 100vw;
    backdrop-filter: blur(8px);
    outline: none;
}
#AlertMsn, #subAlertMsn {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	max-height:99%;
	overflow:auto;
	-webkit-box-shadow: 4px 3px 26px -5px rgba(0,0,0,0.48);
	-moz-box-shadow: 4px 3px 26px -5px rgba(0,0,0,0.48);
	box-shadow: 4px 3px 26px -5px rgba(0,0,0,0.48);
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	-webkit-transition: all .3s;
}
#AlertClose, .close, #subAlertClose {
	width:30px;
	height:30px;
	position:absolute;
	cursor: pointer;
	color:#FFF;
	background:#FE330A;
	padding:5px;
	 border-radius:20px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	font-weight:bold;
	display:block; 
	visibility:hidden;
	right:10px;
	top:10px;
}
#AlertClose:hover, .close:hover, #subAlertClose:hover { color:#FE330A; background:#FFF; }

.close { display: inline-block; visibility:visible; width:20px; height:20px; text-align: center; right:-5px; top:-5px; font-size: 10px; }

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

.material-symbols-outlined { font-size:inherit; }

.labelClass {
	display:inline-block;
	padding:5px;
	vertical-align:middle;
	text-align:right;
	color:#cf6e43;
	width:150px;
}

textarea.inputClass {
	height:200px;
	vertical-align:top;
}

.anim {
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
}

.socialButtom {
    width: 32px;
	max-width: 32px;
	min-width: 32px;
    margin: 3px;
    padding: 3px;
	color:inherit;
	fill:inherit;
} 
.socialButtom:hover, .menuButton:hover, .normalButton:hover, .normalButton.select, .menuButton.select {
	color:var(--extra-color);
	fill:var(--extra-color);
	border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
	/* font-weight: 700;*/
}

.normalButton:hover, .normalButton.select{
	color:var(--sec-color);
	fill:var(--sec-color);
}

.menuButton, .normalButton  {
    padding: 10px;
    margin: 2px;
    position: relative;
	color:inherit;
    font-size: 0.9em;
}
.menublock .menuButton {
	display:block;
	text-align:left;
	padding:3px 10px;
	font-size: 0.8em;
}

.menublock .menuButton:hover, .menublock .menuButton.select {
	padding-left:15px;
}

.vSeparator { display:none; }

.simplebtn { color:inherit; padding:3px; display:block; font-weight:initial; } .simplebtn:hover { border-bottom:1px solid; }

.pageClass {list-style: none; text-align:left; display:inline-block; padding:5px;}
.pageClass h2 {font-size:14px; font-weight:normal;}
.pageClass li {display:inline-block; vertical-align:middle;}
.pageClass a, .pageClass a.select{padding:5px; border: 1px solid #d8d9db; margin:1px; color: #808285; background: #E8E8E8;}
.pageClass a:hover, .pageClass a.select, .pageClass a.select:hover{color:#000;}

.bgwhite { background: #fff; }
.bggreyl { background: #f6f7fb; }

.icons { font-family: GaiaIconFont; }

.headerline { background:#191919B2; }

.blur { backdrop-filter: blur(8px); }
.mainline {	background:var(--main-color);}
.secline {	background:var(--sec-color);}
.thirdline { background:var(--th-color);}
.darkline { background:var(--dark-color);}
.ligthline { background:var(--light-color);}
.medline { background:var(--med-color);}
.noneline { background:none; }

.mainlinehov:hover { background:var(--main-color);}
.seclinehov:hover {	background:var(--sec-color);}
.thirdlinehov:hover { background:var(--th-color);}
.darklinehov:hover { background:var(--dark-color);}
.ligthlinehov:hover { background:var(--light-color);}
.medlinehov:hover { background:var(--med-color);}
.nonelinehov:hover { background:none; }

.colwhite { fill: #fff; color: #fff; }
.colgreyl { fill: #a3a2a2; color: #a3a2a2; }
.maincol { fill:var(--main-color); color:var(--main-color);}
.seccol { fill:var(--sec-color); color:var(--sec-color);}
.extracol { fill:var(--extra-color); color:var(--extra-color); }
.thirdcol { fill:var(--th-color); color:var(--th-color); }
.darkcol { fill:var(--dark-color); color:var(--dark-color); }
.lightcol { fill:var(--light-color); color:var(--light-color); }
.medcol { fill:var(--med-color); color:var(--med-color); }
.opcolblack option { color:black; }

.colwhitehov:hover { fill: #fff; color: #fff; }
.colgreylhov:hover { fill: #a3a2a2; color: #a3a2a2; }
.maincolhov:hover { fill:var(--main-color); color:var(--main-color);}
.seccolhov:hover { fill:var(--sec-color); color:var(--sec-color);}
.extracolhov:hover { fill:var(--extra-color); color:var(--extra-color); }
.thirdcolhov:hover { fill:var(--th-color); color:var(--th-color); }
.darkcolhov:hover { fill:var(--dark-color); color:var(--dark-color); }
.lightcolhov:hover { fill:var(--light-color); color:var(--light-color); }
.medcolhov:hover { fill:var(--med-color); color:var(--med-color); }

.mask:after { 
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 100%;
	width: 100%;
	background: linear-gradient(180deg, rgba(var(--mask-color), 0.6) 15%, rgba(var(--mask-color), 0) 50%, rgba(var(--mask-color), 0) 95%);
}
.maskfill:after { 
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 100%;
	width: 100%;
	background: rgba(var(--mask-color), 0.6);
}

.aLeft { text-align:left; justify-content: left; }
.aRight { text-align:right; justify-content: right; }
.aCenter { text-align:center; justify-content: center; }
.aJust { text-align:justify; }

.posFixed { position:fixed; }
.posRelative { position:relative; }
.posAbsolute { position:absolute; }
.posCenter { top:50%; left:50%; transform: translate(-50%, -50%); }
.posyCenter { left:50%; transform: translate(-50%, -50%); }
.posxCenter { top:50%; transform: translate(0, -50%); }

.rot90 {transform: rotate(90deg);}
.rot180 {transform: rotate(180deg);}

.flexab2ce { justify-content: center; }
.flexab2ev { justify-content: space-evenly; }
.flexab2in { justify-content: space-between; }
.flexab2end { justify-content: flex-end; }
.flexWrap { flex-wrap: wrap; }

.flexcenter { align-items: center; align-content: center;}
.flextop { align-items: flex-start; align-content: flex-start;}

.flexColumn { flex-direction: column; }

.flex1 { flex:1; }
.flex2 { flex:2; }
.flex3 { flex:3; }

.block, .formClass { display:block; }
.inline { display:inline-block; }
.flex { display: flex; }
.grid { display: grid; }
.chide { display:none; visibility:hidden; }

.gap10{ gap:10px; }
.gap5{ gap:5px; }

.gridcolrow10 { row-gap:10px; column-gap:10px; }
.gridcolrow10 { grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); grid-auto-rows: max-content; }

.vAlignM { vertical-align:middle; }

.padding0 { padding:0px; }
.padding5 { padding:5px; }
.padding10 { padding:10px; }
.padding20 { padding:20px; }
.paddingTop5 { padding-top:5px; }
.paddingBotton0 { padding-bottom: 0px; }

.margin0 { margin:0px; }
.margin5 { margin:5px; }
.margin10 { margin:10px; }
.marginTop10 { margin-top:10px; }
.marginLeft10 { margin-left:10px; }
.marginBotton0 { margin-bottom: 0px; }

.w0 { width:0px; }
.wauto { width:auto; }
.w20 { width:20px; }
.w40 { width:40px; }
.w60 { width:60px; }
.w80 { width:80px; }
.w100 { width:100px; }
.w120 { width:120px; min-width:120px; }
.w150 { width:150px; min-width:150px; }
.w200 { width:200px; }
.w300 { width:300px; }
.w340 { width:340px; max-width:420px; min-width:300px; }
.w360 { width:360px; }
.w380 { width:380px; }
.w50p { width:49.5%; }
.w80p { width:80%; }
.wscreen { width:1280px; }
.w100p { width:100%; }

.h0 { max-height:0px; }
.hfull { max-height:10000px; }
.h20 { height:20px; }
.h60 { height:60px; }
.h100p { height:100%; }
.h100v { height:100vh; }
.h25v { height:25vh; }
.h50v { height:50vh; }
.h50p { height:50%; }

.oflowh { overflow:hidden; }

.top0 { top:0px; }
.bottom0 { bottom:0px; }
.bottom20 { bottom:20px; }
.top5 { top:5px; }
.top50p { top:50%; }
.left0 { left:0px; }
.left5 { left:5px; }
.right0 { right:0px; }
.right5 { right:5px; }

.fsize10 { font-size:10px; }
.fsize11 { font-size:11px; }
.fsize12 { font-size:12px; }
.fsize14 { font-size:14px; }
.fsize16 { font-size:16px; }
.fsize20 { font-size:20px; }
.fsize30 { font-size:30px; }
.fbold { font-weight:800; }
.fshadow {text-shadow: 4px 3px 7px #00000075;}

.w100Max { max-width:100%; }

.vAlignM { vertical-align: middle; }

.z10 { z-index:10; } 
.z11 { z-index:11; } 
.z12 { z-index:12; }
.z13 { z-index:13; }

.border10 { border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.border10top { border-radius:10px 10px 0px 0px; -moz-border-radius:10px 10px 0px 0px; -webkit-border-radius:10px 10px 0px 0px; }
.border30 { border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; }
.border { border: 1px solid #c9c9c9; }
.borderl { border-left: 1px solid #c9c9c9; }
.bordert { border-top: 1px solid #c9c9c9; }
.borderb { border-bottom: 1px solid #c9c9c9; }
.bordern { border:none; }

.asmouse { cursor: pointer; }
.asmove{ cursor: move; }

.shadow {
	-webkit-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 10px 3px rgba(0,0,0,0.3);
}

.title, .titlel { font-size: 1.6vw; font-size: max(min(1.6vw, 14px), 14px); font-size: clamp(1.6vw, 14px, 14px); font-weight: 700; } .titlel { font-weight: 1; }

.mq_sview {	display:none; visibility:hidden;}
.mq_mview {	display:inherit; visibility:visible;}

.simplebg {background: rgba(0, 0, 0, 0.4);  backdrop-filter: blur(8px);}
.bgalert {	
	position: fixed;
    inset: 0px;
    background: rgba(0, 0, 0, 0.6);
    height: 100vh;
    width: 100vw;
    backdrop-filter: blur(8px);
    outline: none;
}

.bgalert div.content {
    max-height: 100vh;
	max-width: 100vw;
    overflow: auto;
    position: absolute;
    box-sizing: border-box;
	 -moz-transition: all .1s;	
	 -ms-transition: all .1s;	
	 -o-transition: all .1s; 
	 -webkit-transition: all .1s;
}

.bgalert div.center, .vcenter { top:50%; left:50%; transform: translate(-50%, -50%) }
.bgalert div.left {	left: 0px; }
.bgalert div.right { right: 0px; }

.prev, .next {color:#FFF; font-size:18px; }
.prev{ left:0px; padding-left:15px; border-radius:0px 50px 50px 0px; -moz-border-radius:0px 50px 50px 0px; -webkit-border-radius:0px 50px 50px 0px; }
.next{ right:0px; padding-right:15px; border-radius:50px 0px 0px 50px; -moz-border-radius:50px 0px 0px 50px; -webkit-border-radius:50px 0px 0px 50px; }
.shifting {-moz-transition: top .1s; -ms-transition: top .1s; -o-transition: top .1s; -webkit-transition: top .1s;}

.isview10, .isvie11 {  background:none;  }  .isview11, .isview01 { opacity: 0.6; filter: alpha(opacity=60); }

.img_product, .img_productHD { display:inline-block; vertical-align:middle; position: relative; width:100%; max-width:500px; }
.g-wrapper { width:100%; }

.editor {
	padding:5px;
	display:flex;
	flex-wrap: wrap;
}

.editor div.content {
	flex:2;
}

.editor div.content div.header {
	border:1px solid #E5E5E5;
	background:#F9F9F9;
	padding:3px;
	color:#000;
	text-align:left;
}
.editor .control {
	font-size:16px;
	padding:5px;
	
	cursor:pointer;
	vertical-align:middle;
	display:inline-block;
}

.editor .chide {
	display:none;
}

.editor .control:hover {
	background-color:#E5E5E5;
	text-decoration: none;
}
.editor div.content div.header span.space {
	display:inline-block;
	background:#E5E5E5;
	width:1px;
	height:28px;
	margin-left:1px;
	margin-right:1px;
}
.editor div.info {
	border-top:1px solid #E5E5E5;
	padding:5px;
	flex:1;
	max-height:300px;
	overflow:auto;
	position:relative;
}

.editor div.content iframe.body {
	border:1px solid #E5E5E5;
	background:#FFF;
	color:#000;
	
	width:100%;
	height:300px;
	
	resize:vertical;
}

.tooltip {position: relative;  display: inline-block; }
.tooltip .tooltiptext { transform: translate(-50%, 10px); visibility: hidden;  width: 120px; font-size:10px; background-color: rgba(0, 0, 0, 0.8);  color: #fff;  text-align: center;  padding: 5px 0;  border-radius: 6px; position: absolute; z-index: 1; }
.tooltip:hover .tooltiptext {  visibility: visible; }

@media only screen and (min-width:320px) {
	.mq_sview {display:inherit; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
	.w50p { width:100%; }
	
	.img_product { max-width:310px; }
	.g-wrapper { width:310px; }
	.wscreen { width:300px; }
}

@media only screen and (min-width:480px) {
	.mq_sview {display:inherit; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
	.w50p { width:100%; }
	.img_product, .img_productHD { max-width:470px; }
	.g-wrapper { width:470px; }
	.wscreen { width:450px; }
}

/*///////////////////////////////// IPHONE ////////////////////////////*/
@media only screen and (width: 393px) and (-webkit-device-pixel-ratio: 3) { 
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
}
	
@media only screen and (width: 430px) and (-webkit-device-pixel-ratio: 3) { 
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
}
	
@media only screen and (width: 390px) and (-webkit-device-pixel-ratio: 3) { 
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
}
	
@media only screen and (width: 428px) and (-webkit-device-pixel-ratio: 3) { 
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
}
	
@media only screen and (width: 375px) and (-webkit-device-pixel-ratio: 3) { 
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
}
	
@media only screen and (width: 414px) and (-webkit-device-pixel-ratio: 2) { 
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
}
	
@media only screen and (width: 375px) and (-webkit-device-pixel-ratio: 2) { 
	.mq_sview {display:inline-block; visibility:visible;} 
	.mq_mview {display:none; visibility:hidden;}
}

@media only screen and (min-width:768px) {
	.mq_mview {display:inherit; visibility:visible;} 
	.mq_sview {display:none; visibility:hidden;}
	.w50p { width:49.5%; }
	.img_product { max-width:500px; }
	.img_productHD { max-width:750px; }
	.g-wrapper { width:500px; }
	.wscreen { width:750px; }
}

@media only screen and (min-width:1024px) {
	.mq_mview {display:inherit; visibility:visible;} 
	.mq_sview {display:none; visibility:hidden;}
	.w50p { width:49.5%; }
	.g-wrapper { width:100%; }
	.wscreen { width:1000px; }
}

@media only screen and (min-width:1140px) {}

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

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {}

::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: rgba(14, 61, 132, 0.2);
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.5);
}

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:99.9% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}