*,
*: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;}

:root {
  --main-color: #1b2918;
  --sec-color: #df9030;
  --th-color: #faf2e5;
  --extra-color: #f6e1c3;
  --dark-color: #11180b;
  --soft-color: #475246;
  --grey-color: #2e3130;
}

@font-face {
  font-family: ColinaFont;
  src: url(fonts/montserrat-regular.woff);
  font-weight: inherit;
}

@font-face {
  font-family: ColinaFont;
  src: url(fonts/montserrat-bold.woff);
  font-weight: bold;
}

@font-face {
  font-family: ColinaTitleFont;
  src: url('https://fonts.googleapis.com/css2?family=Gelasio:ital,wght@0,400..700;1,400..700&display=swap');
  font-weight: bold;
}

html { 
	font-family: ColinaFont; 
	background: rgb(45,65,39);
	background: linear-gradient(54deg, rgba(45,65,39,1) 0%, rgba(28,51,24,1) 53%, rgba(28,41,24,1) 87%);
}

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] {
	min-height:40px;
	padding: 8px 10px;
	margin: 2px;
	box-sizing: border-box;
	outline: none;
	border:none;
	border:1px solid var(--sec-color);
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	-webkit-transition: all .2s;
	text-decoration: none;
	vertical-align:middle;
	font-family: ColinaFont; 
}

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

input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover {
	background:#FFF;
	color: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;
	background:var(--main-color);
	background:linear-gradient(54deg, rgba(45,65,39,1) 0%, rgba(28,51,24,1) 53%, rgba(28,41,24,1) 87%); 
}

#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
\*------------------------------------*/

.fontTitle { font-family:ColinaTitleFont; }

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

.labelClass {
	display:inline-block;
	padding:5px;
	vertical-align:middle;
	text-align:right;
	color:var(--main-color);
	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: 25px;
	max-width: 25px;
	min-width: 25px;
    margin: 3px;
    padding: 3px;
	color:inherit;
	fill:inherit;
} 

.stdButtom{
	background: var(--sec-color);
	color:var(--extra-color);
	fill:var(--extra-color);
	 -moz-transition: all .1s;	
	 -ms-transition: all .1s;	
	 -o-transition: all .1s; 
	 -webkit-transition: all .1s;
	 transition: all .1s;
}
.stdButtom:hover {
	background: var(--extra-color);
	color:var(--main-color);
	fill:var(--main-color);
}


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

.menuButton, .normalButton  {
    padding: 10px;
    margin: 2px;
	color:inherit;
    text-transform: uppercase;
    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;
}

.menuButton:after {
	content: '';
	display: flow-root;
	height: 1px;
	width: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(117,62,35,1) 14%, rgba(242,207,103,1) 52%, rgba(117,62,35,1) 87%, rgba(0,0,0,0) 100%);
	margin-top: 5px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(0,1);
	transform: scale(0,1);
}

.menuButton:hover:after, .menuButton.select:after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.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;}

.colwhite { fill: #fff; color: #fff; }
.colgreyl { fill: #a3a2a2; color: #a3a2a2; }
 
.bgwhite { background: #fff; }
.bggreyl { background: #f6f7fb; }

.headerline { background:var(--main-color); background: linear-gradient(54deg, rgba(45,65,39,.9) 0%, rgba(28,51,24,.9) 53%, rgba(28,41,24,.9) 87%);  backdrop-filter: blur(8px);}
.titleline { background:var(--main-color); background: linear-gradient(48deg, rgba(19, 29, 16, 1) 0%, rgba(23, 38, 21, 1) 20%, rgba(20, 31, 16, 1) 39%, rgba(29, 46, 23, 1) 42%, rgba(20, 33, 17, 1) 65%, rgba(25, 42, 21, 1) 67%, rgba(19, 30, 16, 1) 84%, rgba(24, 43, 23, 1) 95%);}
.mainline {	background:rgba(45,65,39,.9);}
.secline { background:var(--sec-color);}
.thirdline { background:var(--th-color);}
.extraline { background:var(--extra-color);}
.darkline { background:var(--dark-color);}
.softline { background:var(--soft-color);}
.greyline { background:var(--grey-color);}

.mask:after { 
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 100%;
	width: 100%;
	background: rgb(28,41,24);
	background: linear-gradient(94deg, rgba(0,0,0,0.9) 5%, rgba(28,41,24,0.2) 50%, rgba(28,41,24,0.1) 60%, rgba(28,41,24,0.2) 80%, rgba(0,0,0,0.9) 95%);
}

.maskb:after { 
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	height: 100%;
	width: 100%;
	background: rgb(28,41,24);
	background: linear-gradient(0deg, rgba(28, 41, 24, 0.9) 1%, rgba(28, 41, 24, 1) 10%, rgb(28 41 24 / 69%) 20%, rgb(28 41 24 / 0%) 50%);
}

.sborder:after, .sborder:before {
	content: '';
	display: inline-block;
	height: 1px;
	width: 100%;
	background: rgb(0,0,0);
	background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(117,62,35,1) 14%, rgba(242,207,103,1) 52%, rgba(117,62,35,1) 87%, rgba(0,0,0,0) 100%);
	margin-top: 15px;
}

.sborder:before { margin-top: -15px;  margin-bottom: 15px; }

.maincol { fill: var(--main-color); color:var(--main-color);}
.seccol { fill: var(--sec-color); color:var(--sec-color);;}
.thirdcol { fill: var(--th-color); color:var(--th-color);}
.extracol { fill: var(--extra-color); color:var(--extra-color);}
.darkcol { fill: var(--dark-color); color:var(--dark-color);}
.softcol { fill: var(--soft-color); color:var(--soft-color);}
.greycol { fill: var(--grey-color); color:var(--grey-color);}

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

.posSticky { position:sticky; }
.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%); }
.top0 { top:0px; }
.top5 { top:5px; }
.top50p { top:50%; }
.left0 { left:0px; }
.left5 { left:5px; }
.left15 { left:15px; }
.right0 { right:0px; }
.right5 { right:5px; }
.bottom0 { bottom:0px; }
.bottom5 { bottom:5px; }

.oflowh { overflow:hidden }

.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; }
.flexCol { flex-direction: column; }

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

.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; }

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

.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; }
.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; }
.w-track { width:70% }
.w100p { width:100%; }

.h0 { max-height:0px; }
.hfull { max-height:10000px; }
.h1 { height:1px; }
.h20 { height:20px; }
.h100 { height:100px; }
.h100p { height:100%; }
.h50p { height:50%; }

.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; }
.fsize40 { font-size:40px; }
.fsize50 { font-size:50px; }
.fsize4v { font-size:4vw; }
.fbold { font-weight:800; }

.fspace2 { letter-spacing: 0.2em; }

.w100Max { max-width:100%; }

.z1 { z-index:1; } 
.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 var(--sec-color); }
.bordert { border-top: 1px solid var(--sec-color); }
.borderb { border-bottom: 1px solid var(--sec-color); }

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

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

.fshadow {text-shadow: 4px 3px 7px #00000075;}

.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;
}

.zoomin { overflow:hidden; }
.zoomin > img, .zoomout { transition: all .6s ease-in-out; transform: scale(1);}
.zoomin:hover > img { transform: scale(1.12); }
.zoomin:hover > .zoomout { transform: scale(0.95); }


@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 (max-width: 768px) {
	.w-track { width:100% }
}

@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;
	}
}