/* ============================== 
OVERRIDES 
============================== */
.mfp-counter{
    display:none;
}

.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a{
    content:none;
}

button.mfp-arrow{
    background:url(https://cwsmgmt.corsair.com/responsive/img/k70-v2/next-icon.png)no-repeat center rgba(255, 255, 255, 0.5);
    background-size:contain;
    height:15vh;
    position:absolute;
    top:46.5%;
    transform-origin:center;
    width:4vh;
}

.no-touch button.mfp-arrow:hover{

}

button.mfp-arrow.mfp-arrow-left{
    left:15px;
    transform:scaleX(-1) scaleY(1);
}

button.mfp-arrow.mfp-arrow-right{
    right:15px;
    transform:scaleX(1) scaleY(1);
}

.font-header{

    /*font-weight: 600 !important;
    letter-spacing: 0em !important;*/
    line-height:0.9em;
}

.font-header-body{

    /*font-weight: 600 !important;
    letter-spacing: 0.1em !important;*/
    line-height:1em;
}

/* ============================== 
PRELOADER 
============================== */
#preloader{
/*
    background:white;
    height:100%;
    position:fixed;
    top:0;
    width:100%;

    z-index:100;
*/
    display:none !important;
}

#preloader .loader_bar{
    background: #666;
    height:4px;
    opacity:1 !important;
    width:0%;

    transition:250ms width;
}

#preloader.preloader-out{
    transform:perspective(8000px) rotateX(-90deg);
    transform-origin:50% 0%;
    transition:500ms transform 500ms;
}

/* ============================== 
K70
============================== */
#prod-k70{
}

#prod-k70 *{
    -webkit-box-sizing: unset;
    -moz-box-sizing: unset;
    box-sizing:unset;
}

#prod-k70 section {
    position:relative;   
}

#prod-k70 h2{
    font-family:'BebasNeuePro-SmEBd', sans-serif;
    font-size:4em;
    font-weight:300;
    letter-spacing:0.03em;
    margin:0 0 20px;
}

#prod-k70 h3 {
    font-size: 1em;
    font-weight: 300;
    letter-spacing: 0.2em;
    line-height: 1.5;
    margin:0;
    color:#959595;
    text-transform: uppercase;
}

#prod-k70 p{
    font-size:1.2em;
    font-weight:300;
    letter-spacing:0.05em;
    line-height:1.75em;
}

#prod-k70 .item,
#prod-k70 .item a,
#prod-k70 .item a img {
    outline:none;   
}

#prod-k70 {
    margin:0;
    padding:0;
}

#prod-k70 section .glaive_header{
    font-family: 'Gotham XNarrow A', 'Gotham XNarrow B';
    font-style:normal;
    font-weight:400;
}


#prod-k70 .gradient-layer {
    display: block;
    bottom: 0;
    left: 0;
    pointer-events:none;
    position: absolute;
    height: 50%;
    width: 100%;
    background: -webkit-linear-gradient(bottom, rgba(20, 20, 29, 1) 0%, rgba(20, 20, 29, 0) 70%);
    background: linear-gradient(to top, rgba(20, 20, 29, 1) 0%, rgba(20, 20, 29, 0) 70%);
}
/* ============================== 
FX FILL BUTTONS 
============================== */
#prod-k70 .cta.fx-fill{
    border: 2px solid #faf10f;
    cursor:pointer;
    font-weight:300;
    letter-spacing:0.3em;   
    padding: 1.1em 2.5em;
    min-width: 100px;
    text-align: center;
    line-height: 2;
    position:relative;
    
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

#prod-k70 .cta.fx-fill span{
    color:#fff;
    position: relative;
    text-transform: uppercase;
    z-index:1;
}

#prod-k70 .cta.fx-fill span.text-black{
    color:#000;
}

#prod-k70 .cta.fx-fill:before{
    background: #faf10f;
    content:"";
    height:100%;
    left:0;
    position:absolute;
    top:0;
    transform:scaleX(0);    
    transition:250ms transform;
    transform-origin:0 50%;
    width:100%;
}

#prod-k70 .cta.fx-fill.inverted:before{
    transform:scaleX(1);  
}

.no-touch #prod-k70 .cta.fx-fill:hover:before{
    transform:scaleX(1);
    transition:250ms transform;
}

.no-touch #prod-k70 .cta.fx-fill.inverted:hover:before{
    transform:scaleX(0);
}

.no-touch #prod-k70 .cta.fx-fill:hover span {
    color:#151515;
    font-weight:500;
}


/* ============================== 
HERO
============================== */

#prod-k70 .hero {
    background: #000;
    background-size: cover;
    display: table;
    height: 692px;
    margin-top: 0px;
    overflow: hidden;
    position: relative;
    width: 100%;
    z-index:0;
}

#prod-k70 .hero #hero-img {
    
    position:absolute;
    left: 0;
    top: 0;
    z-index:-1;

    max-width: 100%;
    max-height: 100%;
    height: auto;
}
    
#prod-k70 .hero video {
    position:absolute;
    z-index:0;
    display:block;
}

 #prod-k70  .hero .wrapper {
        display:table-cell;
        vertical-align:middle;
        text-align:center;
        height:100%;
        color:#fff;
        position: relative;
        width: 100%;
        padding: 0 5%;
        background: rgba(0,0,0,1);
    }
    

#prod-k70 .hero .content_wrapper {
    color: #fff;
    display:table-cell;
    max-width: 100%;
    padding: 9em 1em 0;
    position: relative;
    text-align: center;
    vertical-align:middle;
    width: 100%;
}

#prod-k70 .hero h1 {
    color:#fff;
    display:block;
    font-family:'BebasNeuePro-SmEBd', sans-serif;
    font-size: 12em;
    font-weight: 400;
    margin: 25px auto;
    max-width: 1200px;
    letter-spacing: 0.05em;
    position: relative;
    text-shadow:0 3px 10px rgba(0,0,0,.7);
    text-transform: uppercase;
    z-index:1;
}

#prod-k70 .hero h2{
    font-size: 5em;
    font-family:'BebasNeuePro-SmEBd', sans-serif;
    text-shadow:0 3px 10px rgba(0,0,0,.7);
}


#prod-k70 .hero .content_wrapper h3 {
    position: relative;
    color: #fff;
    display: block;
    text-transform: uppercase;
    width: 90%;
    font-size: 1.4em;
    z-index: 1;
    font-weight: 400;
    letter-spacing: 0.3em;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    margin: .5em auto 0;
}

#prod-k70 .hero .content_wrapper h3 span{
    font-size:0.6em;
}

#prod-k70 .hero span {
    line-height:2em;
    font-size:1em;
    letter-spacing:0.3em;
}

#prod-k70 .hero .cta{
    color:#fff;
    display:inline-block;
    margin:4em auto 9em;
}

#prod-k70 .hero .cta:hover{
    color:#fff;
}


/* ============================== 
PICK SWITCH
============================== */
#prod-k70 .pickswitch{
    background:#117cbc;
    padding:8em 0;
    transition:500ms background;
}

#prod-k70 .pickswitch.detailed{
    background:#14141d;
}

#prod-k70 .pickswitch .gradient-layer{
    height:8em;
    top:0;
    transform:scaleY(-1);
    z-index:2;
}

