html {box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin:0;padding:0;}
*, *:before, *:after {box-sizing:inherit;-moz-box-sizing:inherit;-webkit-box-sizing:inherit;}

body {background-color: #000;overflow-x: hidden;margin:0; font-family: 'motive_din_bold'; position: relative;}

p {margin: 0; padding: 0; color: white;}
h1,h2,h3,h4,h5,h6 {margin: 0; padding: 0;}
strong {}
a{color:inherit; text-decoration: none;}

.header {
        font-family: 'motive_din_bold';
        letter-spacing: 1px;
        position: fixed;
        z-index: 100;
        width: 100%;
        height: 20vw;
        color: black;
        transition: 1s;
        background-image: linear-gradient(black, transparent);
    }

.header-logo{
        display: inline-block;
    height: 15vw;
    margin: 0 0.2vw;
}

.hRight {
        text-align: right;
        display: inline-block;
        position: absolute;
        top: 20px;
        right: 20px;
    }

.hRight-d{
    display: none;
}

.hRight-d a:hover{
    color: #93d600;
    cursor: pointer;
}

.hRight-m {
    display: block;
}

.headerBG{
    background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/headerBG.png'); background-size: 100% 50%; 
    background-repeat: no-repeat;
}

.headerBG .hRight{
    top: 0.2vw;
}

.hLeft {
    position: absolute;
    left: 10px;
    top: 10px;
}

.hLeft-d{
    display: none;
}

.hLeft-m {
    display: block;
    font-family: 'octin_college';
    color: white;
    font-style: italic;
    letter-spacing: normal;
    font-size: .9em;
}
    
.hamburger-menu {
    height: 8vw;
}

.sidebar {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 2000;
        top: 0;
        right: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.5s;
        padding-top: 60px;
    }

    .sidebar a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 20px;
        color: #818181;
        display: block;
        white-space: nowrap;
        transition: 0.3s;
        font-family: 'motive_din_bold';
    }

    .sidebar .closebtn {
        position: absolute;
        top: 0;
        right: 25px;
        font-size: 36px;
        margin-left: 50px;
    }
    
    .hRight-all{
        display: inline-block;
        vertical-align: middle;
    }
    
    .hLeft-all{
        display: block;
    }


.oct-reg {font-family: octin-college, sans-serif;font-weight: 400;font-style: normal;}
.oct-bold {font-family: octin-college, sans-serif;font-weight: 700;font-style: normal;}

.mdin-reg { font-family: 'motive_din_reg'; font-weight: normal; font-style: normal; }
.mdin-med {  font-family: 'motive_din_med'; font-weight: normal; font-style: normal; }
.mdin-bold { font-family: 'motive_din_bold'; font-weight: normal; font-style: normal; }

.mdew-amcap { font-family: 'mtndew_american_captain'; font-weight: normal; font-style: normal; }

.stdi {
  font-size: 3.5vw; padding: 0 6vw; display: inline-flex;
  line-height:  14vw; height: 14vw; background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/fieldBG.png'); background-size: 100% 100%; 
  font-family: 'motive_din_reg';background-color: transparent;
  outline: none; border: none;
  font-style: italic;
}

.enterstdi {
  font-size: 3.5vw; padding: 0 6vw; display: inline-flex;
  line-height:  14vw; height: 12vw; background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/footerFieldBG.png'); background-size: 100% 100%; 
  font-family: 'motive_din_reg';background-color: transparent;
  outline: none; border: none; margin: 0 -3vw 0 0; color: white;
  font-style: italic; vertical-align: bottom;
}

.stdi option{
    color: black;
}

.enterDiv{
    position: fixed;
    bottom: 0;
    right: -2vw;
    z-index: 99;
}

.stdbtn { color:#fff;
  font-size: 3.5vw; padding: 5px 6vw 10px; display: inline-flex; justify-content: center; align-items: center; font-style: italic;
  min-width: 43vw; text-align: center; line-height:  0; height: 12vw;
  background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/buttonBG.png'); background-size: 100% 100%; 
  font-family: 'motive_din_bold'; font-weight: normal; font-style: normal; 
  outline: none; border: none; cursor: pointer; background-color: transparent;
}

.footerstdbtn { color:#fff;
  font-size: 3.5vw; padding: 5px 6vw 10px; display: inline-flex; justify-content: center; align-items: center; font-style: italic;
  min-width: 43vw; text-align: center; line-height:  0; height: 12vw;
  background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/buttonBG.png'); background-size: 100% 100%; 
  font-family: 'motive_din_bold'; font-weight: normal; font-style: normal; 
  outline: none; border: none; cursor: pointer; background-color: transparent;
}

.stdbtn2 { color:#fff;
  font-size: 3.5vw; padding: 5px 6vw 10px; display: inline-flex; justify-content: center; align-items: center; font-style: italic;
  min-width: 43vw; text-align: center; line-height:  0; height: 12vw;
  background-image: url('https://d9xddvexmx71z.cloudfront.net/cod22us/img/buttonBG2.png'); background-size: 100% 100%; 
  font-family: 'motive_din_bold'; font-weight: normal; font-style: normal; 
  outline: none; border: none; cursor: pointer; background-color: transparent;
}

