.irs-min,
.irs-max,
.irs-single {
  background: none !important;
  display: none !important;
}
.page.questionnaire {
  position: absolute;
  top: 100px;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #ffffff;
  color: #0d1a45;
}
.page.questionnaire .font_large {
  font-size: 2.2em !important;
}
.page.questionnaire .font_medium {
  font-size: 1.8em !important;
}
.page.questionnaire .font_small {
  font-size: 1.2em !important;
}
.page.questionnaire .font_tiny {
  font-size: 1em !important;
}
.page.questionnaire .section.white {
  background-color: #fff;
  width: 100%;
  padding: 50px 0;
}
.page.questionnaire .questionnaire_container {
  position: absolute;
  top: 0;
  bottom: 0px;
  left: 0;
  right: 0;
  overflow-y: scroll;
  padding-top: 100px;
  background-color: #fff;
}
.page.questionnaire .questionnaire_container .top {
  position: fixed;
  top: 160px;
  left: 0;
  right: 0;
  height: 60px;
  z-index: 900;
  background: -moz-linear-gradient(top,#eaf1f6 0%,rgba(125,185,232,0) 100%);
  background: -webkit-linear-gradient(top,#eaf1f6 0%,rgba(125,185,232,0) 100%);
  background: linear-gradient(to bottom,#eaf1f6 0%,rgba(125,185,232,0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaf1f6',endColorstr='#007db9e8',GradientType=0);
}
.page.questionnaire .questionnaire_container .top_disclaimer {
  position: fixed;
  top: 170px;
  right: 40px;
  font-size: 1em;
  color: #0d1a45;
  z-index: 1000;
  font-weight: 500;
  font-style: italic;
}
.page.questionnaire .questionnaire_container .bottom {
  position: fixed;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 60px;
  z-index: 2000;
  background: -moz-linear-gradient(top,rgba(125,185,232,0) 0%,#eaf1f6 100%);
  background: -webkit-linear-gradient(top,rgba(125,185,232,0) 0%,#eaf1f6 100%);
  background: linear-gradient(to bottom,rgba(125,185,232,0) 0%,#eaf1f6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8',endColorstr='#eaf1f6',GradientType=0);
}
.page.questionnaire .questionnaire_container sup {
  font-size: 0.5em;
  padding-left: 2px;
}
.page.questionnaire .questionnaire_container .question {
  opacity: 0.5;
}
.page.questionnaire .questionnaire_container .question,
.page.questionnaire .questionnaire_container .question_outer {
  max-width: 1020px;
  margin: 35px auto;
  position: relative;
}
.page.questionnaire .questionnaire_container .question > *,
.page.questionnaire .questionnaire_container .question_outer > * {
  z-index: 100;
  position: relative;
}
.page.questionnaire .questionnaire_container .question.disabled,
.page.questionnaire .questionnaire_container .question_outer.disabled {
  opacity: 0.5;
}
.page.questionnaire .questionnaire_container .question.active,
.page.questionnaire .questionnaire_container .question:hover,
.page.questionnaire .questionnaire_container .question_outer.active,
.page.questionnaire .questionnaire_container .question_outer:hover {
  opacity: 1;
  position: relative;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.page.questionnaire .questionnaire_container .question.forced-visible,
.page.questionnaire .questionnaire_container .question_outer.forced-visible {
  opacity: 1 !important;
}
.page.questionnaire .questionnaire_container .question h3,
.page.questionnaire .questionnaire_container .question label:not(.button):not(.checkbox),
.page.questionnaire .questionnaire_container .question_outer h3,
.page.questionnaire .questionnaire_container .question_outer label:not(.button):not(.checkbox) {
  font-size: 2.2em;
  margin: 20px 10px 20px 0;
  font-weight: 100;
}
.page.questionnaire .questionnaire_container .question > div,
.page.questionnaire .questionnaire_container .question_outer > div {
  padding-left: 10px;
}
.page.questionnaire .questionnaire_container .question input[type=text],
.page.questionnaire .questionnaire_container .question_outer input[type=text] {
  background-color: transparent;
  border: none;
  border-left: 4px solid #b4c6da;
  font-size: 2.2em;
  line-height: 1em;
  padding-left: 10px;
  outline: none;
  color: #0d1a45;
}
.page.questionnaire .questionnaire_container .question input[type=text]:active,
.page.questionnaire .questionnaire_container .question input[type=text]:focus,
.page.questionnaire .questionnaire_container .question_outer input[type=text]:active,
.page.questionnaire .questionnaire_container .question_outer input[type=text]:focus {
  background-color: #fff !important;
}
.page.questionnaire .questionnaire_container .question input[type=checkbox],
.page.questionnaire .questionnaire_container .question_outer input[type=checkbox] {
  display: inline-block;
  padding-right: 20px;
  outline: none;
}
.page.questionnaire .questionnaire_container .question label.checkbox,
.page.questionnaire .questionnaire_container .question_outer label.checkbox {
  display: inline-block;
  font-size: 2.2em;
}
.page.questionnaire .questionnaire_container .question .checkboxes .spaced,
.page.questionnaire .questionnaire_container .question_outer .checkboxes .spaced {
  margin: 1em 0;
  display: block;
}
.page.questionnaire .questionnaire_container .question .select2,
.page.questionnaire .questionnaire_container .question_outer .select2 {
  min-width: 300px;
  box-shadow: 0 0 15px -1px #0000003d;
  outline: none;
  width: 183px;
  margin: 10px 0;
}
.page.questionnaire .questionnaire_container .question .select2-selection__rendered,
.page.questionnaire .questionnaire_container .question_outer .select2-selection__rendered {
  line-height: 36px !important;
  color: #004990;
  font-style: italic;
  padding-left: 20px;
}
.page.questionnaire .questionnaire_container .question .select2-container .select2-selection--single,
.page.questionnaire .questionnaire_container .question_outer .select2-container .select2-selection--single {
  height: 35px !important;
}
.page.questionnaire .questionnaire_container .question .select2-selection__arrow,
.page.questionnaire .questionnaire_container .question_outer .select2-selection__arrow {
  height: 34px !important;
}
.page.questionnaire .questionnaire_container .question span.select2-selection.select2-selection--single,
.page.questionnaire .questionnaire_container .question_outer span.select2-selection.select2-selection--single {
  outline: none;
  border: none;
  border-radius: 6px;
}
.page.questionnaire .questionnaire_container .question .select2-selection__arrow b,
.page.questionnaire .questionnaire_container .question_outer .select2-selection__arrow b {
  margin-left: -12px;
  margin-top: -2px;
}
.page.questionnaire .questionnaire_container .question p.note,
.page.questionnaire .questionnaire_container .question_outer p.note {
  background-color: #fff;
  color: #0d1a45;
  padding: 0.4em 0.8em;
  margin: 10px;
  margin-left: -10px;
  border: 1px solid #aec7db;
  border-radius: 5.5px;
  display: inline-block;
  font-size: 16px;
}
.page.questionnaire .questionnaire_container .question p.note.hidden,
.page.questionnaire .questionnaire_container .question_outer p.note.hidden {
  display: none;
}
.page.questionnaire .questionnaire_container .question .promotion_note,
.page.questionnaire .questionnaire_container .question_outer .promotion_note {
  margin-left: 0px !important;
}
.page.questionnaire .questionnaire_container .question .question_frame_price_note,
.page.questionnaire .questionnaire_container .question_outer .question_frame_price_note {
  display: none;
}
.page.questionnaire .questionnaire_container .question .buttons input,
.page.questionnaire .questionnaire_container .question_outer .buttons input {
  position: absolute;
  left: -9999px;
}
.page.questionnaire .questionnaire_container .question .buttons input:checked + .button,
.page.questionnaire .questionnaire_container .question_outer .buttons input:checked + .button {
  background-color: #00b3b7;
  color: #fff;
}
.page.questionnaire .questionnaire_container .question .buttons input:disabled + .button,
.page.questionnaire .questionnaire_container .question_outer .buttons input:disabled + .button {
  background-color: #bfbfbf;
  color: #5d5b5b;
  border-color: #a2a2a2;
}
.page.questionnaire .questionnaire_container .question .buttons.show_marker input:checked + .button:after,
.page.questionnaire .questionnaire_container .question_outer .buttons.show_marker input:checked + .button:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  width: 0;
  height: 0;
  border-top: 14px solid #636363;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  margin-left: -5px;
  margin-top: -1px;
}
.page.questionnaire .questionnaire_container .question .buttons .button,
.page.questionnaire .questionnaire_container .question_outer .buttons .button {
  display: inline-block;
  position: relative;
  padding: 10px;
  margin: 0 7px;
  background-color: #caf1f1;
  font-size: 1.7em;
  border-radius: 7px;
  border: 2px solid #b1b4c3;
  color: #adb0bf;
  cursor: pointer;
  margin: 1%;
}
.page.questionnaire .questionnaire_container .question .buttons .button.hidden,
.page.questionnaire .questionnaire_container .question_outer .buttons .button.hidden {
  display: none !important;
}
.page.questionnaire .questionnaire_container .question .buttons .button.rayban,
.page.questionnaire .questionnaire_container .question_outer .buttons .button.rayban {
  background-color: #b62531 !important;
  background-image: url(../../page_questionnaire/images/new_table/rayban.jpg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.page.questionnaire .questionnaire_container .question .buttons.white_background .button,
.page.questionnaire .questionnaire_container .question_outer .buttons.white_background .button {
  background-color: #fff;
}
.page.questionnaire .questionnaire_container .question .buttons.buttons_spacing_bottom .button,
.page.questionnaire .questionnaire_container .question_outer .buttons.buttons_spacing_bottom .button {
  margin-bottom: 70px;
}
.page.questionnaire .questionnaire_container .question .buttons.middle-align .button,
.page.questionnaire .questionnaire_container .question_outer .buttons.middle-align .button {
  min-height: 70px;
  font-size: 1.2em;
  vertical-align: middle;
  text-align: center;
}
.page.questionnaire .questionnaire_container .question .buttons.middle-align .button .spacer,
.page.questionnaire .questionnaire_container .question_outer .buttons.middle-align .button .spacer {
  height: 0.5em;
}
.page.questionnaire .questionnaire_container .question .buttons.quarters .button,
.page.questionnaire .questionnaire_container .question_outer .buttons.quarters .button {
  width: 20%;
  box-sizing: content-box;
}
.page.questionnaire .questionnaire_container .question .buttons.spacing_above_below .button,
.page.questionnaire .questionnaire_container .question_outer .buttons.spacing_above_below .button {
  margin-top: 50px;
  margin-bottom: 50px;
}
.page.questionnaire .questionnaire_container .question .lens_features img,
.page.questionnaire .questionnaire_container .question_outer .lens_features img {
  width: 95%;
  height: auto;
  display: block;
  margin: -20px auto 20px auto;
  padding: 0;
  box-sizing: border-box;
}
.page.questionnaire .questionnaire_container .question .protect_plus_demo div,
.page.questionnaire .questionnaire_container .question_outer .protect_plus_demo div {
  display: block;
}
.page.questionnaire .questionnaire_container .question .protect_plus_demo div p,
.page.questionnaire .questionnaire_container .question_outer .protect_plus_demo div p {
  margin: 20px 0;
}
.page.questionnaire .questionnaire_container .question .protect_plus_demo div img,
.page.questionnaire .questionnaire_container .question_outer .protect_plus_demo div img {
  width: 100%;
}
.page.questionnaire .questionnaire_container .question .section1,
.page.questionnaire .questionnaire_container .question .section2,
.page.questionnaire .questionnaire_container .question .section3,
.page.questionnaire .questionnaire_container .question_outer .section1,
.page.questionnaire .questionnaire_container .question_outer .section2,
.page.questionnaire .questionnaire_container .question_outer .section3 {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
}
.page.questionnaire .questionnaire_container .question .section1,
.page.questionnaire .questionnaire_container .question_outer .section1 {
  width: 55%;
}
.page.questionnaire .questionnaire_container .question .section2,
.page.questionnaire .questionnaire_container .question_outer .section2 {
  width: 20%;
  text-align: center;
}
.page.questionnaire .questionnaire_container .question .section2 label,
.page.questionnaire .questionnaire_container .question_outer .section2 label {
  padding-left: 1em !important;
}
.page.questionnaire .questionnaire_container .question .section2 img,
.page.questionnaire .questionnaire_container .question .section3 img,
.page.questionnaire .questionnaire_container .question_outer .section2 img,
.page.questionnaire .questionnaire_container .question_outer .section3 img {
  width: 50px;
  margin: 0px auto;
  padding-right: 10px;
}
.page.questionnaire .questionnaire_container .question .section3,
.page.questionnaire .questionnaire_container .question_outer .section3 {
  width: 15%;
  text-align: left;
  text-align: right;
}
.page.questionnaire .questionnaire_container .question .section3 a,
.page.questionnaire .questionnaire_container .question_outer .section3 a {
  display: inline-block;
}
.page.questionnaire .questionnaire_container .question a.button,
.page.questionnaire .questionnaire_container .question_outer a.button {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  padding: 10px;
  margin: 0 7px;
  background-color: #fff;
  font-size: 2.2em;
  border-radius: 7px;
  border: 2px solid #0d1a45;
  color: #0d1a45;
}
.page.questionnaire .questionnaire_container .question .grid.protect_plus_demo p,
.page.questionnaire .questionnaire_container .question_outer .grid.protect_plus_demo p {
  margin: 0 auto 10px auto !important;
}
.page.questionnaire .questionnaire_container .question .grid.protect_plus_demo [class*="col-"],
.page.questionnaire .questionnaire_container .question_outer .grid.protect_plus_demo [class*="col-"] {
  padding: 5px;
}
.page.questionnaire .questionnaire_container .question .protect_plus_disclaimer,
.page.questionnaire .questionnaire_container .question_outer .protect_plus_disclaimer {
  margin: 0 auto !important;
  padding: 0;
  display: block;
  text-align: center;
}
.page.questionnaire .questionnaire_container .headings_container {
  min-height: 62px;
  z-index: 1000;
}
.page.questionnaire .questionnaire_container .full_width {
  width: 100%;
}
.page.questionnaire .questionnaire_container .headings {
  position: relative;
  display: flex;
  width: 100%;
  z-index: 1000;
}
.page.questionnaire .questionnaire_container .headings.fixed {
  position: fixed;
  top: 100px;
}
.page.questionnaire .questionnaire_container .headings .item {
  flex-basis: 100%;
  text-align: center;
  background-color: #fff;
  color: #c6d3de;
  font-weight: 500;
  text-transform: uppercase;
  border-top: 1px solid #0d1a45;
  border-bottom: 1px solid #0d1a45;
  border-right: 1px solid #0d1a45;
  padding: 15px 0;
}
.page.questionnaire .questionnaire_container .headings .item.done {
  background-color: #b9b9cb;
  color: #fff;
}
.page.questionnaire .questionnaire_container .headings .item.active {
  background-color: #0d1a45;
  color: #fff;
}
.page.questionnaire .questionnaire_container .headings .item:last-child {
  border-right: none;
}
.page.questionnaire .loading {
  background-color: #f2f6fa;
  text-align: center;
  position: relative;
  height: 90vh;
  display: none;
}
.page.questionnaire .loading .grid {
  height: 100%;
}
.page.questionnaire .loading h2 {
  text-align: center;
  font-weight: 100;
  font-size: 2.7em;
}
.page.questionnaire .loading h3 {
  font-size: 1.3em;
  font-weight: 100;
  text-align: center;
}
.page.questionnaire .loading img {
  display: block;
  margin: 2px auto 20px auto;
  display: none;
}
.page.questionnaire .results {
  background-color: #fff;
  display: none;
  min-height: 100vh;
}
.page.questionnaire .results p,
.page.questionnaire .results li {
  font-size: 2.2em;
  line-height: 1.5em;
}
.page.questionnaire .results li {
  margin-left: 1em;
}
.page.questionnaire .results .advisory {
  background-color: #89bef2;
  color: #0d1a45;
  padding: 1em 2em;
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.page.questionnaire .results .question {
  opacity: 1 !important;
}
.page.questionnaire .results .results-total {
  position: absolute;
  bottom: 5%;
  left: -220px;
  padding: 10px 10px 10px 160px;
  font-size: 1.8em;
  background-color: #00b2ab;
  color: #fff;
}
.page.questionnaire .results .results-total span {
  padding-left: 40px;
}
.page.questionnaire .results .results-section-told-us .inside {
  background-color: #00b2ab;
  color: #fff;
  padding: 10px;
}
.page.questionnaire .results .results-section-told-us .inside ul {
  padding-left: 10px;
}
.page.questionnaire .results .results-section-told-us .inside ul li {
  font-size: 1em !important;
}
.page.questionnaire .results .button {
  display: inline-block !important;
  margin-bottom: 20px !important;
  font-size: 1.7em !important;
  padding: 10px 20px !important;
  white-space: nowrap;
  width: auto !important;
  font-size: 1.8em;
}
.page.questionnaire .results .button .large {
  width: 100% !important;
}
.page.questionnaire .results .results_cost_breakdown {
  display: none;
  position: absolute;
  top: 10%;
  right: -140px;
  width: 260px;
  padding: 20px 40px;
  box-sizing: content-box;
  opacity: 0.2;
  background-color: #00b2ab;
  color: #0d1a45;
}
.page.questionnaire .results .results_cost_breakdown:hover {
  opacity: 1;
}
.page.questionnaire .results .results_cost_breakdown h5 {
  text-align: center;
  padding-bottom: 10px;
}
.page.questionnaire .results .results_cost_breakdown span {
  font-weight: 500;
}
.page.questionnaire .results .results_cost_breakdown ul {
  padding-left: 20px;
}
.page.questionnaire .results table {
  background-color: #00b2ab;
  padding: 20px;
  color: #fff;
}
.page.questionnaire .results table tr td:nth-child(1) {
  min-width: 270px;
}
.page.questionnaire .results table tr th {
  padding-top: 10px;
  margin-bottom: 5px;
}
.page.questionnaire .results table tr td {
  text-align: left;
  padding-bottom: 7px;
  padding-top: 5px;
}
.page.questionnaire .recommended {
  font-weight: bold;
}
.page.questionnaire .recommended.above {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  text-align: center;
  color: #0d1a45;
}
.page.questionnaire .subnote {
  font-weight: normal;
  position: absolute;
  top: 110%;
  left: -2%;
  right: -2%;
  text-align: center;
  color: #0d1a45;
  font-size: 0.6em;
  font-weight: 100;
  padding-top: 5px;
  line-height: 1.8em;
  vertical-align: top;
  padding: 3px 1em 2px 1em;
}
.page.questionnaire .popup-icon-1 {
  position: absolute !important;
  top: -10px;
  right: 10px;
}
.page.questionnaire .popup-icon-1 img {
  width: 60px;
  height: auto;
}
.page.questionnaire .popup-icon-2 {
  position: absolute !important;
  top: 10px;
  right: 10px;
}
.page.questionnaire .popup-icon-2 img {
  width: 30px;
  height: auto;
}
.page.questionnaire .popup-icon-3 {
  position: absolute !important;
  top: 30px;
  right: 10px;
}
.page.questionnaire .popup-icon-3 img {
  width: 60px;
  height: auto;
}
.page.questionnaire .question_btp {
  margin-top: 70px !important;
}
.page.questionnaire #appearance_bpt_recommended {
  text-align: left;
  padding-left: 100px;
}
.page.questionnaire .action-change-boots-protect-plus {
  cursor: pointer;
  padding-bottom: 7px !important;
}
.page.questionnaire .action-change-boots-protect-plus.active {
  border-bottom: 2px dashed #22b1ab;
}
.page.questionnaire .question.promotion .select2 {
  margin: 0;
  margin-top: 2px;
}
.page.questionnaire .floating_price {
  position: fixed;
  bottom: 10px;
  right: 10px;
  background-color: #fff;
  border: 2px solid #0d1a45;
  border-radius: 6px;
  font-size: 1.5em;
  padding: 5px;
  margin: 10px 20px;
  z-index: 100000;
}
.page.questionnaire .results-promotion {
  display: none;
}
.page.questionnaire .results-promotion .promotion-boxes {
  margin-top: 20px;
}
.page.questionnaire .results-promotion .promotion-boxes .promotion-box {
  width: 170px;
  height: 170px;
  display: inline-block;
  background-color: #22b1ab;
  text-align: center;
  color: #fff;
  position: relative;
  margin-right: 10px;
}
.page.questionnaire .results-promotion .promotion-boxes .promotion-box p.applied {
  position: absolute;
  top: -27px;
  left: 0;
  font-weight: bold;
  right: 0;
  color: #0c1945;
  text-align: center;
  font-size: 1em;
  display: none;
}
.page.questionnaire .results-promotion .promotion-boxes .promotion-box p.amount {
  padding-top: 33%;
}
.page.questionnaire .results-promotion .promotion-boxes .promotion-box.active > .applied {
  display: block !important;
}
.page.questionnaire .results-promotion .promotion-boxes .promotion-box p.reason {
  position: absolute;
  bottom: 5px;
  left: 0;
  font-weight: normal;
  right: 0;
  color: #fff;
  text-align: center;
  font-size: 12px;
  display: none;
}
.page.questionnaire .results-promotion .promotion-coupon {
  margin-top: 30px;
}
.page.questionnaire .results-promotion .promotion-coupon.active {
  display: block;
}
.page.questionnaire .results-promotion .promotion-coupon .custom-voucher-value {
  border-radius: 7px;
  border: 2px solid #0d1a45 !important;
  color: #0d1a45;
  width: 100%;
  text-align: right;
  padding-right: 10px;
  font-size: 1.8em !important;
}
.page.questionnaire .results-promotion .promotion-coupon a.custom-voucher-type {
  padding: 0 !important;
  font-size: 1.8em !important;
  width: 1.1em !important;
  display: inline-block;
  margin: 0 !important;
}
.page.questionnaire .results-promotion .promotion-coupon a.custom-voucher-type:first-child {
  margin-left: 10px !important;
}
.page.questionnaire .results-promotion .promotion-coupon a.custom-voucher-type.selected {
  background-color: #0d1a45;
  color: #fff;
}
.page.questionnaire .results-promotion .promotion-coupon .action-custom-voucher-type {
  font-size: 1em !important;
  padding: 8px 10px !important;
  background-color: #22b1ab;
  color: #fff;
  border: 0;
  border-radius: 0;
}
.page.questionnaire .results-promotion .promotion-description {
  margin-top: 20px;
}
.page.questionnaire .results-promotion .promotion-description p {
  font-size: 1em;
}
.page.questionnaire .glasses_cover_terms {
  padding-left: 54px;
  padding-top: 10px;
  font-size: 0.8em !important;
}
.page.questionnaire .subquestion label {
  display: inline-block;
}
.page.questionnaire .subquestion label,
.page.questionnaire .subquestion input {
  font-size: 1em !important;
}
.page.questionnaire .uvprotection {
  padding: 1em;
  border: 3px solid #0d3e8a;
  border-radius: 5px;
}
.page.questionnaire .uvprotection h5 {
  font-size: 1em;
  text-align: center;
  color: #0d3e8a;
  margin-bottom: 0.5em;
}
::placeholder {
  color: #cedff3;
}
:-ms-input-placeholder {
  color: #cedff3;
}
::-ms-input-placeholder {
  color: #cedff3;
  opacity: 1;
}
#printout {
  display: none;
}
.select2-results__option[aria-disabled=true] {
  color: #999;
  display: none;
}
.lens_appearance {
  width: 100%;
}
.lens_appearance td {
  width: 20%;
  position: relative;
}
.lens_appearance td:nth-child(1) {
  width: 30%;
}
.lens_appearance thead tr {
  height: 85px;
}
.lens_appearance thead tr td {
  text-align: center;
}
.lens_appearance thead label {
  color: #0c255e;
  padding: 5px 20px;
  font-weight: bold;
  border: 2px solid #eee;
  border-radius: 5px;
  font-size: 0.8em !important;
  position: relative;
  cursor: pointer;
}
.lens_appearance thead label.active {
  background-color: #0e1b44;
  color: #fff;
}
.lens_appearance thead label .popup-icon-1 {
  top: -15px !important;
  right: -32px !important;
}
.lens_appearance thead label .popup-icon-1 img {
  width: 45px !important;
}
.lens_appearance tbody img.icon {
  height: 50px;
  display: block;
  margin: 0 auto 10px auto;
}
.lens_appearance tbody span {
  text-align: center;
  color: #979aa4;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 0.8em;
}
.lens_appearance tbody tr td:nth-child(2) {
  background-color: #92e3e3;
}
.lens_appearance tbody tr td.include_tick {
  background-image: url(../../page_questionnaire/images/lens_appearance/tick.png);
  background-size: 30px;
  background-position: center;
  background-repeat: no-repeat;
}
.lens_appearance tbody tr td:nth-child(3) {
  background-color: #97e3e4;
}
.lens_appearance tbody tr td:nth-child(4) {
  background-color: #59d5d6;
}
.rayban_transitions {
  height: 35px;
  width: auto;
  top: 3px;
  position: relative;
}
.popup_rayban_action_cell {
  overflow: visible !important;
}
.popup_rayban_action_cell img {
  width: auto;
  height: 50px;
  margin-right: auto;
  display: block;
  bottom: 10px;
  position: relative;
  overflow: visible;
}
.new_lens_table {
  width: 100%;
}
.new_lens_table.rayban td {
  width: auto !important;
}
.new_lens_table.rayban td label {
  margin-left: 20px;
  font-size: 1em !important;
  font-weight: 500 !important;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #0d3e8a;
  position: relative;
  cursor: pointer;
}
.new_lens_table.rayban td label.white {
  color: #fff;
  font-weight: 500 !important;
}
.new_lens_table.rayban td input:checked ~ label {
  font-weight: 900 !important;
}
.new_lens_table.rayban td:first-child {
  text-align: left;
  padding-left: 60px;
}
.new_lens_table.rayban tr td {
  width: auto !important;
}
.new_lens_table.rayban th:not(:nth-child(1)):not(.space) {
  width: auto;
}
.new_lens_table.varifocal td:nth-child(2) {
  width: 18% !important;
}
.new_lens_table tr {
  min-height: 50px;
}
.new_lens_table tr td:nth-child(1),
.new_lens_table tr th:nth-child(1) {
  width: auto;
  overflow: hidden;
}
.new_lens_table tr th {
  font-width: bold;
}
.new_lens_table tr th img.action_varifocal_demo {
  height: 50px !important;
  width: auto !important;
}
.new_lens_table tr th span {
  font-size: 0.8em;
  font-width: normal;
  display: block;
  margin-top: 4px;
  text-transform: none;
  margin-bottom: 4px;
}
.new_lens_table tr td {
  width: 8%;
  height: 90px;
  text-align: center;
  vertical-align: center;
  color: #fff;
  font-size: 20px;
  position: relative;
}
.new_lens_table tr td:first-child {
  border-radius: 50px 0 0 50px;
  text-align: center;
}
.new_lens_table tr td .dot {
  position: relative;
  display: inline-block;
  height: 100%;
}
.new_lens_table tr td .dot::before {
  content: '';
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 14px;
  height: 14px;
  background-color: #fff;
  border-radius: 50%;
}
.new_lens_table tr td input {
  display: none;
}
.new_lens_table tr td input:checked + div label {
  text-shadow: 0 0 12px rgba(255,255,255,0.1);
  text-indent: 10px;
}
.new_lens_table tr td div {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  z-index: 10;
  display: flex;
  flex-direction: row;
  align-content: center;
  align-items: center;
}
.new_lens_table tr td div img.icon {
  height: auto;
  width: 100px;
}
.new_lens_table tr td div img.logo {
  z-index: 1000;
  position: relative;
  width: 120px;
  height: auto;
  padding-left: 2em;
}
.new_lens_table tr td div img.logo_full {
  z-index: 1000;
  position: relative;
  width: 100%;
  height: auto;
  padding-left: 2em;
}
.new_lens_table tr td div label {
  display: inline-block;
  margin: 0 0 0 1em !important;
  font-weight: bolder !important;
  font-size: 1em !important;
  width: 40%;
  cursor: pointer;
}
.new_lens_table tr td div label:hover {
  font-weight: bolder !important;
}
.new_lens_table tr td div label.bold {
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #0d3e8a;
}
.new_lens_table tr td div label.noicon {
  margin-right: 100px !important;
}
.new_lens_table tr td div .info img {
  width: 20px;
  height: auto;
}
.new_lens_table tr td div span.info_icon_spacer {
  width: 20px;
}
.new_lens_table tr td div span.price {
  margin-left: 0.5em;
}
.new_lens_table tr td label {
  margin: 0;
}
.new_lens_table tr td img.fov {
  z-index: 1000;
  position: relative;
  width: 100px;
}
.new_lens_table tr td.space,
.new_lens_table tr th.space {
  width: 10px !important;
}
.new_lens_table tr td.space.empty,
.new_lens_table tr th.space.empty {
  background-color: #fff !important;
}
.new_lens_table tr td.top_clear:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #005eac;
  z-index: 0;
}
.new_lens_table tr td.top_clear_extend_left:before {
  left: 10px !important;
}
.new_lens_table tr td.top_enhanced:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #6fc5cc;
  z-index: 0;
}
.new_lens_table tr td.top_cut_left:before {
  border-radius: 50px 0 0 50px;
  overflow: hidden;
}
.new_lens_table tr td.top_cut_right:before {
  border-radius: 0 50px 50px 0;
}
.new_lens_table tr td.bottom_blank {
  background-color: #d7edf0;
}
.new_lens_table tr td.bottom_cut_right {
  border-radius: 0 50px 50px 0;
}
.new_lens_table tr td.bottom_cut_bottom {
  border-radius: 0 0 50px 50px;
}
.new_lens_table tr th:not(:nth-child(1)):not(.space) {
  background-color: #d7edf0;
  border-radius: 50px 50px 0 0;
  text-align: center;
  padding-bottom: 0px;
  color: #0c255e;
  font-size: 10px;
  padding: 28px 0 9px 0;
  text-transform: uppercase;
  font-weight: 900;
  vertical-align: top;
}
.new_lens_table tr th:not(:nth-child(1)):not(.space):not(.no_width_restriction) {
  width: 80px;
}
.new_lens_table tr.space {
  height: 10px;
}
.new_lens_table tr.space td {
  height: 10px !important;
  width: auto !important;
}
.new_lens_table tr.space td.fill {
  background-color: #d7edf0;
}
.more_lenses {
  background-color: #fff;
  border: 4px solid #0d3e8a;
  border-radius: 12px;
  padding: 10px;
  display: inline-block;
  margin-top: 1em;
}
.more_lenses .more_lenses_toggle {
  cursor: pointer;
}
.more_lenses input {
  display: none !important;
}
.more_lenses .uvblue {
  padding-left: 0 !important;
}
.more_lenses .uvblue:before,
.more_lenses .uvblue:after {
  display: none !important;
}
.more_lenses h4 {
  font-size: 1em;
  text-transform: uppercase;
}
.more_lenses input:checked + label {
  font-weight: bold;
  text-decoration: underline;
}
.more_lenses label:before,
.more_lenses label:after {
  display: none;
}
.more_lenses label {
  display: block;
  font-size: 1em !important;
  margin: 4px 4px 4px 0 !important;
  font-weight: 400 !important;
  cursor: pointer;
  padding-left: 0 !important;
}
.more_lenses label span {
  font-weight: bold !important;
  margin-right: 2em;
}
.more_lenses label .info {
  position: relative;
}
.more_lenses label .info img {
  width: 18px;
  height: auto;
  position: absolute;
  right: 0em;
  top: 0;
}
.more_lenses span.price {
  font-weight: bold;
}
.new_lens_table_terms {
  margin-top: 1em;
  font-size: 0.6em;
  font-weight: bold;
}
#start {
  height: 61px;
}
.action_top {
  border: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  padding: 3px 20px;
  margin-left: 0.6em;
  font-size: 0.6em;
  position: absolute;
}
.action_top:hover {
  background-color: #fff;
  color: #0d1a45;
}
.rayban_meta_cta {
  width: 78%;
  margin: 0 auto;
  display: block;
}
body:has(aside.active) .floating_price {
  right: 300px !important;
}
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 1.05em;
  height: 1.05em;
  border: 2px solid #004b8c;
  background: #caf1f1;
  border-radius: 4px;
}
input.large + label {
  font-size: 3em !important;
}
input.push_down + label:after,
input.push_down:checked + label:after {
  top: 35px !important;
}
input.push_down + label:before {
  top: 30px !important;
}
input.push_down + label:after {
  top: 35px !important;
}
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .15em;
  left: .22em;
  font-size: 1em;
  line-height: 0.8;
  color: #0d1a45;
  transition: all .2s;
  font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 2px solid #0d1a45;
}
[type="checkbox"].right + label {
  padding-left: 0;
  padding-right: 1.95em;
}
[type="checkbox"].right + label:before {
  left: auto !important;
  right: 0;
}
[type="checkbox"].right + label:after {
  left: auto !important;
  right: .22em;
}
.page.questionnaire .section_enhance_and_personalise .top_buttons .button {
  font-size: 1.8em !important;
  line-height: 72px !important;
  margin: 0 auto !important;
}
.page.questionnaire input[type=range] {
  -webkit-appearance: none;
  display: block;
  margin: 0;
  width: 100%;
  background: transparent;
  outline: none;
  position: relative;
}
.page.questionnaire input[type=range]::-webkit-slider-runnable-track {
  -webkit-appearance: none;
  width: 100%;
  height: 30px;
  color: transparent;
  background: lightgray;
  border-radius: 999px;
  border: 9px solid #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.38), 0 0 3px inset rgba(0,0,0,0.38);
  z-index: 10000;
  opacity: 0.90;
}
.page.questionnaire input[type=range]::-moz-range-track {
  -webkit-appearance: none;
  width: 100%;
  height: 30px;
  color: transparent;
  background: lightgray;
  border-radius: 999px;
  border: none;
  box-shadow: 0 0 5px rgba(0,0,0,0.38);
}
.page.questionnaire input[type=range]::-ms-track {
  -webkit-appearance: none;
  width: 100%;
  height: 30px;
  color: transparent;
  background: lightgray;
  border-radius: 999px;
  border: none;
  box-shadow: 0 0 5px rgba(0,0,0,0.38);
}
.page.questionnaire input[type=range]::-ms-fill-lower {
  display: none;
}
.page.questionnaire input[type=range]::-ms-fill-upper {
  display: none;
}
.page.questionnaire input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 28px;
  width: 28px;
  top: -8px;
  position: relative;
  border-radius: 30px;
  border: 1px solid rgba(34,255,233,0.2);
  background: #0d1a45;
  box-shadow: 0px 2px 10px -2px black(1);
}
.page.questionnaire input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 28px;
  width: 28px;
  top: -8px;
  position: relative;
  border-radius: 30px;
  border: 1px solid rgba(34,255,233,0.2);
  background: #0d1a45;
  box-shadow: 0px 2px 10px -2px black(1);
}
.page.questionnaire input[type=range]::-ms-thumb {
  -webkit-appearance: none;
  height: 28px;
  width: 28px;
  top: -8px;
  position: relative;
  border-radius: 30px;
  border: 1px solid rgba(34,255,233,0.2);
  background: #0d1a45;
  box-shadow: 0px 2px 10px -2px black(1);
}
.page.questionnaire .ticks {
  display: flex;
  justify-content: space-between;
  padding: 10px 20px;
  top: 50px;
  position: relative;
}
.page.questionnaire .tick {
  position: relative;
  display: flex;
  justify-content: center;
  width: 1px;
  background: gray;
  height: 10px;
  line-height: 50px;
  margin-bottom: 20px;
}
.page.questionnaire .tick.highlighted span {
  font-weight: 900;
  opacity: 1;
}
.page.questionnaire .tick span {
  position: absolute;
  top: -60px;
  left: -5px;
  text-align: center;
  opacity: 0.5;
}
.page.questionnaire .tick.push_label_left span {
  right: 0 !important;
  left: auto !important;
  width: 110px;
}
.page.questionnaire .tick.push_label_right span {
  left: 0 !important;
  width: 110px;
}
.page.questionnaire output {
  position: absolute;
  background-color: #0d1a45;
  width: 40px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: white;
  border-radius: 10px;
  display: inline-block;
  font-size: 1.2em;
  bottom: -52%;
  left: 0;
  z-index: 10000;
  margin-left: 0.5%;
}
.page.questionnaire output:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-bottom: 10px solid #0d1a45;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  top: -8px;
  left: 50%;
  margin-left: -5px;
  margin-top: -1px;
}
.page.questionnaire .question_reading_padding {
  margin-top: 50px !important;
}
.page_thin_interactive .irs-line {
  height: 15px !important;
  top: 35.5px !important;
}
.page_thin_interactive {
  position: relative;
  top: 20%;
  bottom: 0;
  left: 0;
  right: 0;
}
.page_thin_interactive .page_thin_container {
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 0;
  right: 0;
}
.page_thin_interactive .glasses {
  width: 36%;
  position: absolute;
  left: 32%;
  bottom: 42%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.page_thin_interactive .glasses_bridge {
  width: 1.5%;
  position: absolute;
  left: 49.25%;
  bottom: 40%;
}
.page_thin_interactive .lens_background_left {
  position: absolute;
  top: 4%;
  left: 12%;
  width: 15%;
  height: 45%;
  opacity: 0.4;
}
.page_thin_interactive .lens_background_right {
  position: absolute;
  top: 4%;
  right: 12%;
  width: 15%;
  height: 45%;
  opacity: 0.4;
}
.page_thin_interactive .lens_left_container {
  position: absolute;
  top: 4%;
  left: 12%;
  width: 15%;
  height: 45%;
}
.page_thin_interactive .lens_right_container {
  position: absolute;
  top: 4%;
  right: 12%;
  width: 15%;
  height: 45%;
}
.page_thin_interactive .lens_left {
  padding-top: 8%;
  height: 90%;
  margin: 0 auto;
  display: block;
}
.page_thin_interactive .lens_right {
  padding-top: 8%;
  height: 90%;
  margin: 0 auto;
  display: block;
}
.page_thin_interactive .face {
  position: absolute;
  left: 36%;
  width: 28%;
  height: 70%;
  top: 5%;
  background-image: url(../../page_thin_interactive/images/face_background.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.page_thin_interactive .face_glasses {
  position: absolute;
  left: 9%;
  right: 0;
  width: 84%;
  top: 14.5%;
}
.page_thin_interactive .options {
  width: 30%;
  position: absolute;
  bottom: -3%;
}
.page_thin_interactive .options.left {
  right: 78%;
}
.page_thin_interactive .options.right {
  left: 78%;
}
.page_thin_interactive .options a {
  font-size: 1em;
  color: #8e8e8e;
  font-weight: 400;
  border-radius: 30px;
  display: block;
  text-align: left;
  padding: 2px 10px;
  text-decoration: none;
  width: 52%;
  margin: 0 0 0 auto;
  border: 2px solid transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page_thin_interactive .options.right a {
  margin: 0 auto 0 0;
}
.page_thin_interactive .options.left a {
  text-align: right;
}
.page_thin_interactive .options a.active {
  border: 2px solid #0d1a45;
  background-color: #fff;
}
.page_thin_interactive .range {
  width: 45%;
  position: absolute;
  bottom: 4%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}
.page_thin_interactive .glasses_eye_left {
  position: absolute;
  left: 39.3%;
  width: 11.5%;
  top: 11.2%;
  height: 17%;
  transform: scaleX(-1);
  display: block;
  background-image: url(../../page_thin_interactive/images/eye/1.png);
  background-size: 77%;
  background-repeat: no-repeat;
  background-position: center center;
}
.page_thin_interactive .glasses_eye_right {
  position: absolute;
  left: 49.8%;
  width: 11.5%;
  top: 11.2%;
  height: 17%;
  transform: scaleX(1);
  display: block;
  background-image: url(../../page_thin_interactive/images/eye/1.png);
  background-size: 77%;
  background-repeat: no-repeat;
  background-position: center center;
}
.page_thin_interactive .thickness_left,
.page_thin_interactive .thickness_left_text {
  position: absolute;
  top: 49.1%;
  left: 9%;
  width: 20%;
  font-weight: 500;
}
.page_thin_interactive .thickness_right,
.page_thin_interactive .thickness_right_text {
  position: absolute;
  top: 49.1%;
  right: 9%;
  width: 20%;
  font-weight: 500;
}
.page_thin_interactive .thickness_left_text,
.page_thin_interactive .thickness_right_text {
  top: 52.5%;
  color: #99a4ac;
}
.page_thin_interactive .weight_left {
  position: absolute;
  top: 44%;
  left: 23%;
  width: 20%;
  font-weight: 500;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.page_thin_interactive .weight_right {
  position: absolute;
  top: 44%;
  right: 23%;
  width: 20%;
  font-weight: 500;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.page_thin_interactive {
  background: #fefefe;
}
.page_thin_interactive .irs-grid-text {
  padding-left: 8px;
  font-size: 14px;
}
.page_thin_interactive .irs-line {
  background: #d3d6da !important;
  border: none !important;
  box-shadow: 0px 1px 0px 16px #fff, 0px 0px 0px 17px #bbb, inset 1px 1px 3px rgba(255,255,255,0.16) !important;
}
.page_thin_interactive .options_heading_left {
  text-align: right;
  padding-bottom: 8px;
}
.page_thin_interactive .options_heading_right {
  text-align: left;
  padding-bottom: 8px;
}
.page_thin_interactive .range_header {
  left: 31%;
  right: 30%;
  position: absolute;
  text-align: center;
  top: 98%;
  font-size: 1em;
}
.page_thin_interactive .info {
  bottom: 30.4%;
  right: 2.4%;
  position: fixed;
  width: 2.2%;
}
.page_thin_interactive .icons {
  display: none;
}
.page_thin_interactive .icons img {
  width: 10%;
}
.page_thin_interactive span.compare {
  font-size: 0.8em;
}
.page_thin_interactive span.compare.more {
  color: #b43738;
}
.page_thin_interactive span.compare.less {
  color: #20b426;
}
.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page_thin_interactive .text_constant {
  position: absolute;
  bottom: 0.5%;
  right: 1%;
  left: 1%;
  font-size: 0.85vw;
  color: #8e8e8e;
  font-weight: 100;
}
.page_thin_interactive .irs-slider {
  top: 22px;
  width: 28px;
  height: 28px;
  border: 2px solid #0d1a45;
  background: #DDD;
  background: #ffffff;
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
  cursor: pointer;
}
.page_thin_interactive .irs-slider.single {
  top: 22px;
  width: 28px;
  height: 28px;
  border: 2px solid #0d1a45;
  background: #ffffff;
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 1px 1px 3px rgba(0,0,0,0.3);
}
.page_thin_interactive .irs-grid-text {
  bottom: 5px;
  color: #0d1a45;
}
.page_thin_interactive .irs-grid-pol {
  opacity: 0.5;
  background: #0d1a45;
}
.page_thin_interactive .irs-line {
  height: 12px !important;
  top: 31.5px !important;
  background: #ffffff !important;
  border: 2px solid #0d1a45;
  box-shadow: 0 0 16px 10px #ebebeb, 0 0 9px 10px #dedede !important;
}
.page_thin_interactive .uvright {
  padding-left: 1em;
  font-size: 0.6em;
  color: #01458b;
  vertical-align: middle;
  display: inline-block;
}
.page_thin_interactive .uvleft {
  padding-right: 1em;
  font-size: 0.6em;
  color: #01458b;
  vertical-align: middle;
  display: inline-block;
}
.page_boots_protect_plus {
  background-color: #f0f6fc !important;
  background-image: url(/page_boots_protect_plus/images/background_no_vid.png?ts=2);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left;
}
.page_boots_protect_plus img {
  margin: 0 auto;
  width: 100%;
  cursor: pointer;
}
.page_boots_protect_plus .grid {
  height: 100%;
}
.page_boots_protect_plus .grid .col-24 {
  height: 13vw;
}
.page_boots_protect_plus video {
  width: 100%;
  margin-top: 1em;
  max-height: 70%;
}
.page_boots_protect_plus .video_part {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
.page_boots_protect_plus .video_part iframe {
  margin: 0;
}
.page_adaptive_demo {
  background-size: cover;
}
.page_adaptive_demo .inside_container {
  width: 100%;
  position: absolute;
  top: 0%;
  overflow: hidden;
  bottom: 16%;
}
.page_adaptive_demo .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 100% 100%;
  z-index: 0;
  background-repeat: no-repeat;
}
.page_adaptive_demo .background_1 {
  background-image: url(../../page_adaptive_demo/images/backgrounds/indoor.jpg);
}
.page_adaptive_demo .background_2 {
  background-image: url(../../page_adaptive_demo/images/backgrounds/indoor.jpg);
}
.page_adaptive_demo .title {
  width: 36%;
  height: 19%;
  position: absolute;
  top: 8%;
  display: block;
  margin: 0 auto;
  left: 30%;
  right: 30%;
  font-size: 1.8em;
  color: #0d1a45;
}
.page_adaptive_demo .view {
  display: block;
  width: 73.5%;
  position: absolute;
  top: 27.2%;
  left: 0.5%;
  right: -0.2%;
  bottom: 36.8%;
  opacity: 1.3;
  margin: 0 auto;
}
.page_adaptive_demo .glasses {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
  position: absolute;
  background-size: 100% 100%;
}
.page_adaptive_demo .lenses_1,
.page_adaptive_demo .lenses_2,
.page_adaptive_demo .vision {
  position: absolute;
  left: 5.9%;
  right: 5.7%;
  bottom: 5.3%;
  top: 5.88%;
  background-size: 100% 100%;
}
.page_adaptive_demo .lenses_2 {
  display: none;
}
.page_adaptive_demo .range {
  width: 20%;
  position: fixed;
  bottom: 24%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}
.page_adaptive_demo .action_flip.flip img {
  transform: rotateY(180deg);
}
.page_adaptive_demo .action_flip {
  position: absolute;
  right: -12%;
  top: 8%;
  cursor: pointer;
}
.page_adaptive_demo .flip_icon {
  display: block;
  width: 80px;
  height: 61px;
  background-size: contain;
  background-image: url(../../page_adaptive_demo/images/flip.png);
  margin-bottom: 11px;
  background-repeat: no-repeat;
  background-position: center;
}
.page_adaptive_demo .action_flip img {
  transition: 0.7s;
  transform-style: preserve-3d;
}
.page_adaptive_demo .action_flip h4 {
  color: #fff;
  text-shadow: 0 0 10px #5f5f5f;
  font-weight: 600;
}
.page_adaptive_demo .action_flip img {
  width: 8vh;
}
.page_adaptive_demo .footer {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page_adaptive_demo .footer .action-popup-show {
  display: inline-block;
  float: left;
  height: 41px;
  margin: 40px auto 40px;
  cursor: pointer;
}
.page_adaptive_demo .footer .action-popup-show img {
  width: 40px;
}
.page_adaptive_demo .footer .type_left {
  float: left;
  height: 41px;
  margin: 40px 10px 40px 30px;
  cursor: pointer;
}
.page_adaptive_demo .footer .type_right {
  float: right;
  height: 41px;
  margin: 40px 10px 40px 0px;
  cursor: pointer;
}
.page_adaptive_demo .buttons {
  display: block;
  width: 40%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 36px;
  z-index: 100;
  left: 0;
  right: 0;
  padding-right: 40px;
}
.page_adaptive_demo .buttons h4 {
  text-decoration: none;
  font-weight: 800;
  top: -16px;
  font-size: 0.7em;
  color: #053076;
  display: none;
  text-align: center;
  width: 250%;
  position: absolute;
  left: -75%;
}
.page_adaptive_demo .buttons a {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.page_adaptive_demo .buttons a.active h4,
.page_adaptive_demo .buttons a:hover h4 {
  display: block;
}
.page_adaptive_demo .buttons:hover a.active:not(:hover) h4 {
  display: none;
}
.page_adaptive_demo .buttons a.active:hover h4 {
  display: block;
}
.page_adaptive_demo .buttons img {
  height: 40px;
  width: auto;
  display: block;
  margin: 2px;
}
@-webkit-keyframes animation-flip {
  0% {
    transform: rotateY(0deg);
  }
  99% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@-moz-keyframes animation-flip {
  0% {
    transform: rotateY(0deg);
  }
  99% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@-o-keyframes animation-flip {
  0% {
    transform: rotateY(0deg);
  }
  99% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes animation-flip {
  0% {
    transform: rotateY(0deg);
  }
  99% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
.page_adaptive_demo .glasses_container.flip {
  -webkit-animation: animation-flip 0.6s 1;
  -moz-animation: animation-flip 0.6s 1;
  -o-animation: animation-flip 0.6s 1;
  animation: animation-flip 0.6s 1;
}
.page_adaptive_demo .glasses_container.flip img.vision {
  transform: rotateY(-180deg) !important;
}
.page_adaptive_demo .glasses_container {
  perspective: 1000px;
  transition: 1.2s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page_adaptive_demo .icons {
  cursor: pointer;
}
.page_adaptive_demo .icon_1 {
  position: absolute;
  left: -14px;
  top: -54px;
  z-index: 100000000;
  height: 55px;
}
.page_adaptive_demo .icon_2 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -54px;
  z-index: 100000000;
  height: 55px;
}
.page_adaptive_demo .icon_3 {
  position: absolute;
  right: -17px;
  top: -54px;
  z-index: 100000000;
  height: 55px;
}
.page_adaptive_demo .disclaimer {
  color: #053076 !important;
  padding: 2px;
  font-size: 0.5em;
  text-transform: uppercase;
  position: absolute;
  top: -20px;
  right: 20px;
  text-align: right;
}
.page_adaptive_demo .transitions_logo {
  position: absolute;
  top: 8%;
  left: 110px;
  width: 170px;
  height: 200px;
  background-image: url('../images/Transitions Logo White.png');
  z-index: 1000;
  background-repeat: no-repeat;
  background-size: contain;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.page_adaptive_demo.white_flip .action_flip h4 {
  color: #ffffff !important;
}
.page_adaptive_demo.white_flip .action_flip .flip_icon {
  background-image: url(../../page_adaptive_demo/images/flip.png) !important;
}
.page_adaptive_demo.blue_text .action_flip h4,
.page_adaptive_demo.blue_text .disclaimer {
  color: #11498f;
}
.page_adaptive_demo.white_disclaimer .disclaimer {
  color: #fff !important;
}
.page_adaptive_demo.blue_text .action_flip .flip_icon {
  background-image: url(../../page_adaptive_demo/images/flip_dark.png);
}
.page_adaptive_demo.blue_text .transitions_logo {
  background-image: url('../images/Transitions Logo.png');
}
.page_adaptive_demo.white_logo .transitions_logo {
  background-image: url('../images/Transitions Logo White.png');
}
.page_adaptive_demo .footer .strap_line {
  left: 0;
  right: 0;
  position: absolute;
  bottom: 5px;
  text-align: center;
  color: #11498f;
  font-size: 0.8em;
  font-weight: 600;
  display: none !important;
}
.page_adaptive_demo.blue_text .info {
  background-image: url(../../page_adaptive_demo/images/info_blue.png);
}
.page_adaptive_demo .info {
  bottom: 19.4%;
  right: 2.4%;
  height: 40px;
  position: fixed;
  width: 40px;
  display: block;
  background-image: url(../../page_adaptive_demo/images/info_white.png);
  background-size: contain;
}
.page_adaptive_2019_label {
  position: absolute;
  top: 28px;
  right: -1px;
  z-index: 10000;
  transform: translateX(120%);
  animation: come-in-right 0.8s ease forwards;
}
.page_adaptive_2019_label img {
  height: 13.2vh;
  width: auto;
  box-shadow: 0 0 20px #bbb;
}
@keyframes come-in-right {
  to {
    transform: translateX(0%);
  }
}
.range {
  width: 20%;
  position: absolute;
  bottom: 18%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}
.irs-line {
  box-shadow: 0px 1px 0px 16px #e5e1de, 0px 0px 0px 17px #c8c6c4, inset 1px 1px 3px rgba(0,0,0,0.16) !important;
}
.irs-bar-edge,
.irs-bar {
  border: none !important;
  border-top: none !important;
  background: transparent !important;
}
.irs-from,
.irs-to,
.irs-single {
  color: #000b7f;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: transparent;
  font-weight: 100;
  border-radius: 3px;
  -moz-border-radius: 3px;
  display: none;
  z-index: 1000000;
}
.irs-min,
.irs-max {
  background: none;
  display: none;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 20px;
  line-height: 7px;
  padding: 0 0;
  color: #114088;
  font-family: Arial;
  top: -20px;
}
.irs-grid {
  top: 9px;
}
.irs {
  z-index: 1000;
}
.irs-slider {
  top: 30px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(179,179,179,0.68);
  background: #e6e3e3;
  background: linear-gradient(to bottom,#ffffff 0%,#e6e3e3 10%,#f3f3f3 100%);
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 0px 8px 11px rgba(0,0,0,0.3);
  cursor: pointer;
  z-index: 1000000 !important;
}
.irs-line {
  height: 5px;
  top: 38px;
  background: #c5bebe;
  border: 1px solid #afafaf;
  border-radius: 16px;
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.16);
  -moz-border-radius: 16px;
}
.irs-grid-pol.small {
  background: #999;
  display: none;
}
.irs-grid-pol {
  opacity: 0.5;
  background: #616263;
  width: 3px;
  top: -4px;
  height: 13px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: #c7c7c7;
  border-radius: 5px;
  border: 1px solid #b1b1b1;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 2px #000000;
  border: 1px solid #f0ecea;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #EBEBEB;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.5px;
}
.rotate {
  display: none;
}
.page_suntints {
  background: #fff;
  background: linear-gradient(to bottom,#ffffff 0%,#ffffff 70%,#d7e0f4 95%,#cbe0f4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5781b1',endColorstr='#f1f6fa',GradientType=0);
}
.page_suntints h2 {
  position: absolute;
  top: 6%;
  left: 20%;
  right: 10%;
  text-align: center;
  font-size: 40px;
  color: #004087;
  z-index: 10000;
}
.page_suntints .disclaimer {
  position: absolute;
  top: 16%;
  right: 2%;
  text-align: right;
  font-size: 14px;
  z-index: 10000;
  color: #004087;
}
.page_suntints p.description {
  position: absolute;
  bottom: 23%;
  left: 24%;
  right: 15%;
  text-align: left;
  font-size: 14px;
  color: #004087;
  z-index: 10000;
}
.page_suntints .content {
  position: absolute;
  top: 18%;
  left: 10%;
  right: 0;
  bottom: 38%;
  z-index: 100;
}
.page_suntints .sidebar {
  position: absolute;
  top: 2%;
  left: 0;
  width: 20%;
  bottom: 20%;
  text-align: center;
  z-index: 1000;
}
.page_suntints .content .view {
  position: absolute;
  top: -30px;
  left: 0;
  right: 0;
  bottom: 0px;
  background-size: contain;
  background-position: center 20px;
  background-repeat: no-repeat;
  display: none;
}
.page_suntints .content .view_1 {
  background-image: url("../../page_suntints/images/wayfarer/blank.png");
  display: block;
}
.page_suntints .footer {
  position: absolute;
  top: 85%;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
.page_suntints .footer .footer_slider .inside {
  position: absolute;
  left: 0;
  white-space: nowrap;
}
.page_suntints .sidebar a.active .image {
  border-width: 4px;
  border-color: #00b2ab;
}
.page_suntints .sidebar ul {
  list-style: none;
}
.page_suntints .sidebar .spacer {
  margin-top: 30px;
}
.page_suntints .sidebar a h3 {
  color: #0d1a45;
}
.page_suntints .sidebar ul,
.page_suntints .sidebar ul li {
  white-space: nowrap;
  width: 250px;
}
.page_suntints .sidebar a {
  width: 250px;
  text-decoration: none;
  display: inline-block;
  padding: 0 10px;
  white-space: nowrap;
  margin-bottom: 6px;
  cursor: pointer;
}
.action_suntints_show_sub {
  cursor: pointer;
}
.page_suntints .sidebar a .image {
  width: 25px;
  height: 25px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0px;
  border: 1px solid #0d1a45;
  border-radius: 50%;
  margin: 10px auto;
  margin-top: 0;
  background-color: #fff;
}
.page_suntints .sidebar a h3 {
  margin-bottom: 20px;
}
.page_suntints .sidebar a span {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #0d1a45;
  font-size: 0.8em;
  text-transform: uppercase;
}
.page_suntints .sidebar a.active span {
  color: #0d1a45;
}
.page_suntints .sidebar ul li ul {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  list-style: none;
  margin-top: 60px;
}
.page_suntints .sidebar .action_suntints_sidebar_back img {
  width: 30px;
  height: auto;
  border: none;
}
.page_suntints .sidebar .action_suntints_sidebar_back {
  color: #0d1a45;
  margin-top: 20px;
  border: none;
}
.page_suntints .footer .footer_group {
  display: block;
  margin: 0 auto;
  list-style: none;
  position: absolute;
  bottom: 0%;
  left: 0;
  right: 0;
}
.page_suntints .footer .footer_group {
  list-style: none;
}
.page_suntints .footer .footer_group li {
  display: inline-block;
  margin-right: 20px;
  position: relative;
}
.page_suntints .footer .footer_group li:last-child {
  margin-right: 0;
}
.page_suntints .footer .footer_group li a.active span {
  border-bottom: 2px solid #429cf4;
}
.page_suntints .footer .footer_group li a {
  text-decoration: none;
}
.page_suntints .footer .footer_group li span {
  display: block;
  width: 100%;
  text-align: center;
  text-decoration: none;
  color: #0d1a45;
  margin-bottom: 5px;
  padding-bottom: 10px;
  border-bottom: 2px solid transparent;
}
.page_suntints .footer .footer_group li h5 {
  display: block;
  position: absolute;
  bottom: -17px;
  left: 0;
  right: 0;
  color: #0d1a45;
  font-weight: 100;
}
.page_suntints .footer .footer_group li .image {
  width: 130px;
  height: 35px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  padding: 0px;
  border-radius: 20px;
  margin: 10px auto;
  margin-top: 0;
}
.page_polarised_demo .background {
  position: absolute;
  top: -5%;
  left: 0;
  right: 0;
  bottom: -3%;
  background-size: cover;
  z-index: 0;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.page_polarised_demo .background_1 {
  background-image: url(../../page_polarised_demo/images/backgrounds/road_before_v2.jpg);
  z-index: 2;
}
.page_polarised_demo .background_2 {
  background-image: url(../../page_polarised_demo/images/backgrounds/road_after_v2.jpg);
  z-index: 1;
}
.page_polarised_demo .slider {
  background-image: url(../../page_polarised_demo/images/slider.png);
  z-index: 3;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 120px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
}
.page_polarised_demo .footer .legal {
  position: absolute;
  right: 10px;
  top: -25px;
  z-index: 1000;
  color: #fff;
  font-size: 0.9em;
}
.page_polarised_demo .footer {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000000;
  height: 130px;
}
.page_polarised_demo .title {
  position: absolute;
  left: 10%;
  width: 173px;
  height: auto;
  top: 20%;
  right: auto;
}
.page_polarised_demo .text {
  position: absolute;
  left: 35%;
  width: 580px;
  height: auto;
  top: 20%;
  right: auto;
  text-align: left;
  font-weight: 700;
  font-size: 1.2em;
  color: #0d1a45;
}
.page_polarised_demo .polarised_new_text {
  position: absolute;
  left: 29%;
  width: 700px;
  height: auto;
  top: 18.5%;
  right: auto;
  text-align: left;
  font-weight: 700;
  font-size: 1.2em;
  color: #0d1a45;
}
#container img {
  display: block;
  width: 100%;
}
.page_eyedrive .container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
}
.page_eyedrive .scene {
  padding: 0;
  margin: 0;
  min-width: 100%;
  min-height: 100%;
  display: block;
  overflow: hidden;
  margin-top: -60px;
}
.page_eyedrive .fill {
  position: absolute;
  bottom: 5%;
  right: 5%;
  left: 5%;
  top: 5%;
}
.page_eyedrive .expand-width {
  width: 100%;
}
.page_eyedrive .border {
  border: 2px dashed #00FFAA;
}
.page_eyedrive .aspect {
  opacity: 0.2;
}
.page_eyedrive .background {
  position: relative;
  width: 110%;
  height: 1000px;
  left: -5%;
  top: 60px;
}
.page_eyedrive .background svg {
  margin-top: -20px;
  z-index: 10000;
}
.page_eyedrive .cockpit {
  position: absolute;
  top: 200px;
  left: -10%;
  width: 120%;
  pointer-events: none;
}
.page_eyedrive .cockpit img {
  pointer-events: none;
}
.page_eyedrive .layer {
  display: block;
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  position: relative !important;
}
.page_eyedrive .layer.bottom {
  pointer-events: none;
  height: auto;
  top: auto;
  bottom: 0;
}
#MoveThis:hover {
  cursor: move;
}
#change-scene {
  color: #000;
  padding: 15px 0px;
  background-image: url(../../page_eyedrive/images/global/content-image-textbox-bg.png);
  text-transform: uppercase;
  width: 240px;
  text-align: center;
  float: left;
  margin-right: 5px;
}
#change-scene:hover {
  cursor: pointer;
}
#tool-nav {
  position: absolute;
  bottom: 100px;
  right: 0;
}
#scenes {
  position: absolute;
  right: 5px;
  bottom: 53px;
  width: 240px;
  display: none;
}
#scenes img:hover {
  cursor: pointer;
}
#change-glas {
  color: #000;
  padding: 15px 0px;
  background-image: url(../../page_eyedrive/images/global/content-image-textbox-bg.png);
  width: 260px;
  text-align: center;
  float: left;
  text-transform: uppercase;
}
#change-glas:hover {
  cursor: pointer;
}
#glasses {
  position: absolute;
  right: 0px;
  bottom: 30px;
  width: 260px;
  display: none;
}
#glasses img {
  margin-bottom: 5px;
}
#glasses img:hover {
  cursor: pointer;
}
#intro {
  width: 100%;
  background-color: rgba(0,45,86,0.75);
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  padding-top: 10%;
}
#intro h1 {
  font-family: 'RotisSansSerifStd-ExtraBold', Arial;
  color: #fff;
  font-weight: normal;
  font-size: 30px;
  padding-top: 40px;
  margin-bottom: 0px;
  padding-bottom: 0;
}
#intro p {
  color: #c0c0c0;
  font-size: 18px;
  margin-top: 5px;
}
.page_eyedrive .btn {
  border: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background: none;
  cursor: pointer;
  display: inline-block;
  margin: 15px 30px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  outline: none;
  position: relative;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  background-color: #00000045;
  border: 1px solid #fff;
  border-radius: 12px;
  padding: 35px 35px;
}
.page_eyedrive .btn:after {
  content: '';
  position: absolute;
  z-index: -1;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}
