/* caq */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,800;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Allerta+Stencil&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

body
{
margin:0;
padding:0;
font-family:Helvetica;
}


header
{

}

footer
{
background:black;
}


.innercont
{
margin:auto;
width:96%;
max-width:1300px;
}

#hiddenmenu
{
display:none;
}







/* divs */
.center
{
text-align:center;
margin:auto;
width:400px;
}

.next
{
display:inline-block;
vertical-align:top;
}

.nextcenter
{
display:inline-block;
vertical-align:top;
text-align:center;
}

.divider
{
text-align:center;
color:black;
}

.col2
{
display:inline-block;
width:45%;
vertical-align:top;
}

.col3
{
display:inline-block;
width:31%;
vertical-align:top;
text-align:left;
}

.col4
{
display:inline-block;
width:23%;
vertical-align:top;
text-align:left;
}

.focus
{
background:white;
max-width:300px;
text-align:center;
border:3px solid black;
border-radius:15px;

}

.gear
{
color:grey;
font-size:3vw;
}

.blackbox
{
background:black;
border:1px solid white;
text-align:center;
max-width:400px;
}






/* input */


input[type=text]
{
padding:9px;
font-size:18px;
border:1px solid grey;
box-sizing:border-box;
background:black;
color:white;
}


input[type=submit] 
{
padding:5px 15px;
background:#green;
border:0 none;
cursor:pointer;
-webkit-border-radius:10px;
border-radius:10px;
color:white;
}

input[type=radio] 
{
transform:scale(1);
position:relative;

}





/* menu */
#menu
{
width:100%;
background:black;
}


ul 
{
list-style-type:none;
margin:0;
padding:0;
overflow:hidden;
background-color:black;


}

li
{
float: left;
}

li a 
{
display: block;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}

li a:hover 
{
background-color: #111;
}









/* buttons */
button
{
font-family:Helvetica;
font-size:1vw;

transition:all 0.2s; 

width:150px; 
text-align:center; 
margin:auto; 
height:35px; 
border-radius:10px; 

line-height:35px;
color:#fff;

border:none; 
}

button:hover
{
background-color:#4095c6;
transform:scale(1.15);
}

.blackbutton
{
background:black;
text-align:center;
color:white;
display:inline-block;
padding:9px;
}

.bluebutton
{
background:blue;
text-align:center;
color:white;
display:inline-block;
padding:9px;
}






/* sticky */
#sticky
{
display:none;
position:fixed;
bottom:20px;
right:20px;
height:50px;
width:50px;
text-align:center;
border-radius:50%;
background-color:yellow;
}




/* a */
a
{
text-decoration:none;
color:white;
}









/* img */
.fit
{
width:100%;
max-width:100%;
}





/* bands */

.redband
{
width:100%;
background:#B00000;
}

.blackband
{
width:100%;
background:black;
}

.blueband
{
width:100%;
background:dodgerblue;
}




/* legend */
.blue
{
background:blue;
}

.green
{
background:green;
}

.purple
{
background:purple;
}

.red
{
background:red;
}

.orange
{
background:orange;
}

.yellow
{
background:yellow;
}

.black
{
background:black;
}




/* buttons */
.redbutton
{
border:1px solid red;
padding:9px;
display:inline-block;
text-align:center;
color:red;
}


/* table */
table
{
border-collapse:collapse;
background:white;
border:4px solid black;
}

td
{
padding:10px;
border:1px solid grey;
text-align:center;
}







/* text */
p
{
color:white;
}

.allerta
{
font-family:"Allerta Stencil",sans-serif;
font-weight:400;
font-style:normal;
font-size:2vw;
}

.mont
{
font-family:"Montserrat",sans-serif;
font-weight:400;
font-style:normal;
font-size:1vw;
}

.montquote
{
font-family:"Montserrat",sans-serif;
font-weight:400;
font-style:normal;
font-size:1.5vw;
text-align:center;
}


.montbold
{
font-family:"Montserrat",sans-serif;
font-optical-sizing:auto;
font-weight:800;
font-style:normal;
font-size:1.5vw;
}

@media screen and (max-width:600px)
{
.montbold
{
font-size:5vw;
}
}



.montp
{
font-family:"Montserrat",sans-serif;
font-weight:400;
font-style:normal;
font-size:1.5vw;
text-align:center;
}

@media screen and (max-width:600px)
{
.montp
{
font-size:3vw;
}
}



.w
{
color:white;
}




#loader 
{
display:none;

position:absolute;

width: 48px;
height: 48px;
border: 5px solid #ccc;
border-bottom-color: #FF3D00;
border-radius: 50%;

box-sizing: border-box;
animation: rotation .7s linear infinite;

left:calc(50vw-100px);
top:calc(50vh-100px);
}


#loadermask
{
display:none;

position:absolute;
top:0;
left:0;

width:100%;
height:100%;
background:rgba(0,0,0,0.15);
}


@keyframes rotation 
{

0% 
{
transform: rotate(0deg);
}

100% 
{
transform:rotate(360deg);
}

}