hr { outline: none; border: none; background-color: #93d600; height: 2px; width: 100%; margin: 15px auto;}

.bg {overflow: hidden; position: relative;  width: 100vw; height: auto;  min-height: 100vh;
  background-color: #000;  background-position: center top; background-size: 100% auto; background-repeat: no-repeat;
}

.bg-cont {
  overflow: hidden; position: relative;  width: 100vw; height: auto;  min-height: 100vh;
  background-color: #000;  background-position: center top; background-size: 100% auto; background-repeat: no-repeat;
  background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/contBGM1-top.png');
}

.bg2{
    background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/contBGM2-top.png');
}

.bg3{
    background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/contBGM3-top.png');
}

.page-gradient {position: absolute; z-index: 1; 
  background: -moz-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.41) 15%, rgba(0,0,0,0.31) 30%, rgba(0,0,0,0.21) 46%, rgba(0,0,0,0) 68%, rgba(0,0,0,0) 97%, rgba(0,0,0,0) 100%);
  background: -webkit-radial-gradient(center, ellipse cover,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.41) 15%,rgba(0,0,0,0.31) 30%,rgba(0,0,0,0.21) 46%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%);
  background: radial-gradient(ellipse at center,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.41) 15%,rgba(0,0,0,0.31) 30%,rgba(0,0,0,0.21) 46%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 97%,rgba(0,0,0,0) 100%); 
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 );
}

.form .row {margin-bottom: 10px;}
.form .row .col {display: inline-block; vertical-align: top;}
.form .row .col.full {width:100%;}
.form .row .col.half {width:100%;margin-bottom: 10px;}
.form .row .col.third {width: 100%;margin-bottom: 10px;}
.form .row .col.half:last-child {margin-right: 0; margin-bottom: 0;}
.form .row .col.third:last-child {margin-right: 0;margin-bottom: 0;}
.form .row .col input[type=text], .form .row .col input[type=password], .form .row .col select {width: 100%; margin: 0 auto;}
.form .row .col input.std {text-align: center;}
.form .check-row {margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: center; flex-direction: row;  flex-wrap: nowrap;text-align: left;}
.form .check-row input {min-width: 20px;}
.form .check-row label {padding-left: 5px; width: 100%;}

