@font-face {
    font-family: Gotham;
    font-weight: 900;
    src: url(../fonts/gotham/Gotham-Black.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 900;
    font-style: italic;
    src: url(../fonts/gotham/Gotham-BlackItalic.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 700;
    font-style: normal;
    src: url(../fonts/gotham/Gotham-Bold.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 700;
    font-style: italic;
    src: url(../fonts/gotham/Gotham-BoldItalic.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 500;
    font-style: normal;
    src: url(../fonts/gotham/Gotham-Medium.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 500;
    font-style: italic;
    src: url(../fonts/gotham/Gotham-MediumItalic.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 400;
    font-style: normal;
    src: url(../fonts/gotham/Gotham-Book.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 400;
    font-style: italic;
    src: url(../fonts/gotham/Gotham-BookItalic.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 300;
    font-style: normal;
    src: url(../fonts/gotham/Gotham-Light.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 300;
    font-style: italic;
    src: url(../fonts/gotham/Gotham-LightItalic.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 200;
    font-style: normal;
    src: url(../fonts/gotham/Gotham-Thin.otf);
}

@font-face {
    font-family: Gotham;
    font-weight: 200;
    font-style: italic;
    src: url(../fonts/gotham/Gotham-LightItalic.otf);
}

html{
    scroll-behavior: smooth;

}

body{
    font-family: Gotham;
   
    line-height: 1.3;
}

.lenovologodesk{
    position:fixed;
    top: 100px;
    right:0px;
    z-index: 999;
}

p{
    font-size: 18px;
    font-weight: 400;
}

.bold{
    font-weight: 700;
}
.italic{
    font-style: italic;
}

.red{
    color: #E1251C
}

.white{
    color: white;
}

.two-columns {
    column-count: 2;
    column-gap: 50px; 
}
.column-break {
    display: block;
    break-before: column;  
}

h1{
    font-size: 80px;
    font-weight: 700;
    line-height: 1;
    
}
.size13{
    font-size: 13px!important;
}
.size16{
    font-size: 16px!important;
}
.size24{
    font-size: 24px;
}

.size28{
    font-size: 28px;
}

.size36{
    font-size: 36px;
}

.size48{
    font-size: 48px;
}
.size50{
    font-size: 50px;
}
.size64{
    font-size: 64px;
    line-height: 1
}

.button{
    background: #294E95;
    font-size: 24px;
    font-weight: 700;
    color: white;
    padding: 10px;
    max-width: 285px;
    width:100%;
    display:inline-block;
    text-align: center;
    border-radius: 5px;
    transition: 0.3s;
    border:none;
    cursor:pointer;
}

.button:hover{
    color: white;
    text-decoration: none;
    transition: 0.3s;
    border-radius: 100px;
    border:none;
    cursor:pointer;
}

.tophead{
 
    min-height:890px;
    height:100%;
}

.agendabox{
    padding: 50px;
    background-image: url('../img/agendaday.png');
    background-size: cover;
    background-position: center center;
    border: 1px solid #707070;
    border-radius: 25px;
}

.blackbox{


background:black; 
border-radius: 25px;
}

input, select{
    border-radius: 5px;
    margin-bottom: 20px;
    width: 100%
}


.lenovologomob{
    display:none
  
 }

@media only screen and (max-width: 1199px) {
    .hidenow{
      display:none;  
    }
    .blackbox{


        background:black; 
        border-radius: 0px;
        }
}

@media only screen and (max-width: 600px) {
    .tophead{
 
        min-height:0px;
        height:100%;
    }
    
    .two-columns {
        column-count: 1!important;
        column-gap: 50px; 
    }

    .column-break{
        display:none;
    }
  
    h1{
        font-size: 50px;
  
        
    }
    .size13{
        font-size: 13px!important;
    }
    .size24{
        font-size: 24px;
    }
    
    .size28{
        font-size: 28px;
    }
    
    .size36{
        font-size: 29px;
    }
    
    .size48{
        font-size: 30px;
    }
    .size50{
        font-size: 35px;
    }
    .size64{
        font-size: 40px;
        line-height: 1
    }

    .lenovologodesk{
       display:none
     
    }
    .lenovologomob{
        display:block
      
     }
    
.button{
 
    font-size: 18px;
 
}
    
  }






/* The container */
.checkcontainer {
    display: block;
    position: relative;
    padding-left: 55px;
    margin-bottom: 25px;
    padding-top: 8px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  
  /* Hide the browser's default radio button */
  .checkcontainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
  }
  
  /* Create a custom radio button */
  .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 35px;
    width: 35px;
    background-color: transparent;
    border: solid white 3px;
    border-radius: 10%;
  }
  
  /* On mouse-over, add a grey background color */
  .checkcontainer:hover input ~ .checkmark {
    background-color: #E1251C;
  }
  
  /* When the radio button is checked, add a blue background */
  .checkcontainer input:checked ~ .checkmark {
    background-color: transparent;
    border: solid white 3px;
  }
  
  /* Create the indicator (the dot/circle - hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the indicator (dot/circle) when checked */
  .checkcontainer input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the indicator (dot/circle) */
  .checkcontainer .checkmark:after {
       top: 6px;
      left: 6px;
      width: 18px;
      height: 18px;
      border-radius: 10%;
      background: white;
  }