/** GLOBAL CSS **/
:root {
    --color-primary: #bfdedd;
    --color-secondary: #3e4c71;
    --color-tertiary: ;
	--background-transparent: transparent;
    --filter-color-primary: brightness(0) invert(20%) sepia(4%) saturate(3511%) hue-rotate(181deg) brightness(89%) contrast(79%);
    --filter-color-secondary: brightness(0) invert(77%) sepia(52%) saturate(282%) hue-rotate(162deg) brightness(96%) contrast(90%);
	
	--color-text-white: #fff;
	--color-text-dark: #000;
}

*:not(.carousel *):not(.ry-accordion *):not(#accordion *):not([data-aos-duration]):not(.slick-track):not(#ry-section-header *):not(.fancybox-slide *),
::before,
::after {
    transition: 0.3s ease-in-out all;
}
html, body {
	overscroll-behavior: none;
	overflow-x: hidden !important;
}
html {
    scroll-behavior: smooth;
}

/* //Removed excess margin on bottom on forms alert */
.alert li:last-child {
    margin-bottom: 0 !important;
}

/* //Add Underline on all hyperlink */
body.default #ry-pg-body a:not(.ry-btn):not(.fa):hover {
    text-decoration: underline !important;
}
.ry-each-link, .ry-each-link a {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
}

.ry-btn-wrap {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
}
.ry-section-background, .ry-section-background img {
	position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	object-fit: cover;
}
body .ry-headline h2 {
	font-size: clamp(2.5rem, 1.8627rem + 2.6144vw, 5rem);
	letter-spacing: 8px;
	line-height: 1.1;
	text-transform: uppercase;
	color: #000000;
	font-weight: 300 !important;
}
body .ry-headline h4 {
	font-size: clamp(1.5rem, 1.4044rem + 0.3922vw, 1.875rem);
	letter-spacing: 6px;
	text-transform: uppercase;
	color: var(--color-secondary);
	font-weight: 300 !important;
}
.ry-headline {
    margin-bottom: 2vw;
}
.ry-section-padding {
	padding: 6vw 0;	
}
/** END GLOBAL CSS **/
	
