/* 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;
}
#in-services-style-2.squares .ry-each:before, #in-services-style-2.squares .ry-each img {border-radius: 0;}
.testimonials-swiper p,
.testimonials-swiper-2 p{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4
}

div#ui-datepicker-div {
    background: #eee;
    padding: 1em;
}

.app-page-btn button {
     margin: 0 !important;
}

.ui-datepicker-title {
    margin: 0;
    font-weight: 600;
    width: 100%;
    position: absolute;
    top: 45px;
    left: 19px;
}

a#page-btn {
    text-decoration: none;
    min-width: auto !important;
    max-width: 200px;
    margin: 2em auto 0 !important;
    width: 100% !important;
}

.directions-map {
    margin-top: 2em;
}

div#ui-datepicker-div th {
    padding: 10px;
}

.ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    display: flex;
    justify-content: space-between;
}

a.ui-datepicker-prev.ui-corner-all {
    width: -webkit-fill-available;
}


table.ui-datepicker-calendar {
    margin-top: 2em;
}

input#Date {
    position: relative;
}

div#pg-heading h2 {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
}

div#pg-heading {
    width: 100% !important;
    max-width: 100% !important;
}

div#ry-sidebar div#accordion-collapse {
    background: #000;
}

div.page-spacing h2 {
    margin: 0 0 10px 0 !important;
}

div#ry-sidebar div#accordion-collapse a,
div#ry-sidebar div#accordion-collapse span {
    color: #fff;
    text-decoration: none;
}


div#ry-sidebar div#accordion-collapse a:hover,
div#ry-sidebar div#accordion-collapse span:hover {
    color:var(--color-secondary-background);
}


.mm-panel, .mm-navbar :not(.mm-menu--theme-dark),
.mm-navbar {
    background: #000 !important;
}


.mm-btn--close:before {
    color: #fff  !important; 
}

.mobile-dropdown:hover .mobile-dropdown-menu {
  display: block;
  width: 12rem;
  
}

.mobile-dropdown a {
    background: var(--color-secondary-background);
    color: #000;
    font-weight: 500;
}

div.snap-mobile-menu .flex.items-center.gap-6 {
    width: 100%;
    justify-content: space-between;
    flex-direction: row-reverse;
    margin: auto;
    gap: 0;
    align-items: center;
    padding: 1em;
}

.snap-mobile-menu img {
    max-height: max-content;
    max-width: 130px;
}

.mobile-dropdown a:hover {
    background: var(--color-primary-background);
		color:#fff !important;
}


.snap-mobile-menu .flex.gap-4 {
    width: 100%;
    justify-content: center;
    background: #40514b;
    padding: 10px 0;
    gap: 0 2em !important;
}

.snap-mobile-menu .mobile-menu-icon svg {
    fill: #d9ea6a;
}

div#section-hp-team img {
    border:none !important;
}

div#pg-hours {
    margin-top: 3em;
}

div#pg-hours .pg-heading h2 {
    margin-bottom: 0 !important;
}

div#pg-hours ul {
    padding: 0;
    margin: 0;
}

div#pg-hours ul li span {
    font-weight: 500 !important;
    font-size: 17px !important;
}

body#ry-pg-body div#navigation .cta-btn {
    border: 1px solid #fff;
}

.contact-template.style-2 .ry-flex .contact-details .inner-flex
.custom-headline h2 .span-1 {
    font-weight: 500 !important;
    letter-spacing: 3px !important;
}

div#hf-btn-wrap {
    max-width: 600px;
    margin: 1em auto 0;
}

div#cta-info-block {
    width: 100%;
    height: 100%;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

div#cta-block-heading {
    background-color: transparent !important;
}

div#cta-info-block  .info-text {
    max-width: 80%;
    display: none;
}

div#cta-info-block:hover {
    background: #e2f76d;
}

div#cta-info-block:hover h4 {
    color: #000;
}


div#cta-info-block:hover .info-text {
    display: block;
}


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

/**/
	/*fonts*/

	/*btns*/
.ry-btn-secondary {
    color: var(--color-primary-background);
}
.ry-btn-primary:hover {
    color: var(--color-primary-background) !important;
}


/*Modal*/


.modal-container {
    max-width: 900px;
    width: 90%;
}

button#closeModalBtn {
    font-size: 35px;
    font-weight: normal;
    position: absolute;
    top: -8px;
}

.modal-container h2 {
    font-size: 25px;
    color: #333;
    font-weight: 500;
}

a#openModalBtn {
    height: 70px;
    background: rgb(0 0 0 / 58%);
    border-radius: 5px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    flex-direction: row;
    gap: 0 10px;
}

.header-app {
    margin-top: -9px;
}

/*END Modal*/


/* Header */
	/**/

/* Header */
	/**/

.ry-menu .ry-nav li.dropdown .dropdown-menu li a {
    height:auto;
}

div#navigation .cta-btn {
    margin-top: -14px;
    height: auto;
    padding: 14px 10px;
}

