/* Before adding any unnecessary CSS rules, please check out the Snap documentation at https://bit.ly/3PqSii8. */
/* Override Styles */
/*
.service-style-1 h2 {margin: 10px 0;}
.ry-menu .ry-nav li .dropdown-toggle {padding: 30px 0;}
ul#quick-links li a {display: block;width: 100%;}
#in-services-3 ul li a {margin-left: 0px;margin-top:30px}
*/
[x-cloak] { display: none !important; }
.promotions img { min-width: 22rem; max-width:22rem;}
#in-services-style-2.squares .ry-each:before, #in-services-style-2.squares .ry-each img {border-radius: 0;}
.mobile-menu-icon a{display: flex;height: 100%;width: 100%;justify-content: center;align-items: center;}
body.fancybox-active .ry-sticky-menu.fixed {z-index: 9999;}

body[data-page-name="index"] div h2, body[data-page-name="index"] div h3,body[data-page-name="index"] div h6, #ry-footer h4 {
	font-family: Tenor Sans !important;
}

.ry-btn-third{
	border-radius: 0.5rem;
}
.ry-btn-third:not(:hover) {
	background: #353535;
}
.ry-btn-third a {
    max-width: 180px;
}
.ry-btn-third:hover a {
    color: #fff;
}
.ry-btn-third:hover i.bi.bi-cart2 {
    color: white;
}
.homepage-swiper h2 {
    text-shadow: 3px 3px 5px rgb(0 0 0 / 40%);
}
.hero-sub div {
	font-size: 25px;
}
.homepage-swiper .swiper-slide img {
    object-position: center top;
}

@media (max-width: 1080px) {
	.homepage-swiper .slider-info {
		position: relative;
		top: 0;
		transform: unset;
		left: 0;
		background: var(--color-primary-background);
		padding: 2em 1em 1em;
	}
	
	div.homepage-swiper {
		padding-top: 0px;
	}
	
	.hero-title h2 {
	  font-size: 35px !important;
	  line-height: 1.2;
	}
	.homepage-swiper .swiper-slide img {
		    height: 100% !important;
	}
}

@media(max-width: 991px){
	.homepage-swiper {
		padding-top: 0;
	}
}

@media (min-width: 1081px) {
	.homepage-swiper .swiper-wrapper, .homepage-swiper .swiper-slide, .homepage-swiper .swiper-slide img {
		height: 100vh !important;
	}
	.slider-info-center-bottom {
		bottom: 4%;
	}
}

@media (min-width: 1600px) {
	.homepage-swiper .swiper-slide img {
		object-position: center 0%;
	}
}
.sticky-icons li a i {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
.sticky-icons li a i img {
    object-fit: contain;
    height: 34px;
}

#ry-pg-body :is(.navigation-3) {
    position: relative !important;
}

body[data-page-name="contact-us"] #footer-map {
	display: none;
}

.mm-navbar__title > span {
    color: #fff;
}

@media (max-width: 500px) {
	.homepage-swiper .swiper-slide img {
		margin-top: 98px;
	}
}

div#navigation-style-4 {
    max-width: 1600px;
    width: 90%;
    padding: .5em 0 !important;
}

body#ry-pg-body div#navigation {
    position: static;
}

@media (max-width: 1200px) { 
	div#navigation-style-4 {
		max-width: 90%;
	}
	.ry-menu .ry-nav {
		gap: 20px !important;
	}
	div#navigation-style-4 .cursor-pointer img {
		max-width: 200px;
	}
}

#welcome-wrap.style-1:before, .module-welcome.style-5:before, .module-welcome.style-6:before {
	background-position: center bottom;
}

.module-welcome.style-4 {
	background: #f9f9f9;
}

@media (max-width: 1080px) {
	.module-welcome.style-5 .ry-each.image-wrapper .photo {
		padding-bottom: 120%;
	}
	.module-welcome.style-5 .ry-flex {
		gap: 0;
	}
	.module-welcome.style-5 .ry-each.image-wrapper {
		max-width: 1080px;
	}
	#welcome-wrap.style-1:before, .module-welcome.style-5:before, .module-welcome.style-6:before {
		background: url(https://s3.amazonaws.com/static.organiclead.com/Site-90712a46-8578-48d2-bf0d-bf4d3f8039fe/Assets/welcome_texture_background.jpg) !important;
		background-size: cover !important;
	}
	.module-welcome.style-5 .ry-each .ry-text .ry-btn {
		margin-left: auto !important;
	}
	.module-welcome.style-5 {
		padding-bottom: 0 !important;
	}
	.module-welcome.style-5 .ry-container {
		width: 100% !important;
		max-width: 100%;
	}
	.module-welcome.style-5 .ry-each:not(.image-wrapper) {
		width: 90%;
	}
	.homepage-swiper .slider-info {
		width: 100%;
		max-width: 100%;
		padding: 50px 20px;
	}
	.homepage-swiper .slider-info * {
		text-align: center;
	}
	.homepage-swiper .swiper-pagination-bullet-active {
		background-color: #c9cedd;
	}
}

