/* COMMON COMPONENT - START */

html {
	overflow-y: auto;
	font-family: 'noto_sansregular';
	overflow-x: hidden;
}
body {
	height: 100%;
	width: 100%;
	font-family: 'noto_sansregular';
	background-repeat: repeat-x;
	-webkit-appearance: none;
	overflow-x: hidden;
}
p, li, label {
	font-family: 'noto_sansregular';
}

/* ACCESSIBILITY - START */

a:focus, button:focus, 
.modal-favorites-box-grid-container .ps__thumb-x:focus, 
.l-pdp-det__container .ps__thumb-y:focus {
	outline: 0px auto #0079c1 !important;
}
input:focus {
	box-shadow:  inset 0 0 0px 0px #0079c1 !important;
}

.focus-actived:focus {
	outline: 5px auto #0079c1 !important;
}

.focus-input-actived:focus {
	/* box-shadow:  inset 0 0 0px 2px #0079c1 !important; */
	/* border-radius: 8px; */
	/* padding-left: 10px; */
}

button.focus-actived:focus,
a.rectangle-button.focus-actived:focus,
.filter-bar.nav.nav-pills .nav-item:focus .nav-link,
.header-promo-banner-box a:focus .marquee {
	text-decoration: underline;
}

.make-focus {
	outline: 5px auto #0079c1 !important;
}

.jump-to-parent {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
}
	
.scrollable-menu {
	height: 300px;
	overflow: auto;
}

.display-block {
	display: block;
}

*:focus{
	outline: 5px auto #0079c1;
}

body:not(.using-mouse) button:focus span.srd_btn_msg,
body:not(.using-mouse) a#guestShopperContinue:focus,
body:not(.using-mouse) .thank-you-prescription-button:focus,
body:not(.using-mouse) #shippingBillingPageNext:focus,
body:not(.using-mouse) #processToPayment:focus,
body:not(.using-mouse) .load-more:focus,
body:not(.using-mouse) .modal-chat-with-us-contact-us-button:focus,
body:not(.using-mouse) .modal-support-footer-button:focus,
body:not(.using-mouse) #confirm-lens-step:focus,
body:not(.using-mouse) .c-desc:focus,
body:not(.using-mouse) .js-addLenses-label:focus,
body:not(.using-mouse) #personal-info-submit:focus,
body:not(.using-mouse) .regSubmit:focus,
body:not(.using-mouse) .logonSubmit:focus,
body:not(.using-mouse) #category_filter:focus a,
body:not(.using-mouse) #thank-you-add-file:focus + .thank-you-prescription-labal-span-container p
{
	text-decoration: underline!important;
}

#skip-nav {
	display: table-caption !important;
	opacity: 0;
    height: 0;
    color: #000;
}

#skip-nav:focus {
	opacity: 1;
    height: auto;
    padding: 10px 15px;
	text-decoration: underline;
	position: relative;
	z-index: 35;		
}

/* ACCESSIBILITY - END */

label.required {
    color: #C00;
    font-weight: normal;
    margin-bottom: 0;
}

.my-account-password, 
.my-account-change-password, 
.my-account-change-birthday {
	line-height: 1;
} 

.error-show-top-button-error-message{
    color: #d0041b;
    font-family: 'noto_sansregular';
    line-height: 1.71;
    font-size: 14px;
}

.noScroll,
.noScroll-menu {
    overflow: hidden !important;
}
.noScroll-body {
	overflow: hidden !important;
	position: fixed;
}

.js-scroll { position: relative; }

.js-scroll--always-visible .ps__rail-x,
.js-scroll--always-visible .ps__rail-y {
  opacity: 1;
}

.ps:hover > .ps__rail-x,
.ps:hover > .ps__rail-y,
.ps--focus > .ps__rail-x,
.ps--focus > .ps__rail-y,
.ps--scrolling-x > .ps__rail-x,
.ps--scrolling-y > .ps__rail-y {
  opacity: 1;
}
.js-scroll--always-visible .ps__rail-x{
    background-color: #eee;
    height: 4px !important;
}
.js-scroll--always-visible .ps__rail-y {
  background-color: #eee;
  width: 4px !important;
    /*right: 4px;*/
}

.ps .ps__rail-x:hover,
.ps .ps__rail-y:hover,
.ps .ps__rail-x:focus,
.ps .ps__rail-y:focus,
.ps .ps__rail-x.ps--clicking,
.ps .ps__rail-y.ps--clicking {
  opacity: 1;
  background-color: #eee !important;
}
.ps__thumb-y,
.ps__rail-y:hover > .ps__thumb-y,
.ps__rail-y:focus > .ps__thumb-y,
.ps__rail-y.ps--clicking .ps__thumb-y {
    background-color: #000000 !important;
    opacity: 1;
    width: 4px !important;
    cursor: pointer;
    right: 0px !important;
}
.ps__thumb-x,
.ps__rail-x:hover > .ps__thumb-x,
.ps__rail-x:focus > .ps__thumb-x,
.ps__rail-x.ps--clicking .ps__thumb-x{
  background-color: #000000;
  opacity: 1;
  height: 4px !important;
  cursor: pointer;
  bottom:0 !important;
}

.clear{
    clear: left;
}
.rectangle-button {
    height: 40px;
    border-radius: 4px;
    font-size: 16px;
    font-family: 'noto_sansregular';
    padding: 7px 20px;
    border: none;
    min-width: 130px;
	cursor: pointer;
}
.rectangle-button:hover{
    text-decoration: underline;
}
.line {
	width: 100%;
  	opacity: 0.3;
  	border: solid 0.5px #9b9b9b;
}
.line.line-checkout {
	opacity: 0.5;
  	border: solid 0.5px #979797;
}
.line-thin {
  	opacity: 0.5;
  	border: solid 0.5px #dadada;
}
.rectangle-button.black-button {
	background-color: #222222 !important;
    color: #fff!important;
    -webkit-appearance: initial;
}
.rectangle-button.black-button.disabled {
	opacity: 0.4;
}
.rectangle-button.white-button {
	background-color: #fff !important;
    color: #000;
    border: solid 1px #222222;
}
.rectangle-button.black-button:hover,
.rectangle-button.white-button:hover {
    text-decoration: underline;
}
.rectangle-button.black-button.disabled:hover {
	text-decoration: none;
}

span.required, label.error, #PasswordUpdateFailureResponseMessageDiv,
#ResetPasswordSuccessFullResponseMessageDiv, #ResetPasswordFailureResponseMessageDiv,
#PasswordUpdateFailureResponseMessageDiv, #errorMessageEmail {
	font-family: 'noto_sansregular';
	font-size: 12px;
	font-weight: normal;
	font-style: normal;				
    color: #d0021b;
    float: left;
    clear: both;
    margin: 2px 0 0px 2px;
}
span.required:before {
	content: unset!important;
}					  
#ResetPasswordSuccessFullResponseMessageDiv.successMessageEmail,
#reset-password-update-functionality .success {
    color: #4a4a4a;
    font-size: 12px;
    font-family: 'noto_sansregular';
    line-height: 1.29;
}
input.input-common {
	font-family: 'noto_sansregular';
    font-size: 16px;
    color: #222;
    border: none;
    position: relative;
    display: block;
    outline: none;
    box-shadow: none;
    width: 100%!important;
}
input.input-white,
input.input-white-menu {
	background: none;
	padding: 5px 0;
}

@media (max-width:767px){
	.rectangle-button {
		font-size: 12px;
		min-width: auto;
		padding: 5px;
	}
	input.input-common {
		font-size: 12px;
	}
	.input-x-container .input-label {
		font-size: 12px !important;
	}
	.input-x-container .input-label.label-on-top {
		font-size: 10px !important;
	}
}
.ui-dialog-titlebar-close .ui-icon:after {
	font-family: 'glasses';
	content: '\e966';
	font-size: 25px;
    color: #000;
}
.warning-buttons {
	display: inline-table;
	border-collapse: separate;
    border-spacing: 5px;
}
.warning-buttons a {
	min-width: 90px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.warning-buttons a:first-child {
	margin-right: 10px;
}
.newsletter-container .loading-button {
	display: none;
    background-image: url(/wcsstore/GlassesStorefrontAssetStore/images/loader.gif);
    background-repeat: no-repeat;
    height: 25px;
    width: 40px;
    margin-top: 10px;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - */
/* DEFAULT MODAL START */
/* SAME AS MOBILE IN STYLE_REDESIGN_MOBILE.CSS*/

.c-mod,
.c-mod.is-visible {
  display: flex;
  flex-direction: row;
}

.c-mod.is-hidden {
  display: none;
} 

.c-mod--fixed {
  position: fixed;
  top:0;
  left:0;
  width: 100vw;
  height: 100vh;
  background: white;
  z-index: 999999999;
}

.c-mod--fullscreen {
  height: 100vh;
}

.c-mod,
.c-mod * {
  box-sizing: border-box;
}

.c-mod__left {
  width: 40%;
  flex-shrink: 0;
}

.c-mod__right {
  width: 60%;
  position: relative;
  flex-shrink: 0;
}

.c-mod__right--padding {
  padding: 40px 0;
}

.c-mod__pres-img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.c-mod__pres-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
}

[class*="l-mod__container"] {
  padding: 10px 0;
}

[class*="l-mod__container"].l-mod__container--flex {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}

.l-mod__container--flex > [class*="l-mod__col"] {
  flex-basis: 100%;
  max-width: 100%;
}

.l-mod__slide-wrapper {
  overflow: hidden;
}

.l-mod__slide {
  min-height: 100%;
  width: 100%;
  position: absolute;
  top:0;
  left:0;
  z-index: 1;
  -webkit-transform: translate(100%,0);
  -moz-transform: translate(100%,0);
  transform: translate(100%,0);
  -webkit-transition: transform 0.3s;
  -moz-transition: transform 0.3s;
  transition: transform 0.3s;
}

.c-mod--fullscreen .l-mod__slide {
  height: 100vh;
  overflow: auto;
}

.l-mod__slide--padding {
  padding: 90px 60px;
}

.l-mod__slide:first-child:last-child,
.l-mod__slide.is-current {
  z-index: 2;
  -webkit-transform: translate(0,0);
  -moz-transform: translate(0,0);
  transform: translate(0,0);
  position: relative;
  top:auto;
  left:auto;
}

.c-mod__cta-back {
  position: absolute;
  top: 0;
  left:
}

.l-mod__slide--padding .c-mod__cta-back  {
  top: 45px;
  left: 50px;
}

.c-mod__title {
  font-size: 32px;
  color: #000;
}

/* MOBILE VR. */

@media (max-width: 992px) {
	
	.c-mod__left {
	  width: 30%;
	}
	
	.c-mod__right {
	  width: 70%;
	}

}

@media (max-width: 767px) {

  .c-mod__left {
    display: none;
  }

  .c-mod__right {
    width: 100%;
  }

}

/* DEFAULT MODAL END */
/* - - - - - - - - - - - - - - - - - - - - - - - - - */

.input-x-container {
	position: relative;
	display: inline-block;
	width: 100%;
	transition: padding-top 0.1s;
	font-family: 'noto_sansregular';
}
.input-x-container.label-height{
	padding-top: 15px;
}
.input-x-container .input-label {
	position: absolute;
    font-size: 16px;
    font-weight: normal;
    top: 7px;
    left: 0;
    margin: 0;
    cursor: text;
    transition: font-size 0.1s, color 0.1s, top 0.1s;
}
.input-x-container .input-label.label-on-top {
	top: 0;
	font-size: 12px;
	color: #000000;
}
.input-x-container .iconglasses-x {
	display: none;
	position: absolute;
	top:0;
	right: 0;
    padding-top: 5px;
    font-size: 30px;
    color: #d0021b;
    cursor: pointer;
}
.line.error-red {
	border-bottom-color: #d0021b;
}

/* CHECKOUT BACK WARNING - START*/
#checkout-back-warning h3 {
	font-size: 16px;
    font-weight: normal;
    text-transform: unset;
    color: #000;
}
#checkout-back-warning h3 {
	font-family: 'noto_sansbold';
}
#checkout-back-warning p {
	font-family:'noto_sansregular';
}
/* CHECKOUT BACK WARNING - END*/
/* COMMON CONTENT -  END */
/* CHECKBOX STYLE - START */
#registrationContainer form#userRegFormLanding input[type=checkbox]{
	visibility:hidden;
	position:relative;
	cursor:pointer;
	display:none;
}
#registrationContainer form#userRegFormLanding input[type="checkbox"] + label.receiveEmail-custom-label {
	display: flex;
	font-size: 15px;
	line-height: 1.3;
}
#registrationContainer .RegFailureResponseMessageDiv {
	font-weight: normal;
	color: #d0021b;
	font-size: 12px;
}
/* CHECKBOX STYLE - END */

.static_page_content {
	width: 60%;
    margin: 0 auto;
    font-size: 16px;
    font-family: noto_sansregular;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

/* COMMON COMPONENT - END */

.home-page-title {
	height: 0px;
}

.home-page-title h1 {
	font-size: 0px;
}

.home-page .home-espot-area {
	width: 100%;
}
.home-page #header {
	margin-top: 0;
}
#header.checkout {
	width: 98%;
    margin: auto 1%;
    height: 35px;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    justify-content: space-between;
}
.glasses-logo-container {
	z-index: 11;
    font-size: 18px;
}
.burger-icon {
	font-size: 30px;
	z-index: 2;
}
#main_content_wrapper {
	z-index: 1;
}
.spritespin-container {
	position: relative;
	height: calc( 100vh - 70px);
}
.spritespin-container img, .spritespin-container video {
	height: 100%;
  	width: 100%;
  	position: relative;
}
#spritespin {
	margin: 0 auto;
	height: calc(100vh - 70px)!important;
	width: 100%!important;
}
.spinner,
.spinner .frame {
  background: no-repeat center center;
  background-size: cover;
}
.spinner {
  height: 100% !important;
  width: 100%;
  position: relative;
}
.spinner .frame {
  position: absolute;
  top:0;
  left:0;
  height: 100%;
  width: 100%;
  opacity: 0;
}
.spinner .frame.is-active {
  opacity: 1;
}
.spinner .frame.is-hidden,
.spinner .frame.is-hidden.is-active  {
  display: none;
}
.arrows-right-container, .arrows-left-container {
    position: absolute;
    top: 45%;
}
.arrows-left-container {
    left: 1%;
}
.arrows-right-container {
	right: 1%;
	text-align: right;
}
.arrows-copy {
    font-family: 'noto_sansregular';
    font-size: 14px;
    line-height: 4;
    text-transform: uppercase;
}
.arrows-container a {
	display: block;
	height: fit-content;
    color: #231f20;
    text-decoration: none;
}
.arrows-container a:hover, .arrows-container a:active, .arrows-container a:visited  {
    color: initial;
    text-decoration: none;
}
/* HP no refresh - start */
.site-ajaxcall{
  position: fixed;
  top: 0;
  width: 100vw;
  height:100vh;
  background: white;
  z-index:3;
}

.site-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 50px;
  height: 50px;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}

.site-spinner i {
  font-size:50px;
}

.site-sunglasses {
  right: 100%;
}

.site-eyeglasses {
  left: 100%;
}
/* HP no refresh - END */
.burger-menu-container a.menu-sign-in-modal-link, .burger-menu-container a.menu-sign-in-modal-link:hover,
.burger-menu-container a.menu-sign-in-modal-link:visited, .burger-menu-container a.menu-sign-in-modal-link:active,
.header-logo a, .header-logo a:hover, .header-logo a:visited, .header-logo a:active {
    color: #231f20;
    text-decoration: none;
}
.header-logo.white-logo a, .header-logo.white-logo a:hover, .header-logo.white-logo a:visited, .header-logo.white-logo a:active {
	color: #fff;
}
/* MENU - START */
.header-sign-in-menu-modal-column-right {
    flex-basis: 55%;
    position: relative;
}
.lens-selection-column-right {
    flex-basis: 60%;
    position: relative;
}
.header-sign-in-menu-newsletter-container {
    position: relative;
	padding: 20px;
}
.header-sign-in-menu-newsletter-container .header-menu-container {
    width: auto;
    margin-bottom: 0px;
    display: flex;
    align-items: center;
    margin-left: 50px;
    margin-top: 80px;
}
.header-sign-in-menu-newsletter-container .header-newsletter-container {
    width: auto;
    max-width: 81%;
    min-height: 210px;
    height: 235px;
	margin-left: 50px;
    margin-top: 80px;}
@media (max-width: 992px){
	.header-sign-in-menu-newsletter-container .header-menu-container,
	.header-sign-in-menu-newsletter-container .header-newsletter-container {
		width: auto;
		max-width: 90%;
		margin-left: 40px;
	}
}
@media (max-width: 767px){
	.header-sign-in-menu-newsletter-container .header-menu-container,
	.header-sign-in-menu-newsletter-container .header-newsletter-container {
		max-width: 95%;
		width: auto;
		margin-left: 20px;
	}
}
.login-registration-in-modal-container.column-right-login-create-modal, 
.reset-password-container.column-right-reset-password-modal,
.update-password-container.column-right-update-password-modal {
	padding: 90px 40px 80px;
	box-sizing: border-box;
	
}
.login-registration-in-modal-container.column-right-login-create-modal {
	overflow: auto;
}
.login-registration-in-modal-container.column-right-login-create-modal, 
.header-sign-in-menu-newsletter-container,
.reset-password-container.column-right-reset-password-modal.
.update-password-container.column-right-update-password-modal {
    z-index: 100;
    background-color: #fff;
}
.login-registration-in-modal-container.column-right-login-create-modal, 
.reset-password-container.column-right-reset-password-modal {
	position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    z-index: 111;
}
.update-password-container.column-right-update-password-modal {
	display: none;
    box-sizing: border-box;
    width: 100%;
    z-index: 110;
    background-color: #ffffff;
    position: absolute;
    height: 100%;
    overflow-y: auto;
    top: 0;
}
.reset-password-container.column-right-reset-password-modal {
    left: 100%;
}
.login-registration-in-modal-container.column-right-login-create-modal, 
.header-sign-in-menu-newsletter-container {
	max-height: 100%;
	height: 100%;
	box-sizing: border-box;
	width: 100%;
	background-color: #fff;
}
.header-sign-in-menu-newsletter-container {
	overflow-y: auto;
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
.header-sign-in-menu-modal-column-right .nav-list-container {
	padding-left: 26px;
    width: 100%;
}
.header-sign-in-menu-modal-column-right .newsletter-container {
	margin-left: 30px;
}
.header-sign-in-menu-modal-column-right .nav-list-container *, .nav-list-container::after, .nav-list-container::before {
    box-sizing: content-box;
}
.header-sign-in-menu-modal-column-right .nav-list li{
    height: 24px;
    padding: 10px 0;
}
.header-sign-in-menu-modal-column-right .nav-list li a {
	font-size: 16px;
	transition: font-size 0.5s;
}
.header-sign-in-menu-modal-column-right .nav-list li a:hover {
	font-size: 22px;
	-webkit-transition: font-size 0.5s;
    -moz-transition: font-size 0.5s;
    -o-transition: font-size 0.5s;
    transition: font-size 0.5s;
    -webkit-backface-visibility: hidden!important;
    backface-visibility: hidden !important;
    transform: translateZ(0) scale(1,1)!important;
}
.header-sign-in-menu-modal-column-right .nav-list li a, .header-sign-in-menu-modal-column-right .nav-list li a:hover,
.header-sign-in-menu-modal-column-right .nav-list li a:visited, .header-sign-in-menu-modal-column-right .nav-list li a:active {
	color: #000;
	text-decoration: none;
}
.header-sign-in-menu-modal-column-right .nav-list #favorite-item.favorite-alert:after {
    content: "\2022";
    color: #c8021a;
    margin-left: 5px;
    vertical-align: middle;
}
.line-menu {
	background-color: #000;
    width: 1px;
    position: absolute;
    top: 0;
    transition: height 10s linear;
    -webkit-transition: height 10s linear;
    -moz-transition: height 10s linear;
    -o-transition: height 10s linear;
    transition: height 10s linear;
}
.header-menu-container .switch {
	position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    float: unset;
	margin: -2px 10px 0 10px;
}
/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}
/* MENU - END */

/* HP - Text loop - START */
.text-loop-container {
	font-family: 'noto_sansregular';
    font-size: 12px;
    color: #fff;
    height: 25px;
    display: table-cell;
    vertical-align: middle;
  	overflow: hidden;
  	white-space: nowrap;
  	background-color: #000;
}
.text-loop {
  	display: inline-block;
  	animation: text-loop 40s linear infinite;
}
.text-loop-delayed {
	display: inline-block;
  	animation: text-loop2 40s linear infinite;
  	animation-delay: 20s;
}
.text-loop span, .text-loop-delayed span {
	margin-right: 10px;
}

@keyframes text-loop {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes text-loop2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-200%);
  }
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* NEW MARQUEE */

.marquee-box a {
	width: 100%;    
    position: relative;
    display: block;
}
.marquee-container {
  width: 100%;
  position: relative;
  white-space: nowrap;
  font-family: 'noto_sansregular';
  font-size: 12px;
  color: #fff;
  height: 25px;
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
  background-color: #000;
}
.marquee {
  display:inline-block;
}
.marquee .separator {
  display:inline-block;
  padding: 0 7px;
}
.marquee .separator:before {
  content: '\2022';
}

.marquee-text {
  display:none;
}
.marquee {
  display: inline-block;
  animation: 50s linear infinite;
}
/* edit duration in mediaqueries */
@media (max-width:1280px) { .marquee { animation-duration: 51s; } }
@media (max-width:768px) { .marquee { animation-duration: 52s; } }
@media (max-width:460px) { .marquee { animation-duration: 53s; } }

.marquee-ready {
  	animation-name: text-loop;
}
.marquee-delayed {
  animation-name: text-loop2;
}

/*
.marquee-container:hover .marquee {
  -webkit-animation-play-state: paused;
  -moz-animation-play-state: paused;
  -o-animation-play-state: paused;
   animation-play-state: paused;
}
*/

@keyframes text-loop {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes text-loop2 {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}


/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* HP - Text loop - END */
/* MODAL STYLE - START */
#header-sign-in-menu-modal {
	display: none;
	z-index: 3;
    font-family: "noto_sansregular";
    width: 100%;
    height: 100vh;
    margin: auto;
    z-index: 1033;
    position: fixed;
    background-color: #fff;
    top: 0;
}
/* .home-page #header-sign-in-menu-modal {
	height: calc(100vh - 70px);
} */
.header-sign-in-menu-modal-container, .lens-selection-area-container {
    display: flex;
    height: 100%;
}
.lens-selection-area-container {
	flex-direction: row;
    flex-wrap: nowrap;
}

