/** Shopify CDN: Minification failed

Line 31:0 Unexpected "}"
Line 122:0 All "@import" rules must come first

**/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
#MainContent { font-family: 'IBM Plex Sans'; }
#shopify-section-bluelight-page .hidden-buttons { position: relative; display: grid; grid-template-columns: 1fr 1fr; width: 100%; bottom: 0px; opacity: 1; width: 90%; margin: 20px auto; grid-gap: 30px; }
#MainContent section { position: relative; }
#MainContent img { display: block; max-width: 100%; width: inherit; }
#MainContent h2 { font-size: calc(24px + 1vw); margin-bottom: 10px; font-family: 'Exo 2'; }
#MainContent p { font-size: calc(14px + .3vw); font-weight: 300px; line-height: 1.4; }
#MainContent button { border: 0px; padding: 12px; border-radius: 4px; }
.for-large { display: block; }
.for-small { display: none; }
@media (max-width:1200px) and (min-width:800px) {
  p { font-size: 14px; }
  h2 { font-size: 24px; font-family: 'Exo 2'; }
  button { padding: 20px 20px; }
}
@media only screen and (max-width:800px) {
  .for-large { display: none; }
  .for-small { display: block; }
  button { padding: 20px 20px; }
}

/* go easy  */
.content-container-go-easy { background: url('{{ section.settings.go-easy | file_img_url: '2000x'}}')no-repeat center 80%; background-size: cover; min-height: 30vw; display: grid; }
.go-easy-div { background: transparent; max-width: 38vw; margin: 10vw 5vw; justify-self: start; align-self: start; color: #fff; transition: all .2s ease; background: rgba(0, 0, 0, 0.25); padding: 3vw; justify-self: center; text-align: center; border-radius: 12px; backdrop-filter: blur(4px) saturate(1.3); }
}
@media (max-width:1200px) and (min-width:800px) {
.content-container-go-easy { height: 80vw }
.go-easy-div { max-width: 48vw; }
}
.go-easy-div h2 { font-size: calc(48px + 1vw); font-weight: 700; letter-spacing: 0px; }
.go-easy-div h2 span.blue { color: #292b2e; }
.go-easy-div button { background: #fff; color: #39add6; }
.go-easy-div button.secondary { background: rgba(0, 0, 0, 0.25); color: white; box-shadow: inset 0 0 0 2px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); }
.go-easy-div button.secondary a { color: white; }
.go-easy-div p { color: #fff; line-height: 1.8; }
@media only screen and (max-width:800px) {
.content-container-go-easy { background: url('{{ section.settings.go-easy | img_url: '800x'}}')no-repeat center center; background-size: cover; height: 178vw; padding: 0vw; padding: 0vw !important; height: 140vw !important; align-items: end !important; background-size: contain !important; background-position-y: 100% !important; }
.go-easy-div { max-width: 90vw; align-self: start; margin: 20vw 5vw 10vw; text-align: center; background: #79cde2; }
.go-easy-div h2 { font-size: calc(36px + 1vw); }
.go-easy-div button { margin-bottom: 15px; display: none; }
}

/* end go easy  */

/* check-phone  */

.phone-use-container { background: url('{{section.settings.bw-phone | img_url: '2000x'}}')no-repeat center 0%; background-size: cover; min-height: 72.5vw; display: grid; }
.phone-use-div { background: transparent; max-width: 38vw; margin: 15vw 5vw; display: grid; grid-template-columns: 1fr 1fr; justify-self: start; align-self: start; color: white; grid-gap: 20px; transition: all .2s ease; }
.phone-use-div h2 { grid-column: 1/3; color: #222; text-transform: none; letter-spacing: 0px; }
.phone-use-div .cta { grid-column: 1/3; grid-template-rows: auto; }
.phone-use-div .cta button { background: #39add6; color: #fff; margin: 50px auto; }
.phone-use-div div { display: grid; justify-items: center; grid-template-rows: auto auto; }
.phone-use-div img { width: calc(100px + 4vw); }
.phone-use-div p { color: #222; text-align: center; }
.phone-use button { background: #fff; color: #39add6; }
@media only screen and (max-width:1400px) {
.phone-use-div { max-width: 44vw; }
}
@media only screen and (max-width:800px) {
.phone-use-container { background: url('{{section.settings.bw-phone | img_url: '800x'}}')no-repeat 0% center; background-size: cover; min-height: 178vw; padding: 0vw; background: white; }
.phone-use-div { max-width: 90vw; grid-template-columns: 1fr; margin: 10vw 5vw; }
.phone-use-div h2 { grid-column: 1/2; margin-top: 50px; }
.phone-use-div div { grid-template-rows: auto auto; }
.phone-use-div div img { width: inherit; }
}

/* end check phone */

/* grey-bg-white */

.grey-bg-white-container { background: url('{{section.settings.grey-glasses-white | img_url: '2000x'}}')no-repeat center 0%; background-size: cover; min-height: 80vw; display: grid; }
.grey-bg-white-div { background: transparent; max-width: 38vw; margin: 0vw 5vw 0vw; justify-self: start; align-self: start; color: white; transition: all .2s ease; }
.grey-bg-white-div button.secondary { background: transparent; color: white; box-shadow: inset 0 0 0 2px; }
.grey-bg-white-div p { color: white; }
.grey-bg-white-div button { background: #fff; color: #39add6; }
@media only screen and (max-width:800px) {
.grey-bg-white-container { background: url('{{section.settings.glasses-clouds | img_url: '800x'}}')no-repeat center center; background-size: cover; min-height: 200vw; padding: 0vw;    /*background: linear-gradient(180deg, #c2c4c6, transparent);*/ }
.grey-bg-white-div { max-width: 100vw; margin: 0vw 0vw; justify-self: end; align-self: start; padding: 15vw 5vw 15vw; }
.grey-bg-white-div button { margin-bottom: 15px; }
}

/* end grey-bg-white*/
.center-white { text-align: center; padding: 5vw 5vw; color: #222; }
.bluelight-frames-gallery { display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 5vw; grid-gap: 5vw; max-width: 1800px; margin: 0 auto; }
.bluelight-frames-gallery .product-feature { grid-template-columns: 1fr; }
@media only screen and (max-width:800px) {
.bluelight-frames-gallery { grid-template-columns: 1fr; }
}
.specs-container { min-height: 40vw; display: grid; }
.specs-div { max-width: 85vw; margin: 15vw 15vw 5vw; display: grid; grid-template-columns: 1fr 1fr; grid-gap: 80px; color: #fff; }
.specs-div-one ul { list-style-type: none; line-height: 2.5; font-size: calc(18px + .5vw); }
.specs-container ul li span { font-weight: 600; }
.specs-div-two ul { line-height: 2.5; font-size: calc(18px + .5vw); }
.specs-div-two ul li { list-style-type: none; display: grid; grid-template-columns: 120px auto 1fr; grid-gap: 10px; align-items: center; }
.specs-div-two ul li img { height: 50px; }
.specs-div-one ul li span, .specs-div-two ul li span { font-weight: bold; }
@media only screen and (max-width:800px) {
.specs-div { margin: 5vw; grid-template-columns: 1fr; grid-gap: 20px; margin-top: 90vw; }
.specs-div ul { line-height: 2; }
.specs-div-two ul li { grid-template-columns: 80px auto 1fr; }
.specs-div h2 { font-size: calc(18px + 1vw); }
.specs-div-one, .specs-div-two { border: 1px solid white; padding: 5vw; border-radius: 8px; }
}
.three-rooker-container { display: grid; grid-template-columns: 1fr 1fr 1fr; text-align: center; padding: 5vw; }
.three-rooker-container h4 { font-weight: 600; font-size: calc(18px + .5vw); }
@media only screen and (max-width:800px) {
.three-rooker-container { grid-template-columns: 1fr; grid-gap: 50px; }
}
.three-rooker-container button { background: #39add6; }
.head-on-img { max-width: 800px; display: block; margin: 0 auto; width: 100%; }
.just-grey { background: #c3c6c9; display: grid; grid-template-columns: 1fr 3fr; }
@media only screen and (max-width:800px) {
.just-grey { background: #5d6165; grid-template-columns: 1fr; }
}
.shopBlueLight { min-height: 42vw; }
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');
#MainContent { font-family: 'IBM Plex Sans'; }

/* go easy  */
.content-container-go-easy { background: url('/cdn/shop/files/Bluelight-Header.jpg?v=1629227720')no-repeat center 80%; background-size: cover; display: grid; }
@media only screen and (max-width:800px) {
.content-container-go-easy { background: url('{{ section.settings.go-easy | img_url: '800x'}}')no-repeat center center; background-size: cover; height: 178vw; padding: 0vw; }
}

/* end go easy  */

/* check-phone  */
.phone-use-container { background: url('{{section.settings.bw-phone | img_url: '2000x'}}')no-repeat center 0%; background-size: cover; min-height: 72.5vw; display: grid; }
@media only screen and (max-width:800px) {
.phone-use-container { background: url('{{section.settings.bw-phone | img_url: '800x'}}')no-repeat 0% center; background-size: cover; min-height: 178vw; padding: 0vw; background: white; }
}

/* end check phone */

/* grey-bg-white */
.grey-bg-white-container { background: url('{{section.settings.grey-glasses-white | img_url: '2000x'}}')no-repeat center 0%; background-size: cover; min-height: 80vw; display: grid; }
@media only screen and (max-width:800px) {
.grey-bg-white-container { background: url('{{section.settings.glasses-clouds | img_url: '800x'}}')no-repeat center center; background-size: cover; min-height: 200vw; padding: 0vw; }
}
.tablet-reading-container { display: grid; grid-template-columns: 2fr 3fr; background: #c1c4c5; align-items: center; }
.tablet-reading-div { background: #aaa url('{{ section.settings.reading-tablet | img_url: '2000x'}}')no-repeat center center; background-size: cover; height: calc(46.67vw); padding: 0vw; }
.fall-victim-div { margin: 5vw; color: white; }
.fall-victim-div h2 { letter-spacing: 0px; font-weight: 600; }
.fall-victim-div p { color: white }
.stat-div { display: grid; grid-template-columns: auto auto; grid-gap: 0px; max-width: 48vw; align-items: center; }
.stat-div h5 { font-size: 56px; color: white; font-weight: 800; }
.stat-div h5 span { font-size: 60%; }
@media only screen and (max-width:800px) {
.tablet-reading-container { grid-template-columns: 1fr; align-items: end; }
.tablet-reading-div { display: grid; align-items: end; height: calc(150vw); }
.tablet-reading-div .fall-victim-div { padding: 5vw; }
.stat-div { max-width: 90vw; grid-gap: 20px; }
}