.footer-cont {background-color: #000;}

.footer {
        font-size: .9em;
        background-image: linear-gradient(transparent, black);
        padding: 40px 0 20px;
        position: relative;
        width: 100%;
        text-align: center;
        z-index: 2;
    }
    
    .landingFooterM p{
        letter-spacing: .6vw;
        font-size: 3vw;
        margin: .5vw 0;
    }
    
    .footerLine{
        display: none;
    }
    
    .footerLineM{
        display: inline-block;
        vertical-align: middle;
        width: 5vw;
    }
    
    .cont-smoke{
        display: block;
        width: 100%;
        position:absolute;
        bottom: 0;
        z-index: 1;
    }
    
    .footerLogo{
        display: block;
        width: 20vw;
        margin: 0 auto 20px;
    }



@media only screen and (min-width: 751px)
{ 
    .footerLogo{
        display: none;
    }
    
    .cont-smoke{
        display: none;
    }
    
    .hamburger-menu {
        height: 1.2vw;
    }
    
    .headerBG .hRight{
        top: 0;
    }
    
    .mobileBreak{
        display: none;
    }

    .hLeft {
        position: absolute;
    }
    
    .header{
        height: 5vw;
    }
    
    .hLeft-d{
        display: block;
    }

    .hLeft-m {
        display: none;
    }

    .header-logo {
        display: inline-block;
        height: 4vw;
        margin: 0 .2vw;
    }

    .hRight {
        text-align: right;
        background: url(https://d29hsajlafccph.cloudfront.net/2021/us/img/navBG.png) no-repeat;
        background-size: cover;
        padding: 0 1vw 0 2vw;
        display: inline-block;
        position: absolute;
        right: 0;
    }

    .hRight p {
        padding: 0 1.5vw;
        font-size: .8vw;
        color: white;
        display: inline-block;
        letter-spacing: .15vw;
    }

    
  
  .stdi {  font-size: 1.2vw; padding: 0 2vw; line-height: 3vw; height: 3vw;  }
  .enterstdi {  font-size: 1.2vw; padding: 0 2vw; line-height: 3vw; height: 3vw; width: 20vw; }
  .stdbtn { font-size: 1.2vw; padding: 0 2vw; transition: .5s; padding-bottom: 0.5vw; min-width: 14vw; line-height:  0; height: 3vw; font-style: italic;}
  .stdbtn2 { font-size: 1.4vw; padding: 0 2vw; transition: .5s; padding-bottom: 0.5vw; min-width: 14vw; line-height:  0; height: 3vw; font-style: italic;}
  .footerstdbtn{font-size: 1.7vw; padding: 0 2vw 0 1vw; transition: .5s; padding-bottom: 0.5vw; min-width: 16vw; line-height:  0; height: 3.5vw; font-style: italic;}
  .stdbtn:hover{transform: scale(1.1);}
  .landingbtn:hover{transform: scale(1.1) translate(-45%, 0);}
  .tabText .stdbtn:hover{transform: scale(1.1) translate(-45%, 0);}
  .comingbtnMD:hover{transform: scale(1.1) translate(-45%, 0);}
  .comingbtnGF:hover{transform: scale(1.1) translate(-45%, 0);}
  .comingbtnD:hover{transform: scale(1.1) translate(-45%, 0);}
  
  .hRight-d{
        display: inline-block;
        vertical-align: top;
    }
    
    .hRight-all{
        vertical-align: top;
    }
    
    .hRight-m{
        display: none;
    }
    
    .footer {
        font-size: 1vw;
        background-image: linear-gradient(transparent, black);
        padding: 40px 0 20px;
        position: fixed;
        bottom: 0;
        width: 100%;
        text-align: center;
        z-index: 99;
    }

    .footer p {
        display: inline-block;
        vertical-align: middle;
        line-height: 1em;
        font-family: 'motive_din_reg';
    }
    
    .footerLine{
        display: inline-block;
        vertical-align: middle;
        width: 2vw;
    }
    
    .footerLineM{
        display: none;
    }

    .fBreak {
        margin: 0 30px;
    }

    .fLine{
        width: 90%;
        height:2px;
        border-width:0;
        color:white;
        background-color:white;
        margin: 20px auto 15px;
    }

    .footer-logos{
        display: inline-block;
        vertical-align: middle;
    }

    .footer-logos img{
        display: inline-block;
        vertical-align: middle;
        height: 60px;
        margin: 0 5px;
    }

    .footer-legal{
        width: 40%;
        margin: 0 0 0 5vw;
        vertical-align: middle;
        display: inline-block;
        max-width: 750px;
    }
}

@media only screen and (min-width: 1400px){
    .headerBG .hRight{
        top: 0.2vw;
    }
    
    .hRight-d{
        display: inline-block;
        vertical-align: middle;
    }
    
    .hRight-all{
        vertical-align: middle;
    }
}