/* EYESPA */
body[data-page-id="WebPage-0093631d-84a3-4621-86e8-afcb2a23a565"] #ry-pg-banner .ry-bnr-wrp {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-bf07dcd1-56c8-4f85-a263-d2e0c7ec230e/inside_banners/insidebanner_eyespa.jpg) !important;
}
/* Contact Lens Exam */
body[data-page-id="WebPage-437d38d4-ab94-4258-9b15-65f504c9b8d5"] #ry-pg-banner .ry-bnr-wrp {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-bf07dcd1-56c8-4f85-a263-d2e0c7ec230e/inside_banners/insidebanner_contactlensexam.jpg) !important;
}
/* SPEED QUESTIONNAIRE */
body[data-page-id="WebPage-5e6ca418-26a7-4d68-895e-cd35953a1202"] #ry-pg-banner .ry-bnr-wrp {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-bf07dcd1-56c8-4f85-a263-d2e0c7ec230e/inside_banners/insidebanner_eyespa.jpg) !important;
}
/* PRODUCTS */
body[data-page-id="WebPage-81d75b64-745d-41ad-a727-de411f6a2653"] #ry-pg-banner .ry-bnr-wrp {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-bf07dcd1-56c8-4f85-a263-d2e0c7ec230e/inside_banners/insidebanner_eyespa.jpg) !important;
}
/* ADVANCED TECHNOLOGY */
body[data-page-id="WebPage-3623d46f-a101-4cb9-87af-8debb7b283c8"] #ry-pg-banner .ry-bnr-wrp {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-bf07dcd1-56c8-4f85-a263-d2e0c7ec230e/inside_banners/insidebanner_eyespa.jpg) !important;
}
/* LEARN MORE ABOUT DRY EYE */
body[data-page-id="WebPage-5a46f7f9-2256-4666-a165-300cd8808121"] #ry-pg-banner .ry-bnr-wrp {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-bf07dcd1-56c8-4f85-a263-d2e0c7ec230e/inside_banners/insidebanner_eyespa.jpg) !important;
}
/* CONTACT US */
body[data-page-id="WebPage-8e6e62c1-0487-46b2-9f8d-14defd1fe3de"] #ry-pg-banner .ry-bnr-wrp {
	background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-bf07dcd1-56c8-4f85-a263-d2e0c7ec230e/inside_banners/insidebanner_contactus.jpg) !important;
}

.module-203 .module-203-social-icons .social-inner-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

/** HEADER **/

.ry-flex.module-34-top {height: 115px;}

.module-34-top-left {
    display: flex;
    gap: 10px;
}

.fa-pen:before {content: '\f304';}

.module-34-top-center img {
	width: 190px;
	position: relative;
	bottom: 10px;
	left: 0;
}

.ry-location-wrap {
    padding: 20px;
    background: #fff;
    position: absolute;
    max-width: 160px;
    top: 90px;
    z-index: 2;
	display: none;
}

.phone-toggle.open + .ry-location-wrap {display: block !important;}

.phonenumber:not(:last-child) {
    margin-bottom: 20px;
}

.phonenumber span,
.phonenumber a {
	font-size: 16px;
	color: #3a3a3a;
}

.phonenumber a {font-weight: 600;}

.phonenumber a:hover {
    color: #B3C935;
}

.module-35-header-center {
    width: 230px;
}

.module-35-header-right .ry-location-wrap {
    right: 0;
    top: 70px;
    z-index: 31;
}

.module-35 .mobile-button .phonenumbeer a {
	width: 240px !important;
}

.module-34 .ry-btn-module-34 .ry-span-2 .fa {margin-left: 10px;}

