/* Fuentes Locales public/fonts/  */
@font-face
{
	font-family: "RobotoFlex";
    src: url('/fonts/RobotoFlex.ttf');
    font-weight: normal;
    font-style: normal;
    font-optical-sizing: auto;
    font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "XOPQ" 96,
    "XTRA" 468,
    "YOPQ" 79,
    "YTAS" 750,
    "YTDE" -203,
    "YTFI" 738,
    "YTLC" 514,
    "YTUC" 712;
}

@font-face 
{
	font-family: "CalSans";
	src: url("/fonts/CalSans.ttf");
	font-weight: normal;
    font-style: normal;
    font-optical-sizing: auto;
}

@font-face 
{
	font-family: "Pangolin";
	src: url("/fonts/Pangolin.ttf");
	font-weight: normal;
    font-style: normal;
    font-optical-sizing: auto;
}

@font-face 
{
	font-family: "CSIWeb";
	src: url("/fonts/MyClicker.ttf");
	font-weight: bold;
    font-style: normal;
    font-optical-sizing: auto;
}

.RobotoFlex { font-family: 'RobotoFlex';  }
.CalSans { font-family: 'CalSans';  }
.Pangolin { font-family: 'Pangolin'; }
.CSIWeb { font-family: 'CSIWeb';  }

* {
	padding: 0;
	margin: 0;
  }
  
html
{
	margin: 0px;
	padding: 0px;
	width: 100vw;
	height: 100vh;
	position: static;
	overflow-x: hidden;
	overflow-y: auto;
}

body 
{
	background-color: #FFE8D0;
	margin:0px;
	font-family: 'RobotoFlex', 'sans-serif';
	font-size: 14px;
	font-weight: 400;
	line-height: 26px;
	overflow-x: hidden;
	text-align:center;
	/*
	scrollbar-face-color:#477B8F;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color:#C0C0C0;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#5A92AD;
	scrollbar-arrow-color:#8FB7CF;
	scrollbar-track-color:#5A96AD;
	
	*/
}

input:invalid 
{
    border: 1px solid #B00000;
}

input[type="text"] {
	text-transform: capitalize;
}


input[type="email"] {
	text-transform: lowercase;
}

.footer
{
	color: #FFF;
	text-decoration: none;
	line-height: 30px;
	font-weight: normal;
}

.banner-mono
{ 
	width: 100%;
	height: auto;
	object-fit: contain;
}

.loader {
	position: fixed;
	right: 2%;
	bottom: 0%;
	width: 15vmin;
	visibility: hidden;
	}

@media only screen and (max-width: 750px)
{
	form
	{
		width: 70% !important;
	}

	.squeezy
	{
		width: 70% !important;
	}

	.bannertop
	{
		width: 100% !important;
	}
}