@charset "utf-8";
/* CSS Document */

@import url("https://use.typekit.net/ljo2qle.css");

/* Start of Desktop styling */
@media screen and (min-width: 1024px){
 
    html{
        margin:0vw;
        padding:0vw;
    }
    
    body{
        background-color: rgba(3,123,132,0.2);
        margin:0vw;
        padding:0vw;
    }
    
    #desktoponly{
        display: block;
    }
    
    #mobileonly{
        display: none;
    }
	
	.terms{
		position:fixed;
		bottom:0vw;
		right:0vw;
		width: auto;
		padding:0.5vw;
		background-color: rgba(3,123,132,1.0);
		font-size: 0.6vw;
		font-family: "Lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        color:rgba(255,255,255,1.0);
		text-decoration: none;
		border-radius: 0.5vw 0vw 0vw 0vw;
	}
	
	.terms a{
		font-size: 0.6vw;
		font-family: "Lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        color:rgba(255,255,255,1.0);
		text-decoration: none;
		margin: 0vw 0.5vw;
	}
	
	.terms a:hover{
		text-decoration: underline;
	}
    
    .warning_heading{
        width:85.5vw;
        background-color: rgba(234,88,51,0.2);
        border-style: solid;
        border-color:rgba(234,88,51,1.0);
        display:block;
        margin:3vw 0vw 3vw 0vw;
        border-width: thin;
        padding:2vw;
    }
    
    .warning_heading h4{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:0.8vw;
        color:rgba(127,127,127,1.0);
        margin:1vw;
    }
    
    .publicnav{
        width:100vw;
        height:6vw;
        position:fixed;
        top:0vw;
        left:0vw;
        background: rgb(3,123,132);
        border-bottom-style: solid;
        border-bottom-width: 0.3vw;
        border-bottom-color: rgba(255,107,108,1.0);
        z-index:1000;
    }
    
    .publicnav img.logo{
        height:auto;
        width:11vw;
        padding:1vw 1vw 1vw 3vw;
        display:inline-block;
        float:left;
    }
    
    .publicnav .nav_active{
        display:inline-block;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        float:left;
        color:rgba(255,255,255,1.0);
        text-decoration:none;
        margin-left: 0vw;
        padding:1vw 0.5vw 0vw 0.5vw;
        line-height: 4vw;
        font-size: 1vw;
    }c
    
    .publicnav .nav_active::after{
        content: ">";
        font-family: poppins, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size:2vw;
        color:rgba(255,255,255,1.0);
        float:right;
        margin-left:0.2vw;
    }
    
    .publicnav .inactive{
        display:inline-block;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        float:left;
        color:rgba(255,255,255,0.4);
        text-decoration:none;
        margin-left: 0vw;
        padding:1vw 0.5vw 0vw 0.5vw;
        line-height: 4vw;
        font-size: 1vw;
    }
    
    .publicnav .inactive::after{
        content: ">";
        font-family: poppins, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size:2vw;
        color:rgba(136,171,202,0.4);
        float:right;
        margin-left:0.2vw;
    }
    
    .publicnav .complete{
        display:inline-block;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        float:left;
        color:rgba(3,123,132,1.0);
        text-decoration:none;
        margin-left: 1vw;
        padding:0vw 1.5vw 0vw 1.5vw;
        line-height: 5vw;
        font-size: 1vw;
    }
    
    .publicnav .complete::after{
        content: ">";
        font-family: poppins, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size:6vw;
        color:rgba(3,123,132,1.0);
        float:right;
        margin-left:1vw;
    }
    
    .maincontent{
        width:91vw;
        display:block;
        margin-top:7vw;
        margin-left:5vw;
        overflow: hidden;
    }
    
    .maincontent img.app_logo{
        width:30vw;
        margin-left:30vw;
    }
    
    .maincontent h1{
        position:relative;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:2.5vw;
        color:rgba(3,123,132,1.0);
        display:block; 
        text-align:left;
    }
        
    .fullbox{
        width:90vw;
        background-color: rgba(255,255,255,1.0);
        border-style: solid;
        border-color: rgba(241,20,143,1.0);
        float:left;
        margin-left:0vw;
        margin-right:0vw;
        margin-bottom:2vw;
        border-width: thin;
        border-radius:0.5vw;
    }
    
    .fullbox h2{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:1.5vw;
        color:rgba(127,127,127,1.0);
        margin:1vw;
    }
    
    .fullbox h3{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:1vw;
        color:rgba(6,6,38,1.0);
        margin:1vw;
    }
    
    .fullbox label{
        width:10vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .fullbox label.half{
        width:40vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .fullbox label.narrow{
        width:6vw;
        margin:0vw 0vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .fullbox label.sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .fullbox p{
        width:88vw;
        margin:1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .fullbox small{
        width:100%;
        margin:1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.6vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .fullbox strong{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        color:rgba(6,6,38,1.0);
    }
    
    .fullbox input[type=text]{
        width:25vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=text].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=tel].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=email].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=date].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=time].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox select.sixth{
        width:12.5vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=text]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=text]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=text]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=password]{
        width:25vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=password]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=password]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=password]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=number]{
        width:25vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .fullbox input[type=number]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=number]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=number]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox textarea{
        width:70vw;
        height:10vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .fullbox textarea:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox textarea:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox textarea:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=tel]{
        width:25vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .fullbox input[type=tel]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=tel]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=tel]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=email]{
        width:25vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .fullbox input[type=email]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=email]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=email]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=date]{
        width:25vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .fullbox input[type=date]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=date]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=date]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=time]{
        width:25vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    
    
    .fullbox input[type=time]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=time]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=time]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox select{
        width:26vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .fullbox select:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox select:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox select:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=submit]{
        width:auto;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(0,0,0,1.0);
        margin:1vw 0vw 1vw 1vw;
        cursor:pointer;
    }
    
    .fullbox input[type=submit]:hover{
        border-color:rgba(251,193,72,1.0);
        background-color:rgba(251,193,72,1.0);
        color:rgba(0,0,0,1.0);
    }
    
    .fullbox input[type=button]{
        width:auto;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,1.0);
        margin:1vw 0vw 1vw 1vw;
        cursor:pointer;
    }
    
    .fullbox input[type=button]:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(255,85,39,1.0);
        color:rgba(255,255,255,1.0);
    }
    
    .fullbox img.headshot{
        width:20vw;
        height:auto;
        margin-left:1vw;
    }
    
    .fullbox iframe{
        width:80vw;
        height:50vw;
        margin:0vw 5vw;
    }
    
    canvas{
		border-bottom-width: thin;
		border-style: solid;
		border-color:rgba(180,180,180,1.0);
		width:30vw;
		height:10vw;
		display:inline-block;
		margin-bottom:1vw;
		cursor: crosshair;
        margin-left:1vw;
	}
	
	.signature-pad{
		width:50%;
	}
    
    img.wa{
        width:10vw;
        height:auto;
    }
    
    input[type=file]{
        font-family: "lato", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:1vw;
        margin-left:1vw;
    }
    
    progress{
        margin-left:1vw;
    }
    
    input[type=submit].large{
        width:90vw;
        float:left;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(0,0,0,1.0);
        margin:1vw 0vw 3vw 0vw;
        cursor:pointer;
    }
    
    input[type=submit].large:hover{
        border-color:rgba(251,193,72,1.0);;
        background-color:rgba(251,193,72,1.0);;
        color:rgba(0,0,0,1.0);
    }
    
    a.largebutton{
        width:90vw;
        float:left;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw 0vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(0,0,0,1.0);
        margin:1vw 0vw 3vw 0vw;
        cursor:pointer;
        text-decoration:none;
    }
    
    a.largebutton:hover{
        border-color:rgba(251,193,72,1.0);
        background-color:rgba(251,193,72,1.0);
        color:rgba(0,0,0,1.0);
    }
    
    a.disabledlargebutton{
        width:80vw;
        float:left;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(0,0,0,0.4);
        margin:1vw 5vw 3vw 5vw;
        cursor:not-allowed;
        text-decoration: none;
    }
    
      	/* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: rgba(3,123,132,0.05);
  font-size:1.5vw;
  font-family: "lato", sans-serif; 
  font-weight: 700;
  font-style: normal;
  color: rgba(66,75,84,1.0);
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  margin-top:0vw;
  padding:0.5vw;
  transition: 0.8s;
  cursor:zoom-in;
  border-bottom-width:thin;
  border-bottom-style: solid;
  border-bottom-color: rgba(3,123,132,1.0);    
}
    
.collapsible::after {
  content: '▼'; /* Downward arrow */
  font-size: 1.4vw; /* Adjust size as needed */
  position: absolute;
  right: 10vw; /* Position the arrow to the right */
  transition: transform 0.3s ease;
}    
    
