#cooling-modes h2,
#cooling-modes p {
    color: #fff !important
}

.white {
    color: #fff
}

.yellow {
    color: #e9e600
}

.lowercase {
    text-transform: lowercase
}

#pdp .panel-template .position-relative.wide100 {
    position: relative;
    width: 100%
}

#pdp .panel-template .col-half,
#pdp .panel-template .col-third {
    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
}

.grid-item {
    overflow: hidden
}

.mobile .mobile-only {
    display: block
}

.desktop .mobile-only {
    display: none
}

.mobile .desktop-only {
    display: none
}

.desktop .desktop-only {
    cursor: pointer;
    display: block
}

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

#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:active,
#pdp .panel-template a.cta:hover {
    background-color: #f9f791;
    color: #000
}

#pdp #panel-hero {
    background: url('//cwsmgmt.corsair.com/pdp/fans/af-elite/assets/images/afelite_hero_still_2x.jpg') center no-repeat;
    background-size: cover
}

#pdp #panel-hero .hero-content-container {
    background-color: rgba(0, 0, 0, .4);
    position: relative
}

#pdp #panel-hero .cta:link,
#pdp #panel-hero .cta:visited {
    background-color: #e9e600;
    color: #000
}

#pdp #panel-hero .cta:active,
#pdp #panel-hero .cta:hover {
    background-color: #f9f791
}

#pdp #cooling {
    background: url('//cwsmgmt.corsair.com/pdp/fans/af-elite/assets/images/afelite_cooling_2x.jpg') center no-repeat;
    background-size: cover
}

#pdp #airflow {
    background: url('//cwsmgmt.corsair.com/pdp/fans/af-elite/assets/images/afelite_airflow_2x.jpg') center no-repeat;
    background-size: cover
}

#pdp #quiet {
    background-color: #111
}

@media only screen and (max-width:1200px) {
    .wide-460 {
        width: 460px !important
    }
}

@media only screen and (max-width:992px) {
    #pdp .wide-460 .col-third h1 {
        font-size: 1.8em !important
    }
}

@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 #airflow {
        background-position: 10% center
    }

    #pdp #quiet,
    #pdp-corsair #panel2 #quiet .half {
        padding-bottom: 0
    }
}

@media only screen and (max-width:570px) {
    #pdp .panel-template .col-half.mobile100 {
        position: relative;
        text-align: center;
        width: 100%
    }

    #pdp .panel-template.tall110 {
        height: 110vw
    }

    #pdp .panel-template.padding-bottom-4,
    #pdp .panel-template.padding-top-4 {
        padding: 7em 0 7em
    }

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

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

    #pdp .panel-template p.description {
        margin-top: 2em auto 0
    }
}