@font-face{font-family:OpticianSans;src:url('/includes/fonts/Optician-Sans.otf') format('opentype');}
html,body{color:#333;font-family:Roboto,sans-serif;}
body{background-color:#fff;}
a{color:#170134;text-decoration:none;}
a:hover{color:#170134;text-decoration:underline;}
footer,footer a,footer a:hover,header a,header a:hover{color:#170134;}
footer{font-size:0.8125rem;}
footer a{text-decoration:underline;}
h1,h2,h3,h4,h5{color:#1a0d40;font-family:'Roboto Condensed',sans-serif;font-weight:700;}
header{font-family:'Roboto Condensed',sans-serif;font-size:0.875rem;font-weight:700;letter-spacing:0.5px;text-transform:uppercase;}
header img{height:auto;margin-bottom:6px;max-width:190px;width:100%;}
main + div h2{border-bottom:1px solid #dee2e6;font-size:22px;text-transform:uppercase;}
main + div .photos img{width:100%;}
main + div .photosholder ul{margin:0;padding:0;}
main + div .photosholder ul li{background-color:#1a0d40;display:inline-block;height:100px;list-style-type:none;margin:0 3px 3px 0;overflow:hidden;position:relative;text-align:center;width:160px;}
main + div .photosholder ul li img{height:100%;margin:auto;vertical-align:middle;width:auto;}
nav{font-size:1.125rem;}
nav a.on{color:#7e7c82;}
nav .list-inline-item:not(:last-child){margin-right:0.75rem;}
strong{font-weight:500;}
.altcha{margin:0 0 1rem;}
.anim{opacity:0;transform:translateY(50px);transition:all 0.5s ease-in-out;will-change:transform;}
.anim.anim-done{opacity:1;transform:translate(0,0);}
.bg-secondary a{color:#fff;text-decoration:underline;}
.btn{box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.125);font-weight:500;letter-spacing:0.25px;padding:0.625rem 1.5rem;}
.btn:hover{border-color:#888;box-shadow:0 0.125rem 0.25rem rgba(0,0,0,0.5);}
.btn.shadow-sm:hover{box-shadow:0 0.125rem 0.25rem rgb(0 0 0 / 40%) !important;}
.btn-primary{background-color:#1e0046;border-color:#1e0046;text-transform:uppercase;}
.btn-primary:hover{background-color:#1e0046;border-color:#1e0046;}
.carousel img{height:107px;}
.carousel-indicators{margin-bottom:2px;}
.carousel-indicators li{background-color:#000;}
.ccheck{border:1px solid #cabca4;border-radius:100%;display:inline-block;height:22px;margin-top:6px;position:relative;width:22px;}
.ccheck:after{border-color:#fff;border-style:solid;border-width:0 3px 3px 0;content:"";display:none;height:12px;left:7px;position:absolute;top:3px;transform:rotate(40deg);width:6px;}
.ccheck-container input:checked ~ .ccheck:after{display:block;}
.ccheck-container input:checked ~ .ccheck{background-color:#04a63a;}
.counters{color:#ffde6e;height:225px;}
.counters h4{color:#fff;margin:12px 0 8px;}
.counters .callout{letter-spacing:0.5px;line-height:24px;margin:0 0 8px;width:calc(100% - 1em);}
.counters .callout > div{vertical-align:middle;}
.counters .callout > div:last-of-type{max-width:235px;width:100%;}
.counters .callout .odometer{font-size:20px;min-width:105px;padding:0 12px 5px 0;text-align:right;}
svg.emoji-sparkles{height:1em;margin-right:0.25em;}
svg.emoji-sparkles path{fill:#ffe54c;}
.eyechartholder{font-family:OpticianSans,sans-serif;font-size:11px;hyphens:auto;line-height:11px;text-align:center;}
.eyechartholder h2{font-family:OpticianSans,sans-serif;line-height:0.95;}
.eyechartholder h4{font-size:1.125rem;margin-bottom:0.25em;}
.eyechartholder img{margin-bottom:0.5rem;height:20px;}
.eyechartholder ul{margin-bottom:0.25em;}
.eyechartholder > div{overflow:hidden;position:relative;}
.eyechartholder > div:first-of-type img{height:100px;}
.eyechartholder > div:nth-of-type(2) img{height:40px;}
.eyechartholder > div:nth-of-type(3) img{height:30px;}
.eyechartholder > div:nth-of-type(4) img{height:25px;}
.eyechartholder > div > div:first-of-type{background-color:#ffffffdd;border:1px solid #ccc;bottom:0;color:#222;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;left:-100%;line-height:normal;overflow:scroll;padding:0.5rem;position:absolute;right:100%;text-align:left;top:0;}
.eyechartholder > div > div:first-of-type p{margin-bottom:0.5rem;}
.eyechartholder > div:nth-of-type(5) > div > div,.eyechartholder > div:last-of-type > div > div{width:125px;}
.eyechartholder > div > div:last-of-type{color:#e4acc6;cursor:pointer;}
.eyechartholder > div > div:last-of-type > div:first-of-type,.eyechartholder > div > div:last-of-type > div:last-of-type{color:#333;font-size:18px;line-height:11px;width:30px;}
.magnifying_glass{background-repeat:no-repeat;box-shadow:0 0 0 7px rgba(255,255,255,0.85),0 0 7px 7px rgba(0,0,0,0.25),inset 0 0 40px 2px rgba(0,0,0,0.25);cursor:crosshair;border-radius:50%;display:none;height:150px;position:absolute;width:150px;}
.mainimageslides{cursor:move;height:225px;width:660px;}
.odometer.odometer-auto-theme .odometer-digit{border:1px solid #444;}
.rotatorscroll{animation:rotatorscroll 12s linear infinite;}
.sticky-offset{top:91px;z-index:1019;}
.text-black{color:#000 !important;}
@keyframes rotatorscroll{
  0%{transform:translateY(0);}
  5%{transform:translateY(0);}
  90%{transform:translateY(-632px);}
  95%{transform:translateY(-632px);}
}
@media (min-width:576px){
  .carousel img{height:225px;}
  .eyechartholder{font-size:12px;line-height:12px;}
  .img-float{width:40%;}
}
@media (min-width:768px){
  .eyechartholder{font-size:13px;line-height:13px;}
}
@media (min-width:992px){
  header img{max-width:272px;}
  nav .list-inline-item:not(:last-child){margin-right:2rem;}
  .eyechartholder{font-size:14px;line-height:14px;}
  .eyechartholder h2{font-size:3.5rem;line-height:0.825;}
  .eyechartholder img{height:40px;}
  .eyechartholder > div:first-of-type img{height:200px;}
  .eyechartholder > div:nth-of-type(2) img{height:80px;}
  .eyechartholder > div:nth-of-type(3) img{height:60px;}
  .eyechartholder > div:nth-of-type(4) img{height:50px;}
}