@media (min-width: 1081px) {
	.module-welcome.style-5 .ry-each.image-wrapper {
		display: none;
	}
}


.ry-services.style2::before {
    top: 0;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center top;
    opacity: 1;
}

.custom-bg .ry-section, .custom-bg .ry-services.style2 {
	background: transparent;
}

#services-7 .each-block {
    border: 6px solid #ffffff99;
}
.ry-services.style2 > .relative, .ry-services.style2 .ry-container {
    position: relative;
    z-index: 9;
}

.ry-services.style2 .each-block .photo img {
	transform: translateX(-50%);
	object-fit: contain;
}

.ry-services.style2 .ry-each .photo {
    background: radial-gradient(var(--color-secondary-background), var(--color-primary-background)) !important;
}

@media (max-width: 1080px) { 
	.ry-services.style2 .each-block .photo::before {
		background: transparent !important;
	}
	div.ry-services.style2 .each-block .photo img {
		padding: 0;
		max-width: 100px !important;
		top: -10%;
	}
	div.ry-services.style2 .each-block .title {
		bottom: 14%;
		line-height: 1.3;
		width: 100%;
		transform: initial !important;
		left: 0;
		right: 0;
		text-align: center;
		padding: 0 40px;
	}
	div.ry-services.style2 .each-block .title div {
		text-align: center;
	}
}


#ry-footer::before {
	background-position: center top;
}

#ry-footer ul {
    line-height: 2;
}
.footer-contents ul li, .footer-contents a, .footer-contents h4, .footer-contents p {
    color: #141414;
}
#ry-footer-3::after {
	display: none;
}
#ry-footer-3::before {
	opacity: 1;
}
#ry-footer-3 .footer-contents {
    background: #fff;
	border: 6px solid var(--color-primary-background);
}
#ry-footer-3 .footer-contents::before {display: none;}
div#hp-insurance-1, div#hp-brands-5 {
    background: #f9fafe;
}
@media (max-width:700px) { 
	#ry-footer-3 .footer-contents {
		max-width: 90% !important;
		width: 100% !important;
		padding: 3em 1em !important;
	}

	div#ry-footer-3 {
		padding: 0;
	}

	#ry-footer-3 .footer-contents {
		text-align: center !important;
	}
}

body[data-page-name="contact-us"] #footer-map {
	display: none;
}

body[data-page-name="contact-us"] div#ry-footer-3 {
    margin-top: 200px;
}

#ry-footer ul {
    line-height: 2;
}
.footer-contents ul li, .footer-contents a, .footer-contents h4, .footer-contents p {
    color: #141414;
}
#ry-footer-3::after {
	display: none;
}
#ry-footer-3::before {
	opacity: 1;
}
#ry-footer-3 .footer-contents {
    background: #fff;
	border: 6px solid var(--color-primary-background);
}
#ry-footer-3 .footer-contents::before {display: none;}
div#hp-insurance-1, div#hp-brands-5 {
    background: #f9fafe;
}
@media (max-width:700px) { 
	#ry-footer-3 .footer-contents {
		max-width: 90% !important;
		width: 100% !important;
		padding: 3em 1em !important;
	}

	div#ry-footer-3 {
		padding: 0;
	}

	#ry-footer-3 .footer-contents {
		text-align: center !important;
	}
}

body[data-page-name="contact-us"] #footer-map {
	display: none;
}

body[data-page-name="contact-us"] div#ry-footer-3 {
    margin-top: 200px;
}
.footer-privacy strong {
    color:rgb(185 28 28 / 1) !important;
}

@media (max-width: 1080px) {
	.hp-team-style-8 *, .module-welcome * {
		text-align: center !important;
	}
	.ry-menu .ry-nav {font-size: 14px !important;}
}
@media (max-width: 500px) {
	.snap-mobile-menu img { max-height: 75px;}
}

body[data-page-name="frames"] div#hp-brands-5 {
	background: none;
}

body[data-page-name="frames"] #hp-brands-5::before {
	display: none;
}


@media(max-width:1080px){
	.map-wrapper {
		height:500px !important
	}
	 .mt-10.flex.lg\:flex-row.justify-between.flex-col.lg\:gap-14.gap-16 {
        margin-top:0
    }
	#contents > div > .mt-10.gap-16 {
		margin-top:0
	}
}

.testimonials-swiper svg.text-gray-300 {
    fill: #fde047;
}
[data-page-id="WebPage-9e1ac6a5-8fb7-43a8-9d4c-cf082a4199c9"] .img-group {
  display: grid;
  grid-template-columns: repeat(3, 1fr); 
  gap: 1rem; 
}