.ry-btn.ry-btn-secondary.mb-2.inline-flex.w-full.\!max-w-\[300px\].items-center.justify-center.px-3.py-3\.5.uppercase.hover\:text-secondary-background.focus\:text-secondary-background.focus\:outline-none.focus\:ring-1.focus\:ring-secondary-background {}

div#header-phone {
    padding: 20px 10px;
    border-radius: 5px !important;
    cursor: pointer;
    margin: 0;
}

div#header-btns {
    width: 100%;
    justify-content: flex-end;
    align-items: center;
}

div#header-btns .w-1\/4 {
    width: 100%;
    align-items: center;
    display: flex;
    max-width: 600px;
    
}


.ry-menu .ry-nav li.dropdown .dropdown-menu li {
    padding:8px 20px;
}

.ry-menu .ry-nav li.dropdown .dropdown-menu li.active a {
    color: #000 !important;
}

body[data-page-name="index"] #navigation {
    background: transparent;
    position: absolute;
    box-shadow: none;
}
#navigation {
    z-index: 300;
}

.modal-container button {
    font-size: 35px;
    color: #000;
    top: -3px;
}

@media (min-width:1025px) {
	
	.header-app button {
		background: #000;
		height: 66px;
		border-radius: 8px;
		width: 100%;
		color: #fff;
		border: 1px solid hsl(0deg 0% 100% / 40%);
		text-transform: uppercase;
		font-weight: 500;
	}

	.header-app button:hover {
		background: #e2f76d !important;
		color: #000;
	}

	.header-app button i {
		margin-right: 10px;
	}
}

.cta-btn {
    width: 350px;
    border-radius: 9px;
}
.cta-btn:first-child {
    color: var(--color-primary-background);
}
.cta-btn:first-child:hover {
    color: var(--color-secondary-background);
}
.cta-btn:last-child {
    background-color: var(--color-primary-background);
}
.cta-btn:last-child:hover {
    background-color: transparent;
    color: var(--color-primary-text);
    border-color: var(--color-primary-text);
}
/* Hero */
	/**/

#the-video {
    max-height: 100%;
    height: 100%;
}

#ry-video-slider {
    max-height: 80vh;
    height: 80vh;
    object-fit: cover;
}

.homepage-video-slider {
    max-height: 100vh;
    overflow: hidden;
}

.homepage-video-slider::before {
    opacity: 0;
}

.slider-info {
    min-height: fit-content;
}


/* Welcome */

.module-welcome.style-5 .ry-container {
    width: 90%;
    max-width: 1600px;
}

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

.module-welcome.style-5 .text-wrapper {
    max-width: 100%;
}
.module-welcome.style-5 {
    padding: 16.6vh 0;
    background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/backgrounds/GC_welcome_bg.jpg);
    background-size: cover;
    position: relative;
    background-position: center;
}

img#astronaut1 {
    position: absolute;
    top: 34%;
    max-width: 516px;
    left: 6%;
    margin: auto;
}

div#welcome-wrap {
    position: relative;
}

.module-welcome.style-5:before {
    background-image: url(https://s3.amazonaws.com/static.organiclead.com/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/backgrounds/GC_welcome_bg.jpg);
}

body#page .module-welcome.style-5 .icon {
    border: none;
    border-radius: 100%;
    width: -webkit-fill-available;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100px;
    background: var(--color-secondary-background);
    margin-right: 15px;
}

body#page .module-welcome.style-5 .icon img {
    height: 50px;
    object-fit: contain;
}



@media (max-width:1024px) {
   body#page .module-welcome.style-5 .icon {
    margin: 0 auto;
}

body#page div.module-welcome.style-5 .icon img {
    height: 50px !important;
    margin-bottom: 0 !important;
}
}



/* End Welcome */







/* HP TECHNOLOGIES */

.hp-tech-slider .serv-info h4 {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 500;
    margin: 15px 0 10px;
}

.hp-tech-slider .serv-info p, .hp-tech-slider .serv-info h4 {
    text-align: center;
}

.hp-tech-slider {
    margin: 3em 0 0;
    padding: 0 !important;
}

div#section-hp-technologies {
    position: relative;
}

@media (max-width:1199px) {
	
    .hp-tech-slider .photo img {
		width: 100%;
	}

	.hp-tech-slider .swiper-pagination {
		bottom: initial !important;
		transform: none !important;
		margin-top: 4em;
	}
}

@media (max-width:1024px) {
	
	div#section-hp-technologies {
		padding-bottom: 10em;
	}
}

/* END HP TECHNOLOGIES */




/* Meet the Team */

.homepage-team-swiper-2:before {
    opacity: 0;
}

#section-hp-team .swiper-pagination-bullet {
    background: black;
}
#section-hp-team:before {
    border-top-left-radius: 136px;
}

div.module-welcome p {
    font-weight: 500;
}

body#page p {
    font-weight: 500;
}

body#page p {
    font-weight: 500;
}


/* Insurance */
	/**/
/* Brand */
	/**/
/* Request Appointment */
	/**/
/* Testimonials */
	/**/