/* LOGIN */
.login-inner {position: relative; z-index: 0; text-align: center; z-index: 2; padding-top: 130vw; padding-bottom: 40px;}
.login-inner .page-gradient {height: 100vw; width: 100vw; top:25vw; }
.login-cta {width: 90vw; margin: 0 auto 50vw; position: relative; z-index: 2;}
.login-inner .login-hdr {display: inline-block; width: 54vw; height: auto; margin-bottom: 20px;}
.login-inner .sub {font-size: 3.5vw; margin: 0; padding: 0; margin-bottom: 15px;}
.login-inner .form {margin-bottom: 20px;}
.login-inner .form .row .col input.std {text-align: center;}
.forgot { margin-bottom: 20px;}
.forgot a {color:#fff;}

.logo-lockup{display: none;}
.login-inner h4 {font-size: 4.8vw; margin: 0; padding: 0; margin-bottom: 15px; color: white; text-transform: uppercase;}

.rewards-inner {position: relative; z-index: 0; text-align: center; padding-top: 16vw; padding-bottom: 40px;}
.rewards-hdr {display: inline-block; width: 90vw; margin-left: 50px; margin-top:40px; height: auto; margin-bottom: 20px;}
.rewards-cta {width: 95vw;max-width: 560px; margin: 0 auto;margin-bottom: 0; position: relative; z-index: 2;}
.rewards-contain{
    width: 85%;
    margin: 0 auto;
}

/* REGISTER */
.register-inner {position: relative; z-index: 2; text-align: center; padding-top: 36vw; padding-bottom: 40px;}
.register-inner .page-gradient {height: 100vw; width: 100vw; top:0; }
.register-cta {width: 80vw; margin: 0 auto;margin-bottom: 0; position: relative; z-index: 2;}
.register-cta .reg-hdr.monly {display: inline-block; width: 65vw; margin-left: 0; height: auto; margin-bottom: 20px;}
.register-cta .reg-hdr.donly {display: none;}
.register-cta .form {margin-bottom: 20px;}
.register-inner .page-hdr {font-size: 10vw; margin: 0; padding: 0; margin-bottom: 20px; line-height: 1.2;}
.register-inner .sub {font-size: 0.9rem; margin: 0; padding: 0; margin-bottom: 15px;}
.register-inner .reg-pass {font-size: 3.5vw; margin-bottom: 10px; text-transform: uppercase;}
.check-row p{
    display: inline-block;
    font-family: 'octin_college';
    font-style: italic;
    vertical-align: top;
    width: 90%;
    font-size: 3vw;
    margin-top: 1.5vw;
}

.check-row input{
    margin: 0;
}

.forgot{
    color: white;
    font-family: 'octin_college';
    font-style: italic;
    font-size: 4vw;
}


/* FAQ */

.faq-inner {text-align: center; padding-top: 40vw; padding-bottom: 40px;}
.faq-cta {position: relative; z-index: 2; width: 90vw; margin: 0 auto;}
.faq-cta .faq-hdr.monly {display: inline-block; width: 65vw; margin-left: 0; height: auto; margin-bottom: 20px;}
.faq-cta .faq-hdr.donly {display: none;}
.faq-list {  list-style-type: none;  margin: 0 auto;  padding: 0; position: relative; z-index: 5; width: 100%;}
.faq-list li { 
  padding: 0;  margin: 0 auto; display: block;  position: relative;  max-width: 1000px;
   -webkit-transition: padding 500ms ease-out 0s;  -moz-transition: padding 500ms ease-out 0s;
   -o-transition: padding 500ms ease-out 0s;  transition: padding 500ms ease-out 0s;
}
.faq-list li:last-child {margin-bottom: 0;}
.faq_body_i ::marker{color: white;}
.faq_body_i li{ list-style-type: disc; text-align: left; margin: initial !important;  display: list-item;}

.faq_body_i ul ul li{  list-style-type: circle;}
.faq-title { width: 100%; transition: .5s;  padding: 0 0.5vw; 
   background-image: url('https://d29hsajlafccph.cloudfront.net/2021/us/img/bg-faq-item-m.png'); background-size: 100% 100%; background-repeat: no-repeat;
}
.faq-list li h5 { color:#fff;
  font-family: octin-college, sans-serif;font-weight: 400;font-style: normal;
  font-size: 1rem;  padding: 10px 10px 10px 30px; line-height: 1.2;
   text-transform: uppercase;  margin: 0; text-align: left;  cursor: pointer;  transition: .5s;
}
.faq-list li .faq_body {  display: none; }
.faq-list li .faq_body_i {  padding: 10px 0 10px 30px;  margin: 0;}
.faq-list li p { 
  font-family: 'motive_din_reg'; font-weight: normal; font-style: normal;
  font-size: 0.9rem;  margin: 0;  margin-bottom: 5px;  text-align: left;  line-height: 1.2;  color:#fff;
}
.faq-list li p:last-child {margin-bottom: 0;}
.faq-list li h5:before {  
  content: ''; background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/plus.png'); background-size: 100% auto; background-repeat: no-repeat;
  display: block;  position: absolute;  top: 10px;  left: 0; width: 25px; height: 25px;
} 
.faq-list li.curr h5:before { background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/minus.png'); height: 25px; width: 25px;  top: 17px;  left: 0;}
.faq-list li.curr .faq-title { background-image: url('https://d29hsajlafccph.cloudfront.net/2021/us/img/bg-faq-item-active-m.png'); padding: 2vw; width: 104%;
    margin-left: -2%;}



/* RULES */
.rules-inner {text-align: center; padding-top: 40vw; padding-bottom: 40px;}
.rules-cta {position: relative; z-index: 2;width: 90vw; margin: 0 auto;}
.rules-cta .rules-hdr-m{display: inline-block; width: 56vw; margin-left: 0; height: auto; margin-bottom: 20px;}
.rules-cta .rules-hdr-d{display: none;}
.rules .rules-box {
  background-image: url('https://d29hsajlafccph.cloudfront.net/2021/us/img/bg-rules-item-top-m.png'), url('https://d29hsajlafccph.cloudfront.net/2021/us/img/bg-rules-item-bot-m.png');
  background-position: center top, center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-color: transparent; 
  font-family: 'motive_din_reg'; font-weight: normal; font-style: normal;
  padding: 4.2vw; color: #fff; text-align: left; margin-bottom: 25px; height: 110vw; 
}
.rules .rules-box .rules-box-inner {height: 100%; overflow-y: scroll; overflow-x: hidden; padding-right: 10px; }
.rules .rules-box .rules-box-inner::-webkit-scrollbar { 
  width: 5px;
  height: 5px;
 }
.rules .rules-box .rules-box-inner::-webkit-scrollbar-track { 
  background: #eb002a;
}
.rules .rules-box .rules-box-inner::-webkit-scrollbar-thumb {  
  background-color: white;  border-left: 6px solid white; border-right: 6px solid white;
}

.rules h4 { text-align: center; margin-bottom: 5px; }
.rules h5 { text-align: center; margin-bottom: 15px;}
.rules p { margin-bottom: 10px;}
.rules ol {list-style-type: decimal; margin: 0; padding-left: 20px;}
.rules ol li { margin-bottom: 15px; list-style-type: decimal;display: list-item;}
.rules ol li table {border-collapse: collapse; border: 1px solid #000; margin-bottom: 10px; }
.rules ol li table tr th, .rules ol li table tr td {border: 1px solid #000; padding: 4px;}
.rules-cta .stdbtn {
    transform: translate(0px, 1.5vw);
}

/* ERROR */
.error-inner {position: relative; z-index: 2; text-align: center; padding-top: 80vw; }
.error-inner .page-gradient {height: 100vw; width: 100vw; top:25vw; }
.error-inner .error-hdr {display: inline-block; width: 28vw; margin-left: 0; height: auto; margin-bottom: 20px;}
.error-inner .error-cta {width: 80vw;max-width: 560px; margin: 0 auto;margin-bottom: 0;}
.error-inner .error-cta p {font-size: 4.5vw; margin: 0; padding: 0; margin-bottom: 15vw; color: #fff;}


/* FOOTER */
.footer-cont { margin-top: 20px; padding: 20px;
  -webkit-box-shadow: 0px 0px 20px 0px #80de00; 
  box-shadow: 0px 0px 20px 0px #80de00;
  background-color: #000; color:#fff;
}
.footer-cont .footer-cont-m {}
.footer-cont .footer-cont-d {display: none;}
.footer-cont .footer-logos {
  list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between;
}
.footer-cont .footer-logos li {padding: 5px;}
.footer-cont .footer-logos li:nth-child(1) {width: 27%; text-align: left;}
.footer-cont .footer-logos li:nth-child(2) {width: 46%;  text-align: center;}
.footer-cont .footer-logos li:nth-child(3) {width: 27%;  text-align: right;}
.footer-cont .footer-logos li img { width:100%; height: auto;}

.footer-cont .footer-links {
  list-style-type: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; 
}
.footer-cont .footer-links li {width: 50%; text-align: center;}
.footer-cont .footer-links li a {
  font-family: 'motive_din_med';  font-weight: normal; font-style: normal;
}
.footer-cont .legal { font-size: 0.8rem; font-family: 'motive_din_reg'; text-align: center; font-weight: normal; font-style: normal;}


@media only screen and (min-width: 751px)
{ 
  
  .form .row {margin-bottom: 1.3vw;}
  .form .row .col.half {width:49%; margin-bottom: 0;}
  .form .row .col.third {width:32%; margin-bottom: 0;}
  .form .row .col.half:last-child {margin-right: 0;}
  .form .row .col.third:last-child {margin-right: 0;}
  
  .bg-cont {background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/contBG1.jpg');}
  .bg2{
        background-image: url('../img/contBG2.jpg');
        background-attachment: fixed;
    }
    .bg3{
        background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/contBG3.jpg');
        background-attachment: fixed;
    }
  
  /* LOGIN */
  .login-inner {padding-top: 9vw; padding-bottom: 40px;}
  .login-inner .page-gradient {height: 50vw; width: 100vw; top:0;   }
  .login-cta {width: 34vw; margin: 0 0 0 8vw; position: relative; z-index: 2;}
  .login-inner .login-hdr {display: block; width: 10vw; margin: 0 auto 20px; height: auto;}
  .login-inner .sub {font-size: 1vw;  margin-bottom: 20px;}
  .login-inner .form { width: 30vw; max-width: 560px; margin: 0 auto;  margin-bottom: 30px;}
  
  .logo-lockup{display: block;width: 100%; position: relative; z-index: 2;}
  .login-inner h4 {font-size: 1.5vw;  margin-bottom: 20px;}
  
  .rewards-hdr {display: inline-block; width: 48vw; margin-left: 13.4vw; height: auto; margin-bottom: 20px;}
  .rewards-inner {padding-top: 4vw; padding-bottom: 40px;}
  .rewards-cta {width: 62vw; max-width: 1220px; margin: 0 auto;}
  .rewards-contain{width: auto;}
  
  .forgot{
        font-size: .8vw;
    }
  
  /* REGISTER */
  .register-inner {padding-top: 6vw; padding-bottom: 40px;}
  .register-inner .page-gradient {height: 50vw; width: 100vw; top:0;   }
  .register-cta {width: 78vw;  margin: 0 auto;}
  .register-cta .reg-hdr.monly {display: none; }
  .register-cta .reg-hdr.donly {display: inline-block; width: 32vw; height: auto; margin-bottom: 20px;}
  .register-cta .form { }
  .register-inner .page-hdr {font-size: 4vw; margin-bottom: 15px;}
  .register-inner .sub {font-size: 1rem;  margin-bottom: 15px; padding: 0 15%;}
  .register-inner .reg-pass {font-size: 1.3vw; margin-bottom: 10px;padding: 0 15%; text-transform: uppercase;}
  .check-row p{
        font-size: 1vw;
        margin-top: 0;
    }
  
  
  /* FAQ */
  .faqs{width: 80%; margin: 0 auto;}
  .faq-inner { padding-top: 10vw; padding-bottom: 10vw;}
  .faq-cta { width: 62vw; max-width: 1220px; margin: 0 auto; background-color:rgba(0,0,0,0.5);}
  .faq-cta .faq-hdr.monly {display: none;}
  .faq-cta .faq-hdr.donly {display: inline-block; width: 40vw; margin-left: 0; height: auto; margin-bottom: 20px;}
  .faq-list li {  max-width: 1000px;  }
  .faq-list li h5 {  font-size: 1rem;  line-height: 1.2; width: 100%; }
  .faq-list li h5:before {  
  content: ''; background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/plus.png'); background-size: 100% auto; background-repeat: no-repeat;
  display: block;  position: absolute;  top: 1vw;  left: 0; width: 1.5vw; height: 1.5vw;
} 
.faq-cta .stdbtn{
    transform: translate(0px, 1.5vw);
}
  .faq-list li .faq_body_i {  padding: 10px 0 10px 40px; }
  .faq-list li p {  font-size: 0.9rem; margin-bottom: 5px;  }
  .faq-list li.curr h5:before { background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/minus.png'); height: 1.5vw; width: 1.5vw;  top: 1vw;  left: 0;}
  .faq-title { background-image: url('https://d29hsajlafccph.cloudfront.net/2021/us/img/bg-faq-item-d.png'); height: 3.4vw; display: inline-flex; align-items: center; }
  .faq-list li.curr .faq-title { background-image: url('https://d29hsajlafccph.cloudfront.net/2021/us/img/bg-faq-item-active-d.png'); padding: 1.5vw; width: 103%;
}
  
  
    /* RULES */
    .rules-cta .rules-hdr-d{display: inline-block; width: 24vw; margin-left: 0; height: auto; margin-bottom: 20px;}
    .rules-cta .rules-hdr-m{display: none;}
  .rules-inner { padding-top: 10vw; padding-bottom: 10vw;}
  .rules-cta {width: 62vw; max-width: 1220px; margin: 0 auto; background-color: rgba(0,0,0,0.5);}
  .rules-cta .rules-hdr {display: inline-block; width: 30vw; margin-left: 0; height: auto; margin-bottom: 20px;}
  .rules .rules-box {
    background-image: url('https://d29hsajlafccph.cloudfront.net/2021/us/img/bg-rules-item-top-d.png'), url('https://d29hsajlafccph.cloudfront.net/2021/us/img/bg-rules-item-bot-d.png');
    background-position: center top, center bottom;
    background-size: 100% auto;
    background-repeat: no-repeat;
    padding: 2.2vw;  margin-bottom: 25px; height: 26vw; 
  }
  .rules .rules-box .rules-box-inner {height: 100%; overflow-y: scroll; padding-right: 10px; }
  
  
  /* ERROR */
  .error-inner { padding-top: 25vw;}
  .error-inner .error-hdr { width: 15vw; margin-left: 0;margin-bottom: 20px;}
  .error-inner .error-cta {width: 34vw;max-width: 560px; margin: 0 auto;}
  .error-inner .error-cta p {font-size: 1.2rem; color:#fff; margin-bottom: 5vw;}
  
  
  /* FOOTER */
  .footer-cont { padding: 40px; }
  .footer-cont hr {height: 1px;}
  .footer-cont .footer-cont-m {display: none;}
  .footer-cont .footer-cont-d {display: block;}
  

  .footer-cont .footer-links {flex-wrap: nowrap; margin: 20px auto; width: 80vw; max-width: 1420px; justify-content: center; align-items: center;}
  .footer-cont .footer-links li {width: auto; text-align: center; border-right: 1px solid #fff; line-height: 0.9; padding: 0 25px;}
  .footer-cont .footer-links li:first-child {padding-left: 0;} 
  .footer-cont .footer-links li:last-child {padding-right: 0; border-right: none;}
  .footer-cont .footer-links li a {line-height: 0.9; font-size: 0.9rem;
    font-family: 'motive_din_med';  font-weight: normal; font-style: normal;
  }
  .footer-cont .footer-flex {display: flex; flex-wrap: nowrap;}
  
  .footer-cont .footer-logos { width: 30%;
    list-style-type: none; margin: 0; padding: 0; display: flex; align-items: center; justify-content: space-between; flex-wrap: nowrap;
  }
  .footer-cont .footer-logos li {padding: 5px;}
  .footer-cont .footer-logos li:nth-child(1) {width: 27%; text-align: left;}
  .footer-cont .footer-logos li:nth-child(2) {width: 46%;  text-align: center;}
  .footer-cont .footer-logos li:nth-child(3) {width: 27%;  text-align: right;}
  .footer-cont .footer-logos li img { width:100%; height: auto;}
  
  .footer-cont .legal { width: 50%;font-size: 0.8rem; font-family: 'motive_din_reg';  font-weight: normal; font-style: normal; text-align: center; margin: 0 auto;}
}