.module-34-top-right {
    position: relative;
	display: flex;
}
.module-34-top-right ul.under-dropdown {
    display: none;
}
.module-34-top-right:hover ul.under-dropdown {
    display: block;
}
.module-34-top-right ul {
	list-style: none;
	position: absolute;
	z-index: 999999;
	background: rgb(255 255 255 / 90%);
	width: 100%;
	top: 50px;
	left: 0;
	padding-left: 0;
	transition: all .3s ease;
}
/*.module-34-top-right ul:before {
	content: "";
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid rgb(58 58 58 / 26%);
    position: absolute;
    top: -8px;
    z-index: 999999;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
}*/
.module-34-top-right ul li {
    width: 100%;
    margin: auto;
    line-height: 0;
}
.module-34-top-right ul li a {
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: capitalize;
    width: 100%;
    margin-bottom: 4px;
    transition: all .3s ease;
	font-size: 16px;
    margin-bottom: 4px;
    padding: 20px 30px;
    text-align: left;
    display: block;
    line-height: 1.2;
    -webkit-box-shadow: 1px 1px 20px rgb(32 32 32 / 10%);
    box-shadow: 1px 1px 20px rgb(32 32 32 / 10%);
	transition: all .5s ease;
}
.module-34-top-right ul li a:hover {
    background: #B3C935;
}
.header-custom .first-row .social-media:after {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    border-right: 1px solid #d3d0c8;
}

@media (max-width: 1024px) {
	.module-34-top-left {
		flex-direction: column;
    	height: 100%;
    	justify-content: center;
	}
}

@media (max-width: 991px) {
	.phonenumber span, .phonenumber a {font-size: 20px;}
	#ry-pg-banner .ry-bnr-wrp {background-position: 90%;}
}

/** SERVICES **/
.module-27 .module-27-item {background-position: 75%;}

/** TEAM **/
.module-28 .carousel-control.left,
.module-28 .carousel-control.right {
	background: none;
}

/** MAIN **/

.module-32 #module-32-carousel-two .swiper-wrapper {
    align-items: center;
}
.module-32 #module-32-carousel-two img {
    filter: brightness(0) invert(1);
}

/** MAP **/

.module-30 {position: relative;}

.module-30 .map-pin {
    width: 30px;
    position: absolute;
}

.map-pin:hover {
  animation: bounce 2s ease infinite;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-30px);}
	60% {transform: translateY(-15px);}
}

.madison.map-pin {
    left: 30%;
    bottom: 10%;
}

.map-pin.waupun {
    top: 4%;
    right: 37.5%;
}

.map-pin.lake-mills {
    right: 44%;
    bottom: 11%;
}

/** FOOTER **/