.module-testimonials.style-2 .p-4.rounded-b-xl:last-child {
    padding: 0;
}
.module-testimonials.style-2::before {
    opacity: 0;
}
.module-testimonials.style-2 .swiper-pagination-bullet {
    background: var(--color-secondary-background);
}
.module-testimonials.style-2 svg {
    color: rgb(226 247 108);
}

div#bio-image {
    padding-bottom: 0;
}

div#bio-image img {
    position: static;
    max-width: 220px;
    margin: auto;
}

iframe.map-iframe {
    height: 250px;
    max-width: 500px;
}


/* Footer */

div.footer-items {
    display: flex;
    justify-content: space-between;
    z-index: 300;
    flex-wrap:wrap;
}

div#ry-footer-3 {
    background: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/footer_bg.jpg);
    background-size: cover;
    padding: 10em 0 3em;
}

div#ry-footer-3 h4 {
    font-size: 30px;
    text-transform: initial !important;
}

div#ry-footer-3 .ry-each a {
    color: #fff;
    font-size: 18px;
}

.footer-links ul li {
    line-height: 1.8;
}

.footer-links ul {
    column-count: 2;
}

div#quicklinks {
    width: 40%;
}

div#ry-footer-3 .ry-container {
    max-width: 1400px;
    z-index: 300;
    width: 90%;
}

div.footer-items .ry-btn.ry-btn-primary {
    background: transparent !important;
    border: 1px solid #d5528e;
}

div.footer-items .ry-btn.ry-btn-primary:hover {
    background: #000 !important;
    color: #fff !important;
    border: 1px solid transparent;
}

.footer-copyright {
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding-top: 7em;
}

.footer-copyright a, .footer-copyright {
    color: #fff;
    font-weight: 400 !important;
}

div#ry-footer-3 .ry-each a:hover, .footer-copyright a:hover {
    color: #e2f76d;
}

div#quicklinks i {
    color: #000;
}

div#footer-social a:hover {
    background: #000;
    border-radius: 100%;
}

div#footer-social a:hover i {
    color: #fff;
}

div.footer-items .ry-each .group {
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    position: relative;
}

div#ftr-loc2 .group i {
    background: #6cbfe4 !important;
}

div#ftr-loc2 .loc-info-page i {
    color: #6cbfe4;
}

.loc-info-page i {
    color: #d5528e;
}


div#ftr-loc2 .ry-btn.ry-btn-primary {
    border: 1px solid #6cbfe4;
}

div#ftr-loc2 a.google-link {
    color: #6cbfe4 !important;
}


div.footer-items .ry-each .group i {
    position: absolute;
    left: -5px;
    color: #fff;
    top: -5px;
	background: #d5528e !important;
}

div.footer-items .ry-each .group a {
    position: relative;
    left: 3.2em;
}

div.footer-items .ry-each .group:hover i {
    color: #fff !important;
}

.footer-app-btn {
    margin-top: 2em !important;
}

div.footer-items .loc-info-page h4 {
    color: #fff;
    font-size: 20px !important;
}

div.footer-items .loc-info-page li {
    color: #fff;
    line-height: 1.8;
}

div.footer-items .loc-info-page ul {
    margin-top: 1em;
}



a.google-link {
    color: #d5528e !important;
    text-transform: uppercase;
    font-size: 14px !important;
    text-decoration: underline;
    text-underline-offset: 5px;
    margin-left: 17px;
    margin-top: -10px;
    margin-bottom: 15px;
}

a.google-link:after {
    content: '>>';
    font-size: 10px;
    margin-left: 4px;
    position: absolute;
    top: 3px;
}

@media (max-width:1024px) {
	   div#quicklinks {
		width:100%;
	} 
	
	div.footer-items .loc-info-page {
		margin-bottom: 3em !important;
	}
	
	div#ry-sidebar .rounded-lg.shadow {
		display: none !important;
	}

	div#footer-social {
		margin-bottom: 2em;
	}

	   div#ry-footer-3 h4 {
	   text-align: left !important;
		   font-size:21px !important;
	} 

    div#ry-footer-3 {
        padding 4em 0 !important;
        padding: 4em 0;
        background: var(--color-primary-background);
    }

    div.footer-items .ry-each .justify-center {
		justify-content: flex-start !important;
	}

		div.footer-items .ry-each {
		width: 100%;
	}

	div.footer-items {
		justify-content: flex-start;
	}


	div#ry-footer-3 i {
		min-width: 35px !important;
		width: 35px !important;
		height: 35px !important;
	}


	div.footer-items .ry-btn.ry-btn-primary {
		margin: 0;
	}

	.footer-copyright {
		padding-top: 0;
	}


	div.footer-items .ry-btn.ry-btn-primary {
		margin: 0;
	}

	.footer-copyright {
		padding-top: 0;
		flex-direction: column;
	}

	.footer-copyright p, .footer-copyright {
		text-align: left !important;
		line-height: 29px;
		justify-content: flex-start !important;
		align-items: flex-start !important;
		display: block;
		font-size: 15px;
	}

	.footer-copyright img {
		height: auto;
		max-width: 100px;
		margin: 15px 0 0;
	}
	
	
	
	.snap-mobile-menu {
		flex-direction: column-reverse;
		height: auto;
		width: 100%;
		max-width: 100%;
		padding: 0;
	}

}


