#cookieBar { display: none; }

html { overflow-x: hidden; }

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

.bs-wrapper .loading { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: white; 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("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 a.bs-btn, .bs-wrapper a.bs-btn:hover { padding: 6px 12px; border-radius: 4px; background: #000; font-size: 12px; line-height: 14px; color: #fff; text-align: center; line-height: 14px; text-decoration: none; display: table; margin: 0 auto 40px; }

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

.bs-wrapper .wording { background-color: #fff; }

.bs-wrapper .wording p { padding: 40px 20px; font-size: 16px; line-height: 20px; text-align: center; max-width: 768px; margin: 0 auto; }

.bs-wrapper .wording p br { display: none; }

@media (min-width: 768px) { .bs-wrapper .wording p { padding-top: 60px; padding-bottom: 60px; } }

@media (min-width: 1200px) { .bs-wrapper .wording p { padding: 80px 0; max-width: 1000px; }
  .bs-wrapper .wording p br { display: block; } }

.bs-wrapper .qa .progressbar { 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; margin-bottom: 40px; }

.bs-wrapper .qa .progressbar span { font-size: 12px; color: #000; line-height: 1; }

.bs-wrapper .qa .progressbar .rail { position: relative; width: 100px; height: 1px; background: #ccc; border-radius: 1px; }

.bs-wrapper .qa .progressbar .rail .bar { position: absolute; left: 0; top: 50%; margin-top: -1.5px; width: 20%; height: 3px; border-radius: 1.5px; background: #000; -webkit-transition: left ease-in-out .4s; -o-transition: left ease-in-out .4s; transition: left ease-in-out .4s; }

@media (min-width: 768px) { .bs-wrapper .qa .progressbar .rail { width: 300px; } }

.bs-wrapper .qa .bootstrap-select { font-family: 'Arial'; }

.bs-wrapper .qa .bootstrap-select > .dropdown-toggle { border-color: #4d4f52; border-radius: 0; background-color: #fff; }

.bs-wrapper .qa .bootstrap-select > .dropdown-toggle:hover { color: #999; }

.bs-wrapper .qa .btn-light:focus, .bs-wrapper .qa .btn-light:not(:disabled):not(.disabled):active { color: #999 !important; }

.bs-wrapper .qa .bootstrap-select .dropdown-toggle .filter-option-inner-inner { font-size: 16px; }

.bs-wrapper .qa .bootstrap-select .dropdown-menu li a span.text { font-size: 16px; }

.bs-wrapper .qa .bootstrap-select .no-results { font-size: 16px; }

.bs-wrapper .qa .form-control { font-size: 16px; }

.bs-wrapper .qa .form-control:focus { -webkit-box-shadow: none; box-shadow: none; border: 1px solid #0050c7; }

.bs-wrapper .qa .dropdown-item.active, .bs-wrapper .qa .dropdown-item:active, .bs-wrapper .qa .dropdown-menu > .active > a, .bs-wrapper .qa .dropdown-menu > .active > a:hover, .bs-wrapper .qa .dropdown-menu > .active > a:focus, .bs-wrapper .qa .dropdown-item:focus, .bs-wrapper .qa .dropdown-item:hover { background: rgba(0, 80, 199, 0.1); }

.bs-wrapper .qa .dropdown-item.active span.text, .bs-wrapper .qa .dropdown-item:active span.text, .bs-wrapper .qa .dropdown-menu > .active > a span.text, .bs-wrapper .qa .dropdown-menu > .active > a:hover span.text, .bs-wrapper .qa .dropdown-menu > .active > a:focus span.text, .bs-wrapper .qa .dropdown-item:focus span.text, .bs-wrapper .qa .dropdown-item:hover span.text { font-weight: 400; color: #000; }

.bs-wrapper .qa .btn-light:hover, .bs-wrapper .qa .btn-light:not(:disabled):not(.disabled):active, .bs-wrapper .qa .btn-light:focus { color: #000; background-color: #fff; border-color: #4d4f52; -webkit-box-shadow: none; box-shadow: none; }

.bs-wrapper .qa .bs-actionsbox, .bs-wrapper .qa .bs-donebutton, .bs-wrapper .qa .bs-searchbox { padding: 10px 20px; }

.bs-wrapper .qa div.dropdown-menu { padding: 0; border: none; }

.bs-wrapper .qa .dropdown-item { padding: 0 20px; line-height: 40px; }

.bs-wrapper .qa .bootstrap-select .dropdown-toggle:focus { outline: none !important; }

.bs-wrapper .qa .swiper-button-prev { left: 20px; top: auto; bottom: 35px; width: 7px; height: 20px; }

.bs-wrapper .qa .swiper-button-prev:after { width: 7px; height: 20px; content: ""; background: url("https://www.benq.com/content/dam/newb2b/campaign/golf-simultor-projector/img/icon_arrow.svg") 0 0/100% no-repeat; }

@media (min-width: 768px) { .bs-wrapper .qa .swiper-button-prev { width: 22px; height: 66px; left: 30px; top: 50%; bottom: auto; margin-top: -39px; }
  .bs-wrapper .qa .swiper-button-prev:after { width: 22px; height: 66px; background: url("https://www.benq.com/content/dam/newb2b/campaign/golf-simultor-projector/img/icon_arrow_large.svg") 0 0/100% no-repeat; } }

@media (min-width: 1024px) { .bs-wrapper .qa .swiper-button-prev { left: 5%; } }

@media (min-width: 1200px) { .bs-wrapper .qa .swiper-button-prev { margin-top: -21px; } }

.bs-wrapper .qa .swiper-slide { padding: 0 22px; }

.bs-wrapper .qa .swiper-slide h4 { font-size: 20px; font-weight: 500; color: #000; text-align: center; font-family: "gill-sans-nova"; margin: 40px 20px; }

.bs-wrapper .qa .swiper-slide sup { color: #e02f10; }

.bs-wrapper .qa .swiper-slide small { font-size: 14px; font-weight: 700; line-height: 21px; margin-bottom: 4px; font-family: 'Arial'; display: block; }

.bs-wrapper .qa .swiper-slide label { font-size: 16px; line-height: 24px; color: #000; font-weight: 400; width: 100%; margin-bottom: 26px; cursor: pointer; }

.bs-wrapper .qa .swiper-slide label input { margin-right: 9px; }

.bs-wrapper .qa .swiper-slide .col-12 { margin-bottom: 20px; }

.bs-wrapper .qa .swiper-slide .q3-2 { position: absolute; left: 100%; top: 0; width: 100%; height: 100%; opacity: 0; }

@media (min-width: 768px) { .bs-wrapper .qa .swiper-slide { padding-left: 10%; padding-right: 10%; }
  .bs-wrapper .qa .swiper-slide .col-12 { margin: 0; }
  .bs-wrapper .qa .swiper-slide .row { height: 160px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 40px; }
  .bs-wrapper .qa .swiper-slide h4 { font-size: 24px; margin-top: 60px; margin-bottom: 0; height: 85px; }
  .bs-wrapper .qa .swiper-slide label { width: auto; min-width: 120px; margin-right: 20px; white-space: nowrap; margin-top: 13px; margin-bottom: 13px; }
  .bs-wrapper .qa .swiper-slide:nth-child(2) .col-12 { padding: 0; max-width: 620px; margin: 0 auto; }
  .bs-wrapper .qa .swiper-slide:nth-child(3) .col-12 { padding: 0; max-width: 637px; margin: 0 auto; }
  .bs-wrapper .qa .swiper-slide:nth-child(5) .col-12 { padding: 0; max-width: 683px; margin: 0 auto; text-align: center; } }

@media (min-width: 1024px) { .bs-wrapper .qa .swiper-slide { padding-left: 150px; padding-right: 150px; } }

@media (min-width: 1200px) { .bs-wrapper .qa .swiper-slide { padding-left: calc((100% - 1000px) * .5); padding-right: calc((100% - 1000px) * .5); }
  .bs-wrapper .qa .swiper-slide h4 { margin-top: 80px; height: 100px; }
  .bs-wrapper .qa .swiper-slide:nth-child(2) .col-12 { padding: 0; max-width: 930px; margin: 0 auto; }
  .bs-wrapper .qa .swiper-slide:nth-child(3) .col-12 { max-width: none; text-align: center; }
  .bs-wrapper .qa .swiper-slide:nth-child(5) .col-12 { max-width: none; } }

.bs-wrapper .result { display: none; max-width: 768px; margin: 0 auto; }

.bs-wrapper .result h4 { font-size: 20px; font-weight: 500; color: #000; text-align: center; font-family: "gill-sans-nova"; padding: 0 20px; margin: 40px 0; }

.bs-wrapper .result p { font-size: 16px; color: #000; text-align: center; padding: 0 20px; margin: 0 0 40px 0; }

.bs-wrapper .result figure { position: relative; background-color: #fff; overflow: hidden; padding: 20px; width: 280px; height: 280px; margin: 0 auto 20px; }

.bs-wrapper .result figure img { width: 120px; display: block; margin: 0 auto 10px; }

.bs-wrapper .result figure figcaption { font-size: 18px; color: #000; text-align: center; font-weight: 500; line-height: 27px; }

.bs-wrapper .result figure .hover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.75); 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; font-size: 20px; line-height: 30px; text-align: center; color: #fff; padding: 20px; opacity: 0; visibility: hidden; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; }

.bs-wrapper .result a.d-block:hover figure .hover { opacity: 1; visibility: visible; }

.bs-wrapper .result a.back { margin-top: 20px; margin-bottom: 40px; }

@media (min-width: 768px) { .bs-wrapper .result h4 { font-size: 24px; margin: 80px 0 32px; }
  .bs-wrapper .result figure { width: 374px; height: 374px; display: inline-block; }
  .bs-wrapper .result figure img { width: 240px; }
  .bs-wrapper .result .col-12.col-md-6:nth-child(even) { text-align: right; }
  .bs-wrapper .result a.back { margin-top: 60px; margin-bottom: 80px; } }

@media (min-width: 1200px) { .bs-wrapper .result { max-width: 950px; }
  .bs-wrapper .result h4 { font-size: 24px; margin: 80px 0 32px; }
  .bs-wrapper .result p { padding-left: 0; padding-right: 0; margin-left: -105px; margin-right: -105px; margin-bottom: 60px; }
  .bs-wrapper .result figure { width: 465px; height: 465px; }
  .bs-wrapper .result figure img { width: 300px; }
  .bs-wrapper .result figure figcaption { font-size: 20px; }
  .bs-wrapper .result .col-12.col-md-6:nth-child(even) { text-align: right; } }