header,section,footer,aside,nav,main,article,figure{display:block}
body{margin:0px; padding:0px; font-family:'Oswald', sans-serif; font-weight:500; background-color:#161616;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
img{border:none; margin:0px; padding:0px; max-width:100%; display:block;}
textarea{outline:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none; outline:none;}
h1,h2,h3,h4,h5,h6,ul,p,form,input{margin:0px; padding:0px; outline:none; font-weight:normal;}
.clear:before,.clear:after{content:" "; display:table;}
.clear:after{clear:both;}
.clear{*zoom:1;}
input[type="submit"]{-webkit-appearance:none; /*-webkit-border-radius:0px;*/}
a{-webkit-transition: all 200ms ease-in; -moz-transition: all 200ms ease-in; -ms-transition: all 200ms ease-in; -o-transition: all 200ms ease-in;transition: all 200ms ease-in;}
.none{-webkit-transition:none; -moz-transition:none; -ms-transition:none; -o-transition:none; transition:none;}
select{-webkit-appearance:none; -moz-appearance: none; text-indent: 1px; text-overflow: '';}
*{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
::-webkit-input-placeholder{color:#7d7d7d; opacity:1;}
::-moz-placeholder{color:#7d7d7d; opacity:1;}
:-ms-input-placeholder{color:#7d7d7d; opacity:1;}
:-moz-placeholder{color:#7d7d7d; opacity:1;}

/*
font-family:'Oswald', sans-serif;
font-family:'Roboto', sans-serif;
*/

@font-face {
    font-family:'rubber_stamp_letplain';
    src: url('../webfonts/rubberstampletplain-webfont.woff2') format('woff2'),
         url('../webfonts/rubberstampletplain-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

.centerwrap{width:1676px; margin:auto;}
.centerwrapbanner{display: flex;justify-content: center;}
header{background-color:#010000; position:fixed; left:0px; top:0px; width:100%; height:67px; z-index:5;}
.logo{float:left; padding-top:10px;}
.nav{display:flex; padding-left:75px; float:left;}
.nav li{font-size:23px; text-transform:uppercase; margin-right:40px;}
.nav li:last-child{margin-right:0px;}
.nav li a{color:#f6f5f4; line-height:66px; display:flex; align-items:center;}
.nav li a i{font-size:21px; margin-right:8px;}
.nav li a:hover{color:#135dd8;}
.joinNow{float:right; padding-top:9px;}
.joinNow a{font-size:25px; color:#f6f5f4; text-transform:uppercase; background-color:#135dd8; border:2px solid #135dd8; line-height:45px; padding:0 20px; display:block; border-radius:4px;}
.joinNow a:hover{border-color:#f6f5f4; background-color:transparent;}
.topVideo{padding-top:67px;}
.topVideo video{width:100%; display:block;}
.bodyarea{padding-top:66px; padding-bottom:190px; position:relative; z-index:1;}
.bodyarea:before{background:url(../images/toptape.jpg) no-repeat center center; height:194px; position:absolute; left:50%; top:0px; content:''; transform:translateX(-50%); z-index:-1; width:100%;}
.bodyarea:after{background:url(../images/bottomtape.jpg) no-repeat center center; height:136px; position:absolute; left:50%; bottom:0px; content:''; transform:translateX(-50%); z-index:-1; width:100%;}
.grid{}
.grid li{width:25%; position:relative;}
.grid li img{height:auto;}
.grid li video{display:block; width:100%;}
.responsive{display:none;}
.cover{position:absolute; left:0px; top:0px; width:100%; height:100%; background-color:rgba(0,0,0,0.85); display:flex; justify-content:center; align-items:center;}
.cover:before{border:2px dashed #ffffff; position:absolute; left:22px; top:22px; right:22px; bottom:22px; content:'';}
.joinC{text-align:center; display:flex; flex-direction:column; align-items:center; position:relative; z-index:1;}
.joinC h3{font-size:60px; color:#135dd8; text-transform:uppercase; letter-spacing:0.012em; line-height:60px;}
.forOnly{font-size:37px; color:#f6f5f4; text-transform:uppercase; letter-spacing:0.012em; line-height:42px;}
.price{font-size:113px; color:#f6f5f4; line-height:95px; margin-bottom:30px;}
.price sup{font-size:48px; top:-14px; position:relative;}
.redeem{font-size:32px; color:#f6f5f4; text-transform:uppercase; letter-spacing:0.012em; line-height:65px; background-color:#135dd8; border-radius:5px; padding:0 38px; border:2px solid #135dd8;}
.redeem:hover{border-color:#f6f5f4; background-color:transparent;}
.blackArea{background-color:#020000; margin-top:34px; margin-bottom:40px;}
.midInfo{text-align:center; padding-top:50px; padding-bottom:64px;}
.midInfo h1{font-family:'rubber_stamp_letplain'; font-size:72px; color:#fbfcfd; line-height:62px; position:relative; z-index:1;}
.midInfo h2{color:#8d8d8d; font-size:21px; text-transform:uppercase; padding-bottom:26px; position:relative; z-index:1;}
.midInfobanner{display: block; max-width: 1676px;height: auto;padding-top:50px; padding-bottom:64px;}
.getPassword{text-align:center; position:relative;}
.getPassword:before{background:url(../images/light.gif) no-repeat; width:438px; height:138px; content:''; position:absolute; left:63px; bottom:-13px;}
.getPassword:after{background:url(../images/light.gif) no-repeat; width:438px; height:138px; content:''; position:absolute; right:63px; bottom:-13px;}
.getPassword a{font-size:53px; color:#135dd8; border:2px solid #135dd8; border-radius:4px; line-height:81px; padding-left:21px; padding-right:32px; text-transform:uppercase; display:inline-flex; justify-content:center; align-items:center; position:relative; z-index:1; background-color:#020000;}
.getPassword a i{font-size:51px; margin-right:24px;}
.getPassword a:hover{background-color:#135dd8; color:#fff;}
.pagination{display:flex; justify-content:center; width:100%; padding-top:56px; padding-bottom:56px;}
.pagination ul{display:flex;}
.pagination ul li{font-size:19px; text-align:center; margin-right:9px;}
.pagination ul li:last-child{margin-right:0px;}
.pagination ul li a{background-color:#fff; min-width:47px; line-height:47px; padding:0 10px; display:block; color:#161616; border-radius:3px;}
.pagination ul li a:hover, .pagination ul li a.active{background-color:#135dd8; color:#f8f6f6;}
footer{background-color:#010000;}
footer .centerwrap{display:flex; justify-content:space-between; align-items:center;}
.fLofo{padding-top:30px; padding-bottom:21px;}
.fRight{display:flex; flex-direction:column; align-items:flex-end;}
.fRight ul{display:flex; padding-bottom:8px;}
.fRight li{font-size:17px; letter-spacing:-0.005em; text-transform:uppercase; padding:0 14px; position:relative;}
.fRight li:after{content:'|'; color:#6e6e6e; position:absolute; right:0px; top:-1px;}
.fRight li:last-child{padding-right:0px;}
.fRight li:last-child:after{display:none;}
.fRight li a{color:#d7d5d5;}
.fRight li a.join{color:#135dd8;}
.fRight li a:hover{color:#135dd8;}
.fRight li a.join:hover{color:#fff;}
.fContent{display:flex; align-items:center;}
.fContent p{color:#bcb9b9; line-height:20px; text-align:right; font-size:13px; letter-spacing:0.005em; font-family:'Roboto', sans-serif; font-weight:400;}
.fContent p a{color:#bcb9b9;}
.fContent p a:hover{color:#135dd8;}
.bottomvideo {
  width: 100%;
  margin: 0;
  padding: 0;
}

.bottomvideo video {
  width: 100%;
  height: auto;
  display: block;
}
.memberspreview {
  max-width: 1600px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  gap: 20px; 
}

.memberspreview img {
  width: auto;           /* never force width */
  max-width: calc(50% - 5px);  /* each image gets half the container */
  height: auto;
  display: block;
	max-height: 100%;
  object-fit: contain;
}