.lens-selection-column-right {
	height: 100vh;
    box-shadow: -2px 2px 7px 0 rgba(0, 0, 0, 0.5); 
}
.header-sign-in-menu-modal-column-left a{
	display: block;
	height: 100%;
}
.header-sign-in-menu-modal-column-left {
	flex-basis: 45%;
	height: 100%;
}
.lens-selection-area-container .lens-selection-column-left {
	flex-basis: 40%;
	height: 100%;
}
.header-sign-in-menu-modal-column-left {
	padding: 60px;
}
.lens-selection-area-container .lens-selection-column-left {
	position: relative;
}
.lens-selection-column-left:after {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.2);
    height: 100%;
    width: 100%;
    -webkit-transition: background .2s linear;
    -moz-transition: background .2s linear;
    -o-transition: background .2s linear;
    transition: background .2s linear;
}
.lens-selection-area-container .lens-selection-column-left .column-left-image-container{
	background-size: cover;
    background-repeat: no-repeat;
    background-position-x: center;
}
.header-sign-in-menu-modal-column-left .column-left-image-container, .sign-in-registration-container .column-left-image-container {
    background-size: contain;
	background-position: center center;
    background-repeat: no-repeat;
	height: 100%;
}
.lens-selection-area-container .lens-selection-column-left .column-left-image-container {
	background-image: url('../images/redesign/demo/capsule_collection_demo.jpg');
	height: 100%;
}
.header-sign-in-menu-modal-column-left .column-left-image-container div.darker-overlay, .sign-in-registration-container .column-left-image-container div.darker-overlay {
	background-color: rgba(0, 0, 0, 0.4);
	height: 100%;
	width: 100%;
	-webkit-transition: background .2s linear;
  	-moz-transition: background .2s linear;
  	-o-transition: background .2s linear;
  	transition: background .2s linear;
}
.close-modal {
	z-index: 110;
					   
    top: 25px;
    right: 25px;
    overflow: visible;
    position: absolute;
}
.close-modal a:hover, .close-modal a:focus, .close-modal a:active, .close-modal a:visited {
	text-decoration: none;	
}
.close-modal-action span {
	color: #000;
	font-size: 30px;
}
/* NEWSLETTER BOX - START */
.mailing-box {
    background-color: #eee;
    padding: 20px 20px 25px;
}
.mailing-box-message {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mailing-box-message-right .mailing-box-message-sign-in a {
    font-size: 14px;
    font-family: 'noto_sansregular';
    line-height: 1.29;
    color: #4a4a4a;
    text-transform: uppercase;
}
.mailing-box-message-right .mailing-box-message-sign-in a:hover, .mailing-box-message-right .mailing-box-message-sign-in a:active,
.mailing-box-message-right .mailing-box-message-sign-in a:visited, .mailing-box-message-right .mailing-box-message-sign-in a:focus {
    color: #4a4a4a;
    text-decoration: none;
}
h3.lets-keep-in-touch,
.h3.lets-keep-in-touch {
    font-family: 'EB Garamond', serif;
    font-size: 30px;
    line-height: 1.33;
    color: #000;
    text-transform: none;
    margin-bottom: 0;
}
#email-sign-up-form {
	width: 100%;
}
.email-sign-up-form-left.flex_60 {
	flex-basis: 60%;
}
.newsletter-disclaimer-container {
	font-size: 12px;
  	line-height: normal;
}
#email-sign-up-form .newsletter-disclaimer-container{
	width: 70%;
	padding-top: 18px;
	color: #000000;
	letter-spacing: normal;
}
#userRegFormLanding .newsletter-disclaimer-container{
	color: #000000;
	letter-spacing: normal;
}
.form-order-checkbox-container .newsletter-disclaimer-container{
	padding-top: 9px;
	color: #333333;
	letter-spacing: 0px;
}
#email-sign-up-form .newsletter-disclaimer-container .newsletter-disclaimer-label a,
#userRegFormLanding .newsletter-disclaimer-container .newsletter-disclaimer-label a {
	font-family: 'noto_sansregular';
	font-size: 12px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
}
#userRegFormLanding .newsletter-disclaimer-container .newsletter-disclaimer-label {
	color: #4a4a4a;
    padding-left: 1.9em;
}
.form-order-checkbox-container .newsletter-disclaimer-container .newsletter-disclaimer-label a {
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
.email-sign-up-form-container {
    margin-top: 25px;
    display: flex;
    align-items: center;
}
.mailing-box-message-left p, .successMessageEmail {
    color: #4a4a4a;
    font-size: 14px;
    font-family: 'noto_sansregular';
    line-height: 1.29;
}
.email-sign-up-form-right {
    margin-left: 20px;
}
input.email-signup {
	font-family: 'noto_sansregular';
	font-size: 16px;
	color: #222;
	width: 100%;
    height: 30px;
	background: #eee;
    border: none!important;
    position: relative;
    display: block;
    outline: none;
    box-shadow: none;
}

input.email-signup:focus, input.email-signup:hover, input.email-signup:active {
	outline: none;
	text-decoration: none;
}
@media (max-width:1199px){
	.email-sign-up-form-left.flex_60 {
	    flex-basis: 60%;
	}
	.mailing-box-message-left.flex_70 {
		flex-basis: 70%;
	}
	input.email-signup, .line {
		width: 100%;
	}
}
@media (max-width:1024px){

	.modal-favorites-no-favorites-button, 
	.header-sign-in-menu-modal-column-right, 
	.lens-selection-column-right {
		margin: 0;
	}
	.header-sign-in-menu-modal-column-left {
		padding: 20px;
	}
	.header-logo.white-logo {
		z-index: 1033!important;
	}
	.header-sign-in-menu-modal-column-right {
		float: left;
	}
	h3.lets-keep-in-touch {
		font-size: 27px;
	}
	.header-sign-in-menu-newsletter-container .header-menu-container,
	.header-sign-in-menu-newsletter-container .header-newsletter-container {
		margin-left: 30px;
	}
	.header-sign-in-menu-newsletter-container .header-newsletter-container {
		max-width: 90%;
	}
}
@media (max-width:767px){
	.lens-selection-column-right {
		width: 54%;
    	float: left;
	}
	input.email-signup {
		font-size: 10px;
	}
	.mailing-box {
		padding: 20px 10px 25px;
	}
}
/* NEWSLETTER BOX - END */
/* MODAL STYLE - END */
/* FOOTER - START */
.landing-page #footer_wrapper {
    margin: 0 !important;
}
#footer_wrapper {
	background: #fff;
	z-index: 11;
}
#footer-last-section {
	height: 45px;
    background-color: #fff;
    justify-content: space-between;
}
.footer-column-left, .footer-column-left h1 {
    display: flex;
    align-items: center;
    font-family: 'noto_sansregular';
    font-size: 12px;
    color: #4a4a4a;
}
.footer-column-left {
	white-space: nowrap
}
.footer-column-left h1 {
	display: inline-block;
}
.footer-column-left-copy {
  margin-right: 20px;
}
.footer-column-left-links ul, .footer-social ul {
    list-style: none;
}
.footer-column-left-links ul li.footer-links-element {
    display: inline;
    padding: 0 5px;
}
.footer-column-left-links ul li.footer-links-element:hover {
	text-decoration: underline;
}
.footer-links-element a {
    font-size: 12px;
    color: #4a4a4a;
}
.footer-column-right {
    display: flex;
    align-items: center;
}
li.footer-social-element {
    display: inline;
    padding: 0 20px;
}
li.footer-social-element a {
    color: #231f20;
    font-size: 16px;
}
li.footer-social-element a:hover, li.footer-social-element a:active, li.footer-social-element a:visited {
	color: initial;
	text-decoration: none;
}
#footer_wrapper .footer-additional-content {
    width: 98%;
    margin: auto 1%;
    font-family: 'noto_sansregular';
    font-size: 20px;
    font-weight: normal;
    padding: 25px 0;
    border-top: solid 1px #dadada;
    border-bottom: solid 1px #dadada;
    text-align: center;
}
@media (max-width:767px){
	li.footer-social-element {
		padding: 0 5px;
	}
}
/* FOOTER - END */
/* REGISTRATION LANDING AND MODAL - START */
#create-sign-in-wrapper {
    margin: auto;
    width: 100%;
    padding: 0;
}
.sign-in-registration-column-left {
    float: left;
    width: 40%;
}
.sign-in-registration-column-right {
    width: 50%;
    float: left;
    margin: 5%;
}
.sign-in-registration-functionality-container {
	transform: scaleX(1);
    transform-origin: right center 0px;
    transition: transform 0.1s ease-out;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.5);
}
.sign-in-registration-functionality-left, .sign-in-registration-functionality-right {
    float: left;
    width: 50%;
}
@media (max-width:  992px){
	.sign-in-registration-functionality-left, .sign-in-registration-functionality-right {
    	width: 100%;
	}
}
.login-registration-in-modal-container .arrow-left-container, .reset-password-container .arrow-left-container {
    position: absolute;
    top: 50px;
    left: 20px;
}
.update-password-container .close-modal-container {
	position: absolute;
    top: 25px;
    right: 25px;
}
.login-registration-in-modal-container .arrow-left-container a, 
.reset-password-container .arrow-left-container a,
.update-password-container .close-modal-container a {
	font-size: 28px;
	color: inherit;
}
.login-registration-in-modal-container .arrow-left-container a:hover,.login-registration-in-modal-container .arrow-left-container a:active,
.login-registration-in-modal-container .arrow-left-container a:visited, .login-registration-in-modal-container .arrow-left-container a:focus,
.reset-password-container .arrow-left-container a:hover, .reset-password-container .arrow-left-container a:active,
.reset-password-container .arrow-left-container a:visited, .reset-password-container .arrow-left-container a:active,
.update-password-container .close-modal-container a:visited, .update-password-container .close-modal-container a:active,
.update-password-container .close-modal-container a:hover {
	text-decoration: none;
	color: inherit;
}

.reset-form-modal-container, .reset-password-update-modal {
	width: 85%;
    /* float: right; */
}

@media (max-width:  992px){
	.reset-form-modal-container, .reset-password-update-modal {
		width: 100%;
	}
}

#registrationContainer h2, 
#loginContainer h2, 
#reset-password-functionality h2,
#reset-password-update-functionality h2,
#registrationContainer .h2, 
#loginContainer .h2, 
#reset-password-functionality .h2,
#reset-password-update-functionality .h2  {
    font-family: 'noto_sansregular';
    font-size: 32px;
    color: #000;
    margin-bottom: 47px;
    text-transform: inherit;
    padding-right: 54px;
}
#reset-password-update-functionality .fe {
	margin-bottom: 10px;
}
#loginContainer h2 {
	padding-left: 54px;
}

@media (max-width:  992px){
	#loginContainer h2 {
		padding-left: 0;
	}
} 

#logonSubmit {
	min-width: 100px;
}

form#userRegFormLanding, form#LogonForm{
	position: relative;
    min-height: 282px;
}

@media (max-width:  992px){
	form#userRegFormLanding, form#LogonForm{
		position: relative;
    	min-height: 252px;
	}
}
form#userRegFormLanding {
	padding: 10px 54px 0 0;
    border-right: solid 1px #979797;
}
@media (max-width:  992px){
	form#userRegFormLanding {
		border: none;
	}
}
form#LogonForm {
	padding: 10px 0 0 54px;
}
form#userRegFormLanding .create-email-container, form#userRegFormLanding .create-password-container,
#loginContainer .login-email-container {
    margin-bottom: 40px;
}
form#userRegFormLanding .create-password-container {
	position: relative;
}
form#userRegFormLanding .show-password-icon-container {
    position: absolute;
    top: 5px;
    right: 10px;
}
form#userRegFormLanding .show-password-icon-container .hidden-password-icon {
	font-size: 6px;
}
form#userRegFormLanding  .show-password-icon-container a {
    color: inherit;
    display: block;
    line-height: 20px;
    height: 20px;
}

form#userRegFormLanding  .show-password-icon-container a [class^="iconglasses-"], 
form#userRegFormLanding  .show-password-icon-container a [class*=" iconglasses-"] {
    display: block;
    line-height: 20px;
    height: 20px;}

form#userRegFormLanding  .show-password-icon-container a:activer, form#userRegFormLanding  .show-password-icon-container a:hover,
form#userRegFormLanding  .show-password-icon-container a:visited, form#userRegFormLanding  .show-password-icon-container a:focus {
    text-decoration: none;
	color: inherit;
}
#loginContainer .login-password-container {
	margin-bottom: 20px;
}
form#userRegFormLanding .create-checkbox-container.no-service-messages {
	margin-bottom: 10px;
    padding-bottom: 50px;
}
form#userRegFormLanding .buttons, form#LogonForm .buttons{
	position: absolute;
    bottom: 0;
    text-align: initial;
}
form#userRegFormLanding .buttons {
	right: 54px;
}
form#userRegFormLanding .create-messages-container.show {
	padding-bottom: 50px;
}
form#LogonForm .buttons {
	right: 0;
}
form#ResetPasswordForm .buttons, form#ResetPasswordUpdateSubmitForm .submit {
	margin-top: 40px;
}
@media (max-width: 767px){
	#registrationContainer h2, #loginContainer h2, #reset-password-functionality h2,
	#reset-password-update-functionality h2 {
		min-height: 70px;
	}
}
.create-checkbox-container .label-checkbox, .sendEmail-custom-label .label-checkbox, .addressDefault-custom-label .label-checkbox {
	/* font-family: 'noto_sansregular';
	font-size: 14px;
	color: #000;
    font-weight: normal; */
    padding-left: 10px;
}
.login-forgot-password-container {
    text-align: right;
}
.login-forgot-password-container.no-service-messages {
	margin-bottom: 70px;
}

@media (max-width:  991px){
	.login-forgot-password-container,
	.form#userRegFormLanding .create-checkbox-container {
	    margin-bottom: 20px;
	}
}

.login-forgot-password-container a {
	font-family: 'noto_sansregular';
    font-size: 14px;
    color: #222;
}
#reset-password-functionality p.reset-password-subtitle,
#reset-password-update-functionality p.update-password-subtitle {
	margin-bottom: 35px;
}
@media (max-width:1199px){
	#registrationContainer h2, #loginContainer h2, #reset-password-functionality h2,
	#reset-password-update-functionality h2 {
		margin-bottom: 0;
		min-height: 130px;
	}
	form#userRegFormLanding .buttons {
		right: 20px;
	}
}
@media (max-width: 991px){
	form#userRegFormLanding {
		padding: 10px 20px 0 0;
	}
	form#LogonForm {
		padding: 10px 0 0 0px;
	}
	
	#registrationContainer h2, #loginContainer h2, #reset-password-functionality h2,
	#reset-password-update-functionality h2 {
		min-height: 70px;
	}
}
@media (max-width: 767px){
	#registrationContainer h2, #loginContainer h2, #reset-password-functionality h2,
	#reset-password-update-functionality h2 {
		font-size: 30px;
	}
	#reset-password-functionality p.reset-password-subtitle, #reset-password-update-functionality p.update-password-subtitle {
		font-size: 14px;
	}
	.create-checkbox-container .label-checkbox, .login-forgot-password-container a {
		font-size: 12px;
	}
}
/* REGISTRATION LANDING - END */
/* CHECKOUT - START */
.left-container-order{
   	padding-top: 75px;
    flex-basis: 40%;
}
.right-container-order{
	padding-top: 35px;
}
.title-order{
    padding-left: 28px;
    padding-bottom: 60px;
    font-family: 'noto_sansregular' !important;
    font-size: 32px !important;
    color: #000 !important;
    margin: 0px;
    font-weight: normal !important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal !important;
    letter-spacing: normal;
    text-transform: unset;
}
.order-summary-container .order-body {
	font-family: 'noto_sansregular';
	padding-left: 40px;
    padding-right: 37px;
}
.order-summary-container .order-body .product-box {
	width: 100%;
    height: auto;
    border: solid 1px #dadada;
    margin-bottom: 10px;
}
.order-summary-container .order-body .product-box .product-simple-detail {
	display: flex;
	justify-content: space-between;
    padding: 15px 10px;
    align-items: stretch;
}
.order-summary-container .order-body .product-box .product-image-container {
	flex-basis: 10%;
    align-items: center;
    width: 100%;
    margin: 0;
}
.order-summary-container .order-product-image-container {
    padding-left: 6px;
}
.order-summary-container .order-product-image-container a{
    display: block;
}
.order-summary-container .order-body .order-product-list .product-box .name-detail-container {
	flex-basis: 64%;
	margin: 0;
}
.order-summary-container .order-body .order-product-list .product-box .name-detail-container p {
    margin-bottom: 5px;
}
.order-product-list .product-box .product-simple-detail .name-detail-container p a {
	color: #000;
	font-size: 18px;
	text-decoration: none;
	font-weight: normal;
}
.order-product-list .product-box .product-simple-detail .name-detail-container p a:hover,
.order-product-list .product-box .product-simple-detail .name-detail-container p a:active,
.order-product-list .product-box .product-simple-detail .name-detail-container p a:visited,
.order-product-list .product-box .product-simple-detail .name-detail-container p a:focus {
	color: #000;
	text-decoration: none;
}
.order-product-list .product-box .product-simple-detail .name-detail-container .see-detail-checkout {
	color: #4a4a4a;
    text-decoration: underline;
    cursor: pointer;
    font-size: 16px;
}
.order-product-list .order-summary-container .order-body .product-box .product-price {
	flex-basis: 10%;
	padding: 0;
	float: unset;
	padding: 0;
}
.order-product-list .product-box .product-simple-detail .product-price p {
	font-size: 20px;
}
.order-product-list .product-box-detail {
	display: none;
    margin: 5px 20px 20px 18px;
}
.product-box-detail .single-product-detail-box {
    height: auto;
    width: 100%;
    margin-top: 11px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.product-box-detail .single-product-detail-box p {
	font-size: 16px;
}
.product-box-detail .product-box-detail .single-product-detail-box .detail {
	color: #000;
}
.order-product-list .product-box-detail .product-box-detail .single-product-detail-box .detail-name, .product-box-detail .product-box-detail .single-product-detail-box .detail-price {
	color: #222;
	float: unset;
}
.product-box-detail .product-box-detail .single-product-detail-box .detail-name {
	float: left;
}
.product-box-detail .product-box-detail .single-product-detail-box .detail-price {
	float: right;
}
.order-summary-container .order-product-detail-info {
    display: flex;
    justify-content: space-between;
}
.order-summary-container .order-product-column-left {
    display: flex;
    align-items: center;
}
.see-detail-order-label a{
	font-family: 'noto_sansregular';
	font-size: 14px;
	color: #4a4a4a;
	text-decoration: underline;
}
.see-detail-order-label a:active, .see-detail-order-label a:visited, .see-detail-order-label a:focus, .see-detail-order-label a:active {
	text-decoration: none;
	color: #4a4a4a;
}
.order-subtotal-container {
    display: flex;
    justify-content: space-between;
}
.order-subtotal-label {
    font-family: 'noto_sansregular' !important;
    font-size: 18px !important;
    color: #000000 !important;
    padding-left: 10px;
    padding-top: 21px;
    padding-right: 13px;
    margin: 0px;
    float: left;
}

.order-subtotal-value {
    font-family: 'noto_sansregular' !important;
    font-size: 22px !important;
    color: #000000 !important;
    text-align: right;
    padding-top: 17px;
    padding-right: 13px; 
    margin: 0px;
}
.checkout-details-container {
	margin-bottom: 40px;
}

.checkout-details-container .list-container {
	list-style-type: none;
	padding: 0 15px;
	margin: 20px 0 15px 0;
}

.checkout-details-container .list-container LI {
	display: inline;
}

.checkout-details-container .line-thin {
	width: 100%;
	border: solid 0.5px #dadada;
}

.checkout-details-container .list-container .left-element {
	font-family: 'noto_sansregular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #000000;
}

.checkout-details-container .list-container .right-element {
	float: right;
    padding-right: 5%;
    font-size: 12px;
}

.checkout-details-container .list-container .sign-in {
	float: right;
    padding-right: 20px;
	font-family: 'noto_sansregular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #000000;
}

.checkout-details-container .list-container .sign-in a{
	font-family: 'noto_sansregular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #000000;
}
.checkout-details-container .list-container .right-element-submit {
	float:right;
}

.checkout-details-container .list-container .right-element-submit button {
	width: 145px;
    height: 41px;
    border: solid 1px #222222;
    border-radius: 4px;
    font-family: 'noto_sansregular';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    background-color: white;
}
.checkout-details-container .list-container .left-element .shoprunner-image {
	height: 26px;
    width: 50px;
}

.checkout-details-container .list-container .left-element input {
	width: 45%;
    display: -webkit-inline-box;
    font-size: 12px;
    padding-top: 16px;
    padding-left: 0;
}

.checkout-details-container .list-container .promo-code-shopping-bag {
	display: none;
}
.checkout-details-container .delivery-container,
.checkout-details-container div#delivery-container {
    font-family: 'noto_sansregular';
    font-size: 18px;
    color: #000;
    margin: 20px 0 15px 0;
    display: flex;
    justify-content: space-between;
    padding: 0 15px;
    -webkit-padding-start: 2%;
}
.shopping-bag-details-container div#delivery-container {
	font-family: 'noto_sansregular';
    font-size: 18px;
    color: #000;
    padding: 20px 20px 15px 15px;
}
#delivery-container .cart-delivery-container {
	display: flex;
    justify-content: space-between;
}
.checkout-details-container div#delivery-container .delivery-container-left-column, .delivery-container-right-column {
	display: flex;
    flex-direction: column;
    justify-content: space-around;
}
.delivery-container-right-column {
	text-align: right;
}
.checkout-details-container .delivery-action {
    font-family: 'noto_sansregular';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.29;
    letter-spacing: normal;
    color: #222;
}
.checkout-details-container .delivery-action-link {
	margin-bottom:0;
}
.checkout-details-container .delivery-action-link a {
	font-family: 'noto_sansregular';
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: right;
    color: #0079c1;
}
.checkout-details-container .delivery-action .delivery-price-container p {
	margin-top:2px; 
	float: right; 
}
.checkout-details-container .delivery-container-label {
	font-size:18px; 
	color: #222222; 
	font-family: 'noto_sansregular'; 
	margin-bottom:0;
}
.checkout-details-container .delivery-container-description {
	font-size:14px; 
	color: #222222; 
	font-family: 'noto_sansregular'; 
	margin-top:1%;
}
.checkout-details-container .list-container .order-total-price-label {
	font-size: 18px;
}
.checkout-details-container .list-container .grand-total .main-total span {
	font-size: 22px!important;
}
.checkout-details-container .list-container .container-custom {
	padding-right: 0;
}
@media(max-width: 992px){
	.checkout-details-container .list-container .left-element {
		font-size: 16px;
	}
	.order-summary-container .order-body {
		padding: 0 15px;
	}
	.order-product-list .product-box .product-simple-detail .name-detail-container p a,
	.order-product-list .product-box .product-simple-detail .product-price p,
	.checkout-details-container .delivery-container-label {
		font-size: 16px;
	}
	.order-product-list .product-box .product-simple-detail .name-detail-container .see-detail-checkout,
	.product-box-detail .single-product-detail-box p {
		font-size: 14px;
	}
	.checkout-details-container div#delivery-container,
	.checkout-details-container .list-container {
		padding: 0 5px;
	}
	.product-box-detail .single-product-detail-label,
	#delivery-container .standard-delivery-container {
		padding-right: 5px;
	}
	#delivery-container .delivery-container-right-column {
		text-align: right;
	}
	.checkout-details-container .list-container .grand-total .main-total span {
		font-size: 18px !important;
	}
}
@media (max-width: 768px){
	.title-order {
		padding-left: 18px;
		font-size: 28px !important;
	}
}
/* CHECKOUT - END*/
/* SHIPPING - START */
.billing-header-order{
	padding: 0px !important;
}	
.billing_address h2 {
    font-family: 'noto_sansregular' !important;
    font-size: 22px !important;
    color: #000 !important;
    margin: 0 0 20px 0;
    font-weight: normal !important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal !important;
    letter-spacing: normal;
    text-transform: unset;
}
.right-container-order{
    margin: 0px;
    background-color: #ffffff;
    box-shadow: -2px -2px 4px 0 rgba(0, 0, 0, 0.1);
    padding-left: 50px;
    padding-right: 77px;
    padding-bottom: 64px;
    flex-basis: 60%;
}
.right-container-order .checkout-step-header .checkout-step-arrow-left span{
    font-size: 30px;
}
.right-container-order .checkout-step-header .checkout-step-arrow-left a, .right-container-order .checkout-step-header .checkout-step-arrow-left a:hover,
.right-container-order .checkout-step-header .checkout-step-arrow-left a:active, .right-container-order .checkout-step-header .checkout-step-arrow-left a:visited {
	text-decoration: none;
	color: #111;
}
.checkout-step-header {
	font-family: 'noto_sansregular' !important;
}
.checkout-step-header .checkout-step-header-steps{
    color: #4a4a4a !important;
    font-size: 16px !important;
    margin: 0px;
}
.checkout-step-header .checkout-step-header-title{
	font-family: 'noto_sansregular' !important;
    font-size: 32px !important;
    color: #000000 !important;
    margin: 0px;
    font-weight: normal !important;
    font-style: normal;
    font-stretch: normal;
    line-height: normal !important;
    letter-spacing: normal;
}
	
