body {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a, a:hover {
    text-decoration: none !important; }

.main-header {
  font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #fff;
  background-color: #000; 
  max-height: 65px;
  padding-bottom: 10px;}
  .main-header .main-header-logo {
  margin-left: 3000px;
  padding: 10px;
  font-weight: 900;
  text-align: left;
  background-color: red;}
  .main-header a {
    color: #fff;
  }

.content {
  height: 70vh; 
}

.stuff {
  top: 0;
  position: absolute;  
  background-color: red;
  padding: 10px;
  margin-top: 50px;
}

.mylogo { 
	float: left; 
	margin: 0 0 0 0 ; 
  width: 53.5px;
  height: 53.5px;
  background-color: #606060;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
} 

.top-left-logo { position: absolute; top: 0; left: 0; }

/* Add a black background color oto the top navigation */
.topnav {
  background-color: #01327b;
  overflow: hidden;
  position: relative;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  display: block;
  color: #f2f2f2;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #001b42;
  color: white;
}

/* Add an active class to highlight the current page */
.topnav a.logo {
  background-color: #606060;
  color: #fff;
  font-weight: 800;
  padding-left: 0px !important;

}

.topnav a.active {
  background-color: #44b4cc;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(.logo) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav a.active {
    padding-left: 15px;
  }
}

