/****** beCSS v0.1.2 | GNU GPLv3 License *******
***** A simple and hackable Style Sheet **
****** Copyright 2023 Matías Iturbides ***/
@font-face {
    font-family: 'Montserrat';
		src: url("/fonts/Montserrat-Light.woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'MontserratBlack';
		src: url("/fonts/MontserratBlack.ttf");
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'Berkshire';
		src: url("/fonts/berkshireswash.woff");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Bebas';
		src: url("/fonts/BebasNeueBold.ttf");
}
@font-face {
    font-family: 'Bebas2';
		src: url("/fonts/BebasNeue.otf");
}
:root {
	/* Brand Color Scheme */
	--brand-color:#5C3A23;
	--dark-shades:#333333;
	--dark-accent:#737373;
	--light-shades:#F8BE01;
	--light-accent:#C8E6C9;
	--dark-dark:#3E322A;
	--selected-text: #ffe066;
	--black: #000000;
	--white: #ffffff;
/* Flat UI Color Scheme */
	--turquoise: #1abc9c;
	--green-sea: #16a085;
	--emerald: #2ecc71;
	--nephritis: #27ae60;
	--peter-river: #3498db;
	--belize-hole: #2980b9;
	--amethyst: #9b59b6;
	--wisteria: #8e44ad;	
	--wet-asphalt: #34495e;
	--midnight-blue: #2c3e50;
	--sun-flower: #f1c40f;
	--orange: #f39c12;
	--carrot: #e67e22;
	--pumpkin: #d35400;
	--alizarin: 	#e74c3c;
	--pome-granate: #c0392b;
	--clouds: 	#ecf0f1;
	--silver: 		#bdc3c7;
	--concrete: #95a5a6;
	--asbestos: #7f8c8d;
/* Font Families */
	--font-type-1: 'Bebas', 'Bebas2', 'MontserratBlack';
	--font-type-2: Verdana, Arial, Helvetica, sans-serif;
	--font-type-3: 'Berkshire', Tahoma, sans-serif;
	--font-type-4: 'Open Sans', 'Montserrat', 'sans-serif';
	
	/* Fonts size */
	--body-font-size: 1.1em;
	--footer-font-size: 1em;
	--blockquote-font-size: 1em;
	--caption-font-size: .9em;
	--muted-font-size: .8em;
	--h1-font-size: 4em;
	--h2-font-size: 2.5em;
	--h3-font-size: 1.9em;
	--h4-font-size: 1.6em;
	--h5-font-size: 1.3em;
	--h6-font-size: 1.1em;
}

/* ***** * fonts variables converted into classes ******/
.be-font-type-1 { font-family: var(--font-type-1);}
.be-font-type-2 { font-family: var(--font-type-2);}
.be-font-type-3 { font-family: var(--font-type-3);}
.be-font-type-4 { font-family: var(--font-type-4);}
/*** * global configuration * *********/
article, hr, aside, details,
figcaption, figure, footer,
header, main, nav, section,
summary {
  display: block;
}
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	box-sizing: border-box;
}
html { scroll-behavior: smooth; }
body {
	font-family: var(--font-type-4);
	font-weight: thin;
	padding: 0;
	text-decoration: none;
	height: 100%;
	color: var(--wet-asphalt);
}
p {
	font-family: inherit;
	font-style: normal;
	font-size: var(--body-font-size); 
	line-height: 1.5;
	margin: .4em 0 .8em 0;
	color: var(--midnight-blue);
	font-weight: 400;
}
section { padding: 1.2em; margin: 0; }
hr {
  box-sizing: content-box;
  height: 1px;
  border: 0;
  border-top: .5px solid var(--dark-dark);
  margin: 1em 0;
}
/* ********* * ul ol list * ******* */
.be-ul li, .be-ol li {
	line-height: 1.3em;
	padding: 5px;
	margin-left: 35px;
	font-weight: 300;
}
.be-ul, .be-ol { margin: .8em 0; } 
.be-ul li {	list-style-type: disc;}
.be-ol li {	list-style-type: decimal;}
ul, ol { list-style: none; }
/*********** * headings h1 to h6 * **********/
h1 { 	font-size: var(--h1-font-size);}
h2 {	font-size: var(--h2-font-size);}
h3 { 	font-size: var(--h3-font-size);}
h4 { 	font-size: var(--h4-font-size);}
h5 { 	font-size: var(--h5-font-size);}
h6 { 	font-size: var(--h6-font-size);}
h1, h2, h3, h4, h5, h6 {
	font-weight: 600;
	text-decoration: none;
	margin: 10px 0;
}
h1, h2, h3 {font-weight: 800; }
h1, h2 {
	line-height: 1.4em;
	color: var(--brand-color);
}
h3, h4, h5, h6,
h2 a:visited,
h2 a:link {
	color: var(--dark-dark);
	text-decoration: none;
}
/* margin por parragraph after headings */
p h1, p h2,
p h3, p h4,
p h5, p h6 { margin-top: 1em; }
/* links text decorations */
a:link, p a:link,
p a:visited, a:visited,
span a:link {
	color: var(--light-shades);
}
::selection {
  color: black;
  background: var(--selected-text);
}
/* Brand Color Scheme */
.be-brand-color,
.be-hover-brand-color a:hover,
.be-hover-brand-color div:hover,
.be-btn.be-hover-brand-color:hover 	{
	background-color: var(--brand-color) !important;
}
.be-dark-shades, 
.be-hover-dark-shades a:hover,
.be-hover-dark-shades div:hover,
.be-btn.be-hover-dark-shades:hover 	{
	background-color: var(--dark-shades) !important;
	color: #ffffff;
} 
.be-dark-accent,
.be-hover-dark-accent a:hover,
.be-hover-dark-accent div:hover,
.be-btn.be-hover-dark-accent:hover	{
	background-color: var(--dark-accent) !important;
	color: #ffffff;
} 
.be-light-shades,
.be-hover-light-shades a:hover,
.be-hover-light-shades div:hover,
.be-btn.be-hover-light-shades:hover	{
	background-color: var(--light-shades) !important;
} 
.be-light-accent,
.be-hover-light-accent a:hover,
.be-hover-light-accent div:hover,
.be-btn.be-hover-light-accent:hover 	{ 
	background-color: var(--light-accent) !important;
} 
.be-dark-dark,
.be-hover-dark-dark a:hover,
.be-hover-dark-dark div:hover,
.be-btn.be-hover-dark-dark:hover 	{ 
	background-color: var(--dark-dark);
	color: #ffffff;
} 
.be-black,
.be-hover-black a:hover,
.be-hover-black div:hover,
.be-btn.be-hover-black:hover 	{ 
	background-color: var(--black);
	color: #ffffff !important;
} 
.be-white,
.be-hover-white a:hover,
.be-hover-white div:hover,
.be-btn.be-hover-white:hover 	{ 
	background-color: var(--white);
	color: #000000;
}
/* Brand Color for Texts */
.be-text-brand-color, .be-bdr-brand-color,
.be-text-brand-color :is(a, p, h1, h2, h3, h4, h5, h6) { color: var(--brand-color) !important; }
.be-text-dark-shades, .be-bdr-dark-shades,
.be-text-dark-shades :is(a, p, h1, h2, h3, h4, h5, h6) { color: var(--dark-shades) !important; }
.be-text-dark-accent, .be-bdr-dark-accent,
.be-text-dark-accent :is(a, p, h1, h2, h3, h4, h5, h6) { color: var(--dark-accent) !important; }
.be-text-light-accent, .be-bdr-light-accent,
.be-text-light-accent :is(a, p, h1, h2, h3, h4, h5, h6) { color: var(--light-accent) !important; }
.be-text-light-shades, .be-bdr-light-shades,
.be-text-light-shades :is(a, p, h1, h2, h3, h4, h5, h6) { color: var(--light-shades) !important; }
.be-text-dark-dark, .be-bdr-dark-dark,
.be-text-dark-dark :is(a, p, h1, h2, h3, h4, h5, h6) { color: var(--dark-dark) !important; }
.be-text-black, .be-bdr-black,
.be-text-black :is(a, p, h1, h2, h3, h4, h5, h6) { color: var(--black) !important; }
.be-text-white, .be-bdr-white,
.be-text-white :is(a, p, h1, h2, h3, h4, h5, h6) { color: var(--white) !important; }