.module-203 .module-203-contact-item.module-203-address a:hover span, .module-203 .module-203-contact-item.module-203-phone .module-203-phone-link:hover {color: #B3C935;}

.footer-header h3 {color: #fff;}

.footer-header h3 {
    color: #fff;
    font-size: calc(10px + 30 * ((100vw - 320px) / 1600));
    text-transform: uppercase;
    font-family: 'Abril Fatface', cursive;
    font-weight: 500;
    margin-bottom: 20px;
}

.module-203-hours {margin-top: 30px;}

.module-203-hours .row {
	color: #fff;
	margin-top: 10px;
}

.module-203-hours .day {
    min-width: 75px;
    display: inline-block;
}

.d4y-logo img {
    width: 160px;
    margin-bottom: 10px;
}

/** INSIDE PAGES**/

.staffs {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 50px;
}

.staff .photo {
    width: 100%;
}

#ry-pg-content .module-314 h2, #ry-pg-content .module-314 h3, #ry-pg-content .module-314 p, #ry-pg-content .module-314 a {
    text-align: center;
}

.module-314 .ry-content.ry-flex {justify-content: center;}

.module-314 .ry-social {width: 100%;}

.module-314 .ry-social .social-inner-wrap {
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

#ry-pg-content .module-314 a:hover {color: #b4cd0c;}

.module-29 .ry-section-title {
	white-space: nowrap;
	line-height: 60px;
}

/** RESPONSIVE **/

@media (max-width: 1400px) {
	.module-203 .module-203-col-social {margin-top: 30px;}
}

@media (max-width: 1024px) {
	.footer-header h3 {text-align: center;}
	.module-203-hours .row {
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	flex-direction: column;
    	text-align: center;
    	margin-top: 20px;
	}
	.module-34-top-left {gap: 0;}
	.ry-flex.module-34-top {height: 140px;}
	.cta {
    	height: 50%;
    	display: flex;
    	align-items: center;
	}
	
	.cta:first-child .ry-location-wrap {top: 45px;}
	.cta:nth-of-type(2) .ry-location-wrap {top: 115px;}
}

@media (min-width: 1200px) {
	.module-27 .col-lg-3 {width: 20%;}
	
	.module-27 .module-27-item:nth-of-type(3) {background-position: 30%;}
	
	.module-34-top-center img {left: -70px;}
}

/* QA Edits */ 
ul.dropdown-menu li a:hover {
    opacity: 0.5 !important;
	color: #333 !important;
}

.module-34 .ry-menu a {
	padding: 0 5px;
}

.ry-menu .ry-nav li.dropdown .dropdown-menu {
	margin-top: -30px;
}

.carousel-control {
    display: none;
}

.module-34 .ry-btn-module-34 {
    position: relative;
    bottom: 2px;
}

body[data-page-name="reviews"] .ry-margin-btm-30 {
    margin-bottom: 10px;
}

.alert li:last-child {
	margin-bottom: 0 !important;
}

.module-28 p {
        text-align: center !important;
}

.module-203-col.module-203-col-social {
    width: 100%;
    margin: 10px 0;
}

.module-203 .ry-flex {
    justify-content: space-evenly;
}

.module-32 .module-32-heading-2 .ry-section-title {
	background: #fff;
	color: #666666;
	width: fit-content;
	margin: 0 auto;
	margin-top: 60px;
	padding: 20px;
	font-weight: 600;
}

#ry-pg-content a:not(.ry-btn) {color: #B3C935;}
#ry-pg-content a:not(.ry-btn):hover {color: #3A3A3A;}

/* QA Responsive */
@media (max-width: 1680px) {
	.module-31 {
		background-size: contain;
		background-repeat: no-repeat;
	}
}

@media (max-width: 1200px) {
	#ry-sidebar #accordion .ry-drop-nav a {
		padding: 20px 30px;
	}
	.module-25 .ry-hero-copy {
		top: 75%;
	}
}

@media (max-width: 1200px) and (min-width: 1030px) {
	.module-27, .module-27 .col-lg-3 {height: 600px;}
	.module-27 .module-27-item:hover, .module-27 .module-27-item:focus {height: 660px;}
}

@media (max-width: 1024px) {
	#ry-sidebar .ry-sb-title {
		padding: 20px 22px;
	}
	.module-27 .module-27-item:nth-child(3) {
		background-position: 30%;
	}
	.module-203-hours .row {
		flex-direction: row;
		justify-content: flex-start;
	}
	.module-203 .ry-flex {
		justify-content: space-between;
	}
}

@media (max-width: 991px) {
	#ry-sidebar .ry-contact-table .ry-row.ry-social-wrp {
		align-items: center;
	}
	.module-203 .module-203-col-copy .module-203-copyright {
		flex-direction: column;
	}

	span.module-203-copyright-text-1.span-2 {
		text-align: center;
	}
	.module-203-copyright-text {
		text-align: center;
	}
	.module-203 {
		padding: 90px 0 10px;
	}
	.footer-header {
		display: flex;
		justify-content: center;
	}
	.module-203-hours .row {
		justify-content: center;
	}
	.module-203 .module-203-contact-item.module-203-phone {
		margin-top: 10px;
	}
}


@media (max-width: 466px) {
	.col-sm-3.col-md-3.col-lg-12.photo img {
		max-width: 60%;
		margin: 0 auto;
	}
}

#ry-pg-banner .ry-bnr-wrp .ry-pg-title h1 {
	color: #B3C935;
}

#ry-pg-body h3 {
    color: #B3C935;
}

#banner-title h1 {
    text-shadow: 1px 1px #000;
}


.modal-dialog {
    width: 760px;
}