.footer-14398 {
  padding: 7rem 0;
  background: #000;
  color: #777; }
  .footer-14398 .footer-site-logo {
    color: #fff;
    font-size: 26px;
    font-weight: bold;
    margin-bottom: 30px;
    display: block; }
  .footer-14398 h3 {
    color: #fff;
    font-size: 16px;
    margin-bottom: 20px; }
  .footer-14398 .links li {
    margin-bottom: 10px; }
    .footer-14398 .links li a {
      color: #999; }
      .footer-14398 .links li a:hover {
        color: #fff; }
  .footer-14398 .link-menu li {
    display: inline-block; }
    .footer-14398 .link-menu li a {
      color: #fff;
      display: inline-block;
      padding: 10px; }
  .footer-14398 .link-menu.nav-left li:first-child a {
    padding-left: 0; }
  .footer-14398 .link-menu.nav-right li:last-child a {
    padding-left: 0; }
  .footer-14398 .social li {
    display: inline-block; }
    .footer-14398 .social li a {
      display: inline-block;
      padding: 10px;
      color: #ccc; }
    .footer-14398 .social li:last-child a {
      padding-right: 0; }
  .footer-14398 .line {
    border-top: 1px solid rgba(255, 255, 255, 0.2); }

.footer-59391 {
  border-top: 1px solid #efefef;
  background-color: #fff;
  font-family: "Poppins", sans-serif;
  padding: 4rem 0; }
  .footer-59391 .site-logo a {
    font-size: 30px;
    color: #3e64ff;
    font-weight: 900; }
  .footer-59391 .nav-links li {
    display: inline-block; }
    .footer-59391 .nav-links li a {
      color: #777;
      padding: 10px; }
      .footer-59391 .nav-links li a:hover {
        color: #3e64ff; }
  .footer-59391 .nav-links.nav-left li:first-child {
    padding-left: 0; }
  .footer-59391 .nav-links.nav-right li:last-child {
    padding-right: 0; }
  .footer-59391 .copyright {
    border-top: 1px solid #efefef;
    padding-top: 50px;
    text-align: center;
    color: #777; }
  .footer-59391 .subscribe .form-group {
    margin-bottom: 0;
    padding-bottom: 0;
    position: relative; }
    .footer-59391 .subscribe .form-group input[type="email"] {
      height: 45px;
      border: none;
      background: #e6e6e6; }
      .footer-59391 .subscribe .form-group input[type="email"]:focus, .footer-59391 .subscribe .form-group input[type="email"]:active {
        outline: none;
        -webkit-box-shadow: none;
        box-shadow: none; }
      .footer-59391 .subscribe .form-group input[type="email"]::-webkit-input-placeholder {
        color: #b3b3b3;
        font-size: 14px; }
      .footer-59391 .subscribe .form-group input[type="email"]::-moz-placeholder {
        color: #b3b3b3;
        font-size: 14px; }
      .footer-59391 .subscribe .form-group input[type="email"]:-ms-input-placeholder {
        color: #b3b3b3;
        font-size: 14px; }
      .footer-59391 .subscribe .form-group input[type="email"]:-moz-placeholder {
        color: #b3b3b3;
        font-size: 14px; }
    .footer-59391 .subscribe .form-group button {
      position: absolute;
      border: none;
      background: none;
      font-size: 1.5rem;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg);
      top: .5rem;
      right: .3rem;
      line-height: 0; }
      .footer-59391 .subscribe .form-group button:focus, .footer-59391 .subscribe .form-group button:active {
        outline: none; }
  .footer-59391 .social li {
    display: inline-block;
    position: relative; }
    .footer-59391 .social li a {
      position: relative;
      width: 40px;
      height: 40px;
      border-radius: 50%;
      display: inline-block;
      margin: 0;
      padding: 0;
      background-color: #e6e6e6;
      color: #333333; }
      .footer-59391 .social li a > span {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .footer-59391 .social li a:hover {
        color: #3e64ff; }

.footer-95942 {
  padding: 7rem 0;
  font-family: "Poppins", sans-serif; }
  .footer-95942 .nav-links li {
    display: block;
    margin-bottom: 10px; }
    .footer-95942 .nav-links li a {
      font-size: 14px;
      color: #777; }
      .footer-95942 .nav-links li a:hover {
        color: #4200ff; }
  .footer-95942 .social.app {
    font-size: 13px; }
  .footer-95942 .social li {
    display: inline-block; }
    .footer-95942 .social li a {
      display: inline-block;
      padding: 10px;
      color: #ccc; }
      .footer-95942 .social li a:hover {
        color: #4200ff; }
  .footer-95942 .social.nav-left li:first-child a {
    padding-left: 0px; }
  .footer-95942 .social.nav-right li:last-child a {
    padding-right: 0px; }
  .footer-95942 h3 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 20px; }

.footer-48201 {
  padding: 7rem 0;
  background-color: #000;
  color: #777; }
  .footer-48201 .footer-site-logo {
    font-size: 1.5rem;
    color: #fff; }
  .footer-48201 .nav-links li {
    margin-bottom: 10px; }
    .footer-48201 .nav-links li a {
      color: gray; }
      .footer-48201 .nav-links li a:hover {
        color: #fff; }
  .footer-48201 .btn.btn-tertiary {
    background-color: #e42c64;
    color: #fff;
    border-radius: 30px;
    border: none;
    padding: 10px 20px; }
  .footer-48201 .social li {
    display: inline-block; }
    .footer-48201 .social li a {
      color: gray;
      padding: 7px; }
      .footer-48201 .social li a:hover {
        color: #fff; }
  .footer-48201 .copyright {
    border-top: 1px solid #404040; }

.footer-99382 {
  padding: 7rem 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: #777;
  position: relative;
  font-family: "Poppins", sans-serif; }
  .footer-99382:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7); }
  .footer-99382 h3 {
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 30px; }
  .footer-99382 .footer-site-logo {
    font-size: 1.5rem;
    color: #fff; }
  .footer-99382 .nav-links li {
    margin-bottom: 10px; }
    .footer-99382 .nav-links li a {
      color: #999999; }
      .footer-99382 .nav-links li a:hover {
        color: #fff; }
  .footer-99382 .btn.btn-tertiary {
    background-color: #e42c64;
    color: #fff;
    border-radius: 30px;
    border: none;
    padding: 10px 20px; }
  .footer-99382 .social li {
    display: inline-block; }
    .footer-99382 .social li a {
      color: gray;
      padding: 7px; }
      .footer-99382 .social li a:hover {
        color: #fff; }
  .footer-99382 .copyright {
    border-top: 1px solid #595959; }

.footer-16371 {
  padding: 7rem 0;
  font-family: "Poppins", sans-serif; }
  .footer-16371 .footer-site-logo {
    text-align: center;
    font-size: 2rem;
    font-weight: 900; }
    .footer-16371 .footer-site-logo a {
      color: #4200ff; }
  .footer-16371 .nav-links {
    padding: 0;
    margin: 0; }
    .footer-16371 .nav-links li {
      display: inline-block; }
      .footer-16371 .nav-links li a {
        padding: 10px;
        color: #000; }
        .footer-16371 .nav-links li a:hover {
          color: #4200ff; }
  .footer-16371 .social h3 {
    font-weight: bold;
    font-size: 18px;
    color: #000; }
  .footer-16371 .social ul li {
    display: inline-block; }
    .footer-16371 .social ul li a {
      display: inline-block;
      padding: 10px; }
    .footer-16371 .social ul li.in a {
      color: #df588a; }
    .footer-16371 .social ul li.tw a {
      color: #15b8ff; }
    .footer-16371 .social ul li.fb a {
      color: #3742d0; }
    .footer-16371 .social ul li.dr a {
      color: #fa38c1; }
    .footer-16371 .social ul li.pin a {
      color: #dd4d5a; }
  .footer-16371 .copyright {
    color: #999999; }

.footer-39201 {
  padding: 7rem 0;
  color: #9d9d9d; }
  .footer-39201 .subscribe {
    position: relative; }
    .footer-39201 .subscribe .form-control {
      background-color: #e6e6e6;
      -webkit-box-shadow: none;
      box-shadow: none;
      border-radius: 30px;
      height: 50px;
      padding-left: 30px;
      padding-right: 130px;
      border: none;
      color: #000; }
      .footer-39201 .subscribe .form-control::-webkit-input-placeholder {
        color: #b3b3b3;
        font-style: italic;
        font-size: 14px; }
      .footer-39201 .subscribe .form-control::-moz-placeholder {
        color: #b3b3b3;
        font-style: italic;
        font-size: 14px; }
      .footer-39201 .subscribe .form-control:-ms-input-placeholder {
        color: #b3b3b3;
        font-style: italic;
        font-size: 14px; }
      .footer-39201 .subscribe .form-control:-moz-placeholder {
        color: #b3b3b3;
        font-style: italic;
        font-size: 14px; }
    .footer-39201 .subscribe .btn-submit {
      background: #614ad3;
      height: 40px;
      border-radius: 30px;
      padding-left: 30px;
      padding-right: 30px;
      color: #fff;
      font-weight: bold;
      position: absolute;
      top: 5px;
      right: 5px;
      -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2); }
  .footer-39201 h3 {
    font-size: 16px;
    font-weight: 900;
    color: #000;
    margin-bottom: 20px; }
  .footer-39201 .nav-links li {
    display: block;
    margin-bottom: 10px; }
    .footer-39201 .nav-links li a {
      color: #9d9d9d; }
      .footer-39201 .nav-links li a:hover {
        color: #614ad3; }
  .footer-39201 .social li {
    display: inline-block; }
    .footer-39201 .social li a {
      display: inline-block;
      padding: 10px;
      color: #9d9d9d; }
      .footer-39201 .social li a:hover {
        color: #614ad3; }