.checkout-step-header .checkout-step-header-subtitle{
	font-family: 'noto_sansregular' !important;
    font-size: 16px;
    color: #222222;
    margin: 0px !important;
}
	
.checkout-step-header .checkout-step-header-subtitle a.sign-in-order{
	font-family: 'noto_sansregular' !important;
    font-size: 16px;
    color: #0079c1;
    margin: 0px;
    padding-bottom: 9px;
    text-decoration: none;	
}
.checkout-step-header .checkout-step-header-subtitle a.sign-in-order:active, .checkout-step-header .checkout-step-header-subtitle a.sign-in-order:focus,
.checkout-step-header .checkout-step-header-subtitle a.sign-in-order:visited, .checkout-step-header .checkout-step-header-subtitle a.sign-in-order:hover {
	text-decoration: none;
	color: #0079c1;
}
.body-form-order{
    font-family: 'noto_sansregular' !important;
    font-size: 12px;
    color: #000000;
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}
.checkout-form-column-left, .checkout-form-column-right {
	flex-basis: 45%;
}
.checkout-form-column-left {
	margin-top: 15px;
}
.body-form-order  .fe.input-container {
	margin-bottom: 25px;
}
.body-form-order  .fe.input-container.input-less-margin-bottom {
	margin-bottom: 10px;
}
.body-form-order .double-input-container{
	display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.body-form-order .smaller-input{
	flex-basis: 45%;
}
.body-form-order .half-input {
	width: 50%;
}
.body-form-order .address2-container {
	font-family: 'noto_sansregular' !important;
	font-size: 14px !important;
	color: #4a4a4a !important;
	text-decoration: underline;
	text-align: right;
	margin: 0px;
	cursor: pointer;   
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal !important;
	letter-spacing: normal !important;
}
.body-form-order .address2-action-label {
	margin: 0px;
	color: #4a4a4a !important;
	width: 100% !important;
	text-align: right;
}
.body-form-order .input-address2-order{
	 display: none;
	 padding-top: 0px !important;
}
.form-order-footer .form-order-checkbox-container .check {
	margin-bottom: 10px;
}
.form-order-checkbox-container .check input[type='checkbox'] {
	display: none;
}
.form-order-checkbox-container .label_check {
	font-family: 'noto_sansregular';
	font-size: 14px;
	color: #000;
	font-weight: normal;
}
.form-order-checkbox-container .order-shipping-checkbox {
	font-size: 15px;
}
#popup-err-message h3 {
	font-family: 'noto_sansregular';
    text-transform: none;
    margin-bottom: 20px;
}
#popup-err-message p {
    font-family: 'noto_sansregular';
}
.view-address {
    font-family: 'noto_sansregular'!important;
    color: #000;
    margin: 0;
    padding: 5px;
    background-color: #fff;
    width: 100%;
    border: none;
    display: flex;
    justify-content: space-between;
}
.view-address .view-address-column-right {
	align-self: flex-end;
}
div.address_summary .edit_summary {
	width: 100%;
	color: #000;
	text-decoration: underline;
}
#ShippingAnotherAddress #errorAddress {
	display: block;
    width: 100%;
    position: relative;
    top: 0;
    right: 0;
    font-size: 12px;
}
.shipping_address p {
	width: 100%;
}

/* SHIPPING - END */
/* ADD LENSES - START */
.lens-selection-modal-page {
	padding: 25px 0 0 0;
}
#lens-selection-modal-page-info {
	padding: 25px;
}
#lens-selection-area {
	height: 100vh !important;
}
.lens-selection-modal {
	top: 0!important;
	left: 0;
}
.c-content-box {
	font-family: 'noto_sansregular';
  	padding: 0;
  	display: flex;
  	max-height: 100%;
  	-moz-box-sizing: border-box;
  	box-sizing: border-box;
  	height: 100vh;
  	position:relative;
}

/* STYLE DA INTEGRARE */

.active-choice-effect {
  position: absolute;
  top: 0;
  left:0;
  background: rgba(0,0,0,0.2);
  width: 100%;
  height: 100%;
  z-index: 2;
}

.active-choice-effect .active-choice-effect__centerer {
  color: white;
  position: absolute;
  top: 0;
  left:0;
  top: 50%;
  left:50%;
  text-align: center;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  max-width: 100%;
  max-height: 100%;
  padding: 20px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.active-choice-effect .active-choice-effect__centerer .c-icon-animation {
	font-size: 20px;
}

.active-choice-effect .js-select-icon {
  font-size: 42px;
  margin-bottom: 5px;
}

.active-choice-effect .js-select-title {
  font-size: 15px;
}

.c-content-box form {
  width: 100%;
  height: 100%;
  position:relative;  
}

.o-steps {
  height: 100%;
  width: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  top:0;
  left:100%;
  background: white;
  z-index: 1;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
  text-align: left;
}

.o-steps.is-active {
  left:0;
  z-index: 1400;
}

.o-steps.is-current {
  left:0;
  z-index: 1400;
}

.o-steps .o-steps__header,
.o-steps .o-steps__body {
  margin-left: 50px;
  margin-right: 50px;
}
.o-steps .o-steps__footer {
	padding: 0 50px;
	height: 105px;
	background-color: #f7f7f9;
}
@media screen and (max-width: 992px){
	.o-steps .o-steps__header,
	.o-steps .o-steps__body {
  		margin-left: 20px;
  		margin-right: 20px;
	}
	.o-steps .o-steps__footer {
		padding: 0 20px;
	}
}

.o-steps .o-steps__header {
	height: auto;
  	padding-top: 15px;
  	padding-bottom: 15px;
}
.o-steps .o-steps__header .o-arrow div {
	font-size: 26px;
  	cursor: pointer;
  	/*padding: 0 0 30px 0;*/
  	padding: 0;
    line-height: 45px;
}

.o-steps .o-steps__header .o-preview {
	display: flex;
    justify-content: space-between;
	margin-bottom: 10px;
}

.o-steps .o-steps__header .c-step, .o-steps .o-steps__header .c-subtitle {
  font-size: 16px;
  line-height: 16px;
  color: #4a4a4a;
}

.o-steps .o-steps__header .c-title {
  font-size: 32px;
  display: block;
}

.o-steps .o-steps__body {
  height: auto;
  display: flex;
  flex-direction: column;
  padding-top: 0px;
  padding-bottom: 10px;
  position:relative;
}
.o-steps__scrollable {
	overflow: auto;
	height: calc(100vh - 90px);
}
.o-steps__row {
  height: auto;
  
   z-index: 20000000;
   height: 200px;
   width: 100%;
   float: none;

   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
	
	padding-right:3px;
	padding-left:3px;
}

/* caso di header nel body ( non fissa ma che scrolla col contenuto ) */

.o-steps .o-steps__body .o-steps__header {
  padding: 0;
  margin: 0;
}
.o-steps .o-steps__body .o-steps__header + .o-steps__row {
  position:relative;
  top: auto;
  left:auto;
  margin-top: 30px;
}


.o-intro-steps .c-subtitle-cta {
  font-size: 16px;
  line-height: 16px;
  color: #0079c1;
  text-decoration: none;
  display: inline-block;
}

.o-tabs {
  height: 100%;
}

.o-tabs .o-tabs__nav {
  height: 70px;
  cursor: pointer;
}

.o-tabs .o-tabs__nav .o-tabs__nav__item {
	font-family: 'noto_sansregular';
  	display: inline-block;
  	padding: 5px 0;
  	margin: 0;
  	font-size: 18px;
  	line-height: 23px;
  	color: #767676;
}

.o-tabs .o-tabs__nav .o-tabs__nav__item + .o-tabs__nav__item {
  margin-left: 35px;
}

.o-tabs .o-tabs__nav .o-tabs__nav__item.is-active {
  border-bottom: solid 1px #222222;
  color: #222222;
}
.o-tabs .o-tabs__nav .o-tabs__nav__item.disabled {
	opacity: 0.4;
}

.o-tabs .o-tabs__content {
  max-height: 100%;

}
.o-tabs .o-tabs__content .o-tabs__content__item {
	display: none;
}
.o-tabs .o-tabs__content .o-tabs__content__item.is-active {
  	display: block;
}
.o-step-choice {
  	display: block;
}
.o-step-choice .o-step-choice__input {
  	display: none;
}
.o-step-choice .o-step-choice__label {
  	display: block;
  	padding: 16px 20px;
  	border: solid 1px #dadada;
  	margin: 0 0 15px 0;
  	border-radius: 4px;
  	transition: box-shadow 0.3s;
  	overflow: auto;
  	cursor: pointer;
}

.o-step-choice.fake .c-subtitle{
	margin-top:30px;
}

.o-step-choice.fake .iconglasses-icon-no-treat{
	background-image:url('../images/no-treatment@3x.png');
    height: 30px;
    background-size: 22px;
    margin-left: 11px;
    margin-right: -22px;
    padding-left: 0px;
    background-repeat: no-repeat;
}



.o-step-choice .o-step-choice__input:checked + .o-step-choice__label {
    border: 1.5px solid #0079c1;
}
.o-step-choice .o-step-choice__input:disabled + .o-step-choice__label {
    opacity: 0.4;
}
.o-step-choice .o-step-choice__input:hover:not([disabled]) + .o-step-choice__label {
	border: solid 1px #222222;
}
.o-step-choice .o-step-choice__input + .o-step-choice__label .c-icon {
	font-size: 20px;
    line-height: 20px;
    width: 45px;
    float: left;
    text-align: center;
}
.o-step-choice .o-step-choice__input + .o-step-choice__label .c-icon.icon-smaller {
	font-size: 17px;
}
.o-step-choice .o-step-choice__input + .o-step-choice__label .c-icon img {
	max-width: 100%;
	max-height: 100%;
}
.o-step-choice .o-step-choice__input + .o-step-choice__label .c-text {
  width: calc( 100% - 50px );
  float: right;
  font-weight: normal;
}

.o-step-choice .o-step-choice__input + .o-step-choice__label .c-text .c-title {
  float: left;
  font-size: 20px;
  line-height: 20px;
  max-width: calc(100% - 70px);
}

.o-step-choice .o-step-choice__input + .o-step-choice__label .c-text .c-price {
  float: right;
  font-size: 20px;
  line-height: 20px;
}

.o-step-choice .o-step-choice__input + .o-step-choice__label .c-text .c-price-list-price {
  float: right;
  font-size: 20px;
  line-height: 20px;
  text-decoration: line-through;
}


.o-step-choice__label .c-text .c-desc {
  line-height: 24px;
  min-height: 24px;
}

.o-step-choice .o-step-choice__input + .o-step-choice__label .c-text .c-desc {
  float: left;
  clear: both;
  width: 100%;
  font-size: 16px;
  color: #767676;
  padding: 5px 0 0 0;
}

.o-resume {
  display: table;
}

.o-resume .o-resume__img {
  display: table-cell;
  width: 80px;
}

.o-resume .o-resume__img img {
  width: 100%;
  height:auto;
}

.o-resume .o-resume__text {
  display: table-cell;
  text-align: right;
  padding-right: 5px;
}

.o-resume .o-resume__text .c-title {
  font-size: 14px;
  line-height: 16px;
  color: #000000;
  padding-bottom: 0;
}

.o-resume .o-resume__text .c-desc {
  font-size: 12px;
  line-height: 16px;
  color: #4a4a4a;
}

.o-resume .o-resume__price {
  vertical-align: middle;
  display: table-cell;
  font-size: 20px;
  font-weight: bold;
  line-height: 23px;
  letter-spacing: normal;
  text-align: right;
  color: #000000;
}
.o-steps__footer {
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.o-steps__footer .o-insurance a, .o-steps__footer .o-insurance a:active, .o-steps__footer .o-insurance a:focus, .o-steps__footer .o-insurance a:hover, .o-steps__footer .o-insurance a:visited {
	color: #222;
	text-decoration: none;
}
.o-steps__footer .o-insurance a span {
	font-family: 'noto_sansregular';
	font-size: 16px;
	color: #222;
}
.o-next-step {
  height: auto;
  display: table;
}
.o-next-step, .o-insurance {
	margin-bottom: 20px;
}
.o-next-step .o-next-step__cell {
  	font-size: 16px;
  	line-height: 16px;
  	text-align: left;
  	color: #222222;
  	display: table-cell;
  	vertical-align: middle;
}

.o-next-step .o-next-step__cell .o-insurance__price {
	float: right;
}

.o-next-step .o-next-step__cell .o-insurance__price:last-child {
	text-decoration: line-through;
	padding-right: 5px;
}

.o-next-step .o-next-step__cell .o-insurance__price:first-child {
	font-size: 20px;
	font-weight: bold;
	padding-right: 20px;
}

.c-prod__unisex{
	padding: 5px 10px;
    border: 1px solid;
    margin: 5px;
    text-transform: capitalize;
    border-radius: 40px;
    position:absolute;
    top:10px;
    right:10px;
}

.c-prod__unisex_fav{
    padding: 5px 10px;
    border: 1px solid;
    margin: 10px;
    text-transform: capitalize;
    border-radius: 40px;
    position:absolute;
    top:10px;
    right:50px;
}

/* START - Virtual Mirror */

#vm_box {
	position: absolute;
}

#vm_box #vm_target {
}

#vm_box #vm_target .mirror-container-allow * {
	font-size: 0px !important;
}

#vm_box .mirror-container-error {
	height: 100%;
	background-color: rgba(255, 255, 255, 0.75);
}

#vm_buttons {
	position: absolute;
}

#vm_buttons .button:hover {
	text-decoration:underline;
}

#vm_buttons button{
    padding: 8px 15px;
    border-radius: 60px;
    box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.2);
    border: solid 1px #ffffff;
    background-color: #ffffff;
    bottom: 12px!important;
    position:absolute;
    cursor: pointer;
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.1);
    
}

#vm_buttons #vm_try-them-on {
	position: absolute;
	left: 10px;
}

#vm_screenshot{
	max-width: 500px!important;
    height: auto!important;
}

#vm_dialog .banner{
	height: 50px;
	background:white;
}

#vm_dialog .glasses-rp-gl_logo{
    position: absolute;
    bottom: 10px;
    left: 10px;
}

#vm_dialog .model{
    position: absolute;
    bottom: 10px;
    right: 10px;
}

#vm_save{
	position: absolute;
    right: 0px;
    bottom: -20px;
    border: 1px solid;
    border-radius: 4px;
    padding: 5px 26px!important;
}

.ui-dialog[aria-labelledby="ui-dialog-title-vm_dialog"] .ui-icon-closethick{
	color:black;
}

.ui-dialog[aria-labelledby="ui-dialog-title-vm_dialog"] .ui-icon-closethick:after{
	content: "\e944";
	vertical-align: bottom;
}

.ui-dialog[aria-labelledby="ui-dialog-title-vm_dialog"] .ui-icon-closethick:hover {
	text-decoration: underline;
}

#vm_buttons #vm_switch-off {
	position: absolute;
	left: 10px;
}

#vm_buttons #vm_adjust-to-fit {
	position: absolute;
	right: 70px;
}

#vm_buttons #vm_share {
	position: absolute;
	right: 12px;
    font-size: 0;
    width:40px;
}

#vm_buttons i{
	font-size: 21px;
    vertical-align: sub;
    padding-right: 5px;
}

#vm_buttons #vm_share i{
	padding-right:0;
	margin-left: -8px;
}

#vm_switch-off:hover, #vm_try-them-on:hover, #vm_adjust-to-fit:hover {
	text-decoration: underline;
}


/* END - Virtual Mirror */

.u-default-button,
.u-next-button {
  -moz-outline: 0;
  outline:0;
  cursor: pointer;
  border-radius: 4px;
  background-color: white;
  color: #fff;
  background-color: #222;
  line-height: 30px;
  min-width: 150px;
  font-size: 16px;
  font-weight: normal;
  text-align: center;
  margin-left: 10px;
  border: 5px solid #222222;
  display: inline-block;
}

.u-default-button {
  background-color: #222222;
  color: #ffffff;
}

.o-modal-fullpage {
  background: white;
  position: absolute;
  top:100%;
  left:0;
  width:100%;
  height:100%;
  padding: 70px 0 0 0 ;
  z-index: 3;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

.o-modal-fullpage.is-active {
  top:0;
}

.o-modal-fullpage__close {
  position: absolute;
  top: -7px;
  right: 2px;
  z-index: 4;
  font-size: 35px;
  line-height: 1em;
  cursor: pointer;
}

.o-modal-fullpage__scroll {
  	overflow: auto;
  	height:100%;
  	padding: 0 70px 50px 50px;
}
.o-modal-fullpage__scroll.o-modal-fullpage-info {
	padding: 0 0 50px 0;
}

.o-lens-info-section {
  padding-top: 20px;
  padding-right: 20px;
}

.o-lens-info-section__col {
  padding-left: 15px;
  text-align: left;
}
.o-lens-info-section__col .c-icon {
	font-size: 20px;
  	margin-right: 10px;
}
.o-lens-info-section__col div.c-icon img {
	max-width: 100%;
	max-height: 100%;
}
.o-lens-info-section .c-title {
  font-size: 32px;
  color: #000000;
  padding-bottom: 40px;
}

.o-lens-info-section .c-subtitle {
  font-size: 18px;
  line-height: 1.28;
  color: #222222;
  padding-bottom: 10px;
  display: flex;
}

.o-lens-info-section .c-desc {
  font-size: 14px;
  line-height: 1.71;
  color: #4a4a4a;
  padding-bottom: 30px;
}

.o-next-step__price {
  font-size: 20px;
  color: #000000;
  padding-bottom: 3px;
}
/* ADD LENSES - END */

/* MODALE SEARCH - START */
.modal-search-container{
	display: none; 
	width:100%; 
	height:100vh !important; 
	right:0; 
	background-color:#ffffff;
	z-index: 1034;
	position:fixed;
	top: 0;
	overflow: auto;
}

.modal-search-header-container{
	padding: 26px 40px 0 15px;
	display: inline-block;
    width: 100%;
}

.modal-search-header-logo{
	float: left;
}

.modal-search-close{
	margin: 0px;
}

.modal-search-icon-close{
	width: 30px;
	height: 30px;
	font-size: 25px; 
	float: right;
}

.modal-search-form{
	margin: 0px !important;
	padding: 0px !important;
	height: 100%;
    overflow-y: auto;
}

.modal-search-body{
	padding: 40px 0 0 0 !important;
}

.modal-search-input-container{
	margin:0px auto 60px auto;
	width:400px;
	position: relative;
}

.modal-search-input{
	width: 100%;
	color: #000000;	
}

.modal-search-input::placeholder{
	color: #000000;	
}

.modal-search-icon-search{
	font-size: 25px;
	position: absolute;
	top: 0;
	right: 0;
}

.modal-search-category-container{
	padding-bottom: 40px;
}

.modal-search-result-body{
	margin: 0 14px 25px 14px;
}

.modal-search-result-container{
	width: 100% !important;
	margin: 0px !important;
}

.modal-search-result-title{
	font-size: 16px !important;
	color: #222222 !important;
	text-transform: none !important;
	margin-bottom: 15px;
}

.modal-search-result-grid-container{
	display: flex;
  	white-space: nowrap;
  	width: 100%;
  	margin-bottom: 20px;
  	padding-bottom: 10px;
}

 .modal-search-result-grid{
	background-color: #f7f7f9;
	position:relative;
	width: 20%;
	display: inline-block;
	display: inline-flex;
	flex-direction: column;
	margin: 2.5px;
	text-align: center;
}

.modal-search-result-grid-title{
	text-align: right;
	padding: 17px 25px 0 0;
	font-size: 14px;
	color: #4a4a4a;
	font-family: 'noto_sansregular';
	position:absolute;
	top:0;
	right:0;	
}

.modal-search-result-img-container{
	position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
}

.modal-search-result-img-container a {
	text-decoration: none;
    color: #000000;
    font-family: noto_sansregular;
    display: block;
    text-align: center;
}

.modal-search-result-img{
	width: 80% !important;
	object-fit: contain;
	height: auto;
} 

.modal-search-result-description-container{
    font-size: 16px;
    color: #4a4a4a;
    font-family: 'noto_sansregular';
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 4%;
    text-align: left;
}

.modal-search-footer{
	text-align: center;
	clear: both;
	padding:20px;
}

.modal-search-view-all:hover{
	text-decoration:none;
}

::-ms-clear{
	display: none;
}

.load-to-result-search-container{
	text-align: center;
}

.load-to-result-search{
	font-size: 50px;
}

@media screen and (max-width: 992px){
	.modal-search-footer{
		padding:0px;
	}
}

@media screen and (max-device-width: 992px){
	.modal-search-result-body {
	    margin: 100px 14px 25px 14px;
	}	
}
/* MODALE SEARCH - END */

/* TOOLTIP STYLE - START */
.arrow-before {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #000000 transparent;
  top: 48px;
  left: 12px;
  z-index: 0;
}

.arrow-after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent #f7f7f9 transparent;
  top: 49px;
  left: 12px;
  z-index: 2;
}

.tooltip-box::after {
  content: attr(data-tooltip);
  position: absolute;
  width: 187px;
  height: 74px;
  margin-top: 10px;
  padding: 10px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
  border: solid 1px #000000;
  border-radius: 5px;
  background-color: #f7f7f9;
  /* Tooltip font style */
  font-family: noto_sansregular;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #000000;
  z-index: 1;
}
/* TOOLTIP STYLE - END */