@media (max-width:991px) {
	
		div.footer-items .ry-each .group a {
		left: 2.5em !important;
	}

}



@media (max-width:500px) {
	.footer-links ul {
		column-count: 1 !important;
	}
	
	div#ry-footer-3 .ry-each a:not(a.google-link) a {
        color: #fff !important;
        font-size: 18px !important;
        left: 48px;
    }
	
	div.footer-items .ry-each .group i {
		top: 0 !important;
	}
	
}


/* FOOTER*/



	/**/
/*Media Queries*/
	/**/


@media (min-width:769px) {
	
	ul.footer-hours span.font-semibold.md\:font-normal {
		width: 120px;
	}

	ul.footer-hours {
		max-width:280px
	}
}

@media (min-width: 768px) {
    .slider-info-center-bottom {
        bottom: 2%;
    }
}

@media (min-width: 768px) {
    .slider-info-center-bottom {
        bottom: 2%;
    }
}

@media screen and (max-width:1080px) {
	
    .module-welcome.style-5 {
        padding: 6.6vh 0;
     }
    .module-welcome.style-5 .ry-each.image-wrapper {
		max-width: 300px !important;
		margin-bottom: 2em;
    }

	.module-welcome.style-5 img#astronaut1 {
    max-width: 280px !important;
		position: static;
		margin-top: -15em;
		z-index: 1;
	}

    .module-welcome.style-5 .ry-each.image-wrapper .photo {
        padding-top: 0;
        padding-bottom: 0;
        z-index: -1;
    }
    
    .module-welcome.style-5 .ry-each:not(.image-wrapper) {
        max-width: 100%;
    }
    
    .module-welcome.style-5 .ry-container {
        width: 90%;
    }
}

@media (width < 1080px) {
    .module-welcome.style-5:before {
        opacity: 1;
    }
}
@media screen and (max-width:1024px){
    .custom-hp-promotions {
        border-radius: 0;
    }
    #section-hp-team .swiper-wrapper {
        margin-left: 0;
        margin-right: 0;
    }
}
@media (max-width:767px) {
    .homepage-video-slider::before {
        opacity: 0;
    }
	
    .homepage-swiper .swiper-slide img, .homepage-swiper {
        object-position: 50% 4em;
        height: 400px !important;
    }

	.homepage-swiper {
	   height:auto !important; 
	 
	}

	
	.homepage-video-slider a.ry-btn:hover {
		border: 1px solid #fff;
	}
	
	
	.homepage-video-slider::before {
		display: none !important;
	}
    .slider-info {
        background-color: var(--color-primary-background);
    }
	
	div.price-list th, div.price-list td {
		font-size: 15px !important;
		line-height: 1.1 !important;
		padding: 8px !important;
	}
	
	div#hp-brands-3 {
		padding: 3em 0 !important;
	}
	
    body div.team-gallery-block:after {
        width: 250px;
        height: 250px;
        right: 0;
        top: 75%;
        left: 0;
        margin: auto;
    }

	body div#section-hp-team {
		padding: 3em 0 !important;
	}

	body div#hp-brands-3 {
		padding: 3em 0 !important;
	}

	body div#section-hp-team .bg-team-box {
		width: 90% !important;
		padding-bottom: 20em !important;
	}
	
	div#ServicepagenModal, div#locationModal, div#EastHillModal, div#SetonModal {
		transform: scale(0.8);
        overflow: scroll;
        background: #ffffff !important;
        top: 0;
        z-index: 99999;
	}
	
	

}


@media (max-width:700px) {
	
	div.price-list {
		margin-top: 1.5em;
	}
}



/* End - HP Edits*/


.pg-heading h2, .pg-heading h3, .pg-heading h4 {
    margin:0 0 20px 0 !important;
}


ul li::marker {
    list-style: disc !important;
    color: #000 !important;
}


body#ry-pg-body  .min-h-full .col-xs-12.top-0.absolute.w-full {
    position: static !important;
}

div.page-spacing a {
    color: #84c044;
    font-weight: 600 !important;
}


div#contents p {
    font-weight: 500 !important;
    line-height: 1.8;
	    font-size: 20px;
	color: var(--color-primary-background);
}

.ry-photo.right {
    width: 35%;
    margin: 0 0 40px 40px;
	float:right;
}

.ry-photo img {
    margin: 0;
    border-radius: 30px;
	    width: 100%;
}

div.page-spacing {
    padding-bottom: 1em;
}

div.page-spacing ul li, div.page-spacing ul li p {
    margin: 0 0px 10px 10px;
    line-height: 38px;
}

