body {
     margin:0;
     font-family: 'Open Sans', sans-serif;
}



.topnav {
     overflow: hidden;
     background-color: #093A60;
     justify-content:center;
     display:flex;
     z-index:9999!important;
}

.topnav a {
     float: left;
     display: block;
     color: #f2f2f2;
     padding: 14px 36px;
     margin-right:50px;
     text-decoration: none;
     font-size: 14px;
}
.topnav a :hover {
     background-color: #093A60;
}
.active {
     text-decoration: underline;
}
.topnav .icon {
     display: none;
}
.dropdown {
     float: left;
     overflow: hidden;
}
.dropdown .dropbtn {
     font-size: 14px;    
     border: none;
     outline: none;
     color: white;
     padding: 14px 14px;
     background-color: inherit;
     font-family: inherit;
     margin-right:40px;
}
.dropdown-content {
     display: none;
     position: absolute;
     padding: 5px 10px;
     background-color:#093A60;
     color:#ffffff;
     min-width: 160px;
     box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
     z-index: 1;
}
.dropdown-content a {
     float: none;
     color:#ffffff;
     padding: 5px 10px;
     text-decoration: none;
     display: block;
     font-size:14px;
     font-weight: 600;
}
.topnav a:hover, .dropdown:hover .dropbtn {
     background-color: #093A60;
     color: white;
}
.dropdown-content a:hover {
     background-color: #fff;
     color: black;
}
.dropdown:hover .dropdown-content {
     display: block;
}
.login {
     color: #fff;
     border: solid 1px #666;
     border-radius: 5px;
     font-size:14px;
     max-width:100px;
     text-align: center;
     background: linear-gradient( 90deg, rgba(0,0,0,1) 0%, rgba(0,102,153,1) 50%, rgba(0,0,0,1) 100%);
}
.header {
     max-width:100%;
     background-color: #05528D;
     margin-bottom:25px;
     z-index:9999!important;
     position:relative;
}
.container {
     width: 1170px;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
     clear:both;
}
.logo {
     display:block;
     padding-top:20px;
     
     padding-bottom:10px;
     margin-bottom:0px;
}
.btn-join {
     display:block;
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 4px;
    border: 1px solid rgb(210, 153, 81);
    color: rgb(255, 255, 255)!important;
    background: radial-gradient(circle, rgba(210,153,81,1) 0%, rgba(171,119,53,1) 100%);
    text-decoration: none;
    margin:20px auto auto auto;
    float:right;
}
@media screen and (max-width: 600px) {
     .container {
          max-width:600px;
          width:100%;
          padding-right:0;
          padding-left:0;
     }
     .left {
          text-align: left;
     }
     .logo {
          text-align:center;
     }

     .login {
          text-align: center !important;
          margin-left:14px;

     }
     .btn-join {
          width:80%;
          margin:5px auto auto auto;
     float:none;
     }
     .topnav { 
          justify-content:none;
          display:block;
          }
     .topnav a {
          margin-right: 0;
          
     
     }
     .topnav a:not(:first-child), .dropdown .dropbtn {
          display: none;
          }
     .topnav a.icon {
     float: right;
     display: block;
          }
     
     .topnav.responsive {position: relative;}
     .topnav.responsive .icon {
     position: absolute;
     right: 0;
     top: 0;
     }
     .topnav.responsive a {
     float: none;
     display: block;
     
     margin-right:0;
     }
     .topnav.responsive .dropdown {float: none;}
     .topnav.responsive .dropdown-content {position: relative;}
     .topnav.responsive .dropdown .dropbtn {
     display: block;
     
     
     }
     .dropdown .dropbtn {
          padding: 14px 34px;
     }
     .dropdown-content {
     padding: 5px 34px;
     }

     .main-body {
          width:100%;
          margin: 0 auto;
     }
}

.main {
     width:100%;
}

.main-body {
     width:1170px;
     margin: 0 auto;
     padding:20px;
}

.footer {
     width:100%;
     display:block;
     background-color: rgb(39, 39, 39);
     height:400px;
     position: relative;
     bottom: 0;
     z-index:9999;
}

.footer-body {
     width:1170px;
     margin: 0 auto;
     padding:20px;
     color:#fff;
     height:100%;
}
.footer-body a {
     color:#fff;
     text-decoration: none;
}

 .div2 {
     display: inline-block;
     vertical-align: top; 
     width:45%;
     padding:10px;
  
     
}

.div3 {
     display: inline-block;
     vertical-align: top; 
     width:30%;
     padding:5px;
     
    
}


.flex-container {
     display: flex;
 }
 
 .flex-child {
     flex: 1;
     
 }  
 
 .flex-child:first-child {
     margin-right: 20px;
 } 

 .block {
     display: block;
     width: 100%;
     border: none;
     background-color: rgb(115, 219, 35);
     padding: 14px 28px;
     font-size: 16px;
     cursor: pointer;
     text-align: center;
     margin-top:5px;
     border-radius:5px;
     color:#fff;
     font-size:18px;
     font-weight: bold;
   }

#app{
     z-index: -1;
     position:relative;
}

.app * {
     z-index: -1;
     position:relative;
}

.forme-wrap {
     z-index: -1;
     position:relative;
}