#prod-k70 .pickswitch .content_wrapper{
    margin:0 auto;
    max-width:1170px;
    overflow:hidden;
    position: relative;
}

#prod-k70 .pickswitch .content_wrapper .title{
    left:50%;
    max-width:600px;
    opacity:1;
    position: absolute;
    text-align:center;
    transform:translateX(-50%);
    z-index:5;
}

#prod-k70 .pickswitch.open .content_wrapper .title{
    pointer-events: none;
    opacity:0;
}

#prod-k70 .pickswitch .content_wrapper .title h2{
    color:#fff;
    width:calc(100% - 24px);
}

#prod-k70 .pickswitch .content_wrapper .title p{
    color:#fff;
}

#prod-k70 .pickswitch .content_wrapper .title .logo{
    margin:2em auto;
    width:185px;
}

#prod-k70 .pickswitch .content_wrapper .title .logo img{
    width:100%;
}

#prod-k70 .pickswitch .content{
    overflow:hidden;
    padding:2em;
    position: relative;
}

#prod-k70 .pickswitch .content_wrapper .cover{
    display: block;
    margin:12em auto 0;
    max-width:1000px;
    opacity:1;
    position: relative;
    text-align:center;
    transition:250ms opacity, 250ms transform;
    transform:scale(1);
    width:100%;
    z-index:1;
}

#prod-k70 .pickswitch.open .content_wrapper .cover{
    opacity:0;
    pointer-events: none;
    transform:scale(1.2);
    z-index:0;
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-title{
    color:white;
    letter-spacing:0.3em;
    margin:2em auto auto;
    position: relative;
    width:200px;
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-flag{

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+2,ffffff+25,ffffff+75,ffffff+98&0+2,0.6+25,0.6+75,0+98 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 2%, rgba(255,255,255,0.6) 25%, rgba(255,255,255,0.6) 75%, rgba(255,255,255,0) 98%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 2%,rgba(255,255,255,0.6) 25%,rgba(255,255,255,0.6) 75%,rgba(255,255,255,0) 98%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 2%,rgba(255,255,255,0.6) 25%,rgba(255,255,255,0.6) 75%,rgba(255,255,255,0) 98%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    color:#000;
    font-weight:500;
    letter-spacing:0.3em;
    margin:1em auto auto;
    position: relative;
    width:200px;
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-title:before,
#prod-k70 .pickswitch .content_wrapper .cover .switch-title:after{
    background:#9d9d9c;
    content:'';
    height:1px;
    position:absolute;
    top:50%;
    width:75%;
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-title:before,
#prod-k70 .pickswitch .content_wrapper .cover .switch-title:after{
    width:75%;
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-title:before{
    left:0;
    transform:translateX(-100%);
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-title:after{
    right:0;
    transform:translateX(100%);
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-thumb{
    cursor:pointer;
    display:inline-block;
    margin:5% auto auto 5%;
    position: relative;
    vertical-align:top;
    width:15%;
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-thumb#low-speed{
    margin-left:0;
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-thumb .switch-flag{
    background:rgba(255, 255, 255, 0.6);
    color:#000;
    font-size:9px;
    font-weight:400;
    letter-spacing:0.05em;
    width:70%;
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-thumb:first-child{
    margin:5% auto auto auto;
}

#prod-k70 .pickswitch .content_wrapper .cover .switch-thumb img{
    transition:500ms transform;
    width:86%;
}

.no-touch #prod-k70 .pickswitch .content_wrapper .cover .switch-thumb:hover img{
    transform:scale(1.1);
    transform-origin:50%;
}

#prod-k70 .pickswitch .content_wrapper .cover .logo{
    margin:4em auto 4em;
    max-width:160px;
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .cover .logo img{
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .cover p{
    color:#fff;
    line-height:1.3em;
}

#prod-k70 .pickswitch .content_wrapper .cover p small{
    text-transform: uppercase;
    font-size:9px;
    font-weight:400;
}

#prod-k70 .pickswitch .content_wrapper .exit{
    cursor:pointer;
    opacity:0;
    pointer-events: none;
    position: absolute;
    top:0px;
    transition:500ms opacity;
    right:0px;
    z-index:5;
}

#prod-k70 .pickswitch.open .content_wrapper .exit{
    pointer-events: unset;
    opacity:1;
}

#prod-k70 .pickswitch .content_wrapper .exit img{
    width:20px;
}

#prod-k70 .pickswitch .content_wrapper .details{
    left:0;
    opacity:0;
    position: absolute;
    top:0;
    width:100%;
    z-index:0;
    height:100%;
}

#prod-k70 .pickswitch.open .content_wrapper .details{
    color:white;
    opacity:1;
    z-index:1;
}

#prod-k70 .pickswitch.open .content_wrapper .details .title{
    left:65%;
    opacity:1;
    text-align:left;
    transform:none;
    width:35%;

}

#prod-k70 .pickswitch .content_wrapper .details .left{
    display: inline-block;
    height:100%;
    position: relative;
    vertical-align:middle;
    width:35%;
    z-index:1;
}

#prod-k70 .pickswitch .content_wrapper .details .left .quotes{
    height:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .left .quotes .container{
    height:100%;
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .left .quotes .item{
    height:100%;
    opacity:0;
    pointer-events:none;
    position: absolute;
    top:0;
    transition:500ms opacity;
}

#prod-k70 .pickswitch .content_wrapper .details .left .quotes .item.spacer{
    position: relative;
}

#prod-k70 .pickswitch .content_wrapper .details .left .quotes .item.selected{
    opacity:1;
    pointer-events:auto;
}

#prod-k70 .pickswitch .content_wrapper .details .left .quotes .item img{
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text{
    color:#e1dde1;
    bottom:0;
    position: absolute;
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text a,
#prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text a:link,
#prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text a:visited{
    color:#faf10f;
    font-size:10px;
}

#prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text .name{
    display: inline-block;
    font-size:12px;
    font-weight:700;
    margin:1.33em 0;
    text-transform: uppercase;
}

#prod-k70 .pickswitch .content_wrapper .details .middle{
    display: inline-block;
    position: relative;
    vertical-align:middle;
    width:30%;
}

#prod-k70 .pickswitch .content_wrapper .details .middle .product{
    left:50%;
    opacity:0;
    position: absolute;
    top:0;
    transform:translateX(-50%);
    transition:500ms opacity;
    height:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .middle .product.selected{
    opacity:1;
}

#prod-k70 .pickswitch .content_wrapper .details .middle .product.spacer{
    position: relative;
}

#prod-k70 .pickswitch .content_wrapper .details .right{
    display: inline-block;
    height:100%;
    position: relative;
    vertical-align:top;
    width:35%;
}

#prod-k70 .pickswitch .content_wrapper .details .right .descriptions{
    position: absolute;
    bottom:0%;
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .right .descriptions .container{
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .right .descriptions .container .item-spacer h4{
    min-height:2.5em;
}

#prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item{
    opacity:0;
    position: absolute;
    top:0;
    transition:500ms opacity;
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item h3{
    color:#fff;
    font-size:1.2em;
    font-weight:500;
    letter-spacing:0.1em;
}

#prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item h4{
    margin-top:0.8em;
}

#prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item p{
    color:#e1dde1;
    margin-top:0;
}

#prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item-spacer{
    opacity:0;
    position: relative;
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item.selected{
    opacity:1;
}


#prod-k70 .pickswitch .content_wrapper .details .right .subnav{
    top:50%;
    padding:0;
    position: absolute;
    list-style-type:none;
    text-align:center;
    transform:translateY(-50%);
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item{
    cursor:pointer;
    display:inline-block;
	line-height:normal;
    margin-left:1%;
    margin-right:1%;
    white-space:normal;
    width:17%;
    vertical-align:top;
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item:nth-child(1){
    margin-left:0;
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item:last-child{
    margin-right:0;
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom{
    margin-top:-4em;
    margin-left:3%;
    margin-right:3%;
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item .switch{
    margin-bottom:1em;
    width:calc(100% - 4px);
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item .switch img{
    color:#fff;
    opacity:0.7;
    transform:scale(0.8);
    transform-origin:50% 50%;
    transition:500ms transform, 500ms opacity;
    white-space:normal;
    width:100%;
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item .label{
	color:white;
    padding:0;
    opacity:0;
    transform:translateY(10px) translateX(-3%);
    transition:500ms opacity, 500ms transform;
	white-space:normal;
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.selected .label,
.no-touch #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item:hover .label{
    opacity:1;
    transform:translateY(-3em) translateX(-3%);
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom .label{
    transform:translateY(0) translateX(-11%);
    width:90px;
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom.selected .label,
.no-touch #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom:hover .label{
    opacity:1;
    transform:translateY(-1em) translateX(-11%);
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.selected .switch img,
.no-touch #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item:hover .switch img{
    opacity:1;
    transform:scale(1) translateY(-2em);
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom.selected .switch img,
.no-touch #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom:hover .switch img{
    opacity:1;
    transform:scale(1) translateY(0);
}

#prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item p{
	display:block;
    font-size:0.8em;
    text-align:center;
}


/* ============================== 
ALUMINUM
============================== */
#prod-k70 .aluminum {
    background:#c9c4c5 url('https://cwsmgmt.corsair.com/responsive/img/k70-v2/durable-bg.jpg')no-repeat center top;
    background-size:cover;
    min-height:42vw;
    padding:6em 0;
}

#prod-k70 .aluminum .keyboard {
    position:absolute;
    left:0;
    top:0;
    height:100%;
}

#prod-k70 .aluminum .content_wrapper{
    display:table;
    margin:0 auto;
    max-width:1200px;
    overflow:visible;
    vertical-align: middle;
    width:100%;
    height:42vw;
}

#prod-k70 .aluminum .content_wrapper .left{
    color:#000;
    display:table-cell;
    height:100%;
    max-width:40%;
    padding-bottom: 20vw;
    padding-right:50%;
    padding-left:5%;
    position: relative;
    vertical-align:bottom;
    width:300px;
    z-index:1;
    
}
#prod-k70 .aluminum .content_wrapper .left h2 {
    font-weight:500;
}

/* ============================== 
INTEREST POINTS
============================== */

#prod-k70 .interest-points {
    background:#fed100;
    padding:6em 0;

}

#prod-k70 .interest-points .content_wrapper {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    color: #fff;
}

#prod-k70 .interest-points .content_wrapper .full.centered{
    width:100%;
    height:100%;
    position:relative;
    text-align:center;
}

#prod-k70 .interest-points .content_wrapper .full h2.header {
    color:#000;
    font-weight:600;  
    /*max-width:338px;*/
    margin:1em auto 0;
}

#prod-k70 .interest-points .keyboard {
    margin-top:4em;
    position: relative;
}

#prod-k70 .interest-points .keyboard img.product-img {
    width: 100%;
    margin: auto;
    position: relative;
    transition:500ms opacity;
    z-index:1;
}

#prod-k70 .interest-points .keyboard img.product-img.back{
    left:0;
}

#prod-k70 .interest-points .keyboard.front img.product-img.front{
    opacity:1;
}

#prod-k70 .interest-points .keyboard.front img.product-img.back{
    opacity:0;
    position: absolute;
    top:0;
}

#prod-k70 .interest-points .keyboard.back img.product-img.front{
    opacity:0;
}

#prod-k70 .interest-points .keyboard.back img.product-img.back{
    left:0;
    opacity:1;
    position: absolute;
    top:0;
}

#prod-k70 .interest-points .keyboard img.product-img.shadow {
    height:100%;
    opacity:0.4;
    position:absolute;
    top:0;
    transform: scale(1.4);
    transform-origin: 50% 20%;
    z-index:0;
}

#prod-k70 .interest-points .keyboard button {
    background:none;
    border: none;
    height: 60px;
    width: 60px;
    position: absolute;
    transform:translateX(20px) translateY(-20px);
    z-index:2;
}

#prod-k70 .interest-points .keyboard button .svg{
    overflow:visible;
    pointer-events:none;
}

#prod-k70 .interest-points .keyboard button:focus {
    outline: 0 !important;
}

#prod-k70 .interest-points .keyboard button .svg path{
    fill: #fff;
}

#prod-k70 .interest-points .keyboard button.active .svg path{
    fill: rgb(0,132,255, 0.8);
}

#prod-k70 .interest-points .keyboard button .svg path.bullet{
    transform-origin:50%;
    transform:scale(0.8);
}

#prod-k70 .interest-points .keyboard button .svg path.ring{
    transform-origin:50% 50%;
}

#prod-k70 .interest-points .keyboard button.ping .svg path.ring{
    animation:ping 1500ms infinite;
}

@keyframes ping{
    0%{
        opacity:1;
        transform:scale(1);
    }
    100%{
        opacity:0;
        transform:scale(2);
    }
}

/* ============================== 
POINTS
============================== */
#prod-k70 .interest-points .keyboard #one {
    right: 17%;
    top: 14%;
}

#prod-k70 .interest-points .keyboard #two {
    right: 90%;
    top: 50%;
}

#prod-k70 .interest-points .keyboard #three {
    right: 11%;
    top: 84%;
}

#prod-k70 .interest-points .keyboard #four {
    right: 43%;
    top: 58%;
}

#prod-k70 .interest-points .keyboard #five {
    right: 55.5%;
    top: 7%;
}

#prod-k70 .interest-points .keyboard #six {
    right: 58.5%;
    top: 34%;
}

#prod-k70 .interest-points .keyboard #seven {
    right: 90.5%;
    top: 11%;
}

#prod-k70 .interest-points .keyboard.front #one,
#prod-k70 .interest-points .keyboard.front #two,
#prod-k70 .interest-points .keyboard.front #three,
#prod-k70 .interest-points .keyboard.front #four,
#prod-k70 .interest-points .keyboard.front #seven {
    opacity:1;
    pointer-events:auto;
}

#prod-k70 .interest-points .keyboard.back #one,
#prod-k70 .interest-points .keyboard.back #two,
#prod-k70 .interest-points .keyboard.back #three,
#prod-k70 .interest-points .keyboard.back #four,
#prod-k70 .interest-points .keyboard.back #seven {
    opacity:0;
    pointer-events:none;
}

#prod-k70 .interest-points .keyboard.front #five,
#prod-k70 .interest-points .keyboard.front #six {
    opacity:0;
    pointer-events:none;
}