.page_eyedrive .btn:hover,
.btn:active {
  color: #002d56;
  background: #fff;
}
.page_eyedrive .intro_buttons {
  padding-top: 170px;
}
.page_eyedrive .intro_buttons .btn.first {
  margin-right: 60px;
}
.page_eyedrive .intro_buttons .btn.second {
  margin-left: 60px;
}
#browser-update {
  width: 100%;
  height: 500px;
  background-color: #002d56;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  display: none;
}
#browser-update h1 {
  font-family: 'RotisSansSerifStd-ExtraBold', Arial;
  color: #fff;
  font-weight: normal;
  font-size: 30px;
  padding-top: 40px;
  margin-bottom: 0px;
  padding-bottom: 0;
}
#browser-update p {
  color: #c0c0c0;
  font-size: 18px;
  margin-top: 5px;
}
#logo_overlay {
  position: absolute;
  right: 0;
  top: 30px;
  background-color: #fff;
}
#logo_overlay img {
  padding: 12px 0 12px 20px;
  width: 140px;
}
#produktuebersicht_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  display: none;
  z-index: 999;
}
#btn_produktuebersicht_close {
  position: absolute;
  right: 0;
  bottom: 0;
  color: #000;
  padding: 15px 0px;
  background-image: url(../../page_eyedrive/images/global/content-image-textbox-bg.png);
  text-transform: uppercase;
  width: 260px;
  text-align: center;
}
#btn_produktuebersicht_close:hover {
  cursor: pointer;
}
#container img.produktvergleich {
  padding-top: 12%;
}
.page_eyedrive .produktvergleich_subtext {
  width: 100%;
  color: #fff;
}
.page_eyedrive .produktvergleich_subtext_einstaerke {
  width: 50%;
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 10%;
}
.page_eyedrive .produktvergleich_subtext_gleitsicht {
  width: 50%;
  text-align: center;
  position: absolute;
  right: 0;
  bottom: 10%;
}
.page_eyedrive .produktvergleich_padder {
  padding: 20px;
}
.page_eyedrive .produktuebersicht_overlay_image {
  height: 100%;
  background-color: #000;
}
.page_eyedrive .produktuebersicht_overlay_image_left {
  width: 40%;
  float: left;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.page_eyedrive .produktuebersicht_overlay_image_left img {
  width: 100%;
}
.page_eyedrive .produktuebersicht_overlay_image_right {
  width: 60%;
  float: left;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.page_eyedrive .produktuebersicht_overlay_image_right img {
  width: 100%;
}
.page_eyedrive .produktuebersicht_description {
  width: 50%;
  float: left;
}
.page_eyedrive .produktuebersicht_overlay_image_right .produktuebersicht_description {
  width: 33%;
}
.page_eyedrive .produktuebersicht_description .padder {
  padding: 0 15px 15px 15px;
}
.page_eyedrive .produktuebersicht_description p {
  color: #fff;
  padding-bottom: 0;
  margin-bottom: 0;
}
.page_eyedrive .produktuebersicht_description li {
  color: #fff;
}
.page_eyedrive .produktuebersicht_image_container {
  position: relative;
}
.page_eyedrive .produktuebersicht_zoom {
  position: absolute;
  width: 36px;
  height: 36px;
  padding: 7px;
  border: 2px solid #fff;
  color: #fff;
  text-align: center;
  font-size: 32px;
  line-height: 37px;
  left: 50%;
  margin-left: -27px;
  bottom: 50px;
  border-radius: 50%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  font-family: Arial;
}
.page_eyedrive .produktuebersicht_zoom:hover {
  background-color: #fff;
  color: #0c255e;
  cursor: pointer;
}
.page_eyedrive .produktuebersicht_overlay_image_left.width100 {
  width: 100%;
}
.page_eyedrive .produktuebersicht_overlay_image_right.width0 {
  overflow: hidden;
  width: 0%;
}
.page_eyedrive .produktuebersicht_overlay_image_right.width100 {
  width: 100%;
}
.page_eyedrive .produktuebersicht_overlay_image_left.width0 {
  width: 0%;
  overflow: hidden;
}
.page_eyedrive .produktuebersicht_overlay_image_left.width100 .produktuebersicht_description {
  display: none;
}
.page_eyedrive .produktuebersicht_overlay_image_left.width0 .produktuebersicht_description {
  display: none;
}
.page_eyedrive .produktuebersicht_overlay_image_right.width100 .produktuebersicht_description {
  display: none;
}
.page_eyedrive .produktuebersicht_overlay_image_right.width0 .produktuebersicht_description {
  display: none;
}
.page_eyedrive .subtext_description {
  text-align: center;
  color: #ddd;
  font-size: 12px;
}
.page_eyedrive .clear {
  clear: both;
}
#txt-overlay {
  position: absolute;
  z-index: 998;
  top: 25px;
  right: 25px;
  width: 300px;
  height: 110px;
  display: none;
  pointer-events: none;
}
#txt-overlay img {
  width: 100%;
  pointer-events: none;
}
@media screen and (max-width: 880px) {
  #intro p {
    margin: 5px 180px 0;
  }
}
@media screen and (max-width: 780px) {
  .produktuebersicht_description p {
    font-size: 12px;
    line-height: 1.5em;
  }
  .produktuebersicht_description li {
    font-size: 12px;
    line-height: 1.5em;
  }
}
.page_eyedrive .overview {
  position: absolute;
  top: 15%;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  z-index: 100000;
}
.page_eyedrive .overview .inside {
  position: absolute;
  top: 10%;
  bottom: 10%;
  right: 10%;
  left: 10%;
  background-color: #fff;
  padding: 30px;
}
.page_eyedrive .overview .inside .close {
  position: absolute;
  bottom: 20px;
}
.page_eyedrive .hide-product-overview {
  position: absolute;
  bottom: 20px;
}
.page_eyedrive .footer {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70px;
  background-color: #fff;
  text-align: left;
  z-index: 100000;
  padding: 15px 30px;
}
.page_eyedrive .header {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  background-color: #cae0f5;
  z-index: 100000;
}
.page_eyedrive .header_menu {
  background-color: #cae0f5 !important;
}
.page_eyedrive .header h2 {
  padding: 15px;
}
.page_eyedrive .footer h3 {
  margin-bottom: 5px;
  margin-left: 4px;
  font-size: 1em;
  font-weight: 600;
}
.page_eyedrive .footer img {
  height: 65%;
}
.page_eyedrive .eyedrive_footer img {
  width: 60%;
}
.page_eyedrive .eyedrive_footer {
  bottom: 2px;
  position: relative;
}
.page_eyedrive .footer img.tags {
  max-width: 68% !important;
  height: auto !important;
}
.page_eyedrive .footer .eyedrive_button_right {
  position: absolute;
  bottom: 10px;
  right: 20px;
}
.page_eyedrive .info_page {
  display: none;
  position: absolute;
  top: 0px;
  padding-top: 40px;
  bottom: 80px;
  left: 0;
  right: 0;
  background-color: #fff;
  z-index: 100000;
  font-weight: 500;
  font-family: 'VAG Rounded W01 Bold', 'VAG_Rounded_Bold', Arial, sans-serif !important;
  background: linear-gradient(to bottom,#cbe0f4 15%,#cbe0f4 16%,#f1f6fa 42%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5781b1',endColorstr='#f1f6fa',GradientType=0);
}
.page_eyedrive .info_page p {
  font-weight: 300;
  font-family: 'VAG Rounded W01 Bold', 'VAG_Rounded_Bold', Arial, sans-serif !important;
  font-size: 1.10em;
  color: #183e8a;
}
.page_eyedrive .info_page .text_top {
  padding-top: 40px;
}
.page_eyedrive .info_page .text_footnote {
  position: absolute;
  bottom: 5px;
  font-size: 0.8em;
  font-family: Arial !important;
  text-align: left;
  padding-left: 30px;
  padding-left: 32px;
}
.page_eyedrive .info_page table {
  width: 90%;
  margin: 10px auto;
}
.page_eyedrive .info_page table td {
  vertical-align: top;
  padding-top: 20px;
  width: 33%;
}
.page_eyedrive .info_page img {
  width: 100%;
  margin: 0 auto;
  padding-top: 30px;
  padding-bottom: 5px;
}
.page_eyedrive .info_page .button_compare_eyedrive,
.page_eyedrive .info_page .button_compare_zeiss {
  position: absolute;
  right: 4%;
  top: 52%;
  width: 10%;
  height: auto;
  cursor: pointer;
}
.page_eyedrive .button_back_to_demo {
  display: none;
  cursor: pointer;
}
.page_eyedrive .title_zeiss {
  display: none;
  vertical-align: middle;
  margin: 10px;
}
.page_eyedrive .title_zeiss h2,
.page_eyedrive .title_zeiss img {
  display: inline-block;
}
.page_eyedrive .title_zeiss img {
  display: inline-block;
  height: 39px;
  vertical-align: top;
  top: 7px;
  padding: 0;
  padding-right: 3px;
  position: relative;
}
.page_eyedrive .demo_text {
  color: #fff;
  font-size: 14px;
  position: absolute;
  bottom: 2px;
  left: 10px;
}
.page_eyedrive .eyedrive_popin {
  display: none;
  position: absolute;
  top: -6px;
  left: -20px;
  float: left;
  width: 19vw;
  z-index: 1000000000;
}
.page_video_popup .inside_container {
  height: 95%;
  margin-top: 1%;
}
.page_video_popup .inside_container iframe {
  width: 100%;
  height: 100%;
  vertical-align: middle;
}
.page_boots_protect_plus_compare h2 {
  margin-bottom: 20px;
  text-align: center !important;
}
.page_boots_protect_plus_compare .protect_plus_disclaimer {
  text-align: center !important;
}
.page_boots_protect_plus_compare .lens_features {
  padding-left: 10px;
}
.page_boots_protect_plus_compare .lens_features img {
  width: 95%;
  height: auto;
  display: block;
  margin: -20px auto 20px auto;
  padding: 0;
  box-sizing: border-box;
}
.page_boots_protect_plus_compare .protect_plus_demo p {
  margin: 0 auto 20px auto !important;
}
.page_boots_protect_plus_compare .protect_plus_demo img {
  width: 98%;
  padding-left: 10px;
}
.page_boots_protect_plus_compare .action-change-boots-protect-plus {
  cursor: pointer;
  padding-bottom: 7px !important;
}
.page_boots_protect_plus_compare .action-change-boots-protect-plus.active {
  border-bottom: 2px dashed #22b1ab;
}
.page_boots_protect_plus_compare_uvblue h2 {
  margin-bottom: 20px;
  text-align: center !important;
}
.page_boots_protect_plus_compare_uvblue .protect_plus_disclaimer {
  text-align: center !important;
}
.page_boots_protect_plus_compare_uvblue .lens_features {
  padding-left: 10px;
}
.page_boots_protect_plus_compare_uvblue .lens_features img {
  width: 95%;
  height: auto;
  display: block;
  margin: -20px auto 20px auto;
  padding: 0;
  box-sizing: border-box;
}
.page_boots_protect_plus_compare_uvblue .protect_plus_demo p {
  margin: 0 auto 20px auto !important;
}
.page_boots_protect_plus_compare_uvblue .protect_plus_demo img {
  width: 98%;
  padding-left: 10px;
}
.page_boots_protect_plus_compare_uvblue .action-change-boots-protect-plus {
  cursor: pointer;
  padding-bottom: 7px !important;
}
.page_boots_protect_plus_compare_uvblue .action-change-boots-protect-plus.active {
  border-bottom: 2px dashed #22b1ab;
}
.page_popup_transitions_gen8 img {
  margin: 15px auto;
  height: 100%;
  cursor: pointer;
}
.page_popup_transitions_gen8 .video_part {
  display: none;
}
.page_popup_transitions_gen8 .video_part iframe {
  margin-top: 30px;
}
.page_popup_eyezen .action-popup-close {
  background-image: url(../../page_popup_eyezen/images/button_close.png);
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100000px;
  border: none !important;
  box-shadow: none !important;
  width: 40px !important;
  height: 40px !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.page_popup_eyezen .inner_page {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page_popup_eyezen .inner_page.visible {
  display: block;
}
.page_popup_eyezen .inner_page .button_close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 10px;
  z-index: 100002;
  background-image: url(../../page_popup_eyezen/images/button_close.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.page_popup_eyezen .inner_page.intro {
  background-image: url(../../page_popup_eyezen/images/intro/background.png);
}
.page_popup_eyezen .inner_page.intro video {
  width: 100%;
  border-radius: 30px;
}
.page_popup_eyezen .inner_page.intro .grid {
  margin-top: 18%;
}
.page_popup_eyezen .inner_page.start {
  background-image: url(../../page_popup_eyezen/images/start/background.png);
  background-size: 100% 100%;
}
.page_popup_eyezen .inner_page.start img {
  width: 90%;
}
.page_popup_eyezen .inner_page.start .grid {
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
}
.page_popup_eyezen .inner_page.boost {
  background-image: url(../../page_popup_eyezen/images/boost/background.jpg);
  background-size: 100% 100%;
}
.page_popup_eyezen .inner_page.boost img {
  width: 90%;
}
.page_popup_eyezen .inner_page.boost .grid {
  position: absolute;
  bottom: 4%;
  left: 0;
  right: 0;
}
.page_popup_eyezen .inner_page.references {
  background-image: url(../../page_popup_eyezen/images/references/background.jpg);
  background-size: 100% 100%;
}
.page_popup_eyezen .inner_page.references .grid {
  position: absolute;
  bottom: 2%;
  left: 0;
  right: 0;
}
.page_popup_eyezen .zoom {
  cursor: zoom-in;
  overflow: hidden;
}
.page_popup_eyezen .zoom img {
  transition: transform 0.2s ease;
}
.page_popup_eyezen img.button {
  height: 50px !important;
  width: auto !important;
}
.page_popup_stellest .intro {
  width: 100%;
  height: 100%;
}
.page_popup_stellest .intro img.top {
  height: 70%;
  cursor: pointer;
}
.page_popup_stellest .intro img.bottom {
  height: 20%;
  cursor: pointer;
}
.page_popup_stellest .video_part {
  display: none;
}
.page_popup_stellest .video_part iframe {
  margin-top: 30px;
}
.page_popup_stellest .qrcode img.logo {
  width: 30%;
  margin: 3em auto;
  display: inline-block;
}
.page_popup_stellest .qrcode p {
  font-weight: bold;
  color: #19264e;
}
.page_popup_stellest .qrcode img.qrcode {
  width: 20%;
  margin: 3em auto;
  display: inline-block;
}
.page_popup_stellest .buttons {
  text-align: center;
  margin: 5px auto;
}
.page_popup_stellest .buttons .button {
  background-color: #19264e;
  color: #fff;
  padding: 8px 15px;
  display: inline-block;
  margin-right: 20px;
  text-align: center;
  text-decoration: none;
  border-radius: 10px;
  font-weight: bold;
}
.page_popup_stellest_2 {
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
  background-image: url(../../page_popup_stellest_2/images/background.jpg);
}
.page_popup_stellest_2 .logo {
  position: absolute;
  top: 8%;
  left: 8.5%;
  width: 18%;
}
.page_popup_stellest_2 .label {
  position: absolute;
  top: 8%;
  right: 0;
  width: 52%;
  z-index: 1000;
}
.page_popup_stellest_2 .intro,
.page_popup_stellest_2 .terms,
.page_popup_stellest_2 .tints,
.page_popup_stellest_2 .qrcode,
.page_popup_stellest_2 .video {
  width: 100%;
  height: 100%;
  margin-top: 17%;
}
.page_popup_stellest_2 .intro .grid,
.page_popup_stellest_2 .terms .grid,
.page_popup_stellest_2 .tints .grid,
.page_popup_stellest_2 .qrcode .grid,
.page_popup_stellest_2 .video .grid {
  width: 85%;
}
.page_popup_stellest_2 .intro .grid img,
.page_popup_stellest_2 .terms .grid img,
.page_popup_stellest_2 .tints .grid img,
.page_popup_stellest_2 .qrcode .grid img,
.page_popup_stellest_2 .video .grid img {
  width: 100%;
}
.page_popup_stellest_2 .intro .grid img.tintimage,
.page_popup_stellest_2 .terms .grid img.tintimage,
.page_popup_stellest_2 .tints .grid img.tintimage,
.page_popup_stellest_2 .qrcode .grid img.tintimage,
.page_popup_stellest_2 .video .grid img.tintimage {
  background-color: #FFFFFF;
  padding: 5px;
  border: 5px;
  border-color: #fff;
  border-radius: 10px;
}
.page_popup_stellest_2 .intro .grid .feature,
.page_popup_stellest_2 .terms .grid .feature,
.page_popup_stellest_2 .tints .grid .feature,
.page_popup_stellest_2 .qrcode .grid .feature,
.page_popup_stellest_2 .video .grid .feature {
  border: 3px solid #fff;
  border-radius: 8px;
}
.page_popup_stellest_2 .intro .buttons img,
.page_popup_stellest_2 .terms .buttons img,
.page_popup_stellest_2 .tints .buttons img,
.page_popup_stellest_2 .qrcode .buttons img,
.page_popup_stellest_2 .video .buttons img {
  width: 250px;
  margin: 0% auto 0 auto;
}
.page_popup_stellest_2 .terms {
  display: none;
}
.page_popup_stellest_2 .terms img {
  width: 80%;
}
.page_popup_stellest_2 .terms .buttons {
  margin-top: 5%;
}
.page_popup_stellest_2 .terms .buttons img {
  width: 250px;
  margin: 0% auto 0 auto;
}
.page_popup_stellest_2 .qrcode {
  display: none;
}
.page_popup_stellest_2 .qrcode .background {
  padding: 25px;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
.page_popup_stellest_2 .qrcode .background h3 {
  padding-bottom: 15px;
}
.page_popup_stellest_2 .qrcode .background img {
  width: 250px;
}
.page_popup_stellest_2 .video {
  display: none;
  margin-top: 13% !important;
}
.page_popup_stellest_2 .video .background {
  padding: 15px;
  background-color: #fff;
  color: #000;
  border-radius: 5px;
}
.page_popup_stellest_2 .video .background iframe {
  height: 400px;
  max-width: 100%;
  margin: 1em auto;
}
.page_popup_stellest_2 .video .background .buttons {
  margin-top: 0% !important;
}
.page_popup_clearview {
  background-image: url(../../page_popup_clearview/images/background.jpg?ts=2);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1.48;
  top: 5% !important;
  position: relative;
}
.page_popup_clearview .grid {
  padding-top: 210px;
  width: 93%;
}
.page_popup_clearview .inner_action {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 0.64;
  position: relative;
  display: block;
}
.page_popup_clearview .inner_action.button1 {
  background-image: url(../../page_popup_clearview/images/buttons/1.png);
}
.page_popup_clearview .inner_action.button1:hover {
  background-image: url(../../page_popup_clearview/images/buttons/1-hover.png);
}
.page_popup_clearview .inner_action.button2 {
  background-image: url(../../page_popup_clearview/images/buttons/2.png);
}
.page_popup_clearview .inner_action.button2:hover {
  background-image: url(../../page_popup_clearview/images/buttons/2-hover.png);
}
.page_popup_clearview .inner_action.button3 {
  background-image: url(../../page_popup_clearview/images/buttons/3.png);
}
.page_popup_clearview .inner_action.button3:hover {
  background-image: url(../../page_popup_clearview/images/buttons/3-hover.png);
}
.page_popup_clearview .inner_action.button4 {
  background-image: url(../../page_popup_clearview/images/buttons/4.png);
}
.page_popup_clearview .inner_action.button4:hover {
  background-image: url(../../page_popup_clearview/images/buttons/4-hover.png);
}
.page_popup_clearview .inner_popup {
  display: none;
  position: absolute;
  top: 10%;
  bottom: 10%;
  left: 10%;
  right: 10%;
  z-index: 1000;
}
.page_popup_clearview .inner_popup .backdrop {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: none;
  z-index: -1;
  background: rgba(0,0,0,0.5);
}
.page_popup_clearview .inner_popup.show {
  display: block;
}
.page_popup_clearview .inner_popup.show .backdrop {
  display: block;
}
.page_popup_clearview .inner_popup.show::backdrop {
  background: rgba(0,0,0,0.5);
  backdrop-filter: blur(5px);
}
.page_popup_clearview .inner_popup .video {
  background-color: #fff;
}
.page_popup_clearview .inner_popup .video video {
  width: 100%;
  height: auto;
  aspect-ratio: 1.7777777777778;
}
.page_popup_clearview .inner_popup .info {
  background-color: #fff;
  padding: 20px;
  text-align: left;
}
.page_popup_clearview .inner_popup.popup1 .slides,
.page_popup_clearview .inner_popup.popup4 .slides {
  position: relative;
  height: 85%;
  cursor: ew-resize;
}
.page_popup_clearview .inner_popup.popup1 .slides .slide1,
.page_popup_clearview .inner_popup.popup1 .slides .slide2,
.page_popup_clearview .inner_popup.popup4 .slides .slide1,
.page_popup_clearview .inner_popup.popup4 .slides .slide2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../../page_popup_clearview/images/popup1/slide2.jpg?ts=2);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.page_popup_clearview .inner_popup.popup1 .slides .slide2,
.page_popup_clearview .inner_popup.popup4 .slides .slide2 {
  background-image: url(../../page_popup_clearview/images/popup1/slide1.jpg?ts=2);
  clip-path: inset(0 50% 0 0);
}
.page_popup_clearview .inner_popup.popup1 .slides .handle,
.page_popup_clearview .inner_popup.popup4 .slides .handle {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  width: 40px;
  height: 40px;
  background-color: #2196F3;
  opacity: 0.7;
  border-radius: 50%;
  background-image: url(../../page_popup_clearview/images/popup1/handle.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.page_popup_clearview .inner_popup.popup3 .top {
  background-image: url(../../page_popup_clearview/images/popup3/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  aspect-ratio: 2.4700315457413;
}
.page_popup_clearview .inner_popup.popup4 .slides {
  background-color: #fff;
}
.page_popup_clearview .inner_popup.popup4 .slide1 {
  background-image: url(../../page_popup_clearview/images/popup4/slide2.jpg) !important;
  background-size: contain !important;
}
.page_popup_clearview .inner_popup.popup4 .slide2 {
  background-image: url(../../page_popup_clearview/images/popup4/slide1.jpg) !important;
  background-size: contain !important;
}
.page_popup_varilux_physio .action-popup-close {
  background-image: url(../../page_popup_varilux_physio/images/button_close.png);
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100000px;
  border: none !important;
  box-shadow: none !important;
  width: 40px !important;
  height: 40px !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.page_popup_varilux_physio .inner_page {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-size: 100% 100%;
  background-repeat: no-repeat;
}
.page_popup_varilux_physio .inner_page.visible {
  display: block;
}
.page_popup_varilux_physio .inner_page .button_close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 10px;
  z-index: 100002;
  background-image: url(../../page_popup_varilux_physio/images/button_close.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.page_popup_varilux_physio .inner_page.intro {
  background-image: url(../../page_popup_varilux_physio/images/intro/background.jpg);
}
.page_popup_varilux_physio .inner_page.intro .table {
  background-image: url(../../page_popup_varilux_physio/images/intro/table_back.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative;
  height: 300px;
  margin-bottom: 20px;
}
.page_popup_varilux_physio .inner_page.intro .table img {
  opacity: 0.9;
}
.page_popup_varilux_physio .inner_page.intro .table img:hover {
  opacity: 1;
}
.page_popup_varilux_physio .inner_page.intro .table img.top {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 30%;
  height: auto;
  width: 100%;
}
.page_popup_varilux_physio .inner_page.intro .table img.bottom {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: auto;
  width: 100%;
}
.page_popup_varilux_physio .inner_page.intro .grid {
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
}
.page_popup_varilux_physio .inner_page.intro img {
  height: 68px;
  display: inline-block;
}
.page_popup_varilux_physio .inner_page.physio {
  background-image: url(../../page_popup_varilux_physio/images/demo/background.jpg);
}
.page_popup_varilux_physio .inner_page.physio video {
  position: absolute;
  bottom: 12%;
  left: 42.6%;
  width: 48.5%;
}
.page_popup_varilux_physio .inner_page.video {
  background-image: url(../../page_popup_varilux_physio/images/demo/background.jpg);
}
.page_popup_varilux_physio .inner_page.video div.video {
  background-color: #000;
  top: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-content: center;
  align-items: center;
}
.page_popup_varilux_physio .inner_page.video video {
  width: 100%;
  height: auto;
  aspect-ratio: 1.7777777777778;
}
.page_popup_varilux_physio .inner_page.xrfit {
  background-image: url(../../page_popup_varilux_physio/images/xrfit/background.jpg);
}
.page_popup_varilux_physio .inner_page.xrfit .button_top,
.page_popup_varilux_physio .inner_page.xrfit .button_bottom,
.page_popup_varilux_physio .inner_page.xrfit .info {
  position: absolute;
  left: 35%;
  right: 14%;
}
.page_popup_varilux_physio .inner_page.xrfit .button_top img,
.page_popup_varilux_physio .inner_page.xrfit .button_bottom img,
.page_popup_varilux_physio .inner_page.xrfit .info img {
  width: 100%;
}
.page_popup_varilux_physio .inner_page.xrfit .button_top {
  top: 9%;
  height: 20%;
}
.page_popup_varilux_physio .inner_page.xrfit .button_bottom {
  top: 40%;
  height: 20%;
}
.page_popup_varilux_physio .inner_page.xrfit .info {
  top: 70%;
  height: 20%;
}
.page_popup_varilux_physio .inner_page.xrfit .button_more_info {
  position: absolute;
  bottom: 6%;
  left: 35%;
}
.page_popup_varilux_physio .inner_page.xrfit .button_more_info img {
  height: 50px;
  width: auto !important;
}
.page_popup_varilux_physio .inner_page.xrfit .button_references {
  position: absolute;
  bottom: 6%;
  width: auto !important;
  left: 57%;
}
.page_popup_varilux_physio .inner_page.xrfit .button_references img {
  height: 50px;
  width: auto !important;
}
.page_popup_varilux_physio .inner_page.references {
  background-image: url(../../page_popup_varilux_physio/images/references/background.jpg);
}
.page_popup_varilux_physio .inner_page.demo1 .demo,
.page_popup_varilux_physio .inner_page.demo2 .demo {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  cursor: pointer;
}
.page_popup_varilux_physio .inner_page.demo1 .demo .info,
.page_popup_varilux_physio .inner_page.demo2 .demo .info {
  position: absolute;
  top: 30px;
  left: 60px;
  width: 300px;
  background-color: #fff;
  padding: 10px;
  z-index: 100000;
}
.page_popup_varilux_physio .inner_page.demo1 .demo .info p,
.page_popup_varilux_physio .inner_page.demo2 .demo .info p {
  font-size: 0.8em;
  text-align: left;
}
.page_popup_varilux_physio .inner_page.demo1 .demo .a,
.page_popup_varilux_physio .inner_page.demo1 .demo .b,
.page_popup_varilux_physio .inner_page.demo2 .demo .a,
.page_popup_varilux_physio .inner_page.demo2 .demo .b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.page_popup_varilux_physio .inner_page.demo1 .demo .a video,
.page_popup_varilux_physio .inner_page.demo1 .demo .b video,
.page_popup_varilux_physio .inner_page.demo2 .demo .a video,
.page_popup_varilux_physio .inner_page.demo2 .demo .b video {
  width: 100%;
}
.page_popup_varilux_physio .inner_page.demo1 .demo .a,
.page_popup_varilux_physio .inner_page.demo2 .demo .a {
  z-index: 1001;
  border-right: 2px solid #0e1b44;
  clip-path: stroke-box;
  clip: rect(0px,560px,1000px,0px);
}
.page_popup_varilux_physio .inner_page.demo1 .demo.demo2 .a,
.page_popup_varilux_physio .inner_page.demo1 .demo.demo2 .b,
.page_popup_varilux_physio .inner_page.demo2 .demo.demo2 .a,
.page_popup_varilux_physio .inner_page.demo2 .demo.demo2 .b {
  background-size: cover;
  background-repeat: no-repeat;
}
.page_popup_varilux_physio .inner_page.demo1 .demo.demo2 .a,
.page_popup_varilux_physio .inner_page.demo2 .demo.demo2 .a {
  background-image: url(../../page_popup_varilux_physio/demo/demo2/a.jpg);
}
.page_popup_varilux_physio .inner_page.demo1 .demo.demo2 .b,
.page_popup_varilux_physio .inner_page.demo2 .demo.demo2 .b {
  background-image: url(../../page_popup_varilux_physio/demo/demo2/b.jpg);
}
.page_popup_varilux_physio .inner_page.demo1 .demo .bar,
.page_popup_varilux_physio .inner_page.demo2 .demo .bar {
  width: 4px;
  height: 100%;
  background: #0066b3;
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  z-index: 2000;
  left: 560px;
}
.page_popup_varilux_physio .inner_page.demo1 .demo .bar .handle,
.page_popup_varilux_physio .inner_page.demo2 .demo .bar .handle {
  position: absolute;
  right: -9px;
  top: 50%;
  transform: translateY(-50%) translateX(-2px);
  width: 18px;
  border-radius: 2px;
  height: 47px;
  background-color: #0066b3;
  cursor: pointer;
}
.page_popup_varilux_physio .inner_page.demo1 .demo .bar .handle:after,
.page_popup_varilux_physio .inner_page.demo2 .demo .bar .handle:after {
  width: 10px;
  height: 27px;
  border-style: solid;
  border-width: 3px 0;
  border-color: #002b4b;
  left: 4px;
  top: 10px;
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 3px,#002b4b 3px,#002b4b 6px,rgba(0,0,0,0) 6px,rgba(0,0,0,0) 9px,#002b4b 9px,#002b4b 12px,rgba(0,0,0,0) 12px,rgba(0,0,0,0) 15px,#002b4b 15px,#002b4b 18px,rgba(0,0,0,0) 18px);
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
}
.page_popup_varilux_xr {
  background-image: url(../../page_popup_varilux_xr/images/background1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.page_popup_varilux_xr .logo {
  width: 30%;
  margin-top: 2em;
  margin-bottom: 1em;
}
.page_popup_varilux_xr .subtitle {
  width: 50%;
  margin: 1em auto;
  display: block;
}
.page_popup_varilux_xr .grid {
  width: 95%;
}
.page_popup_varilux_xr .grid img {
  width: 100%;
}
.page_popup_varilux_xr .grid img.hasaction {
  cursor: pointer;
  animation: ease-in-out 0.2s;
}
.page_popup_varilux_xr .grid img.hasaction:hover {
  transform: scale(1.1);
}
.page_popup_varilux_xr .grid img.text {
  width: 80%;
  margin-top: 0.5em;
}
.page_popup_varilux_xr .button {
  width: 40%;
  display: block;
  margin: 1em auto;
  margin-bottom: 3em;
  animation: 0.2s ease-in-out;
}
.page_popup_varilux_xr .button:hover {
  transform: scale(1.05);
}
.page_popup_varilux_xr .textbutton {
  display: inline-block;
  margin: 0 auto;
  font-size: 1em;
  font-weight: bold;
  text-transform: uppercase;
  background-color: #fff;
  color: #0c255e;
  padding: 0.5em 1em;
  border-radius: 5px;
  text-decoration: none;
}
.page_popup_varilux_xr .terms {
  width: 80%;
  margin: 10em auto 2em auto;
  display: block;
}
.page_popup_varilux_xr .page.terms {
  display: none;
}
.page_popup_varilux_xr .demo {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  cursor: pointer;
}
.page_popup_varilux_xr .demo .info {
  position: absolute;
  top: 30px;
  left: 60px;
  width: 300px;
  background-color: #fff;
  padding: 10px;
  z-index: 100000;
}
.page_popup_varilux_xr .demo .info p {
  font-size: 0.8em;
  text-align: left;
}
.page_popup_varilux_xr .demo .a,
.page_popup_varilux_xr .demo .b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}
.page_popup_varilux_xr .demo .a video,
.page_popup_varilux_xr .demo .b video {
  width: 100%;
}
.page_popup_varilux_xr .demo .a {
  z-index: 1001;
  border-right: 2px solid #0e1b44;
  clip-path: stroke-box;
  clip: rect(0px,560px,1000px,0px);
}
.page_popup_varilux_xr .demo.demo2 .a,
.page_popup_varilux_xr .demo.demo2 .b {
  background-size: cover;
  background-repeat: no-repeat;
}
.page_popup_varilux_xr .demo.demo2 .a {
  background-image: url(../../page_popup_varilux_xr/demo/demo2/a.jpg);
}
.page_popup_varilux_xr .demo.demo2 .b {
  background-image: url(../../page_popup_varilux_xr/demo/demo2/b.jpg);
}
.page_popup_varilux_xr .demo .bar {
  width: 4px;
  height: 100%;
  background: #0066b3;
  position: absolute;
  right: -10px;
  top: 0;
  bottom: 0;
  z-index: 2000;
  left: 560px;
}
.page_popup_varilux_xr .demo .bar .handle {
  position: absolute;
  right: -9px;
  top: 50%;
  transform: translateY(-50%) translateX(-2px);
  width: 18px;
  border-radius: 2px;
  height: 47px;
  background-color: #0066b3;
  cursor: pointer;
}
.page_popup_varilux_xr .demo .bar .handle:after {
  width: 10px;
  height: 27px;
  border-style: solid;
  border-width: 3px 0;
  border-color: #002b4b;
  left: 4px;
  top: 10px;
  background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 3px,#002b4b 3px,#002b4b 6px,rgba(0,0,0,0) 6px,rgba(0,0,0,0) 9px,#002b4b 9px,#002b4b 12px,rgba(0,0,0,0) 12px,rgba(0,0,0,0) 15px,#002b4b 15px,#002b4b 18px,rgba(0,0,0,0) 18px);
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
}
.page_popup_varilux_xr2 {
  background-image: url(../../page_popup_varilux_xr2/images/background1.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.page_popup_varilux_xr2 .logo {
  width: 60%;
  margin-top: 2em;
  margin-bottom: 1em;
}
.page_popup_varilux_xr2 .video {
  width: 70%;
  margin: 1em 1em 1em auto;
  display: block;
}
.page_popup_varilux_xr2 .textright {
  width: 50%;
  margin: 2em auto 1em 1em;
  display: block;
}
.page_popup_varilux_xr2 .button {
  width: 40%;
  margin: 1em auto;
  display: block;
}
.page_popup_varilux_xr2 .button,
.page_popup_varilux_xr2 .video {
  cursor: pointer;
  animation: 0.2s ease-in-out;
}
.page_popup_varilux_xr2 .button:hover,
.page_popup_varilux_xr2 .video:hover {
  transform: scale(1.05);
}
.page_popup_varilux_xr2 .terms {
  width: 70%;
  margin: 1em auto;
  display: block;
}
.page_popup_varilux_xr2 .video_part {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page_popup_varilux_xr2 .video_part iframe {
  margin-top: 30px;
}
.page_popup_varilux_xr2 .action-back {
  color: #0d1a45;
  font-weight: bold;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 3px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 100001;
  width: 30px;
  box-shadow: 0 0 10px -4px #000;
  line-height: 30px;
  border: 3px solid #0d1a45;
  height: 30px;
  text-transform: uppercase;
}
.page_adaptive_demo_photofusion {
  background-size: cover;
}
.page_adaptive_demo_photofusion .inside_container {
  width: 100%;
  position: absolute;
  top: 0%;
  overflow: hidden;
  bottom: 16%;
}
.page_adaptive_demo_photofusion .background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: 100% 100%;
  z-index: 0;
  background-repeat: no-repeat;
}
.page_adaptive_demo_photofusion .background_1 {
  background-image: url(../../page_adaptive_demo_photofusion/images/backgrounds/indoor.jpg);
}
.page_adaptive_demo_photofusion .background_2 {
  background-image: url(../../page_adaptive_demo_photofusion/images/backgrounds/indoor.jpg);
}
.page_adaptive_demo_photofusion .title {
  width: 36%;
  height: 19%;
  position: absolute;
  top: 8%;
  display: block;
  margin: 0 auto;
  left: 30%;
  right: 30%;
  font-size: 1.8em;
  color: #0d1a45;
}
.page_adaptive_demo_photofusion .view {
  display: block;
  width: 73.5%;
  position: absolute;
  top: 27.2%;
  left: 0.5%;
  right: -0.2%;
  bottom: 36.8%;
  opacity: 1.3;
  margin: 0 auto;
}
.page_adaptive_demo_photofusion .glasses {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  display: block;
  position: absolute;
  background-size: 100% 100%;
}
.page_adaptive_demo_photofusion .lenses_1,
.page_adaptive_demo_photofusion .lenses_2,
.page_adaptive_demo_photofusion .vision {
  position: absolute;
  left: 5.9%;
  right: 5.7%;
  bottom: 5.3%;
  top: 5.88%;
  background-size: 100% 100%;
}
.page_adaptive_demo_photofusion .lenses_2 {
  display: none;
}
.page_adaptive_demo_photofusion .range {
  width: 20%;
  position: fixed;
  bottom: 24%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}
.page_adaptive_demo_photofusion .action_flip.flip img {
  transform: rotateY(180deg);
}
.page_adaptive_demo_photofusion .action_flip {
  position: absolute;
  right: -12%;
  top: 8%;
  cursor: pointer;
}
.page_adaptive_demo_photofusion .flip_icon {
  display: block;
  width: 80px;
  height: 61px;
  background-size: contain;
  background-image: url(../../page_adaptive_demo_photofusion/images/flip.png);
  margin-bottom: 11px;
  background-repeat: no-repeat;
  background-position: center;
}
.page_adaptive_demo_photofusion .action_flip img {
  transition: 0.7s;
  transform-style: preserve-3d;
}
.page_adaptive_demo_photofusion .action_flip h4 {
  color: #fff;
  text-shadow: 0 0 10px #5f5f5f;
  font-weight: 600;
}
.page_adaptive_demo_photofusion .action_flip img {
  width: 8vh;
}
.page_adaptive_demo_photofusion .footer {
  background-color: #fff;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.page_adaptive_demo_photofusion .footer .action-popup-show {
  display: inline-block;
  float: left;
  height: 41px;
  margin: 40px auto 40px;
  cursor: pointer;
}
.page_adaptive_demo_photofusion .footer .action-popup-show img {
  width: 40px;
}
.page_adaptive_demo_photofusion .footer .type_left {
  float: left;
  height: 41px;
  margin: 40px 10px 40px 30px;
  cursor: pointer;
}
.page_adaptive_demo_photofusion .footer .type_right {
  float: right;
  height: 41px;
  margin: 40px 10px 40px 0px;
  cursor: pointer;
}
.page_adaptive_demo_photofusion .buttons {
  display: block;
  width: 33%;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 36px;
  z-index: 100;
  left: 0;
  right: 0;
}
.page_adaptive_demo_photofusion .buttons h4 {
  text-decoration: none;
  font-weight: 800;
  top: -16px;
  font-size: 0.7em;
  color: #053076;
  display: none;
  text-align: center;
  width: 250%;
  position: absolute;
  left: -75%;
}
.page_adaptive_demo_photofusion .buttons a {
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.page_adaptive_demo_photofusion .buttons a.active h4,
.page_adaptive_demo_photofusion .buttons a:hover h4 {
  display: block;
}
.page_adaptive_demo_photofusion .buttons:hover a.active:not(:hover) h4 {
  display: none;
}
.page_adaptive_demo_photofusion .buttons a.active:hover h4 {
  display: block;
}
.page_adaptive_demo_photofusion .buttons img {
  height: 40px;
  width: auto;
  display: block;
  margin: 2px;
}
@-webkit-keyframes animation-flip {
  0% {
    transform: rotateY(0deg);
  }
  99% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@-moz-keyframes animation-flip {
  0% {
    transform: rotateY(0deg);
  }
  99% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@-o-keyframes animation-flip {
  0% {
    transform: rotateY(0deg);
  }
  99% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes animation-flip {
  0% {
    transform: rotateY(0deg);
  }
  99% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
.page_adaptive_demo_photofusion .glasses_container.flip {
  -webkit-animation: animation-flip 0.6s 1;
  -moz-animation: animation-flip 0.6s 1;
  -o-animation: animation-flip 0.6s 1;
  animation: animation-flip 0.6s 1;
}
.page_adaptive_demo_photofusion .glasses_container.flip img.vision {
  transform: rotateY(-180deg) !important;
}
.page_adaptive_demo_photofusion .glasses_container {
  perspective: 1000px;
  transition: 1.2s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.page_adaptive_demo_photofusion .icons {
  cursor: pointer;
}
.page_adaptive_demo_photofusion .icon_1 {
  position: absolute;
  left: -14px;
  top: -54px;
  z-index: 100000000;
  height: 55px;
}
.page_adaptive_demo_photofusion .icon_2 {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: -54px;
  z-index: 100000000;
  height: 55px;
}
.page_adaptive_demo_photofusion .icon_3 {
  position: absolute;
  right: -17px;
  top: -54px;
  z-index: 100000000;
  height: 55px;
}
.page_adaptive_demo_photofusion .disclaimer {
  color: #053076 !important;
  padding: 2px;
  font-size: 0.5em;
  text-transform: uppercase;
  position: absolute;
  top: -20px;
  right: 20px;
  text-align: right;
}
.page_adaptive_demo_photofusion .transitions_logo {
  position: absolute;
  top: 8%;
  left: 110px;
  width: 170px;
  height: 200px;
  background-image: url('../images/Transitions Logo White.png');
  z-index: 1000;
  background-repeat: no-repeat;
  background-size: contain;
}
@-webkit-keyframes bounce {
  0%,
  100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%,
  100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-animation-duration: .5s;
  animation-duration: .5s;
}
.page_adaptive_demo_photofusion.white_flip .action_flip h4 {
  color: #ffffff !important;
}
.page_adaptive_demo_photofusion.white_flip .action_flip .flip_icon {
  background-image: url(../../page_adaptive_demo_photofusion/images/flip.png) !important;
}
.page_adaptive_demo_photofusion.blue_text .action_flip h4,
.page_adaptive_demo_photofusion.blue_text .disclaimer {
  color: #11498f;
}
.page_adaptive_demo_photofusion.white_disclaimer .disclaimer {
  color: #fff !important;
}
.page_adaptive_demo_photofusion.blue_text .action_flip .flip_icon {
  background-image: url(../../page_adaptive_demo_photofusion/images/flip_dark.png);
}
.page_adaptive_demo_photofusion.blue_text .transitions_logo {
  background-image: url('../images/Transitions Logo.png');
}
.page_adaptive_demo_photofusion.white_logo .transitions_logo {
  background-image: url('../images/Transitions Logo White.png');
}
.page_adaptive_demo_photofusion .footer .strap_line {
  left: 0;
  right: 0;
  position: absolute;
  bottom: 5px;
  text-align: center;
  color: #11498f;
  font-size: 0.8em;
  font-weight: 600;
  display: none !important;
}
.page_adaptive_demo_photofusion.blue_text .info {
  background-image: url(../../page_adaptive_demo_photofusion/images/info_blue.png);
}
.page_adaptive_demo_photofusion .info {
  bottom: 19.4%;
  right: 2.4%;
  height: 40px;
  position: fixed;
  width: 40px;
  display: block;
  background-image: url(../../page_adaptive_demo_photofusion/images/info_white.png);
  background-size: contain;
}
.page_adaptive_2019_label {
  position: absolute;
  top: 28px;
  right: -1px;
  z-index: 10000;
  transform: translateX(120%);
  animation: come-in-right 0.8s ease forwards;
}
.page_adaptive_2019_label img {
  height: 13.2vh;
  width: auto;
  box-shadow: 0 0 20px #bbb;
}
@keyframes come-in-right {
  to {
    transform: translateX(0%);
  }
}
.range {
  width: 20%;
  position: absolute;
  bottom: 18%;
  left: 0;
  right: 0;
  display: block;
  margin: 0 auto;
}
.irs-line {
  box-shadow: 0px 1px 0px 16px #e5e1de, 0px 0px 0px 17px #c8c6c4, inset 1px 1px 3px rgba(0,0,0,0.16) !important;
}
.irs-bar-edge,
.irs-bar {
  border: none !important;
  border-top: none !important;
  background: transparent !important;
}
.irs-from,
.irs-to,
.irs-single {
  color: #000b7f;
  font-size: 14px;
  line-height: 1.333;
  text-shadow: none;
  padding: 1px 5px;
  background: transparent;
  font-weight: 100;
  border-radius: 3px;
  -moz-border-radius: 3px;
  display: none;
  z-index: 1000000;
}
.irs-min,
.irs-max {
  background: none;
  display: none;
}
.irs-grid-text {
  position: absolute;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  text-align: center;
  font-size: 20px;
  line-height: 7px;
  padding: 0 0;
  color: #114088;
  font-family: Arial;
  top: -20px;
}
.irs-grid {
  top: 9px;
}
.irs {
  z-index: 1000;
}
.irs-slider {
  top: 30px;
  width: 20px;
  height: 20px;
  border: 1px solid rgba(179,179,179,0.68);
  background: #e6e3e3;
  background: linear-gradient(to bottom,#ffffff 0%,#e6e3e3 10%,#f3f3f3 100%);
  border-radius: 27px;
  -moz-border-radius: 27px;
  box-shadow: 0px 8px 11px rgba(0,0,0,0.3);
  cursor: pointer;
  z-index: 1000000 !important;
}
.irs-line {
  height: 5px;
  top: 38px;
  background: #c5bebe;
  border: 1px solid #afafaf;
  border-radius: 16px;
  box-shadow: inset 1px 1px 2px rgba(0,0,0,0.16);
  -moz-border-radius: 16px;
}
.irs-grid-pol.small {
  background: #999;
  display: none;
}
.irs-grid-pol {
  opacity: 0.5;
  background: #616263;
  width: 3px;
  top: -4px;
  height: 13px;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 6px;
  cursor: pointer;
  animate: 0.2s;
  background: #c7c7c7;
  border-radius: 5px;
  border: 1px solid #b1b1b1;
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 1px 1px 2px #000000;
  border: 1px solid #f0ecea;
  height: 20px;
  width: 20px;
  border-radius: 10px;
  background: #EBEBEB;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -7.5px;
}
.rotate {
  display: none;
}
.page_popup_transitions_gens {
  background-image: url(../../page_popup_transitions_gens/images/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1.48;
  top: 5% !important;
}
.page_popup_transitions_gens .preview1 {
  position: absolute;
  top: 30%;
  left: 7%;
  width: 28.9%;
  height: 23%;
  cursor: pointer;
}
.page_popup_transitions_gens .preview1 video,
.page_popup_transitions_gens .preview1 img {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.page_popup_transitions_gens .preview2 {
  position: absolute;
  top: 61.6%;
  left: 7%;
  width: 28.9%;
  height: 23%;
  cursor: pointer;
}
.page_popup_transitions_gens .preview2 video,
.page_popup_transitions_gens .preview2 img {
  width: 100%;
  left: 0;
  top: 0;
  height: 100%;
}
.page_popup_transitions_gens .action-demo-1,
.page_popup_transitions_gens .action-demo-2 {
  cursor: pointer;
}
.page_popup_transitions_gens .action-demo-1 img {
  position: absolute;
  top: 47%;
  left: 38%;
  width: 18%;
  height: auto;
}
.page_popup_transitions_gens .action-demo-2 img {
  position: absolute;
  top: 80%;
  left: 38%;
  width: 18%;
  height: auto;
}
.page_popup_transitions_gens .action-button-right img {
  position: absolute;
  right: -3%;
  bottom: 12%;
  width: 44%;
  height: auto;
}
.page_popup_transitions_gens .demo {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  cursor: pointer;
}
.page_popup_transitions_gens .demo video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
}
.page_popup_transitions_xtractive {
  background-image: url(../../page_popup_transitions_xtractive/images/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1.48;
  top: 5% !important;
}
.page_popup_transitions_xtractive video {
  position: absolute;
  top: 28%;
  right: 8%;
  width: 38%;
  height: auto;
}
.page_popup_transitions_xtractive .action-popup-show img {
  position: absolute;
  right: 10%;
  bottom: 21%;
  width: 34%;
  height: auto;
}
.page_popup_zeiss_photofusion {
  background-image: url(../../page_popup_zeiss_photofusion/images/background.jpg?ts=4);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1.48;
  top: 5% !important;
}
.page_popup_zeiss_photofusion .action-demo-1 img {
  position: absolute;
  right: 3%;
  bottom: 15%;
  width: 21%;
  height: auto;
}
.page_popup_zeiss_photofusion .action-demo-2 img {
  position: absolute;
  right: 25%;
  bottom: 26%;
  width: 17%;
  height: auto;
}
.page_popup_zeiss_photofusion .demo {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  cursor: pointer;
}
.page_popup_zeiss_photofusion .demo video {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
}
.page_popup_polarised {
  background: linear-gradient(180deg,#0167b3 0%,#040e52 100%);
}
.page_popup_polarised h3 {
  margin-top: 0.5em;
  font-size: 2.7em;
  color: #fff;
  margin-bottom: 0.1em;
}
.page_popup_polarised video {
  width: 70%;
  margin: 1em auto;
  aspect-ratio: auto;
  border: 8px solid #fff;
}
.page_popup_polarised p {
  width: 90%;
  margin: 1em auto;
  color: #fff;
  font-size: 1.2em;
}
.page_popup_rayban {
  background-image: url(../../page_popup_rayban/images/background.jpg?ts=2);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1.48;
  top: 5% !important;
  position: relative;
}
.page_popup_rayban .select2-container li {
  text-align: left !important;
}
.page_popup_rayban .rayban_inner {
  position: absolute;
  top: 140px;
  left: 100px;
  right: 100px;
  bottom: 110px;
}
.page_popup_rayban .rayban_inner .menu {
  text-align: right;
  padding-right: 20px;
}
.page_popup_rayban .rayban_inner .menu a {
  display: inline-block;
  height: 50px;
  font-size: 20px;
  text-decoration: none;
  background-color: #9c9c9b;
  border-radius: 10px 10px 0 0;
  line-height: 50px;
  text-align: center;
  width: 200px;
  color: #fff;
  margin-right: 10px;
}
.page_popup_rayban .rayban_inner .menu a.active {
  background-color: #b0252f;
}
.page_popup_rayban .rayban_inner .rayban_content {
  border-radius: 10px 10px 0 0;
  height: 100%;
  background-color: #fff;
}
.page_popup_rayban .rayban_inner .rayban_content .content {
  display: none;
}
.page_popup_rayban .rayban_inner .rayban_content .content.show {
  display: block;
}
.page_popup_rayban .rayban_inner .rayban_content .content img {
  width: 100%;
}
.page_popup_rayban .rayban_inner .rayban_content .content .action-popup-show img {
  width: 70% !important;
}
.page_popup_rayban .rayban_inner .rayban_content .content.tints .tab {
  position: absolute;
  bottom: 40px;
  right: 40px;
  width: 110px;
  z-index: 100000;
  background-color: #b0242f;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
.page_popup_rayban .rayban_inner .rayban_content .content.tints .tab h4 {
  color: red;
}
.page_popup_rayban .rayban_inner .rayban_content .content.tints .tab input {
  position: absolute;
  left: -9999px;
}
.page_popup_rayban .rayban_inner .rayban_content .content.tints .tab input:checked+.slider {
  background-color: #95b47a;
}
.page_popup_rayban .rayban_inner .rayban_content .content.tints .tab input:checked+.slider:before {
  transform: translateX(25px);
}
.page_popup_rayban .rayban_inner .rayban_content .content.tints .tab .slider {
  margin-top: 5px;
  position: relative;
  width: 50px;
  height: 25px;
  background-color: #ccc;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: inline-block;
}
.page_popup_rayban .rayban_inner .rayban_content .content.tints .tab .slider:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  background-color: #fff;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  transition: transform 0.2s;
}
.page_popup_rayban .rayban_inner .rayban_content .content.lensguide .grid {
  margin-top: 2em;
}
.page_popup_rayban .rayban_inner .rayban_content .content.lensguide label {
  min-height: 3em;
  display: block;
}
.page_popup_rayban .rayban_inner .rayban_content .content.lensguide select,
.page_popup_rayban .rayban_inner .rayban_content .content.lensguide input {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
}
.page_popup_rayban .rayban_inner .rayban_content .content.lensguide .copy_rayban {
  display: block;
  text-align: center;
  margin-top: 1em;
  padding: 4px;
  background-color: #b0242f;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}
.page_popup_rayban .rayban_inner .rayban_content .content.lensguide .frame_article_info h4 {
  text-align: center;
  background-color: #b0242f;
  color: #fff;
  padding: 5px;
  display: block;
}
.page_popup_rayban .rayban_inner .rayban_content .content.lensguide .frame_article_info span {
  text-align: center;
  background-color: #bbbbbb;
  color: #fff;
  padding: 5px;
  display: block;
  min-height: 1.7em;
  line-height: 1.7em;
}
.page_popup_rayban .zoom {
  cursor: zoom-in;
  overflow: hidden;
}
.page_popup_rayban .zoom img {
  transition: transform 0.2s ease;
}
.page_popup_zeiss_smartlife {
  background-image: url(../../page_popup_zeiss_smartlife/images/background.jpg?ts=4);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1.48;
  top: 5% !important;
}
.page_popup_zeiss_smartlife .grid.pad {
  padding: 2em;
}
.page_popup_zeiss_smartlife h2,
.page_popup_zeiss_smartlife h3 {
  text-align: left;
  font-size: 3.5em;
}
.page_popup_zeiss_smartlife h3 {
  font-size: 2em;
  font-weight: 100;
}
.page_popup_zeiss_smartlife img {
  width: 100%;
}
.page_popup_zeiss_smartlife .hoverzoom:hover img {
  transform: scale(1.05);
  transition: scale ease-in-out 0.3s;
}
.page_popup_zeiss_smartlife .align_left {
  text-align: left;
}
.page_popup_zeiss_smartlife .align_center {
  text-align: center;
}
.page_popup_zeiss_smartlife .demo {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  cursor: pointer;
}
.page_popup_zeiss_smartlife .demo video {
  z-index: 1000;
  width: 100%;
}
.page_popup_zeiss_smartlife .demo .action-popup-close-demo-text img {
  width: 60px;
  height: auto;
  display: inline-block;
  padding-top: 1em;
}
.page_popup_zeiss_smartlife .demo .info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
  background-color: #fff;
  height: 10%;
  text-align: left;
  padding: 2em;
}
.page_popup_zeiss_smartlife .demo .info h4 {
  text-align: left !important;
  padding-bottom: 0.2em;
  font-size: 1.3em;
}
.page_popup_zeiss_smartlife .demo .info p {
  text-align: left !important;
  font-size: 1.3em;
  font-weight: 500;
}
.page_popup_zeiss_smartlife .demo .legal {
  position: absolute;
  bottom: 20%;
  left: 40px;
  width: 300px;
  padding: 10px;
  z-index: 100000;
}
.page_popup_zeiss_smartlife .demo .legal p {
  font-size: 0.8em;
  text-align: left;
  color: #fff;
}
.page_popup_zeiss_smartlife .demo .grid {
  height: 96%;
}
.page_popup_zeiss_smartlife .demo .a,
.page_popup_zeiss_smartlife .demo .b {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  user-select: none;
}
.page_popup_zeiss_smartlife .demo .a video,
.page_popup_zeiss_smartlife .demo .a img,
.page_popup_zeiss_smartlife .demo .b video,
.page_popup_zeiss_smartlife .demo .b img {
  width: 100%;
  user-select: none;
}
.page_popup_zeiss_smartlife .demo .a {
  z-index: 1001;
  border-right: 2px solid #0e1b44;
  clip-path: stroke-box;
  clip: rect(0px,560px,1000px,0px);
}
.page_popup_zeiss_smartlife .demo .handle {
  background-image: url(../../page_popup_zeiss_smartlife/images/demo2/handle.png?ts=4);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 50px;
  height: 50px;
  position: absolute;
  top: 39.9%;
  left: 50%;
  z-index: 100000;
  transform: translateX(-50%);
}
.page_popup_zeiss_smartlife .demo .learnmore {
  padding-top: 0.1em;
  color: #4e83b5;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
}
.page_popup_zeiss_smartlife .demo.demo3 {
  padding: 3em;
}
.page_popup_zeiss_smartlife .demo.demo3 h3 {
  padding-bottom: 1em;
}
.page_popup_zeiss_smartlife .demo.demo3 p {
  text-align: left;
  padding-top: 0.2em;
  font-weight: bold;
}
.page_popup_zeiss_smartlife .demo.demo3 .grid {
  padding-top: 2em;
}
.page_popup_zeiss_smartlife .demo.demo3 table {
  text-align: left;
}
.page_popup_zeiss_smartlife .demo.demo3 table th,
.page_popup_zeiss_smartlife .demo.demo3 table td {
  padding: 0.5em 0.5em;
}
.page_popup_zeiss_smartlife .demo.demo3 table th img,
.page_popup_zeiss_smartlife .demo.demo3 table td img {
  width: 30px;
  height: auto;
  margin: 0.2em auto;
  display: block;
}
.page_popup_zeiss_smartlife .demo.demo3 table th {
  background-color: #254d90;
  color: #fff;
  font-weight: normal;
}
.page_popup_zeiss_smartlife .demo.demo3 table tr:nth-child(odd) {
  background-color: #e8e8e7;
}
.page_popup_zeiss_smartlife .demo.demo4,
.page_popup_zeiss_smartlife .demo.demo5 {
  text-align: left;
}
.page_popup_zeiss_smartlife .demo.demo4 .grid,
.page_popup_zeiss_smartlife .demo.demo5 .grid {
  padding: 2em;
}
.page_popup_rayban_meta {
  background-image: url(../../page_popup_rayban_meta/images/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1.66;
  max-height: unset !important;
  max-width: unset !important;
  top: 5% !important;
  position: relative;
}
.page_popup_rayban_meta .menu {
  position: absolute;
  bottom: 1em;
  left: 0;
  right: 0;
  z-index: 10002;
}
.page_popup_rayban_meta .menu a {
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display: block;
  border-right: 2px solid #fff;
}
.page_popup_rayban_meta .menu a.last {
  border-right: none;
}
.page_popup_rayban_meta .menu a.active {
  color: #b62531;
}
.page_popup_rayban_meta .menu a.active img {
  filter: brightness(1);
}
.page_popup_rayban_meta .menu a.active .home-icon {
  background-image: url(../../page_popup_rayban_meta/images/button_home.png);
}
.page_popup_rayban_meta .menu a .home-icon {
  width: 23px;
  height: 23px;
  display: inline-block;
  background-image: url(../../page_popup_rayban_meta/images/button_home_off.png);
  background-size: cover;
}
.page_popup_rayban_meta .menu a img {
  height: 23px;
  filter: brightness(0.2);
}
.page_popup_rayban_meta .background_bottom {
  z-index: 10001;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 180px;
  width: 100%;
}
.page_popup_rayban_meta .page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 10%;
  background-color: #f1f1f1;
  display: none;
}
.page_popup_rayban_meta .page.visible {
  display: block;
}
.page_popup_rayban_meta .page .logo {
  position: absolute;
  top: 2em;
  width: 300px !important;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.page_popup_rayban_meta .page .video_popup {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #000;
  z-index: 10000;
}
.page_popup_rayban_meta .page .video_popup video {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.page_popup_rayban_meta .page .video_popup .action-popup-close-video {
  z-index: 100002 !important;
}
.page_popup_rayban_meta .page.home video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page_popup_rayban_meta .page.capture img,
.page_popup_rayban_meta .page.listen img,
.page_popup_rayban_meta .page.connect img,
.page_popup_rayban_meta .page.metaai img {
  width: 100%;
}
.page_popup_rayban_meta .page.capture .grid,
.page_popup_rayban_meta .page.listen .grid,
.page_popup_rayban_meta .page.connect .grid,
.page_popup_rayban_meta .page.metaai .grid {
  position: relative;
  top: 15%;
}
.page_popup_rayban_meta .page.capture .info {
  position: relative;
  top: -15%;
}
.page_popup_rayban_meta .page.listen video,
.page_popup_rayban_meta .page.connect video {
  width: 100%;
  margin-top: 5%;
  border-radius: 40px;
}
.page_popup_rayban_meta .page.listen p,
.page_popup_rayban_meta .page.connect p {
  font-size: 1.2em;
  font-weight: bold;
}
.page_popup_rayban_meta .page.listen p.smaller,
.page_popup_rayban_meta .page.connect p.smaller {
  font-size: 1em;
  font-weight: normal;
  margin-top: 0.5em;
}
.page_popup_rayban_meta .page.more .sidebar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  width: 20%;
}
.page_popup_rayban_meta .page.more .sidebar .logo {
  width: 160px !important;
}
.page_popup_rayban_meta .page.more .sidebar .sidemenu {
  margin-top: 150px;
}
.page_popup_rayban_meta .page.more .sidebar .sidemenu a {
  display: block;
  height: 37px;
  margin: 0.6em auto;
  font-size: 19px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  font-weight: 500;
}
.page_popup_rayban_meta .page.more .sidebar .sidemenu a.active {
  color: #b62531;
}
.page_popup_rayban_meta .page.more .subpages .subpage {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 20%;
  bottom: 0;
}
.page_popup_rayban_meta .page.more .subpages .subpage.visible {
  display: block !important;
}
.page_popup_rayban_meta .page.more .subpages .subpage.controls {
  background-image: url(../../page_popup_rayban_meta/images/page_more/background_controls.png);
  background-size: cover;
}
.page_popup_rayban_meta .page.more .subpages .subpage.controls .bottom_left {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 40%;
}
.page_popup_rayban_meta .page.more .subpages .subpage.charging .top {
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  width: 70%;
  display: block;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.charging img {
  position: absolute;
  top: 70%;
  left: 0;
  right: 0;
  width: 31%;
  display: block;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.charging .references {
  font-size: 9px;
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.transitions .transitions_logo {
  position: absolute;
  top: 2%;
  left: 0;
  right: 0;
  width: 20%;
  display: block;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.transitions .info {
  position: absolute;
  top: 12%;
  left: 0;
  right: 0;
  width: 80%;
  display: block;
  margin: 0 auto;
  font-size: 1.2em;
}
.page_popup_rayban_meta .page.more .subpages .subpage.transitions .info span {
  font-size: 0.8em;
  margin-top: 0.5em;
  display: block;
}
.page_popup_rayban_meta .page.more .subpages .subpage.transitions video {
  bottom: 0;
  position: absolute;
  left: 0;
  right: 0;
  width: 90%;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.metaapp {
  background-image: url(../../page_popup_rayban_meta/images/page_more/background_metaapp.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
.page_popup_rayban_meta .page.more .subpages .subpage.privacy video {
  position: absolute;
  top: 7%;
  left: 0;
  width: 70%;
  margin-top: 5%;
  border-radius: 40px;
  right: 0%;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.privacy img.info {
  position: absolute;
  top: 68%;
  left: 0;
  right: 0;
  width: 70%;
  display: block;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.accessibility video {
  position: absolute;
  top: 15%;
  left: 0;
  right: 0;
  z-index: 100000;
  width: 23%;
  display: block;
  margin: 0 auto;
  border-radius: 20px;
}
.page_popup_rayban_meta .page.more .subpages .subpage.accessibility img.logo {
  position: absolute;
  top: 3%;
  left: 0;
  right: 0;
  width: 15% !important;
  display: block;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.accessibility img.top {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  width: 65%;
  display: block;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.accessibility img.button {
  position: absolute;
  top: 80%;
  left: 0;
  right: 0;
  width: 35%;
  display: block;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lenses .grid {
  margin: 50px 30px;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lenses .section {
  background-color: #fff;
  padding: 20px;
  border: 2px solid #bbb;
  border-radius: 35px;
  min-height: 400px;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lenses .section img {
  width: auto;
  margin: 20px auto;
  height: 100px;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lenses .section h3 {
  margin-bottom: 1em;
  min-height: 3.5em;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lenses .section p:first-of-type {
  min-height: 4.2em;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lenses .section p {
  margin: 1em;
  min-height: 3.5em;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lenses .section a {
  color: #000;
  text-decoration: none;
  font-weight: bold;
}
.page_popup_rayban_meta .page.more .subpages .subpage.learnmore img {
  position: absolute;
  top: 8%;
  left: 0;
  right: 0;
  width: 85%;
  display: block;
  margin: 0 auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models {
  background-color: #f2f2f2 !important;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models img {
  width: 100%;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .zoom {
  cursor: zoom-in;
  overflow: hidden;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .zoom img {
  transition: transform 0.2s ease;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .models_grid {
  margin-top: 20px;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .models_grid h3 {
  background-color: #000;
  padding: 6px 10px;
  color: #fff;
  display: block;
  width: 100%;
  font-size: 0.8em;
  box-sizing: border-box;
  text-align: center;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .models_grid .info {
  height: 40px;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .models_grid .info p {
  font-size: 0.8em;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .models_grid .latest_models {
  border: 2px solid #b9b6b6;
  border-radius: 35px;
  margin: 0;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .model_popup {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 100px;
  z-index: 10000;
  background-color: #fff;
  display: none;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .model_popup .model_popup_close {
  position: absolute;
  top: 5%;
  left: 5%;
  color: #000;
  font-size: 1.3em;
  font-weight: bold;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .model_popup p.title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.2em;
}
.page_popup_rayban_meta .page.more .subpages .subpage.models .model_popup p.info {
  line-height: 1.4em;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lateststyles .grid {
  width: 95%;
  margin: 5% auto;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lateststyles img {
  width: 100%;
  height: 100%;
}
.page_popup_rayban_meta .page.more .subpages .subpage.lateststyles p {
  font-size: 0.8em;
}
.page_popup_zeiss_varifocal {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.page_popup_zeiss_varifocal img[usemap],
.page_popup_zeiss_varifocal map area {
  outline: none;
}
.page_popup_zeiss_varifocal .page_viewer_container {
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 0;
  right: 0;
}
.page_popup_zeiss_varifocal .title {
  width: 50vw;
  height: auto;
  position: relative;
  top: 3vh;
  display: block;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.page_popup_zeiss_varifocal .view {
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 70%;
  position: absolute;
  top: 17%;
  left: 0;
  right: 0;
}
.page_popup_zeiss_varifocal .view .inside {
  position: relative;
}
.page_popup_zeiss_varifocal .view .inside h3 {
  font-size: 1.3vw;
}
.page_popup_zeiss_varifocal .view .inside .glasses {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.page_popup_zeiss_varifocal .view .inside .right_eye,
.page_popup_zeiss_varifocal .view .inside .left_eye {
  background-image: none;
  background-size: contain;
  position: absolute;
  top: -32.2%;
  bottom: -26.8%;
  width: 50%;
  display: block;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center right;
}
.page_popup_zeiss_varifocal .view .inside .right_eye {
  right: 0.8%;
}
.page_popup_zeiss_varifocal .view .inside .left_eye {
  left: 0.8%;
  background-position: center left;
}
.page_popup_zeiss_varifocal .wheel {
  width: 21vw;
  height: 21vw;
  position: absolute;
}
.page_popup_zeiss_varifocal .wheel img {
  width: 100%;
  height: 100%;
}
.page_popup_zeiss_varifocal .wheel.left {
  bottom: 3%;
  left: 5%;
}
.page_popup_zeiss_varifocal .wheel.right {
  bottom: 3%;
  right: 5%;
}
.page_popup_zeiss_varifocal .text_constant {
  position: absolute;
  bottom: 0.5%;
  right: 1%;
  color: #8e8e8e;
  font-family: Arial;
  font-weight: 100;
  left: 1%;
  text-align: center;
  font-size: 13px;
}
.page_popup_zeiss_varifocal .eyetext {
  font-size: 16px;
  line-height: 1.5em;
}
.page_popup_zeiss_varifocal .left_title {
  position: absolute;
  top: -13%;
  left: -50px;
  right: 50%;
  text-align: center;
  color: #0d1a45;
  letter-spacing: 2px;
  font-size: 1.3vw !important;
}
.page_popup_zeiss_varifocal .right_title {
  position: absolute;
  top: -13%;
  right: -50px;
  left: 50%;
  text-align: center;
  color: #0d1a45;
  letter-spacing: 2px;
  font-size: 1.3vw !important;
}
.page_popup_zeiss_varifocal .left_text,
.page_popup_zeiss_varifocal .right_text {
  position: absolute;
  top: 108%;
  text-align: center;
  color: #0d1a45;
}
.page_popup_zeiss_varifocal .left_text {
  left: 5%;
  right: 55%;
}
.page_popup_zeiss_varifocal .right_text {
  right: 5%;
  left: 55%;
}
.page_popup_zeiss_varifocal .title_type,
.page_popup_zeiss_varifocal .title_cost {
  font-weight: 100;
}
.page_popup_varifocal {
  user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -o-user-select: none;
}
.page_popup_varifocal img[usemap],
.page_popup_varifocal map area {
  outline: none;
}
.page_popup_varifocal .page_viewer_container {
  position: absolute;
  top: 20px;
  bottom: 0;
  left: 0;
  right: 0;
}
.page_popup_varifocal .title {
  width: 50vw;
  height: auto;
  position: relative;
  top: 3vh;
  display: block;
  margin: 0 auto;
  left: 0;
  right: 0;
}
.page_popup_varifocal .view {
  background-image: none;
  background-size: cover;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  position: relative;
  text-align: center;
  width: 70%;
  position: absolute;
  top: 17%;
  left: 0;
  right: 0;
}
.page_popup_varifocal .view .inside {
  position: relative;
}
.page_popup_varifocal .view .inside h3 {
  font-size: 1.3vw;
}
.page_popup_varifocal .view .inside .glasses {
  width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}
.page_popup_varifocal .view .inside .right_eye,
.page_popup_varifocal .view .inside .left_eye {
  background-image: none;
  background-size: contain;
  position: absolute;
  top: -32.2%;
  bottom: -26.8%;
  width: 50%;
  display: block;
  z-index: 1;
  background-repeat: no-repeat;
  background-position: center right;
}
.page_popup_varifocal .view .inside .right_eye {
  right: 0.8%;
}
.page_popup_varifocal .view .inside .left_eye {
  left: 0.8%;
  background-position: center left;
}
.page_popup_varifocal .wheel {
  width: 21vw;
  height: 21vw;
  position: absolute;
}
.page_popup_varifocal .wheel img {
  width: 100%;
  height: 100%;
}
.page_popup_varifocal .wheel.left {
  bottom: 3%;
  left: 5%;
}
.page_popup_varifocal .wheel.right {
  bottom: 3%;
  right: 5%;
}
.page_popup_varifocal .text_constant {
  position: absolute;
  bottom: 0.5%;
  right: 1%;
  color: #8e8e8e;
  font-family: Arial;
  font-weight: 100;
  left: 1%;
  text-align: center;
  font-size: 13px;
}
.page_popup_varifocal .eyetext {
  font-size: 16px;
  line-height: 1.5em;
}
.page_popup_varifocal .left_title {
  position: absolute;
  top: -13%;
  left: -50px;
  right: 50%;
  text-align: center;
  color: #0d1a45;
  letter-spacing: 2px;
  font-size: 1.3vw !important;
}
.page_popup_varifocal .right_title {
  position: absolute;
  top: -13%;
  right: -50px;
  left: 50%;
  text-align: center;
  color: #0d1a45;
  letter-spacing: 2px;
  font-size: 1.3vw !important;
}
.page_popup_varifocal .left_text,
.page_popup_varifocal .right_text {
  position: absolute;
  top: 108%;
  text-align: center;
  color: #0d1a45;
}
.page_popup_varifocal .left_text {
  left: 5%;
  right: 55%;
}
.page_popup_varifocal .right_text {
  right: 5%;
  left: 55%;
}
.page_popup_varifocal .title_type,
.page_popup_varifocal .title_cost {
  font-weight: 100;
}
.page_popup_drivesafe .top {
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 0;
  background-image: url(../../page_popup_drivesafe/images/top.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  clip-path: polygon(100% 100%,87% 90%,88% 75%,85% 68%,72% 55%,74% 41%,79% 28%,88% 16%,115% -10%,0% 0%,0% 100%);
}
.page_popup_drivesafe .scene {
  height: 100%;
  width: 100%;
}
.page_popup_drivesafe .scene path {
  cursor: grab;
}
.page_popup_drivesafe .scene image {
  width: 100%;
}
.page_popup_drivesafe .disclaimer {
  font-size: 10px;
  color: #fff;
  position: absolute;
  bottom: 3px;
  right: 22px;
}
.page_popup_transitions_gens_v2 .preview {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 30%;
  width: 50%;
}
.page_popup_transitions_gens_v2 .preview .frame {
  position: absolute;
  top: 10%;
  left: 0;
  bottom: 0;
  right: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 110;
}
.page_popup_transitions_gens_v2 .preview .frame.frame_clear {
  background-image: url(../../page_popup_transitions_gens_v2/images/frames/frame_1_clear.png);
  z-index: 100;
}
.page_popup_transitions_gens_v2 .controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  margin-top: 5%;
}
.page_popup_transitions_gens_v2 .controls img {
  width: 300px;
}
.page_popup_transitions_gens_v2 .controls .lens_options {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-top: 5%;
}
.page_popup_transitions_gens_v2 .controls .lens_options .lens {
  width: 20%;
  height: 210px;
  border-radius: 15px;
  margin: 5px;
  position: relative;
  border: 2px solid transparent;
  cursor: pointer;
}
.page_popup_transitions_gens_v2 .controls .lens_options .lens .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 10px;
  border-radius: 15px;
  box-shadow: 3px 4px 5px 0px #c2c2c2;
}
.page_popup_transitions_gens_v2 .controls .lens_options .lens .inner h3 {
  font-size: 15px;
  color: #fff;
  display: block;
  text-align: center;
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
}
.page_popup_transitions_gens_v2 .controls .lens_options .lens.brown .inner {
  background-color: #42372c;
}
.page_popup_transitions_gens_v2 .controls .lens_options .lens.amber .inner {
  background-color: #483923;
}
.page_popup_transitions_gens_v2 .controls .lens_options .lens.sapphire .inner {
  background-color: #2c3d53;
}
.page_popup_transitions_gens_v2 .controls .lens_options .lens.selected,
.page_popup_transitions_gens_v2 .controls .lens_options .lens:hover {
  border: 2px solid #c6c6c6;
}
.page_popup_transitions_gens_v2 .controls .lens_options .lens span {
  position: absolute;
  bottom: -14%;
  right: 0;
  left: 0;
  font-size: 14px;
  font-weight: bold;
}
.page_popup_transitions_gens_v2 .controls .slider {
  display: block;
  width: 60%;
  margin: 40px auto;
}
.page_popup_transitions_gens_v2 .controls .slider input {
  width: 100%;
}
.page_popup_transitions_gens_v2 .controls .more_info {
  width: 150px;
  height: 55px;
  display: block;
  z-index: 10001;
  margin: 0 auto;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
  background-image: url(../../page_popup_transitions_gens_v2/images/button_moreinfo.png);
}
.page_popup_transitions_gens_v2 .controls .more_info:hover {
  background-image: url(../../page_popup_transitions_gens_v2/images/button_moreinfo_hover.png);
}
.page_popup_transitions_gens_v2 .controls .other_popup {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
}
.page_popup_transitions_gens_v2 .controls .other_popup img {
  width: 220px;
}
.page_popup_transitions_gens_v2 .frame_control {
  position: absolute;
  bottom: -20%;
  left: 50%;
  width: 800px;
  height: 800px;
  transform: translate(-50%,50%);
}
.page_popup_transitions_gens_v2 .frame_control img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: center center;
  transition: transform 0.3s ease-in;
}
.page_popup_transitions_gens_v2 .frame_control .action_left,
.page_popup_transitions_gens_v2 .frame_control .action_right {
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 40%;
}
.page_popup_transitions_gens_v2 .frame_control .action_right {
  right: 0;
  left: 50%;
}
.page_popup_transitions {
  background-image: url(../../page_popup_transitions/images/outer_background.jpg);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
}
.page_popup_transitions.visible ~ .page_popup_transitions_background {
  display: block;
}
.page_popup_transitions .grid {
  width: 90%;
  margin-top: 50px;
}
.page_popup_transitions img {
  width: 100%;
}
.page_popup_transitions img.logo {
  margin-bottom: 30px;
}
.page_popup_transitions .outer_button {
  border: 1px solid #000;
  border-radius: 30px;
  min-height: 270px;
  position: relative;
}
.page_popup_transitions .outer_button img {
  width: 70%;
  margin-top: 20px;
}
.page_popup_transitions .outer_button:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 30px;
  background-image: url(../../page_popup_transitions/images/shadow.png);
  background-size: 100% 100%;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  z-index: -1;
}
.page_popup_transitions .outer_button .selection ul {
  list-style: none;
}
.page_popup_transitions .outer_button .selection ul li {
  display: inline-block;
}
.page_popup_transitions .outer_button .selection ul li a {
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 20px;
}
.page_popup_transitions .outer_button .selection ul li a.selected {
  outline: 1px solid #000;
  outline-offset: 1px;
}
.page_popup_transitions .outer_button .selection ul li a.amber {
  background-color: #47392e;
}
.page_popup_transitions .outer_button .selection ul li a.amethyst {
  background-color: #3d2d46;
}
.page_popup_transitions .outer_button .selection ul li a.brown {
  background-color: #3b2e14;
}
.page_popup_transitions .outer_button .selection ul li a.emerald {
  background-color: #2A4F48;
}
.page_popup_transitions .outer_button .selection ul li a.gg {
  background-color: #2f4f4f;
}
.page_popup_transitions .outer_button .selection ul li a.grey {
  background-color: #3a4042;
}
.page_popup_transitions .outer_button .selection ul li a.ruby {
  background-color: #63243d;
}
.page_popup_transitions .outer_button .selection ul li a.sapphire {
  background-color: #2b3244;
}
.page_popup_transitions .outer_button .selection ul li a.grad_ruby {
  background: linear-gradient(180deg,#f5c9d9 0%,#ffffff 100%);
}
.page_popup_transitions .outer_button .selection ul li a.grad_sapphire {
  background: linear-gradient(180deg,#bdd6e0 0%,#ffffff 100%);
  background-color: #bdd6e0;
}
.page_popup_transitions .outer_button .selection ul li a.grad_emerald {
  background: linear-gradient(180deg,#d1efe0 0%,#ffffff 100%);
  background-color: #d1efe0;
}
.page_popup_transitions .outer_button .selection ul li a.grad_amethyst {
  background: linear-gradient(180deg,#e7e0f4 0%,#ffffff 100%);
  background-color: #e7e0f4;
}
.page_popup_transitions .outer_button .selection ul li a.grad_amber {
  background: linear-gradient(180deg,#e8cf93 0%,#ffffff 100%);
  background-color: #e8cf93;
}
.page_popup_transitions .outer_button .selection ul li a.washed_ruby {
  background-color: #f5c9d9;
}
.page_popup_transitions .outer_button .selection ul li a.washed_sapphire {
  background-color: #bdd6e0;
}
.page_popup_transitions .outer_button .selection ul li a.washed_emerald {
  background-color: #d1efe0;
}
.page_popup_transitions .outer_button .selection ul li a.washed_amethyst {
  background-color: #e7e0f4;
}
.page_popup_transitions .outer_button .selection ul li a.washed_amber {
  background-color: #e8cf93;
}
.page_popup_transitions .outer_button .bottom {
  position: absolute;
  bottom: 1px;
  left: 0;
  right: 0;
  width: 90%;
  margin: 0 auto;
}
.page_popup_oakley_authentic {
  background-image: url(../../page_popup_oakley_authentic/images/background.jpg?ts=4);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1.48;
  top: 5% !important;
  position: relative;
}
.page_popup_oakley_authentic .select2-container li {
  text-align: left !important;
}
.page_popup_oakley_authentic .inner {
  position: absolute;
  top: 140px;
  left: 100px;
  right: 100px;
  bottom: 110px;
}
.page_popup_oakley_authentic .inner .menu {
  text-align: left;
  padding-left: 20px;
}
.page_popup_oakley_authentic .inner .menu a {
  display: inline-block;
  height: 30px;
  font-size: 14px;
  text-decoration: none;
  background-color: #9c9c9b;
  border-radius: 10px 10px 0 0;
  line-height: 30px;
  text-align: center;
  width: 120px;
  color: #fff;
  margin-right: 10px;
  font-weight: 900;
  position: relative;
}
.page_popup_oakley_authentic .inner .menu a sup {
  position: absolute;
  top: -2px;
}
.page_popup_oakley_authentic .inner .menu a.active {
  background-color: #000;
}
.page_popup_oakley_authentic .inner .content_container {
  border-radius: 14px;
  height: 100%;
  background-color: #fff;
}
.page_popup_oakley_authentic .inner .content_container .content {
  display: none;
}
.page_popup_oakley_authentic .inner .content_container .content.show {
  display: block;
}
.page_popup_oakley_authentic .inner .content_container .content img {
  width: 100%;
}
.page_popup_oakley_authentic .inner .content_container .content img.title {
  width: auto !important;
  height: 48px !important;
}
.page_popup_oakley_authentic .inner .content_container .content img.heading {
  width: auto !important;
  height: 14px !important;
}
.page_popup_oakley_authentic .inner .content_container .content .action-popup-show img {
  width: 70% !important;
}
.page_popup_oakley_authentic .inner .content_container .content.prizm {
  background-image: url(../../page_popup_oakley_authentic/images/prizm/background.png?ts=4);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
  position: relative;
}
.page_popup_oakley_authentic .inner .content_container .content.prizm .slides {
  position: absolute;
  top: 26%;
  cursor: ew-resize;
  left: 34%;
  bottom: 33%;
  right: 4%;
}
.page_popup_oakley_authentic .inner .content_container .content.prizm .slides .slide1,
.page_popup_oakley_authentic .inner .content_container .content.prizm .slides .slide2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../../page_popup_oakley_authentic/images/prizm/slide2.jpg?ts=4);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page_popup_oakley_authentic .inner .content_container .content.prizm .slides .slide2 {
  background-image: url(../../page_popup_oakley_authentic/images/prizm/slide1.jpg?ts=4);
  clip-path: inset(0 50% 0 0);
}
.page_popup_oakley_authentic .inner .content_container .content.prizm .slides .bar {
  position: absolute;
  z-index: 8;
  cursor: ew-resize;
  top: 0;
  left: 50%;
  right: 0;
  bottom: 0;
  border-left: 8px solid #fff;
  transform: translateX(-4px);
}
.page_popup_oakley_authentic .inner .content_container .content.prizm .slides .handle {
  position: absolute;
  z-index: 9;
  cursor: ew-resize;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 50%;
  background-image: url(../../page_popup_oakley_authentic/images/prizm/handle.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.page_popup_oakley_authentic .inner .content_container .content.prizmlenses .action_magnify,
.page_popup_oakley_authentic .inner .content_container .content.transitions .action_magnify {
  position: relative;
  cursor: pointer;
  width: auto !important;
  height: auto !important;
  display: block;
}
.page_popup_oakley_authentic .inner .content_container .content.prizmlenses .action_magnify:after,
.page_popup_oakley_authentic .inner .content_container .content.transitions .action_magnify:after {
  content: "";
  position: absolute;
  top: 53%;
  right: -3%;
  height: 12px;
  z-index: 1000;
  width: 12px;
  background-image: url(../../page_popup_oakley_authentic/images/prizmlenses/magnifier.png?ts=4);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
}
.page_popup_oakley_authentic .inner .content_container .content.prizmlenses .clicktoenlarge,
.page_popup_oakley_authentic .inner .content_container .content.transitions .clicktoenlarge {
  position: absolute;
  left: -150px;
  top: -70px;
  width: 500px;
}
.page_popup_oakley_authentic .inner .content_container .content.prizmlenses .clicktoenlargetransitions,
.page_popup_oakley_authentic .inner .content_container .content.transitions .clicktoenlargetransitions {
  position: absolute;
  left: -150px;
  top: 22px;
  width: 480px;
}
.page_popup_oakley_authentic .inner .content_container .content.prizmlenses .border,
.page_popup_oakley_authentic .inner .content_container .content.transitions .border {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 2px;
  background-color: #ededed;
  display: block;
}
.page_popup_oakley_authentic .inner .content_container .content.sportspal {
  background-image: url(../../page_popup_oakley_authentic/images/sportspal/background.png?ts=4);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 100%;
}
.page_popup_oakley_authentic .inner .content_container .content .magnifier {
  position: absolute;
  top: 30%;
  left: 10%;
  right: 10%;
  bottom: 30%;
  background-color: #fff;
  border: 1px solid #ddd;
  z-index: 10000;
  box-shadow: #0000009e 0px 6px 14px 6px;
  border-radius: 20px;
  display: none;
}
.page_popup_oakley_authentic .inner .content_container .content .magnifier.show {
  display: block;
}
.page_popup_oakley_authentic .inner .content_container .content .magnifier img {
  width: 70% !important;
  margin: 60px auto;
  display: block;
}
.page_popup_oakley_authentic .inner .content_container .content .magnifier .close {
  color: #0d1a45;
  font-weight: bold;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 3px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100001;
  width: 30px;
  box-shadow: 0 0 10px -4px #000;
  line-height: 30px;
  border: 3px solid #0d1a45;
  height: 30px;
  text-transform: uppercase;
  text-align: center;
}
.page_popup_oakley_authentic .inner .content_container .content.tints .tab {
  position: absolute;
  bottom: 40px;
  right: 40px;
  width: 110px;
  z-index: 100000;
  background-color: #b0242f;
  padding: 10px;
  border-radius: 10px;
  text-align: center;
}
.page_popup_oakley_authentic .inner .content_container .content.tints .tab h4 {
  color: red;
}
.page_popup_oakley_authentic .inner .content_container .content.tints .tab input {
  position: absolute;
  left: -9999px;
}
.page_popup_oakley_authentic .inner .content_container .content.tints .tab input:checked+.slider {
  background-color: #95b47a;
}
.page_popup_oakley_authentic .inner .content_container .content.tints .tab input:checked+.slider:before {
  transform: translateX(25px);
}
.page_popup_oakley_authentic .inner .content_container .content.tints .tab .slider {
  margin-top: 5px;
  position: relative;
  width: 50px;
  height: 25px;
  background-color: #ccc;
  border-radius: 25px;
  cursor: pointer;
  transition: background-color 0.2s;
  display: inline-block;
}
.page_popup_oakley_authentic .inner .content_container .content.tints .tab .slider:before {
  content: "";
  position: absolute;
  width: 21px;
  height: 21px;
  background-color: #fff;
  border-radius: 50%;
  top: 2px;
  left: 2px;
  transition: transform 0.2s;
}
.page_popup_oakley_authentic .inner .content_container .content.lensguide .grid {
  margin-top: 2em;
}
.page_popup_oakley_authentic .inner .content_container .content.lensguide label {
  min-height: 3em;
  display: block;
}
.page_popup_oakley_authentic .inner .content_container .content.lensguide select,
.page_popup_oakley_authentic .inner .content_container .content.lensguide input {
  width: 100%;
  padding: 5px 10px;
  box-sizing: border-box;
}
.page_popup_oakley_authentic .inner .content_container .content.lensguide .copy_rayban {
  display: block;
  text-align: center;
  margin-top: 1em;
  padding: 4px;
  background-color: #000;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
}
.page_popup_oakley_authentic .inner .content_container .content.lensguide .frame_article_info h4 {
  text-align: center;
  background-color: #000000;
  color: #fff;
  padding: 5px;
  display: block;
}
.page_popup_oakley_authentic .inner .content_container .content.lensguide .frame_article_info span {
  text-align: center;
  background-color: #bbbbbb;
  color: #fff;
  padding: 5px;
  display: block;
  min-height: 1.7em;
  line-height: 1.7em;
}
.page_popup_oakley_authentic .zoom {
  cursor: zoom-in;
  overflow: hidden;
}
.page_popup_oakley_authentic .zoom img {
  transition: transform 0.2s ease;
}
.page_popup_oakley_meta {
  background-image: url(../../page_popup_oakley_meta/images/background.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1.66;
  max-height: unset !important;
  max-width: unset !important;
  top: 5% !important;
  position: relative;
}
.page_popup_oakley_meta .menu {
  position: absolute;
  bottom: 1em;
  left: 0;
  right: 0;
  z-index: 10002;
}
.page_popup_oakley_meta .menu a {
  font-size: 1.4em;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  display: block;
  border-right: 2px solid #fff;
}
.page_popup_oakley_meta .menu a.last {
  border-right: none;
}
.page_popup_oakley_meta .menu a.active {
  color: #FF8000;
}
.page_popup_oakley_meta .menu a.active img {
  filter: brightness(1);
}
.page_popup_oakley_meta .menu a.active .home-icon {
  background-image: url(../../page_popup_oakley_meta/images/button_home.png);
}
.page_popup_oakley_meta .menu a .home-icon {
  width: 23px;
  height: 23px;
  display: inline-block;
  background-image: url(../../page_popup_oakley_meta/images/button_home_off.png);
  background-size: cover;
}
.page_popup_oakley_meta .menu a img {
  height: 23px;
  filter: brightness(0.2);
}
.page_popup_oakley_meta .background_bottom {
  z-index: 10001;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 180px;
  width: 100%;
}
.page_popup_oakley_meta .page {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 10%;
  background-color: #f1f1f1;
  display: none;
}
.page_popup_oakley_meta .page.visible {
  display: block;
}
.page_popup_oakley_meta .page .logo {
  position: absolute;
  top: 2em;
  width: 300px !important;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 100000;
}
.page_popup_oakley_meta .page .video_popup {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #000;
  z-index: 10000;
}
.page_popup_oakley_meta .page .video_popup video {
  width: 100%;
  height: 100%;
  background-color: #000;
}
.page_popup_oakley_meta .page .video_popup .action-popup-close-video {
  z-index: 100002 !important;
}
.page_popup_oakley_meta .page.home video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page_popup_oakley_meta .page.capture img,
.page_popup_oakley_meta .page.listen img,
.page_popup_oakley_meta .page.connect img,
.page_popup_oakley_meta .page.metaai img {
  width: 100%;
}
.page_popup_oakley_meta .page.capture .grid,
.page_popup_oakley_meta .page.listen .grid,
.page_popup_oakley_meta .page.connect .grid,
.page_popup_oakley_meta .page.metaai .grid {
  position: relative;
  top: 15%;
}
.page_popup_oakley_meta .page.capture .info {
  position: relative;
  top: -25%;
  width: 80%;
}
.page_popup_oakley_meta .page.listen video,
.page_popup_oakley_meta .page.connect video {
  width: 100%;
  margin-top: 2%;
  border-radius: 40px;
}
.page_popup_oakley_meta .page.listen p,
.page_popup_oakley_meta .page.connect p {
  font-size: 1.2em;
  font-weight: bold;
}
.page_popup_oakley_meta .page.listen p.smaller,
.page_popup_oakley_meta .page.connect p.smaller {
  font-size: 1em;
  font-weight: normal;
  margin-top: 0.5em;
}
.page_popup_oakley_meta .page.more .sidebar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  width: 20%;
}
.page_popup_oakley_meta .page.more .sidebar .logo {
  width: 160px !important;
}
.page_popup_oakley_meta .page.more .sidebar .sidemenu {
  margin-top: 100px;
  z-index: 10002;
  position: relative;
}
.page_popup_oakley_meta .page.more .sidebar .sidemenu a {
  display: block;
  height: 35px;
  margin: 0.7em auto;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
  font-weight: bold;
  z-index: 10000;
}
.page_popup_oakley_meta .page.more .sidebar .sidemenu a.active {
  color: #FF8000;
}
.page_popup_oakley_meta .page.more .subpages .subpage {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 20%;
  bottom: 0;
}
.page_popup_oakley_meta .page.more .subpages .subpage.visible {
  display: block !important;
}
.page_popup_oakley_meta .page.more .subpages .subpage.controls {
  background-image: url(../../page_popup_oakley_meta/images/page_more/background_controls.png);
  background-size: cover;
}
.page_popup_oakley_meta .page.more .subpages .subpage.charging {
  background-image: url(../../page_popup_oakley_meta/images/page_more/background_charging.png);
  background-size: cover;
}
.page_popup_oakley_meta .page.more .subpages .subpage.transitions .transitions_logo {
  position: absolute;
  top: 4%;
  left: 0;
  right: 0;
  width: 35%;
  display: block;
  margin: 0 auto;
}
.page_popup_oakley_meta .page.more .subpages .subpage.transitions .transitions_video {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  width: 70%;
  display: block;
  margin: 0 auto;
}
.page_popup_oakley_meta .page.more .subpages .subpage.transitions .transitions_info {
  position: absolute;
  top: 80%;
  left: 0;
  right: 0;
  width: 80%;
  display: block;
  margin: 0 auto;
}
.page_popup_oakley_meta .page.more .subpages .subpage.metaapp {
  background-image: url(../../page_popup_oakley_meta/images/page_more/background_metaapp.jpg);
  background-size: contain;
  background-repeat: no-repeat;
}
.page_popup_oakley_meta .page.more .subpages .subpage.privacy {
  background-image: url(../../page_popup_oakley_meta/images/page_more/background_privacy.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.page_popup_oakley_meta .page.more .subpages .subpage.frames {
  background-image: url(../../page_popup_oakley_meta/images/page_more/background_frames.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.page_popup_oakley_meta .page.more .subpages .subpage.learnmore {
  background-image: url(../../page_popup_oakley_meta/images/page_more/background_learnmore.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.page_popup_transitions_gens_v2_color_touch {
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.page_popup_transitions_gens_v2_color_touch .preview {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 30%;
  width: 50%;
}
.page_popup_transitions_gens_v2_color_touch .preview .frame {
  position: absolute;
  top: 10%;
  left: 0;
  bottom: 0;
  right: 10%;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 110;
}
.page_popup_transitions_gens_v2_color_touch .preview .frame.frame_clear {
  background-image: url(../../page_popup_transitions_gens_v2_color_touch/images/frames/frame_1_clear.png);
  z-index: 100;
}
.page_popup_transitions_gens_v2_color_touch .controls {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  margin-top: 5%;
}
.page_popup_transitions_gens_v2_color_touch .controls img {
  width: 250px;
}
.page_popup_transitions_gens_v2_color_touch .controls .subset {
  margin-top: 20px;
}
.page_popup_transitions_gens_v2_color_touch .controls .subset input[type="radio"] {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.page_popup_transitions_gens_v2_color_touch .controls .subset input:checked + label {
  background-color: #ddd;
}
.page_popup_transitions_gens_v2_color_touch .controls .subset label {
  border: 1px solid #000;
  padding: 10px;
  border-radius: 10px;
  margin-right: 20px;
  cursor: pointer;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  margin-top: 5%;
  user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options.gradient .lens.ruby .inner {
  background: linear-gradient(180deg,#f5c9d9 0%,#ffffff 100%);
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options.gradient .lens.sapphire .inner {
  background: linear-gradient(180deg,#bdd6e0 0%,#ffffff 100%);
  background-color: #bdd6e0;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options.gradient .lens.emerald .inner {
  background: linear-gradient(180deg,#d1efe0 0%,#ffffff 100%);
  background-color: #d1efe0;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options.gradient .lens.amethyst .inner {
  background: linear-gradient(180deg,#e7e0f4 0%,#ffffff 100%);
  background-color: #e7e0f4;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options.gradient .lens.amber .inner {
  background: linear-gradient(180deg,#e8cf93 0%,#ffffff 100%);
  background-color: #e8cf93;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens {
  width: 20%;
  height: 210px;
  border-radius: 15px;
  margin: 5px;
  position: relative;
  border: 2px solid transparent;
  cursor: pointer;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens .inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 10px;
  border-radius: 15px;
  box-shadow: 3px 4px 5px 0px #c2c2c2;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens .inner h3 {
  font-size: 15px;
  color: #000;
  display: block;
  text-align: center;
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens.ruby .inner {
  background-color: #f5c9d9;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens.sapphire .inner {
  background-color: #bdd6e0;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens.emerald .inner {
  background-color: #d1efe0;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens.amethyst .inner {
  background-color: #e7e0f4;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens.amber .inner {
  background-color: #e8cf93;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens.selected,
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens:hover {
  border: 2px solid #c6c6c6;
}
.page_popup_transitions_gens_v2_color_touch .controls .lens_options .lens span {
  position: absolute;
  bottom: -14%;
  right: 0;
  left: 0;
  font-size: 14px;
  font-weight: bold;
}
.page_popup_transitions_gens_v2_color_touch .controls .slider {
  display: block;
  width: 60%;
  margin: 40px auto;
}
.page_popup_transitions_gens_v2_color_touch .controls .slider input {
  width: 100%;
}
.page_popup_transitions_gens_v2_color_touch .controls .more_info {
  width: 150px;
  height: 55px;
  display: block;
  z-index: 10001;
  margin: 0 auto;
  position: relative;
  background-size: contain;
  background-repeat: no-repeat;
  margin-top: 20px;
  background-image: url(../../page_popup_transitions_gens_v2_color_touch/images/button_moreinfo.png);
}
.page_popup_transitions_gens_v2_color_touch .controls .more_info:hover {
  background-image: url(../../page_popup_transitions_gens_v2_color_touch/images/button_moreinfo_hover.png);
}
.page_popup_transitions_gens_v2_color_touch .controls .other_popup {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 1;
}
.page_popup_transitions_gens_v2_color_touch .controls .other_popup img {
  width: 220px;
}
.page_popup_transitions_gens_v2_color_touch .frame_control {
  position: absolute;
  bottom: -20%;
  left: 50%;
  width: 800px;
  height: 800px;
  transform: translate(-50%,50%);
}
.page_popup_transitions_gens_v2_color_touch .frame_control img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  transform-origin: center center;
  transition: transform 0.3s ease-in;
  z-index: 1;
}
.page_popup_transitions_gens_v2_color_touch .frame_control .action_left,
.page_popup_transitions_gens_v2_color_touch .frame_control .action_right {
  z-index: 10000;
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  bottom: 40%;
}
.page_popup_transitions_gens_v2_color_touch .frame_control .action_right {
  right: 0;
  left: 50%;
}
.page_popup_transitions_gens_v2_color_touch .info {
  position: absolute;
  bottom: 2%;
  left: 3%;
  color: #000;
  font-size: 0.8em;
  font-family: sans-serif;
  width: 16%;
  letter-spacing: normal;
  text-align: left;
  display: block;
  word-spacing: normal;
}
.page_popup_transitions_color_touch {
  background: linear-gradient(180deg,#cac0c4 0%,#edd5de 2%,#e6dcdf 45%,#ffffff 100%);
  color: #e6dcdf;
}
.page_popup_transitions_color_touch.visible ~ .page_popup_transitions_background {
  display: block;
}
.page_popup_transitions_color_touch .grid {
  width: 90%;
  margin-top: 15px;
}
.page_popup_transitions_color_touch img {
  width: 100%;
}
.page_popup_transitions_color_touch .video_background {
  position: relative;
  width: 100%;
  display: block;
  aspect-ratio: 2.3;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url(../../page_popup_transitions_color_touch/images/video_background.png?ts=2);
  background-color: #fff;
  background-position: top right;
  border-radius: 35px;
}
.page_popup_transitions_color_touch .video_background video {
  position: relative;
  top: 0;
  left: 0;
  width: 65%;
  border-radius: 30px;
  margin: 10px;
  display: block;
}
.page_popup_transitions_color_touch .video_background .try_demo {
  position: absolute;
  bottom: 0;
  right: 5%;
  width: 23%;
}
.page_popup_transitions_color_touch .video_background .try_demo:hover {
  transform: scale(1.01);
}
.page_popup_transitions_color_touch .video_background .info {
  position: absolute;
  bottom: 2%;
  left: 3%;
  color: #000;
  font-size: 0.8em;
  font-family: sans-serif;
  width: 70%;
  letter-spacing: normal;
  text-align: left;
  display: block;
  word-spacing: normal;
}
.page_popup_essilor_immersia .action-popup-close {
  background-image: url(../../page_popup_eyezen/images/button_close.png);
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: 100000px;
  border: none !important;
  box-shadow: none !important;
  width: 40px !important;
  height: 40px !important;
  background-color: transparent !important;
  padding: 0 !important;
}
.page_popup_essilor_immersia .inner_page {
  display: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.page_popup_essilor_immersia .inner_page.visible {
  display: block;
}
.page_popup_essilor_immersia .inner_page .button_close {
  position: absolute;
  width: 40px;
  height: 40px;
  right: 10px;
  top: 10px;
  z-index: 100002;
  background-image: url(../../page_popup_eyezen/images/button_close.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.page_popup_essilor_immersia .inner_page.intro {
  background: linear-gradient(180deg,#bfbfbf 0%,#ffffff 100%);
}
.page_popup_essilor_immersia .inner_page.intro .grid {
  height: 85%;
  margin-top: 5%;
}
.page_popup_essilor_immersia .inner_page.intro .grid .mid img {
  z-index: 80;
}
.page_popup_essilor_immersia .inner_page.intro .grid .mid video {
  z-index: 100;
  position: absolute;
  top: 35%;
  left: 15%;
  width: 70%;
}
.page_popup_essilor_immersia .inner_page.intro .grid .col-8 {
  height: 100%;
}
.page_popup_essilor_immersia .inner_page.intro .grid .col-8 img {
  height: 100%;
}
.page_popup_essilor_immersia .inner_page.intro video {
  width: 100%;
  border-radius: 30px;
}
.page_popup_essilor_immersia .inner_page.intro .tag {
  position: absolute;
  z-index: 100;
  bottom: 0;
  right: 5%;
  height: auto;
  width: 70px;
}
.page_popup_essilor_immersia .inner_page.learnmore {
  background-image: url(../../page_popup_essilor_immersia/images/learnmore/background.jpg);
  background-size: 100% 100%;
}
.page_popup_essilor_immersia .inner_page.learnmore img {
  width: 90%;
}
.page_popup_essilor_immersia .inner_page.sources {
  background-image: url(../../page_popup_essilor_immersia/images/sources/background.jpg);
  background-size: 100% 100%;
}
.page_popup_essilor_immersia .inner_page.sources .grid {
  margin-top: 5%;
}
.page_popup_essilor_immersia .inner_page.sources .grid .col-18 img {
  width: 90%;
}
.page_popup_essilor_immersia .zoom {
  cursor: zoom-in;
  overflow: hidden;
}
.page_popup_essilor_immersia .zoom img {
  transition: transform 0.2s ease;
}
.page_popup_essilor_immersia img.button {
  height: 50px !important;
  width: auto !important;
}
* {
  margin: 0;
  padding: 0;
}
body,
html,
button,
input,
select,
textarea,
.pure-g [class *= "pure-u"] {
  font-weight: 200;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  font-size: 16px;
  font-family: 'F37 Ginger', Arial;
}
.hidden {
  display: none;
}
body > header {
  z-index: 1000000;
  background-color: #fff;
  height: 100px;
}
body > header .top {
  height: 100%;
}
body > header .top .logo {
  width: 200px;
  height: 80%;
  display: block;
  padding: 10px;
  background-image: url(../../assets/images/header/logo.png?ts=1);
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
body > header .top .lens_search {
  width: auto;
  margin: 0 auto;
  display: inline-block;
  background-color: #fff;
  color: #7f96af;
  border: 1px solid #c6d3de;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1.2em;
  border-radius: 5px;
  font-weight: 100;
}
body > header .top .lens_search:hover {
  border-color: #0d1a45;
  color: #0d1a45;
}
body > header .top .menu {
  width: auto;
  height: 30px;
  margin: 0 auto;
  display: block;
  cursor: pointer;
}
body > header .top .menu:hover {
  transform: scale(1.1);
}
body > header .top h2 {
  font-size: 3em;
  text-align: center;
  color: #0d1a45;
}
@keyframes menu-come-in {
  to {
    transform: translateX(0px);
  }
}
.aside-cover {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.43);
  z-index: 10000;
}
body aside {
  position: fixed;
  top: 0;
  right: -800px;
  bottom: 0;
  padding: 0px;
  z-index: 10001;
  background-color: #fff;
  overflow-y: scroll;
  transition: all 0.9s ease;
}
body aside sup {
  font-size: 0.5em;
  padding-left: 2px;
}
body aside.active {
  right: 0;
}
body aside ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 70px;
}
body aside ul lh {
  margin-left: 2em;
  margin-top: 2em;
  display: block;
  font-weight: bold;
}
body aside ul li {
  margin: 0;
  padding: 0;
}
body aside ul li a {
  font-size: 1.2em;
  color: #0d1a45;
  text-decoration: none;
  display: block;
  width: 100%;
  padding: 10px 15px;
  padding-left: 40px;
}
body aside ul li a:hover {
  background-color: #caf1f1;
}
body aside ul li a img {
  width: 25px;
  padding-top: 3px;
  vertical-align: top;
}
body aside .action-menu-hide {
  color: #0d1a45;
  font-weight: bold;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 3px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100001;
  width: 30px;
  box-shadow: 0 0 10px -4px #000;
  line-height: 30px;
  border: 4px solid #0d1a45;
  height: 30px;
  text-transform: uppercase;
  text-align: center;
}
body aside .action-menu-hide:hover {
  box-shadow: 0 0 10px 0px #000;
}
.popup {
  text-align: center;
  position: fixed;
  z-index: 100000;
  top: 10%;
  bottom: 10%;
  left: 5%;
  right: 5%;
  box-shadow: 0 0 20px #4c4c4c;
  border-radius: 20px;
  background-color: #fff;
  overflow: hidden;
  display: none;
}
.popup.page_popup_transitions_gen8 {
  animation: page_popup_transitions_gen8_animation 1s 1;
}
.popup .action-popup-close,
.popup .action-popup-close-video,
.popup .action-popup-close-demo {
  color: #0d1a45;
  font-weight: bold;
  font-size: 18px;
  font-family: Arial, sans-serif;
  text-decoration: none;
  background-color: #ffffff;
  border-radius: 50%;
  padding: 3px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 100001;
  width: 30px;
  box-shadow: 0 0 10px -4px #000;
  line-height: 30px;
  border: 3px solid #0d1a45;
  height: 30px;
  text-transform: uppercase;
  text-align: center;
}
.popup .action-popup-close:hover,
.popup .action-popup-close-video:hover,
.popup .action-popup-close-demo:hover {
  box-shadow: 0 0 10px 0px #000;
}
.popup .content {
  padding: 20px 50px;
  color: #0d1a45;
  text-align: left;
}
.popup .content h2 {
  padding-top: 20px;
  color: #0d1a45;
  text-align: left;
}
@keyframes page_popup_transitions_gen8_animation {
  from {
    transform: translateY(100vh);
  }
  to {
    transform: translateY(0vh);
  }
}
.header_menu {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #19181875;
  border-bottom: 1px solid #014288c2;
  height: 9%;
  padding: 30px 5% 20px 5%;
  z-index: 1000000;
}
.header_menu .logo {
  position: relative;
  left: 5%;
  height: 80px;
  float: left;
  padding: 6px 0;
}
.header_menu .right {
  position: absolute;
  right: 9%;
}
.header_menu .button {
  display: inline-block;
  vertical-align: top;
  cursor: pointer;
}
.header_menu .button img {
  height: 5vh;
  width: auto;
  display: block;
  margin: 0 auto 10px auto;
}
.header_menu .button h4 {
  display: block;
  font-size: 0.8em;
  width: 110px;
}
.header_menu ul {
  list-style: none;
  position: absolute;
  top: 115%;
  background-color: #fff;
  border: 2px solid #014288;
  display: none;
}
.header_menu ul li {
  padding: 3px 10px;
  display: block;
  text-align: center;
  color: #014288;
  background-color: #fff;
}
.header_menu ul li a {
  cursor: pointer;
}
.header_menu ul li.active {
  color: #fff;
  background-color: #014288;
}
.global-search {
  position: relative;
  padding-left: 5px;
}
.search-container {
  text-align: center;
}
.search-input {
  display: inline-block;
  width: 90%;
  font-size: 16px;
  padding: 4px 15px;
  line-height: 30px;
  border: 1px solid #eee;
  background-color: #0d1a45;
  border-radius: 4px;
  color: #fff;
}
.search-input::placeholder,
.search-input:focus {
  border: none;
  outline: none;
}
.action_close_search {
  width: auto !important;
  height: 20px !important;
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 !important;
  padding-left: 10px !important;
}
.search-results {
  list-style: none;
  text-align: left;
  margin: 20px 10px;
  font-family: sans-serif;
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: scroll;
  display: none;
}
.search-results lh {
  padding-bottom: 3px;
  padding-top: 20px;
  display: block;
  font-weight: 400;
  border-bottom: 1px solid #eee;
  margin-bottom: 8px;
}
.search-results lh:first-child {
  padding-top: 10px;
}
.search-results li {
  display: block;
  padding: 7px 5px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  font-family: sans-serif;
  clear: both;
}
.highlight {
  border-bottom: 1px solid #000;
}
.search-results li div {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
}
.search-results li div input {
  border: none;
  width: 100%;
  vertical-align: middle;
  font-size: 13px;
  padding: 0;
  margin: 0;
  outline: none;
  background-color: transparent;
}
.search-results li div input::-ms-clear {
  display: none;
}
.search-results li .copy {
  display: inline-block;
  background-color: #004087;
  color: #fff;
  border-radius: 6px;
  font-size: 12px;
  float: right;
  padding: 2px 10px;
  vertical-align: top;
  text-decoration: none;
}
.global-search-top {
  position: fixed;
  top: 4px;
  right: 10px;
  z-index: 1000000000;
  background-color: #ffffff;
  padding: 7px 11px 0px 8px;
  vertical-align: bottom;
  border-radius: 5px;
  cursor: pointer;
}
.global-search-top:hover {
  box-shadow: 0 0 10px rgba(0,0,0,0.43);
}
.global-search-top img {
  height: 15px;
  width: auto;
  padding-right: 0px;
  display: inline-block;
}
.global-search-top h4 {
  display: inline-block;
  line-height: normal;
  padding: 0;
  margin: 0;
  top: -4px;
  position: relative;
  font-size: 13px;
  color: #253c8d;
}
.global-search-popup {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #0000008c;
  z-index: 10000000000;
  cursor: pointer;
}
.search-box {
  display: block;
  margin: 20px auto;
  width: 80%;
  z-index: 1000000;
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  min-width: 400px;
  box-shadow: 0 0 18px 2px #38383878;
}
.action_copy_text {
  transition: all ease-in-out 0.1s;
}
.action_copy_text.active {
  background-color: #dadae5;
}