[data-page-id="WebPage-9e1ac6a5-8fb7-43a8-9d4c-cf082a4199c9"] .img-group .ry-photo img {
  margin:0;
  padding:0
}

@media (max-width: 640px) {
  [data-page-id="WebPage-9e1ac6a5-8fb7-43a8-9d4c-cf082a4199c9"] .img-group {
    grid-template-columns: 1fr;;
    place-items:center
  }
}

.ry-services.style2 .ry-each .photo:after  {
   opacity:.9 !important;
   z-index:2;
	background: linear-gradient(to bottom, var(--color-secondary-background), rgba(0, 0, 0, 0.9)) !important
}
.ry-services.style2 .ry-each .each-block:hover .photo img{
   z-index:1
}

.ry-services.style2 .ry-each .each-block:hover .button-svg {
   z-index:2;
}

a.btn-excerpt {
	display: none !important;
}

.contact-template.style-2 .ry-flex .contact-details .inner-flex .ry-each.address .ry-text {
    display:flex;
    flex-direction:column;
    gap:10px
}
.contact-template.style-2 .ry-flex .contact-details .inner-flex .ry-each.address a{
	font-weight:bold !important
}

.contact-template.style-2 .ry-flex .contact-details .inner-flex .ry-each:first-child{
    align-items:start
}

.contact-template.style-2 .ry-flex .contact-details .inner-flex {
    padding:50px
}

@media (max-width: 1080px) {
    .contact-template.style-2 .ry-flex .contact-details .inner-flex .ry-each {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
    .contact-template.style-2 .ry-flex .contact-details .inner-flex .ry-each {
        align-items:center !important;
        justify-content:center
    }
}

/** About page **/
.about-swiper {
    position: relative;
    width: 100%;
	overflow: hidden;
	padding-bottom: 20px;
}

.about-swiper img {
	position: relative;
	border-radius: 30px;
}

.about-swiper .swiper-button-next, .about-swiper .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 4%;
}
.about-swiper .swiper-button-next {
    left: unset;
    right: 4%;
}

/*WELCOME SECTION*/
 .module-welcome.style-5::before {
    background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-90712a46-8578-48d2-bf0d-bf4d3f8039fe/Assets/welcome_bg_V3.jpg);;
     background-size:100;
     background-repeat:no-repeat;
}

.module-welcome.style-5::before {
   background-position:left
}



@media (min-width:1281px) and (max-width: 1500px) {
    .module-welcome.style-5 .ry-each:not(.image-wrapper) {
        max-width: 40%;
        width:100%;
        padding-right: 0px;
        display:flex;
        align-items:center;
        justify-content:end
    }

    .module-welcome.style-5 .text-wrapper {
        max-width:100%
    }
    
    .module-welcome.style-5::before {
        background-position:12%
    }
        .module-welcome.style-5 .ry-each.image-wrapper {
            display: block;
            opacity:0;
            max-width:60%
    }
}

@media (min-width:1081px) and (max-width: 1280px) {
    .module-welcome.style-5 .ry-flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .module-welcome.style-5 .text-wrapper * {
        text-align:center
    }
    .module-welcome.style-5 .ry-each:not(.image-wrapper) {
        max-width: 100%;
        padding-right: 0;
        padding-bottom: 30px;
        justify-content: center;
    }

    .module-welcome.style-5 .ry-each.image-wrapper .photo, .module-welcome.style-5 .ry-each.image-wrapper .photo img  {
		position:relative;
		height:100vw;
		width:100%;
		object-fit:cover;
		object-position:center top;;
		margin-top:-150px
	}
	.module-welcome.style-5 .ry-flex {
		gap: 0;
	}
	.module-welcome.style-5 .ry-each.image-wrapper {
		max-width: unset;
        width:100%;
	}
	#welcome-wrap.style-1:before, .module-welcome.style-5:before, .module-welcome.style-6:before {
		background: url(https://s3.amazonaws.com/static.organiclead.com/Site-90712a46-8578-48d2-bf0d-bf4d3f8039fe/Assets/welcome_texture_background.jpg) !important;
		background-size: cover !important;
	}
	.module-welcome.style-5 .ry-each .ry-text .ry-btn {
		margin-left: auto !important;
	}
	.module-welcome.style-5 {
		padding-bottom: 0 !important;
	}
	.module-welcome.style-5 .ry-container {
		width: 100% !important;
		max-width: 100%;
	}

	    .module-welcome.style-5 .ry-each.image-wrapper .photo {
        padding-bottom: 0%;
    }
    .module-welcome.style-5 .ry-each.image-wrapper {
        display: block;
    }
}