#prod-k70 .interest-points .keyboard.back #five,
#prod-k70 .interest-points .keyboard.back #six {
    opacity:1;
    pointer-events:auto;
}

#prod-k70 .interest-points .all {
    background-color: #000;
    border-radius: 3px;
    border:1px solid #a9a9a9;
    color: #4e4e4e;
    height: 170px;
    width: 395px;
    z-index:2;
}

#prod-k70 .interest-points .all .text {
    color: #4e4e4e;
    float: right;
    width: 57%;
}

#prod-k70 .interest-points .all .text .wrap {
    padding: 20px 30px 0 25px;
    text-align: left;
}

#prod-k70 .interest-points .all .text .wrap p {
    color:#a9a9a9;
    line-height: 1.5em !important;
}

/*#prod-k70 .interest-points #popup-g.all .text .wrap p{
    line-height: 1.1em !important;
}

#prod-k70 .interest-points #popup-c.all .text .wrap p{
    line-height: 1.25em !important;
}*/

#prod-k70 .interest-points .all .text .wrap h3 {
    letter-spacing: -.2px;
    line-height: 1.4em;
    margin-bottom:5px;
}

#prod-k70 .interest-points .all .image {
    float: left;
    overflow:hidden;
    width: 43%;
}

#prod-k70 .interest-points .all .image img {
    width: 171px;
}

#prod-k70 .interest-points .all h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    text-transform: none;
    letter-spacing: normal;
}

#prod-k70 .interest-points .all p {
    font-size:.9em;
}

#prod-k70 .interest-points .all.new .image .new-label{
    bottom:0;
    color:#fff;
    background:rgb(0,132,255, 0.8);
    position:absolute;
    text-align:center;
    transform:rotate(-90deg) translateX(-21px);
    transform-origin: 0 0;
    width:calc(44% - 4px);
}

#prod-k70 .interest-points .all.new .image .new-label p{
    margin:0;
}

#prod-k70 .interest-points .flip-nav{
    border:1px solid #fff;
    border-radius:20px;
    display:block;
    margin: 2em auto 0;
    overflow:hidden;
    padding:0;
    position: relative;
    width:130px;
}

#prod-k70 .interest-points .flip-nav .flip-option{
    cursor:pointer;
    display:inline-block;
    padding:0.5em 0;
    width:50%;
}

#prod-k70 .interest-points .flip-nav .flip-option.selected{
    pointer-events:none;
}

#prod-k70 .interest-points .flip-nav .flip-option#flip-front{
    border-right:1px solid #fff;
    width: calc(50% - 2px);
}

#prod-k70 .interest-points .flip-nav .flip-option h4{
    color:#000;
    font-size:12px;
    font-weight:400;
    margin:0;
    text-align:center;
    transition:500ms color;
}

#prod-k70 .interest-points .flip-nav .flip-option.selected{
    background:#fff;
}

/* ============================== 
YOUR WAY
============================== */
#prod-k70 .your-way{
    background: #000;
    background-size: cover;
    display:block;
    overflow: visible;
    padding: 16em 0;
    width:100%;
    z-index:1;
}

#prod-k70 .your-way p {
    color:#979597;
    font-weight: 100;
    line-height: 1.5em;
    margin-top: 3em;
}

#prod-k70 .your-way .white_bar {
    bottom:0;
    height:100px;
    overflow:visible;
    position:absolute;
    width:100%;
}

#prod-k70 .your-way .content_wrapper{
    display:block;
    margin:0 auto;
    max-width:1200px;
    overflow:visible;
    vertical-align: middle;
    width:100%;
}

#prod-k70 .your-way .half{
    display:inline-block;
    vertical-align:middle;
}

#prod-k70 .your-way .content_wrapper .left{
    display:inline-block;
    padding-left:15px;
    vertical-align:middle;
    width:calc(44% - 15px);
}

#prod-k70 .your-way .content_wrapper .left h2{
    color:#fff;
    /*font-size:2.5em;
    font-weight:800;*/
}

#prod-k70 .your-way .content_wrapper .left h2.header{
    margin-top:1em;
}

#prod-k70 .your-way .content_wrapper .left h4{
    color:#fff;
    font-weight:400;
    letter-spacing:0.01em;
    margin:1.5em 0 0;
    font-size:1.3em;
}

#prod-k70 .your-way .content_wrapper .left p{
    color:#979597;
    margin:1em 0 0;
    font-weight:400;
}

#prod-k70 .your-way .content_wrapper .right{
    color: #fff;
    display: inline-block;
    margin-left:3%;
    max-width: 600px;
    position: relative;
    text-align:center;
    vertical-align: middle;
    width: 50%;
}



#prod-k70 .your-way .content_wrapper .right #icue-logo{
    width:170px;
    max-width:70%;
    margin-bottom:2em;
}

#prod-k70 .your-way .lighting-controls {
    color: white;
    margin: 20px auto;
    max-width:270px;
    text-align: left;
    width:100%;
}

#prod-k70 .your-way .keyboard-container {
    position: relative;
    height: 100%;
    padding-top: 33%;
    width: 100%;
}

#prod-k70 .your-way .keyboard{
    width:100%;
}

#prod-k70 .your-way .keyboard-foreground {
    background: url(https://cwsmgmt.corsair.com/responsive/img/k70-v2/your-way-keyboard.png) center no-repeat;
    background-size: 100% 100%;
    height: 100%;
    position: absolute;
    top:0;
    width: 100%;
    z-index: 2;
}

#prod-k70 .your-way #keyboard-background {
    position: absolute;
    height: calc(100% - 2px);
    left:0;
    top:0;
    transform:translateY(1px);
    width: calc(100% - 1px);
    z-index: 1;
}

/* Custom select */
#prod-k70 .your-way .select-container {
    background-color: white;
    border: 1px solid #696969;
    border-radius:25px;
    box-sizing: border-box;
    color:black;
    cursor: pointer;
    display: inline-block;
    position: relative;
    text-align: left;
}

#prod-k70 .your-way .select-container:before{
    background:#d2d2d2;
    border-radius:0 25px 25px 0;
    content:"";
    height:27px;
    position: absolute;
    right:0;
    top:0;
    width:28px;
}

#prod-k70 .your-way .select-container, .select, .option {
    width: 100%;
    padding: 0 7px;
}

#prod-k70 .your-way .options {
    height: 0;
    left: 0;
    margin-left:5%;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 2.3em;
    transform:translateY(-1px) translateX(-1px);
    transition: height 0.25s ease-out;
    width:95%;
    z-index: 1;
}

#prod-k70 .your-way .options.expanded {
    transition: height 0.25s ease-in;
}

#prod-k70 .your-way .select,
#prod-k70 .your-way .option {
    color: #000;
    letter-spacing: 0.1em;
    line-height: 1em;
    padding: 0.6em 0.3em;
    text-transform: uppercase;
    width: 100%;
}

#prod-k70 .your-way .select {
    background: url(https://cwsmgmt.corsair.com/responsive/img/k70-v2/your-way-arrow.png) no-repeat 98% 50%;
    background-size:6%;
    position: relative;
    z-index:1;
}

