@font-face  {

 font-family: 'DINPro-Black';

 font-style: normal;

 font-weight: 900;

 font-display: auto;

 src: url('../../assets/fonts/DINPro-Black.ttf') format('truetype');

}

html, body {
    font-family: "Calibri", Sans-serif;
    font-size: 20px;
    font-weight: 400;
    color: #000000;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

p{
    font-family: "Calibri", Sans-serif;
    font-size: 20px;
    font-weight: 400;
}    

.header-title {
    font-family: "Calibri", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.1em;
    color: #000000;
}

.white{
    color:#ffffff;
}
.black{
    color:#000000;
}
.dark{
    color:#414042;
}
.blue{
    color:#00508C;
}
.blue-bg{
    background-color:#00508C;
}

.logo{
    height: 60px;
}




.menu-button{
    border: 1px solid #000000;
    border-radius: 3px 3px;
    font-family: "Calibri", Sans-serif;
    font-size: 20px;
    font-weight: 700;
}
.menu-button:hover{
    background-color: #008144;
    color:#ffffff;
    border: 1px solid #008144;
}
.axis-border {
    height: 6px;
  width: 100%;
  background: linear-gradient( to right, #da1f3c 0%, #da1f3c 50%, #008144 50%, #008144 100% );
}
.title-line{ position: relative; }

.title-line::before{
   content: "";
   position: absolute;
   left: -44px;
   top: 2px;
   transform: translateY(14px);
   height: 7px;
   width: 36px;
   display: block;
   background-image: linear-gradient(#da1f3c, #da1f3c), linear-gradient(#008144, #008144);
   background-size: 50% 100%, 50% 100%;
   background-position: left top, right top;
   background-repeat: no-repeat;
}

h1{
  font-family: "Calibri", Sans-serif;
  font-size: 33px;
  font-weight: 700;
}

.subtitle{
  font-family: "Calibri", Sans-serif;
  font-size: 32px;
  font-weight: 700;
}

.subtitle2{
    font-family: "Calibri", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.25em;
    color: #414042;
}

/* Desktop only */
@media (min-width: 1025px) and (max-width: 99999px){


}


/* Tablet only */
@media (min-width: 768px) and (max-width: 1024px){
    .logo{
        height: 50px;   
    }

    h1{
      font-size: 34px;
      line-height: 1.1em;
    }

    .subtitle{
      font-size: 28px;
    }

    .subtitle2{
        font-size: 20px;
    }

}

/* Mobile only */
@media (min-width: 0px) and (max-width: 767px){
    .logo{
        height: 40px;
    }
    .header-title {
        font-size: 18px;
    }
    h1{
        font-size: 25px;
        line-height: 1.1em;
    }


    .title-line::before{
        display: none;
    }


    .subtitle{
      font-size: 24px;
    }

    .subtitle2{
        font-size: 16px;
    }

}




/*back to top */

.ez-btt{
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9999;

  width: 56px;
  height: 56px;
  border: 0;
  border-radius: 999px;

  display: inline-flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  background: #cb1d38cc;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  box-shadow: 0 8px 18px rgba(0,0,0,.18);

  opacity: 0;
  transform: translateY(10px);
  pointer-events: none;
  transition: opacity .2s ease, transform .2s ease, background .2s ease;
}

.ez-btt.is-visible{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}

.ez-btt:hover{
  background: #007d42CC;
}

.ez-btt svg{
  width: 26px;
  height: 26px;
  fill: #fff;
}

.ez-btt img{
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}


footer {
    margin-top: -62px;
}
footer p{ margin: 0px 0px; padding-bottom:20px; font-size:18px; }

@media (max-width: 1025px) {

footer p{ line-height: 1em; font-size:16px;}
footer {  margin-top: -48px;  }
   
}

@media (max-width: 767px) { 

footer p{ line-height: 1em; font-size:14px;}
footer {  margin-top: -60px;  }

}