/* MODAL FAVORITES - START */
.modal-favorites-container {
	position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding: 90px 40px;
    box-sizing: border-box;
    z-index: 110;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-my-account-container .arrow-left-container,
.modal-favorites-container .arrow-left-container {
    position: absolute;
    top: 50px;
    left: 40px;
}

.modal-my-account-container .arrow-left-container a,
.modal-favorites-container .arrow-left-container a {
	font-size: 28px;
	color: #000000;
}

.modal-my-account-container .arrow-left-container a:hover,
.modal-favorites-container .arrow-left-container a:hover {
	text-decoration: none;
}

.modal-favorites-head{
	margin-bottom: 30px;
}

.modal-favorites-title {
	font-size: 32px;
	font-weight: normal;
	color: #000000;
	font-family: 'noto_sansregular' !important;
}

.modal-favorites-subtitle{
	margin-top: 10px;
	color: #222222;
	font-size: 16px;
	font-family: 'noto_sansregular' !important;
}

.modal-favorites-subtitle a {
	color: #0079c1;
	font-size: 16px;
}

.modal-favorites-eyeglasses-title, .modal-favorites-sunglasses-title, .modal-favorites-suggestion-title {
	font-family: 'noto_sansregular';
	font-size: 24px;
	font-weight: normal;
	color: #222222;
	margin-bottom: 20px;
}

.modal-favorites-box-grid{
	background: #f6f6f8;
    height: 400px;
    width: 278px;
    display: inline-block;
    display: inline-flex;
    flex-direction: column;
}

.modal-favorites-box-grid-head{
	padding: 20px;
	flex-basis: auto;
	text-align: right;
}

.modal-favorites-box-grid-color{
	font-family: 'noto_sansregular';
	font-size: 14px;
  	color: #4a4a4a;
  	margin: 0;
}

.modal-favorites-box-grid-head .iconglasses-icon-favorite-full-bl{
	font-size: 22px;
}

.modal-favorites-box-grid-container{
	display: block;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 40px;
    padding-bottom: 15px;
}

.modal-favorites-box-grid-body{
	flex-basis: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.modal-favorites-box-grid-body img {
	width: 90%;
    max-width: 100%;
    height: auto;
    max-height: 100%;
}

.modal-favorites-box-grid-footer {
    flex-basis: auto;
   	padding: 15px 25px;
   	font-family: 'noto_sansregular';
}

.modal-favorites-name{
	font-size: 18px;
    margin-bottom: 5px;
    color: #4a4a4a;
    display: block;
}

.modal-favorites-price{
	font-size: 16px;
    color: #4a4a4a;
    display: block;
}

.modal-favorites-no-favorites{
	margin-bottom: 66px;
}

.modal-favorites-no-favorites-title{
	font-family: 'noto_sansregular';
	font-size: 18px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 10px;	
}

.modal-favorites-no-favorites-paragraph{
	font-family: 'noto_sansregular';
	font-size: 16px;
	color: #000000;
	margin-bottom: 30px;
	letter-spacing: 0.2px;
    line-height: 1.75;
}

.modal-favorites-no-favorites-button-container{
	display: inline;
}

.modal-favorites-no-favorites-button{
	margin-right: 25px;
}
@media (max-width:  991px){
	.modal-favorites-no-favorites-button{
		margin-right: 0;
	}
}
/* MODAL FAVORITES - END */

/* THANK YOU PAGE - STRART */
.thank-you-head{
	padding-top: 26px;
	text-align: left;
	margin: 0px !important;
}

.thank-you-title{
	font-size: 32px;
    font-weight: normal;
	color: #000000;
	margin: 0px;
	font-family: 'noto_sansregular';
}

.thank-you-subtitle{
	font-size: 16px;
    color: #222222;
    margin: 0px;
    font-family: 'noto_sansregular';
}

.checkout_wrapper .thank-you-container{
    padding: 0 25% 0 25%;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    min-height: calc(100vh - 125px);
}

.thank-you-data-order-container{
	margin-top: 25px;
}

.thank-you-data-order{
	margin: 0px;
	font-family: 'noto_sansregular';
	font-size: 16px;
	padding-bottom: 10px;
	color: #000000;
	font-weight: normal;
}

.thank-you-data-order-description{
	font-weight: bold;
	margin: 0px;	
}

.thank-you-prescription-container{
	margin: 30px 0 50px 0;
	border: solid 1px #e5e5e5;
	padding: 20px;
}

.thank-you-prescription-no-uploaded{
	margin: 0px;
}

.thank-you-prescription-title{
	padding-bottom: 10px;
	font-size: 24px;
	color: #222222;
	margin: 0px;
	font-family: 'noto_sansregular';
	line-height: 1;
}

.thank-you-prescription-subtitle{
	font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #4a4a4a;
}

.thank-you-prescription-attached{
	margin: 0px;
	display: flex;
	flex-direction: row;
	padding: 20px 0 43px;
}

.thank-you-prescription-attached-left{
	height: 40px;
    width: 160px;
    border-radius: 4px;
    background-color: #222222;
    margin-right: 12px;
    text-align: center;
    display: table;
    position: relative;
}

::-webkit-file-upload-button {
    cursor:pointer;
}

#thank-you-add-file{
	opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    cursor: pointer;
}

.thank-you-prescription-labal-span-container {
	position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    text-align: center;
    line-height: 40px;
}

.label-button-prescription {
	display: inline-block;
    font-size: 16px;
    color: #ffffff;
    padding-left: 12px;
}

.thank-you-icon-noun-paper-clip{
	vertical-align: middle;
	font-size: 24px;
}

.thank-you-prescription-attached-right-name{
	font-family: 'noto_sansregular';
	line-height: 1.5;
	font-size: 16px;
	color: #4a4a4a;	
}

.thank-you-prescription-attached-right-change-file{
	font-family: 'noto_sansregular';
	line-height: 1.5;
	font-size: 16px;
	color: #0079c1;
	padding-left: 10px;
	position: relative;
	display: none;
}

#thank-you-chance-file{
	opacity: 0;
	width: 100%;
	height: 100%;
	position: absolute;
}

.thank-you-prescription-attached-error{
	font-family: 'noto_sansregular';
	line-height: normal;
	font-size: 14px;
	color: #d0021b;
	max-width: 300px;
}

.thank-you-prescription-attached-accepted{
	font-family: 'noto_sansregular';
	font-size: 12px;
	color: #4a4a4a;
	margin: 0px;
	padding-top: 3px;	
}

.thank-you-prescription-send{
	margin: 0px;
    display: flex;
    justify-content: space-between;
}

.thank-you-prescription-button{
	font-family: 'noto_sansregular';
	font-size: 16px;
	text-align: center;
	padding: 0 50px;
    white-space: nowrap;
    min-width: auto;
}

.thank-you-prescription-footer-container{
	margin: 0px;
}

.thank-you-prescription-footer{
	margin: 0px;
	font-family: 'noto_sansregular';
	font-size: 14px;
	color: #4a4a4a;
	padding-top: 30px;	
}

.thank-you-prescription-footer-mail{
	color: #0079c1;
	text-decoration: none;
}

.thank-you-prescription-footer-mail:focus{
	outline: none;
}

.thank-you-prescription-uploaded{
	margin: 0px;
	display: none;		
}

.thank-you-order-details-container{
	margin: 15px 0 12px 0;
}

.thank-you-order-details-title{
	font-family: 'noto_sansregular';
	font-size: 16px;
	margin : 0px;
	float: left;
	color: #222222;	
}

.thank-you-icon-open-details{
	float: right;
	cursor: pointer;
	padding: 3px 10px 0 0;
    font-size: 12px;
}
.thank-you-icon-open-details.less-size {
	font-size: 2px;
}

.thank-you-close-open-details{
	float: right;
	cursor: pointer;
	padding: 12px 10px 0 0;	
	display: none;
	font-size: 2px;
}

.clear{
	clear: both;
}

.thank-you-order-details-body{
	margin: 0px;
	display: none;
}

.thank-you-order-details-table{
	text-align: right;
	float: right;
}

.thank-you-order-details-table-container{
	margin-top: 15px;
}

.thank-you-order-deails-table-row .container-custom {
	font-family: 'noto_sansregular';
	font-size: 16px;
	line-height: 1.44;
	text-align: right;
	color: #000000;
	margin: 0px; 
	margin-bottom: 5px;	
	padding: 0;
}

.thank-you-order-deails-table-row{
	font-family: 'noto_sansregular';
	font-size: 16px;
	line-height: 1.44;
	text-align: right;
	color: #000000;
	margin: 0px; 
	margin-bottom: 5px;	
	padding: 0;
}

.thank-you-order-details-table-price{
	padding:0 19px 0 40px;
	list-style: none;
}

.thank-you-order-details-table-total .container-custom{
	font-weight: bold;
}

.thank-you-order-details-table-total{
	font-weight: bold;
}

.thank-you-order-details-footer{
	margin-top: 30px;
	display: flex;
	flex-direction: row;
}

.thank-you-order-details-footer-address{
	margin-right: 5px;
	background-color: #f7f7f9;
	padding: 10px 0 15px 10px;
	flex-basis: 100%;
}

.thank-you-order-details-footer-payment-method{
	margin: 0px;
	background-color: #f7f7f9;
	padding: 10px 0 15px 10px;
	flex-basis: 100%;
}

.thank-you-order-details-footer-title{
	font-family: 'noto_sansregular';
    font-size: 16px !important;
    font-weight: bold !important;
    color: #000000 !important;
    margin: 0px !important;
}

.thank-you-order-details-footer-description{
	font-family: 'noto_sansregular';
	font-size: 14px;
	line-height: 1.93;
	margin: 0px;
	color: #000000;
}

.thank-you-footer-container{
	margin: 40px 0 50px 0;
}

.thank-you-footer{
	font-family: 'noto_sansregular';
	font-size: 16px;	
	line-height: 1.5;
	color: #222222;
}

.thank-you-footer-new-account{
	color: #0079c1;
	tex-decoration: underline;
}

.thank-you-footer-new-account:focus{
	outline: none;
}

.thank-you-product-list .order-body {
	padding: 0;
}
/* THANK YOU PAGE - END */
/* CHECKOUT - START */
.checkout-wrapper-steps {
	width: 100%;
}

.checkout-wrapper-content > div {
    width: 100%;
}

.sign_in a:after {
	background: none !important;
}


.insert-manually, .insert-additional{
	display: block;
}

.form-shipping{
 	display: inline-block;
 }

.step-footer{
	border: none;
}

.input-container{
	margin-right: 0px !important;
}

.checkout-wrapper-content{
	display: block;
	padding: 0px;
}
/* CHECKOUT - END */
/* SHIPPING START */

.btn-order{
	float: right;
}


/* PAGE BRANDS/COLLABORATION DESKTOP START */
.brand-collaboration-container{
    width: 100%;
    min-height: calc(100vh - 150px);
}

.brand-collaboration-head{
    margin: 0px 0px 25px 15px;
    display: none;
}

.brand-collaboration-menu-ul{
    margin: 0px;
    padding: 0px;
}

.brand-collaboration-menu-ul li, .brand-collaboration-menu-ul li h1{
    display: inline;
}

.brand-colaboration-menu-li, .brand-colaboration-menu-li h1{
    margin: 0px;
    margin-right: 20px;
    font-family: "noto_sansregular";
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.28 !important;
    letter-spacing: normal;
    color: #555555;
    cursor: pointer;
}

.brand-colaboration-menu-li-select, .brand-colaboration-menu-li-select h1{
    color: #222222;
    border-bottom: solid 1px #222222;
}

.brand-collaboration-body{
    margin: 15px 15px 0px 15px;
}

.brand-collaboration-grid-container-brands{
    margin: 0px;
}

.brand-collaboration-grid-body{
    float: left;
	width: 20%;
	padding: 3px;
}

.brand-collaboration-grid{
    background-color: #f7f7f9;
    height: 350px;
    text-align: center;
    position: relative;
}

.brand-collaboration-grid a:hover {
	text-decoration: none;
}

.brand-collaboration-grid a{
	text-decoration: none;
	color: #000000;
    font-family: noto_sansregular;
    display: block;
    width: 100%;
    height: 100%;
}
.brand-collaboration-grid:hover{
    background-color: #222222;
}
.brand-collaboration-img-logo{
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
    mix-blend-mode: difference;
}
span.brand-collaboration-img-logo{
	color: #fff;
}
.brand-collaboration-img-container.dots-loader {
	margin: auto;
	position: absolute !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) !important;
}


.collaborations-list{
	display: none;
}

@media screen and (max-width: 990px){
    .brand-collaboration-grid-body{
	    float: left;
		width: 25%;
		padding: 3px;
	}
}

@media screen and (max-device-width: 990px){
    .brand-collaboration-grid-body{
	    float: left;
		width: 25%;
		padding: 3px;
	}
}
/* PAGE BRANDS/COLLABORATION DESKTOP END */

/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * */

/* CATALOG PAGE - HEADER IN PLP */

body.catalog-search-page .filter-bar,
body.catalog-page .filter-bar {
	padding-top:10px;
	top: 40px;
}

body.catalog-search-page #header_wrapper,
body.catalog-search-page.is-menu-hidden #header_wrapper,
body.catalog-search-page.is-menu-hidden-when-modal #header_wrapper,
body.catalog-search-page .filter-bar,
body.catalog-search-page.is-menu-hidden .filter-bar,
body.catalog-search-page.is-menu-hidden-when-modal .filter-bar,
body.catalog-search-page .header-promo-banner-wrapper,
body.catalog-search-page.is-menu-hidden .header-promo-banner-wrapper,
body.catalog-search-page.is-menu-hidden-when-modal .header-promo-banner-wrapper,
body.catalog-page #header_wrapper,
body.catalog-page.is-menu-hidden #header_wrapper,
body.catalog-page.is-menu-hidden-when-modal #header_wrapper,
body.catalog-page .filter-bar,
body.catalog-page.is-menu-hidden .filter-bar,
body.catalog-page.is-menu-hidden-when-modal .filter-bar,
body.catalog-page .header-promo-banner-wrapper,
body.catalog-page.is-menu-hidden .header-promo-banner-wrapper,
body.catalog-page.is-menu-hidden-when-modal .header-promo-banner-wrapper
{
	 -webkit-transition: top 0.3s;
	 transition: top 0.3s;
}

body.catalog-search-page.is-menu-hidden #header_wrapper,
body.catalog-search-page.is-menu-hidden-when-modal #header_wrapper,
body.catalog-search-page.is-menu-hidden-when-modal .filter-bar,
body.catalog-search-page.is-menu-hidden .filter-bar,
body.catalog-search-page.is-menu-hidden-when-modal .header-promo-banner-wrapper,
body.catalog-search-page.is-menu-hidden .header-promo-banner-wrapper,
body.catalog-page.is-menu-hidden #header_wrapper,
body.catalog-page.is-menu-hidden-when-modal #header_wrapper,
body.catalog-page.is-menu-hidden-when-modal .filter-bar,
body.catalog-page.is-menu-hidden .filter-bar,
body.catalog-page.is-menu-hidden-when-modal .header-promo-banner-wrapper,
body.catalog-page.is-menu-hidden .header-promo-banner-wrapper,
body.catalog-page.is-menu-hidden .header-strip-global-container
{
	 top: -105px!important;
}

body.catalog-search-page.is-menu-hidden-forced #header_wrapper,
body.catalog-search-page.is-menu-hidden-forced-when-modal #header_wrapper,
body.catalog-search-page.is-menu-hidden-forced-when-modal .filter-bar,
body.catalog-search-page.is-menu-hidden-forced .filter-bar,
body.catalog-search-page.is-menu-hidden-forced-when-modal .header-promo-banner-wrapper,
body.catalog-search-page.is-menu-hidden-forced .header-promo-banner-wrapper,
body.catalog-page.is-menu-hidden-forced #header_wrapper,
body.catalog-page.is-menu-hidden-forced-when-modal #header_wrapper,
body.catalog-page.is-menu-hidden-forced-when-modal .filter-bar,
body.catalog-page.is-menu-hidden-forced .filter-bar,
body.catalog-page.is-menu-hidden-forced-when-modal .header-promo-banner-wrapper,
body.catalog-page.is-menu-hidden-forced .header-promo-banner-wrapper
{
	 top: -105px!important;
}
/* PRIVACY POLICY - TERMS AND CONDITIONS START*/
#privacy-policy-modal, #terms-and-conditions-modal {
	width: 100%;
    height: 100vh;
    margin: auto;
    z-index: 1033;
    position: fixed;
    top: 100%;
    left: 0;
    background-color: #fff;
    overflow: auto;
}
.privacy-policy-container, .terms-and-conditions-container {
	margin: auto;
    width: 60%;
    padding: 5px 0;
    font-size: 16px;
	font-family: noto_sansregular;
	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: normal;
  	letter-spacing: normal;
  	color: #000000;
}
.footer-modal-close-container {
	position: absolute;
    top: 25px;
    right: 25px;
}
.footer-modal-close-container a {
	font-size: 30px;
	color: #333;
	text-decoration: none;
}
.footer-modal-close-container a:hover {
	text-decoration: none;
}
.privacy-policy-header .privacy-policy-title, .terms-and-conditions-header .terms-and-conditions-title {
	font-size: 32px;
	margin-bottom: 20px;
}
.privacy-policy-header .privacy-policy-subtitle, .terms-and-conditions-header .terms-and-conditions-subtitle {
	font-size: 14px;
    font-style: italic;
    margin-bottom: 18px;
}
.privacy-policy-body .privacy-policy-body-box-title, .terms-and-conditions-body .terms-and-conditions-body-box-title {
	font-weight: bold;
	margin-bottom: 18px;
}
.privacy-policy-body .privacy-policy-body-box, .terms-and-conditions-body .terms-and-conditions-body-box {
	margin-bottom: 25px;
}
.privacy-policy-body .privacy-policy-body-box a, .terms-and-conditions-body .terms-and-conditions-body-box a {
	font-size: 16px;
    color: #0079c1;
    font-family: noto_sansregular;
}
.landing-page .template-holder {
	height: calc(100vh - 125px);
	margin: 0 auto;
}


/* COMMON COMPONENT - START */

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color: #222;
	opacity: 1;
}
input:-moz-placeholder,textarea:-moz-placeholder {
	color: #222;
	opacity: 1;
}
input::-moz-placeholder,textarea::-moz-placeholder {
	color: #222;
	opacity: 1;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color: #222;
	opacity: 1;
}


/* STYLE VISION INSURANCE */

#use-insurance-modal {
	display: none;
}

.insurance-modal-container,
.insurance-modal-container * {
	box-sizing: border-box;
}

.insurance-modal-container {
    display: flex;
    flex-direction: row;
    height:100%;
}

.insurance-modal-container .close-modal,
.insurance-modal-container .close-insurance-hp {
	position: absolute;
	top: 36px;
	right: 40px;
}

.insurance-modal-container .insurance-modal-container-column-left{
	width: 40%;
}

.insurance-modal-container .insurance-modal-container-column-left .column-left-image{
	height: 100%;
	/*background: url('../images/redesign/demo/vision_insurance_image.jpg') 100% center no-repeat;*/
	background-size: cover;
}

.insurance-modal-wrapper {
	height: 100%;
	width: 100%;
	position: fixed;
	top:0;
	left:0;
	z-index: 100004;
}

.insurance-modal-container .insurance-modal-container-column-right-wrapper {
	width: 60%;
	background-color: white;
	display: flex;
	box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.5);
}

.insurance-modal-container-column-right .insurance-modal-container-column-right_top .font-insurance-title{
	font-family: 'noto_sansregular';
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
}

.insurance-modal-container-column-right .insurance-modal-container-column-right_top .font-insurance-description {
	padding: 16px 0 40px 0;
}

.insurance-modal-container-column-right .insurance-modal-container-column-right_top .font-insurance-description P{
	font-family: 'noto_sansregular';
	font-size: 16px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.5;
	letter-spacing: normal;
	color: #4a4a4a;
}

.font-insurance-description .description-bottom {
	padding-top: 15px;
}

.insurance-modal-container .insurance-modal-container-column-right .insurance-modal-container-column-right_top .font-insurance-download{
	font-family: 'noto_sansregular';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0079c1;
    display: inline;
    text-decoration: underline;
}

.clear-both {
	clear: both;
}

.insurance-column-middle .insurance-modal-container-column-right_middle {
	float: right;
	width: 45%;
}
.insurance-column-middle .insurance-modal-container-column-left_middle {
	float: left;
	width: 45%;
}

.insurance-input-container {
	padding-bottom: 20px;
}

.insurance-modal-container-button .insurance-modal-container-button-paragraph {
	width: 45%;
    float: left;
}

.insurance-modal-container-button .insurance-modal-container-button-paragraph P{
	font-family: 'noto_sansregular';
	font-size: 12px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #4a4a4a;
}

.insurance-modal-container-submit {
	width: 50%;
    float: right;
}

.insurance-modal-container-submit .black-button {
	height: 40px;
	cursor: pointer;
}

.insurance-modal-container-submit .white-button {
	height: 40px;
	cursor: pointer;
}

.insurance-modal-container-submit #button-cancel-insurance {
	margin-right: 10px;
    min-width: 120px;
}

#personalInfo input {
	font-size: 16px;
}

.error-container-1,
.error-container-2 {
	display: none;
	width: 100%;
}

.error-container-1 P,
.error-container-2 P {
	font-size: 16px;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: normal;
  	letter-spacing: normal;
  	color: #d0021b;
}

.error-container-1 .error-top {
	font-weight: bold;
}

.error-container-1 .error-bottom {
	margin-top: 5px;
	font-weight: normal;
}

.error-container-2 .error-top,
.error-container-2 .error-bottom {
	font-weight: bold;
}

.error-container-2 .error-middle {
	margin-top: 5px;
	font-weight: normal;
}

.nav-element.insurance-menu {
    /*display: block !important;*/
    float: none !important; 
}

.input-plan-member-container {
	display: flex;
	justify-content: space-between;
	padding-top: 20px;
}

.input-plan-container,
.input-member-container {
	width: 45%;
}

.input-plan-container {
	float: left;
}

.input-member-container {
	float: right;
}

@media(min-width: 1599px){
	.insurance-modal-container-column-right .insurance-modal-container-column-right_top .font-insurance-title {
		font-size: 35px;
	}
	
	.insurance-modal-container-column-right .insurance-modal-container-column-right_top .font-insurance-description P,
	.insurance-modal-container .insurance-modal-container-column-right .insurance-modal-container-column-right_top .font-insurance-download,
	#personalInfo input{
		font-size: 18px;
	}
	
	.insurance-modal-container-button .insurance-modal-container-button-paragraph P {
		font-size: 10px;
	}
	
	.insurance-input-container {
	    padding-bottom: 40px;
	}
	
	.input-plan-member-container {
    	padding-top: 40px;
    }
}

@media(max-width: 1199px){
	.insurance-modal-container-submit .rectangle-button {
		font-size: 12px;
	}
	
	.insurance-modal-container-submit #button-cancel-insurance {
		min-width: 85px !important;
	}
}

@media(max-width: 991px){
	
	.insurance-modal-container .iconglasses-x {
		font-size: 26px;
	}
	
	.insurance-modal-container-column-right .insurance-modal-container-column-right_top .font-insurance-description P,
	.insurance-modal-container .insurance-modal-container-column-right .insurance-modal-container-column-right_top .font-insurance-download,
	#personalInfo input {
		font-size: 13px;
	}
	
	.insurance-modal-container-button .insurance-modal-container-button-paragraph P {
		font-size: 8px;
	}
	
	.insurance-modal-container-submit .rectangle-button {
		min-width: 85px;
		font-size: 12px;
	}
}

@media(max-width: 767px){
	.insurance-modal-container-submit .rectangle-button {
		min-width: 0;
		font-size: 12px;
	}
}


/* STYLE SHOPPING BAG */
#new-shopping-bag {
	height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.shopping-bag-top {
	width: 100%;
	padding-left: 28px;
	box-sizing: border-box;
	display: inline-block;
	padding-top: 85px;
	padding-bottom: 20px;
}

.shopping-bag-top .shopping-bag-title {
	float: left;
}