#prod-k70 .your-way .option {
    background: #fff;
    border-radius:25px;
    color:rgb(0,132,255, 1);
    font-size:0.9em;
    margin-top:3px;
    padding: 0.6em 0 0.6em 0.9em;
    transition:250ms color;
    width:calc(100% - 0.9em);
}

.no-touch #prod-k70 .your-way .option:hover{
    color: #000;
}
/**/

#prod-k70 .your-way .relative-container {
    position: relative;
}

/* ============================== 
SECTION 5
============================== */
#prod-k70 .section5 {
    background:#346dd3;
    min-height:500px;
    padding:6em 0;
}


#prod-k70 .section5 .content_wrapper{
    display:block;
    margin:0 auto;
    max-width:1200px;
    overflow:visible;
    vertical-align: middle;
    width:100%;
}

#prod-k70 .section5 .content_wrapper .full.centered{
    width:100%;
    height:100%;
    position:relative;
    text-align:center;
}


#prod-k70 .section5 .content_wrapper .full h2.header {
    /*font-weight:600;*/
    margin:2.5em auto 0;
    color:#fff;
}

#prod-k70 .section5 .content_wrapper .full .shopnow {
    width:800px;
    max-width:90%;
    margin: 3em auto 6em;
    position: relative;
}

#prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel{
    position: relative;
    width:100%;
}

#prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel .product {
    max-width:100%;
    margin-top:2em;
    opacity: 0
}

#prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel .product.absolute-pos{
    left:0;
    position: absolute;
    top:0;
}

#prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel.prod1 .product#prod1{
    opacity:1;
}

#prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel.prod2 .product#prod2{
    opacity:1;
}

#prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel .switch{
    bottom:7%;
    left:3%;
    opacity:0;
    position: absolute;
    width:20%;
}

#prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel .switch img{
    width:100%;
}

#prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel .switch span{
    color:white;
    display:block;
    margin-top:1em;
}

#prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel .switch.selected{
    opacity:1;
}


#prod-k70 .section5 .content_wrapper .full .shopnow #shopnow-nav #label{
    color:#fdcb00;
    font-weight:100;
    letter-spacing:0.1em;
    margin:0 auto 1.5em;
    width:52%;
}

#prod-k70 .section5 .content_wrapper .full .shopnow #shopnow-nav ul{
    border:1px solid white;
    border-radius:15px;
    display: inline-block;
    margin-top:0;
    padding:6px 18px;
    position: relative;

}

#prod-k70 .section5 .content_wrapper .full .shopnow #shopnow-nav ul .dot{
    background:#fff;
    border-radius:50%;
    cursor:pointer;
    display:inline-block;
    height:10px;
    line-height:0;
    margin:auto auto auto 8px;
    position: relative;
    transition:500ms background;
    width:10px;
}

.no-touch #prod-k70 .section5 .content_wrapper .full .shopnow #shopnow-nav ul .dot:hover{
    background:#fff60d;
}

#prod-k70 .section5 .content_wrapper .full .shopnow #shopnow-nav ul .dot.selected{
    background:#fff60d;
    cursor:auto;
}

#prod-k70 .section5 .content_wrapper .full .shopnow #shopnow-nav ul .dot:nth-child(2){
    margin:auto;
}

#prod-k70 .section5 #shopnow-nav ul .arrow-twobar{
    cursor:pointer;
    height:10px;
    position: absolute;
    top:50%;
    transform-origin:50%;
    width:10px;
}

#prod-k70 .section5 #shopnow-nav ul .arrow-twobar:before,
#prod-k70 .section5 #shopnow-nav ul .arrow-twobar:after{
    background:white;
    content:'';
    height:1px;
    left:0;
    position: absolute;
    top:50%;
    transform-origin: 0;
    transition:250ms background;
    width:100%;
}

.no-touch #prod-k70 .section5 #shopnow-nav ul .arrow-twobar:hover:before,
.no-touch #prod-k70 .section5 #shopnow-nav ul .arrow-twobar:hover:after{
    background:#fdcb00;
}

#prod-k70 .section5 #shopnow-nav ul .arrow-twobar:before{
    transform:rotate(-30deg);
}

#prod-k70 .section5 #shopnow-nav ul .arrow-twobar:after{
    transform:rotate(30deg);
}

#prod-k70 .section5 #shopnow-nav ul .arrow-twobar#prev{
    left:-20px;
    transform:translateY(-50%);
}

#prod-k70 .section5 #shopnow-nav ul .arrow-twobar#next{
    right:-20px;
    transform:translateY(-50%) scaleX(-1);
}

#prod-k70 .section5 .content_wrapper .full .shopnow a {
    background:#fff;
    color:#000;
    display:inline-block;
    font-size:1em;
    fon250might:300;
    letter-spacing: 0.1em;
    margin-top:1em;
    padding:1.3em 3em;
    text-align:center;
    transition:250ms background;
}

#prod-k70 .section5 .content_wrapper .full .shopnow a:hover {
    background:#ccc;
}

/* ============================== 
BETTER TOGETHER 
============================== */
#prod-k70 .better_together{
    background:#fff;
    width:100%;
}

#prod-k70 .better_together .content_wrapper{
    margin:0 auto;
    max-width:1200px;
    padding:0 0 12em;
    width:100%;
}

#prod-k70 .better_together .content_wrapper h2{
    padding:1em;
    text-align:center;
    width:auto;
    margin:1em auto;
}


#prod-k70 .better_together .content_wrapper h2.subheader {
    font-weight:400;
    font-size:4em;
}

#prod-k70 .better_together .content_wrapper h2.item_name {
    font-weight:400;
}

#prod-k70 .better_together .content_wrapper .sell_item{
    background:#fafafa;
    display:inline-block;
    margin-right:2.25%;
    position:relative;
    text-align:center;
    vertical-align:top;
    width:23%;
}

#prod-k70 .better_together .content_wrapper .sell_item:last-child{
    margin-right:0;
}


#prod-k70 .better_together .content_wrapper .sell_item .item_name{
    color:#000;
    margin-bottom: 0;
    margin-top: 1.2em;
    min-height: 40px;
    font-size: 2.25em;
}

#prod-k70 .better_together .content_wrapper .sell_item .item_image{
    background:#eeeeee;
    padding:2em 0;
    width:100%;
}

#prod-k70 .better_together .content_wrapper .sell_item .item_image img{
    transform:scale(1);
    width:82%;

    transition:250ms transform;
}

#prod-k70 .better_together .content_wrapper .sell_item:hover .item_image img{
    transform:scale(1.1);
}

#prod-k70 .better_together .content_wrapper .sell_item .item_subheader{
    color:#9a9a9a;
    font-size:0.9em;
    letter-spacing:0.1em;
    margin-left:7.5px;
    margin-top:0.5em;
    min-height: 35px;
    width:calc(100% - 15px);
}

#prod-k70 .better_together .content_wrapper .sell_item .item_description,
#prod-k70 .better_together .content_wrapper .sell_item .item_price{
    color:#959595;
    margin-left:7.5%;
    width:85%;
}

#prod-k70 .better_together .content_wrapper .sell_item .item_price{
    margin-bottom:7%;
    margin-top:7%;
}

#prod-k70 .better_together .content_wrapper .sell_item .item_description{
    min-height: 8em;
    line-height: 1.5em;
    letter-spacing: 0em;
}