div.page-spacing li:before {
    content: '\F138';
    font-size: 14px;
    position: absolute;
    top: 1px;
    color: #000;
    left: -35px;
    font-weight: bold;
    background: #e2f76d;
    width: 35px;
    height: 35px;
    justify-items: center;
    text-align: center;
     0; */
    display: inline-block;
    font-family: 'bootstrap-icons';
    fill: #e2f76d;
}

div.page-spacing li {
    list-style: none;
     position: relative;
}


div.price-list .table-container {
    overflow-x: auto;
}

div.price-list table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

div.price-list th, div.price-list td {
    border: 1px solid #ccc;
    padding: 8px 12px;
    text-align: left;
    font-weight: 500;
    color: #000;
    font-size: 18px;
    font-style: normal;
}

div.price-list th {
    background-color: var(--color-secondary-background);
}

div.price-list-block {
    margin-bottom: 0;
}

.price-list >div {
    font-size: 16px !important;
    font-style: italic;
}

a#pg-btn {
    text-decoration: none;
    padding: 15px 25px;
    margin: 1em 0;
    display: block;
}


div#btn-flex {
    max-width: 360px;
    margin: auto;
    float: none;
    justify-content: center;
}



@media (max-width:500px) {
    div#btn-flex {
		flex-direction: column;
		gap: 1em;
		margin-top: 2em;
	}

		a#team-btn {
		margin: 0 auto;
	}
	
	div#hf-btn-wrap a.ry-btn {
		width: 100%;
		text-align: center;
		max-width: 200px;
		min-width: 200px;
		justify-content: center;
	}
	
	div#hf-btn-wrap {
		flex-direction: column !important;
	}
}

@media (max-width:1024px) {
	
	div#welcome-icon-flex >div {
		flex-direction: column;
	}
	
	a#openModalBtn {
		width: 100%;
		background: #e2f76d;
		height: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #000;
		border-radius: 100%;
	}

	a#openModalBtn i {
		pointer-events: none;
	}
	
	
	div#ry-footer-3 a.ry-btn.ry-btn-primary {
		margin: auto !important;
	}
	
	div.footer-contents {
		padding: 3em 1em !important;
	}

	div.footer-contents a {
		text-align: center !important;
	}

	div#welcome-icon-flex .card.flex {
		width: 100%;
	}

	div#welcome-icon-flex {
		display: flex;
		flex-direction: column;
		gap: 3em 0;
		max-width: 500px;
		margin: auto;
	}
	
	.custom-headline h2 {
		font-size: 35px !important;
	}

	.custom-headline h2 .span-1 {
		font-weight: 500 !important;
		letter-spacing: 0 !important;
		font-size: 20px !important;
		letter-spacing: 2px !important;
	}
	
	div#section-hp-technologies p, div#section-hp-services p,
	div#welcome-wrap p, div#section-hp-team p {
		font-size: 20px;
		text-align: center;
		line-height:1.5 !important;
	}

	 div#section-hp-team p {
		 line-height:1.5 !important;
		 overflow: hidden;
	  display: -webkit-box;
	  -webkit-line-clamp: 6;
	  line-clamp: 6;
	  -webkit-box-orient: vertical
	}
	
	
	div#section-hp-services img {
		height: auto !important;
	}
	
	#ry-video-slider {
	    margin-top: 139px !important;
		height: auto !important;
	}
	
	.homepage-video-slider.custom-banner {
		max-height: fit-content !important;
	}


	div#welcome-icon-flex img {
		height: auto;
		width: 100%;
		margin-bottom: 1em;
	}
	
	div.custom-hp-promotions {
		border-radius: 0 !important;
	}
	
	.custom-hp-promotions .card.flex {
		flex-direction: column;
		width: 45% !important;
	}
	
	div#section-hp-team .bg-team-box {
		margin-top: 0 !important;
		padding: 2em 1.5em !important;
	}

	#section-hp-team:before {
		border-top-left-radius: 0;
	}

	.module-testimonials {
		padding: 4em 1em !important;
	}

	.module-testimonials .p-20 {
		padding: 0 0 5em 0 !important;
	}
	
	div#ry-footer-3  iframe.map-iframe {
		margin: 1em auto 0;
	}
}



@media (max-width:991px) {
    .ry-photo img {
		margin:1em auto 0 !important;
		float:none;
	}
	
	div.ry-photo.right {
        width: 100% !important;
        margin: 0 0 40px 0 !important;
    }

	div.page-spacing .ry-photo img {
		max-width:400px !important;
	}
	
	.modal-container h2 {
		font-size: 22px !important;
	}

	div.modal-container {
		top: 0;
	}
}



@media (max-width: 700px) {
	
    div.price-list table {
        display:contents !important;
    }

    .price-list >div {
    	font-size: 14px !important;

	}
}





@media (max-width:380px) {
    div.modal-container {
		 max-width: 400px;
        top: 22% !important;
	}


	div.modal-container h2 {
		font-size:18px !important;
		font-weight: 600;
	}
}


.modal-container textarea#Message {
    height: 100px;
}




/*PHOTO GALLERY*/

