@import 'https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@400;500;600;700&family=Montserrat:wght@400;500;700&display=swap';


 html{
     background:#1a1c1e;
     color:#e2e6e6;
 }
 header{
  background: #191919;
  box-shadow: 0 5px 20px 1px rgba(0, 0, 0, .5);
    position: fixed;
    top: 32px;
    width: 100%;
    transition: .4s all ease-in;
 }
 .container-hero{
   margin-top:122px;
 }
 .pattern {
  position: fixed;
    width: 100vw;
    height: 100vh;
    z-index: -999;
    background-color: #191919;

 }
 body{
  background-color: #191919;
 }
 .only-on {
    position: fixed;
    z-index: 8888888;
    top: 0;
    left: 0;
    height: 32px;
    width: 100%;
    background: #39393B;
    transition: .4s all ease-in;
}
.only-on a {
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    height: 32px;
}
    /* For best practice, move CSS below to an external CSS file. */
    .nav {
      overflow: hidden;
      background: #191919;
      
    margin: 0 auto;
    }

    .side-btn{
      float: right;
    }
   .join-mobile .join-link{
       display:none;
   }
    .nav a {
      float: left;
    /* margin: 0.5rem 0; */
    color: #fff;
    height: 90px;
    font-size: 20px !important;
    color: #fff !important;
    font-family: "Asap Condensed", sans-serif !important;
    word-spacing: -.125rem;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-weight: 900;

    }
    .side-btn a{
      height: 90px;
    margin: 0;
    padding: 0 1rem;
    width: 126px;
    display: flex;
    justify-content: center;
    font-weight: 900;
    }
    .nav .side-btn a:hover{
      background: #519ad8 !important;
    color: #191919 !important;
    }
    .nav .side-btn a:focus, .nav .side-btn a:active{
      background: #519ad8 !important;
    color: #191919 !important;
    }
    .nav #menu-toggle {
      display: none;
    }

    @media screen and (max-width: 650px) {
  
  #cookie-notice {
   flex-direction: column;
   }
}
@media screen and (max-width: 832px) {

   #cookie-notice{
   max-width: calc(100% - 32px) !important;
 }
}


@media screen and (max-width: 800px) {
 .nav.nav--open {
   position: relative;
 }

img.mini-logo {
height:11px;
width:auto;
}
 .container-hero{
   margin-top:84px;
 }
 .side-btn a, .nav a.join-link{
    width: 76px !important;
    height: 52px !important;
    font-size: 14px !important;
 }
 a.logo img{
   height:32px;
 }
 header{
   top:32px;
   transition: .3s all ease-in;
 }

 header{
     border-bottom:none;
 }
 a.logo {
          margin-right: 16px !important;
          margin-left: 16px !important;
          height:52px !important;
      }
 .vid{
   margin-top:60px !important;
 }
 .side-btn{
   margin-right: 0rem;
 }
 
 .nav.nav--open #menu-toggle {
   position: absolute;
   right: 0;
   top: 0;
 }

 .nav.nav--open a:not(.logo) {
   float: none;
   display: flex !important;
   height: 2rem;
 }


}


    .menu-toggle__bar1,
    .menu-toggle__bar2,
    .menu-toggle__bar3 {
      width: 21px;
      height: 3px;
      background-color: #E2E2E6;
      margin: 4px 0;
      transition: 0.3s;
    }

    .menu-toggle--open .menu-toggle__bar1 {
      transform: translate(0, 7px) rotate(-45deg);
    }

    .menu-toggle--open .menu-toggle__bar2 {
      opacity: 0;
    }

    .menu-toggle--open .menu-toggle__bar3 {
      transform: translate(0, -7px) rotate(45deg);
    }
    .channels{
    max-width: 500px;
    margin: 0 auto;
  }
  ul.logo-grid-originals{
    max-width:500px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px;
    margin-bottom: 4px;
  }
  ul.logo-grid-others{
    max-width:500px;
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: -10px;
    margin-bottom: 2rem;
  }
  ul.logo-grid-others li.grid-item{
    flex: 0 0 calc(16.6667% - 20px);
    color: white;
    padding: 0px;
    margin: 10px;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  ul.logo-grid-originals li.grid-item{
    flex: 0 0 calc(25% - 20px);
    color: white;
    padding: 0px;
    margin: 10px;
    display:flex;
    align-items: center;
    justify-content: center;
  }
  .grid-item img{
    width: 100%;
    height: auto;
  }
  .container-hero img{
    width:100%;
    height:auto;
  }

  .center{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin: 4rem 1rem;
  }
  .blue-return{
    padding: 12px 22px;
    gap: 8px;
    border: 1px solid #8d9199;
    border-radius: 4px!important;
    transition: .3s all ease-in;
    background: #1a1c1e;
    margin-bottom:1rem;
  }
  a.chip.chip-filter.chip-bluel {
    color: #9ecaff;
    text-decoration:none;
}
.blue-return:hover {
  background-color: #242a30 !important;
}
.blue-return:focus,  .blue-return:active{
  background-color: #2a3239 !important;
    border: 1px solid #9ecaff!important; 
}
.mbrem, .link-container{
  margin-bottom:1rem;
}
.modelRelease p{
  margin-bottom:.5rem;
}
.copyright-text{
    margin-top:0;
}
main{
  max-width: 848px;
    margin: 0 auto;
}
footer{
  background: #000 !important;
    color: #e2e6e6 !important;
}
.container-footer{
  
    padding: 2rem 1rem;
}
footer a {
  text-decoration:none;
  color:#e2e6e6;
}
.legal-container{
  display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
}
.modelRelease a{
  font-family: Montserrat,sans-serif;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}
.legalText{
  font-size: .75rem;
    line-height: 1rem;
    font-family: Montserrat,sans-serif;
    text-align: center;
    color: #e2e6e6;
    margin-top:8px;
    margin-bottom:12px;
}
.legalText a{
  color: #e2e6e6;
    font-weight: 600;
}
.link-container{
  font-family: Montserrat,sans-serif;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 8px;
}
#linkNone{
  font-size: .75rem;
    line-height: 1rem;
    font-family: Montserrat,sans-serif;
    text-align: center;
    color: #e2e6e6;
    text-decoration: none;
}
.legal{
  max-width: 768px;
    margin: 0 auto;
    padding-right: 8px;
}
.nav a.join-link{
  color: #ffecec;
    background: #cc0000;
    justify-content: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    letter-spacing: .1px;
    padding: 0px;
    height: 90px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 1rem;
    width: 126px;
    justify-content: center;
    font-weight: 900;
    /* border-radius: 4px !important; */
    /* border: 1px solid transparent;*/
}
.nav .side-btn a:hover{
  background: #519ad8 !important;
    color: #191919 !important;
    }
    .nav .side-btn a:focus, .nav .side-btn a:active{
      background: #519ad8 !important;
    color: #191919 !important;
    }