#prod-k70 .better_together .content_wrapper .sell_item .cta{
    background:#000;
    color:#fff;
    display:block;
    letter-spacing:0.3em;
    padding:2em 0;
    text-align:center;
    width:100%;

    transition:500ms background;
}

#prod-k70 .better_together .content_wrapper .sell_item:hover .cta{
    background:#333;
}


/*GALLERY*/
.homepage-grid {
    padding: 0em ;
    margin:0 0 -1px;
    background-image:-webkit-linear-gradient(top, #000 0%, #fff 100%);
    background-image:-moz-linear-gradient(top, #000 0%, #fff 100%);
    background-image:-0-linear-gradient(top, #000 0%, #fff 100%);
    background-image:linear-gradient(to bottom, #000 0%, #fff 100%);
}

.grid-item  {
    overflow:hidden;
}

.grid-item img {
    width:101%;
    position:absolute;
    top:0;
    left:0;
    
    cursor:pointer;
    
    transform:scale(1);   
    -webkit-transform:scale(1);   
    
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;

}
.grid-item img:hover {
    transform:scale(1.08);   
    -webkit-transform:scale(1.08);   
    
    transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
}

.grid-item {
    color:#000;
}

.grid-item.horiz-one {
    width:18.75%;   
    height:20.6vw;
}

.grid-item.horiz-two {
    width:31.20%; 
    height:20.6vw;
}

.grid-item.horiz-three {
    width:50%;   
    height:41.2vw;
}

.full_res_image {
    position:absolute !important;
    width: 100% !important;
    height:100% !important;
    top:0;
    left:0;
    display:none;
}

.full_res_image.displaying{
    display:block !important;
}

.full_res_image .close {   
    position: absolute;
    top: 8%;
    right: 7%;
    cursor: pointer;
    background: rgba(255,255,255,0.8);
    padding: 1em;
    border-radius: 50%;
}

.full_res_image .prev_button,
.full_res_image .next_button {
    background:rgba(255, 255, 255, 0.2);
    cursor: pointer;
    display:inline-block;
    height:15%;
    /*padding: 1em;*/
    position: absolute;
    top: 42.5%;
}

.full_res_image .prev_button {
    left: 4%;
}

.full_res_image .next_button {
    right: 4%;
}

.full_res_image .prev,
.full_res_image .next {
    height:100%;
}

.full_res_image .prev,
.full_res_image .next{
    transform:scale(1);
    transition:250ms transform;
}

.full_res_image .prev_button:hover .prev,
.full_res_image .next_button:hover .next{
    transform:scale(0.8);
}

.full_res_image .full_res_container{
    height:100%;
    left:0;
    position:absolute;
    top:0;
    width:100%;
}

.full_res_image .full_res_container .full_res{
    height:100%;
    left:0;
    opacity:0;
    position:absolute;
    top:0;
    width:100%;

    transition:500ms opacity;
}

.full_res_image .full_res_container .full_res.displaying{
    opacity:1;
}


/* ==========================================================================
   Media Queries
   ========================================================================== */

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

    /* ============================== 
    YOUR WAY
    ============================== */
    #prod-k70 .your-way {
        overflow:hidden;
    }

    #prod-k70 .your-way .content_wrapper{
        margin:2em auto;
    }

}

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

    #prod-k70 .hero {
        background-position:bottom center;
        background-size:cover;
    }

    #prod-k70 .hero h1 {
        max-width:93%;
    }

    #prod-k70 .hero p:first-child{
        margin-top:0;
    }
    
    
    
    #prod-k70 .top-pad.active {
        top: -13vw;
    }

    /* ============================== 
    PICK SWITCH
    ============================== */
    #prod-k70 .pickswitch .content_wrapper{
        width:calc(100% - 30px);
    }

    /* ============================== 
    BETTER TOGETHER 
    ============================== */
    #prod-k70 .better_together .compare .product,
    #prod-k70 .better_together .compare .product:last-child{
        width:47%;
        margin-left:2%;
        margin-right:0;
    }

    #prod-k70 .better_together .content_wrapper .sell_item{
        margin-left:1.8%;
        margin-right:0;
        width:22.5%;
    }

    #prod-k70 .better_together .content_wrapper .sell_item .item_name{
        font-size:1.6em;
        min-height: 71px
    }

    #prod-k70 .better_together .content_wrapper .sell_item .item_description{
        min-height:8em;
    }

}

@media only screen and (max-width: 1160px) {
    #prod-k70 .better_together .content_wrapper .sell_item .item_description{
        min-height:11em;
    }
}


@media only screen and (max-width: 1068px) {
    /* ============================== 
    ALUMINUM
    ============================== */
    #prod-k70 .aluminum .content_wrapper .right{
        padding-bottom:0;
    }
}

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



    #prod-k70 .hero p:first-child{
        margin-top:0;
    }
    
    #prod-k70 .hero .shop .content_wrapper {
        padding-bottom:50px;   
    }
    
    #prod-k70 .right-pad.active {
        right:-3vw;
    }
    
    #prod-k70 .left-pad.active {
        left:-3vw;
    }
    
    #prod-k70 .top-pad.active {
        top: -15vw;
    }

    /* ============================== 
    PICKSWITCH
    ============================== */
    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom{
        margin-left:8%;
        margin-right:8%;
    }



    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom .label{
        transform:translateY(0) translateX(-26%);
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom.selected .label,
    .no-touch #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom:hover .label{
        transform:translateY(-1em) translateX(-26%);
    }

    /* ============================== 
    BETTER TOGETHER
    ============================== */
    #prod-k70 .hero .better_together .content_wrapper {
        padding-bottom:50px;   
    }

    #prod-k70 .better_together .content_wrapper .sell_item{
        margin-left:2%;
        margin-right:0;
        margin-top:2%;
        width:47%;
    }

    #prod-k70 .better_together .content_wrapper .sell_item .item_name{
        font-size:2.3em;
    }

    #prod-k70 .better_together .content_wrapper .sell_item:nth-child(2),
    #prod-k70 .better_together .content_wrapper .sell_item:nth-child(3){
        margin-top:0;
    }

    #prod-k70 .better_together .content_wrapper .sell_item .item_description{
        min-height:6em;
    }
}

@media only screen and (max-width: 990px) {  
    /* ============================== 
    INTEREST POINTS
    ============================== */
    #prod-k70 .interest-points .content_wrapper {
        margin: 0 auto;
        max-width: 100%;
        width: calc(100% - 15px);
        color: #fff;
    }

    /* ============================== 
    PICK SWITCH
    ============================== */
    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text a, 
    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text a:link, 
    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text a:visited{
        font-size:0.6em;
        letter-spacing:0.1em;
        padding:8px 6px;
    }
}

@media only screen and (max-width: 905px) {
    #prod-k70 .better_together .content_wrapper .sell_item .item_name{
        min-height:4em;
    }
}