div.team-gallery-block:before {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/hp_team_bg.jpg);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    content: '';
    background-size: cover;
    background-attachment: fixed;
}

div.team-gallery-block {
    position: relative;
}

.office-tour img {
    margin:0;
}

div.team-gallery-block div#hp-brands-3 h3 {
    color: #fff !important;
    text-transform: initial !important;
}


div.team-gallery-block .ry-section {
    background: transparent;
}

div.team-gallery-block div#hp-brands-3 span.swiper-pagination-bullet {
    background: #fff;
    opacity: 1;
    width: 15px !important;
    height: 15px !important;
}

div.team-gallery-block div#hp-brands-3 .swiper-pagination-bullet-active {
    background: var(--color-secondary-background) !important;
    border-radius: 100%;
}

div.team-gallery-block div#hp-brands-3 .max-w-7xl, div#section-hp-team .max-w-7xl {
    max-width: 1600px;
    width: 80%;
}

div.team-gallery-block .brands-swiper-3 {
    padding: 0 0 7em 0 !important;
}

div.team-gallery-block:after {
    background-image: url(//www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/hp_astronaut_img2.png);
    content: '';
    position: absolute;
    width: 480px;
    height: 480px;
    right: 0;
    top: 30%;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 540px;
    pointer-events: none;
}

@media (max-width:1600px) {
	
	div.team-gallery-block:after {
		width: 420px;
		height: 420px;
		right:2%;
		top:50%;
	}
}

@media (max-width:1200px) and (min-width:768px) {
    div.team-gallery-block:after {
		display: none !important;
	}
}


/*PHOTO GALLERY*/


a#pg-serv-btn {
    padding: 15px 35px;
    text-decoration: none;
    color: #fff;
    margin: 1em auto 0;
    float: none;
    display: block;
}


div.services-block .ry-container {
    overflow: hidden;
    width: 90%;
    max-width: 1400px !important;
}

div#location-page div.page-spacing:nth-child(1) {
    padding-bottom: 5em;
}


div#location-page div.page-spacing img {
    border-radius: 20px;
    margin: 0 !important;

}

.services-slider .serv-info {
    height: 280px;
    padding: 2em;
    background:#eee;
}

.services-slider .swiper-slide h4 {
    margin-top:0 !important;
	text-align:center;
}

.services-slider .swiper-slide p {
	text-align:center;
}

.services-slider .swiper-slide img {
    margin:0;
    border-radius:0 !important;
	max-width:100% !important;
}

.services-slider {
    margin-top:1em;
	position: relative;
}

div.list-with-icon ul {
    column-count: 2;
    padding:0;
}


div.list-with-icon ul li {
    list-style:none;
    padding-left: 5em;
    margin-bottom:2em;
    position:relative;
    border-bottom: 1px solid rgb(102 102 102 / 16%);
    padding-bottom: 2em;
}


div#contents div.list-with-icon ul li p {
    line-height: 1.3;
    font-size:20px;
    font-weight:600 !important;
}


div#contents div.list-with-icon ul li:before {
    width: 50px;
    height: 50px;
    background:url(https://www.royacdn.com/unsafe/150x0/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/images/GD_welcome_img.png);
    position:absolute;
    content:'';
    background-size:contain;
    background-repeat:no-repeat;
    left: 0;
}


div.list-with-icon {
    margin-top: 3em;
}

div#dio-bio .ry-photo.right {
    width: 20%;
    margin: 0 0 20px 30px;
}


div#dio-bio {
    padding-bottom: 3em;
}

div#dio-bio h4 {
    font-weight: 600 !important;
    font-size: 25px;
}




@media (max-width:991px) {
   div#location-page div.page-spacing {
		padding-bottom: 1em !important;
	}


	div#location-page div.page-spacing img {
		border-radius: 20px;
		margin: 0 auto 0 !important;
		max-width: 350px;
	}
}

@media (max-width:767px) {
	div.list-with-icon ul {
		column-count: 1  !important;
	}
	
	div#dio-bio h4, div#dio-bio p {
		text-align:center

	}
	
	div#team-bio-block .text-lg, div#about-page h2 {
		text-align: center !important;
	}
	
    div#dio-bio .ry-photo.right {
		margin-bottom: 15px !important;
	}
}

a.header-openModalBtn {
    height: 70px;
    background: rgb(0 0 0 / 58%);
    border-radius: 5px;
    border: none;
    color: #fff;
    text-transform: uppercase;
    flex-direction: row;
    gap: 0 10px;
}

.grecaptcha-badge {
    z-index: 999;
    bottom: 4em !important;
}

div#team-bio-block p {
    text-align: center !important;
}


.about-why-choose-section .module-welcome.style-5 {
    padding: 0;
    background-image: none !important;
}

.about-why-choose-section .module-welcome.style-5:before {
    display: none;
}

.about-why-choose-section img#astronaut1 {
    display: none;
}

.about-why-choose-section .module-welcome.style-5 .ry-content >div {
    flex-direction: column;
}

