*{margin:0;padding:0}
body{-webkit-font-smoothing:antialiased;overflow-x:hidden;font-family:"poppins",sans-serif; font-weight:500;background: rgb(98,24,35);
    background: linear-gradient(180deg, rgba(98,24,35,1) 0%, rgba(39,12,15,1) 100%);color:#fff;color:#fff;}
.badges,.ribbon .wrap,.sb,.split,header{display:flex;align-items:center;justify-content:space-between}
.split>span,.wrap,header{box-sizing:border-box}
header{position:fixed;width:100%;padding:10px;z-index:2;background:#00000014}
header li{float:left;list-style:none;padding:0 20px}
.wrap{max-width:970px;margin:0 auto;padding:0 20px}
section{padding:100px 0;position:relative;overflow:hidden;color:#fff}
.ribbon h2,h1{font-family:poppins}
h1{font-size:50px}
.hero h1{font-size:75px;text-shadow:0 2px 10px #000;text-transform:uppercase;text-shadow:0 2px 10px #00000085}
.hero h1 u{text-decoration:none;font-size:70px}
.split>span{width:50%;position:relative}
.split>span:first-of-type{padding-right:5%}
.split>span:last-of-type{padding-left:5%}
.split img{width:100%;vertical-align:bottom}
.hero{text-align:center;padding-bottom:40px}
.hero h1{padding-bottom:40px}
nav a{text-decoration:none;color:#e6e6e6;transition:all .3s ease}
nav a:hover{color:#fff}
.ribbon,.sb{background: rgb(98,24,35);
    background: linear-gradient(180deg, rgba(98,24,35,1) 0%, rgba(39,12,15,1) 100%);color:#fff}
section h1{font-size:32px;padding-bottom:20px;text-shadow:0 3px 3px #00000057}
.ribbon .wrap{padding:10px 20px}
.ribbon .wrap>h2{flex:50%}
.ribbon img{vertical-align:bottom}
.ribbon img:first-of-type{margin-right:10px}
.ribbon img,.split .badges img{width:140px}
.badges{margin:20px 0;justify-content:initial}
.badges img:first-of-type{margin-right:10px}
.sb{position:absolute;width:100%;z-index:-1;top:0;background: rgb(98,24,35);
    background: linear-gradient(180deg, rgba(98,24,35,1) 0%, rgba(39,12,15,1) 100%);}
.sb span{width:50%;position:relative}
.b3{background: rgb(98,24,35);
    background: linear-gradient(180deg, rgba(98,24,35,1) 0%, rgba(39,12,15,1) 100%);color:#fff}
.hero{padding-bottom:0}
.hero span img{vertical-align:bottom}
.mid{padding-bottom:0}
#m-menu{display:none}
.bg{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);min-width:100%;min-height:100%;zoom:.1;z-index:-1}
header a img{border-radius:5px;width:40px;vertical-align:middle}
header li{color:#fff}
canvas{display:block;vertical-align:bottom}
#particles-js{position:absolute;width:100%;height:100%}
#m-close,.mo{display:none}
#m-close:hover,#m-menu:hover{cursor:pointer}
.split img.g2{width:140%;left:-20%;position:relative}
.b3 h1,.mid h1{border-bottom:3px solid #B62E41;margin-bottom:20px}
@media screen and (max-width:768px){
.split>span:first-of-type{padding-right:0}
.split{flex-direction:column}
.split span{width:100%}
.split>span:last-of-type{padding-left:0}
.split p{padding-bottom:20px}
.ribbon .wrap{flex-direction:column}
.ribbon h2{padding-bottom:10px;font-size:14px}
header{background:#fff}
nav{width:100%;background:#ff3558;position:absolute;left:100%;top:58px;line-height:50px;font-size:32px;height:100vh;transition:all .3s ease-out}
nav ul li{float:none}
#m-menu,.mo{display:block}
nav ul{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);width:80%}
.o nav{left:0}
.ribbon img{width:140px;vertical-align:bottom}
.mid .split span:first-of-type{order:2}
.mid .split span:last-of-type{order:1}
.b3 .split span:first-of-type{order:2;padding:20px}
.b3 .split span:last-of-type{order:1}
.b3,.b3 .wrap{padding:0}
.hero h1{font-size:62px}
.hero h1 u{font-size:50px}
header li{color:#fff}
.mo img{width:90%}
.mo p{font-size:10px}
.mo .badges{margin:0}
#m-close svg,#m-menu svg{vertical-align:bottom}
.o #m-menu{display:none}
.o #m-close{display:block}
}
@media screen and (max-width:320px){
.hero h1{font-size:42px}
.hero h1 u{font-size:30px}
.hero h1{padding-bottom:10px}
.split p{font-size:12px}
.ribbon img{width:110px}
section{padding:70px 0}
section h1{font-size:24px}
nav ul li{font-size:20px}
}

a{text-decoration: underline; color:#ffffff; font-weight: 700;}
#ccpa-link{
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
}

ol{margin-left: 2rem;}

ol li{list-style-type: decimal; list-style-position: inside;font-size:12px;line-height:30px;font-weight:300;padding-bottom:20px;font-family:"poppins",sans-serif;}

span .bullet-sapcing{width: 7.0pt; display: inline-block;}

form{font-size:12px;line-height:22px;font-weight:300;padding-bottom:20px;
    font-family:"poppins",sans-serif;}

.form-ccpa{border: 1px solid;
                padding: 30px;            
    }

.form-group{margin-bottom: 15px;}
    
label:after {
    color: #ffffff;
    content: ' *';
    display:inline;
    } 

#submit-button{
        padding: 8px 25px;
        font-size: 14px;
        margin: 15px 0 20px 0;
        background-color: #c42944;
        color: #ffffff;
        display: inline-block;
        border: none;
        border-radius: 5px;
    }

#submit-button:hover{
        background-color: #962a3d;
    }

.ccpa p{font-size:12px;line-height:30px;font-weight:300;padding-bottom:20px;}

.ccpa h1{text-align:center;padding-bottom: 20px; font-size: 28px;}

.ccpa h2{font-size: 18px;}

.ccpa{padding-top:100px}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
 
input[type="number"] {
    -moz-appearance: textfield;
}

input[type=number]:disabled {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}