/** HOMEPAGE SERVICES CUSTOM **/
.ry-hp-services-custom {
    margin-top: -1px;
}
.ry-hp-services-custom .ry-headline {
    margin-bottom: 6vw;
}
.ry-hp-services-custom .ry-content .ry-flex {
    padding: 0 4vw;
    gap: 4em;
}
.ry-hp-services-custom .ry-content .ry-flex .ry-each {
    display: flex;
    flex-direction: column;
    gap: 1em;
    position: relative;
    overflow: visible;
    top: 0;
}
.ry-hp-services-custom .ry-content .ry-flex .ry-each .ry-services-title {
    position: absolute;
    width: 100%;
	height: 15%;
	bottom: 40px;
}
.ry-hp-services-custom .ry-content .ry-flex .ry-each:hover .ry-img-wrap img {
    opacity: 0.8;
}
.ry-hp-services-custom .ry-content .ry-flex .ry-each:hover .ry-services-title {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    transition: all ease 0.3s;
}
.ry-hp-services-custom .ry-content .ry-flex .ry-each .ry-services-title h4 {
    font-size: clamp(1.5rem, 1.3088rem + 0.7843vw, 2.25rem);
    letter-spacing: 4px;
    line-height: 40px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
}
.ry-hp-services-custom .ry-content .ry-flex .ry-each:hover .ry-img-wrap:before {
    content: '';
    position: absolute;
    top: -60px;
    left: -10px;
    width: 447px;
    height: 664px;
    background: url(https://s3.amazonaws.com/static.organiclead.com/Site-50499d9b-750e-44b9-b31e-8297cfe4236d/Homepage_Assets/services_hover.png) center center no-repeat;
    z-index: 2;
}
.ry-hp-services-custom .ry-content .ry-flex .ry-each .ry-img-wrap {
    position: relative;
}
.ry-hp-services-custom .ry-content .ry-flex .ry-each:hover {
    top: -20px;
}
.ry-hp-services-custom .ry-content {
    display: flex;
    flex-direction: column;
}
.ry-hp-services-custom .ry-content .ry-btn-wrap {
    margin-top: 4rem;
}
.ry-hp-services-custom .ry-content .ry-btn-wrap a {
    font-size: 20px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 300;
    font-family: "Afacad Flux";
    text-align: center;
}
/** END HOMEPAGE SERVICES CUSTOM **/
	
/** HP MAP CUSTOM **/
.ry-map-custom {
    position: relative;
}
.ry-map-custom .ry-map-marker, .ry-map-custom .ry-map-marker img {
    position: absolute;
    width: 154px;
    height: 167px;
    top: 44%;
    left: 50%;
    transform: translate(-50%, -50%);
}
/** END HP MAP CUSTOM **/
	
/** INSIDE PAGES **/
.ry-before-after-gallery {
    margin-top: 2em;
}
.ry-before-after-gallery .ry-flex {
    flex-wrap: wrap;
    justify-content: center;
    gap: 15px;
}
.ry-ba-text p {
    display: flex;
    justify-content: space-around;
}
.ry-ba-text p span {
    font-size: 22px;
    font-weight: 600;
    text-transform: uppercase;
}
	

.ry-office-gallery .ry-flex {
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
}
.ry-office-gallery .ry-flex .ry-each {
    max-width: 250px;
}
.ry-vip-wrap {
    border-radius: 20px;
    background-color: rgba(255,255,255,0.9882352941176471);
    border: 1px solid #c6cfd599;
    padding: 2em;
    margin-bottom: 1.5em;
}
/** END INSIDE PAGES **/
	
/** HP RESPONSIVENESS **/
@media (max-width: 1200px) {
	.module-43 .ry-menu .ry-nav a, .module-43 .ry-menu .ry-nav .dropdown-menu li a {
		font-size: 16px;
	}	
}
@media (max-width: 1080px) {
	body .ry-headline h2, body .ry-headline h4 {
		text-align: center;
	}
	.module-66 .bnr-textbox {
		position: relative;
		margin-bottom: 0 !important;
		padding: 2em;
		background: #3e4c71;
	}
	.module-66 .carousel .carousel-inner .item img {
		height: auto;
	}
	
	.ry-hp-services-custom .ry-content .ry-flex {
		flex-wrap: wrap;
		justify-content: center;
	}
	.ry-hp-services-custom .ry-content .ry-flex .ry-each {
		max-width: 360px;
	}
	.module-brands.style-4 .brands-slider {
		width: 90%;
	}
	.module-testimonials.option-1::before,
	.module-testimonials.option-1::after {
		display: none;
	}
	
	
	.module-44 .ry-flex .ry-each.footer-services ul {
		column-count: 1;
	}
	.module-44 .ry-flex {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.module-44 .ry-flex .ry-each.footer-services ul li {
		display: block;
		text-align: center;
	}
	.module-44 .ry-flex .ry-each h2 {
		text-align: center;
	}
	.module-44 .ry-flex .ry-each .website-info > div {
		padding-left: 0;
		text-align: center;
		padding-top: 40px;
	}
	.module-44 .ry-flex .ry-each .website-info > div:before {
		position: relative;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	.module-44 .ry-flex .office-hours {
		display: flex;
		justify-content: center;
	}
	.module-44 .ry-footer-copyright .ry-container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
}
@media (max-width: 500px) {
	.ry-hp-services-custom .ry-content .ry-flex .ry-each:hover .ry-img-wrap:before {
		width: 380px;
		height: 570px;
		background-size: contain;
	}
}

/** IP RESPONSIVE **/
@media (max-width: 768px) {
	body[data-page-name="aesthetic-treatments"] .ry-flex.lightbox-trigger {
		flex-direction: column;
	}	
}