.shopping-bag-top .shopping-bag-title H1,
.shopping-bag-top .shopping-bag-title .h1 {
	font-family: 'noto_sansregular';
	font-size: 32px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #000000;
   	text-transform: none;
   	margin-bottom: 0;
}

.shopping-bag-top .close-insurance-hp {
	position: absolute;
	top: -60px;
	right: 30px;
}

.switch {
	position: relative;
    display: inline-block;
    width: 40px;
    height: 18px;
    float: left;
	margin-top: 25px;
	margin-right: 10px;
}

.switch input {
	display:none;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 6px;
  right: 0;
  bottom: 0;
  background-color: #4a4a4a;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
    position: absolute;
    content: "";
    height: 16px;
    width: 16px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
}

input:checked + .slider {
  background-color: #0079c1;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.shopping-bag-top .shopping-bag-vision-insurance {
    float: right;
    margin-right: 27%;
    margin-top: 25px;
    cursor: pointer;
    width: 48%;
}
.shopping-bag-top .shopping-bag-vision-insurance #benefit-switch {
	float: right;
}
.shopping-bag-top .shopping-bag-vision-insurance .error.not-insurable, .shopping-bag-top .shopping-bag-vision-insurance .error.not-insurable-no-prescription {
    float: right;
    width: auto;
    text-align: right;
    font-weight: normal;
    font-family: 'noto_sansregular';
    color: #d0021b;
    font-size: 13px;
    padding-top: 5px;
}

.shopping-bag-top .shopping-bag-vision-insurance P{
	font-family: 'noto_sansregular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #000000;
	float: right;
	padding-top: 2px;
}

.shopping-bag-middle {
	width: 100%;
	box-sizing: border-box;
}

.middle-container {
	padding-left: 23%;
	padding-right:23%;
	padding-bottom: 70px;
}

.product-box {
	width: 100%;
	height: auto;
	border: solid 1px #dadada;
	margin-bottom: 2%;
}

.end-float {
	clear: both;
}

.order-summary-no-padding {
	padding: 0;
}

.order-summary-overflow-y {
	overflow-y: auto;
}

.order-summary-header-column-left {
	width: 38% !important;
}

.checkout-step-arrow-left {
	margin-bottom: 20px;
}

#container-taxes,
#container-info-shipping {
	display: none;
}

.max-height {
	height: 100%;
}

.state-label {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 0;
}

.no_padding_select_container_gl span.selectBox-label {
	padding: 0;
}

.no_padding_select_container_gl {
	/* height: 51px;*/
	border-bottom-color: #b1b1b1;
}

.shopping-bag-details-container {
	margin-bottom: 40px;
}

.shopping-bag-details-container .list-container {
	list-style-type: none;
	-webkit-padding-start: 2%;
	margin: 20px 0 15px 0;
}

.shopping-bag-details-container .list-container LI {
	display: inline;
}

.shopping-bag-details-container .line-thin {
	width: 100%;
	border: solid 0.5px #dadada;
}

.shopping-bag-details-container .list-container .left-element {
	font-family: 'noto_sansregular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #000000;
}

#benefit-switch {
	display: inline;
}

.list-container .order-total-taxes-label {
	font-size: 16px;
}
.list-container .right-element.order-total-taxes {
	font-size: 16px;
	padding-right: 0;
}

.shopping-bag-details-container .list-container .right-element {
	float: right;
    padding-right: 42px;
    font-size: 12px;
}

.shopping-bag-details-container .list-container .sign-in {
	float: right;
    padding-right: 20px;
	font-family: 'noto_sansregular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #000000;
}

.shopping-bag-details-container .list-container .sign-in A{
	font-family: 'noto_sansregular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #000000;
}

#shoprunner-container .srd_h_background {
	padding: 0 20px 0 0;
}

.RX-puchase-massage-container {
	padding-top: 10px;
    width: 50%;
}

.RX-puchase-massage-container .RX-puchase-massage-label {
	font-size: 14px;
    line-height: normal;
    color: #333333;
}

.inventory-block-message-container {
	padding-top: 10px;
    width: 100%;
}

.inventory-block-message-container .inventory-block-message-label {
	font-size: 14px;
    line-height: normal;
    color: red;
    text-align: center;
}

#add-express-delivery {
	font-family: 'noto_sansregular';
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.14;
	letter-spacing: normal;
	text-align: right;
	color: #0079c1;
}

.list-container .delivery {
	float: right;
    padding-right: 20px;
	font-family: 'noto_sansregular';
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.29;
	letter-spacing: normal;
	color: #000000;
	margin-top: -40px;
}

.delivery-container-label{
	margin-bottom: 10px;
}

.remove-product {
    float: left;
    width: 24px;
    height: 24px;
    border-radius: 27.5px;
    background-color: #ffffff;
    border: solid 1px #dadada;
    margin: 28px 0 0 -13px;
}

.remove-product .iconglasses-x {
	margin: 3px 0 0 3px;
    color: #333333;
    font-size: 16px;
}

.shopping-bag-buttons-container {
	display: flex;
}

.shopping-bag-buttons-container .paypal-button-container {
	width: 100%;
	height: 41px;
	border: solid 1px #222222;
	border-radius: 4px;
	font-family: 'noto_sansregular';
  	font-size: 16px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: normal;
  	letter-spacing: normal;
  	text-align: center;
}

.shopping-bag-buttons-container a {
	width: 100%;
	height: 40px;	border: solid 1px #222222;
	border-radius: 4px;
	font-family: 'noto_sansregular';
  	font-size: 16px;	
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	letter-spacing: normal;
  	text-align: center;
  	line-height: 40px;
}

.close-insurance-hp a:HOVER,
.shopping-bag-buttons-container a:HOVER {
	text-decoration: none;
}

.shopping-bag-details-container .list-container .right-element-submit {
	float:right;
}

.shopping-bag-details-container .list-container .right-element-submit BUTTON {
	width: 145px;
    height: 41px;
    border: solid 1px #222222;
    border-radius: 4px;
    font-family: 'noto_sansregular';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    background-color: white;
}

.shopping-bag-buttons-container .white-button {
	background-color: white;
}

.shopping-bag-buttons-container .black-button {
	background-color: black;
	color: white;
}

.shopping-bag-buttons-container .black-button:hover {
	text-decoration: underline;
}

.totale-shopping-bag {
	font-family: 'noto_sansregular';
  	font-size: 22px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.05;
  	letter-spacing: normal;
  	text-align: right;
  	color: #000000;
  	float: right;
    padding-right: 20px;
}

.totale-shopping-bag-wo-taxes {
	font-family: 'noto_sansregular';
  	font-size: 22px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.05;
  	letter-spacing: normal;
  	text-align: right;
  	color: #000000;
  	float: right;
    padding-right: 20px;
}

#shoprunner-container * {
	background-color: #ffffff !important;
}

.shopping-bag-details-container .list-container .left-element .shoprunner-image {
	height: 26px;
    width: 50px;
}

.shopping-bag-details-container .list-container .left-element INPUT {
	width: 45%;
    display: -webkit-inline-box;
    font-size: 12px;
    padding-top: 16px;
    padding-left: 0;
}

.height-unset {
	height: unset !important;
}

.shopping-bag-details-container .list-container .promo-code-shopping-bag {
	display: none;
	height: 104px;
}

#close-promo-code {
	height: 10px;
	font-size: 2.4px;
	padding-top: 5px;
	cursor: pointer;
}
.promo-code-shopping-bag-before-top {
	 margin-bottom: 8px;
}

#show-promo-code .iconglasses-icon-open-detail,
#military-responders .iconglasses-icon-open-detail {
	cursor: pointer;
}

.military-box {
	display: none;
	margin-top: 10px;
}

#military-responders .iconglasses-icon-close-detail {
	display: none;
	height: 10px;
    font-size: 2.4px;
    padding-top: 5px;
    cursor: pointer;
}

.shoprunner-logo {
	display: inline-block;
	background: url(../images/redesign/demo/logo-shoprunner.png) center no-repeat;
    height: 23px;
    width: 126px;
}

.paypal-logo {
	display: inline-block;
    background: url(../images/redesign/demo/logo-paypal.png) center no-repeat;
    height: 23px;
    width: 126px
}

.container-custom {
	display: inline-flex;
    float: right;
    padding-right: 20px;
    font-size: 22px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.05;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
}

.promo-input{
	float: right;
    width: 145px;
    height: 40px;
    border: solid 1px #222222;
    border-radius: 4px;
    font-family: 'noto_sansregular';
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    background-color: white;
    margin-top: 5px;
    cursor: pointer;
}
.promo-input:hover{
	text-decoration: underline;
}

.promo-field {
	margin-bottom: 18px;
}

#content_wrapper_box form.lc2 .promo-field .promotionCodeFailureResponse, form.lc2 .promo-field .promotionCodeFailureResponse {
	padding: 0;
}

.promo-field .promo-code-container {
	position: relative;
	float: left;
	width: 45%;
}

.promo-field .promo-code-container .promo-input {
	text-align: left;
}

.promo-field .promo-code-container .iconglasses-x {
	display: none;
	position: absolute;
	top:0;
	right: 0;
    margin-top: 18px;
    margin-right: 7px;
    height: 0px;
    font-size: 23px;
    color: #d0021b;
    cursor: pointer;
}

.promo-field .line-thin {
	width:45%;
	border: solid 0.5px #979797;
}

.check.sameAsShipping.useAsBilling, .check.newsletter {
	display: flex;
	line-height: 1.2;
}

.label-promo-activated {
	font-size: 18px;
	color: #000000;
	float: left;
}

.label-remove-promo {
	color: #0079c1;
	font-size: 16px;
    text-decoration: none;
    font-family: 'noto_sansregular';
}

.label-remove-promo:hover {
	text-decoration: none;
	color: #0079c1;
}

.label-benefit-promo {
	float: left;
    font-size: 14px;
    color: #222222;
}

.total-saving-promo {
	float: right;
    padding-right: 20px;
    font-size: 14px;
    font-weight: bold;
    color: #222222;
}

.price-with-promo {
	font-size: 16px;
    color: #767676;
    text-align: right;
    text-decoration: line-through;
}

.price-no-benefit-strike {
	font-size: 16px;
	color: #767676;
	text-align: right;
	text-decoration: line-through;
}

#spinner-promo {
	display: none;
	float: left;
    margin-top: 19px;
}

#spinner-remove {
	display: none;
	margin-right: 5px;
}

#promo-code-container, .promo-code-shopping-bag-before-top {
	cursor: pointer;
}

.warning-california-container {
 	display: none;
	margin-top: -15px;
    margin-bottom: 10px;
}

.warning-california-container .warning-california-top a{
	color: #000000;
    font-weight: unset;
    text-decoration: underline;
}

.warning-california-container .warning-california-label-top {
	color: #000000;
    font-size: 12px;
}

.warning-california-container .warning-california-description {
	display: none;
	padding-top: 10px;
}

.warning-california-container .warning-california-description a{
	 text-decoration: underline;
	 font-weight: unset;
}

.warning-california-container .warning-california-description a,
.warning-california-container .warning-california-description p{
	font-size: 10px;
	line-height: 1.8; 
	color: #4a4a4a;
}

@media(max-width: 950px){
	.shopping-bag-details-container .list-container .left-element {
		font-size: 13px;
	}
	
	.product-list .product-box .product-simple-detail .name-detail-container P A {
		font-size: 16px;
	}
	
	.product-list .product-box .product-simple-detail .product-price P {
		font-size: 18px;
	}
	
	.product-list .product-box .product-simple-detail .product-price .frame-price-discount-redesign {
		font-size: 14px;
	}
}

@media(max-width: 899px){
	
	.promotionCodeFailureResponse {
		font-size: 12px;
	}
}



	/* PAYMENT */
.payment-left-icon-arrow {
    font-size: 25px;
    color: #000000;
}

.iconglasses-arrow-left .path2:before {
    margin-left: -1em;
}

.payment-top a:hover{
	text-decoration: none;
}

.rectangle-button.payment {
	width: 230px;
}

.payment-container {
	display: flex;
}

.payment-container .left-payment {
	width: 100%;
	padding-top: 40px;
    padding-right: 30px;
}

.payment-container #mainContents {
	width: 100%;
	padding-top: 30px;
	padding-bottom: 42px;
}

.payment-top .payment-step {
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #4a4a4a;
    margin: 0px;
    padding-top: 15px;	
}

.payment-top .payment-title {
	font-family: "noto_sansregular";
    font-size: 32px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin: 0px;
}

.payment-left-body .payment-first-radio {
	margin-bottom: 30px;
    position: relative;
}

.payment-left-body .payment-second-radio {
	margin-bottom: 30px;
    position: relative;
}

.payment-left-body .payment-third-radio {
    position: relative;
}

.payment-icon-radio-checked {
	height: 16px;
    width: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    border: solid 1px #979797;
    position: absolute;
    left: 0;
    top: 0;
}

.payment-icon-radio-checked .path-icon-checked:before {
    content: "";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #00a9e0;
    position: absolute;
    top: 3px;
    left: 3px;
}

.payment-icon-radio-unchecked {
	height: 16px;
    width: 16px;
    background-color: #ffffff;
    border-radius: 50%;
    border: solid 1px #979797;
    position: absolute;
    top: 0;
    left: 0;
}

.payment-radio-buttom {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.label-radio-button {
    margin-left: 25px;
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.label-radio-button-credit-card {
    float: left;
}

.label-radio-button-credit-card .accepted-cards {
	float: right;
}

.label-radio-button-credit-card .span-radio-button {
	font-size: 12px;
}

.payment-style-card-credit {
    height: 205px;
    border-radius: 8px;
    border: solid 1px #979797;
    position: relative;	
}

.payment-style-card-credit .payment-img-card-credit {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.payment-focus-number-credit-card {
    background-color: rgba(0, 121, 193, 0.15);
    border: solid 1px #0079c1;
    position: absolute;
    left: 0;
    top: 96px;
    left: 19px;
    height: 28px;
    width: 80%;
    display: none;
}

.payment-focus-name-credit-card {
    background-color: rgba(0, 121, 193, 0.15);
    border: solid 1px #0079c1;
    position: absolute;
    left: 0;
    top: 145px;
    margin-left: 20px;
    width: 37%;
    height: 28px;
    display: none;
}

.input-container.card-number {
	margin-top: 70px;
}

.payment-form-expiration-date {
	position: relative;
	float: left;
    width: 45%;
}

.payment-form-cvv {
	position: relative;
	float: right;
    width: 45%;
}

.payment-form-expiration-date .iconglasses-x,
.payment-form-cvv .iconglasses-x {
	display: none;
	position: absolute;
	top: 0;
    right: 0;
    font-size: 30px;
    color: #d0021b;
    cursor: pointer;
}

.checkout-step-3 .error{
	display: none;
}

.ship-bill-container {
    padding: 25px 15px 0 15px;	
}

.ship-bill-container .ship-container {
	float: left;
	width: 45%;
}

.ship-bill-container .bill-container {
	float: right;
	width: 45%;
}

.ship-bill-container .ship-bill-label {
	color: #222222;
	font-size: 16px;
	margin-bottom: 5px;
}

.checkout-wrapper-steps {
	display: flex;
	align-items: stretch;
	margin: 0 auto 52px;
}

.checkout-wrapper-steps.Review {
	margin: 0;
    min-height: 100vh;
}

/* .frame-price-no-discount {
	font-family: 'noto_sansregular';
  	font-size: 16px !important;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 1.44;
  	letter-spacing: normal;
  	color: #9b9b9b;
  	text-align: right;
} */

.delivery-price-standard {
	font-size: 31px;
    padding-right: 28px;
}

.delivery-container-description, .delivery-price-express {
	font-size: 14px;
}

.id-me-top-container {
	cursor: pointer;
}

/* STYLE SUPPORT - SPECIAL OFFERS */
#header-support-modal {
	/* display: none; */
    font-family: "noto_sansregular";
    width: 100%;
    height: 100%;
    margin: auto;
    position: fixed;
    top: 0;
    background-color: #ffffff;
    z-index: 1032;
}

.header-support-modal-container {
    display: flex;
    height: 100%;
    flex-direction: row;
    flex-wrap: nowrap;
}

.header-support-modal-column-left {
    flex-basis: 40%;
    height: 90%;
}

.header-support-modal-column-left .column-left-image-container {
    background-image: url(../images/redesign/demo/capsule_collection_demo.jpg);
    background-size: cover;
    background-position: center center;
    height: 100%;
}

.header-support-modal-column-right {
    flex-basis: 60%;
    position: relative;
    overflow: auto;
}

.modal-support-container, .modal-special-offers-container, #modal-contact-us {
	display: none;
    box-sizing: border-box;
    width: 100%;
    z-index: 110;
    background-color: #ffffff;
    position: absolute;
    padding: 50px 20px 60px 20px;
    height: 100%;
    overflow-y: auto;
    top: 0;
}

.modal-support-container .arrow-left-container,
.modal-special-offers-container .arrow-left-container,
#modal-contact-us .arrow-left-container {
	display: inline-block;
	cursor: pointer;
}

.modal-support-container .arrow-left-container .iconglasses-arrow-left,
.modal-special-offers-container .arrow-left-container .iconglasses-arrow-left,
#modal-contact-us .arrow-left-container .iconglasses-arrow-left {
	font-size: 32px;
}

.modal-support-title, .modal-special-offers-container .special-offers-title {
    font-family: "noto_sansregular";
    font-size: 32px;
    color: #000000;
    text-align: left;
    margin: 33px 0 40px 15px;
    font-weight: normal;
}

.modal-support-body, .special-offers-body {
    margin-left: 30px;
}

.modal-support-quick-links-container {
    margin-bottom: 40px;
}

.modal-support-quick-links-title {
    font-family: "noto_sansregular";
    margin: 0 0 20px 0;
    font-size: 18px;
    color: #000000;
    font-weight: bold;
}

.modal-support-quick-links-body {
    display: flex;
    width: 100%;
}

.support-contact-box {
    width: 186px;
    height: 258px;
    background-color: #f7f7f9;
    margin: 0 2.5px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 10px;
}

.support-contact-icon-container {
    flex-basis: 100%;
    display: flex;
}

.support-contact-icon-container a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
    color: #000000;
}

.support-contact-box-title {
    font-family: "noto_sansregular";
    text-align: center;
    align-items: flex-end;
    margin-bottom: 30px;
    font-size: 16px;
    color: #000000;
    flex-basis: auto;
    font-weight: normal;
}

.modal-support-faq-container {
    margin-bottom: 40px;
}

.left_espot .modal-support-faq-container {
    width: 100%;
    height: 100%;
    position: absolute;
    padding: 50px;
    padding-bottom: 0;
}

.modal-support-faq-container .modal-support-faq-title {
    font-family: "noto_sansregular";
    font-size: 18px;
    color: #000000;
    margin: 0 0 20px 0;
    font-weight: bold;
}

.modal-support-faq-body {
    font-family: "noto_sansregular";
    font-size: 16px;
    color: #000000;
}

.modal-support-faq-category.panel {
    border: none;
    box-shadow: none;
    margin: 0;
}

.modal-support-faq-category-head {
    margin: 15px 0;
    overflow: hidden;
    cursor: pointer;
}

.modal-support-faq-category-head .iconglasses-icon-open-detail{
	font-size: 10px;
	padding: 4px 17px;
	float: right;
}
.modal-support-faq-category-head .iconglasses-icon-close-detail {
	font-size: 2px;
	padding: 10px 17px;
	float: right;
}

.modal-support-faq-category-head p {
	float: left;
	margin: 0;
}

.modal-support-faq-category-body {
    padding: 10px 17px 18px 12px;
    display: none;
}

.modal-support-faq-question-container {
    padding-bottom: 20px;
}

.modal-support-faq-question-title {
    font-family: "noto_sansregular";
    font-size: 16px;
    color: #000000;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.modal-support-faq-question-p,
.modal-support-faq-question-container ul {
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: normal;
	letter-spacing: normal;
	color: #222222;
}

.modal-support-faq-question-p a {
    font-family: "noto_sansregular";
    font-size: 14px;
    color: #222222;
    text-align: center;
    text-decoration: underline;
}

.modal-support-faq-question-p a:hover {
	color: #222222;	
}

.modal-support-footer-title {
    font-family: "noto_sansregular";
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin: 0 0 20px 0;
}

.modal-download-container,
.modal-chat-with-us-container,
.modal-track-order-container {
	display: none;
    box-sizing: border-box;
    width: 100%;
    z-index: 110;
    background-color: #ffffff;
    position: absolute;
    height: 100%;
    overflow-y: auto;
    top: 0;
}
.chat-with-us-container {
	position: relative;
	display: block;
	background-color: #fff;
    overflow-y: auto;
	width: 30%;
	margin: 0 auto;
	overflow-y: auto;
	padding: 20px 0;
}
@media (max-width: 1199px) {
	.chat-with-us-container {
		width: 50%;
	}
}
@media (max-width: 991px) {
	.chat-with-us-container {
		width: 60%;
	}	
}
@media (max-width: 767px) {
	.chat-with-us-container {
		width: 70%;
	}
	.chat-with-us-container .rectangle-button {
		min-width: 100px;
		font-size: 16px;
	}
}
@media (max-width: 575px) {
	.chat-with-us-container {
		width: 90%;
	}
}

.modal-download-container .close-modal,
.modal-chat-with-us-container .close-modal,
.modal-track-order-container .close-modal,
#modal-contact-us .close-modal {
    top: 25px;
    right: 25px;
    overflow: visible;
    position: absolute;
    font-size: 30px;
    cursor: pointer;
}

.modal-download-title {
    margin: 44px 0 64px 65px;
    font-family: "noto_sansregular";
    font-size: 32px;
    font-weight: normal;
    color: #000000;
}

.modal-download-body {
    margin-left: 82px;
}

.modal-download-link-container {
    margin-bottom: 25px;
}

.modal-download-icon {
    font-size: 25px;
    border: #000000;
    float: left;
    margin-right: 15px;
}

.modal-download-link-container a {
    font-family: "noto_sansregular";
    font-size: 18px;
    color: #0079c1;
}

.modal-chat-with-us-title, .chat-with-us-title {
    font-family: "noto_sansregular";
    font-weight: normal;
    font-size: 32px;
    color: #000000;
    margin: 44px 0 60px 44px;
}
.chat-with-us-title {
	margin: 0;
	padding-left: 20px;
	padding-bottom: 60px;
}

.modal-chat-with-us-body {
    margin-left: 60px;
}
.chat-with-us-body {
	padding-left: 40px;
}
@media (max-width: 575px) {
	.chat-with-us-title, .chat-with-us-body {
		padding-left: 0;
	}
}

.modal-chat-with-us-form {
    width: 50%;
}
.chat-with-us-form {
	width: 100%;
}
.modal-chat-with-us-input-container, .chat-with-us-input-container {
    margin-bottom: 20px;
}

.modal-chat-with-us-textarea-container, .chat-with-us-textarea-container {
    margin-top: 40px;
}

.modal-chat-with-us-textarea-title, .chat-with-us-textarea-title {
    font-family: "noto_sansregular";
    font-size: 18px;
    color: #000000;
    font-weight: normal;
    margin-bottom: 10px;
}

.modal-chat-with-us-textarea, .chat-with-us-textarea {
    font-family: 'noto_sansregular';
    font-size: 16px;
    color: #222!important;
    resize: none;
    width: 100%;
    height: 180px;
    border: solid 1px #dadada;
}
.modal-chat-with-us-textarea.error-red, .chat-with-us-textarea.error-red {
	border: solid 1px #d0021b;
}

