.chosen-container-single .chosen-single span { text-transform: unset !important;
} /* ==========================================================================
Product detail page sections styles
========================================================================== */ /*
find a retailer img fix */ .shop-box .shop-logo > img { max-height: 100px;
max-width: 180px; } /*YELLOW CTA*/ #pdp .panel-template a.yellow-cta:link, #pdp
.panel-template a.yellow-cta:visited { background-color:#E9E600; color:#000;
transition:all .3s ease; } #pdp .panel-template a.yellow-cta:hover, #pdp
.panel-template a.yellow-cta:active { background-color:#f9f791; color:#000; }
/*PDP BACKGROUND PATTERN*/ section.triangle-bkg { background:
url('//cwsmgmt.corsair.com/img/reusable/pdp-bkg-triangle.png') center no-repeat;
background-size: cover; } section.triangle-left-bkg { background:
url('//cwsmgmt.corsair.com/img/reusable/pdp-bkg-left-triangle.png') center
no-repeat; background-size: cover; } section.triangle-right-bkg { background:
url('//cwsmgmt.corsair.com/img/reusable/pdp-bkg-right-triangle.png') center
no-repeat; background-size: cover; } section.triangle-left-000-bkg { background:
url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-left-triangle.png') center
no-repeat; background-size: cover; } section.triangle-right-000-bkg {
background:
url('//cwsmgmt.corsair.com/img/reusable/pdp-blk-bkg-right-triangle.png') center
no-repeat; background-size: cover; } section.pdp-bkg-fff { background-color:
#fff; } section.pdp-bkg-eee { background-color: #eee; } section.pdp-bkg-000 {
background-color: #000; } section.pdp-bkg-333 { background-color: #333; } /*
specs table */ .shop-box .shop-logo > img { max-height: 100px; max-width: 180px;
} #pdp #specs-table { border-collapse: collapse; text-align: left;
vertical-align: top; } #pdp #specs-table td, th { padding: 5px; border: 1px
solid #ccc; } #pdp #specs-table .specs-table-title { background-color: #f4f4f4;
color: #000; font-weight: bold; text-align: left; } #pdp #specs-table
.specs-table-data { background-color: #fff; text-align:left; } /* styles */
#tab-awards > div > article > h4{font-size: 12px !important} #pdp {
overflow:hidden; } #pdp .text-center { text-align: center; } #pdp .slick-slide {
outline: none; } #pdp .yellow { color: #E9E600; } #pdp .blue { color:#39b5fb; }
#pdp section { position: relative; } #pdp .show-on-mobile { display: none; }
#pdp section h1, #pdp section h2 { text-transform: uppercase; font-weight: 600;
letter-spacing: 0.05em; } #pdp section h1 { font-size: 1.8em; font-weight: 600;
line-height: 1.2; } #pdp section h1.bebas, #pdp section h2.bebas { font-family:
bebas-neue-pro-semiexpanded, sans-serif; font-size:3.75rem;
letter-spacing:.1rem; font-weight: 600; line-height: 3.75rem; } #pdp section h3
{ font-weight: 400; } #pdp section p { font-size: 1.3em; line-height: 1.8;
letter-spacing: 0.05em; font-weight: 300; } #pdp section .wrapper { position:
relative; } #pdp section p.centered { font-size: 1.5em; line-height: 1.8;
max-width: 1200px; margin: 1.5em auto 0; letter-spacing: 0.03em; } #pdp .item,
#pdp .item a, #pdp .item a img { outline: none; } #pdp .cta, .mfp-wrap .cta {
padding: 1em 2em; font-weight: 300; font-size: 1em; letter-spacing: 0.12em;
display: inline-block; background: #000; color: #fff; margin: 1em 0; transition:
all 200ms ease; -webkit-transition: all 200ms ease; } #pdp .cta.black {
background: #000; color: #fff; font-weight: 100; } #pdp .cta.black:hover {
background: #333; transition: all 200ms ease; -webkit-transition: all 200ms
ease; } #pdp .cta:hover .mfp-wrap .cta:hover { background: #000; color: #fff;
font-weight: 400; transition: all 200ms ease; -webkit-transition: all 200ms
ease; } #pdp .content-left, #pdp .content-right { padding: 8vw 0 9vw;
min-height: 15vw; width: 46.5%; display: inline-block; vertical-align: middle; }
#pdp .content-right { padding-left: 1%; margin-left: 52%; text-align: right; }
#pdp .content-right p { font-weight: 100; } #pdp .half { width: 47%; /*padding:0
1%;*/ display: inline-block; vertical-align: top; position: relative; } /*STICKY
ADD TO CART*/ #pdp .sticky_addtocart { position: fixed; bottom: -100px; right:
0; padding: 1em; background: #fff; z-index: 2; border: #eee 1px solid; opacity:
0; display:none; transition: all 500ms ease; -webkit-transition: all 500ms ease;
} #pdp .sticky_addtocart.active { opacity: 1; display:block; bottom: 0;
transition: all 500ms ease; -webkit-transition: all 500ms ease; } #pdp
.sticky_addtocart .cta.small { padding: 1em 1em; font-size: 1em; margin: 0 0 0
1em; } #pdp-corsair .text-center { text-align:center; } #pdp-corsair
.slick-slide { outline: none; } #pdp-corsair .yellow { color:#E9E600; }
#pdp-corsair section { position:relative; } #pdp-corsair .show-on-mobile {
display:none; } #pdp-corsair section h1, #pdp-corsair section h2 { /*Mixed case
product title in TLC & PDP*/ /* text-transform:uppercase; */
letter-spacing:0.05em; } #pdp-corsair section h1 { /*Mixed-case titles in TLC &
PDP*/ /* font-size: 1.8em;*/ font-weight: 400; /*line-height: 1;*/ }
#pdp-corsair section h3 { /* font-weight:400; */ /*Added*/ font-weight: 600;
color: #222; font-size: 13px; letter-spacing: 0.2em; font-weight: 500; }
#pdp-corsair section p { /*Mixed-case titles in TLC & PDP*/ /*font-size:1.1em;*/
line-height:1.8; letter-spacing:0.05em; font-weight:300; position: relative;
display: block; } #pdp-corsair section .wrapper { position:relative; }
#pdp-corsair section p.centered { font-size:1.5em; line-height: 1.8;
max-width:1200px; margin: 1.5em auto 0; letter-spacing:0.03em; }
.chair-addtocart-cta { margin: 1em 0; } #pdp-corsair .item, #pdp-corsair .item
a, #pdp-corsair .item a img { outline:none; } #pdp-corsair .item a img {
max-width:100%; } .item a.learn-more-btn { display: inline-block;
background-color: #ccc; } #pdp-corsair .cta, .mfp-wrap .cta { padding:1.3em 2em;
font-weight:300; font-size:1em; letter-spacing:0.12em; display:inline-block;
background:#000; color:#fff; margin:1em 0; transition: all 200ms ease;
-webkit-transition: all 200ms ease; } #pdp-corsair .cta.black { background:#000;
color:#fff; font-weight:100; } #pdp-corsair .cta.black:hover { background:#333;
transition: all 200ms ease; -webkit-transition: all 200ms ease; } #pdp-corsair
.cta:hover .mfp-wrap .cta:hover { background:#000; color:#fff; font-weight:400;
transition: all 200ms ease; -webkit-transition: all 200ms ease; } #pdp-corsair
.content-left, #pdp-corsair .content-right { padding:8vw 0 9vw; min-height:15vw;
width:46.5%; display:inline-block; vertical-align: middle; } #pdp-corsair
.content-right { padding-left:1%; margin-left:52%; text-align: right; }
#pdp-corsair .content-right p { font-weight:100; } #pdp-corsair .half {
width:47%; /*padding:0 1%;*/ display:inline-block; vertical-align: top;
position:relative; } /*STICKY ADD TO CART*/ #pdp-corsair .sticky_addtocart {
position:fixed; bottom:-100px; right:0; padding:1em; background:#fff; z-index:2;
border:#eee 1px solid; opacity:0; display:none; transition: all 500ms ease;
-webkit-transition: all 500ms ease; } #pdp-corsair .sticky_addtocart.active {
opacity:1; display:block; bottom:0; transition: all 500ms ease;
-webkit-transition: all 500ms ease; } #pdp-corsair .sticky_addtocart .cta.small
{ padding: 1em 1em; font-size: 1em; margin: 0 0 0 1em; text-transform:
uppercase; } /* PANEL 1 */ #pdp #panel1 { /* Permalink - use to edit and share
this gradient:
http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+80,dbdbdb+100 */
background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top,
#fafafa 0%, #fafafa 90%, #f3f3f3 100%); /* FF3.6-15 */ background:
-webkit-linear-gradient(top, #fafafa 0%, #fafafa 90%, #f3f3f3 100%); /*
Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fafafa 0%,
#fafafa 90%, #f3f3f3 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+
*/ filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fafafa',
endColorstr='#f3f3f3', GradientType=0); /* IE6-9 */ color: #666; padding: 10em 0
5em; } #pdp #panel1 hr { margin: 2em 0; } #pdp #panel1 h1 { font-weight: 500; }
#pdp #panel1 h1 small { font-size: 40%; font-weight: 100; color: #999;
line-height: 2.5; } #pdp #panel1 #price { margin-top: 5px; font-weight: 500; }
#pdp #panel1 #product-details .original-price { color: black; display:
inline-block; } #pdp #panel1 #product-details .original-price.struck { position:
relative; } #pdp #panel1 #product-details .original-price.struck:after {
border-bottom: 0.125em solid black; content: ""; left: 0; margin-top:
calc(0.125em / 2 * -1); position: absolute; right: 0; top: 50%; } #pdp #panel1
#product-details .sale-price { color: #4292ff; display: inline-block; } #pdp
#panel1 #price small { font-size: 50%; font-weight: 100; vertical-align: super;
} #pdp #panel1 .wrapper { display: flex; flex-direction: row; margin-top: 3em; }
#pdp #panel1 #details { flex: 1; margin-left: 140px; position: relative; }
#pdp-corsair #panel1 { /* Permalink - use to edit and share this gradient:
http://colorzilla.com/gradient-editor/#f9f9f9+0,f9f9f9+80,dbdbdb+100 */
background: #f9f9f9; /* Old browsers */ background: -moz-linear-gradient(top,
#fafafa 0%, #fafafa 90%, #f3f3f3 100%); /* FF3.6-15 */ background:
-webkit-linear-gradient(top, #fafafa 0%,#fafafa 90%,#f3f3f3 100%); /*
Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #fafafa
0%,#fafafa 90%,#f3f3f3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+,
Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(
startColorstr='#fafafa', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
color:#666; padding:10em 0 5em; } #pdp-corsair #panel1 hr { margin:2em 0; }
#pdp-corsair #panel1 h1 { font-weight:500; } #pdp-corsair #panel1 h1 small {
font-size:10px; font-weight:400; color:#A1A1A1; line-height:2.5;
letter-spacing:0.85px; width:115px; height:10px; } #pdp-corsair #panel1 #price {
margin-top:5px; font-weight:500; } #pdp-corsair #panel1 #product-details
.original-price{ color:black; display:inline-table; } #pdp-corsair #panel1
#product-details .original-price.struck{ position:relative; } #pdp-corsair
#panel1 #product-details .original-price.struck:after { border-bottom: 0.125em
solid black; content: ""; left: 0; margin-top: calc(0.125em / 2 * -1); position:
absolute; right: 0; top: 50%; } #pdp-corsair #panel1 #product-details
#childProductList { list-style-type:disc; list-style-position:outside;
margin-left:17px; margin-top:10px; } #pdp-corsair #panel1 #product-details
.pdpBundleList { margin-bottom:10px; } #pdp-corsair #panel1 #product-details
.sale-price{ color:#4292ff; display:inline-block; } #pdp-corsair #panel1 #price
small { font-size:50%; font-weight:100; /* vertical-align:super; */
padding-left: 8px; } /*#pdp-corsair #panel3 { background-color: #f9f9f9; }*/
#pdp-corsair #panel1 .wrapper{ display:flex; flex-direction:row; margin-top:3em;
} .text-out-of-stock { padding-bottom: 15px; color: #ec7205; display: none; }
#pdp-corsair .pdp-corsair #panel1 .wrapper { display: unset; } #pdp-corsair
#panel1 #details{ flex:1; margin-left:140px; position:relative; } #pdp #panel1
#product_full { max-width: 100%; max-height: 600px; } #pdp #panel1
#product_excerpt { font-size: 0.8em; letter-spacing: 0.01em; } #pdp #panel1
#product-details { max-width: 300px; } #pdp #panel1 #product-details .deal {
color: white; font-family: 'aktiv-grotesk', 'sans serif'; font-weight: 700;
font-size: 0.8em; letter-spacing: 0.1em; display: inline-block; padding: 0.9em
1.3em; margin-bottom: 1.5em; } #pdp #panel1 #product-details .deal.featured-deal
{ background: #ff4c4c; } #pdp #panel1 #product-details .discount small { color:
black; font-size: 48%; font-weight: 700; letter-spacing: 0.05em; } #pdp #panel1
#quantity { background: white !important; padding: 1em; height: 16px; border:
1px solid #eee; border-radius: 0; font-weight: 400; background-clip: none;
box-shadow: none; color: #333; background-color: #f7f8f9; margin: 0 0 1em 1em;
text-decoration: none; white-space: nowrap; line-height: normal; letter-spacing:
0.05em; width: 17%; } #pdp #panel1 #colors li { display: inline-block;
border-radius: 50%; height: 15px; width: 15px; border: 2px solid #ccc; padding:
3px; transition: all 300ms ease; -webkit-transition: all 300ms ease; cursor:
pointer; } #pdp #panel1 #colors .active, .no-touch #pdp #panel1 #colors li:hover
{ border: 2px solid #666; transition: all 300ms ease; -webkit-transition: all
300ms ease; } #pdp #panel1 #colors .inner { border-radius: 50%; width: 100%;
height: 100%; background-color: #222; } #pdp #panel1 #colors ul {
letter-spacing: 0.1em; margin: 0; padding: 0.7em 0 0.95em; } #pdp #panel1
#options #colors .color-name { color: #c9c9c9; text-transform: uppercase; } #pdp
#panel1 .cta { display: block; } #pdp #panel1 .thumbs { width: 120px;
text-align: center; padding: 1.1em; margin: 1.5em; display: none; } #pdp #panel1
.item .media-content { width: 100%; height: 540px; background-size: contain
!important; position: relative; } #pdp #panel1 .videoWrapper { position:
relative; padding-bottom: 56%; height: 0; } #pdp #panel1 .videoWrapper iframe {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #pdp #panel1
.full_pic { margin-top: .5em; margin-left: 160px; display: none; } #pdp #panel1
.full_pic iframe, #pdp #panel1 .full_pic img { width: 100%; } #pdp #panel1 h1,
#pdp #panel1 h2 { color: #000; } #pdp #panel1 #wishlist { border-right: 1px
solid #ccc; display: inline-block; font-weight: 500; padding: 1.5em 0; width:
49%; } #pdp #panel1 #wishlist a { color: #399bff; } #pdp #panel1 #ships-by {
display: inline-block; padding: 1.5em 0; width: 49%; } #pdp #panel1
.additional-infos { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;
bottom: 0; margin-top: 1em; max-width: 300px; position: absolute; width: 100%; }
#pdp #panel1 .carousel-testimonial { display: none; } #pdp #panel1
.carousel-testimonial .author { vertical-align: top; display: inline-block;
width: 24%; } #pdp #panel1 .carousel-testimonial .text { vertical-align: top;
display: inline-block; width: 75%; } #pdp .thumbs .thumb_img { cursor: pointer;
} #pdp .thumbs .slick-slide { margin: .3em 0; height: 58px; transition: opacity
300ms ease; -webkit-transition: opacity 300ms ease; } #pdp .thumbs
.slick-slide:not(.slick-current) { opacity: 0.5; /*border: 1px solid #ccc;*/
border: none; } #pdp .thumbs .slick-slide:hover { opacity: 1; transition:
opacity 300ms ease; -webkit-transition: opacity 300ms ease; } #pdp .slick-slide
.author img { margin: 0 auto; cursor: pointer; } #pdp .thumbs .slick-current {
/*border: 1px solid #999;*/ border: none; } #pdp #panel1 .full_pic .slick-dots {
bottom: 0em; display: block; position: relative; padding: 1em 0; margin: 0; }
#pdp #panel1 .full_pic .slick-dots li.slick-active button:before { opacity: .75;
color: #333; } #pdp #panel1 .full_pic .slick-dots li button:before { opacity: 1;
color: #aaa; } #pdp #panel1 .full_pic .featured .feature_cta { cursor: pointer;
position: absolute; width: 10%; max-width: 41px; opacity: 0.9; display: none;
filter: invert(70%); -webkit-filter: invert(70%); } #pdp #panel1 .full_pic
.featured .feature_cta_icon { transform: rotate(0deg); transition: 250ms
transform; } .no-touch #pdp #panel1 .full_pic .featured .feature_cta_icon:hover
{ transform: rotate(135deg); } #pdp #panel1 .full_pic .featured
.feature_cta:before { display: block; position: absolute; top: 49%; left: 49%;
content: ''; width: 22px; height: 22px; margin: -11px auto auto -11px;
-webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius:
50%; border: 1px solid orange; background-color: rgba(0, 0, 0, 0); opacity: 1;
z-index: -1; pointer-events: none; animation: pulsate 3s cubic-bezier(0.2, 1,
0.2, 1) infinite; } #pdp #panel1 .full_pic .featured .feature_content {
position: absolute; opacity: 0; background: rgba(255, 255, 255, 0.9);
text-align: left; max-width: 300px; padding: 0em; border-radius: 0px; border:
solid 1px #eeeeee; z-index: -1; box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.1);
transition: opacity 200ms ease, margin-top 100ms ease, z-index 200ms ease;
-webkit-transition: opacity 200ms ease, margin-top 100ms ease, z-index 200ms
ease; margin-top: -1em; } #pdp .full_pic .feature_desc { padding: 1em; } #pdp
#panel1 .full_pic .featured .feature_content.active { margin-top: 0; opacity: 1;
z-index: 999; transition: opacity 200ms ease, margin-top 100ms ease, z-index
200ms ease; -webkit-transition: opacity 200ms ease, margin-top 100ms ease,
z-index 200ms ease; } #pdp .chosen-container { text-align: left; } #pdp
.chosen-container-single .chosen-single { background: white !important;
position: relative; display: block; overflow: hidden; outline: none; padding:
1em 3.5em 1em 1em; height: auto; border: 1px solid #eee; border-radius: 0;
font-weight: 400; background-clip: none; box-shadow: none; color: #333;
text-decoration: none; white-space: nowrap; line-height: normal; letter-spacing:
0.05em; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none;
background-color: #f7f8f9; background-image:
url('../img/memory-finder/icon-arrow-down.png'); background-position: calc(100%
- 12px) 13px; background-repeat: no-repeat; outline: none; } #pdp #sortby_chosen
.chosen-single { background-color: #fff; } #pdp .chosen-container-single
.chosen-single div b { display: none; } #pdp .chosen-container .chosen-drop {
border-left: 1px solid #eee; border-right: 1px solid #eee; border-bottom: 1px
solid #eee; border-radius: 0; box-shadow: none; color: #333; text-decoration:
none; white-space: nowrap; letter-spacing: 0.05em; -webkit-box-sizing:
border-box; -moz-box-sizing: border-box; box-sizing: border-box;
-webkit-appearance: none; -moz-appearance: none; background-color: #fff; margin:
0; outline: none; } #pdp .chosen-container .chosen-results li.active-result {
padding: 10px 8px; } #pdp .chosen-container .chosen-results li.highlighted {
background-color: #999 !important; background-image: none !important;
box-shadow: none !important; -webkit-box-shadow: none !important; } #pdp
.chosen-container-single .chosen-search input[type="text"] { padding: 1em
!important; border: 1px solid #ddd !important; background-image:
url('../img/memory-finder/icon-search.png') !important; background-position:
calc(100% - 12px) 13px !important; background-repeat: no-repeat !important; } /*
#pdp-corsair #panel1 #gallery-container { height: 52vw; max-height: 620px; }*/
#pdp-corsair #panel1 #product_full { max-width:100%; max-height: 600px; }
#pdp-corsair #panel1 #product_excerpt { font-size:1.1em; letter-spacing: 0.01em;
} #pdp-corsair #panel1 #product-details { max-width:360px; } #pdp-corsair
#panel1 #product-details .deal{ color:white; font-family: 'aktiv-grotesk', 'sans
serif'; font-weight:700; font-size: 0.8em; letter-spacing: 0.1em; display:
inline-block; padding: 0.9em 1.3em; margin-bottom:1.5em; } #pdp-corsair #panel1
#product-details .deal.featured-deal{ background:#E9E600; } #pdp-corsair #panel1
#product-details .discount small{ color:black; font-size:48%; font-weight:700;
letter-spacing:0.05em; } #pdp-corsair #panel1 #quantity { background:white
!important; padding: 1em; height: 16px; border: 1px solid #eee; border-radius:
0; font-weight: 400; background-clip: none; box-shadow: none; color: #333;
background-color: #f7f8f9; margin: 0 0 1em 1em; text-decoration: none;
white-space: nowrap; line-height: normal; letter-spacing: 0.05em; width:17%; }
#pdp-corsair #panel1 #colors li { display:inline-block; border-radius:50%;
height:15px; width:15px; border:2px solid #ccc; padding:3px; transition: all
300ms ease; -webkit-transition: all 300ms ease; cursor:pointer; } #pdp-corsair
#panel1 #colors .active, .no-touch #pdp-corsair #panel1 #colors li:hover {
border:2px solid #666; transition: all 300ms ease; -webkit-transition: all 300ms
ease; } #pdp-corsair #panel1 #colors .inner { border-radius:50%; width:100%;
height:100%; background-color:#222; } #pdp-corsair #panel1 #colors ul {
letter-spacing:0.1em; margin:0; padding:0.7em 0 0.95em; } #pdp-corsair #panel1
#options #colors .color-name{ color:#c9c9c9; text-transform: uppercase; }
#pdp-corsair #panel1 .cta { display:block; } #pdp-corsair #panel1 .thumbs {
width: 120px; text-align: center; padding: 1.1em; margin:1.5em; display:none; }
#pdp-corsair #panel1 .item .media-content { width:100%; height: 540px;
background-size:contain !important; position: relative; } #pdp-corsair #panel1
.videoWrapper { position: relative; padding-bottom: 56%; height: 0; }
#pdp-corsair #panel1 .videoWrapper iframe { position: absolute; top: 0; left: 0;
width: 100%; height: 100%; } #pdp-corsair #panel1 .full_pic { margin-top:.5em;
margin-left:160px; display:none; } #pdp-corsair #panel1 .full_pic iframe,
#pdp-corsair #panel1 .full_pic img { width:100%; } #pdp-corsair #panel1 h1,
#pdp-corsair #panel1 h2 { color:#000; } #pdp-corsair #panel1 #wishlist {
border-right:1px solid #ccc; display:inline-block; font-weight:500; padding:
1.5em 0; width:49%; } #pdp-corsair #panel1 #wishlist a { color:#399bff; }
#pdp-corsair #panel1 #ships-by { display:inline-block; padding: 1.5em 0;
width:49%; } #pdp-corsair #panel1 .additional-infos { border-top:1px solid #ccc;
border-bottom:1px solid #ccc; bottom:0; margin-top:1em; max-width:300px;
position:absolute; width:100%; } #pdp-corsair #panel1 .carousel-testimonial {
display:none; } #pdp-corsair #panel1 .carousel-testimonial .author {
vertical-align:top; display:inline-block; width:24%; } #pdp-corsair #panel1
.carousel-testimonial .text { vertical-align:top; display:inline-block;
width:75%; } #pdp-corsair .thumbs .thumb_img{ cursor:pointer; } #pdp-corsair
.thumbs .slick-slide{ margin:.3em 0; height:58px; transition: opacity 300ms
ease; -webkit-transition: opacity 300ms ease; } #pdp-corsair .thumbs
.slick-slide:not(.slick-current) { opacity:0.5; /*border: 1px solid #ccc;*/
border:none; } #pdp-corsair .thumbs .slick-slide:hover { opacity:1; transition:
opacity 300ms ease; -webkit-transition: opacity 300ms ease; } #pdp-corsair
.slick-slide .author img { margin: 0 auto; cursor:pointer; } #pdp-corsair
.thumbs .slick-current { /*border: 1px solid #999;*/ border:none; } #pdp-corsair
#panel1 .full_pic .slick-dots { bottom: 0em; display: block; position:relative;
padding: 1em 0; margin: 0; } #pdp-corsair #panel1 .full_pic .slick-dots
li.slick-active button:before { opacity: .75; color: #333; } #pdp-corsair
#panel1 .full_pic .slick-dots li button:before { opacity: 1; color: #aaa; }
#pdp-corsair #panel1 .full_pic .featured .feature_cta { cursor:pointer;
position:absolute; width:10%; max-width:41px; opacity:0.9; display:none; filter:
invert(70%); -webkit-filter: invert(70%); } #pdp-corsair #panel1 .full_pic
.featured .feature_cta_icon { transform:rotate(0deg); transition:250ms
transform; } .no-touch #pdp-corsair #panel1 .full_pic .featured
.feature_cta_icon:hover { transform:rotate(135deg); } #pdp-corsair #panel1
.full_pic .featured .feature_cta:before{ display: block; position: absolute;
top: 49%; left: 49%; content: ''; width: 22px; height: 22px; margin: -11px auto
auto -11px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;
border-radius: 50%; border:1px solid orange; background-color: rgba(0,0,0,0);
opacity: 1; z-index: -1; pointer-events: none; animation: pulsate 3s
cubic-bezier(0.2,1,0.2,1) infinite; } #pdp-corsair #panel1 .full_pic .featured
.feature_content { position:absolute; opacity:0;
background:rgba(255,255,255,0.9); text-align:left; max-width:300px; padding:0em;
border-radius:0px; border: solid 1px #eeeeee; z-index:-1; box-shadow: 2px 2px
10px rgba(50,50,50,0.1); transition: opacity 200ms ease, margin-top 100ms ease,
z-index 200ms ease ; -webkit-transition: opacity 200ms ease, margin-top 100ms
ease, z-index 200ms ease ; margin-top:-1em; } #pdp-corsair .full_pic
.feature_desc { padding:1em; } #pdp-corsair #panel1 .full_pic .featured
.feature_content.active { margin-top:0; opacity:1; z-index:999; transition:
opacity 200ms ease, margin-top 100ms ease, z-index 200ms ease ;
-webkit-transition: opacity 200ms ease, margin-top 100ms ease, z-index 200ms
ease ; } #pdp-corsair .chosen-container { text-align: left; } #pdp-corsair
.chosen-container-single .chosen-single { background-color:white !important;
position: relative; display: block; overflow: hidden; outline: none; padding:1em
3.5em 1em 1em; height: auto; border: 1px solid #eee; border-radius: 0;
font-weight: 400; background-clip: none; box-shadow: none; color: #333;
text-decoration: none; white-space: nowrap; line-height:normal;
letter-spacing:0.05em; margin: 0; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none;
-moz-appearance: none; background-color: #f7f8f9; background-image:
url('../img/memory-finder/icon-arrow-down.png'); background-position: calc(100%
- 12px) 13px; background-repeat: no-repeat; outline:none; } #pdp-corsair
#sortby_chosen .chosen-single { background-color:#fff; } #pdp-corsair
.chosen-container-single .chosen-single div b{ display:none; } #pdp-corsair
.chosen-container .chosen-drop { border-left: 1px solid #eee; border-right: 1px
solid #eee; border-bottom: 1px solid #eee; border-radius: 0; box-shadow: none;
color: #333; text-decoration: none; white-space: nowrap; letter-spacing:0.05em;
-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:
border-box; -webkit-appearance: none; -moz-appearance: none; background-color:
#fff; margin:0; outline:none; } #pdp-corsair .chosen-container .chosen-results
li.active-result { padding:10px 8px; } #pdp-corsair .chosen-container
.chosen-results li.highlighted { background-color:#999 !important;
background-image:none !important; box-shadow: none !important;
-webkit-box-shadow: none !important; } #pdp-corsair .chosen-container-single
.chosen-search input[type="text"] { padding: 1em !important; border: 1px solid
#ddd !important; background-image:
url('/_ui/responsive/cdn/image/icon-search.png') !important;
background-position: calc(100% - 12px) 13px !important; background-repeat:
no-repeat !important; } /* PANEL 2 */ #pdp #panel2 .sub-nav { border: 1px solid
#eee; } #pdp #panel2 .sub-nav ul { padding: 0; margin: 0; } #pdp #panel2
.sub-nav ul li { display: inline-block; padding: 2em 1%; width: 13.5%;
text-align: center; border: 3px solid #fff; transition: all 500ms ease;
-webkit-transition: all 500ms ease; } #pdp #panel2 .sub-nav ul li.active {
border-bottom: 3px solid #333; transition: all 500ms ease; -webkit-transition:
all 500ms ease; } #pdp #panel2 .sub-nav ul li a { font-weight: 500;
letter-spacing: 0.08em; color: #222; } #pdp #panel2 .sub-nav ul li a:hover {
color: #666; } #pdp #panel2 .content { padding: 3em 0 3em; background: #f9f8f8;
} #pdp .mainContainer #product-overview { -webkit-column-count: 2;
-moz-column-count: 2; column-count: 2; -webkit-column-gap: 20px;
-moz-column-gap: 20px; column-gap: 20px; } #pdp #panel2 .hiddenContainer {
display: none; } #pdp #panel2 .mainContainer { padding: 0 1em 1em; } #pdp
#panel2 .list-item { border-bottom: 1px solid #eee; padding: 1.5em 0; color:
#666; max-width: 90%; letter-spacing: 0.08em; } #pdp #panel2 .list-item .fa {
font-size: 1.5em; margin: 0 .5em; } #pdp #panel2 .half #value { font-weight:
500; } #pdp #panel2 article { padding: 2.5em 0; display: none; } #pdp #panel2
article:last-child { border-bottom: none; } #pdp #panel2 article p { margin: 0 0
1em; } #pdp #panel2 article a { color: #333; font-size: 1em; transition: all
200ms ease; -webkit-transition: all 200ms ease; } #pdp #panel2 article a:hover {
color: #999; transition: all 200ms ease; -webkit-transition: all 200ms ease; }
#pdp #panel2 article .featured-image { display: inline-block; vertical-align:
top; width: 20%; max-width: 300px; } #pdp #panel2 article .text { display:
inline-block; vertical-align: top; margin-left: 1em; width: 75%; } #pdp #panel2
article .text h3 { margin-top: 0.2em; margin-bottom: 0.4em; color: #333;
font-weight: 500; font-size: 1.1em; } #pdp #panel2 .ui-state-default, #pdp
#panel2 .ui-widget-content .ui-state-default, #pdp #panel2 .ui-widget-header
.ui-state-default { background: #fafafa; padding-top: 1em; padding-bottom: 1em;
border: 1px solid #ddd; border-radius: 0; outline: none; } #pdp #panel2
.ui-widget-content { color: #333; padding-top: 1em; padding-bottom: 1em;
border-bottom: none; border-top: none; border-radius: 0; border-left: none;
border-right: none; background: none; } #pdp #panel2 .ui-accordion
.ui-accordion-header { margin-top: .5em; color: #111; font-weight: 500;
letter-spacing: 0.1em; background: none; padding-top: 1.2em; padding-bottom:
1em; border: none; border-radius: 0; border-top: 1px solid #ddd; outline: none;
text-transform: uppercase; } #pdp #panel2 .ui-accordion
.ui-accordion-header:first-child { border-top: none; } #pdp #panel2
.mainContainer h3 { font-size: 13px; letter-spacing: 0.2em; font-weight: 500; }
#pdp-corsair #panel2 .sub-nav { border:1px solid #eee; background-color: #fff; }
#pdp-corsair #panel2 .sub-nav ul { padding:0; margin:0; } #pdp-corsair #panel2
.sub-nav ul li { display:inline-block; padding:2em 1%; /*width: 15.5%; */
text-align:center; border:3px solid #fff; transition: all 500ms ease;
-webkit-transition: all 500ms ease; } #pdp-corsair #panel2 .sub-nav ul li.active
{ border-bottom:3px solid #333; transition: all 500ms ease; -webkit-transition:
all 500ms ease; } #pdp-corsair #panel2 .sub-nav ul li a { font-weight:500;
letter-spacing:0.08em; color:#222; } #pdp-corsair #panel2 .sub-nav ul li a:hover
{ color:#666; } #pdp-corsair #panel2 .content { /*padding:3em 0 3em;*/
background:#f9f8f8; } #pdp-corsair .mainContainer #product-overview {
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 20px; -moz-column-gap: 20px; column-gap: 20px; }
#pdp-corsair #panel2 .hiddenContainer { display:none; } #pdp-corsair #panel2
.list-item { border-bottom:0.8px solid #ccc; padding:1em 0; color:#333;
max-width: 90%; /*Added*/ letter-spacing: 0.08em; } #pdp-corsair #panel2
.list-item .fa { font-size:1.5em; margin:0 .5em; } #pdp-corsair #panel2 .half
#value { font-weight:500; color:#666; } #pdp-corsair #panel2 article { padding:
2.5em 0; display:none; } #pdp-corsair #panel2 article:last-child {
border-bottom: none; } #pdp-corsair #panel2 article p { margin: 0 0 1em; }
#pdp-corsair #panel2 article a { color:#333; font-size:1em; transition: all
200ms ease; -webkit-transition: all 200ms ease; } #pdp-corsair #panel2 article
a:hover { color:#999; transition: all 200ms ease; -webkit-transition: all 200ms
ease; } #pdp-corsair #panel2 article .featured-image { display:inline-block;
vertical-align:top; width:20%; max-width:300px; } #pdp-corsair #panel2 article
.text { display:inline-block; vertical-align:top; margin-left:1em; width:75%; }
#pdp-corsair #panel2 article .text h3 { margin-top:0.2em; margin-bottom: 0.4em;
color:#333; font-weight:500; font-size:1.1em; } #pdp-corsair #panel2
.ui-state-default, #pdp-corsair #panel2 .ui-widget-content .ui-state-default,
#pdp-corsair #panel2 .ui-widget-header .ui-state-default { background:#fafafa;
padding-top:1em; padding-bottom:1em; border:1px solid #ddd; border-radius:0;
outline:none; } #pdp-corsair #panel2 .ui-widget-content { color: #333;
padding-top: 1em; padding-bottom: 1em; border-bottom: none; border-top:none;
border-radius: 0; border-left: none; border-right: none; background: none; }
#pdp-corsair #panel2 .ui-accordionccor-accordion-header { margin-top: .5em;
color: #111; font-weight: bold; letter-spacing: 0.1em; /* background: none;*/
padding-top: 1.2em; padding-bottom: 1em; /*el5 der: none;*/ border-radius: 0;
border: 1px solid #ddd; outline: none; text-transform:uppercase; text-align:
left; } #pdp-corsair #panel2 .ui-accordion .ui-accordion-header:first-child {
border-top:none; margin-top:0px; } /* PANEL 5 */ .panel5 { padding: 1.5em 0; }
.panel5 h2 { font-weight: 400; letter-spacing: 0.1em; } .panel5 {padding: 20px}
/*!* PANEL 3 *! #pdp-corsair #panel3 { padding:0; color:#fff; z-index:1;
position:relative; } #pdp-corsair #panel3 .content-left { width: 600px; display:
inline-block; vertical-align: middle; max-width: 100%; } #pdp-corsair #panel3 ul
li { list-style-type: none; display:inline-block; width:250px; max-width:100%;
padding: 2% 10px 4% 0; } #pdp-corsair #panel3 ul li img { display:inline-block;
vertical-align:top; padding-right: 12px; padding-top: 15px; } #pdp-corsair
#panel3 ul li .spec-item { display:inline-block; vertical-align:top; width:100%;
} !* PANEL 4 *! #pdp-corsair #panel4 { padding:0; color:#000; z-index:1;
position:relative; } !* PANEL 5 *! #pdp-corsair .panel5 { padding:1.5em 0; }
#pdp-corsair .panel5 h2 { font-weight:400; letter-spacing:0.1em; } !* PANEL 6
*!*/ .panel6 .item { position: relative; display: table; height: 25vw; /*
background: url('../img/pdp/bg_related_products.png') no-repeat center / cover;
*/ background:
url('//cwsmgmt.corsair.com/_ui/responsive/common/img/bg_related_products.png')
no-repeat center / cover; } .panel6 .item:hover .learn-more { opacity: 1;
transition: all 500ms ease; -webkit-transition: all 500ms ease; } .panel6
.item:hover .product-name { color: #111; opacity: 1; transition: all 500ms ease;
-webkit-transition: all 500ms ease; } .panel6 .related-product { display:
table-cell; vertical-align: middle; width: 100%; height: 100%; cursor: pointer;
} .panel6 img { /* max-width: 20vw; max-height: 20vw; */ max-width: 15vw;
max-height: 15vw; width: auto; margin: 0 auto; } .panel6 .learn-more { width:
100%; text-align: center; position: absolute; top: 45%; opacity: 0; transition:
all 500ms ease; -webkit-transition: all 500ms ease; } .panel6 .item
.product-name { left: 0; right: 0; text-align: center; position: absolute; /*
bottom: 8%; */ bottom: 3%; color: #333; /* letter-spacing: 0.1em; */
letter-spacing: 0.05em; font-weight: 500; opacity: 0; transition: all 500ms
ease; -webkit-transition: all 500ms ease; } .panel6 .related-product
.product-image { transition: all 500ms ease; -webkit-transition: all 500ms ease;
} .panel6 .related-product:hover img { transform: scale(1.1); -webkit-transform:
scale(1.1); transition: all 500ms ease; -webkit-transition: all 500ms ease; }
#pdp-corsair #panel6 .item { position:relative; display:table; height:25vw; /*
background:
url('http://s199986.gridserver.com/corsair/homepage/img/pdp-corsair/bg_related_products.png')
no-repeat center / cover; */ } #pdp-corsair #panel6 .item:hover .learn-more {
opacity:1; transition: all 500ms ease; -webkit-transition: all 500ms ease; }
#pdp-corsair #panel6 .item:hover .product-name { color:#111; opacity:1;
transition: all 500ms ease; -webkit-transition: all 500ms ease; } #pdp-corsair
#panel6 .related-product { display:table-cell; vertical-align:middle;
width:100%; height:100%; cursor:pointer; /* !* background: #f9f9f9; *!*/ }
#pdp-corsair #panel6 img { max-width: 20vw; max-height: 20vw; width: auto;
margin:0 auto; } #pdp-corsair #panel6 .learn-more { width:100%;
text-align:center; position:absolute; top:45%; opacity:0; transition: all 500ms
ease; -webkit-transition: all 500ms ease; } #pdp-corsair #panel6 .item
.product-name { left:0; right:0; text-align:center; position:absolute;
bottom:8%; color:#333; letter-spacing:0.1em; font-weight:500; opacity:0;
transition: all 500ms ease; -webkit-transition: all 500ms ease; } .mfp-wrap
.content .half { display: inline-block; width: 47%; vertical-align: top; }
#pdp-corsair #panel6 .related-product .product-image { transition: all 500ms
ease; -webkit-transition: all 500ms ease; } #pdp-corsair #panel6
.related-product:hover img { transform: scale(1.1); -webkit-transform:
scale(1.1); transition: all 500ms ease; -webkit-transition: all 500ms ease; }
.mfp-wrap .content .half img { max-width: 90%; margin: 1em auto; } .white-popup
{ position: relative; background: #FFF; padding: 20px; width: auto; max-width:
800px; margin: 20px auto; } /* content at start */ .mfp-fade.mfp-wrap
.mfp-content { opacity: 0; -webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } /*
content animate it */ .mfp-fade.mfp-wrap.mfp-ready .mfp-content { opacity: 1;
-webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out;
transition: all 0.15s ease-out; } /* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content { opacity: 0; -webkit-transition:
all 0.15s ease-out; -moz-transition: all 0.15s ease-out; transition: all 0.15s
ease-out; } /*SLICK Dots */ /* arrows */ .slick-prev, .slick-next { width: 20px
!important; height: 20px !important; } .slick-prev:hover, .slick-prev:focus,
.slick-next:hover, .slick-next:focus { color: transparent; outline: none;
background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity:
.25; } .slick-prev:before, .slick-next:before { font-family: FontAwesome;
font-size: 24px; line-height: 1; opacity: .75; color: #000;
-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.thumbs .slick-prev { top: -2.5%; left: 0; right: 0; margin: 0 auto; }
[dir='rtl'] .thumbs .slick-prev { right: -10px; left: auto; } .thumbs
.slick-prev:before { content: '\f0d8'; } [dir='rtl'] .thumbs .slick-prev:before
{ content: '\f0d8'; } .thumbs .slick-next { top: 96%; left: 0; right: 0; margin:
0 auto; } [dir='rtl'] .thumbs .slick-next { right: auto; left: -2px; } .thumbs
.slick-next:before { content: '\f0d7'; } [dir='rtl'] .thumbs .slick-next:before
{ content: '\f0d7'; } /* Dots */ .slick-dots { position: absolute; bottom: -4em;
display: block; width: 100%; padding: 0; list-style: none; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 20px; height:
20px; margin: 0px; padding: 0; cursor: pointer; } .slick-dots li button {
font-size: 0; line-height: 0; display: block; width: 20px; height: 20px;
padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none;
background: transparent; } .slick-dots li button:hover, .slick-dots li
button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots
li button:focus:before { opacity: 1; } .slick-dots li button:before {
font-family: FontAwesome; font-size: 12px; line-height: 20px; position:
absolute; top: 0; left: 0; width: 20px; height: 20px; content: '\f111';
text-align: center; opacity: .25; color: #aaa; -webkit-font-smoothing:
antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active
button:before { opacity: .75; color: #aaa; } #pdp #videos { padding: 6em 0; }
#pdp #videos ul { padding: 0 } #pdp #videos ul li { list-style-type: none;
display: inline-block; width: 46%; padding: 2%; } #pdp #videos ul li a { color:
#000; } #pdp #indabox { background: #222; padding: 6em 0; color: #fff; } #pdp
#indabox h4, #pdp #indabox h1 { font-weight: 300; letter-spacing: 0.1em; } #pdp
#indabox h4 { letter-spacing: 0.2em; } #pdp #indabox .subHeader { margin: 2em 0
-1em; font-weight: 400; } #pdp #indabox .half { display: inline-block; width:
46%; padding: 2%; } #pdp #indabox ul { padding: 1em 2em 3em; } #pdp #indabox ul
li span { line-height: 2; font-weight: 100; letter-spacing: 0.05em; color: #fff;
} #pdp #indabox ul li { color: #fecc2d } #pdp #cart { position: fixed; top: 0;
right: -370px; width: 370px; background: #fff; height: 100vh; z-index: 11;
color: #333; padding: 3em 0 10px 0; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out; transition: all 0.35s ease-out; } #pdp
#cart.active { right: 0; -webkit-transition: all 0.3s ease-out; -moz-transition:
all 0.3s ease-out; transition: all 0.3s ease-out; } #pdp #cart .close {
position: absolute; top: 1em; right: 1em; cursor: pointer; font-size: 2em;
color: #333 } #pdp #cart-overlay { position: fixed; background: rgba(0, 0, 0,
0.7); display: none; width: 100vw; height: 100vh; top: 0; left: 0; z-index: 10;
} #pdp #cart .subtotal { padding: 1em 0; position: absolute; bottom: 7em; width:
100%; left: 0; right: 0; } #pdp #cart .cta { position: absolute; bottom: 46px;
right: 0; left: 0; margin: 0; font-weight: 100; letter-spacing: 0.12em;
text-align: center; cursor: pointer; -webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } #pdp
#cart .cta:hover { background: #333; -webkit-transition: all 0.15s ease-out;
-moz-transition: all 0.15s ease-out; transition: all 0.15s ease-out; } #pdp
#cart-content li { display: inline-block; background: #fcfcfc; border: 1px solid
#eee; padding: 10px; outline: none; margin-bottom: 1em; } #pdp #cart-content li
h2 { font-weight: 500; } #pdp #cart-content li .product-thumb { display:
inline-block; width: 100px; height: 100px; vertical-align: top; } #pdp
#cart-content li .product-details h2 { margin: 5px 0; } #pdp #cart-content li
.product-details p { margin: 5px 0 10px; } #pdp #cart-content li
.product-details { display: inline-block; width: 200px; padding: 0 0 0 15px;
vertical-align: top; } #pdp #cart-content li a { font-size: 0.8em; font-weight:
600; } #pdp #cart-content { padding: 0; margin: 30px 0 0 10px; overflow-y:
scroll; } #pdp-corsair #videos { padding:6em 0; } #pdp-corsair #videos ul {
padding:0 } #pdp-corsair #videos ul li { list-style-type: none;
display:inline-block; padding:2%; } #pdp-corsair #videos ul li a { color:#000; }
#pdp-corsair #indabox { background:#222; padding:6em 0; color:#fff; }
#pdp-corsair #indabox h4, #pdp-corsair #indabox h1 { font-weight:300;
letter-spacing: 0.1em; } #pdp-corsair #indabox h4{ letter-spacing: 0.2em; }
#pdp-corsair #indabox .subHeader { margin: 2em 0 -1em; font-weight:400; }
#pdp-corsair #indabox .half { display:inline-block; width:46%; padding:2%; }
#pdp-corsair #indabox ul { padding:1em 2em 3em; } #pdp-corsair #indabox ul li
span { line-height:2; font-weight:100; letter-spacing:0.05em; color:#fff; }
#pdp-corsair #indabox ul li { color:#fecc2d } #pdp-corsair #cart {
position:fixed; top:0; right:-450px; width:450px; background:#fff; height:100vh;
z-index: 11; color: #333; padding: 3em 0 10px 0; -webkit-transition: all 0.3s
ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.35s ease-out; }
#pdp-corsair #cart.active { right:0; -webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }
#pdp-corsair #cart .close { position:absolute; top:1em; right:1em;
cursor:pointer; font-size:2em; color:#333 } #pdp-corsair #cart-overlay {
position: fixed; background: rgba(0,0,0,0.7); display: none; width: 100vw;
height: 100vh; top: 0; left: 0; z-index: 10; } #pdp-corsair #cart .subtotal {
padding: 1em 0; position: absolute; bottom: 3em; width: 100%; left: 0; right: 0;
} #pdp-corsair #cart .cta { position:absolute; bottom:0px; right:0; left:0;
margin:0; font-weight:100; letter-spacing:0.12em; text-align: center;
cursor:pointer; -webkit-transition: all 0.15s ease-out; -moz-transition: all
0.15s ease-out; transition: all 0.15s ease-out; } #pdp-corsair #cart .cta:hover
{ background:#333; -webkit-transition: all 0.15s ease-out; -moz-transition: all
0.15s ease-out; transition: all 0.15s ease-out; } #pdp-corsair #cart-content li
{ display:inline-block; background:#fcfcfc; border:1px solid #eee; padding:10px;
outline:none; margin-bottom:1em; } #pdp-corsair #cart-content li h2 {
font-weight:500; word-break: break-word; } #pdp-corsair #cart-content li
.product-thumb { display:inline-block; width:100px; height:100px;
vertical-align:top; } #pdp-corsair #cart-content li .product-details h2 {
margin:5px 0; } #pdp-corsair #cart-content li .product-details p { margin:5px 0
10px; } #pdp-corsair #cart-content li .product-details { display:inline-block;
width:200px; padding: 0 0 0 15px; vertical-align:top; } #pdp-corsair
#cart-content li a { font-size: 0.8em; font-weight: 600; } #pdp-corsair
#cart-content { padding: 0; margin: 30px 0 0 10px; /* overflow-y: scroll; */
overflow: auto; height: 100%; padding-bottom: 170px; } .subtotal.text-center {
background-color: white; font-size: 1.2em; } #cart .cta { font-size: 1.2em;
text-transform: uppercase; } #pdp-corsair #panel2 .half .list-item
div#value.package-child { padding-left: 20px; } /*
============================== VIDEO HERO ============================== */ #pdp
#pdp-panel-hero{ /*min-height:600px;*/ width:100%; padding:0; } #pdp
#pdp-panel-hero .background{ height:100%; left:0; position:absolute;
text-align:center; top:0; width:100%; } #pdp #pdp-panel-hero.panel-template
h1.bebas { font-family: bebas-neue-pro-semiexpanded, sans-serif; font-size:5em;
text-shadow:0 2px 10px rgba(0,0,0,.75); font-weight: 600; } #pdp #pdp-panel-hero
video { z-index:0; top: 50%; left: 50%; position:absolute; z-index:0; width:
100vw; min-height: 105%; display:block; transform:translate(-50%,-50%); } #pdp
#pdp-panel-hero .background img{ height:100%; position:relative; z-index:1; }
#pdp #pdp-panel-hero .hero-content-container{ display:table;
/*min-height:600px;*/ width:100%; } #pdp #pdp-panel-hero.panel-template
.wrapper{ display:table-cell; min-height:0; padding:10vw 0;
vertical-align:middle; } #pdp #pdp-panel-hero.panel-template p{ font-weight:400;
letter-spacing:0.5em; text-shadow:0 2px 10px rgba(0,0,0,.75); } #pdp
#pdp-panel-hero .gradient-layer { left: 0; position: absolute; height: 100%;
width: 100%; background:rgba(0,0,0,.25); /*background:
-webkit-linear-gradient(bottom, #000 0%, rgba(0, 0, 0, 0) 70%); background:
linear-gradient(to top, #000 0%, rgba(0, 0, 0, 0) 70%);*/
transform:translateZ(0); -webkit-transform:translateZ(0); } #pdp #pdp-panel-hero
.cta:link, #pdp #pdp-panel-hero .cta:visited { background-color:#E9E600;
color:#000; text-shadow:none; } #pdp #pdp-panel-hero .cta:hover, #pdp
#pdp-panel-hero .cta:active { background-color:#E0DD00; } /*
============================== PANEL-AWARD ============================== */
body.in{ opacity:1; overflow:auto; } section#panel-award{ min-height:600px; }
#panel-award{ /* Permalink - use to edit and share this gradient:
http://colorzilla.com/gradient-editor/#f9f9f9+40,b1b1b1+97 */ background:
rgb(249,249,249); /* Old browsers */ background: -moz-linear-gradient(-45deg,
rgba(249,249,249,1) 40%, rgba(177,177,177,1) 97%); /* FF3.6-15 */ background:
-webkit-linear-gradient(-45deg, rgba(249,249,249,1) 40%,rgba(177,177,177,1)
97%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(135deg,
rgba(249,249,249,1) 40%,rgba(177,177,177,1) 97%); /* W3C, IE10+, FF16+,
Chrome26+, Opera12+, Safari7+ */ filter:
progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9',
endColorstr='#b1b1b1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient
*/ height:400px; min-height:0; padding:8em 0; position:relative; }
#panel-award:before{ background-size:contain; content:''; height:100%;
position:absolute; left:0; top:0; width:75%; } #panel-award h3{ font-size:1.7em;
line-height:1.35em; } #panel-award .text-black{ color:black; font-size:1.7em;
font-weight:600; letter-spacing:0; text-transform:none; } #panel-award
.text-gray{ color:#686868; } #panel-award .container{ height:100%; margin:0
auto; max-width:1200px; position:relative; text-align:center; width:100%; }
#panel-award .half{ display: inline-block; vertical-align:middle; width:50%; }
#panel-award .half.left{ height:100%; } #panel-award .half.right{ position:
relative; } #panel-award .half.right .background{
background:url(//cwsmgmt.corsair.com/_ui/responsive/common/images/panel-award-quotation.png)
no-repeat center; background-size:contain; height:100%; left:60px; position:
absolute; width:calc(100% - 120px); } #panel-award .half.right .spacer{
position: relative; height:400px; } #panel-award .half.right .quote{ left:50%;
max-width:420px; opacity:0; pointer-events: none; position: absolute; top:0;
transform:translateX(-50%); transition:1500ms opacity; width:100%; }
#panel-award .half.right .quote.selected{ opacity:1; pointer-events:unset; }
#panel-award .half.right .quote .author{ font-size:1.25em; font-weight:600;
letter-spacing:0.15em; padding-top:25px; } #panel-award .half.right .icon{
margin: 0 auto 25px; position: relative; height:180px; width:180px; }
#panel-award .half.right .arrow{ background:#fff; border-radius:50%;
cursor:pointer; height:35px; position: absolute; top:50%;
transform:translateY(-50%); width:35px; } #panel-award .half.right .arrow
.hover{ background:#dcdcdc; border-radius:50%; height:100%; position: absolute;
transform:scale(0); transition:250ms transform; width:100%; } .no-touch
#panel-award .half.right .arrow:hover .hover{ transform:scale(1.1); }
#panel-award .arrow .container{ transform:scale(1); transition:500ms transform,
500ms opacity; } .no-touch #panel-award .arrow#next:hover .container{ opacity:1;
transform:scale(1.5); } .no-touch #panel-award .arrow#prev:hover .container{
opacity:1; transform:scale(1.5) rotate(180deg); } #panel-award .arrow.prev{
left:0; } #panel-award .arrow.next{ right:0; } #panel-award .arrow .container{
background:url(//cwsmgmt.corsair.com/_ui/responsive/common/images/panel-award-arrow.png)
no-repeat center; background-size:50%; height:35px; opacity:0.4; padding:0;
position: relative; width:35px; } #panel-award .arrow.prev .container{
transform:rotate(180deg); } #panel-award .arrow .container:before{
transform:rotate(45deg); transform-origin:100% 0%; } #panel-award .arrow
.container:after{ left:35%; transform:rotate(-45deg); } #panel-award .half.right
.dots-bar{ display: inline-block; position: relative; } #panel-award .half.right
.dots-bar .dot{ background:#707070; border-radius:50%; cursor:pointer; display:
inline-block; height:8px; margin-right:0.8em; width:8px; } #panel-award
.half.right .dots-bar .dot.selected{ background:#fdd000; } /*
============================== TESTIMONIAL ============================== */
#pdp .testimonial { background-size:cover; min-height:400px; } #pdp
.panel-template.testimonial h1 { border-left:3px solid #39b5fb;
font-family:'aktiv-grotesk', 'sans serif'; font-size:1.8em; font-weight:300;
letter-spacing:.02em; line-height:1.6; margin-left:15px; padding:15px 0 15px
25px; } #pdp .testimonial .endorser { font-size:1.3em; font-weight:100;
letter-spacing:.1em; line-height:1.6; position:relative; text-align:right; }
#pdp .testimonial .endorser-img-mobile { display:none; } /*
========================================================================== Media
Queries
========================================================================== */
@media only screen and (min-width: 1880px) { /* #cart-overlay { display:none
!important; } */ } @media only screen and (max-width: 1600px) {} @media only
screen and (max-width: 1330px) { #pdp #panel1 .full_pic .featured { height:
40vw; } #pdp #panel1 #details #options #quantity { width: 16%; } #pdp-corsair
#panel1 .full_pic .featured { height:40vw; } #pdp-corsair #panel1 #details
#options #quantity{ width:16%; } } @media only screen and (max-width: 1200px) {
#pdp { font-size: 11px; } #pdp #panel1 .wrapper { margin-top: 3em; } #pdp
#panel1 #quantity { height: 21px; } #pdp #panel1 h1 small { font-size: 30%; }
#pdp #panel1 #details { margin-left: 78px; } #pdp #panel1 #colors ul { padding:
0em 0 0.5em; } #pdp #panel1 #colors li { border: 1px solid #ccc; width: 10px;
height: 10px; } #pdp #panel1 .cta-container { padding: 0 !important; } .no-touch
#pdp #panel1 #colors li:hover, #pdp #panel1 #colors .active { border: 1px solid
black !important; } #pdp #panel1 #details #options #quantity { font-size: 1em;
height: 15px; } #pdp #panel1 #details #product-details .deal { margin-bottom: 0;
} #pdp #panel1 #details #product-details .price { margin-bottom: 0; } #pdp
#panel1 #details #product-details .discount { margin-top: -13px; font-size:
1.8em !important; } #pdp .chosen-container { font-size: 1em !important; }
#pdp-corsair { font-size:11px; } /* removed important for smal*/ #pdp-corsair h1
{ font-size: 1.5em; margin: 0 auto; } /* removed important for smal*/
#pdp-corsair #panel1 .wrapper{ margin-top:3em; } #pdp-corsair #panel1 #quantity
{ height:21px; } #pdp-corsair #panel1 h1 small{ font-size:30%; } #pdp-corsair
#panel1 #details{ margin-left:78px; } #pdp-corsair #panel1 #colors ul{ padding:
0em 0 0.5em; } #pdp-corsair #panel1 #colors li{ border:1px solid #ccc;
width:10px; height:10px; } #pdp-corsair #panel1 .cta-container{ padding:0
!important; } .no-touch #pdp-corsair #panel1 #colors li:hover, #pdp-corsair
#panel1 #colors .active{ border:1px solid black !important; } #pdp-corsair
#panel1 #details #options #quantity { font-size:1em; height:15px; } #pdp-corsair
#panel1 #details #product-details .deal{ margin-bottom:0; } #pdp-corsair #panel1
#details #product-details .price{ margin-bottom:0; } #pdp-corsair #panel1
#details #product-details .discount{ margin-top: -13px; font-size: 1.8em
!important; } #pdp-corsair .chosen-container{ font-size:1em !important; } /*
============================== VIDEO HERO ============================== */ #pdp
#pdp-panel-hero.panel-template .wrapper { padding-top:5vw 0; } #pdp
.panel-template .position-absolute.fromCenter{ top:50%; } #pdp #pdp-panel-hero
.hero-content-container h1{ font-size:5em !important; } } @media only screen and
(max-width: 992px) { #pdp { font-size: 10px; } #pdp h1 { font-size: 3em; } #pdp
#panel1 h1 { font-size: 3em !important; } #pdp #panel1 .wrapper { margin-top:
2em; } #pdp #panel1 #details { margin-left: 0; } #pdp #panel1 #details
#product-details #product-name { font-size: 0.7em !important; } #pdp #panel1
#details #options #quantity { height: 13px; } #pdp #panel1 #product_excerpt {
font-size: 0.9em; max-width: 460px; } #pdp #panel6 .item { height: 33vw; } #pdp
p.centered { text-align: left; } #pdp #panel1 #wishlist { border-right: 0;
padding-bottom: 1em; } #pdp-corsair { font-size:10px; } #pdp-corsair #panel1 h1
{ font-size:3em !important; } #pdp-corsair #panel1 .wrapper{ margin-top:2em; }
#pdp-corsair #panel1 #details{ margin-left:0; } #pdp-corsair #panel1 #details
#product-details #product-name{ font-size:0.7em !important; } #pdp-corsair
#panel1 #details #options #quantity{ height:13px; } #pdp-corsair #panel1
#product_excerpt { font-size: 1.1em; max-width: 460px; } #pdp-corsair #panel6
.item { height:33vw; } #pdp-corsair p.centered { text-align:left; } #pdp-corsair
#panel1 #wishlist { border-right: 0; padding-bottom: 1em; } #panel2 .sub-nav
.wrapper { margin: 0; width:100%; } #pdp #panel1 .show-on-mobile { display:
block; } #pdp #panel1 .hide-on-mobile { display: none; } #pdp #gallery-container
{ max-height: inherit !important; } #pdp .thumbs { display: none !important; }
#pdp #panel1 .full_pic { margin-top: 5%; margin-left: 0px; margin-right: 7%; }
#pdp #panel1 .item .media-content { height: 50vw; } #pdp #panel1 .full_pic
.featured { height: 50vw; } #pdp #panel1 .half { width: 100%; height: auto
!important; } #pdp #panel1 .thumbs { display: none; } #pdp #panel2 article
.featured-image { width: 40%; } #pdp #panel2 article .text { width: 55%; }
#pdp-corsair #panel1 .show-on-mobile { display:block; } #pdp-corsair #panel1
.hide-on-mobile { display:none; } #pdp-corsair #gallery-container {
max-height:inherit !important; } #pdp-corsair .thumbs { display:none !important;
} #pdp-corsair #panel1 .full_pic { margin-top:5%; margin-left:0px; margin-right:
7%; } #pdp-corsair #panel1 .item .media-content { height: 50vw; } #pdp-corsair
#panel1 .full_pic .featured { height: 50vw; } #pdp-corsair #panel1 .half {
width:100%; height:auto !important; } #pdp-corsair #panel1 .thumbs {
display:none; } #pdp-corsair #panel2 article .featured-image { width:40%; }
#pdp-corsair #panel2 article .text { width:55%; } /*
============================== VIDEO HERO ============================== */ #pdp
#pdp-panel-hero h1{ font-size: 4em !important; } /*
============================== PANEL AWARD ============================== */
section#panel-award{ padding:0; } #panel-award:before{
background:url(../img/panel-awards/product-img.png) no-repeat left top;
background-size:contain; width:100%; } #panel-award .half{ width:calc(50% -
10px); } #panel-award .half.left{ width:calc(100% - 478px); } #panel-award
.half.right{ width:478px; } #panel-award .half.right .quote{ max-width:400px; }
/* ============================== TESTIMONIAL ============================== */
#pdp .testimonial { min-height:0; } } @media only screen and (max-width: 768px)
{ #pdp .show-on-mobile { display: block; } #pdp .hide-on-mobile { display: none;
} #pdp #panel1 .item .media-content { width: 100%; height: 90vw; } #pdp .half {
width: 100%; height: auto !important; } #pdp #panel1 .wrapper { display:
inline-block; } #pdp #panel1 .item .media-content { width: 100%; height: 80vw; }
#pdp #panel1 #product-details { text-align: center; margin: 0 auto; } #pdp
#panel1 .full_pic { margin: 0 5%; } #pdp #panel1 .half { width: 100% !important;
} #pdp #panel1 { padding-top: 60px; padding-bottom: 1em; } #pdp #panel1 .thumbs
{ position: relative; } #pdp #panel1 .additional-infos { position: relative; }
#pdp #panel1 .additional-infos .half { width: 47%; } #pdp #panel1
#gallery-container { background: #eee; margin: 0 -10% 5%; padding: 10% 10% 5%; }
#pdp #panel1 #options .half { width: 47%; } #pdp .content-left, #pdp
.content-right { width: 100%; } #pdp .mainContainer #product-overview {
-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } #pdp #panel2
.chosen-container-single { margin: 0; } #pdp #panel2 .mainContainer { padding:
0; } #pdp #panel2 .half { padding-bottom: 2em; } #pdp #panel2 .list-item .half {
padding-bottom: 0; } #pdp #panel2 .content { padding: 2em 0 3em; } #pdp #panel2
article .featured-image, #pdp #panel2 article .text { max-width: 600px; margin:
0 auto; width: 100%; } #pdp #panel2 article .featured-image { padding-bottom:
2em; } #pdp #panel3 { background: url('../img/pdp/bg_1.png') left;
background-size: 1600px; } #pdp #panel4 { background: url('../img/pdp/bg_2.png')
right; background-size: 1600px; } #pdp #videos ul li, #pdp #indabox .half {
width: 96%; } #pdp #panel6 .item { height: 50vw; } #pdp .content-right {
margin-left: 0; text-align: left; } #pdp #panel6 img { max-width: 40vw;
max-height: 40vw; width: auto; } #pdp-corsair .show-on-mobile { display:block; }
#pdp-corsair .hide-on-mobile { display:none; } #pdp-corsair #panel1 .item
.media-content { width:100%; height: 90vw; } #pdp-corsair .half { width:100%;
height:auto !important; } #pdp-corsair #panel1 .wrapper{ display:inline-block; }
#pdp-corsair #panel1 .item .media-content { width:100%; height: 80vw; }
#pdp-corsair #panel1 #product-details { text-align:center; margin:0 auto; }
#pdp-corsair #panel1 .full_pic { margin: 0 5%; } #pdp-corsair #panel1 .half {
width:100% !important; } #pdp-corsair #panel1 { padding-top: 60px;
padding-bottom:1em; } #pdp-corsair #panel1 .thumbs { position: relative; }
#pdp-corsair #panel1 .additional-infos{ position:relative; } #pdp-corsair
#panel1 .additional-infos .half { width:47%; } #pdp-corsair #panel1
#gallery-container { background: #eee; margin: 0 -10% 5%; padding: 10% 10% 5%; }
#pdp-corsair #panel1 #options .half { width:47%; } #pdp-corsair .content-left,
#pdp-corsair .content-right { width:100%; } #pdp-corsair .mainContainer
#product-overview { -webkit-column-count: 1; -moz-column-count: 1; column-count:
1; } #pdp-corsair #panel2 .chosen-container-single { margin:0; } #pdp-corsair
#panel2 .mainContainer { padding:0; } #pdp-corsair #panel2 .half {
padding-bottom: 2em; } #pdp-corsair #panel2 .list-item .half { padding-bottom:0;
} #pdp-corsair #panel2 article .featured-image, #pdp-corsair #panel2 article
.text { max-width:600px; margin:0 auto; width:100%; } #pdp-corsair #panel2
article .featured-image { padding-bottom:2em; } /* #pdp-corsair #panel3 {
background: url('../img/pdp-corsair/bg_1.png') left; background-size: 1600px;
}*/ /* #pdp-corsair #panel4 { i, background: url('../img/pdp-corsair/bg_2.png')
right; background-size: 1600px; }*/ #pdp-corsair #videos ul li, #pdp-corsair
#indabox .half { width:96%; } #pdp-corsair #panel6 .item { height:50vw; }
#pdp-corsair .content-right { margin-left:0; text-align:left; } #pdp-corsair
#panel6 img { max-width: 40vw; max-height: 40vw; width: auto; } #pdp section
h1.bebas { font-size:2.5em; } /* ============================== VIDEO HERO
============================== */ /*#pdp #pdp-panel-hero{
background:url(https://cwsmgmt.corsair.com/pdp/spec-omega-rgb/hero-bg-mobile.jpg)
#000 no-repeat center / cover; padding: 3em 0 4em; }*/ #pdp
#pdp-panel-hero.panel-template .wrapper { padding:5vw 0; width:100%; } #pdp
#pdp-panel-hero h1{ font-size:5em !important; width:calc(100% - 20px); } #pdp
#pdp-panel-hero p{ font-size:1.5em; } #pdp #pdp-panel-hero .background img{
height:auto; width:100%; } /* ============================== PANEL AWARD
============================== */ section#panel-award{ min-height:113vw;
padding:0; } #panel-award .half.left{ width:1px; } #panel-award .half.right{
margin-bottom:4em; vertical-align:bottom; width:478px; } /*
============================== TESTIMONIAL ============================== */
#pdp .testimonial { background-position:bottom right; min-height:0; } #pdp
.testimonial .endorser-img-mobile { background:#111; border:3px solid #222;
border-radius:100px; display:inline-block; height:130px; margin-left:15px;
margin-top:25px; overflow:hidden; max-width:50%; vertical-align:middle;
width:130px; } #pdp .testimonial .endorser-img-mobile img { margin-top:5px;
margin-left:10px; } #pdp .testimonial .endorser em { display:inline-block;
transform:translateY(25%); } } @media only screen and (max-width: 650px) { /*
============================== VIDEO HERO ============================== */ #pdp
#pdp-panel-hero.panel-template .wrapper { padding:2vw 0; } } @media only screen
and (max-width: 600px) { /* ============================== PANEL AWARD
============================== */ section#panel-award{ min-height:125vw; } }
@media only screen and (max-width: 570px) { /* ==============================
VIDEO HERO ============================== */ #pdp #pdp-panel-hero
.hero-content-container { padding:10vw 0; } #pdp #pdp-panel-hero h1{
font-size:4.5em !important; margin:0 auto; } #pdp #pdp-panel-hero p{
font-size:1.5em; margin:2em auto; width:calc(100% - 20px); } #pdp
#pdp-panel-hero video { width:100vh; } #pdp #pdp-panel-hero.panel-template
.wrapper { padding:2vw 0; } } @media only screen and (max-width: 479px) { #pdp
#panel1 #options .half { width: 100%; } #pdp #panel1 .full_pic .featured
.feature_cta { display: none !important; } #pdp #panel6 .item { height: 100vw; }
#pdp #panel6 img { max-width: 90vw; max-height: 90vw; width: auto; }
#pdp-corsair #panel1 #options .half { width:100%; } #pdp-corsair #panel1
.full_pic .featured .feature_cta { display:none !important; } #pdp-corsair
#panel6 .item { height:100vw; } #pdp-corsair #panel6 img { max-width: 90vw;
max-height: 90vw; width: auto; } /* ============================== VIDEO HERO
============================== */ #pdp #pdp-panel-hero { min-height:0; } #pdp
#pdp-panel-hero.panel-template .wrapper{ padding:0; vertical-align: top; } }
@media only screen and (max-width: 400px) { /* ==============================
PANEL AWARD ============================== */ #panel-award .half.right{
width:330px; } #panel-award .half.right .quote{ max-width:260px; } } /**/
/*PANEL TEMPLATE*/ /**/ #pdp .panel-template { color: #555; z-index: 1;
position: relative; padding: 10vw 0 10vw; overflow: hidden; } #pdp
.panel-template.fivepadding { padding: 0; } #pdp .panel-template.fivepadding {
padding: 5vw 0 5vw; } /*Layout*/ #pdp .panel-template .wrapper { position:
relative; } #pdp .panel-template .col-half { width: 43.5%; display:
inline-block; vertical-align: middle; padding: 3%; } #pdp .panel-template
.col-third { width: 28.9%; display: inline-block; vertical-align: top; padding:
2%; } #pdp .panel-template .offset-half { margin-left: 49.9%; } #pdp
.panel-template .offset-third { margin-left: 32.9%; } #pdp .panel-template
.overlay { display: none; position: absolute; left: 0; top: 0; width: 100%;
height: 100%; } #pdp .panel-template .overlay.white { background: rgba(255, 255,
255, 0.6); } #pdp .panel-template .overlay.dark { background: rgba(0, 0, 0,
0.6); } /*IMG SWAP */ #pdp .panel-template .img-swap { margin: 0 0 0 5%;
padding: 0; } #pdp .panel-template .img-swap li { display: inline-block;
list-style-type: none; width: 25%; } #pdp .panel-template .img-swap li a {
opacity: 0.5; transition: 250ms opacity; } #pdp .panel-template .img-swap li
a:hover, #pdp .panel-template .img-swap li a.selected { opacity: 1; } #pdp
.panel-template .img-swap li img { width: 100%; } #pdp .panel-template
.img-swap-container { position: relative; } #pdp .panel-template
.img-swap-container img { margin: 4em auto; width: 100%; } #pdp .panel-template
.img-swap-container .spacer { opacity: 0; } #pdp .panel-template
.img-swap-container .option { opacity: 0; position: absolute; left: 0; top: 0;
transition: 250ms opacity; } #pdp .panel-template .img-swap-container
.option.show { opacity: 1; } /*Expand Features*/ #pdp .panel-template
.product-features { position: relative; width: 100%; height: 500px; } #pdp
.panel-template .product-features .product { max-width: 90%; margin: 0 auto;
padding: 5%; position: absolute; top: 0; left: 0; right: 0; opacity: 1;
transition: all 500ms ease; -webkit-transition: all 500ms ease; } #pdp
.panel-template .product-features .feature { position: abs: 4pe; opacity: 0;
width: 300px; max-width: 100%; background: rgba(255, 255, 255, 1);
list-style-type: none; border-radius: 0 border: 1px solid #ddd; line-height:
1.5; border-radius: 4px; margin-left: -1em; transition: opacity 500ms ease,
margin-left 500ms ease; -webkit-transition: opacity 500ms ease, margin-left
500ms ease; line-height: 1.5; font-size: 0.9em; color: #666; padding: 1.5em 2em;
text-align: left; font-weight: 400; letter-spacing: 0.08em; font-weight: 300; }
#pdp .panel-template .product-features .feature.active { opacity: 1;
margin-left: 0; transition: opacity 500ms ease, margin-left 500ms ease;
-webkit-transition: opacity 500ms ease, margin-left 500ms ease; } #pdp
.panel-template .product-features .close { position: absolute; top: 1em; right:
1em; width: 10px; cursor: pointer; display: none; } #pdp .panel-template
.product-features .expand_feature { position: absolute; width: 3%; min-width:
35px; opacity: 0.25; cursor: pointer; z-index: 999; transition: all 500ms ease;
-webkit-transition: all 500ms ease; } #pdp .panel-template .product-features
.expand_feature:hover { opacity: 0.9; transition: all 500ms ease;
-webkit-transition: all 500ms ease; } #pdp .panel-template .product-features
.expand_feature.active { transform: rotate(45deg) !important; -webkit-transform:
rotate(45deg) !important; opacity: 0.9; transition: all 500ms ease;
-webkit-transition: all 500ms ease; } @media only screen and (max-width: 1200px)
{ #pdp .panel-template .product-features { height: 50vw; margin-top: 1em; } }
@media only screen and (max-width: 768px) { #pdp .panel-template
.product-features .product { max-width: 100%; padding: 5% 0; } } @media only
screen and (max-width: 480px) { #pdp .panel-template .product-features .feature
{ top: 5% !important; width: 89%; padding: 10% 5%; background: rgba(255, 255,
255, 0.95); left: 0 !important; } #pdp .panel-template .product-features
.feature.active { z-index: 999999; } #pdp .panel-template .product-features
.close { display: block; } } /*fonts*/ #pdp .panel-template .white { color:
#fff; } #pdp .panel-template h1 small { font-size: 0.6em; line-height: 1.2; }
#pdp .panel-template h1, #pdp .panel-template h2 , .dhx-content h2{ font-family:
bebas-neue-pro-semiexpanded, sans-serif; font-size: 3.75rem; font-weight: 600
!important; letter-spacing: .1rem; line-height: 3.75rem; text-transform:
uppercase !important; } /*#pdp .panel-template h2 { font-size: 1.2em;
letter-spacing: .22em; font-weight: 500; }*/ #pdp .panel-template h3 {
font-size: 1.1em; letter-spacing: 0.2em; font-weight: 500; margin: 2em 0; } #pdp
.panel-template p { margin: 2em 0; letter-spacing: .05em; } #pdp .panel-template
a { color: #000; } #pdp .panel-template a:hover { color: #000; } /*#pdp
.panel-template .white h1 { font-weight: 600; }*/ #pdp .panel-template .white p
{ font-weight: 100; } #pdp .panel-template .white a { color: #fff; } #pdp
.panel-template .white a:hover { color: #ccc; } /*img*/ #pdp .panel-template
.img-responsive { max-width: 100%; } #pdp .panel-template .img-absolute {
position: absolute; } #pdp .panel-template img.half { width: 46%; max-width:
100%; } /*embed youtube video*/ #pdp .panel-template .embed-video { position:
relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;
} #pdp .panel-template .embed-video iframe, #pdp .panel-template .embed-video
object, #pdp .panel-template .embed-video embed { position: absolute; top: 0;
left: 0; width: 100%; height: 100%; } .variant-name { display: none;
padding-top: 10px } .chosen-container { padding-top: 10px; } /*Fix for footer
dropdown padding in PDP*/ .footer-container .chosen-container { padding-top:0px;
} /* ============================== ANIMATION ============================== */
@-webkit-keyframes pulsate { from { opacity: 0.75; transform: scale(1) } to {
opacity: 0; transform: scale(3) } } #pdp-corsair { margin-top: -74px; } /** {
-webkit-box-sizing: unset; -moz-box-sizing: unset; box-sizing: unset; }
*:before, *:after { -webkit-box-sizing: unset; -moz-box-sizing: unset;
box-sizing: unset; } .navigation * { -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; box-sizing: border-box; }*/ /*.btn-primary:hover {
background-color: unset; border-color: unset; }*/ .glyphicon-eye-close:before {
content: unset; } @media only screen and (max-width: 768px) { #pdp
.panel-template .show-on-mobile { display: block !important; } #pdp
.panel-template .hide-on-mobile { display: none; } #pdp .panel-template
.col-third, #pdp .panel-template .col-half { width: 100%; margin: 1em 0;
padding: 0; } #pdp .panel-template .wrapper { display: table; } #pdp
.panel-template .col-half.bottom { display: table-footer-group; } #pdp
.panel-template .col-half.top { display: table-header-group; } #pdp
.panel-template .offset-half { margin-left: 0; } #pdp .panel-template
.stack-on-mobile { position: relative; width: 100% !important; /*margin-left:
5%;*/ } #pdp .panel-template .stack-on-mobile.right { float: right; }
#pdp-corsair #panel1 #gallery-container { /*background: unset;*/ margin: 0 -10%
5%; padding: 10% 10% 5%; } } #gallery-container { -webkit-box-sizing: unset;
-moz-box-sizing: unset; box-sizing: unset; } h3, .h3 { font-size: unset;
text-transform: uppercase; } .product-fixed-width-wrapper { max-width: 780px;
margin: 0px auto; } .AddToCart-ShareOnSocialNetworkAction { display: none; }
.bundle * { all: unset; } .bundle .promotion { color: black; font-family:
'aktiv-grotesk', 'sans serif'; font-weight: 700; font-size: 0.8em;
text-transform: uppercase; letter-spacing: 0.1em; /*display: block; */ /*
padding: 0.9em 1.3em;*/ /*margin-bottom: 1.5em;*/ } .promotion { display: block
!important; } .stock-wrapper { display: none; } .btn-icon:after { border-right:
unset; } .glyphicon-shopping-cart:before, .glyphicon-envelope:before { content:
unset; } .btn.btn-primary{ font-weight: 400; font-size: 14px; letter-spacing:
1.35px; background: #E9E600; color: #000; margin-bottom:16px !important;
transition: all 200ms ease; -webkit-transition: all 200ms ease;
-webkit-text-fill-color:black; white-space:normal !important; margin-top: 32px;
border: unset; } .btn.btn-primary:hover, .btn.btn-primary:focus { background:
#e1da00; transition: all 200ms ease; -webkit-transition: all 200ms ease;
box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 15%); }
.btn.btn-primary.learn-more-btn:hover { background: #ccc; } /*Added*/
div#label.half{ opacity: 0.5; color:#666; } /*
==========================================================================
Product detail page sections styles
========================================================================== */
#pdp .text-center { text-align: center; } #pdp .yellow { color: #E9E600; } #pdp
section { position: relative; } #pdp .show-on-mobile { display: none; } #pdp
section h1, #pdp section h2 { text-transform: uppercase; letter-spacing: 0.05em;
} #pdp section h1 { font-size: 1.8em; line-height: 1; } #pdp section h3 {
font-weight: 400; } /*#pdp section p { font-size: 1.1em; line-height: 1.8;
letter-spacing: 0.05em; font-weight: 300; }*/ #pdp section .wrapper { position:
relative; } /*#pdp section p.centered { font-size: 1.5em; line-height: 1.8;
max-width: 1200px; margin: 1.5em auto 0; letter-spacing: 0.03em; }*/ #pdp .item,
#pdp .item a, #pdp .item a img { outline: none; } #pdp .cta, .mfp-wrap .cta {
padding: 1em 2em; font-weight: 300; font-size: 1em; letter-spacing: 0.12em;
display: inline-block; background: #000; color: #fff; margin: 1em 0; transition:
all 200ms ease; -webkit-transition: all 200ms ease; } #pdp .cta.black {
background: #000; color: #fff; font-weight: 100; } #pdp .cta.black:hover {
background: #333; transition: all 200ms ease; -webkit-transition: all 200ms
ease; } #pdp .cta:hover .mfp-wrap .cta:hover { background: #000; color: #fff;
font-weight: 400; transition: all 200ms ease; -webkit-transition: all 200ms
ease; } #pdp .content-left, #pdp .content-right { padding: 8vw 0 9vw;
min-height: 15vw; width: 46.5%; display: inline-block; vertical-align: middle; }
#pdp .content-right { padding-left: 1%; margin-left: 52%; text-align: right }
#pdp .content-right p { font-weight: 100; } #pdp .half { width: 47%; /*padding:0
1%;*/ display: inline-block; vertical-align: top; position: relative; } #pdp
#indabox { background: #222; padding: 6em 0; color: #fff; } #pdp #indabox h4,
#pdp #indabox h1 { font-weight: 300; letter-spacing: 0.1em; } #pdp #indabox h4 {
letter-spacing: 0.2em; } #pdp #indabox .subHeader { margin: 2em 0 -1em;
font-weight: 400; } #pdp #indabox .half { display: inline-block; width: 46%;
padding: 2%; } #pdp #indabox ul { padding: 1em 2em 3em; } #pdp #indabox ul li
span { line-height: 2; font-weight: 100; letter-spacing: 0.05em; color: #fff; }
#pdp #indabox ul li { color: #fecc2d } /*
========================================================================== Media
Queries
========================================================================== */
@media only screen and (max-width: 1200px) { #pdp { font-size: 11px; } } @media
only screen and (max-width: 992px) { #pdp { font-size: 10px; } #pdp p.centered {
text-align: left; } } @media only screen and (max-width: 768px) { #pdp
.show-on-mobile { display: block; } #pdp .hide-on-mobile { display: none; } #pdp
.half { width: 100%; height: auto !important; } #pdp .content-left, #pdp
.content-right { width: 100%; } #pdp #videos ul li, #pdp #indabox .half { width:
96%; } #pdp .content-right { margin-left: 0; text-align: left; } } /**/ /*PANEL
TEMPLATE*/ /**/ /*Expand Features*/ #pdp .panel-template .product-features {
position: relative; width: 100%; height: 500px; } #pdp .panel-template
.product-features .product { max-width: 90%; margin: 0 auto; padding: 5%;
position: absolute; top: 0; left: 0; right: 0; opacity: 1; transition: all 500ms
ease; -webkit-transition: all 500ms ease; } #pdp .panel-template
.product-features .feature { position: absolute; opacity: 0; width: 300px;
max-width: 100%; background: rgba(255, 255, 255, 1); list-style-type: none;
border-radius: 0em; border: 1px solid #ddd; line-height: 1.5; border-radius:
4px; margin-left: -1em; transition: opacity 500ms ease, margin-left 500ms ease;
-webkit-transition: opacity 500ms ease, margin-left 500ms ease; line-height:
1.5; font-size: 0.9em; color: #666; padding: 1.5em 2em; text-align: left;
font-weight: 400; letter-spacing: 0.08em; font-weight: 300; } #pdp
.panel-template .product-features .feature.active { opacity: 1; margin-left: 0;
transition: opacity 500ms ease, margin-left 500ms ease; -webkit-transition:
opacity 500ms ease, margin-left 500ms ease; } #pdp .panel-template
.product-features .close { position: absolute; top: 1em; right: 1em; width:
10px; cursor: pointer; display: none; } #pdp .panel-template .product-features
.expand_feature { position: absolute; width: 3%; min-width: 35px; opacity: 0.25;
cursor: pointer; z-index: 999; transition: all 500ms ease; -webkit-transition:
all 500ms ease; } #pdp .panel-template .product-features .expand_feature:hover {
opacity: 0.9; transition: all 500ms ease; -webkit-transition: all 500ms ease; }
#pdp .panel-template .product-features .expand_feature.active { transform:
rotate(45deg) !important; -webkit-transform: rotate(45deg) !important; opacity:
0.9; transition: all 500ms ease; -webkit-transition: all 500ms ease; } @media
only screen and (max-width: 1200px) { #pdp .panel-template .product-features {
height: 50vw; margin-top: 1em; } } @media only screen and (max-width: 768px) {
#pdp .panel-template .product-features .product { max-width: 100%; padding: 5%
0; } } @media only screen and (max-width: 480px) { #pdp .panel-template
.product-features .feature { top: 5% !important; width: 89%; padding: 10% 5%;
background: rgba(255, 255, 255, 0.95); left: 0 !important; } #pdp
.panel-template .product-features .feature.active { z-index: 999999; } #pdp
.panel-template .product-features .close { display: block; } } /*fonts*/ #pdp
.panel-template .white { color: #fff; } #pdp .panel-template h1 small {
font-size: 0.6em; line-height: 1.2; } /*#pdp .panel-template h2 { font-size:
1.2em; letter-spacing: .22em; font-weight: 500; }*/ #pdp .panel-template h3 {
font-size: 1.1em; letter-spacing: 0.2em; font-weight: 500; margin: 2em 0; } #pdp
.panel-template p { margin: 2em 0; letter-spacing: .05em; } #pdp .panel-template
a { color: #000; } #pdp .panel-template a:hover { color: #000; } #pdp
.panel-template .white a { color: #fff; } #pdp .panel-template .white a:hover {
color: #ccc; } /*img*/ #pdp .panel-template .img-responsive { max-width: 100%; }
#pdp .panel-template .img-absolute { position: absolute; } #pdp .panel-template
img.half { width: 46%; max-width: 100%; } /*embed youtube video*/ #pdp
.panel-template .embed-video { position: relative; padding-bottom: 56.25%;
height: 0; overflow: hidden; max-width: 100%; } #pdp .panel-template
.embed-video iframe, #pdp .panel-template .embed-video object, #pdp
.panel-template .embed-video embed { position: absolute; top: 0; left: 0; width:
100%; height: 100%; } @media only screen and (max-width: 768px) { #pdp
.mobilewhite{ color: #ffffff; } #pdp .panel-template .show-on-mobile { display:
block !important; } #pdp .panel-template .hide-on-mobile { display: none; } #pdp
.panel-template .col-third, #pdp .panel-template .col-half { width: 100%;
margin: 1em 0; padding: 0; } #pdp .panel-template .wrapper { display: table; }
#pdp .panel-template .col-half.bottom { display: table-footer-group; } #pdp
.panel-template .col-half.top { display: table-header-group; } #pdp
.panel-template .offset-half { margin-left: 0; } #pdp .panel-template
.stack-on-mobile { position: relative; width: 100% !important; /* margin-left:
5%;*/ } #pdp .panel-template .stack-on-mobile.right { float: right; } }
#pdp-corsair ul>li>a:focus { text-decoration: none; } /*PDP - Overriding CSS*/
#pdp * { -webkit-box-sizing: content-box !important; -moz-box-sizing:
content-box !important; box-sizing: content-box !important; } #pdp-corsair
#panel1 { padding:80px 0 5em; } #pdp .panel-template .img-responsive {
max-width: 100%; display:inline; } #pdp-corsair #indabox .half { /* width: 45%;
padding: 0 2%; */ width:49%; padding:0 0 0 10%; } #pdp .panel-template .col-half
{ vertical-align: middle; } #pdp-corsair #indabox h4 { letter-spacing: 0.2em;
padding-bottom: 1em; /*Mixed-case titles in TLC & PDP*/ text-transform:
uppercase; font-size: 14px; } #pdp-corsair #indabox ul { padding: 0em 2em; }
#pdp-corsair #indabox .linepadd { /* padding: 0 2%; */ padding:0 0 0 8%; }
.sticky_addtocart h2#price { margin-top:0px; } @media only screen and
(max-width: 768px) { #pdp-corsair #videos ul li, #pdp-corsair #indabox .half {
width: 96%; } #pdp-corsair #panel1 #product-details { text-align:left; }
#pdp-corsair .slick-track { max-height: none; } #pdp-corsair #panel1 h1 {
font-size: 2.5em !important; } #pdp-corsair #panel1 #product-details {
max-width: 480px; } #pdp-corsair .btn.btn-primary { font-size:1.2em; }
#pdp-corsair #panel1 { padding: 70px 0 5em !important; } #pdp-corsair #panel1
.wrapper { margin-top: 0; } } /*Extra padding on top and bottom of content on
all tabs except in overview*/ #pdp-corsair > #panel2 > .content > .mainContainer
> .wrapper { padding: 2.5em 0; } #pdp-corsair #panel2 .mainContainer
.product-classifications .wrapper{ padding: 2.5em 0; } /*changes from
pdp_panel6_v3.css*/ .panel6 .item .product-name { left: 5%; right: 5%;
font-size: 1.2em; bottom: 5%; } .panel6 .slick-prev, .panel6 .slick-next { top:
45%; margin: 0 10px !important; -webkit-filter: invert(100%) !important; filter:
invert(100%) !important; width: 20px !important; height: auto !important;
z-index: 1; } .panel6 .slick-prev { left:0; transform: rotate(180deg);
-webkite-transform: rotate(180deg); } .panel6 .slick-next { right:0; } @media
only screen and (max-width: 768px) { .panel6 img { max-width: 43%; max-height:
40vw; } .panel6 .item { height: 50vw; } } /*Changes from pdp-v25.css*/ /*
============================== SLICK OVERRIDE ============================== */
.thumbs .slick-prev{ top:-7.5%; } /* ============================== PAGE
============================== */ .pageType-ProductPage .feature_content
.feature_desc h4{ font-size:12px; font-weight:600; } .pageType-ProductPage
#panel1 #mobile-bar-container{ margin: 1em auto 0; text-align:center; width:90%;
} .pageType-ProductPage #panel1 #mobile-bar-container .arrow{
display:inline-block; font-size:0; vertical-align: middle; width:30px; }
.pageType-ProductPage #panel1 #mobile-bar-container .arrow.next{ margin-left:4%;
} .pageType-ProductPage #panel1 #mobile-bar-container .arrow.prev:after{
content:"\f0d9"; color:#000; display:block; font-family: FontAwesome;
font-size:35px; margin:0 auto; position:relative; text-align:center;
transition:250ms color; } .pageType-ProductPage #panel1 #mobile-bar-container
.arrow.next:after{ content:"\f0da"; color:#000; display:block; font-family:
FontAwesome; font-size:35px; margin:0 auto; position:relative;
text-align:center; transition:250ms color; } .no-touch .pageType-ProductPage
#panel1 #mobile-bar-container .arrow:hover:after{ color:#777; }
.pageType-ProductPage #panel1 #mobile-bar-container #mobile-bar{
display:inline-block; height:4px; margin:0 auto 0 4%; position:relative;
vertical-align: middle; width:60%; } .pageType-ProductPage #panel1
#mobile-bar-container #mobile-bar .full{ background:#d6d6d6; border-radius:4px;
border:1px solid rgba(0, 0, 0, 0); height:100%; left:0; position:absolute;
top:0; width:100%; } .pageType-ProductPage #panel1 #mobile-bar-container
#mobile-bar .current{ background:gray; border-radius:4px; border:1px solid gray;
height:100%; left:0; position:absolute; top:0; transition:500ms width; }
.bundleText { line-height: 1.8; letter-spacing: 0.05em; } .pdpBundleList {
list-style: disc; list-style-position: inside; cursor: pointer; line-height:
1.8; } /*.active { color: #E9E600; }*/ .productTabtitle { font-family:
bebas-neue-pro-semiexpanded, sans-serif; border-bottom: solid; color: #666;
line-height: 2em; } .tabDownloadTitle { margin: 2rem 0 0rem 0; } /*Changes from
pdp_v53.css*/ /*** Fix text issue on cross selling carousel ***/ .panel6 .item
.product-name { left: 0; right: 0; font-size: 1.2em; bottom: 0; padding: 5%;
background-color: rgba(255, 255, 255, 0.5); width: 100%; } /*** Make sliding
cart checkout button work on first press by keeping bottom browser bar to always
display so it doesn't share space with the checkout button and capture touch
action meant for the button. Only mobile safari seems to support this feature so
it can be used to target this browser. If this solution is found unsuitable
during testing we can target with js in pdp.js ***/ /* @supports
(-webkit-overflow-scrolling: touch) { #pdp-corsair #cart { height: 100%
!important; overflow-y: scroll !important; -webkit-overflow-scrolling: touch; }
} */ /*** add some space between subtotal and checkout button ***/ #pdp-corsair
#cart .subtotal { bottom: 3.5em; } @media (min-width: 993px) { #pdp-corsair
#panel1 .thumbs .thumb_img { background-position: 50% 50% !important;
background-size: contain !important; background-repeat: no-repeat !important; }
.thumbs .slick-next { top: 96.8% !important; } } #pdp-corsair{ margin-top:unset;
} /*Content and Specifications Styling*/ #pdp-corsair #indabox .half,
#pdp-corsair #indabox .half ul #pdp-corsair #indabox .half h4 { padding-left: 0;
padding-right: 0; } #pdp-corsair #indabox .half, #pdp-corsair #indabox .linepadd
{ text-align: center; } #pdp-corsair #indabox .half ul, #pdp-corsair #indabox
.half ul li { text-align: left; } #pdp-corsair #indabox ul { margin-left:
calc(50% + 2em); padding: 0; transform: translateX(-50%); } #pdp-corsair
#indabox ul.csheading { list-style-type: none; margin-bottom: 0; margin-left:
calc(50% + 1em); } #pdp-corsair #indabox ul.csheading h4{ text-align: left;
color: #fff; } #pdp-corsair #indabox .linepadd { margin-left: 0; margin-right:
0; padding-left: 0; padding-right: 0; width: 100%; } /*Mixed-case titles in TLC
& PDP*/ .pageType-ProductPage .main-content h1 { font-size: 1.90em; font-weight:
300; margin: 0; letter-spacing: 0.1em; text-transform: none !important; }
/*Mixed-case titles in TLC & PDP*/ .pageType-ProductPage .main-content h1, h2,
h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit;
font-weight: 500; line-height: 1.3; /*color: inherit;*/ } /*styling of UL
list.*/ #pdp section ul { font-size: 1.1em; line-height: 1.8; font-weight: 300;
} /*fonts for awards section*/ .reviews h4{ font-size: 12px; text-transform:
uppercase; line-height: normal; } /*pdp_cands_mobile_v1.css - Content and
specifications on mobile*/ @media only screen and (max-width: 768px) {
#pdp-corsair #indabox .half { width: 100%; } #pdp-corsair #indabox .half
ul.csheading li h4 { text-align: left; } #pdp-corsair #indabox .linepadd h4 {
width: auto; text-align: left; margin-left: calc(50% + 0.5em); transform:
translateX(-50%); } #pdp-corsair #indabox .linepadd + .half ul { margin-bottom:
0; } } /*fix_sliding_cart_v15.css*/ #pdp-corsair #cart.mobileminicart > a {
position: static !important; bottom: auto !important; margin-bottom: 50px; }
#pdp-corsair #cart.mobileminicart #minicart-checkout-button { position: static
!important; bottom: auto !important; } #pdp-corsair #cart.mobileminicart
.subtotal { position: static !important; bottom: auto !important; } #pdp-corsair
#cart.mobileminicart #cart-content { padding-bottom: 20px; } #pdp-corsair
#cart.mobileminicart #cart-content { height: auto; } #pdp-corsair
#cart.mobileminicart { overflow-y: auto; } /*Contents and Specification panel
text - align left in mobile/responsive*/ @media only screen and (max-width:
768px) { #pdp-corsair .show-on-mobile{ /* margin-left:15px;*/ width:calc(100vw -
30px); } #pdp-corsair .show-on-mobile #mobile-sub-nav{ border:1px solid #cccccc;
border-radius:0; font-size:13px; height:42px; width:100%; } #pdp-corsair
#indabox ul.csheading { list-style-type: none; margin-bottom: 0; margin-left:
calc(49% + 1em); width: 100%; } .pageType-ProductPage #indabox .wrapper h1 {
text-align: left; } #pdp-corsair #indabox .linepadd h4 { width: 100%;
text-align: left; margin-left: calc(49% + 0.5em); transform: translateX(-50%); }
#pdp-corsair #indabox div ul { width: 100%; text-align: left; } } /*Align Image
in Cart Slider*/ #pdp-corsair #cart-content li{ display: table; } #pdp-corsair
#cart-content li .product-thumb { display: table-cell; vertical-align: middle; }
#pdp-corsair #panel2 .sub-nav ul li a{ text-transform: uppercase; }
button.btn.btn-primary.selected_true { background: #3e6eff; color: #000;
border-radius: 15px !important; font-size: 0.8em !important; letter-spacing:
0.01px; } button.btn.btn-primary.selected_false { background: #3e6eff; color:
#000; border-radius: 15px !important; border: 1px solid !important; color:
#000000 !important; -webkit-text-fill-color: unset !important; background: unset
!important; font-size: 0.8em !important; letter-spacing: 0.01px; } /*notify
btn*/ #arrival-notification{ height: 48px; } /*updated for smal*/
.top-product-desc h1, h2, h3 { line-height: unset; margin-top: unset;
margin-bottom: unset; } .variant-selector .chosen-container .chosen-results
li.active-result { display: list-item; cursor: pointer; text-transform: unset
!important; } /* Bug fix for COR-1036 */ @media screen and (min-width: 825px) {
#product-details #price { text-align: left !important; } #product-details #price
div:nth-child(2) { width: 100%; /* text-align: right; */ } @-moz-document
url-prefix() { #product-details #price .original-price { width: max-content
!important; } #product-details #price .original-price .product-price {
padding-left: 0 !important; } #product-price #price small { padding-left: 0
!important; } } } /* Bug fix for COR-1036 */ /* Feature COR-1538 */
.child-image-counter-label { color: black; background: #E9E600; top: 5%;
position: absolute; width: 115px; height: auto; font-family:
var(--Bebas-neue-font); text-align: center; font-size: small; font-weight: bold;
padding: 7px; } .child-label-hidden { display: none; } /* Feature COR-1538 */ /*
Feature SUS-1298 */ .ship-promo { background-color: #F0F0F0; margin-bottom: 8px;
display:flex; padding: 8px; align-items: center; } .ship-promo img { padding:0
8px 0px 0px; } .coup-promo { background-color: #F7F7BA; display:flex; padding:
8px; align-items: center; } .coup-promo img { padding:0px 8px 0px 0px; }
.ship-promo .promotion, .coup-promo .promotion { color:#4D4D4D; font-weight:
400; } .coup-promo:not(:last-child){ margin-bottom: 8px; }
.coup-promo:last-child { margin-bottom: 16px; } .promo-message{ margin-top:12px;
} .price-pdp .original-price:first-child { padding-top:31px; height:102px } /*
Feature SUS-1298 */ .panel6.btr-together-desktop.btr-together-desktop-hide{
height: 0px; overflow: hidden; } @media only screen and (min-width: 993px) {
.btr-together-desktop .item.slick-slide.slick-active { width: 25% !important; }
.btr-together-desktop .slick-track{ width: 100% !important; } } #pdp-corsair
.sticky_addtocart.active h2#price { display: inline-block; } #pdp-corsair
.sticky_addtocart.active h2#price .original-price:first-child { height: auto;
padding-top: 0; } header h4 { color: black; } /* end */ /* Changes for SUS-1533
yellow color issues */ #tab-overview #custom-smalcode.black-bgr .active {
color:#ffffff; } #tab-overview #custom-smalcode.white-bgr .active { color:#000;
} #tab-overview #custom-smalcode .popup-youtube { color:white !important; }
.crs-corsair-care h4.crs-corsair-care-heading { position: relative; overflow:
hidden; font-size: 10px; margin-top: 24px; margin-bottom: 13px; text-align:
center; color: #262626; line-height: 1.6; letter-spacing: 1.02px; } #pdp-corsair
#panel1 h1.crs-corsair-care-heading { font-family: "bebas_neueregular";
font-size: 45px !important; font-weight: 400; letter-spacing: 1.02px ; color:
#000000; margin-bottom: 21px ; } .crs-corsair-care h4.crs-corsair-care-heading
span { display: inline-block; vertical-align: baseline; zoom: 1; display:
inline; vertical-align: auto; position: relative; padding: 0 4px; font-weight:
500; } .crs-corsair-care h4.crs-corsair-care-heading span::before,
.crs-corsair-care h4.crs-corsair-care-heading span::after { content: "";
display: block; width: 1000px; position: absolute; top: 48%; border-top: 1px
solid #777777; } .crs-corsair-care h4.crs-corsair-care-heading span::before {
right: 100%; } .crs-corsair-care h4.crs-corsair-care-heading span::after { left:
100%; } .crs-warrenty-plans { display: flex; justify-content: space-between;
align-items: center; } .crs-warrenty-plans span.crs-warrenty-description { /*
flex-basis: 25px; */ width:auto; display: flex; flex-wrap: wrap; }
.crs-warrenty-description p { font-weight: 400 !important; font-size: 11px;
letter-spacing: 0.2px !important; line-height: 1.364 !important; color: #777777;
} .crs-warrenty-description p .crs-warrenty-learn-more { color: #2764a2;
text-decoration: underline; } .crs-warrenty-description p:first-child {
padding-bottom: 4px; } .crs-warrenty-atc-btn { position: relative; display:
flex; flex-direction: column; align-items: center; color: #262626; border: 1px
solid #262626; background: transparent; cursor: pointer; padding: 5px 15px 5px
15px; font-weight: 500; font-size: 10px; line-height: 1.3; letter-spacing:
0.21px; min-width:110px; } span.crs-warrenty-atc-btn-wrapper { margin-left: 5px;
} .crs-corsair-care-old-price { text-decoration: line-through; margin-right:4px
} /* .crs-warrenty-plans span { flex: 1; } */ .crs-warrenty-plans
span:not(:first-child) { display: flex; justify-content: flex-end; }
.crs-warrenty-atc-btn:hover, .crs-warrenty-atc-btn:focus { background-color:
#262626; color: #ffffff; } .crs-warrenty-atc-btn:hover::after,
.crs-warrenty-atc-btn:focus::after { content: "ADD PLAN"; position: absolute;
background: #262626; width: 100%; height: 100%; top: 0; left: 0; right: 0;
bottom: 0; display: flex; justify-content: center; align-items: center; }
#product-details #product-overview a:focus img { border: 1px solid black
!important; } /* popup css */ .crs-care-popup-main-background { position: fixed;
top: 0; left: 0; width: 100%; height: auto; background: rgba(0, 0, 0, 0.6);
display: none; justify-content: center; align-items: center; z-index: 11000;
min-height:100vh; } .crs-care-popup-main-background.crs-corsair-care-popup-open
{ display: flex; } .crs-care-popup-main { width: calc(100% - 25px); max-width:
692px; box-shadow: 1px 1px 55px 12px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 1px
1px 55px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 55px 12px rgba(0, 0,
0, 0.5); } .crs-care-main-content { background-color: #ffffff; }
.crs-care-content-header { height: 45px; display: flex; justify-content:
flex-end; margin-right: 17px; align-items: center; }
.crs-corsair-care-header-close-btn { font-weight: 600; color: #737373;
font-size: 13px; cursor: pointer; } .crs-main-body-care { padding: 0px 60px 34px
60px; } .crs-corsair-care-title span{ font-size:17px; color:black; font-weight:
500; } .crs-corsair-care-price .crs-corsair-care-value { font-size: 21px;
letter-spacing: 1px; font-weight: 500; padding-right: 5px; color:black; }
.crs-corsair-care-price .crs-corsair-care-format { color:black !important;
font-size: 17px; letter-spacing: 1px; font-weight: 400; color: #808080; }
.crs-corsair-care-price .crs-corsair-care-format-old-price { color:black;
font-size: 17px; letter-spacing: 1px; font-weight: 400; color: #808080;
text-decoration: line-through; } .crs-corsair-care-warrenty-period {
color:black; font-weight: 500; letter-spacing: 0.71px; line-height: 1.333;
margin-bottom: 15px; font-size:15px; } .crs-corsair-care-popup-description {
font-size: 13px; letter-spacing: 0.25px; line-height: 1.308; font-weight: 400;
color: #262626; margin-bottom: 32px; } .crs-corsair-care-benefits { font-size:
13px; letter-spacing: 0.25px; line-height: 2.308; font-weight: 500; color:
#262626; margin-bottom: 8px; } .crs-corsair-care-benefits-list { font-size:
13px; letter-spacing: 0.25px; line-height: 2.308; font-weight: 400; color:
#262626; margin-bottom: 46px; padding-left: 25px; }
.crs-corsair-care-benefits-list li{ padding-left: 10px; line-height: 1.308;
margin-bottom: 10px; } ul.crs-corsair-care-benefits-list{ list-style-type: disc;
} .crs-corsair-care-atc-btn-popup { font-weight: 500; font-size: 15px;
letter-spacing: 1.15px; line-height: 1.333; color: black; background:
rgba(233,230,0, 1); padding: 16px 0; width: 100%; margin-bottom: 45px; } /*
multiple warrenty options */ .crs-corsair-care-atc-btn-popup { background:
rgba(233,230,0, 0.3); color:rgba(0,0,0,0.3); border: none; }
.crs-corsair-care-atc-btn-popup.option-selected { background: rgba(233,230,0,
1); border: none; color:rgba(0,0,0,1); } /* multiple warrenty options end */
.crs-corsair-care-footer { display: flex; justify-content: space-between; }
.crs-corsair-care-copyright { font-weight: 500; font-size: 11px; letter-spacing:
0.21px; line-height: 1.545; color: #262626; } .crs-corsair-care-FAQ a{
font-weight: 400; font-size: 11px; letter-spacing: 0.25px; line-height: 1.818;
color: #2764a2; text-decoration: underline; }
.crs-corsair-care-popup-price-wrapper { display: flex; margin-bottom: 22px; }
.crs-corsair-care-popup-price-wrapper .crs-corsair-care-popup-price {
margin-right: 10px; padding: 11px 3px; font-size: 11px; letter-spacing: 0.3px;
line-height: 1.273; color: #262626; font-weight: 500; border: 1px solid #262626;
background-color: transparent; cursor: pointer; min-width: 173px; }
.crs-corsair-care-popup-price-wrapper .crs-corsair-care-popup-price.selected {
background-color: #262626; color: #ffffff; }
.crs-warrenty-atc-btn.crs-corsair-care-atc-selected { background-color: #262626;
color: #ffffff; }
.crs-warrenty-atc-btn.crs-corsair-care-atc-selected:hover::after { content:
"REMOVE PLAN"; position: absolute; background: #262626; width: 100%; height:
100%; top: 0; left: 0; right: 0; bottom: 0; display: flex; justify-content:
center; align-items: center; } @media only screen and (max-width: 600px) {
.crs-care-popup-main { width: 100%; height: 100%; } .crs-care-main-content {
height: 100%; } .crs-main-body-care { padding: 0px 20px 34px 20px; height:
calc(100vh - 44px); overflow: auto; } .crs-corsair-care-popup-price-wrapper
.crs-corsair-care-popup-price { width: 50%; min-width: 1px; margin: 0; }
.crs-corsair-care-popup-price-wrapper .crs-corsair-care-popup-price:first-child
{ margin-right: 10px; } .crs-corsair-care-footer { align-items:center;
flex-direction:column; } .crs-corsair-care-copyright { margin-bottom:12px; }
.crs-corsair-care-popup-description { margin-bottom:15px} } @media only screen
and (max-width: 1024px) { .crs-warrenty-atc-btn:hover { background-color:
transparent; color: #262626; } .crs-warrenty-atc-btn:hover::after { content: "";
position: absolute; background: transparent; width: 100%; height: 100%; top: 0;
left: 0; right: 0; bottom: 0; display: flex; justify-content: center;
align-items: center; } .crs-warrenty-atc-btn.crs-corsair-care-atc-selected {
background-color: #262626; color: #ffffff; }
.crs-warrenty-atc-btn.crs-corsair-care-atc-selected:hover::after { content: "";
position: absolute; background: transparent; width: 100%; height: 100%; top: 0;
left: 0; right: 0; bottom: 0; display: flex; justify-content: center;
align-items: center; } } @media only screen and (min-device-width: 375px) and
(max-device-width: 812px) and (orientation: landscape) { .crs-care-popup-main {
width: 100%; height: 100%; } .crs-main-body-care { height: calc(100vh - 44px);
overflow: auto; } } .crs-warrenty-description .content{ display: contents; }
.FindRetailerNonCommerce-PickUpInStoreAction .modal .modal-header { height:
auto; display:block; } .notes a img { object-fit: contain; } .notes a:focus img
{ outline: 5px auto -webkit-focus-ring-color !important; outline-offset: 0px
!important; } #tab-faqs button { background: none !important; border: none
!important; }