@charset "utf-8";


@font-face {
    font-family: 'PeridotPE-Regular';
    src: url('../fonts/PeridotPE-Regular.woff2') format('woff2'),
         url('../fonts/PeridotPE-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PeridotPE-Bold';
    src: url('../fonts/PeridotPE-Bold.woff2') format('woff2'),
         url('../fonts/PeridotPE-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PeridotPE-SemiBold';
    src: url('../fonts/PeridotPE-SemiBold.woff2') format('woff2'),
         url('../fonts/PeridotPE-SemiBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'BTCosmo-Bold';
    src: url('../fonts/BTCosmo-Bold.woff2') format('woff2'),
         url('../fonts/BTCosmo-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}




html,body{
	margin:0px;
	padding:0px;
	
  background: #000000;
  color: #fff;
}

body.wcs-locked{
  overflow: hidden;
}

section .wcs-img-mob{
	display:none;
}

img,
svg{
  pointer-events: none;
}


.wcs-wrapper *{
  line-height:normal;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: -0.03em;
}


.wcs-wrapper {
	font-family: 'PeridotPE-Regular';
	color:#fff;
	font-size:17px;
	text-rendering: optimizeLegibility;
	font-feature-settings: "kern" 1;
	font-kerning: normal;
	padding:0px;
  text-align: center;
  margin: 0 auto;
  min-height: 100vh;
  position: relative;
  overflow: hidden;

  padding: 0px 0 0 0;
  background:#0d1624 url("../images/bg.jpg") no-repeat center top;
  background-size: 100% auto;
}

.wcs-wrapper a{
  color: inherit;
  font-size: inherit;
}

.wcs-wrapper.wcs-np{
  padding-top: 0px !important;
}

.wcs-wrapper strong{
  font-weight: normal;
  font-family: 'PeridotPE-Bold';
}




/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */
/* //////////////////////////////////////////////////////////// */

.home .hold{
  max-width: 1200px;
  margin: 0 auto;
  min-height: calc(100vh - 61px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 80px;
  padding: 50px 20px;
}

.home .title{
  font-family: 'BTCosmo-Bold';
  font-size: 130px;
  line-height: 100%;
  letter-spacing: -2px;
  text-align: left;
  width: 100%;
  margin: 0px;
  padding: 0px;
}

.home .content{
  text-align: right;
  width: 100%;
}


.home .content .text{
  padding: 0 0 20px 0;
  font-family: 'BTCosmo-Bold';
  font-size: 21px;
  line-height: 130%;
  letter-spacing: -0.5px;
}

.home .content .copy{
  font-family: 'PeridotPE-Regular';
  font-size: 16px;
  line-height: 140%;
  color: #fff;
}


footer{
  background: #000;
  padding: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-size: 16px;
}

footer a{
  color: #fff;
  text-decoration: underline;
  font-size: 16px;
}


.terms{
  padding: 0px 20px 50px 20px;
  min-height: calc(100vh - 59.5px);
}

.terms .hold{
  max-width: 1000px;
  margin: 0 auto;
  padding: 100px 0 0 0;
  text-align: left;
}

.terms .hold .title{
  text-align: center;
  font-family: 'BTCosmo-Bold';
  font-size: 40px;
  line-height: 130%;
  margin: 0px;
  padding: 0px;
}


.terms .hold .text{
  font-size: 16px;
  line-height: 130%;
  letter-spacing: -1px;
}

.terms .hold .text p{
  line-height: 140%;
}






.terms table{
  width:100% !important;
  margin:40px 0 40px 0 !important;
  border:0px !important;
  border-bottom:1px solid #fff !important;
  border-left:1px solid #fff !important;
  color: #fff;
}

.terms table td{
  border:0px !important;
  border-right:1px solid #fff !important;
  border-top:1px solid #fff !important;
  padding:10px !important;
  background:none !important;
  vertical-align:top !important;
  font-size: 13px;
}

.terms table p{
  margin: 0px;
  padding: 0px;
}

.terms ol{
  margin: 0px 0 0 24px;
  padding: 0px;
}

.terms a{
  color: #fff !important;
}


.cc_read-more-button{
  color: #fff;
}


@media screen and (max-width: 1239px) {


  .home .title{
    font-size: 100px;
  }

  .home .hold{
    gap: 50px;
  }
  

}



@media screen and (max-width: 1139px) {


  .home .title {
    font-size: 75px;
  }

  .home .content .text{
    font-size: 19px;
  }

  .home .content .copy{
    font-size: 15px;
  }

  .terms .hold .title{
    font-size: 35px;
  }

  .terms .hold .text{
    font-size: 16px;
  }


}

@media screen and (max-width: 767px) {
  
  .home .title {
    font-size: 40px;
  }

  .home .content .text {
    font-size: 16px;
  }

  .home .content .copy {
    font-size: 13px;
  }

  footer{
    font-size: 14px;
    flex-wrap: wrap;
  }

  .terms .hold{
    padding-top: 40px;
  }

  .terms .hold .title {
    font-size: 25px;
  }

  .terms .hold .text {
    font-size: 13px;
  }



    .terms table th {
      position: relative;
        height: auto;
        word-wrap: break-word;
        vertical-align: middle; 
        padding: 5px 25px 5px 25px;
        line-height: 20px;
    }
   

    .terms table td{
      font-size: 12px;
      line-height: 130%;
      padding: 2px !important;
    }

    .terms table {
        display: block;
        overflow: auto;
        width: calc(100% + 20px) !important;
        margin: 0 -20px 0 0 !important;
    }

}