.modal-chat-with-us-button-container, .chat-with-us-button-container {
    margin-top: 25px;
    text-align: right;
}

.modal-track-order-head {
    margin: 44px 0 0 65px;
}

.modal-track-order-title {
    font-family: "noto_sansregular";
    font-weight: normal;
    font-size: 32px;
    color: #000000;
    margin-bottom: 5px;
}

.modal-track-order-subtitle {
    font-size: 16px;
    color: #222222;
    margin: 0px;
    padding: 10px;
    font-family: "noto_sansregular";
}

.modal-track-order-subtitle a {
    color: #0079c1;
    padding-right: 6px;
    font-size: 16px;
    font-family: 'noto_sansregular';
}

.modal-track-order-body {
    margin: 40px 0 0 80px;
}

.modal-track-order-form {
    width: 50%;
}

.modal-track-order-input-container {
    margin-bottom: 20px;
}

.modal-track-order-button-container {
    margin-top: 25px;
    text-align: right;
}

.modal-contact-us-title {
    font-family: "noto_sansregular";
    font-size: 32px;
    font-weight: normal;
    color: #000000;
    margin: 44px 0 20px 44px;
}

.modal-contact-us-body {
    margin-bottom: 46px;
}

.modal-contact-us-contacts-container {
    margin: 0 0 50px 44px;
}

.modal-contact-us-contacts-head {
    display: flex;
    width: 100%;
    margin-bottom: 40px;
}

.support-contact-box {
    width: 186px;
    height: 258px;
    background-color: #f7f7f9;
    margin: 0 2.5px;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 10px;
}

.support-contact-icon-container {
    flex-basis: 100%;
    display: flex;
}

.support-contact-icon-container a {
    text-decoration: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-basis: 100%;
    color: #000000;
}

.support-contact-icon-container a:hover, .support-contact-icon-container a:focus {
	text-decoration: none !important;
	color: #000000 !important;
}

.support-contact-box-title {
    font-family: "noto_sansregular";
    text-align: center;
    align-items: flex-end;
    margin-bottom: 30px;
    font-size: 16px;
    color: #000000;
    flex-basis: auto;
    font-weight: normal;
}

.modal-contact-us-service-hours-title {
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.modal-contact-us-service-hours-p {
    font-family: "noto_sansregular";
    font-size: 16px;
    color: #000000;
    margin: 0;
    padding: 0;
}

.icon-size-support {
	font-size: 60px;
}

.icon-size-mail {
	font-size: 38px;
	padding-bottom: 2.2px;
}

.icon-size-chat {
	font-size: 57px;
}

.icon-download-size{
	font-size: 25px;
    padding-right: 10px;
}

.icon-size-phone{
	font-size: 65px;
}

/* SPECIAL OFFERS - START */
.special-offers-element-container {
	padding: 20px;
    border: solid 1px #dadada;
    margin-bottom: 20px;
}
.special-offers-element-title {
    font-weight: bold;
    font-size: 16px;
    color: #222;
    margin-bottom: 5px;
    display: block;
}
.special-offers-element-body {
    font-size: 14px;
    color: #222;
    margin-bottom: 25px;
}
.special-offers-element-body a, .special-offers-element-body a:active, .special-offers-element-body a:focus, .special-offers-element-body a:visited, .special-offers-element-body a:hover {
    font-size: 14px;
    color: #222;
    text-decoration: underline;
}
.special-offers-element-cta {
    text-align: right;
}

.special-offers-element-read-more {
	display: none;
	margin-bottom: 20px;
}
.special-offers-element-read-more .label-read-more {
	font-size: 14px;
}
/* SPECIAL OFFERS - END */
/**
*
* OVERRIDES - START
*
**
.dropdown-menu{
    padding: 0;
}

/**
*
* OVERRIDES - END
*
**/


/**
*
* PLP Style - START
*
**/

/* rimuove il breadcrumb */
.category-header{
    display: none;
}
.site-breadcrumb{
    display: none;
}
#compare_top_container{
    display: none;
}
/**
* items list - START
**/
#catalog_wrapper_box,
.catalog_wrapper_box{
    width: 100%;
    flex-direction: column;
    min-height: calc(100vh - 130px);
}

#product_list_container{
    padding-top: 100px;
    width: 100%;
}
/*#product_list_container.branding-page{*/
    /*padding-top: 0;*/
/*}*/

.products_holder .item_container {
    width: 20%;
    float: left;
    height: auto;
}

.products_holder .item_container.item_container_full {
    width: 100%;
}
@media screen and (max-width: 1024px){
    .products_holder .item_container {
        width: 25%;
    }

    .tablet--hidden {
        display: none!important;
    }
}
/*nel caso in cui sia estesa aumenta la larghezza*/
.products_holder .item_container.item_container_hero,
.products_holder .item_container.item_container_2{
    width: calc(20% * 2);
}
@media screen and (min-width: 1025px){
    .products_holder .item_container.desktop_item_container_hero{
        width: calc(20% * 2 - 0.5px);
    }
    .products_holder .item_container.desktop_item_container_hero .fixed_ratio_helper{
        padding-bottom: calc(138% / 2);
    }
}

@media screen and (max-width: 1024px){
    .products_holder .item_container.tablet_item_container_hero,
    .products_holder .item_container.item_container_hero,
    .products_holder .item_container.item_container_2{
        width: calc(25% * 2);
    }
    .products_holder .item_container.tablet_item_container_hero .fixed_ratio_helper{
        padding-bottom: calc(138% / 2);
    }
}
.products_holder .item_container .fixed_ratio_helper{
    width: 100%;
    height: 100%;
    padding-bottom: 138%;
    position: relative;
}

.products_holder .item_container.item_container_hero .fixed_ratio_helper,
.products_holder .item_container.item_container_2 .fixed_ratio_helper{
    padding-bottom: calc(138% / 2);
}


.products_holder .item_container .fixed_ratio_helper .fixed_ratio{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 4px 3px;
}
/* detail_box */
.products_holder .detail_box,
.c-landing-pdp{
    float: left;
    width: calc(100% + 10px); /*to reach the border*/
    margin-left: 3px;
    /*background: lightgreen;*/
}
/* item */
.products_holder .item_container .item,
.products_holder .item_container .item:hover{
    width: 100%;
    height: 100%;
    margin: 0;
    background: #f7f7f9;
    border: none;
    box-shadow: none;
    border-bottom: 4px solid transparent;
}
.products_holder .item_container .item:hover{
    border-bottom: 4px solid #222222;
}
/*rimuove gli effetti dell'hover sull'item - start*/
/* non fa vedere la scelta dei colori */
.products_holder .item_container .item:hover .change-colors-views .color-icons {
	display: none;
}
@media (hover:none), (hover:on-demand) {
    .products_holder .item_container .item:hover{
        border-bottom: 4px solid transparent;
    }
}
/* non fa vedere la scritta compare */
.item:hover #compare-favorites, .item.selected #compare-favorites {
	display: none;
}
/*rimuove gli effetti dell'hover sull'item - end*/
/* item - selected - START */
.item_container .item.selected,
.item_container .item.selected:hover{
    border-bottom: 4px solid #222222;
}
.item_container .item.selected .change-colors-views,
.item_container .item.selected .names,
.item_container .item.selected .price_container{
    display: none;
}
.item_container .item .arrow-up-wrapper{
    display: none;
}
.item_container .item.selected .arrow-up-wrapper{
    display: block;
    margin: 0;
    transform: rotate(90deg);
    position: absolute;
    left: 50%;
    top: 10px;
    font-size: 30px;
}

/* item - selected - END */
/*item - immagine*/
.products_holder .item_container .item .image-holder{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    max-height: 100%;
}
.products_holder .item_container .item .image-holder img{
    width: 80%;
    height: auto;
}
.item_container .item:hover .image-holder img.item-thumbnail--fr,
.item_container:focus .item .image-holder img.item-thumbnail--fr {
    display: none!important;
}
.item_container .item .image-holder img.item-thumbnail--qt{
    display: none;
}
.item_container .item:hover .image-holder img.item-thumbnail--qt,
.item_container:focus .item .image-holder img.item-thumbnail--qt {
    display: inline;
}
@media (hover:none), (hover:on-demand) {
    .item_container .item:hover .image-holder img.item-thumbnail--fr{
        display: inline;
    }
    .item_container .item:hover .image-holder img.item-thumbnail--qt{
        display: none;
    }
}

/*item - colorazioni*/
.products_holder .change-colors-views{
    top: 4%;
    right: 25px; /*9%*/
    text-align: right;
}
.products_holder .item_container .item .color-count{
    font-family: "noto_sansregular";
    font-size: 14px;
    color: #4a4a4a;
}
/*item - badge*/
.products_holder .item_container .item .badges{
    display: none;
}
/*item - nomi*/
.products_holder .item_container .item .names{
    position: static;
    /*top: inherit;*/
    /*bottom: 11%;*/
    /*left: 25px; !*9%*!*/
    /*right: inherit;*/
    max-width: 100%;
}
/*item - nome brand*/
.products_holder .item_container .item .names a .brand-name,
.modal-search-result-description-container .brand-name {
    color: #555555;
    font-size: 14px;
    font-family: "noto_sansregular";
    text-transform: none;
    width: auto;
    letter-spacing: normal;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
/*item - nome modello */
.products_holder .item_container .item .names a .style-name,
.modal-search-result-description-container .style-name{
    font-size: 10px;
    line-height: 12px;
    color: #666666;
    font-family: "noto_sansregular";
}

/*item - prezzo*/
.products_holder .item_container .item .price_container{
    position: static;
    /*top: inherit;*/
    /*bottom: 4%;*/
    /*left: 25px; !*9%*!*/
    /*right: inherit;*/
    font-size: 16px;
    color: #4a4a4a;
    font-family: "noto_sansregular";
}
.products_holder .item_container .item .price span,
.modal-search-result-description-container .price {
    font-family: "noto_sansregular";
    font-size: 14px;
    font-weight: normal;
    color: #4a4a4a;
}
.products_holder .item_container .item .thumbnail__details{
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 4%;
}

/**
* items list - END
**/


/**
* filter bar - START
**/
/* nasconde la sidebar momentaneamente */
#faceted_search_sidebar{
    /* display: none; */
}
.control_indicator{
    display: none;
}
.slide-in-on-scroll.hidden-up{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    opacity: 0;
}
.slide-in-on-scroll{
    transition: all 1s;
    opacity: 1;
}

.filter-bar{
    /*border: 1px dotted red;*/
    padding-top: 60px;
    background: white;
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.1);
    padding-bottom: 19px;
}
body.catalog-page{
    /*padding-top: 12px;*/
}

.pagination-compare-sort{
    margin-top: 95px;
    display: none;
}
.nav-item label{
    font-size: 16px;
    font-weight: normal;
}
.filter-bar .dropdown-menu.show{
    margin-top: 19px;
    max-width: calc( 100vw - 10px ); /*97vw;*/
    /*box-shadow: 0 100vh 0 100vh rgba(0, 0, 0, 0.4);*/
    border-radius: .25rem;

}
.filter-bar .dropdown-menu.show:hover{
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.5);
}

.filter-container .filter-options{
    margin: 15px 0;
}
.filter-options input[type="checkbox"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    width: 0;
    opacity: 0;
    position: absolute;
    margin-left: -6px;
}
/* button styles - START */

.clear-all-button {
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 30px;
	height: 30px;
	border-radius: 17px;
	border: solid 1px #222222;
	margin-left: 22px;
    cursor: pointer;
}

.x-clear-all:before {
	content: "\e944";
}

.x-clear-all {
  	color: #222222;
  	font-family: 'glasses' !important;
  	font-size: 24px;
  	margin: -3px 8px 8px 2px;
}

.remove-color:before {
	content: "\e944";
}

.remove-color {
	width: 11.3px;
  	height: 11.3px;
  	color: #222222;
  	font-family: 'glasses' !important;
  	font-size: 20px;
  	margin: -3px 8px 8px 2px;
  	vertical-align: middle;
  	cursor: pointer;
}

#spinner-clear-all {
  	color: #222222;
  	font-size: 16px;
  	margin-top: 6px;
  	margin-left: 6px;
}

#gender_filter_women .nav-link {
	width: 80px;
	text-align: center;
	margin-left: -13px;
	border-top-left-radius: 0px;	
	border-bottom-left-radius: 0px;
	border-left-width: 0px;
}
#vto_filter .nav-link {
	width: 80px;
	text-align: center;
	margin-left: -13px;
	border-top-left-radius: 0px;	
	border-bottom-left-radius: 0px;
	border-left-width: 0px;
}

#gender_filter_men .nav-link {
	width: 80px;
	/* margin-left: 10px; */
	text-align: center;
	border-top-right-radius: 0px;	
	border-bottom-right-radius: 0px;
	border-right-width: 0px;	
}

#sunglasses-button {
	margin-left: -12px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
    border-left-width: 0px;
}

#eyeglasses-button {
	border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right-width: 0px;
}

.pipe {
	width: 1px;
  	height: 20px;
  	border: 0.5px solid #222222;
	position: absolute;
    margin-top: 7px;
    margin-left: -13px;
}

.filter-bar.nav.nav-pills .nav-item{
    margin-left: 8px;
    display: inline-table;
}

.filter-bar.nav.nav-pills .nav-item:last-child{
	float: right;
    margin-left: 8px;
    margin-right: 20px;
    display: inline-block;
}

.filter-bar.nav.nav-pills .nav-link{
    background: white;
    color: #222222;
    padding: 6px 10px;
    border: 1px solid #222222;

    /* font-family: "noto_sansregular"; */
    font-family: 'Space Mono', monospace;
    font-size: 16px;
    font-weight: normal;
}

.nav {
	display: block;
}

.filter-bar.nav.nav-pills .nav-link.selected,
.filter-bar.nav.nav-pills .nav-link[aria-expanded="true"],
.filter-bar.nav.nav-pills .nav-link:hover
{
    background: #222222;
    color: white;
}
.filter-bar.nav.nav-pills h1.nav-link,
.filter-bar.nav.nav-pills h3.nav-link {
    cursor: pointer;
}
.filter-bar.nav.nav-pills h1.nav-link span,
.filter-bar.nav.nav-pills h3.nav-link span {
    /* font-family: "noto_sansregular"; */
    font-family: 'Space Mono', monospace;
}

.label-hide {
	position: absolute;
	z-index: -1;
}
/* button styles - END */

.category-title-page {
	width: max-content;
  	height: 48px;
  	font-family: 'Space Mono', monospace;
  	font-size: 32px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: normal;
  	letter-spacing: normal;
  	color: #000000;
}

.category-subtitle-page {
	width: 857px;
  	height: 22px;
  	/* font-family: NotoSans; */
  	font-size: 16px;
  	font-weight: normal;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: normal;
  	letter-spacing: normal;
  	color: #000000;
  	margin-bottom: 32px;
}

.category-title {
	margin: 52px 1164px 2px 80px;
	/* margin-left: 80px; */
}

.filter-options input[type="checkbox"]:checked + label{
    font-weight: bold;
    font-family: "noto_sansbold";
}

#other_filter .dropdown-menu.show{
    max-height: 70vh;
}

#other_filter .dropdown-menu .filter-wrapper{
    width: 220px;
    margin: 0px 15px;
}
#other_filter .filter-wrapper li{
    margin-bottom: 21px;
    height: 21px;
}
#other_filter .filter-wrapper .filter-options{
    /* margin: 25px 0; */
}

.filter-container .filter-title{
    font-family: "noto_sansregular";
    text-transform: capitalize;
    font-size: 16px;
    font-weight: normal;
    line-height: 0.88;
    letter-spacing: normal;
    color: #222222;
}
.filter-container.expanded .filter-title:after{
    content: none;
}

.facet-subnav.frame-shape,
.facet-subnav.color{
    display: block;
}
.facet-subnav.frame-shape li,
.facet-subnav.color li,
.facet-subnav.face-shape li,
.facet-subnav.price-ranges li{
    flex: none;
    margin-bottom: 20px;
}

#apply-color-filter {
	width: 208px;
  	height: 40px;
  	margin-left: 10px;
  	border-radius: 4px;
  	background-color: #222222;
  	text-align: center;
  	padding: 10px;
  	cursor: pointer;
}

#lens-color-type-container {
	float: left;
	margin-right: 100px;
}

#lens-color-container {
	float: right;
}

#polarized-toggle-button {
	margin-top: 41px;
}

.lens-color-title {
	width: 38px;
  	height: 14px;
  	font-family: "noto_sansregular";
  	font-size: 16px;
  	font-weight: bold;
  	font-style: normal;
  	font-stretch: normal;
  	line-height: 0.88;
  	letter-spacing: normal;
  	color: #222222;
}

/**
comprende la logica di gestione delle card in base al filtro selezionato !
 */
/* filter cards generic - START */
.dropdown-menu .dropdown-wrapper{
    margin: 15px;
}
.filter-card-wrapper input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin-left: -6px;
    opacity: 0;
}
.filter-card-wrapper{
    min-width: 186px; /*cards sizes*/
    height: 258px; /*cards sizes*/
    display: inline-block;
    margin-right: 3px;
    margin-bottom: 10px;
    /*border: 1px red solid;*/
}
.dropdown-wrapper .card-container.scrollable{
    overflow: auto;
}
.dropdown-wrapper .filter-card-wrapper label.label-card{
    position: relative;
    width: 100%;
    height: 100%;
    margin-bottom: 0;
    text-align: center;
    display: flex;
    background-color: #f7f7f9;
    color: #333333;
    cursor: pointer;
    user-select: none;
}
.filter-card-wrapper label.label-card .filter-icons .filter-icon{
    width: 100%;
}
.filter-card-wrapper label.label-card .filter-icons .filter-icon.icon-selected{
    display: none;
}
.filter-card-wrapper label.label-card .filter-icons .filter-icon.icon-unselected{
    display: inline-block;
}
.filter-card-wrapper label.label-card:hover .filter-icons .icon-selected,
.filter-card-wrapper label.label-card.selected .filter-icons .icon-selected,
.filter-options input[type="checkbox"]:checked + label.label-card .filter-icons .icon-selected{
    display: inline-block;
}
.filter-card-wrapper label.label-card:hover .filter-icons .icon-unselected,
.filter-card-wrapper label.label-card.selected .filter-icons .icon-unselected,
.filter-options input[type="checkbox"]:checked + label.label-card .filter-icons .icon-unselected{
    display: none!important;
}
.filter-card-wrapper label.label-card:hover,
.filter-card-wrapper label.label-card.selected,
.filter-options input[type="checkbox"]:checked + label.label-card{
    background-color: #222222;
    color: #ffffff;
}

@media (hover:none), (hover:on-demand) {
    .filter-card-wrapper label.label-card:hover .filter-icons .icon-selected{
        display: none;
    }
    .filter-card-wrapper label.label-card:hover .filter-icons .icon-unselected{
        display: inline-block;
    }
    .filter-card-wrapper label.label-card:hover{
        background-color: #f7f7f9;
        color: #333333;
    }
}

.filter-card-wrapper label.label-card .filter-icons{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    min-height: 60px;
    width: 100%;
}
/*.filter-card-wrapper label.label-card .filter-icons .filter-icon:before{*/
    /*font-size: 25px;*/
/*}*/
.filter-card-wrapper label.label-card .filter-card-label{
    /*text-align: center;*/
    text-transform: uppercase;
    font-family: "noto_sansregular";
    font-size: 16px;
    letter-spacing: 0.7px;
    font-weight: normal;
    margin-top: 20%;
}
.filter-control-wrapper{
    text-align: right;
    margin-top: 2em;
    padding-right: 25px;
}
.filter-control-wrapper span{
    /* margin-left: 10px; */
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    color: #000000;
    cursor: pointer;
}
.filter-control-wrapper span:hover{
    text-decoration: underline;
}
.filter-control-wrapper .filter-apply{
    /* color: #0079c1; */
    color: #ffffff;
}
/* filter cards generic - END */

/* filter - brand - START */
.dropdown-wrapper .card-container::-webkit-scrollbar {
    height: 4px;
    background-color: #F5F5F5;
}
.dropdown-wrapper .card-container::-webkit-scrollbar-thumb{
    background-color: black;
    border-radius: 2px;
}
.dropdown-wrapper .card-container::-webkit-scrollbar-track {
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);*/
    background-color: #F5F5F5;
}
/* filter - brand - END */

/* product type filter - START */
#product_type_filter .dropdown-menu{
    /*width: 405px;*/
}
/* product type filter - END */


/* OTHER FILTER - START */
.dropdown-menu .dropdown-wrapper.other-filters-wrapper{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
}
.dropdown-menu .dropdown-wrapper.other-filters-wrapper .other-filters-wrapper-inner{
    /*overflow: auto;*/
    padding-right: 40px;
    padding-left: 40px;
    max-height: 60vh;
}
/* other filter - color - START */
.facet-subnav.color .icon{
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    overflow: hidden;
}
.facet-subnav.color .icon:before{
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
}
.filter-label{
    font-family: "noto_sansregular";
    text-transform: uppercase;
    font-size: 16px;
    letter-spacing: 0.7px;
    color: #555555;
    line-height: normal;
    cursor: pointer;
}
.filter-label:hover{
    text-decoration: underline;
}
/*stile per la voce selezionata*/
.filter-label.selected{
    font-family: "noto_sansbold";
    font-weight: bold;
}
/* other filter - color - END */

/* other filter - frame shape - START */
.facet-subnav.frame-shape{
    display: inline-block;
    width: auto;
    height: auto;
    text-align: left;
}
.facet-subnav.frame-shape li{
    height: auto;
    text-align: left;
    width: 100%;

    text-transform: uppercase;
}
/* other filter - frame shape - END */
/* OTHER FILTER - END */
/* sort by filter - START */
#sort_by_filter .sort-by label.filter-label{
    text-transform: capitalize;
}
#sort_by_filter .dropdown-menu .dropdown-wrapper.sort-by{
    min-width: 220px;
}

/* sort by filter - END */
/**
* filter bar - END
**/

/**
* plp footer - START
**/
.load-more-wrapper,
.filter-overview-wrapper,
.filter-tags-wrapper{
    text-align: center;
}
.load-more-wrapper{
    margin-top: 50px;
}
.load-more-wrapper .load-more{
    display: inline-block;
    font-family: "noto_sansregular";
    font-size: 14px;
    cursor: pointer;
    border: 1px solid #222222;
    background: transparent;
    border-radius: 4px;
    padding: 7px 35px;
}
.load-more-wrapper .load-more:hover{
    color: white;
    background: #222222;
    border-radius: 4px;
}
.filter-overview-wrapper{
    font-family: "noto_sansregular";
}
.filer-overview-elem{
    display: inline-block;
    margin: 0 10px;
    margin-top: 50px;
}
.filer-overview-elem a.filter-name, .filer-overview-elem a.filter-name h1{
    font-size: 18px;
    color: black;
    text-decoration: none;
    font-weight: normal;
}
.tag-cloud-wrapper{
    font-family: "noto_sansregular";
}

.tag-cloud-wrapper .filter-tags-wrapper{
    text-align: center;
    line-height: 45px;
    padding: 0 16px;
}
.tag-cloud-wrapper .filter-tags-wrapper h3 {
    display: inline-block; 
}
.tag-cloud-wrapper .filter-tags-wrapper a.filter-tag{
    font-size: 16px;
    background: #eeeeee;
    border-radius: 4px;
    font-weight: normal;
    padding: 0px 10px;
    margin-right: 6px;
    margin-bottom: 5px;
    color: black;
    text-decoration: none;
    line-height: 42px;
    display: inline-block;
}
/**
* plp footer - END
**/