.collapsible.active::after {
  transform: rotate(180deg); /* Rotate the arrow */
}    

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active {
  background-color: rgba(3,123,132,1.0);
    cursor: zoom-out;
}
    
.collapsible:hover {
  background-color: rgba(3,123,132,1.0);
}    

/* Style the collapsible content. Note: hidden by default */
.content {
  padding:0.5vw;
  display: none;
  overflow: hidden;
  background-color: rgba(3,123,132,0.2);
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-bottom-color: rgba(3,123,132,1.0);
    margin-bottom:1vw;
}
        
    .halfbox{
        width:43vw;
        background-color: rgba(255,255,255,1.0);
        border-style: solid;
        border-color:rgba(127,127,127,1.0);
        float:left;
        margin-left:0.4vw;
        margin-right:0.4vw;
        margin-bottom:2vw;
        border-width: thin;
    }
    
    .halfbox h2{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:1.5vw;
        color:rgba(127,127,127,1.0);
        width:38vw;
        margin:1vw;
    }
    
    .halfbox h3{
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        color:rgba(6,6,38,1.0);
        width:38vw;
        margin:1vw;
    }
    
    .halfbox label{
        width:13vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .halfbox label.narrow{
        width:6vw;
        margin:0vw 0vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .halfbox p{
        width:38vw;
        margin:1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .halfbox input[type=text]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=text]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=text]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=text]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=tel]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=tel]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=tel]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=tel]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=email]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=email]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=email]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=email]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=date]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.25vw 0.5vw 0.25vw 0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=date]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=date]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=date]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=time]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=time]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=time]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=time]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox select{
        width:26vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox select:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox select:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox select:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=submit]{
        width:auto;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(0,0,0,1.0);
        margin:1vw 0vw 1vw 1vw;
        cursor:pointer;
    }
    
    .halfbox input[type=submit]:hover{
        border-color:rgba(251,193,72,1.0);
        background-color:rgba(251,193,72,1.0);
        color:rgba(0,0,0,1.0);
    }
    
    
    table.terms{
        width:100%;
        border-style: solid;
        border-width: thin;
        background-color: rgba(6,6,38,1.0);
    }
    
    table.terms th{
        text-align:left;
        background-color:rgba(6,6,38,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "lato", sans-serif;
		font-weight: 700;
		font-style: normal;
        border-style: solid;
        border-width: thin;
        border-color:rgba(6,6,38,1.0);
        padding:0.5vw;
        width:auto;
    }
    
    table.terms td{
        text-align:left;
        color:rgba(6,6,38,1.0);
        font-family: "lato", sans-serif;
		font-weight: 400;
		font-style: normal;
        font-size:0.7vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(255,255,255,1.0);
        background-color: rgba(255,255,255,1.0);
        padding:0.2vw;
    }
    
    table.addrefs{
        width:100%;
        border-style: none;
        background-color: rgba(251,193,72,1.0);
        margin: 2vw 0vw;
    }
    
    table.addrefs th{
        text-align:left;
        background-color:rgba(251,193,72,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "lato", sans-serif;
		font-weight: 700;
		font-style: normal;
        border-style: solid;
        border-width: thin;
        border-color:rgba(251,193,72,1.0);
        padding:0.5vw;
        width:auto;
    }
    
    table.addrefs td{
        text-align:left;
        color:rgba(0,0,0,1.0);
        font-family: "lato", sans-serif;
		font-weight: 400;
		font-style: normal;
        font-size:0.8vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(255,255,255,1.0);
        background-color: rgba(255,255,255,1.0);
        padding:0.5vw;
    }
    
    table.addrefs input[type=text]{
        width:80%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs input[type=text]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs input[type=text]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs input[type=text]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs input[type=date]{
        width:80%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs input[type=date]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs input[type=date]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs input[type=date]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs input[type=time]{
        width:80%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs input[type=time]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs input[type=time]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs input[type=time]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs input[type=email]{
        width:80%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs input[type=email]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs input[type=email]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs input[type=email]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs select{
        width:100%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs select:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs select:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs select:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs input[type=button]{
        width:auto;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,1.0);
        margin:1vw 0vw 1vw 1vw;
        cursor:pointer;
    }
    
    table.addrefs input[type=button]:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(255,85,39,1.0);
        color:rgba(255,255,255,1.0);
    }
    
    /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 3vw !important;
  height: 1vw;
  margin:0.5vw;
    margin-right:0vw !important;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 0.6vw;
  width: 0.6vw;
  left: 0.2vw;
  bottom: 0.2vw;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: rgba(3,123,132,1.0);
}

input:checked + .slider:before {
  -webkit-transform: translateX(2vw);
  -ms-transform: translateX(2vw);
  transform: translateX(2vw);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
    
   /* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 1.5vw;
  transition: 0.3s;
  font-family: "lato", sans-serif;
		font-weight: 400;
		font-style: normal;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0.5vw;
  border: 1px solid #ccc;
  border-top: none;
  overflow:hidden;
}    
    
    .sysinfo{
        width:auto;
        height:1vw;
        position:fixed;
        bottom: 0vw;
        right:0vw;
        background-color:rgba(6,6,38,1.0);
        padding:0vw 1vw 0vw 1vw;
        font-size: 0.6vw;
        color:rgba(255,255,255,1.0);
        font-family: courier-std, monospace;
        font-weight: 400;
        font-style: normal;
        text-align:right;
        border-radius: 1vw 0vw 0vw 0vw;
    }
    
    .sysinfo a{
        color:rgba(255,255,255,1.0);
        text-decoration:none;
    }
    
    .sysinfo a:hover{
        color:rgba(3,123,132,1.0);
        text-decoration: underline;
    }
    
    
.popout{
	background-color:rgba(6,6,38,0.75);
	width:100%;
	height:100%;
	z-index: 10000;
	position: fixed;
	top:0px;
	left:0px;
    backdrop-filter:blur(0.1vw);
}

.popoutbox{
	position:relative;
	top: 5vw;
	left: 9vw;
	width: 80vw;
	padding:2vw;
    max-height:70vh;
	background-color: rgba(242,242,242,1.00);
	border-style: solid;
	border-width: thin;
	border-color:#FFFFFF;
	margin-bottom:4vh;
	box-shadow: 0px 0px 70px 0px #222222;
	overflow-y:scroll;
    overflow-x:hidden;
}

.popoutbox img.closeicon{
        width:2vw;
        height:2vw;
        cursor: pointer;
        position:absolute;
        top:0vw;
        right:0vw;
    }
    
    .popoutbox img.popoutheadshot{
        width:auto;
        height:60vh;
        max-height:60vh;
    }   
    
    .popoutbox h2{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:1.5vw;
        color:rgba(127,127,127,1.0);
        width:auto;
        margin:1vw;
        text-align: left;
    }
    
    .popoutbox p{
        margin:1vw;
    }
    
    .popoutbox h3{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:1.2vw;
        color:rgba(127,127,127,1.0);
        width:38vw;
        margin:1vw;
        text-align: left;
    }
    
    .popoutbox {
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .popoutbox label{
        width:13vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=file]{
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        margin:0vw 0vw 1vw 1vw;
    }
    
    ::-webkit-file-upload-button {
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
}
    
    .popoutbox small{
        margin: 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.7vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .popoutbox .classificationsection{
        width:40%;
        display:inline-block;
        vertical-align: top;
    }
    
    .popoutbox .classificationbuttons{
        width:10%;
        display:inline-block;
        vertical-align: top;        
    }
    
    .popoutbox select{
        width:26vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox select.hours{
        width:11vw;
        margin:0.2vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=time].hours{
        width:6vw;
        margin:0.2vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox select:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox select:valid{ 
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox select:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox input[type=submit], input[type=reset], a.button{
        width:auto;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(0,0,0,1.0);
        margin:0vw 0vw 1vw 1vw;
        cursor:pointer;
        display:inline-block;
        text-decoration:none;
    }
    
    .popoutbox input[type=submit]:hover, input[type=reset]:hover, a.button:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(251,193,72,1.0);;
        color:rgba(0,0,0,1.0);
    }
    
    .popoutbox input[type=datetime-local]{
        width:25vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=datetime-local]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox input[type=datetime-local]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox input[type=datetime-local]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox input[type=text]{
        width:25vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=text]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox input[type=text]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox input[type=text]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox input[type=tel]{
        width:25vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=tel]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox input[type=tel]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox input[type=tel]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox input[type=date]{
        width:25vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }

    
    .popoutbox input[type=date]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox input[type=date]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox input[type=date]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox input[type=email]{
        width:25vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=email]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox input[type=email]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox input[type=email]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox textarea{
        width:50vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox th{
        background-color: rgba(6,6,38,1.0);
        color: rgba(255,255,255,1.0);
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:0.8vw;
        padding:0.5vw;
    }
    
    .popoutbox td{
        color: rgba(6,6,38,1.0);
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        padding:0.5vw;
    }    
    
}

/* Start of Mobile styling */
@media screen and (max-width: 1023px){
 
    html{
        margin:0vw;
        padding:0vw;
    }
    
    body{
        background-color: rgba(3,123,132,0.2);
		overflow-x:hidden;
		margin:0vw;
		padding:0vw;
		max-width:100vw;
	}
    
    #desktoponly{
        display: none;
    }
    
    #mobileonly{
        display: block;
    }
	
	.terms{
		display:none;
	}
    
    .warning_heading{
        width:85.5vw;
        background-color: rgba(234,88,51,0.2); 
        border-style: solid;
        border-color:rgba(234,88,51,1.0);
        display:block;
        margin:3vw 0vw 3vw 0vw;
        border-width: thin;
        padding:2vw;
    }
    
    .warning_heading h4{ 
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:3vw;
        color:rgba(127,127,127,1.0);
        margin:1vw;
    }
    
    .publicnav{
        width:100vw;
        height:10vh;
        background-color:rgba(3,123,132,1.0);
        position:fixed;
        top:0vw;
        left:0vw;
        z-index:1000;
    }
    
    .publicnav img.logo{
		height:6vh;
		margin:2vh;
        display:block;
    }
    
    .publicnav .nav_active{
        display:inline-block;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        float:left;
        color:rgba(255,255,255,1.0);
        text-decoration:none;
        margin-left: 0vw;
        padding:0vw 1.5vw 0vw 1.5vw;
        line-height: 5vw;
        font-size: 4vw;
    }
    
    .publicnav .nav_active::after{
        content: ">";
        font-family: poppins, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size:6vw;
        color:rgba(255,255,255,1.0);
        float:right;
        margin-left:1vw;
    }
    
    .publicnav .inactive{
        display:inline-block;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        float:left;
        color:rgba(255,255,255,0.5);
        text-decoration:none;
        margin-left: 0vw;
        padding:0vw 1.5vw 0vw 1.5vw;
        line-height: 5vw;
        font-size: 2vw;
    }
    
    .publicnav .inactive::after{
        content: ">";
        font-family: poppins, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size:6vw;
        color:rgba(255,255,255,0.5);
        float:right;
        margin-left:1vw;
    }
    
    .publicnav .complete{
        display:inline-block;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        float:left;
        color:rgba(3,123,132,1.0);
        text-decoration:none;
        margin-left: 1vw;
        padding:0vw 1.5vw 0vw 1.5vw;
        line-height: 5vw;
        font-size: 1vw;
    }
    
    .publicnav .complete::after{
        content: ">";
        font-family: poppins, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size:6vw;
        color:rgba(3,123,132,1.0);
        float:right;
        margin-left:1vw;
    }
    
    .maincontent{
        width:100vw;
        display:block;
        margin-top:25vw;
        margin-left:0vw;
    }
    
    .maincontent img.app_logo{
        width:30vw;
        margin-left:30vw;
    }
    
    .maincontent h1{
        font-family: "lato", sans-serif;
        font-weight: 100 !important;
        font-style: normal;
        font-size:7vw;
        color:rgba(0,0,0,1.0);
        text-align:center;
        width:100vw;
    }
        
    .fullbox{
	  padding: 5vw 2.5vw;
	  border-color:  rgba(255,107,108,1.0);
	  border-style: solid;
	  border-width: medium;
	  overflow-y:auto;
	  background-color: rgba(255,255,255,1.0);
	  border-radius: 10vw;
	  width:86vw;
	  height:70vh;
	  margin:4.5vw;
	  margin-bottom:30vw;
    }
    
    .fullbox h2{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:5vw;
        color:rgba(127,127,127,1.0);
        margin:1vw;
		display:block;
		text-align:center;
    }
    
    .fullbox h3{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:1vw;
        color:rgba(6,6,38,1.0);
        margin:1vw;
    }
    
    .fullbox label{
        width:100%;
        margin:6vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:5vw;
        display:block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
		text-align:center;
    }
    
    .fullbox label.half{
        width:40vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .fullbox label.narrow{
        width:6vw;
        margin:0vw 0vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .fullbox label.sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .fullbox p{
        width:88vw;
        margin:6vw 1vw 1vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .fullbox small{
        width:100%;
        margin:1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:2vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .fullbox strong{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        color:rgba(6,6,38,1.0);
    }
    
    .fullbox input[type=text]{
        width:95%;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
		text-align:center;
    }
    
    .fullbox input[type=text].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=tel].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=email].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=date].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=time].sixth{
        width:12vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox select.sixth{
        width:12.5vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=text]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=text]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=text]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=password]{
        width:90%;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .fullbox input[type=password]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=password]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=password]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=number]{
        width:95%;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
		text-align:center;
    }
    
    .fullbox input[type=number]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=number]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=number]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox textarea{
        width:95%;
		height:25vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .fullbox textarea:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox textarea:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox textarea:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=tel]{
        width:95%;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
		text-align:center;
    }
    
    .fullbox input[type=tel]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=tel]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=tel]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=email]{
        width:95%;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
		text-align:center;
    }
    
    .fullbox input[type=email]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=email]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=email]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=date]{
        width:95%;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
		text-align:center;
    }
    
    .fullbox input[type=date]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=date]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=date]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox input[type=time]{
        width:95%;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:4vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
		text-align:center;
    }
    
    
    
    .fullbox input[type=time]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox input[type=time]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox input[type=time]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .fullbox select{
        width:95%;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:5vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
		text-align:center;
    }
    
    .fullbox select:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .fullbox select:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .fullbox select:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
	.fullbox a.button{
        width:100%;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:5vw;
        padding:2vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,1.0);
        margin:15vw 0vw;
        cursor:pointer;
		text-decoration:none;
    }
	
	.fullbox input[type=submit]{
        width:100%;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:5vw;
        padding:2vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,1.0);
        margin:15vw 0vw;
        cursor:pointer;
    }
    
    .fullbox input[type=submit]:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(255,85,39,1.0);
        color:rgba(255,255,255,1.0);
    }
    
    .fullbox input[type=button]{
        width:auto;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:4vw;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,1.0);
        margin:1vw 0vw 1vw 1vw;
        cursor:pointer;
    }
    
    .fullbox input[type=button]:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(255,85,39,1.0);
        color:rgba(255,255,255,1.0);
    }
    
    .fullbox img.headshot{
        width:20vw;
        height:auto;
        margin-left:1vw;
    }
    
    .fullbox iframe{
        width:80vw;
        height:50vw;
        margin:0vw 5vw;
    }
    
    canvas{
		border-bottom-width: thin;
		border-style: solid;
		border-color:rgba(180,180,180,1.0);
		width:90vw;
		height:30vw;
		display:inline-block;
		margin-bottom:1vw;
		cursor: crosshair;
        margin-left:1vw;
	}
	
	.signature-pad{
		width:100%;
	}
    
    img.wa{
        width:40vw;
        height:auto;
        display:block;
        margin-left:25vw;
        margin-bottom:10vw;
    }
    
    input[type=file]{
        font-family: "lato", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:4vw;
        margin-left:1vw;
        height:10vw;
    }
    
    ::-webkit-file-upload-button {
      font-size:4vw;
    }
    
    progress{
        margin-left:1vw;
        height:3vw;
        width:80vw;
    }
    
    input[type=submit].large{
        width:90vw;
        float:left;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:4vw;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(0,0,0,1.0);
        margin:1vw 0vw 3vw 0vw;
        cursor:pointer;
    }
    
    input[type=submit].large:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(251,193,72,1.0);
        color:rgba(0,0,0,1.0);
    }
    
    a.largebutton{
        width:90vw;
        float:left;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:4vw;
        padding:0.5vw 0vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,1.0);
        margin:1vw 0vw 3vw 0vw;
        cursor:pointer;
        text-decoration:none;
    }
    
    a.largebutton:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(255,85,39,1.0);
        color:rgba(255,255,255,1.0);
    }
    
    a.disabledlargebutton{
        width:80vw;
        float:left;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:4vw;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,0.4);
        margin:1vw 5vw 3vw 5vw;
        cursor:not-allowed;
        text-decoration: none;
    }
    
    /* Style the button that is used to open and close the collapsible content */