.about-why-choose-section .module-welcome.style-5 .ry-each.image-wrapper {
    display: none;
}

.about-why-choose-section .module-welcome.style-5 .ry-each:not(.image-wrapper) {
    width: 100% !important;
}

.about-why-choose-section .module-welcome.style-5 .ry-container {
    width: 100%;
    margin-bottom: 5em !important;
}

.about-why-choose-section .module-welcome.style-5 .icon {
    border: none;
    border-radius: 100%;
    width: -webkit-fill-available;
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 120px;
    background: var(--color-secondary-background);
    margin-right:15px;
}

.about-why-choose-section .module-welcome.style-5 .icon img {
    margin: 0 auto 0;
    width: 100%;
    max-width: 50px;
    height: auto;
    
}

div.about-why-choose-section  .module-welcome.style-5 .custom-headline h2 {
    margin: 0 0 20px 0 !important;
    font-size: 1.875rem;
    line-height: 2.25rem !important;
}

div.about-why-choose-section  .module-welcome.style-5 .custom-headline h2 {
		margin: 0 0 20px 0 !important;
		font-size: 1.875rem;
		line-height: 2.25rem !important;
}


div.about-why-choose-section {
    margin-top: 5em;
}

@media (max-width:1024px) {
		
	div.about-why-choose-section {
		margin-top: 5em;
	}

	.about-why-choose-section .module-welcome.style-5 .icon {
		margin-right: 0 !important;
	}

	div.about-why-choose-section div#welcome-icon-flex {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between !important;
		max-width: 100% !important;
	}

	div.about-why-choose-section div#welcome-icon-flex .card.flex {
		width: 45%;
	}
}


@media (max-width:500px) {
    div.about-why-choose-section div#welcome-icon-flex .card.flex {
		width: 100% !important;
	}
	
	 div.values-section .ry-flex {
        flex-direction: column !important;
    }

    body div.values-section .ry-each  {
        width: 100% !important;
    }
	
	div.bottom-cta .btn-wrap >div  {
        flex-direction:column;
        gap: 1em 0;
        margin-top: 2em;
    }
	
	 div.bottom-cta .btn-wrap >div {
        flex-direction:column !important;
		 gap:1em 0 !important;
    }

}


div.values-section .ry-each {
    padding: 1em;
    background: #eee;
    border-radius: 10px;
    width:22%;
}

div.values-section .ry-flex {
    gap: 2em;
    margin: 2em 0 3em;
    flex-wrap:wrap;
}

/*div.about-why-choose-section .custom-headline h2, .custom-headline + div p{
    text-align: center !important;
}*/



@media (max-width:1199px) {
    div.values-section .ry-each {
        width: 47% !important;
    }
}


div.bottom-cta .btn-wrap >div {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 800px;
    margin: 2em auto 0;
    gap: 0 2em;
}


div.bottom-cta .btn-wrap >div .ry-btn {
    margin: auto;
    text-decoration: none;
    min-width: auto !important;
    max-width: 280px;
    margin: 0 !important;
    width: 100% !important;
}

div.bottom-cta {
    background: url(https://static.royacdn.com/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/Banners/ib_img.jpg);
    padding: 8em 1em;
    background-size: cover;
    background-position: center;
}

div.bottom-cta .pg-heading h2 {
    font-size: 45px;
    font-weight: 600 !important;
    margin-bottom: 10px !important;
    line-height: normal;
}

div.bottom-cta .pg-heading p {
    font-weight: 500 !important;
    font-size: 20px !important;
    color: #000 !important;
    margin: 0 !important;
}

body[data-page-name="east-hills-location"] div#global-bottom-cta,
body[data-page-name="seton-location"] div#global-bottom-cta {
    display: none !important;
}

div.location-bottom-info .ry-container {
    max-width: 100% !important;
}

div.location-bottom-info .ry-each {
    width: 50%;
    padding: 3em;
    display: flex;
    justify-content: center;
}

div.location-bottom-info div#infoaddress {
    background: rgb(210 230 166 / 41%);
}

div.location-bottom-info div#infohours {
    background: #eee;
}


.loc-info-page i {
    margin-right: 15px;
}

.loc-info-page {
    font-weight: 500;
    font-size: 18px;
}

img#section-image {
    margin: 0 2em 0 0;
    max-width: 35%;
    width: 100%;
    height: auto;
    object-fit: contain;
}

.loc-info-page {
    text-align: center;
}


div#infoaddress .loc-info-page i {
    background: var(--color-secondary-background);
    max-width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 0 auto 10px;
}

.loc-info-page li {
    list-style: none;
}

.loc-info-page li  span {
    width: 120px;
    display: inline-block;
}

.loc-info-page li {
    text-align: left !important;
}

@media (max-width:1199px){
    div.location-bottom-info .ry-flex {
		flex-direction: column;
	}
	
	img#section-image {
		max-width: 20% !important;
	}

	div.location-bottom-info .ry-flex .ry-each {
		width: 100% !important;
	}


	div#infoaddress {
		padding-top: 1em !important;
	}
}

