@charset "utf-8";

* {
scroll-behavior: smooth;
}

#loading {
display:none;
width:100%;
height:100%;
left:0;
right:0;
top:0;
bottom:0;
background: url(../img/load.gif) #000 center center no-repeat;
opacity:0.9;
position:fixed;
height:cover;
width:cover;
z-index:4000;
display:none;
}

@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}

footer {
margin-top: 2rem;
padding-top: 3rem;
padding-bottom: 3rem;
}

footer p {
font-size: 12px;
font-weight: 600;
}

footer .min p {
font-size: 11px;
font-weight: 600;
color: #adadb2;
}

footer .max p {
}

footer #logo {
width: 80px;
margin: 2rem;
}

footer #logo_min {
width: 40px;
margin: .5rem;
filter: grayscale(100%);
}

footer ul {
padding:15px;
}

footer ul a:link, footer ul a:visited, footer ul a:active {
color:#002269;
font-size: 12px;
}

.hidden {
display: none;
}

.pointer {
cursor: pointer;
}

.hover {
opacity:0.8;
-webkit-opacity:0.8;
-moz-opacity:0.8;
filter: alpha(opacity = 80);
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
}

.hover:hover { opacity:1.0; -webkit-opacity:1; -moz-opacity:1; filter: alpha(opacity = 100); }

.opacity-dark-20 {
background-color: rgba(0,0,0,0.2);
}

.opacity-dark-40 {
background-color: rgba(0,0,0,0.4);
}

.opacity-dark-60 {
background-color: rgba(0,0,0,0.6);
}

.opacity-dark-80 {
background-color: rgba(0,0,0,0.8);
}

.opacity-light-20 {
background-color: rgba(255,255,255,0.2);
}

.opacity-light-40 {
background-color: rgba(255,255,255,0.4);
}

.opacity-light-60 {
background-color: rgba(255,255,255,0.6);
}

.opacity-light-80 {
background-color: rgba(255,255,255,0.8);
}

.section-container {
padding-top: 13vh !important;
padding-bottom: 13vh !important;
min-height: 40vh !important;
}

.section-container img{
max-height: 40vh !important;
}

.font-shadow-white {
text-shadow: 1px 1px 1px rgba(255,255,255,0.6) !important;
}

.font-shadow-black {
text-shadow: 1px 1px 1px rgba(0,0,0,0.6);
}

.loadHelp {

font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 14px;

color: rgba(0,0,0,0.6);
border: 1px solid #ccc;
background-color: #f9f9f9;

float: left;
clear:both;
display: none;

width: 260px;
z-index: 1000;

-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;

outline: none;
position: absolute;

margin:10px;
padding: 10px;

-moz-box-shadow: 1px 1px 3px #666;
-webkit-box-shadow: 1px 1px 3px #666;
box-shadow: 1px 1px 3px #666;
text-indent:none;
}

.loadHelpIcon {
color: rgba(255,0,0,0.2);
cursor:pointer;
font-size: 14px;
}

.loadHelpIcon:hover {
color: rgba(0,0,0,0.6);
}

/* The sticky class is added to the header with JS when it reaches its scroll position*/
.sticky {
position: sticky;
top: 3%;
right: auto;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .container {
padding-top: 200px;
}

.rounded-lg {
border-radius:20%;
}

.hover-light:hover {
background-color: rgba(0,0,0,0.02) !important;
/* transition: all .5s; */
}

.hover-dark:hover {
background-color: rgba(255,255,255,0.02)  !important;
/* transition: all .5s; */
}

.block_box, .block-box {
padding:2rem;
margin-bottom:2rem;
background:#fff;
border-radius:6px;
border: 1px solid #e5e7f2;
}

.block-box-min {
padding:.8rem 1rem;
margin-bottom:1rem;
background:#fff;
border-radius:6px;
border: 1px solid #e5e7f2;
}

/* The sticky class is added to the header with JS when it reaches its scroll position*/
.sticky_content {
position: sticky;
top: 10vh;
right: auto;
}

/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */
.sticky + .container {
padding-top: 200px;
}

.guide {
border: 3px dashed red;
}

.guide-green {
border: 3px dashed green;
}

.guide-blue {
border: 3px dashed blue;
}

.text-shadow-white {
  text-shadow: .5px .5px .5px rgba(255,255,255,0.4);
}

.text-bright-white {
  text-shadow: 0 0 3px rgba(255,255,255,0.4);
}

.text-border-white {
  text-shadow:
    .5px 0 0 rgba(255,255,255,0.4), -.5px 0 0 rgba(255,255,255,0.4),
    0 .5px 0 rgba(255,255,255,0.4),  0 -.5px 0 rgba(255,255,255,0.4),
    .5px .5px 0 rgba(255,255,255,0.4), -.5px -.5px 0 rgba(255,255,255,0.4),
    .5px .5px 0 rgba(255,255,255,0.4), -.5px .5px 0 rgba(255,255,255,0.4);
}

.text-shadow-dark {
  text-shadow: .5px .5px .5px rgba(0,0,0,0.4);
}

.text-bright-dark {
  text-shadow: 0 0 3px rgba(0,0,0,0.4);
}

.text-border-dark {
  text-shadow:
    .5px 0 0 rgba(0,0,0,0.4), -.5px 0 0 rgba(0,0,0,0.4),
    0 .5px 0 rgba(0,0,0,0.4),  0 -.5px 0 rgba(0,0,0,0.4),
    .5px .5px 0 rgba(0,0,0,0.4), -.5px -.5px 0 rgba(0,0,0,0.4),
    .5px .5px 0 rgba(0,0,0,0.4), -.5px .5px 0 rgba(0,0,0,0.4);
}


.opacity-dark-10 {
background-color: rgba(0,0,0,0.1);
}
.opacity-dark-20 {
background-color: rgba(0,0,0,0.2);
}
.opacity-dark-30 {
background-color: rgba(0,0,0,0.3);
}
.opacity-dark-40 {
background-color: rgba(0,0,0,0.4);
}
.opacity-dark-50 {
background-color: rgba(0,0,0,0.5);
}
.opacity-dark-60 {
background-color: rgba(0,0,0,0.6);
}
.opacity-dark-70 {
background-color: rgba(0,0,0,0.7);
}
.opacity-dark-80 {
background-color: rgba(0,0,0,0.8);
}
.opacity-dark-90 {
background-color: rgba(0,0,0,0.9);
}
.opacity-light-10 {
background-color: rgba(255,255,255,0.1);
}
.opacity-light-20 {
background-color: rgba(255,255,255,0.2);
}
.opacity-light-30 {
background-color: rgba(255,255,255,0.4);
}
.opacity-light-40 {
background-color: rgba(255,255,255,0.3);
}
.opacity-light-50 {
background-color: rgba(255,255,255,0.5);
}
.opacity-light-60 {
background-color: rgba(255,255,255,0.6);
}
.opacity-light-70 {
background-color: rgba(255,255,255,0.7);
}
.opacity-light-80 {
background-color: rgba(255,255,255,0.8);
}
.opacity-light-90 {
background-color: rgba(255,255,255,0.9);
}