.collapsible {
  background-color: rgba(3,123,132,0.05);
  font-size:5vw;
  font-family: "lato", sans-serif; 
  font-weight: 700;
  font-style: normal;
  color: rgba(66,75,84,1.0);
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  margin-top: 5vw;
  padding:0.5vw;
  transition: 0.8s;
  cursor:zoom-in;
  border-bottom-width:thin;
  border-bottom-style: solid;
  border-bottom-color: rgba(3,123,132,1.0);    
}
    
.collapsible::after {
  content: '▼'; /* Downward arrow */
  font-size: 5vw; /* Adjust size as needed */
  position: absolute;
  right: 10vw; /* Position the arrow to the right */
  transition: transform 0.3s ease;
}    
    
.collapsible.active::after {
  transform: rotate(180deg); /* Rotate the arrow */
}    

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active {
  background-color: rgba(3,123,132,1.0);
    cursor: zoom-out;
}
    
.collapsible:hover {
  background-color: rgba(3,123,132,1.0);
}    

/* Style the collapsible content. Note: hidden by default */
.content {
  padding:0.5vw;
  display: none;
  overflow: hidden;
  background-color: rgba(3,123,132,0.2);
    border-bottom-style: solid;
    border-bottom-width: medium;
    border-bottom-color: rgba(3,123,132,1.0);
    margin-bottom:1vw;
}
        
    .halfbox{
        width:43vw;
        background-color: rgba(255,255,255,1.0);
        border-style: solid;
        border-color:rgba(127,127,127,1.0);
        float:left;
        margin-left:0.4vw;
        margin-right:0.4vw;
        margin-bottom:2vw;
        border-width: thin;
    }
    
    .halfbox h2{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:1.5vw;
        color:rgba(127,127,127,1.0);
        width:38vw;
        margin:1vw;
    }
    
    .halfbox h3{
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        color:rgba(6,6,38,1.0);
        width:38vw;
        margin:1vw;
    }
    
    .halfbox label{
        width:13vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .halfbox label.narrow{
        width:6vw;
        margin:0vw 0vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .halfbox p{
        width:38vw;
        margin:1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
    }
    
    .halfbox input[type=text]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=text]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=text]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=text]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=tel]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=tel]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=tel]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=tel]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=email]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=email]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=email]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=email]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=date]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.25vw 0.5vw 0.25vw 0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=date]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=date]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=date]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=time]{
        width:24.8vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox input[type=time]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox input[type=time]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox input[type=time]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox select{
        width:26vw;
        margin:0vw 1vw 0.5vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    .halfbox select:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .halfbox select:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .halfbox select:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .halfbox input[type=submit]{
        width:auto;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,1.0);
        margin:1vw 0vw 1vw 1vw;
        cursor:pointer;
    }
    
    .halfbox input[type=submit]:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(255,85,39,1.0);
        color:rgba(255,255,255,1.0);
    }
    
    table.addrefs{
        width:90vw;
        border-style: none;
        background-color: rgba(251,193,72,1.0);
    }
    
    table.addrefs th{
        text-align:left;
        background-color:rgba(251,193,72,1.0);
        color:rgba(255,255,255,1.0);
        font-family: "lato", sans-serif;
		font-weight: 700;
        font-size:3vw;
		font-style: normal;
        border-style: solid;
        border-width: thin;
        border-color:rgba(251,193,72,1.0);
        padding:0.5vw;
        width:auto;
    }
    
    table.addrefs td{
        text-align:left;
        color:rgba(0,0,0,1.0);
        font-family: "lato", sans-serif;
		font-weight: 400;
		font-style: normal;
        font-size:3vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(255,255,255,1.0);
        background-color: rgba(255,255,255,1.0);
        padding:0.5vw;
    }
    
    table.addrefs input[type=text]{
        width:80%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs input[type=text]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs input[type=text]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs input[type=text]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs input[type=date]{
        width:80%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs input[type=date]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs input[type=date]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs input[type=date]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs input[type=time]{
        width:80%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.2vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs input[type=time]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs input[type=time]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs input[type=time]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs input[type=email]{
        width:80%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs input[type=email]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs input[type=email]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs input[type=email]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs select{
        width:100%;
        margin:0vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:1vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
    }
    
    table.addrefs select:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    table.addrefs select:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    table.addrefs select:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    table.addrefs input[type=button]{
        width:auto;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,1.0);
        margin:1vw 0vw 1vw 1vw;
        cursor:pointer;
    }
    
    table.addrefs input[type=button]:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(255,85,39,1.0);
        color:rgba(255,255,255,1.0);
    }
    
    /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 20vw !important;
  height: 5vw;
  margin:0.5vw;
    margin-right:0vw !important;
}

/* Hide default HTML checkbox */
.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 4vw;
  width: 4vw;
  left: 0.5vw;
  bottom: 0.5vw;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: rgba(3,123,132,1.0);
}

