@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

*{margin:0; box-sizing:border-box;}
html, body {
	text-align: left;
	margin:0 auto;
	padding:0;
	width:100%;
	min-height:100vh;
	scroll-behavior: smooth;	
	line-height: 1.5em;
	letter-spacing: 0px;
	height: 100%;
	background:#f3f5f7;
}
body {
	position:relative;
	overflow-x:hidden;
	font-family: "Barlow", sans-serif;
    font-weight: 400;
    font-style: normal;	
}
img {
	margin:0 auto;
	padding:10px;
	max-width:100%;
	display: inline-block;
}

/* Text */
p {
	margin: 0;
	padding: 3px 10px 12px;
	overflow-wrap: break-word;
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Inter", sans-serif;
  font-size: 40px;
  font-weight: 600;
  font-style: normal;
  padding: 10px;
  margin: 0 0 10px;
  line-height: 1.3em;
  text-transform: uppercase;
}
h1{
	letter-spacing: 0px;
	letter-spacing: 0px;
	overflow-wrap: break-word;
}
h2{	
	letter-spacing: 0px;
	letter-spacing: 0px;
	overflow-wrap: break-word;
	font-size: 33px;
}
h3{
	letter-spacing: 0px;
	letter-spacing: 0px;
	overflow-wrap: break-word;
	font-size: 30px;
}
h4{	
	letter-spacing: 0px;
	letter-spacing: 0px;
	overflow-wrap: break-word;
	font-size: 25px;
	font-weight:500;
}
h5{
	letter-spacing: 0px;
	letter-spacing: 0px;
	overflow-wrap: break-word;
	font-size: 20px;
	font-weight:500;
}
h6{
	letter-spacing: 0px;
	letter-spacing: 0px;
	overflow-wrap: break-word;
	font-size: 18px;
	font-weight:500;
}
ul{
	list-style:none;
	margin: 0;
	padding: 15px;
	outline:none;
}
ol{
	margin: 0;
  	padding: 15px 15px 15px 30px;
}
li{
	margin:0;
	padding:0;
}
u{
	text-decoration: none;
	border-bottom: 1px solid;
}
small{
	font-size:16px;
}
b, strong{
	font-weight:700;
}
code{
	color: #2E8BC0;
}
mark{
	padding: 1px 6px;
}
del{
	color:#880808;
}
a{
	text-decoration:none;
	color: inherit;
	outline: none;
	transition:1s;
	cursor:pointer;
	opacity:.7;
}
a:hover{
	text-decoration:underline;
	opacity:1;
}
div {
	position:relative;
	margin:0;
	padding:5px;
}
span {
	display: inline-block;
}
hr {
}
article {
}
section {
}
/* Forms */
input{
  transition: 180ms box-shadow ease-in-out;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
input[type="file"],
input[type="number"],
input[type="date"],
select, 
textarea {
  font-size:0.9em;
  color: #5d5d66;
  border: 1px solid #e8e8e9;
  border-radius: 3px;
  /* border-radius: 30px;  Rounded corners = pill */
  background: #fafafa;
  outline: none;
  display:block;
  width: 100%;
  line-height: 1.4em;
  padding: 10px 12px;  
}
textarea {
  resize: none;
  height:100px;
}
input[type="checkbox"],
input[type="radio"] {
	border: 1px solid #e8e8e9;
  background-color: #fafafa;
  width: 18px;
  height: 18px;
  border-radius: 3px;
  appearance: none;
  margin-right:10px;
}
input[type="radio"] {
  border-radius: 30px;
}
input[type="checkbox"]:checked,
input[type="radio"]:checked {
  background-color: #31c77f;
  border-color: #31c77f;
}
input[type="checkbox"] + label,
input[type="radio"] + label {
	font-size: 17px;
  cursor: pointer;
  line-height: 1.2em;
  display: inline-block;
  margin: 0;
  padding: 0;
  top: -3px;
  position: relative;
}
input[type="checkbox"]:checked + label::before,
input[type="radio"]:checked + label::before {
    content: '\2713';
    display: block;
  text-align: center;
  color: #fff;
  position: absolute;
  left: -29px;
  top: 0;
  font-size: 14px;
  font-weight: 900;
}
input[type="radio"]:checked + label::before {
    content: '\25CF';
	font-size: 21px;
	top: -2px;
	left: -30px;
}
input[type="checkbox"]:focus{
    outline:0;
}
/* Responsive Alterations */
/* Small Screen */
@media screen and (max-width: 1280px){
h6 {font-size:15px;}
}
/* Large Tablet */
@media screen and (max-width: 1023px){

}
/* Small Tablet */
@media screen and (max-width: 767px){
}
/* Cellphone */
@media screen and (max-width: 479px){
	html, body {min-width:480px;}
}