@media (max-width:991px) {
    div.bottom-cta .pg-heading h2 {
        font-size:30px !important;
    }

    div.bottom-cta {
    padding: 4em 1em !important;
    }
  
}


@media (max-width:767px) {
	div#infohours {
		flex-direction: column-reverse !important;
	}
	
	div.location-bottom-info div#infohours .loc-info-page {
		max-width: 280px;
		margin:auto !important;
	}

	img#section-image {
		margin: 2em auto 0 !important;
		max-width: 200px !important;
	}

}                



/*CUSTOM INNER BANNER*/

body[data-page-name="about-us"] div#bannerbg, body[data-page-name="directions"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_about.jpg) !important;
}

body[data-page-name="contact-galaxy-dental"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_contact.jpg) !important;
}


body[data-page-name="east-hills-location"] div#bannerbg,
body[data-page-name="contact-east-hills-office"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_east_hills.jpg) !important;
}


body[data-page-name="seton-location"] div#bannerbg,
body[data-page-name="contact-seton-office"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_seton.jpg) !important;
}

body[data-page-name="emergency-dental-care"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_emergency.jpg) !important;
}

body[data-page-name="root-canal-treatment"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_root_canal.jpg) !important;
}


body[data-page-name="braces-invisalign"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_orthodontics.jpg) !important;
}



body[data-page-name="dental-implants-calgary"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_implants.jpg) !important;
}
	
body[data-page-name="dental-exam"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_full_checkup.jpg) !important;
}


body[data-page-name="dentures"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_dentures.jpg) !important;
}


body[data-page-name="pediatric-dentistry"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_pediatric.jpg) !important;
}


body[data-page-name="dental-hygiene"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_hygiene.jpg) !important;
}


body[data-page-name="preventive-dentistry"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_preventive.jpg) !important;
}

body[data-page-name="wisdom-teeth-removal"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_wisdom_teeth.jpg) !important;
}

body[data-page-name="teeth-whitening-calgary"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_whitening.jpg) !important;
}


body[data-page-name="night-guards"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_custom_night_guards.jpg) !important;
}

body[data-page-name="tmj-disorders"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_emergency.jpg) !important;
}

body[data-page-name="sedation-dentistry"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_whitening.jpg) !important;
}

body[data-page-name="sedation-dentistry"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_whitening.jpg) !important;
}

body[data-page-name="fee-financing"] div#bannerbg {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-9f14e093-7408-4492-8deb-85bd3e39d0fa/innner_banner/banner_payments.jpg) !important;
}


div#with-image-content img {
    margin: 0;
    border-radius: 20px;
    width:100%;
}


div#with-image-content div#with-text .mt-4 {
    margin-top: 0;
}



@media (min-width:992px) {
    div#with-image-content {
		gap: 0 3em;
	}

	div#with-image-content div#with-image {
		width: 30%;
	}

	div#with-image-content div#with-text {
		width: 70%;
	}
}

@media (max-width:991px) {
    div#with-image-content {
        flex-direction:column;
        gap: 2em 0 !important;
    }

    
    div.page-spacing {
    padding-bottom: 2em !important;
  }

    div#with-image-content img {
        max-width:400px;
        margin: 0 auto !important;
	}
    
}


div#bannerbg {
    padding: 0;
    height: 250px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

div#bannerbg h1 {
    color: var(--color-secondary-background);
    text-transform: initial;
    letter-spacing: 1px;
    width: 100%;
    text-align: left !important;
}

@media (max-width:1024px) {
	div#bannerbg {
		margin-top: 139px;
	}
}



@media (max-width:500px) {
  div#inner-banner-block img {
		object-fit: cover;
		object-position: 61%;
		
	}
	
	div#bannerbg h1 {
	 font-size: 25px !important;
        line-height: 30px !important;
        text-align: center !important
	}
	
	.inner-page {
		overflow: hidden;
	}

	div#bannerbg {
        height: 220px;
        background-position: 85% !important;
    }
	
	body[data-page-name="about-us"] div#bannerbg, body[data-page-name="directions"] div#bannerbg {
		  background-position: 65% !important;
	}
	
	body[data-page-name="dental-implants-calgary"] div#bannerbg {
		background-position: 66% !important;
	}
	
	body[data-page-name="dentures"] div#bannerbg {
		background-position: 60% !important;
	}
}

/*EDIT CUSTOM INNER BANNER*/

#hp-brands-3::before {
	display: none;
}

.mm-panel, .mm-navbar :not(.mm-menu--theme-dark), .mm-navbar {
    background: #000 !important;
    color: #c4d65e !important;
}
.homepage-video-slider.custom-banner {
    max-height: 80vh !important;
}
#navigation-style-4{z-index: 9999999999;position:relative;}
.field-wrapper > * + * {
    margin: .5rem 0 !important;
}

@media (max-width: 768px) {
	div#ry-sidebar {
		display: none;
	}
}



body[data-page-name="braces-invisalign"] div#global-bottom-cta  {
		display: none !important;
}