input:checked + .slider:before {
  -webkit-transform: translateX(15vw);
  -ms-transform: translateX(15vw);
  transform: translateX(15vw);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
    
   /* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 1.5vw;
  transition: 0.3s;
  font-family: "lato", sans-serif;
		font-weight: 400;
		font-style: normal;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 0.5vw;
  border: 1px solid #ccc;
  border-top: none;
  overflow:hidden;
}    
    
    .sysinfo{
        width:auto;
        height:1vw;
        position:fixed;
        bottom: 0vw;
        right:0vw;
        background-color:rgba(6,6,38,1.0);
        padding:0vw 1vw 0vw 1vw;
        font-size: 0.6vw;
        color:rgba(255,255,255,1.0);
        font-family: courier-std, monospace;
        font-weight: 400;
        font-style: normal;
        text-align:right;
        border-radius: 1vw 0vw 0vw 0vw;
    }
    
    .sysinfo a{
        color:rgba(255,255,255,1.0);
        text-decoration:none;
    }
    
    .sysinfo a:hover{
        color:rgba(3,123,132,1.0);
        text-decoration: underline;
    }
    
 .popout{
	background-color:rgba(6,6,38,0.75);
	width:100%;
	height:100%;
	z-index: 10000;
	position: fixed;
	top:0px;
	left:0px;
}    
    
.popoutbox{
	position:relative;
	top: 10vh;
	left: 9vw;
	width: 80vw;
	padding:2vw;
	background-color: rgba(242,242,242,1.00);
	border-style: solid;
	border-width: thin;
	border-color:#FFFFFF;
	margin-bottom:4vh;
	box-shadow: 0px 0px 70px 0px #222222;
	overflow:hidden;
}

.popoutbox img.closeicon{
        width:2vw;
        height:2vw;
        cursor: pointer;
        position:absolute;
        top:0vw;
        right:0vw;
    }
    
    .popoutbox h2{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:4vw;
        color:rgba(127,127,127,1.0);
        width:auto;
        margin:1vw;
        text-align: left;
    }
    
    .popoutbox h3{
        font-family: "lato", sans-serif;
        font-weight: 700 !important;
        font-style: normal;
        font-size:1.2vw;
        color:rgba(127,127,127,1.0);
        width:38vw;
        margin:1vw;
        text-align: left;
    }
    
    .popoutbox {
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.8vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .popoutbox label{
        width:70vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:3vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .popoutbox p{
        width:70vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:3vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .popoutbox small{
        margin: 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:0.7vw;
        display:inline-block;
        color:rgba(6,6,38,1.0);
        vertical-align: top;
    }
    
    .popoutbox .classificationsection{
        width:40%;
        display:inline-block;
        vertical-align: top;
    }
    
    .popoutbox .classificationbuttons{
        width:10%;
        display:inline-block;
        vertical-align: top;        
    }
    
    .popoutbox select{
        width:70vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:3vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox select:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox select:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox select:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox input[type=submit]{
        width:auto;
        font-family: "lato", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size:3vw;
        padding:0.5vw;
        text-align:center;
        outline:none;
        border-style: solid;
        border-width: thin;
        border-color: rgba(206,206,206,1.0);
        background-color: rgba(206,206,206,1.0);
        color:rgba(6,6,38,1.0);
        margin:0vw 0vw 1vw 1vw;
        cursor:pointer;
        display:inline-block;
    }
    
    .popoutbox input[type=submit]:hover{
        border-color:rgba(255,85,39,1.0);
        background-color:rgba(255,85,39,1.0);
        color:rgba(255,255,255,1.0);
    }
    
    .popoutbox input[type=text]{
        width:70vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:3vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=text]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox input[type=text]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox input[type=text]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox input[type=tel]{
        width:70vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:3vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=tel]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox input[type=tel]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox input[type=tel]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox input[type=date]{
        width:70vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:3vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=date]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox input[type=date]:valid{
        border-color: rgba(3,123,132,1.0);
    }
    
    .popoutbox input[type=date]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox input[type=email]{
        width:70vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:3vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }
    
    .popoutbox input[type=email]:invalid{
        border-color: rgba(255,85,39,1.0);
    }
    
    .popoutbox input[type=email]:valid{
        border-color: rgba(3,123,132,1.0);
    }
 
    .popoutbox input[type=email]:focus{
        box-shadow: 0vw 0vw 0.2vw rgba(127,127,127, 1.0);
    }
    
    .popoutbox textarea{
        width:70vw;
        height:20vw;
        margin:0vw 1vw 0.3vw 1vw;
        font-family: "lato", sans-serif;
        font-weight: 400 !important;
        font-style: normal;
        font-size:3vw;
        display:inline-block;
        outline:none;
        padding:0.5vw;
        border-style: solid;
        border-width: thin;
        border-color:rgba(127,127,127,1.0);
        vertical-align: top;
    }    
    
}