/** Flat UI Color Scheme **/
.be-bg-turquoise,
.be-hover-turquoise:hover,
.be-hover-turquoise a:hover,
.be-hover-turquoise div:hover,
.be-btn.be-hover-turquoise:hover {
		background-color: var(--turquoise) !important;
		color: #000000;
}
.be-bg-green-sea,
.be-hover-green-sea:hover,
.be-hover-green-sea a:hover,
.be-hover-green-sea div:hover,
.be-btn.be-hover-green-sea:hover {
		background-color: var(--green-sea) !important;
		color: #ffffff;
}
.be-bg-emerald, .be-success,
.be-hover-emerald:hover,
.be-hover-emerald a:hover,
.be-hover-emerald div:hover,
.be-btn.be-hover-emerald:hover {
		background-color: var(--emerald) !important;
		color: #000000;
}
.be-bg-nephritis,
.be-hover-nephritis:hover,
.be-hover-nephritis a:hover,
.be-hover-nephritis div:hover,
.be-btn.be-hover-nephritis:hover {
		background-color: var(--nephritis) !important;
		color: #000000;
}
.be-bg-peter-river, .be-info, 
.be-hover-peter-river:hover,
.be-hover-peter-river a:hover,
.be-hover-peter-river div:hover,
.be-btn.be-hover-peter-river:hover {
		background-color: var(--peter-river) !important;
		color: #000000;
}
.be-bg-belize-hole,
.be-hover-belize-hole:hover,
.be-hover-belize-hole a:hover,
.be-hover-belize-hole div:hover,
.be-btn.be-hover-belize-hole:hover {
		background-color: var(--belize-hole) !important;
		color: #ffffff;
}
.be-bg-amethyst,
.be-hover-amethyst:hover,
.be-hover-amethyst a:hover,
.be-hover-amethyst div:hover,
.be-btn.be-hover-amethyst:hover {
		background-color: var(--amethyst) !important;
		color: #ffffff;
}
.be-bg-wisteria,
.be-hover-wisteria:hover,
.be-hover-wisteria a:hover,
.be-hover-wisteria div:hover,
.be-btn.be-hover-wisteria:hover {
		background-color: var(--wisteria) !important;
		color: #ffffff;
}
.be-bg-wet-asphalt,
.be-hover-wet-asphalt:hover,
.be-hover-wet-asphalt a:hover,
.be-hover-wet-asphalt div:hover,
.be-btn.be-hover-wet-asphalt:hover {
		background-color: var(--wet-asphalt) !important;
		color: #ffffff;
}
.be-bg-midnight-blue,
.be-hover-midnight-blue:hover,
.be-hover-midnight-blue a:hover,
.be-hover-midnight-blue div:hover,
.be-btn.be-hover-midnight-blue:hover {
		background-color: var(--midnight-blue) !important;
		color: #ffffff;
}
.be-bg-sun-flower,
.be-hover-sun-flower:hover,
.be-hover-sun-flower a:hover,
.be-hover-sun-flower div:hover,
.be-btn.be-hover-sun-flower:hover {
		background-color: var(--sun-flower) !important;
		color: #000000;
}
.be-bg-orange, .be-warning,
.be-hover-orange:hover,
.be-hover-orange a:hover,
.be-hover-orange div:hover,
.be-btn.be-hover-orange:hover {
		background-color: var(--orange) !important;
		color: #000000;
}
.be-bg-carrot,
.be-hover-carrot:hover,
.be-hover-carrot a:hover,
.be-hover-carrot div:hover,
.be-btn.be-hover-carrot:hover {
		background-color: var(--carrot) !important;
		color: #000000;
}
.be-bg-pumpkin,
.be-hover-pumpkin:hover,
.be-hover-pumpkin a:hover,
.be-hover-pumpkin div:hover,
.be-btn.be-hover-pumpkin:hover {
		background-color: var(--pumpkin) !important;
		color: #ffffff;
}
.be-bg-alizarin, .be-danger,
.be-hover-alizarin:hover,
.be-hover-alizarin a:hover,
.be-hover-alizarin div:hover,
.be-btn.be-hover-alizarin:hover {
		background-color: var(--alizarin) !important;
		color: #000000;
}
.be-bg-pome-granate,
.be-hover-pome-granate:hover,
.be-hover-pome-granate a:hover,
.be-hover-pome-granate div:hover,
.be-btn.be-hover-pome-granate:hover {
		background-color: var(--pome-granate) !important;
		color: #ffffff;
}
.be-bg-clouds,
.be-hover-clouds:hover,
.be-hover-clouds a:hover,
.be-hover-clouds div:hover,
.be-btn.be-hover-clouds:hover {
		background-color: var(--clouds) !important;
		color: #000000;
}
.be-bg-silver,
.be-hover-silver:hover,
.be-hover-silver a:hover,
.be-hover-silver div:hover,
.be-btn.be-hover-silver:hover {
		background-color: var(--silver) !important;
		color: #000000;
}
.be-bg-concrete,
.be-hover-concrete:hover,
.be-hover-concrete a:hover,
.be-hover-concrete div:hover,
.be-btn.be-hover-concrete:hover {
		background-color: var(--concrete) !important;
		color: #000000;
}
.be-bg-asbestos,
.be-hover-asbestos:hover,
.be-hover-asbestos a:hover,
.be-hover-asbestos div:hover,
.be-btn.be-hover-asbestos:hover {
		background-color: var(--asbestos) !important;
		color: #ffffff;
}
.be-bg-black,
.be-hover-black:hover,
.be-hover-black a:hover,
.be-hover-black div:hover,
.be-btn.be-hover-black:hover  {
		background-color: var(--black) !important;
		color: #ffffff;
}
.be-bg-white,
.be-hover-white a:hover,
.be-hover-white div:hover,
.be-btn.be-hover-white:hover {
		background-color:var(--white) !important;
		color: #000000;
}
/* Text columns */
.be-text-col-2 { column-count: 2; }
.be-text-col-3 { column-count: 3; }
.be-text-col-4 { column-count: 4; }
/* text selection */
/* *********** RESPONSIVE **********
 * hack-responsive */ 