@media only screen and (max-width: 768px) {  
    #prod-k70{
        text-align:center;
    }
    
    #prod-k70 .show-on-mobile {
        display:block;     
    }

    #prod-k70 section span{
        margin-left:1vw;
    }
    
    
    #prod-k70 .hide-on-mobile {
        display:none;
    }
   
    #prod-k70 .text-center h1,
    #prod-k70 .text-center h3,
    #prod-k70 .text-center {
        text-align: center;   
    }

    /* ============================== 
    HERO 
    ============================== */

    #prod-k70 .hero {
        background: url(https://cwsmgmt.corsair.com/responsive/img/k70-v2/bg_hero.jpg) bottom center no-repeat;
        background-size: cover;
    }

    #prod-k70 .hero .content_wrapper{
        padding:0 15px;
    }

    #prod-k70 .hero h1{
        font-size:11em;
    }

   
    #prod-k70 .hero p {
        padding-top:0.5em;
    }

    #prod-k70 .hero .bg_product{
        margin: 0 auto 2%;
    }

    #prod-k70 .cta {
        margin-top: 2em;
    }
    
    #prod-k70 .hero video {
        display:none !important;        
    }

    #prod-k70 .hero .cta{
        margin:4em auto 0;
    }
    
    /* ============================== 
    PICK SWITCH
    ============================== */
    #prod-k70 .pickswitch .content_wrapper{
        overflow:visible;
    }

    #prod-k70 .pickswitch .content{
        display: inline-block;
        overflow:visible;
        padding:0;
    }

    #prod-k70 .pickswitch .gradient-layer{
        display:none;
    }

    #prod-k70 .pickswitch .content_wrapper .title{
        width:100%;
    }

    #prod-k70 .pickswitch .content_wrapper .cover .switch-thumb{
        width:29%;
    }

    #prod-k70 .pickswitch.open .content_wrapper .details{
        display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
        display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
        display: -ms-flexbox;      /* TWEENER - IE 10 */
        display: -webkit-flex;     /* NEW - Chrome */
        display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
        flex-wrap:wrap;

        height:auto;
    }

    #prod-k70 .pickswitch.open .content_wrapper .details .title{
        display:none;
    }

    #prod-k70 .pickswitch .content_wrapper .details .left{
        -webkit-box-ordinal-group: 3;   /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 3;      /* OLD - Firefox 19- */
        -ms-flex-order: 3;              /* TWEENER - IE 10 */
        -webkit-order: 3;               /* NEW - Chrome */
        order: 3; 

        height:auto;
        width:100%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .left .quotes{
        height:auto;
    }

    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .container{
        height:auto;
    }

    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item{
        height:auto;
        padding-top:1em;
        text-align:left;
        white-space: nowrap;
        width:100%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item img{
        display: inline-block;
        max-width:unset;
        vertical-align: top;
        width:30%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text{
        bottom:auto;
        display: inline-block;
        margin:0;
        position: relative;
        vertical-align: top;
        white-space: normal;
        width:calc(70% - 15px);
    }

    #prod-k70 .pickswitch .content_wrapper .details .middle{
        -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
        -ms-flex-order: 1;              /* TWEENER - IE 10 */
        -webkit-order: 1;               /* NEW - Chrome */
        order: 1; 

        vertical-align:top;
    }

    #prod-k70 .pickswitch .content_wrapper .details .middle .product{
        height:auto;
        width:100%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right{
        -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
        -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
        -ms-flex-order: 2;              /* TWEENER - IE 10 */
        -webkit-order: 2;               /* NEW - Chrome */
        order: 2; 

        height:auto;
        margin-left:15px;
        left:auto;
        position: relative;
        width:calc(70% - 15px);
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .descriptions{
        position: relative;
        top:auto;
        transform:none;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item{
        text-align:left;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .subnav{
        bottom:auto;
        position:relative;
        transform:none;
        top:auto;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .descriptions{
        pointer-events: none;
    }





    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom .label{
        transform:translateY(0) translateX(-11%);
        width:90px;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom.selected .label,
    .no-touch #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom:hover .label{
        opacity:1;
        transform:translateY(-1em) translateX(-11%);
    }



    
    /* ============================== 
    YOUR WAY
    ============================== */
    
    #prod-k70 .your-way {
        padding:2em 0;
        width:100%;
    }
    
    #prod-k70 .your-way .content_wrapper {
        display:block;
        margin:0;
        overflow: visible;
        position: relative;
        width: 100%;
    }
    
    #prod-k70 .your-way .content_wrapper .left {
        margin-left:0;
        padding:0 15px;
        position: relative;
        width:calc(100% - 30px);
        z-index:6;
    }
    
    #prod-k70 .your-way .content_wrapper .right {
        margin:2em 15px 4em;
        max-width:738px;
        width: calc(100% - 30px);
    }
    
    #prod-k70 .your-way .content_wrapper .right .cta {
        margin-top: 2em;
    }

    #prod-k70 .your-way .option{
        width:calc(100% - 13px);
    }

    #prod-k70 .your-way .control .content_wrapper .right{
        max-width:400px;
        width:100%;
    }

    #prod-k70 .your-way .lighting-controls{
        margin:20px auto;
    }

    /* ============================== 
    INTEREST POINTS
    ============================== */
    #prod-k70 .interest-points{
        height:90vw;
    }

    #prod-k70 .interest-points .keyboard{
        margin:0 auto;
        width:calc(100% - 30px);
    }

    #prod-k70 .interest-points .popup{
        border-radius:0;
        left:50% !important;
        overflow:hidden;
        top:calc(78vw + 40px) !important;
        transform: translateX(-50%) !important;
    }

    #prod-k70 .interest-points .all .image img{
        transform:scale(1.1);
    }

    #prod-k70 .interest-points .flip-nav{
        margin: 2.5vw auto 0;
    }

    /* ============================== 
    ALUINUM
    ============================== */
    #prod-k70 .aluminum{
        background:#c9c4c5;
        min-height:0;
        overflow:hidden;
    }

    #prod-k70 .aluminum .content_wrapper{
        display:block;
        height:auto;
        max-width:100%;
        width:100%;
    }

    #prod-k70 .aluminum .content_wrapper .left{
        display:block;
        margin:0 auto;
        max-width:500px;
        padding:0;
        width:calc(100% - 30px);
    }

    #prod-k70 .aluminum .keyboard{
        display:block;
        height:auto;
        left:auto;
        position:relative;
        top:auto;
        transform:scale(1.5);
        transform-origin:0 0;
        width:100%;
    }

    /* ============================== 
    SHOP NOW
    ============================== */
    #prod-k70 .section5 .content_wrapper .full .shopnow #shopnow-nav{
        bottom:auto;
        left:auto;
        position: relative;
        top:auto;
        transform:none;
    }

    #prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel{
        padding-bottom:0;
    }

    /* ============================== 
    GRID 
    ============================== */
    .grid-item img{
        width:105%;
    }

    .grid-item.horiz-one{
        height:40vw;
        width:40%;
    }
    
    .grid-item.horiz-two{
        height:40vw;
        width:60%;
    }
    
    .grid-item.horiz-three{
        height:60vw;
        width:100%;
    }

    /* ============================== 
    BETTER TOGETHER 
    ============================== */
    #prod-k70 .better_together .compare .product .product_title img{
        width:55%;
    }

    #prod-k70 .better_together .content_wrapper .sell_item{
    }

    #prod-k70 .content_wrapper .sell_item .item_description{
        min-height:8em;
    }

    /* ============================== 
    SHOP 
    ============================== */
    #prod-k70 .shop .compare .product .product_title img{
        width:55%;
    }

    #prod-k70 .shop .content_wrapper .sell_item{
    }

    #prod-k70 .content_wrapper .sell_item .item_description{
        min-height:8em;
    }

    #prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel .switch{
        bottom:auto;
        top:22vw;
    }
    
}

