@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Saira+Condensed:wght@400;700&family=Saira:wght@700&display=swap');
@import url("https://use.typekit.net/drh7xni.css");
section#main.main-ind{
  padding: 0;
}
.lg-container{
  max-width: 1920px;
  margin: 0 auto;
}
.pcs_col-2{
 	width: 50%; 
}
.nds{
     background-color: rgb(0 0 0 / 60%);
    display: inline-block;
    max-width: 450px;
    width: 100%;
    padding: 10px;
}
.nds img{
      width: 30px;
    margin-right: 10px;
}
.corsair-video{
  	background-color: #000000;
 	padding: 60px 35px 
}
.corsair-video-container{
	max-width: 1170px;
  	margin: 0 auto;
}
.corsair-video-holder{
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.corsair-video-holder iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.landing-button {
    font-family: 'montserrat-bold';
    border-radius: 50px;
    padding: 10px 45px;
    border: 2px solid #000;
    background-color: #000;
    color: #fff;
}
.landing-wrapper .l-disc {
    font-size: 16px;
    color: #5d5d5d;
    margin-top: 20px!important;
    text-align: center;
}





/**
.luna-special{
  	background-image: url(/images/landing/pcs/luna-series/luna_spec-bg.jpg);
  background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
    padding: 100px 35px;
    overflow: hidden;
}
.luna-spec-holder{
    max-width: 1260px;
    margin: 0 auto;
    border: 2px solid #ffffff;
    border-radius: 50px;
    align-items: normal;
    overflow: hidden;
}

.luna-logo{
    filter: invert(1);
    width: 350px;
    margin: 0 auto;
    display: block;
}

.luna-pc-fl{
    position: relative;
    border-right: 2px solid #fff;
    text-align: center;
    padding: 35px;
   background: rgb(255 255 255 / 50%);
}
.luna-pc-fr{
    display: flex;
    flex-direction: column;
}
.luna-save{
    position: absolute;
}
.luna-pricing{
    justify-content: space-between;
    background-color: #ffffff;
    padding: 25px;
}
.luna-pricing a{
 	border-radius: 50px; 
}
.luna-pricing .luna-now p{
    color: #000000;
  	font-weight: bold;
}
.luna-spec{
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    height: 100%;
    padding: 35px;
  	background: #000000;
}
.luna-spec h2{
    font-size: 40px;
}
.luna-spec li, .luna-spec h2{
    color: #ffffff;
}
.was-price{
 	margin-bottom: 15px; 
}

.was-price del{
 	color: #670126;
    font-weight: 700;
}
.luna-save{
    top: 20px;
    left: 20px;
    background-color: #ff004c;
    color: #ffffff;
    padding: 10px 25px;
    border-radius: 25px;
  	font-weight: bold;
}
.luna-pricing span{
    color: #000000;
    font-size: 50px;
    line-height: 1;
    font-family: 'Montserrat-Bold';
}
.luna-pricing .landing-button{
    color: #000000;
    background-color: transparent;
}
.luna-pricing .landing-button:hover{
    background-color: #000000;
    color: #ffffff;
}
.spec-title{
 	text-align: center;
  	margin: 60px 0;
}
.luna-spec .list-caret li:before{
	color: #e9e600;
}
/**/
.corsair-logo {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 150px;
}
.rec-specs{
	background-color: #ffffff;
}
.rec-specs h2{
  	text-align: center;
  	padding-top: 40px;
}
.corsair_intel:hover .mc-arrow:after, .corsair_amd:hover .mc-arrow:after {
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
}
.mc-arrow:after {
    font-family: 'Fontawesome';
    display: inline-block;
    padding-left: 8px;
    margin-right: 5px;
    color: #000000;
    content: "\f054";
    -webkit-transition: transform .3s ease-out;
    -moz-transition: transform .3s ease-out;
    -ms-transition: transform .3s ease-out;
    -o-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
}
.product-image:after {
    content: '';
    background-image: url(/images/landing/corsair/icue/icue_logo.png);
    background-repeat: no-repeat;
    position: absolute;
    background-size: contain;
    left: 15px;
    top: 15px;
    width: 150px;
    height: 60px;
}
.from-inc-price {
  margin: unset !important;
}
.product .column-ind-holder .column-content{
  border: none;
  background: #eaeaea;
  padding: 0!important;
}
.product .column-ind-holder .column-content .products-points-holder{
	background-color: transparent;
}
.product .column-ind-holder .column-content .product-image-holder .product-image{
  height: auto;
  padding : 10px 0;
  position: relative;
}
.product .column-ind-holder .column-content .product-image-holder .product-image img{
  width: 150px;
  height: auto;
}
.product .column-ind-holder .column-content .config_button_holder .btn{
    background-color: #e9e600;
    color: #000000;
    border-color: #e9e600;
}
.product .column-ind-holder .column-content .from-inc-price span{
  color: #000000;
}
.products-points-holder ul.list-caret li:before{
  color: #e9e600
}
.product .column-ind-holder .column-content .config_button_holder .btn:hover{
	color: #000000;
  	background-color: #d0cd06;
}
.product .column-ind-holder .column-content .from-inc-price{
  padding-left: 20px;
}
.landing_container{
    max-width: 1170px;
    margin: 0 auto;
}
.landing-wrapper a{
  	display:block;
  	color: #000000;
}
.landing_container p{
    font-family: 'open sans';
    line-height: 1.5;
    margin-bottom: 10px;
}
.landing_container h1{
  	font-family: 'Saira Condensed', sans-serif;
    font-weight: 700;
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 10px;
    color: #ffffff;
}
.landing_container h2{
   	font-family: 'Saira Condensed', sans-serif;
    font-weight: 700;
    font-size: 60px;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.landing_container span{
    text-transform:none;
}
.landing_button{
    font-family: 'saira';
    font-weight: bold;
    text-transform: uppercase;
    background: #ffffff;
    padding: 10px;
    border-radius: 5rem;
    max-width: 300px;
    margin: 20px auto;
}
.pcs_row{
    display: flex;
    flex-wrap: wrap;
}
.corsair_ique-header{
    display: flex;
    align-items: center;
    background-image: url(/images/landing/corsair/icue/icue-header-v2.jpg);
    background-position: 55% 50%;
    background-size: cover;
    background-color: #121212;
    height: 700px;
    padding: 40px;
}
.corsair_ique-header h2{
    font-size: 40px;
    color: #e9e600;
}
.corsair_ique-header p{
    color: #ffffff;
}
.icue-pcs{
    display: none;
}
.icue-logo{
    margin-top: 20px;
}
.corsair_ique-header .pcs__col-2 {
    width: 50%;
}
/********************corsair-config***************/
.corsair_config{
    background: #fafafa;
}
#corsair-m-config{
	padding: 40px;
}
.corsair_intel, .corsair_amd{
    position: relative;
    background-color: #e9e600;
    text-align: center;
    transition: .5s ease;
    border-radius: 10px;
    padding: 20px 20px 0 20px;
    min-height: 480px;
    cursor: pointer;
    box-sizing: border-box;
}
.intel-config {
    margin-right: 20px;
}
.amd-config{
    margin-left: 20px;
}
.config-logo-container{
    height:100px;
}
.corsair_amd img{
    transition: .5s ease;
}
.corsair_intel:hover{
    background-color: #0068b5;
}
.corsair_amd:hover{
    background-color: #e70707;
}
.corsair_intel .config-logo{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    transition: .5s ease;
}
.corsair_intel:hover .logo-default, .corsair_intel:hover p, .corsair_amd:hover p{
    opacity: 1;
    color: #ffffff;
}
.logo-default{
    opacity: 0;
    transition: .5s ease;
}
.corsair_amd:hover .config-logo{
    filter: invert();
}
.corsair_config p{
    transition: .5s ease;
    font-size: 18px;
    margin: 0 auto;
}
.config-pc{
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/*****new vid tabbed section********/
/**Icue vid********/
.icue_vids h1,
.icue_vids h2,
.icue_vids h3,
.icue_eco h2{
    font-family: 'Bebas Neue', cursive;
    font-size: 80px;
    color: #ffffff;
  	font-weight: normal;
  	line-height: 1;
}
.icue_vids h3{
    font-size: 30px;
    margin-top: 40px;
    margin-bottom: 0;
}
.icue_vids p{
    font-family: 'helvetica';
    color: #ffffff;
    font-size: 20px;
}
.icue_hero1, .icue_hero2, .icue_hero3{
    position: relative;
    border-bottom: 2px solid #5f5f5f;
}
.icue_hero2 .content_holder{
    max-width: 700px;
}
.icue_hero3 .content_holder{
    max-width: 800px;
}
.tabs_wrapper{
    position: relative;
    height: 100vh;
    overflow: hidden;
}
.corsair_top .content_holder{
    text-align: center;
    max-width: 100%;
}
.icue_vids .landing-container{
    max-width: 1600px;
}
.content_holder{
    position: absolute;
    top: 40px;
    max-width: 900px;
    height: 100vh;
    padding: 2% 0;
    z-index: 1;
}
.icue_tabs{
    max-width: 700px;
}
  ul.tabs li {
    list-style:none;
    cursor:pointer;
    margin-right:15px;
    margin-top: 20px;
    display: inline-block;
    border-radius:5px;
    color:#ffffff;
    line-height: 35px;
    font-family: sans-serif;
    opacity: 0.5;
    transition: .2s ease-in-out;
  }
  ul.tabs li:hover{
      opacity: 1;
  }
  ul.tabs li img{
      display: block;
  }
  .scene-btns{
    position: relative;
    width: 200px;
  }
  .scene-btn-overlay{
    position: absolute;
    z-index: -1;
  }
  ul.tabs li.active{
      opacity: 1;
  }
  ul.tabs li.active .scene-btn-overlay{
    filter: blur(20px);
  }
  .tabs_container{
    background-color: #000000;
  }
  .tab_content{
     transition: 1s ease-in-out;
  }
  .tabs_container .tab_content{
    display: none;
  }
  .tabs_container .tab_content.active{
    display: block;
  }
.icue_vids video, 
.tab-video video{
    display: block;
    width: 100%;
    object-fit: cover;
  	object-position: top;
    height: 100vh;
    }

/****eco***/
.icue_convenience{
    position: relative;
  	background-color: #000000;
    /**background: #000 url(https://cwsmgmt.corsair.com/pdp/k65-rgb-mini/assets/images/pattern.svg) 100% 100% repeat;**/
}
.icue_convenience h2, .icue_convenience p{
  color: #ffffff;
}
 .icue_convenience p:first-of-type{
    font-family: 'Saira Condensed', sans-serif;
   font-weight: 700;
    font-size: 30px;
    text-transform: uppercase;
}
.icue_convenience p:first-letter{
  text-transform: none;
}
.icue_convenience .landing_container{
    max-width: 1600px;
    display: flex;
  	flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.icue_convenience .content_holder{
    position: static;
    height: auto;
    max-width: 700px;
}
.icue_eco{
    background: linear-gradient(135deg, rgba(24, 46, 40, 0), #000 33%, #000 66%, transparent);
    padding: 8rem 2rem;
    min-height: 500px;
}

 @media screen and (max-width: 1217px){
   .content_holder{
     padding: 2rem;
   }
}
@media screen and (max-width:1170px){ 
  .prebuild-logo{
   	margin: 0 auto; 
  }
      .corsair_ique-header .pcs__col-2{
        width: 100%!important;
    }
   .corsair_config .pcs__col-2{
        width: 100%!important;
    }
  .corsair_ique-header{
        padding: 0;
        height: auto;
        background-image: url(/images/landing/corsair/icue/corsair-bg.jpg);
    }
      .corsair_ique-header .pcs__col-2{
        padding: 40px;
        box-sizing: border-box;
    }
    .icue-pcs{
        display: block;
        width: 100%;
    }
  .intel-config, .amd-config{
		margin: 0;
  }
  .amd-config{
    margin-top: 40px;
  }
  .landing-wrapper .vas {
    flex-wrap: wrap;
}
  .pcs_col-2{
 	width: 100%; 
}
    .container_tabs .nav-tabs > li > a {
        font-size: 12px;
    }
  
  .luna-pricing > div{
	margin-bottom: 20px;
  }
  
}

  @media screen and (max-width: 800px){
        .content_holder{
            max-width: 100%;
        }
        .content_holder{
            top: auto;
        }
        .icue_tabs_wrap{
            width: 100%;
            position: absolute;
            bottom: 40px;
        }
        .icue_tabs{
            overflow-x: scroll;
        }
        .icue_tabs{
            max-width: 100%;
        }
        ul.tabs{
            width: 920px;
            margin: 0;
        }
        .icue_hero3 ul.tabs{
            width: 700px;
        }
        .scene-btns{
            width: 200px;
        }
        ul.tabs li:first-child{
            margin-left: 15px;
        }
        ul.tabs li.active .scene-btn-overlay{
            filter: blur(10px);
        }
    .luna-special img {
    max-width: 200px;
}
    
    .icue_vids p{
    font-size: 16px;
}
    }

@media screen and (max-width:720px){
    .corsair_intel, .corsair_amd{
        margin: 0;
        margin-bottom: 20px;
    }
  .landing_container h1{
     font-size: 40px;
  }
  .landing_container h2{
    font-size: 40px;
  }
  .corsair_ique-header h2{
 font-size: 30px;
  }
}