.be-responsive, .be-responsive img,
.be-container, .be-container-responsive,
.be-container-responsive img {
	width: 100%;
	height: auto;
}
.be-container img {	max-width: 100%;}

/* responsive hack-iframe */
/* aspect ratio 16:9 */
.be-iframe-container {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
}
.be-iframe-responsive {
  position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/* flexbox layout */
.be-column-container {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}
[class^="be-col"] {
	padding: 5px 0;
  gap: .55em;
}
/* all be-col img are responsive */
[class*="be-col-"] img {
	width: 100%;
}
.be-columns-align-center {
	display: flex !important;
	margin: auto !important;
	flex-direction: row;
}
/* 12 columns classes Flexbox */
.be-col-1  {	flex: calc(99% * 1 / 12); }
.be-col-2  {	flex: calc(99% * 2 / 12); }
.be-col-3  {  flex: calc(99% * 3 / 12); }
.be-col-4  {	flex: calc(99% * 4 / 12); }
.be-col-5  {	flex: calc(99% * 5 / 12); }
.be-col-6  {	flex: calc(99% * 6 / 12); }
.be-col-7  {	flex: calc(99% * 7 / 12); }
.be-col-8  {	flex: calc(99% * 8 / 12); }
.be-col-9  {	flex: calc(99% * 9 / 12); }
.be-col-10 {	flex: calc(99% * 10 / 12);}
.be-col-11 {	flex: calc(99% * 11 / 12);}
.be-col-12 {	flex: calc(99% * 12 / 12);}
.be-col-ghost { 
	padding: 0;
	gap: 0;
	grid-gap: 0;
	background-color: transparent !important;
}
@media all and (max-width: 100em) {
	.be-col-1 { flex: 8% !important; }
	.be-col-2 { flex: 15% !important; }
	.be-col-3 { flex: 22% !important; }
	.be-col-4 { flex: 32% !important; }
}
@media all and (max-width: 59.375em) {
	.be-col-3 { flex: 22% !important; }
	.be-col-4 { flex: 40% !important; }
}
@media all and (max-width: 53.125em) {
	.be-col-1 { flex: 15% !important; }
	.be-col-2 { flex: 24% !important; }
	.be-col-3 { flex: 30% !important; }
}
@media all and (max-width: 46.875em) {
	.be-col-2, .be-col-1 { flex: 24% !important; }
}
@media all and (max-width: 41.25em) {
	.be-col-1 { flex: 32% !important; }
	.be-col-3 { flex: 46% !important; }
}
@media all and (max-width: 34.375em) {
	.be-col-1 { flex: 39% !important; }
	.be-col-2 { flex: 46% !important; }
}
@media all and (max-width: 28.125em) {
	.be-col-1, .be-col-2, .be-col-3, .be-col-4,
	.be-col-5, .be-col-6, .be-col-7, .be-col-8,
	.be-col-9, .be-col-10, .be-col-11, .be-col-12 {
		flex: 100%!important;
	}
}
/*  columns gap */
.be-gap-0 { gap: 0px !important; }
.be-gap-5 { gap: 5px !important; }
.be-gap-10 { gap: 10px !important; }

/* Grid template container */
[class^="be-grid-container"] {
	display: grid;
	padding: 5px 0;
	grid-gap: .55em;
}
[class^="be-grid-container"] img {width: 100%;}
.be-grid-gap-0 { grid-gap: 0; }
.be-grid-container-1 { grid-template-columns: auto;}
.be-grid-container-2 { grid-template-columns: repeat(2, 1fr);}
.be-grid-container-3 { grid-template-columns: repeat(3, 1fr);}
.be-grid-container-4 { grid-template-columns: repeat(4, 1fr);}
.be-grid-container-5 { grid-template-columns: repeat(5, 1fr);}
.be-grid-container-6 { grid-template-columns: repeat(6, 1fr);}
.be-grid-container-7 { grid-template-columns: repeat(7, 1fr);}
.be-grid-container-8 { grid-template-columns: repeat(8, 1fr);}
.be-grid-container-9 { grid-template-columns: repeat(9, 1fr);}
.be-grid-container-10 { grid-template-columns: repeat(10, 1fr);}
.be-grid-container-11 { grid-template-columns: repeat(11, 1fr);}
.be-grid-container-12 { grid-template-columns: repeat(12, 1fr);}

@media all and (max-width: 70.25em) {
	.be-grid-container-9, .be-grid-container-10,
	.be-grid-container-11, .be-grid-container-12  {
		grid-template-columns: repeat(9, 1fr);
	}
}
@media all and (max-width: 64em) {
	.be-grid-container-8, .be-grid-container-9,
	.be-grid-container-10, .be-grid-container-11,
	.be-grid-container-12  {
		grid-template-columns: repeat(8, 1fr);
	}
}
@media all and (max-width: 61.875em) {
	.be-grid-container-7,
	.be-grid-container-8, .be-grid-container-9,
	.be-grid-container-10, .be-grid-container-11,
	.be-grid-container-12  {
		grid-template-columns: repeat(7, 1fr);
	}
}
@media all and (max-width: 59.375em) {
	.be-grid-container-6, .be-grid-container-7,
	.be-grid-container-8, .be-grid-container-9,
	.be-grid-container-10, .be-grid-container-11,
	.be-grid-container-12  {
		grid-template-columns: repeat(6, 1fr);
	}
}
@media all and (max-width: 53.125em) {
	.be-grid-container-5,
	.be-grid-container-6, .be-grid-container-7,
	.be-grid-container-8, .be-grid-container-9,
	.be-grid-container-10, .be-grid-container-11,
	.be-grid-container-12  {
		grid-template-columns: repeat(5, 1fr);
	}
}
@media all and (max-width: 46.875em) {
	.be-grid-container-4, .be-grid-container-5,
	.be-grid-container-6, .be-grid-container-7,
	.be-grid-container-8, .be-grid-container-9,
	.be-grid-container-10, .be-grid-container-11,
	.be-grid-container-12  {
		grid-template-columns: repeat(4, 1fr);
	}
}
@media all and (max-width: 41.25em) {
  .be-grid-container-3,
	.be-grid-container-4, .be-grid-container-5,
	.be-grid-container-6, .be-grid-container-7,
	.be-grid-container-8, .be-grid-container-9,
	.be-grid-container-10, .be-grid-container-11,
	.be-grid-container-12  {
		grid-template-columns: repeat(3, 1fr);
	}
}
@media all and (max-width: 34.375em) {
	.be-grid-container-3, .be-grid-container-4,
	.be-grid-container-5,.be-grid-container-6,
	.be-grid-container-7,	.be-grid-container-8,
	.be-grid-container-9,	.be-grid-container-10,
	.be-grid-container-11,	.be-grid-container-12 {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media all and (max-width: 28.125em) {
	.be-grid-container-2, .be-grid-container-3,
	.be-grid-container-4, .be-grid-container-5,
	.be-grid-container-6, .be-grid-container-7,
	.be-grid-container-8, .be-grid-container-9,
	.be-grid-container-10, .be-grid-container-11,
	.be-grid-container-12  {
		grid-template-columns: repeat(1, 1fr);
	}
}
.be-grid-row-1-2 { grid-row: 1 / span 2;}
.be-grid-row-1-3 { grid-row: 1 / span 3;}
.be-grid-row-1-4 { grid-row: 1 / span 4;}
.be-grid-row-1-5 { grid-row: 1 / span 5;}
.be-grid-row-2-2 { grid-row: 2 / span 2;}
.be-grid-row-2-3 { grid-row: 2 / span 3;}
.be-grid-row-2-4 { grid-row: 2 / span 4;}
.be-grid-row-2-5 { grid-row: 2 / span 5;}
.be-grid-row-3-2 { grid-row: 3 / span 2;}
.be-grid-row-3-3 { grid-row: 3 / span 3;}
.be-grid-row-3-4 { grid-row: 3 / span 4;}
.be-grid-row-3-5 { grid-row: 3 / span 5;}

/* Hidden below 500 to 900 */
.be-hidden { display: none !important; }
.be-ghost { visibility: hidden !important; }

@media all and (max-width: 18.75em) {
	.be-hidden-below-300 {
		display: none;
	}
}
@media all and (max-width: 25em) {
	.be-hidden-below-400 {
		display: none;
	}
}
@media all and (max-width: 31.25em) {
	.be-hidden-below-500 {
		display: none;
	}
}
@media all and (max-width: 43.75em) {
	.be-hidden-below-700 {
		display: none;
	}
}
@media all and (max-width: 56.25em) {
	.be-hidden-below-900 {
		display: none;
	}
}
/* Hidden above 500 to 900 */
@media all and (min-width: 31.25em) {
	.be-hidden-above-500 {
		display: none;
	}
}
@media all and (min-width: 43.75em) {
	.be-hidden-above-700 {
		display: none;
	}
}
@media all and (min-width: 56.25em) {
	.be-hidden-above-900 {
		display: none;
	}
}

/* align elements texts */
.be-container { padding: var(--padding, 0px 5px) }
.be-article { margin: 1.5em 0; }
.be-article p { margin: .7em 0 1.2em 0 !important;}
.be-section { margin: 2.5em 0; padding: 0; }
.be-align-center-flex {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
	align-items: center;
}
.be-align-center-grid {
justify-items: center;
}
.be-align-center {
/*	display: block; */
	text-align: center !important;
	margin: auto !important;
 	width: fit-content;
}
.be-align-content-center {margin: auto !important;}
.be-align-center-img img {
display: block !important;
margin: auto !important;
}
.be-align-right {
	position: relative;
	float: right;
}
.be-align-left {
	position: relative;
	float: left;
}
.be-text-right {	text-align: right; }
.be-text-left {	text-align: left; }
.be-text-center { text-align: center; }
.be-text-underline { text-decoration: underline; }
.be-text-strike {    text-decoration: line-through; }
/* muted text */
.be-text-muted {
	font-family: var(--font-type-1);
	font-size: var(--muted-font-size);
	color: var(--asbestos) !important;
}
.be-text-marked {
	color: var(--black);
  background: var(--light-shades);
 	padding: 3px;
}
/* hack-effects */
.be-ef-blur, .be-ef-blur-hover:hover { filter: blur(5px); }
.be-ef-contrast, .be-ef-contrast-hover:hover { filter: contrast(200%);}
.be-ef-sepia, .be-ef-sepia-hover:hover { filter: sepia(100%); }
.be-ef-bw, .be-ef-bw-hover:hover { filter: grayscale(100%); }
.be-padding-1 { padding: 1em !important; }
.be-padding-2 { padding: 2em !important; }
.be-padding-3 { padding: 3em !important; }
.be-hover-levitate:hover, .be-levitate {
	transform: rotate(-8deg);
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}
.be-hover-levitate-img:hover, .be-levitate-img  {
	filter:drop-shadow(2px 2px 2px gray);
	transform: rotate(-8deg);
  transition: 0.3s;
}
/* animation fadein */
.be-fadein {animation: fadein .8s;}
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.be-hover:hover, .be-hover a:hover {
	filter: brightness(150%);
	transition-duration: 0.4s;
}
.be-shadow, .be-hover-shadow:hover {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
}
.be-shadow-strong {	box-shadow: 3px 6px var(--black);}
/* float classes for justify text to image */
.be-float-left { 
	float: left !important;
	padding-right: 1em;
}
.be-float-right { 
	float: right !important;
	padding-left: 1em;
}
.be-rounded {	border-radius: 6px !important; }
.be-rounded-top { border-radius: 6px 6px 0 0 !important; }
.be-rounded-bottom { border-radius: 0 0 6px 6px !important; }
.be-rounded-left { border-radius: 6px 0px 0px 6px !important; }
.be-rounded-right { border-radius: 0px 6px 6px 0px !important; }
.be-circle { border-radius: 50%;}

/* Capitalize the first letter */
@media all and (min-width: 39.06em) {
  .be-capital:first-of-type::first-letter {
	display:block;
	font-size: 6em;
	float: left;
	line-height: 6rem;
	padding-right: .5rem;
	margin-bottom: 0rem;
	font-weight: 700;
  text-shadow: 3px 3px 2px rgba(0,0,0,0.2);
	position:top;
	color: var(--color, #1d2a35);	}/* this variable is for changing color in html */
}
/* uppercase and lowercase for texts */
.be-uppercase { text-transform: uppercase; }
.be-lowercase { text-transform: lowercase; }
/* code inline */
.be-code-inline {
	background-color: var(--clouds);
	color: var(--wet-asphalt);
	padding: .5px 2px;
	border: .2px solid var(--emerald);
	border-radius: 2px;
}
/***** components section  ***/
.be-hero {
 display: inline-block;
  position: relative;
  width: 100%;
	height: auto;
	padding-bottom: 2em;
}
.be-hero img {
  object-fit: cover;
  height: var(--height, min(95vh, 700px));
  width: 100%;
}
.be-hero-text img {
	width: 100%;
	height: auto;
}
.be-hero-text {
	text-align: center;
	position: absolute;
	top: var(--top, 3vmin);
	width: 100%;
	padding: 3vmin 1vmin;
}
.be-hero h1 { font-size: var(--font-size, 8vh) !important; }
@media all and (max-width: 36.25em) {
.be-hero-text img { width: 8vh;}
	.be-hero h1, .be-hero-text h1 { font-size: 5vh !important; }
}
/* hack tooltip */
.be-tooltip {
    display: inline-block;
    position: relative;
    border-bottom: 1px dashed var(--asbestos);
}
.be-tooltip:hover {
    cursor: help;
}
.be-tooltip:hover .be-tooltip-text, 
.be-tooltip:hover .be-tooltip-text-bottom {
 animation: fadein 0.9s;
 visibility: visible;
}
.be-tooltip-text,
.be-tooltip-text-bottom {
		visibility: hidden;
    padding: .6em;
    position: absolute;
	  color: var(--clouds);
	  transform: translateX(-50%);
    min-width: 13em;
	  text-align: center;
    background: var(--midnight-blue);
	 	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}
.be-tooltip-text {
    bottom: 140%;
    left: 60%;
}
.be-tooltip-text::after {
    top: 100%;
    left: 50%;
}
.be-tooltip-text-bottom {
    bottom: -260%;
    left: 60%;
}
.be-tooltip-text::after,
.be-tooltip-text-bottom::after {
  	position: absolute;
    content: '';
    border-width: 9px;
    border-style: solid;
    border-color: var(--midnight-blue) transparent transparent;
}
.be-tooltip-text-bottom::after {
    top: -35%;
    left: 45%;
		rotate: 180deg;		
}
/* tabs hack-tabs */
.be-tabs, .be-tabs-v {
  display: flex;
 /*  max-width: 600px; */
  margin: 0 auto;
  background-color: var(--white);
  border: .6px solid var)--dark-dark);
}
.be-tabs { flex-direction: column; }
.be-tabs-v { flex-direction: row; }
.be-tabs input[type="radio"], .be-tabs-v input[type="radio"] {
  display: none;
}
.be-tabs label, .be-tabs-v label {
  padding: 10px 20px;
  background-color: var(--clouds);
  cursor: pointer;
	border: .6px solid #ccc;
}
.be-tabs input[type="radio"]:checked + label,
.be-tabs-v input[type="radio"]:checked + label
{
  background-color: var(--light-shades);
}
.be-tabs .be-tab-content, .be-tabs-v .be-tab-content {
  display: none;
  padding: 20px;
}
.be-tabs input[type="radio"]:checked + label + .be-tab-content,
.be-tabs-v input[type="radio"]:checked + label + .be-tab-content {
  display: block;
/*  border: .6px solid #ccc; */
  border-top: none;
/*	box-shadow: 0 6px 9px 0 rgba(0,0,0,0.2); */
}
/* Tabs Panels begins  */
.be-tabs-panels-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.be-tabs-container label {
  cursor: pointer;
  padding: 10px 20px;
  margin: 0px 2px;
  background: var(--clouds);
  display: inline-block;
/*	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2); */
}
@media all and (max-width: 31.25em) {
	.be-tabs-container label  {
display: block;
	}
}
.be-panels-container {
  background: var(--white);
/*	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2); */
  min-height: 200px;
  width: 100%;
  max-width: 600px;
  overflow: hidden;
  padding: 20px;
}
.be-panel { /* see effects */
  display: none;
  animation: fadein 0.8s;
}
.be-tabs-panels-container input { display: none; }

#label-1:checked ~ .be-panels-container #panel-1,
#label-2:checked ~ .be-panels-container #panel-2,
#label-3:checked ~ .be-panels-container #panel-3 {
  display: block;
}
#label-1:checked ~ .be-tabs-container #tab-1,
#label-2:checked ~ .be-tabs-container #tab-2,
#label-3:checked ~ .be-tabs-container #tab-3 {
  background: var(--white);
  color: #000;
/*  border-top: 2px solid var(--silver); */
	padding-top: .7em;
}
/* hack blockquote */
.be-blockquote {
  font-size: var(--blockquote-font-size);
  max-width: 450px;
  margin: 4vmin 2vmin 4vmin 7vmin;
  font-family: var(--font-type-4);
  font-style:italic;
  color: var(--asbestos);
  padding:1.2em 65px;
	line-height:1.5;
  position: relative;
}
.be-quote::before, .be-quote-left::before {
  font-family: var(--font-type-1);
  content: "\201C";
  color: var(--silver);
  font-size:6em;
  position: absolute;
  left: 10px;
  top:-10px;
}
.be-quote::after, .be-quote-right::after {
	font-family: var(--font-type-1);
  content: "\201D";
  color: var(--silver);
  font-size:6em;
  position: absolute;
  right: 10px;
  bottom: -30px;
}
.be-blockquote span {
  display:block;
  color:#333333;
  font-style: normal;
  font-weight: bold;
  margin-top:1em;
}
/*** hack-buttons ****/
.be-btn {
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  margin: 2px;
  cursor: pointer;
	border: none;
	min-width: 5em;
}
.be-btn-medium {
  padding: 15px 20px;
  font-size: 15px;
 }
.be-btn-big {
  padding: 17px 30px;
	font-size: 18px;
 }
.be-btn-giant {
  padding: 20px 35px;
	font-size: 25px;
 }
.be-btn-ghost {
	border: .5px solid var(--dark-dark);
	background-color: transparent;
}
.be-btn-pill, .be-bdr-pill { border-radius: 9999px; }
/* button for close popups windows */
.be-btn-close {
	background-color: var(--black);
	color: var(--white);
	border-radius: 50%;
	padding: .5px 6px;
	position: absolute;
  top: -13px;
  right: -13px;
	font-weight: bold;
	border-style: solid;
}
@media all and (max-width: 43.75em) {
	.be-btn-close { 
			top: -10%;
			right: 50%;
		}
}
.be-btn-close::after {
  content: "X";
  font-size: 1em;
}
.be-group-vertical .be-btn {
	display: block !important;
	margin: 0.5px;
}
/* width classes */
.be-width-3 { max-width: 3em !important;}
.be-width-5 { max-width: 5em !important;}
.be-width-10 { max-width: 10em !important;}
.be-width-15 { max-width: 15em !important;}
.be-width-20 { max-width: 20em !important;}
.be-width-30 { max-width: 30em !important;}
.be-width-40 { max-width: 40em !important;}
.be-width-50 { max-width: 50em !important;}
.be-width-full { width: 100% !important; }

/* height 5 to 10 em classes */
.be-height-5 { min-height: 5em !important; }
.be-height-6 { min-height: 6em !important; }
.be-height-7 { min-height: 7em !important; }
.be-height-8 { min-height: 8em !important; }
.be-height-9 { min-height: 9em !important; }
.be-height-10 { min-height: 10em !important; }

/* Fix something to the top when scrool */
.be-sticky {
  position: -webkit-sticky; /* Safari */
  position: sticky !important;
  top: 0;
	z-index: 9999;
}
.be-fixed {
	position: fixed;
  top: 0;
	width: 100%;
	z-index: 9999;
}
/** hack admonitions **/
.be-advice {
	padding: 15px;
	margin-bottom: 20px;
	margin-top: 20px;
	border-left: 10px solid transparent;
	max-width: 400px;
}
.be-advice .be-advice-title {
	margin:0;
	text-transform: uppercase;
	padding-left: 3px;
	border: .6px solid;
	border-style: hidden hidden solid;
	font-size: 1em;
	font-weight: bold;
  font-family:Arial;
}
.be-advice .be-advice-content, .be-advice li {
	font-size: 1em; 
	color: var(--wet-asphalt);
	line-height: 1.5em;
	font-family: Verdana, sans-serif;
}
/* advice note */
.be-advice-note {
    border-color: #ffff00;
    background-color: #ffffe6;
    color: gold;
}
.be-advice-note  .be-advice-title::after{
  content: "\2691    NOTE";
  color: gold;
  position: relative;
}
/* advice warning */
.be-advice-warning {
    border-color: #ff531a;
    background-color: #ffe6e6;
    color: #ff531a;
}
.be-advice-warning  .be-advice-title::after{
  content: "\26A0   WARNING";
  color: #ff531a;
  position: relative;
}
/* advice important */
.be-advice-important {
    border-color: orange;
    background-color: #ffebcc;
    color: orange;
}
.be-advice-important .be-advice-title::after{
  content: "\261E   IMPORTANT";
  color: orange;
  position: relative;
}
/* advice tip */
.be-advice-tip {
    border-color: var(--peter-river);
    background-color: #e6f2ff;
    color: var(--peter-river);
}
.be-advice-tip .be-advice-title::after{
  content: "\2618   TIP";
  color: var(--peter-river);
  position: relative;
}
/* MODAL */
.be-modal, .be-msg {
  display: none;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	}
.be-modal {
  background: rgba(9,9,9,0.8);
	z-index: 99999;
	backdrop-filter: blur(2px);
}
.be-modal:target, .be-msg:target {
  display: flex;
	align-items: center;
}
.be-modal-content {
	padding: 1em;
	position: relative;
	display: block;
	margin: auto;
	border-radius: 4px;
	max-width: 500px;
	box-sizing: content-box;
}
.be-msg-content {
	position: relative;
	display: block;
	margin: auto;
	width: 400px;
	background: var(--clouds);
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.be-msg-content p { padding: 1em; }
.be-msg-title {
	background: var(--midnight-blue);
	padding: .3em;
	font-size: 1.3em;
	color: var(--clouds);
	text-align: center;
	text-transform: uppercase;
}
/*************** * cards * ***********/
/* hack-cards */
.be-card {
	display: grid;
	border: .5px solid var(--silver);
	transition: 0.3s;
	background-color: var(--white);
  list-style-type: none;
	max-width: 35em;
}
.be-card p { 
	color: var(--concrete);
	font-size: var(--caption-font-size);
	margin: .5em 0;
}
.be-card-container  {	padding: .4em .8em;}
.be-card img  { 
	width: 100% !important;
	object-fit: cover;
}

/* card price */
.be-card-price {
  list-style-type: none;
  border: 1px solid var(--clouds);
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
	max-width: 40em;
}
.be-card-price .be-price-header {
  background-color: var(--dark-dark);
  color: var(--white);
  font-size: 25px;
}
.be-card-price li {
  border-bottom: 1px solid var(--clouds);
  padding: 20px;
  text-align: center;
}
.be-card-price .be-bg-clouds { font-size: 20px; }
/* buttom modification for this cards */
.be-card-price .be-btn {
	padding: 1em 3em;
	font-size: 14px;
}
/*** hack nav menu ***/
.be-nav { 
		background-color: var(--dark-dark);
		z-index: 9999;
	} 
.be-nav-items img {	height: 14px; }
nav input {  display: none;}
.be-nav-items, .be-nav-basic {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.be-nav-items li, .be-nav-basic li {
  display: inline-block;
	margin-left: 0px;
	padding: 0px;
}
.be-nav-items li a, .be-nav-basic li a {
  display: block;
  padding: 13px;
  text-decoration: none;
}
.be-nav-items li a:hover, .be-nav-basic li a:hover {
  background-color: var(--light-shades);
}
.be-burger {
  display: none;
  cursor: pointer;
}
.be-nav-menu input { 
display: none;
}
@media (max-width: 37.50em) {
  .be-nav-items {
    display: none;
  }
.be-burger-right { right: 7px; }
	.be-burger {
    display: block;
    position: absolute;
    font-size: 20px;
    z-index: 999;
		background: var(--brand-color);
		padding: 4px;
		color: var(--white);
		margin: 6px;
  }
	.be-burger::after {	content: "\2630"; }
 .be-nav-menu { 
 		padding-bottom: 45px; 
		background: var(--dark-dark);
		z-index: 999;

	} 
	#menu-toggle { display: none; }
  #menu-toggle:checked ~ .be-nav .be-nav-items {
		display: block;

	}
	.be-nav-items li { 
 		display: block;
		text-align: center;
		padding: 0;
		width: 100%;
		border-bottom: solid 1px var(--silver);
	} 
}
/******* hack table *******/
.be-table {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
	margin-bottom: 1.5em;
}
.be-table td, .be-table th {
  border: .5px solid var(--silver);
  padding: 8px;
}
.be-table-even tr:nth-child(even){background-color: var(--clouds);}
.be-table tr:hover {background-color: var(--clouds);}
.be-table th {
	padding: 12px 12px;
  text-align: left;
}
.be-table-responsive { overflow-x: auto; }
/******* hack footer *******/
.be-footer {
  left: 0px;
	width: 100%;
	background-color: var(--dark-dark);
  bottom: 0px;
	padding: 20px 15px;
}
.be-footer [class^="be-grid-container"] {
	grid-gap: 5em;
}
.be-footer li { list-style-type: none; }
.be-footer p {color: var(--light-shades);}
.be-footer .be-column-container {
	gap: 30px;
	padding-bottom: 3em;
}

/* negative classes must be at the end */
.be-not-padding { padding: 0 !important;}
.be-bdr-none, .be-bdr-none.be-table td, .be-bdr-none.be-table th { border: 0px none !important; }
.be-not-color { background-color: transparent !important; }
.be-not-hover {	pointer-events: none !important;}
.be-not-rounded {	border-radius: 0px !important; }
.be-not-margin { margin: 0px !important;}
.be-not-margin .be-btn { margin: 0 -3px !important;}

/* local variables for overriding keep at end*/
.be-text-color,
.be-text-color a:link,
.be-text-color:hover,
.be-text-color a:visited { color: var(--text-color, black) !important; }
.be-width, .be-width td { max-width: var(--width, 0) !important;}
.be-height { min-height: var(--height, 0) !important; }
.be-gap { gap: var(--gap, 0) !important; }
.be-font-size { font-size: var(--size, 0); }
.be-margin { margin: var(--margin, 0); }
.be-padding {
	padding-left: var(--padding-left, 0);
	padding-right: var(--padding-right, 0);
	padding-top: var(--padding-top, 0);
	padding-bottom: var(--padding-bottom, 0);
}
/* border */
.be-bdr { 
	border: var(--bdr, .5px solid) !important;
}
.be-bdr-var { 
	border-top: var(--bdr-top) !important;
	border-left: var(--bdr-left) !important;
	border-bottom: var(--bdr-bottom) !important;
	border-right: var(--bdr-right) !important;
} 
.be-bdr-top { border-top: .5px solid; }
.be-bdr-right { border-right: .5px solid; }
.be-bdr-bottom { border-bottom: .5px solid; }
.be-bdr-left { border-left: .5px solid; }
.be-bdr-dotted { border-style: dotted !important; }
.be-bdr-dashed { border-style: dashed !important; }
.be-bdr-1 { border-width: 1px !important; }
.be-bdr-2 { border-width: 2px !important; }
.be-bdr-3 { border-width: 3px !important; }
.be-bdr-4 { border-width: 4px !important; }
.be-bdr-5 { border-width: 5px !important; }
@media all and (min-width: 900px) {
	.be-h100 { height: 100vh;	} }


.be-divider-bottom {
  clip-path: polygon(0 0,100% 0,100% calc(100% - 50px),50% 100%,0 calc(100% - 50px));
}
.be-divider-top {
  clip-path: polygon(0 0,50% 50px,100% 0,100% 100%,0 100%);
  margin-top: -40px;
}
.be-gradient {
	background: radial-gradient(circle, rgba(248,178,1,1) 72%, rgba(255,144,0,1) 99%);
}

.be-margin-block-auto { margin-block: auto; }