@media only screen and (max-width: 678px) {
    #prod-k70 .better_together .content_wrapper .sell_item .item_description{
        min-height:7em;
    }
}

@media only screen and (max-width: 665px) {
    /* ============================== 
    PICK SWITCH
    ============================== */
    #prod-k70 .pickswitch{
        /*height:131vw;*/
    }



}

@media only screen and (max-width: 650px) {
    #prod-k70 .better_together .content_wrapper .sell_item,
    #prod-k70 .better_together .content_wrapper .sell_item:last-child{
        display:block;
        margin:6% auto 0;
        max-width:345px;
        width:96%;
    }

    #prod-k70 .better_together .content_wrapper .sell_item:nth-child(2),
    #prod-k70 .better_together .content_wrapper .sell_item:nth-child(3){
        margin:6% auto 0;
    }

    #prod-k70 .better_together .content_wrapper .sell_item .item_name{
        min-height:0;
    }

    #prod-k70 .better_together .content_wrapper .sell_item .item_description{
        min-height:0;
    }

}



@media only screen and (max-width: 600px) {
    /* ============================== 
    INTEREST POINTS
    ============================== */
    #prod-k70 .interest-points{
        height:100vw;
    }

    #prod-k70 .interest-points .popup{
        border-radius:0;
        bottom:4vw;
        left:50% !important;
        overflow:hidden;
        top:auto !important;
        transform: translateX(-50%) !important;
    }

    /* ============================== 
    PICK SWITCH
    ============================== */
    #prod-k70 .pickswitch .content_wrapper .details .right{
        left:0;
        position: absolute;
        width:100%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .descriptions{
        left:30%;
        position: absolute;
        top:0;
        width:70%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .subnav{
        left:-15px;
        position: absolute;
        top:68vw;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item{
		margin-top:1em;
        width:15%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .left{
        position: absolute;
        top:97vw;
    }

    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item{
        padding-top:5em;
    }



}

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

    #prod-k70 .hero .cta{
        margin-top:2em;
    }

    #prod-k70 .hero h1{
        font-size:10em;
    }

    #prod-k70 .hero h2{
        font-size:3em;
    }

    /* ============================== 
    PICK SWITCH
    ============================== */
    #prod-k70 .pickswitch .content_wrapper .title p{
        font-size:1em;
    }

    #prod-k70 .pickswitch .content_wrapper .cover p{
        font-size:1em;
    }

    #prod-k70 .pickswitch .content_wrapper .cover p small{
        display: inline-block;
    }

    #prod-k70 .pickswitch .content{
        height:156vw;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item h3{
        width:calc(100% - 37px);
    }
    

    #prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item h4{
        font-size:0.8em;
        max-width:calc(100% - 40px);
        line-height:1.4em;
        width:100%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .descriptions .item p{
        font-size:1em;
        line-height:1.4em;
    }

    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text{
        font-size:1em;
        line-height:1.4em;
    }





    #prod-k70 .pickswitch .content_wrapper .cover .switch-title:before,
    #prod-k70 .pickswitch .content_wrapper .cover .switch-title:after{
        width:30%;
    }
}

@media only screen and (max-width: 510px) {
    #prod-k70 .pickswitch .content_wrapper .details .right .subnav{
        top:66vw;
    }

    /* ============================== 
    PICK SWITCH
    ============================== */
    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text a, 
    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text a:link, 
    #prod-k70 .pickswitch .content_wrapper .details .left .quotes .item .quote-text a:visited{
        font-size:0.6em;
        letter-spacing:0.1em;
        padding:8px 6px;
    }
}

@media only screen and (max-width: 500px) {
    #prod-k70 .hero .content_wrapper p{
        bottom:74%;
        font-size:0.8em;
        left:12.5%;
        width:75%;
    }

}


@media only screen and (max-width: 479px) {
    
    #prod-k70 .hero {
        min-height: 140vw;
        margin-top: 16px;
    }
    
    #prod-k70 .hero .content_wrapper {
        overflow:hidden;
        padding-bottom:40px;
        text-align: center;
    }

    #prod-k70 .hero .content_wrapper h3{
        top:69%;
    }

    #prod-k70 .hero .content_wrapper .bg_name{
        margin: 4% auto;
    }

    #prod-k70 .hero .content_wrapper .hero_mouse{
        margin: 19% auto 0;
    }

    #prod-k70 .hero p {
        position:relative;
        z-index:1;
    }

    /* ============================== 
    PICK SWITCH
    ============================== */
    #prod-k70 .pickswitch{
        height:176vw;
    }

    #prod-k70 .pickswitch .content_wrapper .cover .logo{
        margin: 1em auto 4em;
    }

    /* ============================== 
    INTEREST POINTS
    ============================== */
    #prod-k70 .interest-points .popup{
        bottom:1vw;
    }

    /* ============================== 
    BETTER TOGETHER 
    ============================== */

    #prod-k70 .better_together .compare .product,
    #prod-k70 .better_together .compare .product:last-child{
        width:90%;
        margin-left:5%;
    }

    #prod-k70 .better_together .compare .product:last-child{
        margin-top:10%;
    }
    
  
}

@media only screen and (max-width: 454px){
    /* ============================== 
    PICK SWITCH
    ============================== */
    #prod-k70 .pickswitch .content_wrapper .cover p small{
        min-height:3em;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item p{
        width:120%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom{
        margin-left:5%;
        margin-right:5%;
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom .label{
        transform:translateY(-1em) translateX(-20%);
    }

    #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom.selected .label, 
    .no-touch #prod-k70 .pickswitch .content_wrapper .details .right .subnav .subnav-item.bottom:hover .label{
        transform:translateY(-2em) translateX(-20%);
        width:150%;
    }

    /* ============================== 
    INTEREST POINTS
    ============================== */
    #prod-k70 .interest-points{
        height:106vw;
    }

    /* ============================== 
    SHOP NOW
    ============================== */
    #prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel .switch{
        left:0;
    }


}


@media only screen and (max-width: 404px) {
    /* ============================== 
    SHOP NOW
    ============================== */
    #prod-k70 .section5 .content_wrapper .full .shopnow .product_carousel .switch{
        bottom:33%;
    }
    /* ============================== 
    INTEREST POINTS
    ============================== */
    #prod-k70 .interest-points{
        height:138vw;
    }

    #prod-k70 .interest-points .popup{
        border-radius:0;
        left:50% !important;
        overflow:hidden;
        transform: translateX(-50%) !important;
    }
}

@media only screen and (max-width: 400px) {
    #prod-k70 .hero .content_wrapper h3{
        top:65%;
    }

    /* ============================== 
    INTEREST POINTS
    ============================== */
    #prod-k70 .interest-points .all{
        top:124vw !important;
        width:100%;
    }

    #prod-k70 .interest-points .all .text .wrap{
        padding:8px;
    }

    #prod-k70 .interest-points .all.new .image .new-label{
        width:170px;
    }

    /* ============================== 
    SHOP NOW
    ============================== */
}