body.en-us > div:nth-child(9) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle, body > div:nth-child(12) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: end; }

@media (min-width: 800px) { body.en-us > div:nth-child(9) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle, body > div:nth-child(12) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle { display: block; } }

body.en-us > div:nth-child(9) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle > div > div.title > div, body > div:nth-child(12) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle > div > div.title > div { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

@media (min-width: 800px) { body.en-us > div:nth-child(9) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle > div > div.title > div, body > div:nth-child(12) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle > div > div.title > div { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }

body.en-us > div:nth-child(9) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle > div > div.aembutton > div, body > div:nth-child(12) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle > div > div.aembutton > div { text-align: center; }

@media (min-width: 800px) { body.en-us > div:nth-child(9) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle > div > div.aembutton > div, body > div:nth-child(12) > div > div.com_container.v_align.v_align_top.text-left.vertical-middle > div > div.aembutton > div { text-align: left; } }

body.en-us > div:nth-child(6), body > div:nth-child(9) { height: 50px; }

@media (min-width: 768px) { body.en-us > div:nth-child(6), body > div:nth-child(9) { height: 58px; } }

html { overflow-x: hidden; }

.bs-wrapper { position: relative; background: #F2F2F2; font-family: "Arial"; }

.bs-wrapper [v-cloak] { display: none; }

.bs-wrapper .container { max-width: 1200px; }

.bs-wrapper .loading { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: black; z-index: 999; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

@-webkit-keyframes play { 100% { background-position: -288px; } }

@keyframes play { 100% { background-position: -288px; } }

.bs-wrapper .loading .pic { width: 24px; height: 24px; margin: -12px 0 0 -12px; background-image: url("/content/dam/b2c/en-us/campaigns/gs50-outdoor-projector-preorder/img/loading.png"); overflow: hidden; -webkit-animation: play 0.8s steps(12) infinite; animation: play 0.8s steps(12) infinite; }

.bs-wrapper * { outline: none !important; }

.bs-wrapper h2 { font-size: 22.5px; font-weight: 700; color: #fff; text-align: center; line-height: 1; margin: 0; }

@media (min-width: 1200px) { .bs-wrapper h2 { font-size: 55px; } }

.bs-wrapper .buy { position: fixed; left: 0; top: var(--hh); width: 100%; z-index: 10001; background: #131313; font-family: "Arial"; letter-spacing: 1px; border-bottom: 1px solid #131313; }

.bs-wrapper .buy:after { position: absolute; left: 0; top: 0; width: 100%; height: 100px; content: ""; z-index: 0; }

.bs-wrapper .buy .container { position: relative; z-index: 10; }

.bs-wrapper .buy .hitarea { position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; }

.bs-wrapper .buy .hitarea.active { display: block; }

.bs-wrapper .buy h2 { font-weight: normal; color: #fff; font-size: 18px; }

.bs-wrapper .buy span, .bs-wrapper .buy a { font-size: 14px; color: #fff; line-height: 30px; display: block; }

.bs-wrapper .buy span.go-to-buy, .bs-wrapper .buy a.go-to-buy { background: #009EEA; border-radius: 15px; padding: 0 15px; }

.bs-wrapper .buy span.go-to-buy.disable, .bs-wrapper .buy a.go-to-buy.disable { background: #A2A2A2; text-decoration: none; cursor: default; }

.bs-wrapper .buy span.expand, .bs-wrapper .buy a.expand { position: relative; width: 30px; height: 30px; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; display: block; }

.bs-wrapper .buy span.expand:after, .bs-wrapper .buy a.expand:after { position: absolute; width: 50%; height: 50%; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(142deg) skewX(15deg) translateY(-50%); -ms-transform: rotate(142deg) skewX(15deg) translateY(-50%); transform: rotate(142deg) skewX(15deg) translateY(-50%); content: ""; }

.bs-wrapper .buy span.expand.active, .bs-wrapper .buy a.expand.active { -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1); }

.bs-wrapper .buy span { color: #666; }

.bs-wrapper .buy span.price { color: #fff; }

.bs-wrapper .buy span.regular { color: #fff; font-size: 12px; }

.bs-wrapper .buy .dropdown { display: none; }

.bs-wrapper .buy ul { margin: 0; }

.bs-wrapper .buy.deactived { top: 0; z-index: 20001; }

.bs-wrapper section.countdown { background: #FFD700; color: #fff; padding-bottom: 40px; }

.bs-wrapper section.countdown h2 { margin-top: 70px; margin-bottom: 35px; }

.bs-wrapper section.countdown p.text-center { margin-bottom: 65px; font-size: 26px; }

.bs-wrapper section.countdown a.js-btn { width: 100%; height: 42px; line-height: 42px; background: #8133ab; font-size: 19px; text-align: center; color: #fff; text-decoration: none; display: table; margin: 0 auto; border-radius: 21px; margin-bottom: 30px; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.bs-wrapper section.countdown a.js-btn:hover { background: #fff; color: #FFD700; }

.bs-wrapper section.countdown .time-all { -webkit-box-shadow: 0 0 15px rgba(99, 128, 104, 0.5) inset; box-shadow: 0 0 15px rgba(99, 128, 104, 0.5) inset; display: -webkit-box; display: -ms-flexbox; display: flex; padding: calc(50 * (100vw / 750)) 0; margin-bottom: calc(70 * (100vw / 750)); }

.bs-wrapper section.countdown .time-all .t { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 100%; padding: 0 calc(10 * (100vw / 750)); }

.bs-wrapper section.countdown .time-all .t .circle { position: relative; width: 100%; display: block; background: url("/content/dam/b2c/en-us/campaigns/gs50-outdoor-projector-preorder/img/rail.png") 0 0/100% no-repeat; margin-bottom: calc(17 * (100vw / 750)); }

.bs-wrapper section.countdown .time-all .t .circle:after { padding-top: 100%; display: block; content: ""; }

.bs-wrapper section.countdown .time-all .t .circle .line { position: absolute; left: 0; top: 0; width: 100%; }

.bs-wrapper section.countdown .time-all .t .circle .svg-circle { fill: none; fill-rule: evenodd; stroke: #fefefe; stroke-miterlimit: 10; stroke-width: 12px; }

.bs-wrapper section.countdown .time-all .t .circle span { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: calc(66 * (100vw / 750)); color: #fefefe; line-height: 1; }

.bs-wrapper section.countdown .time-all .t span { font-size: calc(25 * (100vw / 750)); color: #fefefe; text-align: center; line-height: 1; display: block; }

@media (min-width: 1200px) { .bs-wrapper section.countdown .time-all { padding: 85px 0; margin-bottom: 50px; }
  .bs-wrapper section.countdown .time-all .t { padding: 0 25px; }
  .bs-wrapper section.countdown .time-all .t .circle { margin-bottom: 40px; }
  .bs-wrapper section.countdown .time-all .t .circle span { font-size: 120px; }
  .bs-wrapper section.countdown .time-all .t span { font-size: 40px; } }

.bs-wrapper section.countdown figure { margin-bottom: 25px; }

.bs-wrapper section.countdown figure img { width: 50%; margin: 25px auto; display: block; }

.bs-wrapper section.countdown figure figcaption { font-size: 14px; }

.bs-wrapper section.countdown figure figcaption span { display: block; font-size: 20px; text-align: center; margin-bottom: 15px; }

@media (min-width: 1200px) { .bs-wrapper section.countdown { padding-bottom: 175px; }
  .bs-wrapper section.countdown h2 { font-size: 70px; margin-top: 170px; margin-bottom: 50px; }
  .bs-wrapper section.countdown a.js-btn { width: 594px; height: 68px; line-height: 68px; border-radius: 34px; font-size: 30px; }
  .bs-wrapper section.countdown figure { margin-bottom: 45px; }
  .bs-wrapper section.countdown figure figcaption { font-size: 18px; }
  .bs-wrapper section.countdown figure figcaption span { font-size: 22px; } }

.bs-wrapper section.kol { background-color: #c6c3a0; padding-bottom: 40px; }

.bs-wrapper section.kol h2 { color: #000; margin-top: 40px; margin-bottom: 40px; line-height: 1.5; }

.bs-wrapper section.kol h2 span { display: block; font-size: 12px; font-weight: normal; }

.bs-wrapper section.kol .swiper { overflow: visible; }

.bs-wrapper section.kol .swiper-slide { background: #fff; width: 244.5px; border-radius: 15px; }

.bs-wrapper section.kol .swiper-slide h3 { font-size: 18px; color: #000; font-weight: 700; padding: 25px 0 0; height: 95px; }

.bs-wrapper section.kol .swiper-slide h3 small { font-size: 12px; color: #000; padding: 15px 15px 0; }

.bs-wrapper section.kol .swiper-slide .img-wrap { position: relative; width: 100%; display: block; }

.bs-wrapper section.kol .swiper-slide .img-wrap:after { padding-top: 93.58407%; display: block; content: ""; }

.bs-wrapper section.kol .swiper-slide a.js-btn { width: 104px; height: 29px; line-height: 29px; border-radius: 14.5px; display: table; margin: 15px auto; border: 1px solid #000; color: #000; font-size: 14px; text-align: center; text-decoration: none; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.bs-wrapper section.kol .swiper-slide a.js-btn:hover { background: #000; color: #fff; }

.bs-wrapper section.kol a.prev img { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); }

.bs-wrapper section.kol a.prev, .bs-wrapper section.kol a.next { width: 18px; height: 18px; display: block; opacity: 1; -webkit-transition: opacity .4s; -o-transition: opacity .4s; transition: opacity .4s; }

.bs-wrapper section.kol a.prev.swiper-button-disabled, .bs-wrapper section.kol a.next.swiper-button-disabled { opacity: .5; }

@media (min-width: 1200px) { .bs-wrapper section.kol { padding-bottom: 60px; }
  .bs-wrapper section.kol h2 { margin-top: 80px; margin-bottom: 80px; }
  .bs-wrapper section.kol h2 span { font-size: 24px; }
  .bs-wrapper section.kol .swiper-slide { width: 489px; }
  .bs-wrapper section.kol .swiper-slide h3 { font-size: 30px; padding: 50px 0 0; height: 190px; }
  .bs-wrapper section.kol .swiper-slide h3 small { font-size: 20px; padding: 30px 15px 0; }
  .bs-wrapper section.kol .swiper-slide a.js-btn { width: 137px; height: 32px; line-height: 32px; border-radius: 16px; margin: 25px auto; font-size: 16px; }
  .bs-wrapper section.kol a.prev, .bs-wrapper section.kol a.next { width: 36px; height: 36px; } }

.bs-wrapper section.reviews { background: #d4d1b3; }

.bs-wrapper section.reviews h2 { color: #000; margin-top: 40px; margin-bottom: 40px; line-height: 1.5; }

.bs-wrapper section.reviews h2 span { display: block; font-size: 12px; font-weight: normal; }

.bs-wrapper section.reviews small { display: block; font-size: 20px; text-align: center; margin-bottom: 15px; }

.bs-wrapper section.reviews p { font-size: 14px; margin-bottom: 75px; }

@media (min-width: 1200px) { .bs-wrapper section.reviews { padding: 0 0 120px; }
  .bs-wrapper section.reviews h2 { margin-top: 80px; margin-bottom: 80px; }
  .bs-wrapper section.reviews small { font-size: 26px; margin-bottom: 30px; }
  .bs-wrapper section.reviews p { font-size: 18px; max-width: 460px; margin: 0 auto; } }