.blue {
    color: #39b5fb;
}

.red {
    color: #bd0707;
}

.white {
    color: #fff;
}

.gray {
    color: #797979;
}

.bg-beige {
    background: #ececec;
}

.lowercase {
    text-transform:lowercase;
}

#pdp .panel-template .col-half,
#pdp .panel-template .col-third {
    /*padding:1.2%;*/
    position: relative;
}

#pdp .panel-template .position-absolute.col-half {
    height: 100%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}

#pdp .panel-template .position-absolute.col-half.left {
    left: 0;
}

#pdp .panel-template .position-absolute.col-half.right {
    right: 0;
}

#pdp .panel-template .wrapper {
    display: table;
}

#pdp .panel-template .wrapper .vertical-center {
    display: table-cell;
    vertical-align: middle;
}


#pdp .panel-template .position-absolute.vertical-center {
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transform-origin: bottom left;
    vertical-align: baseline;
}


#pdp .col-half.show-on-mobile {
    display: none;
}

#pdp .panel-template .position-absolute.col-half {
    bottom: 0;
    padding: 0;
    position: absolute;
    height: 61%;
    top: auto;
}

#pdp section.panel-template h1 {
    letter-spacing:.05em;
}

#pdp .panel-template a.cta:link,
#pdp .panel-template a.cta:visited {
    background-color:#E9E600;
    color:#000;
    transition:all .3s ease;
}

#pdp .panel-template a.cta:hover,
#pdp .panel-template a.cta:active {
    background-color:#f9f791;
    color:#000;
}


#pdp .vid-bg-wrapper {
    height:100%;
    left:0;
    overflow:hidden;
    position:absolute;
    top:0;
    width:75%;
    z-index:1;
}

#pdp .vid-gradient {
    position:absolute;
    width:100%;
    height:100%;
    background:linear-gradient(to right, rgba(0,0,0,0) 50%, rgba(0,0,0,1) 80%);
}

#pdp .vid-bg-wrapper video {
    display:inline-block;
    min-height:100%;
    width:100%;
}



/* ==============================
ML COOLING
============================== */

#pdp #ml-cooling {
    background:#fff url('//cwsmgmt.corsair.com/_ui/responsive/common/images/bg-white-left.png') center no-repeat;
    background-size:cover;
}



/* ==============================
ML FAN
============================== */

#pdp #ml-fan {
    background:#f5f5f5 url('//cwsmgmt.corsair.com/pdp/rmx2021/images/rmx_ml_bg_2x.jpg') center no-repeat;
    background-size:cover;
}



/* ==============================
HIGH EFFICIENCY
============================== */

#pdp #high-efficiency {
    background:#eee url('//cwsmgmt.corsair.com/_ui/responsive/common/images/bg-light-left.png') center no-repeat;
    background-size:cover;
}



/* ==============================
FULLY MODULAR
============================== */

#pdp #fully-modular {
    background:#fff url('//cwsmgmt.corsair.com/_ui/responsive/common/images/bg-white-right.png') center no-repeat;
    background-size:cover;
}



/* ==============================
ZERO RPM
============================== */

#pdp #zero-rpm {
    background:#eee url('//cwsmgmt.corsair.com/_ui/responsive/common/images/bg-light-left.png') center no-repeat;
    background-size:cover;
}



/* ==============================
TECHNOLOGY & RELIABILITY
============================== */

#pdp #tech {
    background:#fff url('//cwsmgmt.corsair.com/pdp/rmx2021/images/rmx_tech_2x.jpg') center no-repeat;
    background-size:cover;
}



/* ==============================
CERTIFICATIONS
============================== */

#pdp #cert {
    background:#eee url('//cwsmgmt.corsair.com/_ui/responsive/common/images/bg-light-left.png') center no-repeat;
    background-size:cover;
}

#pdp #cert img {
    margin-bottom:50px;
    max-width:120px;
}



/* ==============================
WARRANTY
============================== */

#pdp #warranty {
    background:#fff url('//cwsmgmt.corsair.com/_ui/responsive/common/images/bg-white-right.png') center no-repeat;
    background-size:cover;
}



/* ==============================
YOUR BUILD
============================== */

#pdp #your-build {
    background:#000 url('//cwsmgmt.corsair.com/pdp/rmx2021/images/rmx_yourbuild_2x.jpg') center no-repeat;
    background-size:cover;
}




@media only screen and (max-width: 2500px) {

}



@media only screen and (max-width: 1600px) {

}



@media only screen and (max-width: 1200px) {


}

@media only screen and (max-width: 992px) {

}


@media only screen and (max-width: 960px) {



}


@media only screen and (max-width: 900px) {
}

@media only screen and (max-width: 768px) {
    #pdp .img-absolute.stack-on-mobile {
        position: relative;
    }

    #pdp .panel-template.text-center-mobile {
        text-align: center;
    }

    #pdp section.panel-template h1 {
        
    }



    /* ==============================
    TECHNOLOGY & RELIABILITY
    ============================== */

    #pdp #tech {
        background-image:url('//cwsmgmt.corsair.com/pdp/rmx2021/images/rmx_tech_mobile.jpg') center no-repeat;
    }



    /* ==============================
    YOUR BUILD
    ============================== */

    #pdp #your-build {
        background-image:url('//cwsmgmt.corsair.com/pdp/rmx2021/images/rmx_yourbuild_mobile.jpg');
    }


}

@media only screen and (max-width: 650px) {


}

@media only screen and (max-width: 570px) {

    #pdp .panel-template .col-half.mobile100 {
        position: relative;
        text-align: center;
        width: 100%;
    }

    #pdp .panel-template .wrapper .vertical-center {
        display: block;
    }

    #pdp .panel-template .col-half {
        margin-top: 0;
    }

}



@media only screen and (max-width: 470px) {

    #pdp #pdp-panel-hero {
        min-height: auto;
    }
}