/**
*
* PLP Style - END
*
**/

.top-left{
    position: absolute;
    left: 12px;
    top: 12px;
}
.top-right{
    position: absolute;
    right: 12px;
    top: 12px;
}
.top-right--large{
    position: absolute;
    right: 24px;
    top: 24px;
}
.close.top-right--large{
    position: fixed;
}
.bottom-left{
    position: absolute;
    left: 12px;
    bottom: 12px;
}
.bottom-right{
    position: absolute;
    right: 12px;
    bottom: 12px;
}
.container-left{
    width: 40%;
}

.container-right{
    width: 60%;
    /*padding-left: 16px;*/
    height: 100%;
}
.sub-section{
    padding: 0 4%;
}

/*.subProduct-container{*/
    /*padding-left: 1.3%;*/
    /*max-width: 100%;*/
    /*display: inline-block;*/
    /*overflow: auto;*/
    /*white-space: nowrap;*/
/*}*/

/*.subProduct-element{*/
    /*!*display: inline-block;*!*/
    /*width: 230px;*/
    /*height: 130px!important; !* to overrides the slick javascript *!*/
    /*margin-right: 5px;*/
    /*cursor: pointer;*/
    /*background: #f7f7f9;*/
    /*border-bottom: solid #f7f7f9 4px;*/

/*}*/
/*.subProduct-element img{*/
    /*max-width: 90%;*/
    /*max-height: 90%;*/
/*}*/
/*.subProduct-element.selected{*/
    /*border-bottom: solid black 4px;*/
/*}*/
.impagination-helper{
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    height: 100%;
}
.center-helper{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-field{
    font-family: "noto_sansregular";
    font-size: 16px;
}

.full-images-container{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    height: 100vh;
    background: white;
    z-index: 99999;
    overflow-y: auto;
}

/** icons - start **/
.c-pdp-home-logo{
    opacity: 0;
    color: inherit !important;
    text-decoration: none !important;
    cursor: pointer;
    -webkit-transition: opacity 0.3s;
    -moz-transition: opacity 0.3s;
    transition: opacity 0.3s;
}

body.is-menu-hidden .c-pdp-home-logo {
	opacity:1;
}

.c-btn-icon{
    display: block;
    background: #ffffff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    color: #000000;
    line-height: 40px;
    cursor: pointer;
}
.c-btn-icon-i{
    line-height: 40px!important;
}
/** icons - end **/



/** **/
/** **/

/**
 *
 * PDP Style - START
 *
**/




/**
PDP - NEW - START
 */



.c-landing-pdp{
    position: relative;

    background-color: lightgreen;
}

.c-pdp-det {
    display: flex;
    flex-direction: row;
    background: white;
}

.c-pdp-det,
.c-pdp-det * {
    box-sizing: border-box;
    font-family: "noto_sansregular";
}

.c-pdp-det__left {
    position: relative;
    min-width: 30%;
}

.c-pdp-det__right {
    position: relative;
    width: 20%;
    /*padding-bottom: 40px;*/
    flex-grow: 1;
    flex-direction: column;
    display: flex;
}

.c-pdp-det__pres-img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.c-pdp-det__pres-img img {
    object-fit: cover;
    object-position: center;
    /*width: 100%;*/
    max-height: 90vh;
}

[class*="l-pdp-det__container"] {
    padding: 10px 40px;
}

[class*="l-pdp-det__container"].l-pdp-det__container--flex {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
}

.l-pdp-det__container--flex > [class*="l-pdp-det__col"] {
    flex-shrink: 1;
    flex-basis: 100%;
}

[class*="l-pdp-det__col"].l-pdp-det__col--left {
    min-width: 300px;
}

[class*="l-pdp-det__col"].l-pdp-det__col--right {
    text-align: right;
}

.l-pdp-det__model-detail{
    font-family: "noto_sansregular";
    font-size: 12px;
    padding-top: 5px;
    padding-bottom: 20px;
}

.l-pdp-det__brand-detail{
    display: flex;
}
.c-pdp-det__logo {
    margin-bottom: 15px;
    min-width: 210px;
}

.c-pdp-det__logo__img {
    height: 75px;
    width:auto;
}

.c-pdp-det__desc {
    font-size: 14px;
    line-height: 1.45;
    letter-spacing: 0.2px;
    color: #000000;
    padding-right: 5px;
    max-height: 5.25em;
    position: relative;
}

.c-pdp-det__switch {
    margin-top: 20px;
    /*overflow: auto;*/
}

.c-pdp-det__desc:after {
    font-size: 16px;
    line-height: 1.75em;
    letter-spacing: 0.2px;
    color: #000000;
    overflow: auto;
    max-height: 5.25em;
    height: 30px;
}

.pdp-det__carousel {
    overflow: auto;
    margin: 40px 0 0px 10px;
    cursor: pointer;
    flex-grow: 2;
}

.pdp-det__carousel::-webkit-scrollbar {
    display: none;
}

.pdp-det__carousel__overflow {
    white-space: nowrap;
    width: auto;
}

.pdp-det__carousel .pdp-det__carousel__item {
    display: inline-block;
    position: relative;
    width: 231px;
    height: 129px;
    text-align: center;
    background: #f7f7f9;
    margin-right: 5px;
}

.pdp-det__carousel__item.selected:after,
.pdp-det__carousel__item:hover:after {
    content: '';
    display: block;
    background: #222222;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 4px;
    z-index: 2;
}

@media (hover:none), (hover:on-demand) {
    .pdp-det__carousel__item:hover:after{
        content: none;
    }
}

.pdp-det__carousel__item.selected:after {
    content: '';
}

.pdp-det__carousel__item .pdp-det__carousel__item__img {
    width: auto;
    height: auto;
    max-width: 80%;
    max-height: 90%;
    display: inline-block;
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-50%);
}


.c-pdp-det__list {
    line-height: 1.7em;
}

.c-pdp-det__list__key {
    font-weight: bold;
}

h3.c-pdp-det__list__key {
	font-size: 1rem;
	line-height: 1.7em;
}

.c-pdp-det__list__value {
    margin-bottom: 10px;
    text-transform: capitalize;
}

@media  screen and (max-width: 1366px) {
    .pdp-det__carousel {
        margin: 5px 0 0px 10px;
    }
    
    [class*="l-pdp-det__container"] {
    	padding: 1px 40px;
	}

	.c-pdp-det__list__value {
    	margin-bottom: 2px;
	}
	
	.c-pdp-det__switch {
    	margin-top: -15px;    
	}
	
}


.c-pdp__price {
    font-size: 24px;
    margin-bottom: 5px;
}

.c-pdp__insurance {
    font-size: 16px;
    text-decoration: underline;
    color: #000000;
    margin-bottom: 25px;
    display: inline-block;
    cursor: pointer;
}
.c-pdp-det__ctas{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-end;
}
.c-pdp-det__shop {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 10px;
}

.c-pdp-det__shop > * {
    display: table-cell;
    vertical-align: middle;
}

.c-pdp-det__shop__logo img {
    max-width: 160px;
    height: 20px;
    display: inline-block;
    float: left;
    margin: 2px 0 0 0;
}

.c-pdp-det__shop__status {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    padding: 0 0 0 5px;
}

.c-pdp-det__shop__status__label {

}

.c-pdp-det__linksline {
    white-space: nowrap;
    margin-bottom: 10px;
    margin-left: 15px;
}
.c-pdp-det__linksline .c-pdp-det__link {
    color: black;
    font-size: 14px;
    cursor: pointer;
}
.c-pdp-det__linksline .c-pdp-det__link:first-child {
    padding: 0 7px 0 0;
}
.c-pdp-det__linksline .c-pdp-det__link:not(:first-child) {
    color: black;
    font-size: 14px;
    display: inline-block;
    border-left: black solid 1px;
    padding: 0 0 0 10px;
    line-height: 1em;
}

.c-pdp-det__buttons {
    float: right;
    clear: both;
    margin: 15px 0;
}

.c-pdp-det__button {
    width: 120px;
    text-align: center;
    background: white;
    font-weight: normal;
    color: black;
    border: 1px solid black;
    border-radius: 5px;
    padding: 7px 0;
    min-width: 100px;
    font-size: 14px;
    margin: 0 0 0 10px;
    cursor: pointer;
}
.c-pdp-det__button:hover{
    text-decoration: underline;
}

.c-pdp-det__button--black {
    background: black;
    color: white;
}

.c-pdp-det__button.c-pdp-det__button__favorite .selected{
    display: none;
}
.c-pdp-det__button.c-pdp-det__button__favorite.active .unselected{
    display: none;
}
.c-pdp-det__button.c-pdp-det__button__favorite.active .selected{
    display: inline-block;
}

@media ( max-width: 1024px ) {
    .c-pdp-det__right {
        width: 20%;
        /*padding: 40px 0 20px 0;*/
        flex-grow: 1;
        flex-direction: column;
        display: flex;
    }
    [class*="l-pdp-det__container"] {
        padding: 10px 20px;
    }
    .pdp-det__carousel {
        margin-left: 20px;
    }
}


.pdp-images-wrapper{

}
.pdp-images-item{
    text-align: center;
    margin-bottom: 10px;
    background-color: #f7f7f9;
}
.pdp-images-item-img{
    width: 92%;
    margin: 0 auto;
}

.pdp-label-size {
	display: inline-block;
}

.size-select {
	border: none;
}


/**
PDP - NEW - END
 */


/**
BRANDS and COLLABORATION - start
 */
.l-brands__header{
    position: relative;
}
.c-brands__background--fixed {
    z-index: -1;
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    background-color: lightblue;
    width: 100%;
    /*height: 800px;*/
}

.c-brands__background__img{
    width: 100%;
}
.c-brands__background__img--hidden{
    width: 100%;
    opacity: 0;
}

.c-brands__heading{
    position: relative;
    width: 100%;
    /*height: 350px; !*placeholder it will be overwritten by js*!*/
    color: white;
    opacity: 1;

    /*max-height: 100vh;*/
    margin-bottom: -150px; /*-50px -[header-space]]*/
}

.c-brands__heading__sitename{
    margin-top: 10px;
    margin-left: 10px;
}

.c-brands__heading__name{
    font-family: "noto_sansregular", Verdana;
    font-size: 36px;
    letter-spacing: 0.3px;
    color: #ffffff;
}

.c-brands__heading__description{
    max-width: 50%;
    width: 443px;
    margin-bottom: 80px;
    margin-right: 30px;
    font-family: "noto_sansregular", Verdana;
    font-size: 18px;
    line-height: 1.11;
    letter-spacing: 0.3px;
    color: #ffffff;
}

.products_holder .item_container.c-brand-details{
    height: 300px;
}

.c-brand-details .c-brand-details__inner{
    /*padding: 30px 0;*/
    text-align: center;
    width: 100%;
    background-color: #f7f7f9;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.c-brand-details__logo{
    margin-bottom: 15px;
}
.c-brand-details__description{
    width: 75%;
    margin: 0 auto;
}



.absolute-center{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.absolute-top-left{
    position: absolute;
    top: 0;
    left: 0;
}

.absolute-bottom-right{
    position: absolute;
    bottom: 0;
    right: 0;
}
/**
BRANDS and COLLABORATION - end
 */


/**
FAVORITE - START
 */
.favorite-dot--red:before{
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    background-color: #c8021a;
}

.arrow-left-container,
.modal-favorites-head,
.modal-favorites-body{
    font-family: "noto_sansregular";
}

/* FAVORITE - ITEM - START */
.modal-favorites-box-grid .item{
    width: 100%;
    height: 100%;
    position: relative;
}
.modal-favorites-box-grid .item .image-holder{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    margin: 0;
    max-height: 100%;
    width: 100%;
    text-align: center;
}
.modal-favorites-box-grid .item .image-holder img {
    width: 90%;
    height: auto;
}
.modal-favorites-box-grid .item .image-holder img.item-thumbnail--qt{
    display: none;
}
.modal-favorites-box-grid .item .thumbnail__details {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 4%;
}

.modal-favorites-box-grid .item .arrow-up-wrapper {
    display: none;
}

.modal-favorites-box-grid .item .price_container{
    font-size: 16px;
    color: #4a4a4a;
    font-family: "noto_sansregular";
}

.modal-favorites-box-grid .item .thumbnail__button__favorite{
    position: absolute;
    top: 25px;
    right: 25px;
    text-align: right;
    cursor: pointer;
    font-size: 22px;
}
.modal-favorites-box-grid .item .thumbnail__button__favorite .selected{
    display: none;
}
.modal-favorites-box-grid .item .thumbnail__button__favorite.active .unselected{
    display: none;
}
.modal-favorites-box-grid .item .thumbnail__button__favorite.active .selected{
    display: inline-block;
}

/* FAVORITE - ITEM - START */


/**
FAVORITE - END
 */







/**
MY ACCOUNT - START
 */

.close-modal-detail,
.close-modal-address{
    z-index: 110;
    top: 25px;
    right: 25px;
    overflow: visible;
    position: absolute;
}

.close-modal-address a:hover {
	text-decoration: none;
}

.sendEmail-custom-label, .addressDefault-custom-label{
	display:flex;
}

/* MODAL MENU ACCOUNT LOGGATO  - START */
.menu-sign-out{
    float: right;
    margin-right: 20px;
    text-decoration: underline !important;
}

.menu-sign-out:hover{
    font-size: 16px !important;
    transition: none !important;
}
/* MODAL MENU ACCOUNT LOGGATO  - START */

/* MODAL MY ACCOUNT - START */
.modal-my-account-container{
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    padding: 90px 60px;
    box-sizing: border-box;
    z-index: 110;
    overflow-y: auto;
    overflow-x: hidden;
}

.modal-my-account-title{
    font-family: "noto_sansregular"; 
    font-size: 32px;
    color: #000000;
    font-weight: normal;
    margin: 0;
}

.modal-my-account-title a {
    font-size: 18px;
    color: #000000;
    text-decoration: underline;
    padding-left: 20px;
}

.modal-my-account-body{
    margin-top: 30px;
    display: flex;
}

/* my account body left - start */
.modal-my-account-left{
    flex-basis: 30%;
    padding-top: 35px;
    margin-right: 5px;
}

.modal-my-account-right{
    flex-basis: 70%;
}

.modal-my-account-nav{
    padding-left: 15px;
}

.modal-my-account-nav-li{
    font-size: 18px;
    font-family: "noto_sansregular"; 
    margin-bottom: 30px;
}

.modal-my-account-nav-li a {
    font-size: 18px;
    color: #555555;
}

.modal-my-account-nav-li a:hover, .modal-my-account-nav-lii a:focus, .modal-my-account-nav-li a:visited, .modal-my-account-nav-li a:active{
    text-decoration: none;
}

.modal-my-account-li-active{
    text-decoration: underline;
}

.modal-my-account-li-active a{
    color: #000000;
    white-space: nowrap;
}

.modal-my-account-order-history{
    display: none;
}
/* my account body left - end */

/* my account body right (info) - start */
.modal-my-account-info{
    float: right;
}

.modal-my-account-form-container{
    width: 100%;
}

.my-account-table{
    border-spacing: 10px 24px;
    border-collapse: separate;
}

.my-account-table-col{
    font-family: "noto_sansregular"; 
    font-size: 16px;
    color: #000000;
    vertical-align: top;
    white-space: nowrap;
}

.my-account-table-col a {
    font-family: "noto_sansregular";
    font-size: 14px;
    color:  #0079c1;
    text-decoration: underline;
    white-space: nowrap;
    float: right;
}

.my-account-table-col span{
    font-size: 14px;
}

.my-account-form-input{
    font-family: "noto_sansregular"; 
    font-size: 14px;
    color: #4a4a4a;
    line-height: 1.57;
    border: none;
    width: 100%;
}

.my-account-form-input:focus{
    outline: none;
}

.my-account-edit-link-input{
    margin-bottom: 24px;
}

.my-account-edit-link-input {
    margin-bottom: 10px;
}

#my-account-new-password{
    margin-top: 10px;
}

.password-input-container .iconglasses-x, .birth-input-container .iconglasses-x{
    font-size: 22px;
}

.my-account-change-password .password-input-container input, 
.my-account-change-password .birth-input-container input{
    padding: 0 5px;
}

.password-input-container, .birth-input-container{
    padding-bottom: 15px;
}

.password-input-container.last-child, .birth-input-container.last-child {
	padding-bottom: 10px;
}

.my-account-change-password, .my-account-change-birthday{
    display: none;
}
.my-account-change-password .service-error-message-container,
.my-account-change-birthday .service-error-message-container,
.modal-address-container .service-error-message-container {
	font-family: 'noto_sansregular';
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    color: #d0021b;
    float: left;
    clear: both;
    margin: 0;
    padding: 5px 0;
}

.my-account-edit-link-button{
    display: inline-flex;
    float: right;
}

#my-account-password-close, #my-account-birthday-close{
    margin-right: 10px;
}

.my-account-form-button{
    min-width: 120px;
}

.my-account-form-checkbox{
    display: none;
}

/* order history - start */
.order-history-table-container {
    height: 400px;
}
table.order-history-table {
    display: flex;
    flex-flow: column;
    height: 100%;
    width: 100%;
}

table.order-history-table thead {
    flex: 0 0 auto;
    width: 100%;
    background-color: #eeeeee;
}
table.order-history-table tbody {
    flex: 1 1 auto;
    display: block;
    overflow-y: scroll;
}
table.order-history-table tbody tr {
    width: 98%;
    border-bottom: solid 1px #979797;
}

table.order-history-table thead,
table.order-history-table tbody tr {
    display: table;
    table-layout: fixed;
}

.order-history-table-container {
    padding: 10px;
}


table.order-history-table td{
    padding: 10px;
    font-family: "noto_sansregular"; 
    font-size: 14px;
    color: #000000;
}
table.order-history-table th {
    font-size: 16px;
    text-align: left;
    padding: 10px;
    font-family: "noto_sansregular"; 
    color: #000000;
    font-weight: normal;
}

.order-history-table td a {
    text-decoration: underline;
    color: #0079c1;
}

.order-history-table td:first-child{
    text-decoration: underline;
}

.address-dropdown-ul li {
    padding: 10px 5px;
}

.address-dropdown-ul li:hover{
    background-color: #eeeeee;
}

.address-dropdown-ul a {
    text-decoration: none;
}

.address-dropdown-select span {
    float: right;
    padding: 5px;
}

.address-dropdown-select:hover,
.address-dropdown-select:active {
    background: transparent !important;
    border-color: black;
    color: black;
    outline:none;
}

.address-dropdown-ul>li>a:focus,
.address-dropdown-ul>li>a:hover {
    color: #222222;
    text-decoration: none;
    background-color: #eeeeee;
}
/* order history - end */

@media only screen and (max-width: 992px){
    .modal-my-account-container{
        padding: 90px 20px 0 20px;
    }

    .my-account-form-input, .my-account-table-col a{
        font-size: 12px;
    }

    .my-account-table-col a, .my-account-table-col span{
        font-size: 12px;
    }

    .modal-my-account-nav-li, .modal-my-account-title a{
        font-size: 16px;
    }

    .modal-my-account-title{
        font-size: 30px;
    }

    .my-account-form-button{
        min-width: 100px;
    }

    .my-account-edit-link-input{
        margin-bottom: 22px;
    }

    table.order-history-table th {
        font-size: 14px;
    }

    table.order-history-table td {
        font-size: 12px;
    }
}

@media only screen and (max-width: 840px){
    .my-account-form-input, .my-account-table-col a, .my-account-table-col span{
        font-size: 10px;
    }
    .my-account-table-col{
        font-size: 14px;
        white-space: normal;
    }
    .modal-my-account-nav-li, .modal-my-account-title a{
        font-size: 14px;
    }

    .modal-my-account-title{
        font-size: 28px;
    }

    .my-account-form-button{
        min-width: 80px;
    }

    table.order-history-table th {
        font-size: 12px;
    }

    table.order-history-table td {
        font-size: 10px;
    }
}

@media only screen and (max-width: 713px){
    .my-account-table-col, .my-account-table-col .label-checkbox {
        font-size: 12px;
        white-space: normal;
    }
    .modal-my-account-nav-li, .modal-my-account-title a{
        font-size: 12px;
    }
    .modal-my-account-nav-li a {
    	font-size: 16px;
    }

    .modal-my-account-title{
        font-size: 26px;
    }

    .modal-my-account-container{
        padding: 90px 10px 0 10px;
    }

    .modal-my-account-nav {
        padding-left: 5px;
    }

    table.order-history-table th {
        font-size: 10px;
    }

    table.order-history-table td {
        font-size: 8px;
    }
    .sendEmail-custom-label span {
    	margin-top: 5px;
    }
}

/* my account body right (info) - end */

/* MODAL MY ACCOUNT - END */

/* MODAL ADDRESS - START */
.modal-address-container{
    position: relative;
    left: 100%;
    top: 0;
    background-color: #ffffff;
    z-index: 100;
    padding: 72px 0 0 65px;
    overflow-y: auto;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
}
.dropdown-toggle::after {
	content: none;
}

.modal-address-container:after {
    content: "";
    height:auto;
    display: block;
    padding-bottom: 96px;
}

.modal-address-head{
    font-family: "noto_sansregular"; 
    color: #000000;
    margin-bottom: 30px;
}

.modal-address-title{
    font-size: 32px;
    font-weight: normal;
    margin: 0;
}

.modal-address-subtitle{
    font-size: 14px;
    padding-top: 5px;
    margin: 0;
}

.modal-address-body{
    margin-left: 15px;
    display: flex;
}

.modal-address-left{
    flex-basis: 50%;
    margin-right: 21px;
}
.modal-address-left .dropdown {
	position: relative;
}

.modal-address-right{
    flex-basis: 50%;
    margin: 22px 0 0 21px;
}

.address-dropdown-ul {
	display: none;
    border-radius: 0px;
    border: 1px solid #000000;
    transform: translate3d(0px, 0px, 0px) !important;
    width: 100% !important;
    position: absolute !important;
    top: 0;
    margin: 0;
    padding: 0;
    left: 0;
    z-index: 1000;
    min-width: 160px;
    list-style: none;
    background-color: #fff;
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.show .address-dropdown-ul {
	display: block;
}

.address-dropdown-select a {
    text-decoration: none;
}

.address-dropdown-select {
    border-radius: 0px;
    background: transparent;
    border: 1px solid #000000;
    color: #222222;
    font-size: 14px;
    outline: 5px auto #126ea1 !important;
    text-align:left;
    font-family: "noto_sansregular";
    padding: 10px;
}

.address-dropdown-ul li a {
    font-family: "noto_sansregular"; 
    text-decoration: none;
    color: #222222;
    font-size: 14px;
}

.address-dropdown-ul li:hover {
    background-color:#eeeeee;
}


.address-checkbox-container{
    margin-right: 30px;
}

.address-checkbox-container input {
    display: none;
}

.modal-address-body{
    font-family: "noto_sansregular"; 
    color: #000000;
    font-size: 14px;
}

.modal-address-body a {
    text-decoration: underline;
    color: #000000;
}

.modal-address-body a:hover {
    text-decoration: underline;
}

.address-input-container .iconglasses-x {
    font-size: 22px;
}

.address-input-container{
    margin: 0px;
    padding-top: 40px;
    width: 100%;
}

#address-zipcode{
    margin-right: 5px;
}

