.glass-case * {
      -webkit-box-sizing: border-box !important;
      -moz-box-sizing: border-box !important;
      box-sizing: border-box !important;
      padding: 0;
      margin: 0;
      border: 0;
   }

   .glass-case *:before,
   .glass-case *:after {
      -webkit-box-sizing: border-box !important;
      -moz-box-sizing: border-box !important;
      box-sizing: border-box !important;
   }

   .glass-case {
      position: relative;
   }

   /*********************DISPLAY***************************/
   .gc-display-area {
      position: absolute;
      overflow: hidden;
      border: 2px solid #F5F5F5;
      padding: 2px;
      background-color: #fff;
   }

   .gc-display-container {
      position: relative;
      overflow: hidden;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
   }

   .gc-display-display {
      position: relative;
      height: 100%;
      width: 100%;
      max-height: 100%;
      max-width: 100%;
      cursor: crosshair;
      opacity: 1;
   }

   /*********************LENS***************************/
   .gc-lens {
      position: absolute;
      overflow: hidden;
      z-index: 1000;
      cursor: crosshair;
      background: #CECECE;
      opacity: .5 !important;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
      /* IE 5-7 */
      filter: alpha(opacity=50) !important;
      /* Netscape */
      -moz-opacity: 0.5;
      /* Safari 1.x */
      -khtml-opacity: 0.5;
   }

   /*********************ZOOM***************************/
   .gc-zoom {
      position: absolute;
      /overflow: hidden;
      width: 100%;
      height: auto;
      z-index: 1040 !important;
      border: 2px solid #f5f5f5;
      padding: 2px;
      background-color: #fff;
   }

   .gc-zoom-inner {
      cursor: crosshair;
      border: 0 !important;
      left: -2px !important;
      top: -2px !important;
      margin: 0 !important;
      z-index: 1010 !important;
   }

   .gc-zoom-container {
      position: relative;
      top: 0;
      left: 0;
      overflow: hidden;
      width: 100%;
      height: 100%;
      max-width: 100%;
      max-height: 100%;
   }

   .gc-zoom-container img {
      position: relative;
      max-width: none !important;
   }

   /*********************CAPTION**********************/
   .gc-caption-container {
      position: absolute;
      overflow: hidden;
      width: 100%;
      padding: 2px;
      z-index: 1050 !important;
      background-color: rgba(255, 255, 255, 0.5);
      line-height: 1.6;
      font-family: Georgia, "Times New Roman", Times, serif;
      font-style: italic;
      color: #333;
      font-size: 0.9em;
   }

   .gc-caption-container div {
      position: relative;
      padding: 0 12px 0 12px;
   }

   .gc-caption-intop {
      left: 0;
      top: 0;
   }

   .gc-caption-inbottom {
      left: 0;
      bottom: 0;
   }

   .gc-caption-outtop,
   .gc-caption-outbottom {
      width: 100%;
      width: calc(100% + 4px);
      border: 2px solid #f5f5f5;
      background: #fff;
   }

   .gc-caption-outtop {
      top: 0;
      left: -2px;
      -webkit-transform: translate(0, -100%);
      -moz-transform: translate(0, -100%);
      -ms-transform: translate(0, -100%);
      -o-transform: translate(0, -100%);
      transform: translate(0, -100%);
   }

   .gc-caption-outbottom {
      bottom: 0;
      left: -2px;
      -webkit-transform: translate(0, 100%);
      -moz-transform: translate(0, 100%);
      -ms-transform: translate(0, 100%);
      -o-transform: translate(0, 100%);
      transform: translate(0, 100%);
   }

   .gc-alignment-center {
      text-align: center;
   }

   .gc-alignment-left {
      text-align: left;
   }

   .gc-alignment-right {
      text-align: right;
   }

   /*********************UL***************************/
   .gc-thumbs-area {
      position: absolute;
      overflow: hidden;
      background-color: transparent;
   }

   .gc-thumbs-area-prev,
   .gc-thumbs-area-next {
      position: absolute;
      z-index: 1010;
   }

   .gc-thumbs-area.gc-hz .gc-thumbs-area-prev,
   .gc-thumbs-area.gc-hz .gc-thumbs-area-next {
      top: 0;
      height: 100%;
      min-height: 100%;
      width: 5%;
   }

   .gc-thumbs-area.gc-vt .gc-thumbs-area-prev,
   .gc-thumbs-area.gc-vt .gc-thumbs-area-next {
      left: 0;
      width: 100%;
      min-width: 100%;
      height: 5%;
   }

   .gc-thumbs-area.gc-hz .gc-thumbs-area-prev {
      left: 0;
   }

   .gc-thumbs-area.gc-hz .gc-thumbs-area-next {
      right: 0;
   }

   .gc-thumbs-area.gc-vt .gc-thumbs-area-prev {
      top: 0;
   }

   .gc-thumbs-area.gc-vt .gc-thumbs-area-next {
      bottom: 0;
   }

   .gc-thumbs-area-prev:hover,
   .gc-thumbs-area-next:hover {
      opacity: 1;
      cursor: pointer;
      cursor: hand;
   }

   .gc-thumbs-area-prev .gc-disabled,
   .gc-thumbs-area-next .gc-disabled,
   .gc-thumbs-area-prev .gc-disabled:hover,
   .gc-thumbs-area-next .gc-disabled:hover {
      opacity: .3;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      /* IE 5-7 */
      filter: alpha(opacity=30);
      /* Netscape */
      -moz-opacity: 0.3;
      /* Safari 1.x */
      -khtml-opacity: 0.3;
      cursor: default;
   }

   .glass-case ul {
      position: relative;
      top: 0;
      left: 0;
      margin: 0;
      border: 0;
      padding: 0;
      height: 100%;
      list-style: none;
   }

   .glass-case ul li {
      position: relative;
      overflow: hidden;
      width: 100%;
      height: 100%;
      border: 2px solid #f5f5f5;
      padding: 2px;
      background-color: #fff;
   }

   .gc-thumbs-area.gc-hz li {
      display: inline;
      float: left;
      max-width: 100%;
      max-height: 100%;
      margin-right: 5px;
      width: 110px !important;
      height: 110px !important;
      text-align: center;
   }

   .gc-thumbs-area.gc-vt li {
      margin-bottom: 5px;
   }

   .glass-case ul li .gc-li-display-container {
      position: relative;
      overflow: hidden;
      height: 100%;
      width: 100%;
      display: inline-block;
   }

   .glass-case ul li:hover {
      border-color: #4f4f4f;
      cursor: pointer;
      cursor: hand;
   }

   .glass-case ul li.gc-active,
   .glass-case ul li.gc-active:hover {
      border-color: #669966;
      cursor: default;
   }

   .glass-case ul li .gc-li-display-container img {
      position: relative;
      top: 0;
      left: 0;
      margin-top: 0px !important;
      margin-left: 0px !important;
      width: 100% !important;
      width: 100px;
      height: 100px;
   }

   /*********************OVERLAY***************************/
   .gc-overlay-area {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 2147483647 !important;
      background-color: rgb(204, 204, 204);
      /*the falback for ie7, ie8*/
      background-color: rgba(51, 51, 51, 0.95);
   }

   .gc-overlay-gcontainer {
      position: relative;
      width: 100%;
      height: 100%;
      padding: 0;
   }

   .gc-overlay-container {
      position: relative;
      overflow: auto;
      width: 100%;
      height: 100%;
      padding: 0;
   }

   .gc-overlay-container-display {
      position: absolute;
      overflow: auto;
      width: 100%;
      height: 100%;
      padding: 0;
   }

   .gc-ocd-top {
      top: 0;
   }

   .gc-ocd-bottom {
      bottom: 0;
   }

   .gc-overlay-fit {
      padding: 4em 5.5em 1em 5.5em;
      overflow: hidden;
   }

   .gc-overlay-display {
      position: relative;
      top: 0;
      left: 0;
      display: block;
      cursor: crosshair;
   }

   .gc-overlay-display-center {
      max-width: 100%;
      max-height: 100%;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
   }

   .gc-overlay-display-vcenter {
      top: 50%;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
   }

   .gc-overlay-display-hcenter {
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
   }

   .gc-overlay-top-icons {
      position: absolute;
      top: 0;
      padding: 1em 1.5em 1em 0;
      width: 100%;
      height: 4em;
   }

   .gc-overlay-left-icons {
      position: absolute;
      height: 100%;
      top: 0;
      left: 0;
      padding: 0 1em 0 1.5em;
      height: 100%;
      width: 5.5em;
   }

   .gc-overlay-right-icons {
      position: absolute;
      top: 0;
      right: 0;
      padding: 0 1.5em 0 1em;
      height: 100%;
      width: 5.5em;
   }

   /*********************ICONS***************************/
   @charset "UTF-8";

   
   .gc-icon:before {
      line-height: 1;
   }

   .gc-icon {
      font-family: "linea-arrows-10" !important;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      z-index: 1020;
      cursor: pointer;
      cursor: hand;
      color: #fff;
      opacity: .7;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
      /* IE 5-7 */
      filter: alpha(opacity=70);
      /* Netscape */
      -moz-opacity: 0.7;
      /* Safari 1.x */
      -khtml-opacity: 0.7;
      height: 1em;
      width: 1em;
      line-height: 0;
      background: rgb(204, 204, 204);
      background: rgba(204, 204, 204, 0.5);
      border: 2px solid #F5F5F5;
   }

   .gc-icon:hover {
      opacity: 1;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      /* IE 5-7 */
      filter: alpha(opacity=100);
      /* Netscape */
      -moz-opacity: 1;
      /* Safari 1.x */
      -khtml-opacity: 1;
   }

   .gc-disabled .gc-icon:hover,
   .gc-disabled .gc-icon:hover,
   .gc-disabled .gc-icon,
   .gc-disabled .gc-icon {
      opacity: .3;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
      /* IE 5-7 */
      filter: alpha(opacity=30);
      /* Netscape */
      -moz-opacity: 0.3;
      /* Safari 1.x */
      -khtml-opacity: 0.3;
      cursor: default;
   }

   /* *** ICON NEXT *** */
   .gc-icon-next {
      top: 50%;
      right: -2px;
   }

   .gc-icon-next:before {
      position: absolute;
      top: -2px;
      right: -2px;
      content: "\e04b";
      background: #111;
      color: #fff;
      opacity: 1;
   }

   .gc-icon-next-vt {
      bottom: 0;
      left: 50%;
   }

   .gc-icon-next-vt:before {
      position: absolute;
      top: -2px;
      left: -2px;
      content: "\e019";
   }

   .gc-display-area .gc-icon-next {
      font-size: 2em !important;
   }

   .gc-thumbs-area-next .gc-icon-next {
      right: 0;
      font-size: 2em !important;
   }

   .gc-thumbs-area-next .gc-icon-next-vt {
      font-size: 1.5em !important;
   }

   .gc-overlay-area .gc-icon-next {
      position: relative;
      right: 0;
      font-size: 3em;
   }

   /* *** ICON PREV *** */
   .gc-icon-prev {
      top: 50%;
      left: -2px;
   }

   .gc-icon-prev:before {
      position: absolute;
      top: -2px;
      left: -2px;
      content: "\e03f";
      background: #111;
      color: #fff;
      opacity: 1;
   }

   .gc-icon-prev-vt {
      top: 0;
      left: 50%;
   }

   .gc-icon-prev-vt:before {
      position: absolute;
      top: -2px;
      left: -2px;
      content: "\e083";
   }

   .gc-display-area .gc-icon-prev {
      font-size: 2em !important;
   }

   .gc-thumbs-area-prev .gc-icon-prev {
      font-size: 2em !important;
   }

   .gc-thumbs-area-prev .gc-icon-prev-vt {
      font-size: 1.5em !important;
   }

   .gc-overlay-area .gc-icon-prev {
      position: relative;
      left: 0;
      font-size: 3em;
   }

   /* *** ICON DOWNLOAD *** */
   .gc-icon-download {
      right: -2px;
      bottom: 0;
      font-size: 2em;
      overflow: hidden;
   }

   .gc-icon-download:before {
      position: absolute;
      top: -4px;
      left: -2px;
      content: "\e064";
   }

   /* *** ICON CLOSE *** */
   .gc-icon-close {
      position: relative;
      font-size: 2em;
      float: right;
   }

   .gc-icon-close:before {
      position: absolute;
      content: "\e04a";
      top: -2px;
      right: -2px;
   }

   .gc-icon-enlarge {
      position: relative;
      float: right;
      margin-right: 0.25em;
      font-size: 2em;
   }

   .gc-icon-enlarge:before {
      position: absolute;
      content: '\e017';
      top: -2px;
      right: -2px;
   }

   .gc-icon-compress {
      position: relative;
      float: right;
      margin-right: 0.25em;
      font-size: 2em;
   }

   .gc-icon-compress:before {
      position: absolute;
      content: '\e053';
      top: -2px;
      right: -2px;
   }

   /*********************LOADING***************************/
   .gc-loading {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 31px;
      height: 31px;
      margin-left: -15px;
      margin-top: -15px;
      background-image: url(../images/loader.gif);
   }

   .gc-loading3 {
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -15px;
      margin-top: -15px;
      font-size: 0.25em;
      text-indent: -9999em;
      border-top: 1.1em solid rgba(102, 153, 102, 0.2);
      border-right: 1.1em solid rgba(102, 153, 102, 0.2);
      border-bottom: 1.1em solid rgba(102, 153, 102, 0.2);
      border-left: 1.1em solid #669966;
      -webkit-animation: loadGC 1.1s infinite linear;
      animation: loadGC 1.1s infinite linear;
   }

   .gc-loading3,
   .gc-loading3:after {
      border-radius: 50%;
      width: 30px;
      height: 30px;
   }

   @-webkit-keyframes loadGC {
      0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
      }

      100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
      }
   }

   @keyframes loadGC {
      0% {
         -webkit-transform: rotate(0deg);
         transform: rotate(0deg);
      }

      100% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
      }
   }

   /*********************GENERAL***************************/
   .gc-hide {
      display: none;
      z-index: 0;
      opacity: 0;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      /* IE 5-7 */
      filter: alpha(opacity=0);
      /* Netscape */
      -moz-opacity: 0;
      /* Safari 1.x */
      -khtml-opacity: 0;
   }

   .gc-noscroll {
      overflow: hidden;
   }

   .gc-start {
      display: none;
      z-index: 0;
      opacity: 0;
      /* IE 8 */
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
      /* IE 5-7 */
      filter: alpha(opacity=0);
      /* Netscape */
      -moz-opacity: 0;
      /* Safari 1.x */
      -khtml-opacity: 0;
   }

   .cls-2 {
      fill: #000 !important;
   }

   .responsive-video-container {
      position: relative;
      width: 100%;
      padding-bottom: 40.25%;
      /* This is a 16:9 aspect ratio (height/width * 100) */
      height: 0;
      overflow: hidden;
   }

   .responsive-video-container video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      /* Adjusts how the video fills the container */
   }

   .star-rating {
      font-size: 0;
      white-space: nowrap;
      display: inline-block;
      width: 250px;
      height: 50px;
      overflow: hidden;
      position: relative;
      background:
         url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjREREREREIiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
      background-size: contain;

      .star-item {
         opacity: 0;
         position: absolute;
         left: 0;
         top: 0;
         height: 100%;
         width: 20%;
         z-index: 1;
         background:
            url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMjBweCIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMjAgMjAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDIwIDIwIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjRkZERjg4IiBwb2ludHM9IjEwLDAgMTMuMDksNi41ODMgMjAsNy42MzkgMTUsMTIuNzY0IDE2LjE4LDIwIDEwLDE2LjU4MyAzLjgyLDIwIDUsMTIuNzY0IDAsNy42MzkgNi45MSw2LjU4MyAiLz48L3N2Zz4=');
         background-size: contain;
      }

      .rate-input {
         -moz-appearance: none;
         -webkit-appearance: none;
         opacity: 0;
         display: inline-block;
         width: 20%;
         height: 100%;
         cursor: pointer;
         margin: 0;
         padding: 0;
         z-index: 2;
         position: relative;

         &:hover+.star-item,
         &:checked+.star-item {
            opacity: 1;
         }
      }

      .star-item~.star-item {
         width: 40%;
      }

      .star-item~.star-item~.star-item {
         width: 60%;
      }

      .star-item~.star-item~.star-item~.star-item {
         width: 80%;
      }

      .star-item~.star-item~.star-item~.star-item~.star-item {
         width: 100%;
      }
   }

   .choicerate {
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      text-align: center;
      padding: 20px;
      display: block;
   }

   .ml1 {
      margin-left: 10px;
   }

   .thumbs.detail {
      width: 100%;
      overflow-x: auto;
   }
   .addInfoWrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tp-product-details-additional-info .addInfoWrapper .addInfo {
    display: flex;
    min-width: 310px;
    gap: 20px;
    align-items: center;
    margin: 10px 10px 0 0;
    cursor: pointer;
    border-color: #f1f1f1 !important;
}
.tp-product-details-additional-info .border:hover {
    background: #fff;
    box-shadow: 0 0 14px 10px #f1f1f1;
    transition: all .3s ease;
}
.tp-product-details-additional-info .border{
    transition: all .3s ease;
}
.visor_types a {
    margin-top: 10px;
    border-radius: 0;
    font-size: 16px;
    padding: 6px 14px !important;
}

 .detailsNavs {
    list-style-type: none;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 9px;
    padding: 1rem;
    color: #060b2c;
}
.detailsNavs li {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: 4px;
}