body, body p, body div{font-family: Poppins !important;font-weight: 400 !important; }
h1,h2,h3,h4,h5,h6{font-family: Poppins, sans-serif !important;font-weight: 600 !important;}
b, strong {font-weight: bold !important;}
@media (max-width: 991px) {}
@media only screen and (max-width: 768px){
	.swiper-slide {width: 100% !important;}
	.testimonials-wrapper .testimonials-block .carousel-control {display: none;}
	.carousel-control.left, .carousel-control.right {background-image: unset; background-image: unset;background-repeat: unset;}
	.carousel-control, .carousel-control:hover, .carousel-control:focus {color: #FFFFFF;}}
#services-box a{ margin:0 auto;}
#articles .ry-btn-primary, 
#articles .ry-btn-primary:after {color: #FFFFFF;}
#articles .ry-btn-primary:hover, 
#articles .ry-btn-primary:hover:after {color: #FFFFFF;}

.ry-btn:after {display:none;}
.btn, .ry-btn, .ry-btn-primary, .ry-btn-secondary {font-family: 'Poppins';z-index:99;}
.ry-btn {height: 60px;display: flex;align-items: center;justify-content: center;padding-left: 25px;padding-right: 25px;max-width: max-content;color: #FFFFFF !important;background: #225ba9 !important;font-size: 20px !important;}
.ry-btn-primary:hover {background: #6d6d6d !important;color: #FFFFFF !important;}
.ry-btn.ry-btn-secondary{color: #FFFFFF !important;background: #6d6d6d !important;}
.ry-btn.ry-btn-secondary:hover {background: #225ba9 !important;color: #FFFFFF !important;box-shadow: unset !important;}
/*.cmsForm .has-error input {border: 1px solid #ff0069;}*/
.btn,.ry-btn,.ry-btn-primary {border-radius:  !important; font-size: 18px !important}
.btn-img {z-index: 999;}

.ry-anchor-hidden { display: block; position: relative; top: -200px; visibility: hidden;}
.full-link, .full-link a { position: absolute; inset: 0; color: transparent;}
.full-link:hover a { color: transparent; }
#ry-pg-body .owl-carousel .owl-item img {filter: unset;}
.HOLDsp-slides-container {height: calc(100vh - 120px) !important;}
li.third-level-container:not(.third-level a):after {
    content: '\f105';
    font-family: fontawesome;
    color: #fff;
    position: relative;
    top: 12px;
    right: 12px;
}

.module-44 .ry-flex .ry-each a:hover, .module-44 .ry-flex .ry-each .website-info span:hover, .module-44 .ry-footer-copyright a:hover {
    color: rgb(209 219 233 / 67%) !important;
}

.link a, .link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: transparent !important;
    background: transparent;
}

@media (max-width: 1080px) {
	.ry-list-wrp .ry-list-item .ry-list-photo img {
		margin: auto;
	}
	.ry-list-wrp .ry-list-item .ry-box-right * {
		text-align: center;
	}
	.ry-list-wrp .ry-list-item .ry-box-right .col-xs-12 {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 30px;
		margin-bottom: 20px;
	}
}


/* INTERIOR PAGE SIDEBAR AND FULL WIDTH */
body.default #ry-pg-body[data-interior-layout="Full Width"] > .ry-container > .ry-content > .ry-left {
    width: 100%;
    max-width: 100%;
    float: unset;
}

body.default #ry-pg-body[data-interior-layout="Full Width"] > .ry-container > .ry-content > .ry-right {
    display: none;
}

.title-open {
  border-radius: 10px 10px 0 0 !important;
}

.title-closed {
  border-radius: 10px !important;
}


	

/*fonts*/


.custom-headline h1 {
    text-align: center;
    font-size: var(--font-herotitle);
    color: white;
    line-height: 1.2;
}

.custom-headline h1 .span-1 {
    display: block;
    font-size: var(--font-spantitle);
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 400;
}
.custom-headline h2 {
    text-align: center;
    font-size: var(--font-herotitle) !important;
    color: var(--clr-secondary);
    line-height: 1.2;
}

.custom-headline h2 .span-1 {
    display: block;
    text-transform: uppercase;
    font-size: var(--font-spantitle);
    font-weight: 400;
    letter-spacing: 0.2em;
    color: var(--clr-primary);
}
	/*btns*/
		.ry-btn-white{
			color: var(--clr-black)!important;
			background: var(--clr-white) !important;
			border: 1px solid var(--clr-white) !important;
		}
		.ry-btn-white:hover{
			color: var(--clr-white) !important;
			background: transparent !important;
			border: 1px solid var(--clr-white) !important;
		}
/*Modal*/
/* Header */
	/**/
body[data-page-name="index"] .module-43 {
    position: absolute;
    border: none;
}

.module-43 .ry-left img {
    max-width: 350px;
}

.module-43 .ry-right .ry-menu .nav-menu li .dropdown-menu li.active a {
    background: var(--clr-black) !important;
}

.module-43 .ry-leads .ry-contact-new a.phone {
    background: linear-gradient(to left, #225ba9, #11294b);
}

.module-43 .ry-right .ry-menu .nav-menu .primary a {
    color: black !important;
}

.module-43 .ry-content.ry-flex {
    align-items: flex-start;
}
	
.mobile-container .flex-wrap .mobile_logo img {
    max-width: 200px;
}

.mobile-container {
    border: none;
}
/* Hero */
	/**/


.module-66 .carousel .carousel-control {
    opacity: 0;
}

.module-66 .carousel .carousel-inner .item img {
    height: 100vh;
    object-fit: cover;
}
.module-66 .carousel .carousel-inner .item .text-center::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to top, #161616, transparent, transparent);
    opacity: .7;
}
/* CTA */
	/**/

.module-welcome.style-5 .module-18 .ry-content {
    padding: 0;
    /* width: 80%; */
}
/* Welcome */
	/**/

.module-welcome.style-5 .background-section {
    opacity: 1;
    filter: none;
}

.module-welcome.style-5 .ry-each.image-wrapper {
    border: none;
    max-width: 420px;
}

.module-welcome.style-5 .ry-each.image-wrapper .photo img {
    /* object-fit: contain; */
}

.module-welcome.style-5 .ry-each.image-wrapper .photo {
    /* padding-top: 140%; */
}

.module-welcome.style-5 .ry-each:not(.image-wrapper) {
    max-width: calc(100% - 420px);
}

.module-welcome.style-5 .text-wrapper {
    max-width: 100%;
}

.module-welcome.style-5 .ry-flex {
    gap: 0 5em;
}
.module-welcome.style-5 .custom-headline h2,
.module-welcome.style-5 .custom-headline h2 .span-1 {
    text-align: left !important;
}
.module-welcome.style-5 .ry-text * {
    text-align: left !important;
}

.module-welcome.style-5 .module-18 .ry-content .card .anchor-wrap {
    background: none;
    color: black !important;
}

.module-welcome.style-5 .module-18 .ry-content .card .anchor-wrap,
.module-welcome.style-5 .module-18 .ry-content .card .anchor-wrap a {
    color: var(--clr-secondary);
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: 0;
    padding-top: 120px;
    line-height: 1.3;
}

.module-welcome.style-5 .module-18 .ry-content .card .anchor-wrap a::after {
    opacity: 0;
    display: none;
}

.module-welcome.style-5 .module-18 .ry-content .card{
    background: #225ba92e;
    border-radius: 24px;
    overflow: visible;
    max-width: 170px;
    transition: all ease 0.6s;
}

.module-welcome.style-5 .cta-wrapper {
    margin-top: 2em;
}

.module-welcome.style-5 .module-18 .ry-content .card-holder {
    /* gap: 0 4%; */
    /* flex-wrap: nowrap; */
    /* justify-content: flex-start; */
    max-width: 700px;
}

.module-welcome.style-5 .module-18 .ry-content .card:hover .anchor-wrap,
.module-welcome.style-5 .module-18 .ry-content .card .overlay .overlay-border{
    border-radius: 24px;
    opacity: 1;
}

.module-welcome.style-5 .module-18 .ry-content .card:hover .anchor-wrap a {
    /* color: white; */
}
/* Services */
	/**/
.ry-services.style2 .block-count-7, .ry-services.style2 .block-count-6, .ry-services.style2 .block-count-5, .ry-services.style2 .block-count-4, .ry-services.style2 .block-count-3 {
    display: none;
}
.ry-services.style2 .text-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ry-services.style2 .custom-headline * {
    text-align: left !important;
	color: white !important;
	    text-transform: capitalize;
}

div.ry-services.style2 span.span-1 {
    text-transform: uppercase;
}

.ry-services.style2 .button-wrapper {
    padding: 0;
	z-index: 1;
}

.ry-services.style2 .mobile-services {
    margin-top: 60px;
	    z-index: 1;
	
}

div.module-28 .ry-container {
    max-width: 1400px;
    width: 90%;
}

.ry-services.style2 .background-section {
    opacity: 1;
}

.ry-services.style2 .background-section, .ry-services.style2 .background-section img {
    height: 100%;
	object-fit: cover;
	object-position: center;
	min-height: 526px;
}
.ry-services.style2 .ry-content .content .mobile-services {
  visibility: hidden;
}

.ry-services.style2 .ry-content .content .mobile-services.slick-initialized {
  visibility: visible;
}
/* Meet the Team */
	/**/
.module-28 .ry-left, .module-28 .ry-left img {
    position: relative;
}

.module-28 .ry-left img {
    max-width: 80%;
    left: 0;
    margin: 0 auto;
}

div.module-28 .ry-container {
    max-width: 1400px;
    width: 90%;
}

.module-28 .ry-content {
    height: 100%;
}

.module-28 {
    padding-top: calc(6.6vh + 16%);
    margin-top: -16%;
	padding-bottom: calc(6.6vh + 25%);
}

.module-28 .custom-headline *, .module-28 p {
    text-align: left !important;
}

.module-28 .ry-generic-copy {
    margin: 40px 0;
}

.module-28 .ry-btn-wrapper {
    justify-content: flex-start;
}
/* Insurance */
	/**/
/* Brand */
	/**/
/* Request Appointment */
	/**/
/* Testimonials */
	/**/
.module-testimonials.option-1 {
    padding-top: 0;
    margin-top: -17%;
}
.module-testimonials.option-1 .content {
	background: url(https://s3.amazonaws.com/static.organiclead.com/Site-a1a0f6b7-022e-4459-827d-bb7a050d3f5f/Background_images/NorthwestOpto_testimonials_bg.jpg) center center no-repeat;
	background-size: cover;
    max-width: 70%;
    margin-left: 15%;
    padding: 55px 40px 55px;
    border-radius: 24px;
	z-index: 2;
}

.module-testimonials.option-1 .custom-headline * {
    color: white;
}

.module-testimonials.option-1 .testimonials-wrapper .testimonials-block {
    padding: 0;
    background: transparent;
}

.module-testimonials.option-1 .testimonials-wrapper {
    margin-top: 40px;
}

.module-testimonials.option-1 .carousel-control.left, .module-testimonials.option-1 .carousel-control.right {
    opacity: 0;
}

.module-testimonials.option-1 .carousel-indicators .active {
    background-color: white !important;
}
.module-testimonials.option-1:before {
    opacity: 0;
}


/* Footer */
	/**/
#mapCustomstyle1 {
    padding-bottom: 850px;
    width: 100%;
}
#map-wrap {
    margin-top: -20vw;
}

body.default #map-wrap {
    margin-top: 0 !important;
}


#ry-section-map {height: 39.16667vw;}
.module-44 {
    padding-top: 120px;
}

.module-44 .ry-footer-logo {
    background: white;
    padding: 20px;
    border-radius: 14px;
    max-width: 270px;
}
/*Media Queries*/
	/**/
@media (min-width: 1081px) {
    .mobile-services {
        display: block;
    }
    	.ry-services.style2 {
		padding: 100px 0;
	}
	.ry-services.style2 .ry-flex {
		display: none;
	}
	.ry-services.style2 .each-block .photo {
		position: relative;
		padding-bottom: 100%;
	}
	.ry-services.style2 .each-block .photo:before {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 150px;
		z-index: 2;
		background: linear-gradient(to bottom, #0000, var(--clr-secondary));
	}
	.ry-services.style2 .each-block .photo img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.ry-services.style2 .each-block .title {
		position: absolute;
		bottom: 25px;
		left: 50%;
		transform: translate(-50%, 0);
		z-index: 3;
		transition: .4s;
	}
	.ry-services.style2 .each-block .title div {
		font-size: 20px;
		color: #fff;
	}
	.ry-services.style2 .each-block .link, 
	.ry-services.style2 .each-block .link a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 9;
		opacity: 0;
	}
	.ry-services.style2 .each-block .button-svg {
		display: none;
	}
	.mobile-services .slick-track .each-block {
		margin-left: 25px;
		        border-radius: 24px;
        overflow: hidden;
	}
	.mobile-services .slick-list {
		margin-left: -25px;
	}
	.mobile-services .slick-dots {
		margin-top: 30px;
		padding-left: 0;
		list-style: none;
		display: flex !important;
		justify-content: center;
		align-items: center;
	}
	.mobile-services .slick-dots li {
		margin: 0 3px;
		height: auto;
		line-height: initial;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mobile-services .slick-dots li:not(.slick-active) {
		opacity: .5;
	}
	.mobile-services .slick-dots button {
		width: 12px;
		height: 12px;
		text-indent: -9999999px;
		background: #225ba9;
		border: unset;
		box-shadow: unset;
		border-radius: 50%;
	}
	.mobile-services .slick-arrow {
		display: none !important;
	}
}

@media screen and (max-width:1080px){

    .module-66 .carousel .carousel-inner .item img {
        height: 100%;
    }
        
    .module-66 .bnr-textbox {
        margin: 0 !important;
        position: relative;
        background: var(--clr-primary);
        padding: 40px;
    }
    
    .module-66 .carousel .carousel-inner .item .text-center::before {
        opacity: 0;
    }
    .module-welcome.style-5 .module-18 .ry-content {
		width: 100%;
	}
    .module-welcome.style-5 .ry-each:not(.image-wrapper) {
        max-width: 100%;
    }
    
    .module-welcome.style-5 .custom-headline h2,
    .module-welcome.style-5 .custom-headline h2 .span-1,
    .module-welcome.style-5 .ry-text *,
    .ry-services.style2 .custom-headline *,
    .module-28 .custom-headline *,
    .module-28 p{
        text-align: center !important;
    }
    
   
    .ry-services.style2 .text-wrapper {
        flex-direction: column;
        gap: 30px;
    }
    .mobile-services .slick-track .each-block {
        border-radius: 24px;
        overflow: hidden;
    }
    .ry-services.style2 .each-block .photo:before {
        background: linear-gradient(to bottom, #0000, var(--clr-secondary));
    }
    .module-testimonials.option-1 .content {
        max-width: 100%;
        margin-left: 0;
    }
}
@media screen and (max-width:1199px){
    .module-28 .custom-headline *,
    .module-28 p{
        text-align: center !important;
    }
    .module-28 .ry-btn-wrapper {
        justify-content: center;
    }
    .module-28 .ry-content {
        gap: 40px;
    }
    .module-28 .ry-left img {
        max-width: 40%;
    }
    .module-28::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 30%;
        width: 100%;
        background: linear-gradient(to top, white, transparent, transparent);
    }
    .module-28::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 30%;
        width: 100%;
        background: linear-gradient(to bottom, white, transparent, transparent);
    }
}
/* End - HP Edits*/
	
	
	
/*RESPONSIVE*/

@media (max-width: 1680px) and (min-width:1081px) {
	
div.custom-headline h2 {
		font-size: 50px !important;
	}
}
	
	
@media (max-width:1080px) {
	
    .module-66 .custom-headline h1, div.custom-headline h2 {
		font-size: 35px !important;
		line-height: 1;
	}

	 div.module-66 .custom-headline span.span-1 {
			margin-top:15px;
		}

	.custom-headline span.span-1 {
		letter-spacing: 2px !important;
		font-size: 20px !important;
		margin-bottom: 10px;
		line-height: 1.3 !important;
	}

	   div.module-welcome.style-5 .module-18 .ry-content .card .anchor-wrap a {
		font-size: 19px;
		line-height: 1.1;
	}

		div.module-welcome.style-5 .module-18 .ry-content .card {
		max-width: 150px;
	}

	div.module-welcome.style-5 .module-18 .ry-content .card-holder {
		max-width:100% !important;
		justify-content: space-around;
	}

}

@media (max-width:500px) {
    
   div.module-66 .custom-headline h1 {
    font-size: 28px !important;
		 line-height: 1.2 !important;

	}

		.module-welcome.style-5 .module-18 .ry-content .card .anchor-wrap, .module-welcome.style-5 .module-18 .ry-content .card .anchor-wrap a {
		font-size: 18px !important;
		padding-top: 0;
		position: static;
	}

	.module-welcome.style-5 .module-18 .ry-content .card-holder {
		flex-wrap: wrap !important;
		gap: 2em 0 !important;
		margin-top: 1em;
		flex-direction: column !important;
	}

	div.module-welcome.style-5 .module-18 .ry-content .card {
		width: 100% !important;
		max-width: 100%;
		float: none;
		clear: both !important;
		margin: auto;
		background-image: none !important;
		background: transparent !important;
	}

	div.module-18 .ry-content .card img {
    opacity: 1;
    visibility: visible;
    background: #225ba92e;
    border-radius: 25px;
    max-width: 170px;
    margin: 0 auto 1em;
}

	div.module-welcome.style-5 {
		padding:3em 0 1em !important;
	}

}

/*RESPONSIVE*/


/* HP Edits - Started <October 28, 2025> */

:root {
	--clr-white: #FFFFFF;
	--clr-black: #2f241e;
	--clr-primary: #225ba9;
	--clr-secondary: #6d6d6d;
	
	--font-herotitle: clamp(1.854375rem, -1.8948rem + 11.9975vw, 3.85375rem); /*77.66px*/
	--font-title: clamp(2.8125rem, 2.5781rem + 0.75vw, 3rem); /*48px*/
	--font-spantitle: clamp(1.14625rem, 0.9657rem + 0.7405vw, 1.854375rem); /*29.67px*/
	--font-subtitle: clamp(1rem, 0.8172rem + 0.585vw, 1.14625rem); /*18.34px*/
}
/**/