span.exit{
  color:#9ECAFF;
  font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.1px;
}
span.exit:hover{
  color:#D1E4FF !important;
}
span.exit:focus, span.exit:active{
  color:#FDFCFF !important;
}
.mbrem a{
  text-decoration:none;
}
#cookie-notice{
  background-color: #000000d6 !important;
}
#cookie-notice p, #cookie-notice a{
  color: #d6cfed!important;
}
#cookie-notice p{
  padding:0 .5rem !important;
  font-size: 11px;
  margin-right: 1rem;
}
a#i-accept {
    white-space: nowrap;
    font-weight: 400;
    font-size: 12px;
    gap: 10px;
    border-radius: 4px!important;
    transition: .3s all ease-in;
    background: #000000;
    border: 1px solid #8d9199;
    /* border: 1px solid blue; */
    /* color: #003258 !important; */
    color: #9ecaff !important;
    padding: 10px 24px;
    float: right;
    margin: 6px 0;
    margin-right: .5rem;
    cursor:pointer;
}
a.logo {
   margin-right: 20px;
    margin-left: 32px;
    
}
.cp{
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    margin-right: 12px;
    flex-direction: column;
    align-items: center;
}
.info-cp .join-link{
    color: #ffecec;
    background: #cc0000;
    justify-content: center;
    font-family: Montserrat;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    display: flex;
    white-space: nowrap;
    align-items: center;
    letter-spacing: .1px;
    display: flex;
padding: 10px 24px;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 10px;
    height: unset;
    width: fit-content;
    justify-content: center;
    transition: .3s all ease-in;
    border-radius: 4px!important;
    margin-bottom: 1rem;
}
.info-cp .join-link:hover{
  background: #bc0005;
}
.info-cp .join-link:focus, .info-cp .join-link:active{
  background: #b80007;
}
.info-cp .join-link a{
    text-decoration:none;
    color: #ffecec;
}
.mbrem{
    color: #FFF;
    letter-spacing: 0.15px;
}
picture {
    display: flex;
    align-items: center;
}
.mbrem.warning {
    margin-bottom:4rem;
    color: #FFF;

/* Desktop/body/large */
font-family: Montserrat;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1.5rem; /* 155.556% */
letter-spacing: 0.15px;
}
.info-cp{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.sign-in{
    color: #9ECAFF;
    display: flex;
    padding: 10px 24px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #8D9199;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.1px;
}
.sign-in:hover{
    color:#D1E4FF !important;
}
.sign-in:focus, .sign-in:active{
    color:#FDFCFF !important;
}


@media screen and (max-width:800px) {
    .center{
        margin: 2rem 1rem;
    }
    .mbrem.warning{


font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 18px; /* 128.571% */
margin-bottom:3rem;
    }
    .container-footer {
    padding: 1rem 1rem;
}
}