/** ALUMIER PAGE **/
body[data-page-id="WebPage-f87400db-1973-4241-a2d7-080a1c0e798f"] #ry-pg-banner .ry-bnr-wrp {
	background-image: url(https://www.royacdn.com/unsafe/smart/Site-bf07dcd1-56c8-4f85-a263-d2e0c7ec230e/alumier_products/alumier_banner.jpg) !important;
}
body[data-page-id="WebPage-f87400db-1973-4241-a2d7-080a1c0e798f"] #ry-pg-banner .ry-bnr-wrp:before {
    background: transparent;
}
body[data-page-id="WebPage-f87400db-1973-4241-a2d7-080a1c0e798f"] #ry-pg-banner .ry-bnr-wrp .ry-pg-title h1 {
    color: #fff
}
#ry-pg-body .ry-alumier-container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
#ry-pg-body .ry-alumier-container .ry-photo img {
	-webkit-filter: grayscale(1) invert(1);
	filter: grayscale(1) invert(1); /* Safari 6.0 - 9.0 */
	max-width: 500px;
	margin: 0 auto 20px;
}
#ry-pg-body .ry-alumier-container .ry-btn-wrap {
    margin-bottom: 20px;
}
#ry-pg-body .ry-alumier-container .ry-btn-wrap .ry-btn.ry-btn-primary {
	padding: 10px 25px;
	height: auto;
	line-height: 120%;
}
#ry-pg-body .ry-alumier-container .ry-btn-wrap .ry-btn.ry-btn-primary:after {
    display: none;
}
#ry-pg-body .ry-alumier-container .ry-alumier-wrap .ry-flex {
    margin-left: -30px;
    width: calc(100% + 30px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
.ry-alumier-wrap {
    margin-top: 45px;
}
#ry-pg-body .ry-alumier-container .ry-alumier-wrap .ry-flex .ry-each {
    width: calc(25% - 30px);
    margin-left: 30px;
	margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.product-detail-wrap {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-height: 280px;
    min-height: 280px;
    padding: 30px 20px 0;
}
.ry-product-content p {
    line-height: 120%;
}
.product-img {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    border-radius: 20px;
}
.product-img img {
    border-radius: 20px;
}
.product-detail-wrap .ry-btn-wrap .ry-btn.ry-btn-primary {
    width: 120px;
}
.product-detail-wrap .ry-btn-wrap .ry-btn.ry-btn-primary:hover {
    width: 100%;
}
@media (max-width: 1080px) {
	#ry-pg-body .ry-alumier-container .ry-alumier-wrap .ry-flex .ry-each {
		width: calc(33.33% - 30px);
	}
}
@media (max-width: 768px) {
	#ry-pg-body .ry-alumier-container .ry-alumier-wrap .ry-flex .ry-each {
		width: calc(50% - 30px);
	}
}
@media (max-width: 500px) {
	#ry-pg-body .ry-alumier-container .ry-alumier-wrap .ry-flex .ry-each {
		width: calc(100% - 30px);
	}
	.product-detail-wrap {
		max-height: 250px;
		min-height: 250px;
	}
}



/* QUARTERLY MODAL */
div#HomeModal {
    z-index: 999999;
}
#HomeModal .modal-dialog {
    max-width: 767px;
    width: 90%;
    margin: 60px auto;
}
#HomeModal .modal-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
#HomeModal .modal-content .modal-header {
    position: absolute;
    padding: 0;
    width: 30px;
    height: 30px;
    background: #000;
    z-index: 2;
    border-radius: 50%;
    border: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #fff;
    right: -15px;
    top: -15px;
}
#HomeModal .modal-content .modal-header button {
    color: #fff;
    opacity: 1;
    font-weight: 300;
}
#HomeModal .modal-dialog .modal-body {
    padding: 0;
}
#HomeModal .modal-content img {
    margin-bottom: 0;
}
#HomeModal .close-button button span {
    color: #fff;
    font-weight: 300;
    margin-bottom: -5px;
    margin-left: 1px;
}
#HomeModal .close-button button {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    right: -15px;
    top: -15px;
    background: #333;
    border-radius: 50%;
    opacity: 1;
    border: unset;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
#HomeModal img:not(.current),
.promo-quarter img:not(.current) {
    display: none;
}
/* QUARTERLY MODAL */