#takeover {
    background-color:rgba(0,0,0,.8);
}
#takeover .takeover-wrapper {
    background-color:#fff;
    border:1px solid #000;
    box-shadow:0 0 30px #000;
    height:100%;
}
#takeover .hero {
    color:#fff;
    padding:100px 0;
    background: 50% 50% no-repeat;
    background-size: cover;
}
#takeover .hero p {
    font-size:1.3em;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, .5);
}
#takeover .hero .header {
    background-color:rgba(0,0,0,.65);
    padding:20px;
    margin-top:-100px;
}
#takeover .hero .header .skip {
    color:#ff7b40;
    text-transform: uppercase;
    text-decoration: none;
}
#takeover .hero .btn-primary {
    background-color: rgb(65, 200, 142);
    color: #fff;
}

#takeover .hero .btn-primary:hover,
#takeover .hero .btn-primary:focus,
#takeover .hero .btn-primary:active,
#takeover .hero .btn-primary.active {
  color: #fff;
  background-color: rgb(53, 154, 110);
}

#takeover .thermometer {
    margin-top:60px;
    margin-bottom:60px;
    border-radius: 3px;
    box-shadow:0 2px 4px rgba(0,0,0,.35);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop( 0.0, rgb(226, 213, 199) ), color-stop( 1.0, rgb(214, 201, 188) ));
    background-image: -webkit-linear-gradient(top, rgb(226, 213, 199), rgb(214, 201, 188) );
    background-image: -moz-linear-gradient(top, rgb(226, 213, 199), rgb(214, 201, 188) );
    background-image: -ms-linear-gradient(top, rgb(226, 213, 199), rgb(214, 201, 188) );
    background-image: -o-linear-gradient(top, rgb(226, 213, 199), rgb(214, 201, 188) );
    background-image: linear-gradient(top, rgb(226, 213, 199), rgb(214, 201, 188) );
}
#takeover .thermometer .fill {
    box-sizing:border-box;
    color:#fff;
    width: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop( 0.0, rgb(65, 200, 142) ),color-stop( 1.0, rgb(56, 171, 121) ));
    background-image: -webkit-linear-gradient(top, rgb(65, 200, 142), rgb(56, 171, 121) );
    background-image: -moz-linear-gradient(top, rgb(65, 200, 142), rgb(56, 171, 121) );
    background-image: -ms-linear-gradient(top, rgb(65, 200, 142), rgb(56, 171, 121) );
    background-image: -o-linear-gradient(top, rgb(65, 200, 142), rgb(56, 171, 121) );
    background-image: linear-gradient(top, rgb(65, 200, 142), rgb(56, 171, 121) );
}
#takeover .thermometer .fill span {
    display:block;
    font-weight: 600;
    padding:20px 10px;
    width: 100%;
    box-sizing:border-box;
}
#takeover .premium {
    padding-top:60px;
    padding-bottom:60px;
}
#takeover .testimonial {
    padding-bottom:60px;
}
#takeover .premium p, #takeover .testimonial p {
    margin:1em 0;
}
#takeover .premium h3, #takeover .testimonial h3 {
    font-size:2.25em;
    margin-top: 22px;
    text-transform: none;
}
#takeover .testimonial .quote {
    font-family:'ProximaNova-RegularIt', Arial, Helvetica, 'Helvetica-Neue', sans-serif !important;
    font-style:normal;
}