#address-state {
    margin-left: 5px;
}

.address-textbox{
    border: none;
    font-family: "noto_sansregular" ;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
}

.address-icon-x-error{
    float: right;
    color: #d0021b;
    display: none;
}

.address-textbox::placeholder{
    font-family: "noto_sansregular" ;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #9b9b9b;
}

.address-textbox:focus{
    outline: none;
}

.address-row-address2{
    padding-top: 12px;
}

.address-add-address2, .address-remove-address2{
    text-align: right;
    text-decoration: underline;
    margin: 0px;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
}

.address-remove-address2{
    display: none;
}

.address-address2-container{
    display: none;
}

.address-form-flex{
    display: flex;
    width: 100%;
}

label.error {
	z-index: 100;
}

.address-form-button-container{
    float: right;
    margin-top: 38px;
    display: inline-flex;
}

#address-reset-button{
    margin-right: 5px;
}

@media only screen and (max-width: 992px){
    .modal-address-left {
        margin-right: 0;
    }

    .modal-address-container {
        padding: 72px 10px 96px 45px;
    }

    .modal-address-body, .address-dropdown-select, .address-dropdown-ul, li a{
        font-size: 12px;
    }

    .address-checkbox-container {
        margin-right: 10px;
    }

    .address-textbox{
        font-size: 14px;
    }

    .address-form-button{
        min-width: 100px;
    }
}

@media only screen and (max-width: 870px){
    .modal-address-container {
        padding: 72px 10px 96px 25px;
    }

    .address-form-button{
        min-width: 80px;
    }

    .address-textbox{
        font-size: 12px;
    }
}

@media only screen and (max-width: 716px){
    .modal-address-container {
        padding: 72px 10px 96px 5px;
    }

    .address-form-button{
        min-width: 80px;
    }
}

@media only screen and (max-width: 643px){
    .modal-address-container {
        padding: 72px 5px 96px 5px;
    }

    .modal-address-body{
        margin-left: 5px;
        display: flex;
    }
}
/* MODAL ADDRESS - END */

/* MODAL SEE DETAIL - START */
.modal-see-detail-container{
    position: absolute;
    left: 100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #ffffff;
    z-index: 100;
    padding: 67px 87px 96px 64px;
    overflow-y: auto;
    box-sizing: border-box;
}

.history-pescription-container{
    margin-bottom: 20px;
}

@media only screen and (max-width: 992px){
    .modal-see-detail-container {
        padding: 67px 47px 96px 44px;
    }

    .thank-you-data-order, .thank-you-prescription-subtitle, .thank-you-attached-name, .thank-you-change-file-container,
    .thank-you-btn-prescription, .order-details-style, .thank-you-order-detail-footer-title{
        font-size: 14px;
    }

    .thank-you-prescription-title {
        font-size: 20px;
    }

    .thank-you-prescription-footer-container, .thank-you-order-detail-footer-description{
        font-size: 12px;
    }
}

@media only screen and (max-width: 800px){
    .modal-see-detail-container {
        padding: 67px 27px 96px 24px;
    }

    .thank-you-data-order, .thank-you-prescription-subtitle, .thank-you-attached-name, .thank-you-change-file-container,
    .thank-you-btn-prescription, .order-details-style, .thank-you-order-detail-footer-title{
        font-size: 12px;
    }

    .thank-you-prescription-title {
        font-size: 18px;
    }

    .thank-you-prescription-footer-container, .thank-you-order-detail-footer-description{
        font-size: 10px;
    }
}
/* MODAL SEE DETAIL - END */

/* THANK YOU PAGE - ORDER STATUS - START */
#order-status a{
    font-family: "noto_sansregular"; 
    padding-left: 5px;
    text-decoration: underline;
    color: #0079c1;
    font-weight: normal;
}
/* THANK YOU PAGE - ORDER STATUS - END */


/* ORDERS - START */

.body-order{
    padding-left: 40px;
    padding-right: 37px;
}

.rectangle-order{
    display: flex;
    border-radius: 4px;
    border: solid 1px #dadada;
    margin-top: 10px;
    padding-top: 17px;
    padding-right: 10px;
    padding-left: 15px;
    padding-bottom: 13px;
}
.product-image-order{
    justify-items: center;
    align-items: center;
}
.product-image-order img{
    width: 70px;
}
.product-info-order{
    padding-left: 10px;
    flex-grow: 1;
}
.product-name-order{
    float: left;
    font-size: 16px;
    color: #000000;
    font-family: "noto_sansregular";
    margin: 0px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.layer1-order{
    font-size: 16px;
    color: #767676;
    font-family: "noto_sansregular";
    text-align: right;
    text-decoration: line-through;
    margin: 0px;
}

.see-detail-order{
    font-size: 14px;
    color: #4a4a4a;
    font-family: "noto_sansregular";
    text-decoration: underline;
    padding-top: 4px;
    margin: 0px;
    float: left;
}

.layer2-order{
    font-size: 20px;
    color: #000000;
    font-family: "noto_sansregular";
    text-align: right;
    line-height: 1.15;
    margin: 0px;
    padding-top: 4px;
}

/* ORDERS - END */

/* THANK YOU - START */
/* */
.clear{
    clear: both;
}

.thank-you-head{
    padding-top: 26px;
    text-align: left;
    margin: 0px;
}

.thank-you-title{
    font-size: 32px;
    color: #000000;
    line-height: normal;
    margin: 0px;
    font-family: "noto_sansregular";
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
}

.thank-you-subtitle{
    line-height: 1.5;
    color: #222222;
    font-size: 16px;
    font-family: "noto_sansregular";
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    margin: 0px;
}

.thank-you-body{
    margin-top: 25px;
}

.thank-you-data-order-container{
    margin-bottom: 10px;
}

.thank-you-data-order{
    margin: 0px;
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    padding-bottom: 10px;
}

.thank-you-data-order-description{
    font-weight: bold;
    margin: 0px;
}

.thank-you-prescription-container{
    margin: 20px 0px 50px 0px;
    border: solid 1px #e5e5e5;
    padding: 20px;
}

.thank-you-prescription-no-uploaded{
    margin: 0px;
}

.thank-you-prescription-title{
    padding-bottom: 10px;
    font-family: "noto_sansregular";
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #222222;
    margin: 0px;
}

.thank-you-attached-left{
    width: 50px;
    height: 50px;
    background-color: #212121;
    border-radius: 50%;
    margin-right: 25px;
    text-align: center;
    display:table;
    position: relative;
}

.thank-you-attached-name{
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #4a4a4a;
}

.thank-you-change-file-container{
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #0079c1;
    display: none;
    padding-left: 10px;
    position: relative;
}

#thank-you-change-file{
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
}

.thank-you-error-prescription{
    font-family: "noto_sansregular";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.71;
    letter-spacing: normal;
    color: #d0021b;
}

.thank-you-attached-accepted-format{
    font-family: "noto_sansregular";
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    margin: 0px;
    padding: 10px 0px 34px 0px;
}

.thank-you-btn-prescription{
    float: right;
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
}

.thank-you-prescription-footer{
    margin: 0px;
}

.thank-you-prescription-footer-container{
    margin: 0px;
    font-family: "noto_sansregular";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    padding-top: 30px;
}

.thank-you-prescription-mail{
    color: #0079c1;
    text-decoration: none;
}

.thank-you-prescription-mail:focus{
    outline: none;
}

.thank-you-prescription-uploaded{
    margin: 0px;
    display: none;
}

.line{
    border-bottom: solid 1px #dadada;
    width: 100%;
    margin: 0px;
}

.thank-you-order-details-container{
    margin: 12px 0px 20px 0px;
}

.thank-you-order-detail-head{
    margin: 0px 0px 15px 0px;
}

.thank-you-order-detail-title{
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #222222;
    margin: 0px;
    float: left;
}

.icon-open-detail-order{
    float: right;
    cursor: pointer;
    padding: 5px 30px 0px 0px;
}

.icon-close-detail-order{
    float: right;
    font-size: 2px;
    display: none;
    cursor: pointer;
    padding: 12px 30px 0px 0px;
}

.thank-you-order-detail-body{
    margin: 0px;
    display: none;
}

.thank-you-order-detail{
    margin: 0px 0px 5px 0px;;
}

.thank-you-order-detail-table{
    text-align: right;
    float: right;
}

.order-details-style{
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: right;
    color: #000000;
    margin: 0px;
}

.order-detail-price{
    padding-left: 39px;
}

.order-details-style-total{
    font-weight: bold;
}

.thank-you-order-detail-footer{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
}

.thank-you-order-detail-shipping-address-container{
    margin-right: 5px;
    background-color: #f7f7f9;
    padding: 10px 0px 15px 10px;
    flex-basis: 100%;
}

.thank-you-order-detail-billing-address-container{
    margin-right: 5px;
    background-color: #f7f7f9;
    padding: 10px 0px 15px 10px;
    flex-basis: 100%;
}

.thank-you-order-detail-payment-method-container{
    margin: 0px;
    background-color: #f7f7f9;
    padding: 10px 0px 15px 10px;
    flex-basis: 100%;
}

.thank-you-order-detail-footer-title{
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #000000;
    margin: 0px;
}

.thank-you-order-detail-footer-description{
    font-family: "noto_sansregular";
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.93;
    letter-spacing: normal;
    color: #000000;
    margin: 0px;
}

.thank-you-footer{
    margin: 0px;
}

.thank-you-footer-text{
    font-family: "noto_sansregular";
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #222222;
}

.thank-you-footer-new-account{
    color: #0079c1;
    font-size: 16px;
    font-weight: normal;
    text-decoration: underline;
}

.thank-you-footer-new-account:focus{
    outline: none;
}

/* THANK YOU - END */


/* hard fix */
.footer-on-menu{
    position: fixed!important;
    bottom: 0!important;
    z-index: 10000!important;
}

/**
MY ACCOUNT - END
 */



/**
CHECKOUT FIX - START
 */

.shopping-bag__vision-insurance{
    text-align: right;
    margin-bottom: 25px;
    margin-right: 25px;
    font-family: "noto_sansregular";
    font-size: 14px;
}

.shopping-bag__vision-insurance .icon--blue{
    color: #0079c1;
}



#PaymentForm1 input::placeholder {
    font-size: 13px!important;
}
#PaymentForm1 input::-webkit-input-placeholder {
    font-size: 13px!important;
}
#PaymentForm1 input::-moz-placeholder {
    font-size: 13px!important;
}
#PaymentForm1 input:-ms-input-placeholder {
    font-size: 13px!important;
}
#PaymentForm1 input:-moz-placeholder {
    font-size: 13px!important;
}

/**
CHECKOUT FIX - END
 */

/**
 ORDER RECAP - START
 */
.l-recap-page{
    display: flex;
    font-family: "noto_sansregular";
}
.l-recap__order{
    width: 40%;
}
.l-recap__shipping{
    width: 60%;
    padding: 50px 75px 0 50px;
    box-shadow: -2px 2px 4px 0 rgba(0, 0, 0, 0.1);
}

/* recap order - start */

/* recap order - end */
/* recap shipping - start */
.c-recap__shipping__back-button{
    display: inline-block;
    -webkit-appearance: none;
}
.c-recap__shipping__back-button:hover{
    text-decoration: none;
}
.c-recap__shipping__step-info{
    margin-top: 20px;
    color: #4a4a4a;
    font-size: 16px;
}
.c-recap__shipping__title{
    font-size: 32px;
    color: #000000;
}
.c-recap__shipping__content{
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}
.c-content__shipping-to{
    width: 50%;
    margin-bottom: 40px;
}
.c-content__billing-to{
    width: 50%;
    margin-bottom: 40px;
}
.c-content__method{
    width: 100%;
    margin-bottom: 150px;
}
.c-content__subTitle{
    font-size: 18px;
    line-height: 1.28;
    color: #222222;
    margin-bottom: 10px;
}
.c-content__info{
    font-size: 14px;
    line-height: 1.71;
    color: #4a4a4a;
}
.c-content__info .paypal-account-text {
	display: inline-block;
	font-family: "noto_sansregular";
	color: #000000;
	vertical-align: text-bottom;
}
.c-content__shipping-to .c-content__info span,
.c-content__billing-to .c-content__info span{
    display: block;
}
.c-content__method .payment-method__icon{
    font-size: 18px;
}
.c-content__method .c-content__info{
    line-height: normal;
    color: black;
}
.c-recap__confirm{
    float: right;
    width: 230px;
    border-radius: 4px;
    background: black;
    color: white;
    font-size: 16px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
}

/* recap shipping - end */

/**
 ORDER RECAP - START
 */

/** polarized switch - start **/

.switch-label {
    height: 20px;
    width: auto;
    display: block;
    float: left;
    line-height: 20px;
    color: #000000;
    font-size: 16px;
    display: block;
    flex-shrink: 1;
    flex-basis: 100%;
    margin: 0 10px 0 0;
}

.switch {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 20px;
    flex-shrink: 0;
    margin: 0 10px 0 0;
    border-radius: 34px;
    overflow: hidden;
}

.switch input  {
    display:none;
}

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #4a4a4a;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}

.slider:before {
    position: absolute;
    content: "";
    height: 18px;
    width: 18px;
    left: 1px;
    bottom: 1px;
    background-color: white;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50%;
}

input:checked + .slider {
    background-color: #0079c1;
}

#catalog_wrapper_box input:disabled + .slider {
    display: none;
}

input:focus + .slider {
    box-shadow: 0 0 1px #0079c1;
}

input:checked + .slider:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px);
}



/** polarized switch - end **/

/** track order - start **/
@media only screen and (max-width: 992px){
    .modal-track-order-container, .modal-download-container {
        padding: 67px 20px 96px 20px;
    }
    .modal-chat-with-us-container {
    	padding: 67px 0 96px 20px;
    }
    .modal-track-order-head {
    	margin: 44px 0 0 30px;
    }
    .modal-track-order-body {
    	margin: 40px 0 0 30px;
    }
    .modal-chat-with-us-title {
    	margin: 44px 0 60px 30px;
    }
    .modal-chat-with-us-body {
	    margin-left: 40px;
	}
	.modal-chat-with-us-form {
		width: 70%;
	}
	.modal-download-title {
		margin: 44px 0 64px 30px;
	}
	.modal-download-body {
	    margin-left: 30px;
	}
}
    .modal-track-order-container {
        position: absolute;
        top: 0;
        height: 100%;
        width: 100%;
        background-color: #ffffff;
        padding: 67px 87px 96px 64px;
        overflow-y: auto;
        box-sizing: border-box;
    }
    .modal-chat-with-us-container {
    	background-color: #ffffff;
	    padding: 67px 0 96px 64px;
	    overflow-y: auto;
	    box-sizing: border-box;
    }
    .modal-download-container {
    	background-color: #ffffff;
	    padding: 67px 64px 96px 64px;
	    overflow-y: auto;
	    box-sizing: border-box;
    }
/** track order - end **/


/** HARD FIX - start **/
/* fix promo banner header */
.header-promo-banner-wrapper{
    position: fixed;
    top: 103px; /*[header-space]*/
    left: 0;
    width: 100%;
    z-index: 1;
    display: none;
    z-index: 999;
}
.header-promo-banner-text{
    display: block;
    visibility: hidden;
}

/* fix brand page logo image size */
body .c-brand-details__logo img{
    /*-webkit-transform: scale(0.5); !* Saf3.1+, Chrome *!*/
    /*-moz-transform: scale(0.5); !* FF3.5+ *!*/
    /*-ms-transform: scale(0.5); !* IE9 *!*/
    /*-o-transform: scale(0.5); !* Opera 10.5+ *!*/
    /*transform: scale(0.5); !* IE6–IE9 *!*/
    /*filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand');*/

    max-width: 180px;
}

/* fix shoprunner */
body ._SRD .srd_iconline{
    display: flex;
}

/* fix myAccount allignments */
.my-account-password,
.my-account-birthday{
    display: flex;
}

/** HARD FIX - end **/








/**
utils
 */
.darker-shadow{
    background-color: rgba(0, 0, 0, 0.4);
    -webkit-transition: background .3s linear;
    -moz-transition: background .3s linear;
    -o-transition: background .3s linear;
    transition: background .3s linear;
}
.dropdown-pull-right {
    float: right !important;
    right: 0;
    left: auto;
}
.dropdown-pull-right>.dropdown-menu{
    right: 0;
    left: auto;
}

.hidden-detail{
    display: none;
}
.cursor-pointer{
    cursor: pointer;
}
.filter-overlay{
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    background: black;
    opacity: 0.5;
    z-index: 1;
}

/*.facet-subnav.color .icon.large-Black:before*/



.facet-subnav.color .icon.large-Black:before {
    background-color: black;
}
.facet-subnav.color .icon.large-Clear-White:before ,
.facet-subnav.color .icon.large-Ivory:before ,
.facet-subnav.color .icon.large-Grey:before {
    background-color: white;
    border: 1px solid #979797;
}
.facet-subnav.color .icon.large-Grey-Silver:before {
    background-color: #9b9b9b;
}
.facet-subnav.color .icon.large-Gold:before {
    background: linear-gradient(to top, #d6cc3a, #575314);
}
.facet-subnav.color .icon.large-Gold-Yellow:before {
    background-color: #c8c400;
}
.facet-subnav.color .icon.large-Copper-Bronze:before {
    background-color: #633a11;
}
.facet-subnav.color .icon.large-Silver-Gunmetal-Grey:before {
    background: linear-gradient(to top, #8e95a9, #373f59);
}
.facet-subnav.color .icon.large-Tortoise:before {
    background: linear-gradient(to right, #8b4817, #261d1c), radial-gradient(circle at 31% 78%, #edb252, rgba(241, 176, 80, 0));
}
.facet-subnav.color .icon.large-Brown-Tan:before {
    background-color: #D2B48C;
}
.facet-subnav.color .icon.large-Brown:before {
    background-color: #7a5400;
}
.facet-subnav.color .icon.large-Red-Burgundy:before {
    background-color: #9a142d;
}
.facet-subnav.color .icon.large-Red:before {
    background-color: #cc0202;
}
.facet-subnav.color .icon.large-Blue:before {
    background-color: #4969d6;
}
.facet-subnav.color .icon.large-Green:before {
    background-color: #308e02;
}
.facet-subnav.color .icon.large-Orange-Yellow:before {
    background-color: #efe439;
}
.facet-subnav.color .icon.large-Pink-Purple:before {
    background-color: #993399;
}
.facet-subnav.color .icon.large-Pink:before {
    background-color: #ff9d9d;
}
.facet-subnav.color .icon.large-Multi:before {
    /*background: linear-gradient(to right, orange , yellow, green, cyan, blue, violet);*/
    background-image: linear-gradient(140deg, #fe1701, #fef901 17%, #41bd05 30%, #00c6fe 45%, #4969d6 59%, #9457dc 72%, #f301fe 86%, #f90016);
}

.debug{
    border: 1px solid red;
}
#detail_box_content span{
    /*color: red;*/
}
/* CART CHECKOUT - START */
#cart-checkout-modal {
	display: block;
}

#main_content_checkout{
    height: 100%;
    width: 100%;
    /* overflow-y: auto;
    background-color: #ffffff; */
}

#header_wrapper_checkout {
	position: absolute;
	top:0;
	left:0;
	height: 60px;
	display:flex;
	justify-content: space-between;
	z-index: 1031 !important;
    background: white;
    width: 100%;
    margin: auto 1%!important;
}

.cart-checkout-modal-container,
.cart-checkout-modal-container * {
	box-sizing: border-box;
}

.cart-checkout-modal-container {
	position: relative;
    background-color: #ffffff;
    display: flex;
    flex-direction: row;
    height:100%;
}
.cart-checkout-modal-container .dropdown {
	width: 45%;
}
@media (min-width: 992px) {
	.cart-checkout-modal-container .dropdown {
		width: 50%;
	}
}

#header_wrapper_checkout .header-logo{
	padding: 22.5px 0;
}

#header_wrapper_checkout .cart-checkout-x {
	z-index: 110;
    top: 24px;
    right: 46px;
    overflow: visible;
    position: absolute;
}

#header_wrapper_checkout .cart-checkout-x a:HOVER {
	text-decoration: none;
}

.cart-checkout-modal-wrapper {
	height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1000;
    left: 0;
}

.animate-modal-column {
  -webkit-transition: all 0.75s;
  -moz-transition: all 0.75s;
  transition: all 0.75s;
}

.header-checkout-modal-column-left {
	height: 100%;
	width: 40%;
	background-color: #ffffff;
	position: relative;
	overflow-y: auto;
}

.header-checkout-modal-column-right {
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #ffffff;
	width: 60%;
	padding-top: 32px;
	overflow-y: auto;
}

.header-checkout-modal-column-left.show-modal-column {
  width: 100%;
}

.header-checkout-modal-column-right.hide-modal-column {
	width: 0;
}
/* LOADER CHECKOUT */
.checkout-catalog-wrapper-loader {
	position: relative;
    height: 100%;
}
.catalog-wrapper-loader {
	min-height: calc(100vh - 107px);
}
.checkout-catalog-wrapper-loader .catalog-wrapper-loader {
	position: absolute;
    top: 50%;
    right: 50%;
    font-size: 48px;
}
#OrderShippingBillingDisplay .catalog-wrapper-loader {
	font-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
}

#OrderPaymentDisplay  .catalog-wrapper-loader{
	font-size: 48px;
    position: absolute;
    top: 50%;
    left: 50%;
}
/* CART CHECKOUT - END */

.btn-disabled{
    opacity: .5 !important;
    pointer-events:none !important;
}

#pdp-size-label {	
	vertical-align: -webkit-baseline-middle;
}

#pdp-size {	
	vertical-align: bottom;
}

.paragraph {
    font-family: 'noto_sansregular';
    line-height: 19px;


}

/* Affirm */

.affirm-as-low-as {
	text-align: right;
    font-size: 14px;
    color: #0079c1;
}

.c-pdp-det .affirm-as-low-as {
	margin-bottom: 15px;
}

#lens-selection-area .affirm-as-low-as {
	margin: 5px 20px 0 0;
}

.affirm-as-low-as:empty {
    margin: 0 !important;
}

#ShopCartDisplay .affirm-as-low-as {
	padding: 0 20px;
	margin-bottom: 15px;
	color: #000;
}

.payment-container img.affirm-logo {
	display: inline-block;
    height: 21px;
    margin-top: -10px;
    margin-right: 5px;
}

.payment-container .affirm-as-low-as ,
.payment-container .affirm-payment-desc {
	text-align: left;
	font-size: 12px;
	margin-top: 5px;
	color: #000;
}

#affirmButton {
    text-align: center;
    margin-top: 15px;
    width: 100%;
}

#affirmButton .fa.fa-spinner.fa-spin {
  width: 40px;
  height: 40px;
  -webkit-transform: translate(-50%,-50%);
  -moz-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  box-sizing: border-box;
  font-size: 40px;
}

.affirm-checkout-button {
	background: url(/wcsstore/GlassesStorefrontAssetStore/images/assets/affirm-checkout-button.png) no-repeat;
	width: 296px;
	height: 60px;
	cursor: pointer;
	border: none;
}

.affirm-overlay {
 	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkqAcAAIUAgUW0RjgAAAAASUVORK5CYII=);
	z-index: 10000;
}

.c-prescription-subtitle-cta {
  width: 515px; 
  height: 16px;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.14;
  letter-spacing: normal;
  color: #1f1f24;
}