body, body p, body div{font-family: Work Sans !important;font-weight: 400 !important; }
h1,h2,h3,h4,h5,h6{font-family: 'Crimson Pro',sans-serif !important;font-weight: 400 !important;}
b, strong {font-weight: bold !important;}
@media (max-width: 991px) {}
@media only screen and (max-width: 768px){
	
	.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: 'Crimson Pro';z-index:99;}

.ry-btn-primary:hover {background: #359ba3 !important;color: #fff !important;}
.ry-btn.ry-btn-secondary{color: #fff !important;background: #359ba3 !important;}
.ry-btn.ry-btn-secondary:hover {background: #012f5b !important;color: #FFFFFF !important;box-shadow: unset !important;}
/*.cmsForm .has-error input {border: 1px solid #ff0069;}*/


.btn, .ry-btn, .ry-btn-primary {
    text-transform: uppercase;
    font-size: 20px !important;
    font-weight: 300 !important;
}


#ry-pg-body ol li p, #ry-pg-body ol li h3 {
	text-align:left !important;
}

div.hp-team-block {
    margin: auto;
    max-width: 1200px;
    float: none;
    clear: both;
}

body[data-page-name="eye-emergencies"] #ry-pg-body .ry-right {
    display: none;
}

body[data-page-name="eye-emergencies"] #ry-pg-body .ry-left {
    width: 100% !important;
}

body[data-page-name="eye-emergencies"] #ry-pg-body .ry-left img {
    max-width: 600px;
	margin: auto;
}

div#services li:nth-child(9) {
    display: none !important;
}


.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; }

.HOLDsp-slides-container {height: calc(100vh - 120px) !important;}



.ry-btn.center {margin: 0 auto;}


body.home .btn.btn-primary:after{
	display: none !important;
}

div.doc-single-page h2 {
    margin-top: 0 !important;
    margin-bottom: 0px !important;
}

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


.ry-heading h2 span {
    display: block;
    color: #333;
    letter-spacing: 0;
    font-weight: 300;
    font-size: calc(35px + 2 * ((100vw - 320px) / 1280));
    font-style: italic;
    text-transform: initial !important;
}


.ry-heading h2 {
    font-family: var(--font-title) !important;
    font-size: calc(65px + 2 * ((100vw - 320px) / 1280));
    text-transform: uppercase;
    line-height: 1.1;
}

.mt-20{margin-top: 20px;}

.icon-bar a {
	padding: 14px;
}

.icon-bar a img {
	width: 24px;
	height: 24px;
	object-fit: contain;
	transition: .2s;
}
.google-trans {
	margin-right: 14px;
	position: relative;
	top: 12px;
}

@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;
	}
	
	.module-services.custom .ry-container .ry-flex .each-block:not(:hover) .group-text img {
		opacity: 0;
		max-width: 100px;
		opacity: 0;
		margin: auto;
	}

	.module-services.custom .ry-container .ry-flex .each-block:hover .group-text img {
		max-width: 100px;
		margin: auto;
	}
	
		div.rev-content {
		flex-direction: column;
	}

	div.rev-content .ry-each {
		width: 100%;
		padding: 2em;
	}

	.ry-heading h2 {
		font-size: 40px;
		text-align: center !important;
	}

		a#rev-btn {
		margin: 1em auto 0;
		display:block;
		max-width:220px
	}

	div#heading-flex {
		flex-direction: column-reverse;
		justify-content: center;
		align-items: center;
	}
}






/*SIDEBAR SERVICES*/

.ry-services-sidebar .ry-heading {
    background: #175293;
}

#ry-pg-body .ry-services-sidebar .ry-heading h4 {
    color: #ffffff !important;
    margin: 0;
    padding: 20px;
    text-transform: uppercase;
	    line-height: 1;
    
}


#ry-pg-body .ry-services-sidebar .ry-list ul {
    padding: 0;
}

#ry-pg-body .ry-services-sidebar .ry-list li {
    list-style: none;
    margin: 0;
    height: 100%;
    width: 100%;
    
}

div.ry-content.ry-flex.subservices .ry-right {
    width: 35% !important;
}

#ry-pg-body .ry-services-sidebar .ry-list li a {
    color: #333;
    font-family: var(--font-title);
    font-style: italic;
    font-size: 22px !important;
    height: auto;
    width: 100%;
    background: #eee;
    padding: 0 30px;
    display: flex;
    align-items: center;
    padding: 20px;
    line-height: 1.1;
}

#ry-pg-body .ry-services-sidebar .ry-list li:nth-child(even) a {
	background: rgb(23 82 147 / 13%);
}

#ry-pg-body .ry-services-sidebar .ry-list li a:hover,
#ry-pg-body .ry-services-sidebar .ry-list li.active a {
    color: #fff;
	background:#349ba2;
}


div#image-text-flex {
    gap: 3em 2em;
    margin-bottom: 3em;
}


div#image-text-flex a.ry-btn.ry-btn-primary {
    margin-top: 15px;
   
}

 div#with-image img {
    border-radius: 20px;
}

div.sidebar-block  {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    max-width: 60px;
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 40%;
    background:var(--color-primary) !important;
    box-shadow: -3px 1px 15px 0px rgb(255 255 255 / 37%);
    padding: 1em 0;
}




div.sidebar-block .vertical-text {
    color: #fff;
    padding: 0;
    writing-mode: vertical-rl;
    text-orientation: upright;
    font-family: var(--font-title) !important;
    letter-spacing: -3px;
    font-size: inherit;
}





@media (max-width: 767px) {
   div.sidebar-block .vertical-text {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0 !important;
  }

   div.sidebar-block .vertical-text::after {
    content: "APPOINTMENTS";
    font-size: 20px;
    text-align: center;
    line-height: 1.2;
	  font-family: var(--font-title) !important;
    letter-spacing: -3px;
  }
}

@media (max-width:1660px) {
   div.module-67 {
		padding: 4em 0;
		overflow:hidden;
	}
	 div.sec-bg::before {
		top: -34em;
		background-position: 100% 100%;
	}
	 div.welcome-image {
		max-width: 200px;
	}

		div#welcome-wrap {
		overflow: hidden;
	}

	div#section-welcome {
		overflow: hidden;
	}

	div.sec-bg {
		overflow: hidden;
	}

	.module-services.custom {
		padding: 6em 0 4em !important;
	}
}




@media (max-width:1360px) and (min-width:992px) {
	
	div#image-text-flex div#with-image {
		width: 35% !important;
	}

	div#image-text-flex div#with-text {
		width: 65% !important;
	}
}

@media (min-width:1081px) {
   

	div#image-text-flex div#with-text {
		width: 60%;
	}
	
	div#with-image {
		width: 35%;
	}
}


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

	div#image-text-flex a.ry-btn.ry-btn-primary {
		margin: 15px auto 0;
		float:none;
		display:block;
		max-width:180px;
	}

	div#with-image img {
		max-width: 500px;
		margin:auto;
	}

	div.ry-content.ry-flex.subservices p, div.ry-content.ry-flex.subservices h2,
	div.ry-content.ry-flex.subservices h4, div.ry-content.ry-flex.subservices h3 {
			text-align: center !important;
	}

	#ry-pg-body .ry-content ul li p {
		text-align: left !important;
	}
}




@media (max-width:991px) {
	
	div.ry-services-sidebar {
		margin-top: 3em !important;
	}
	
	div.ry-content.ry-flex.subservices .ry-right {
		width:100% !important;
	}
	
	#ry-pg-body .ry-services-sidebar .ry-list li a {
		height: auto;
		padding:20px;
		line-height:1.2;
	}
}



/*SIDEBAR SERVICES*/




/*RESPONSIVE*/


@media (max-width:1600px) and (min-width:1200px) {

    div.module-appointment.option-1 {
		padding: 5em 0;
	}

	div.module-appointment.option-1 .ry-heading h2, .ry-heading h2 {
		font-size: 55px;
	}

		div.module-team.style-1  .ry-heading h2 span {
		font-size: 35px;
	}
}


@media (max-width:1199px) {

    div.module-appointment.option-1 .ry-heading h2, div.module-appointment.option-1 h4 {
		text-align: center !important;
	}

	   div#section-services .ry-heading {
		flex-direction: column;
	}

	body div#section-services .ry-heading h2 {
		text-align: center !important;
	}

	.module-appointment.option-1:before {
		display: none;
		
	}

	 .module-appointment.option-1 .ry-flex .ry-each:nth-child(1) {
		margin:auto;
	}

	div.module-appointment.option-1 {
			padding: 3em 0 !important;
	}


	div#submit {
		flex-direction:column;
	}
	
	div.form-disclaimer p {
		text-align:center !important;
	}

    div#heading-flex {
		flex-direction:column-reverse !important;
	}

    div#heading-flex h2 {
        text-align:center !important;
    }

    div#heading-flex .ry-btn {
        margin: 2em auto 1em;
        display:block;
        max-width:230px;
    }

    div.rev-content .ry-each {
		height:auto;
	}

	div#heading-flex {
		flex-direction: column-reverse !important;
	}

	div.rev-content .ry-each h4, div.rev-content .ry-each p {
		text-align: center !important;
	}

	.module-testimonials.option-1 {
		padding-bottom: 3em;
	}

}

@media (max-width:380px) {
	div.sidebar-block .vertical-text {
		font-size: 16px !important;
	}
}

/*END RESPONSIVE*/




/* 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;
}

.ry-sticky-menu.fixed .ry-content.ry-flex {
    display: none !important;
}

.ry-sticky-menu.fixed .ry-right.ry-flex {
    padding-top: 0 !important;
}

.ry-sticky-menu.fixed {
    position: fixed !important;
    padding-top: 10px !important;
    background: #fff !important;
    box-shadow: 0px 9px 11px 7px rgb(0 0 0 / 17%);
    transition: all ease 0.8s;
}


:root {
    --color-primary: #012f5b;
    --color-secondary: #359ba3;
    --font-default: Work Sans;
    --font-title: Crimson Pro;
    
}