/* Hover only on desktop */
@media (min-width: 992px){

	a#btn-nav:hover {
		text-decoration: none;
	}

	.site-phone a:hover {
		color: #707070;
	}

	.social-icons li:hover {
		background-color:#fefefe;
	}

	a.email-us:hover {
		border: 1px solid #efd188;
		color: #fff;
		background-color: transparent;
	}

	.slider-button a:hover {
		color: #efd188;
		text-decoration: none;
		cursor: pointer;
		border-color: #efd188;
	}

	p.first-sect-btn a:hover {
		color: #efd188;
		border-color: #efd188;
		text-decoration: none;
	}

	a.thumbnail:hover {
		filter: grayscale(100%);
	}

	a.thumbnail:hover .to-zoom {
		opacity: 1;
	}

	a.s3-text-link:hover {
		color: #efd188;
		border-color: #efd188;
		text-decoration: none;
	}

	p#the-email a:hover {
		color: #fff;
		text-decoration: none;
	}

	a.roya-logo:hover {
		filter: none;
	}

	.each-about-title a:hover{
		color: #efd188;
		text-decoration: none;
	}

	.each-about-title p:hover {
		color: #efd188;
		cursor: pointer;
	}


	ul.about-ul p a:hover {
		text-decoration: none;
		color: #efd188;
	}

	ul.about-ul p a:hover:before {
		content: "- ";

	}


	ul.each-proc-ul li a:hover {
		color: #efd188;
		text-decoration: none;
	}

	ul.each-proc-ul li a:hover:before {
		content: "- ";

	}

	ul.services-list li a:hover{
		color: #efd188;	
	}

	.proc-content h4 a:hover {
		color: #EFD188;
	}

	ul.pdf-ul a:hover{
		border-color: #f3d189;
		text-decoration: none;
		color: #fff;
	}

	ul.pdf-ul a:hover p:before {
		color: #f3d189;
		text-decoration: none;
	}


	a.blog-title-link:hover{
		color:#efd188;
		text-decoration: none;
	}

	.each-special-content p a:hover{
		color: #efd188;
	}

	img.each-special-img:hover{
		outline: 1px solid #efd188;
		outline-offset: -10px;	
	}

	input.btn.btn-primary.submit.footer:hover {
		border-color: #efd188;
		color: #efd188;
	}



	/* end */
}

/* end hover*/


.scrolloffmap {
	pointer-events: none;
}

*::selection {
	background-color:#efd188 !important;
	color: #fbfbfb !important;
}

a:active, a:focus {
	text-decoration: none !important;
	background-color: transparent !important;

}

.btn-primary:active, .btn-primary:focus {
	border-color: #efd188 !important;
}

@media (max-width: 1440px) {

	div.menu > ul > li a {
		text-decoration: none;
		margin: 1.1em 0.5em;
		display: block;
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 2px;
		font-size: 0.8em;
	}

	.the-email-container a.email-us {
		font-size: 0.8em;
		padding: 10px;
	}

	.col-xs-12 .the-header-container {
		padding: 30px 5px;
	}

	div.slider-text h2 span {
		right: 10px;
		bottom: 10px;
	}

	.grid figure.effect-bubba h2, .grid figure.effect-bubba p {
		top: 70%;
	}
}

@media (max-width: 1390px) {

	.the-navigation {
		float: right;
	}

	.col-lg-6.s4-col2-container {
		right: 0;
		width: 50%;
	}

}

@media (max-width: 1280px) {

	.menu-container div.menu > ul > li a {
		font-size: 0.7em;	
	}

	div.the-email-container a.email-us {
		font-size: 0.7em;
	}

	div #banner-learn-btn.slider-button {
		margin-left: -13vw;
	}
}

@media (max-width: 1199px) {

	div.procedures-header {
		top: 65%;
	}

	.each-proc-title p {
		line-height: 1.2em;	
	}


	div.aboutUs-header {
		top: 75%;
	}

	.footer-info-container h2 {
		text-align: center;
	}

	.html-blk-contact {
		width: 40%;
		margin: 0 auto;
	}

	.index-contact-us {
		padding: 0 120px;
	}

	.col-xs-12.dark-gray-bg {
		padding: 60px 0;	
	}

	.col-xs-12.gray-bg {
		padding: 60px 5px;		
	}

	.col-lg-6.s4-col1-container {
		height: 700px;	
	}


	div.grid figure {
		width: 50%;
	}




	div div.slider-text h2 span {
		right: 6.5px;
		bottom: 6.5px;
	}

	div.the-navigation {
		float: none;
		position: relative;
		top: 10px;
	}

	.the-email-container {
		text-align: center;
	}

	div.the-email-container a.email-us {
		width: auto;
		position: relative;
		top: 15px;
	}

	.col-xs-12.black-bg {
		padding: 60px 0;
	}

}

#header-wrapper #header #header-inner .navbar .navbar-inner #btn-nav {
	float: left;
	height: 35px;
	margin-top: 30px;
	margin-right: 10px;
	width: 35px;
}

a#btn-nav {
	text-decoration: none;
}



.navigation-wrapper {
	background-color: #000;
	height: 100%;
	left: -70%;
	position: absolute;
	top: 0;
	width: 70%
}

@media (max-width: 991px) {

	a.btn.btn-primary.email-us {
		margin-top: 10px !important;
	}
	a.thumbnail {
		filter: grayscale(100%);
	}
	a.thumbnail .to-zoom{
		opacity: 1;
	}

	div.the-docs-subheader:after {
		left: 50%;
		margin-left: -25px;
	}


	.the-docs-header h1, .the-docs-subheader p{
		text-align: center;
	}

	.about-sb-container {
		margin-bottom: 50px;	
	}

	.gold-arrow-container img {
		display: block;
		margin: 0 auto;
	}

	div ul.about-ul {
		text-align: center;	
	}

	.sidebar-header {
		text-align: center;
	}

	div.sidebar-header h2:after {
		position: absolute;
		left: 50%;
		content: '';
		border-bottom: 1px solid #efd188;
		width: 50px !important;
		display: block;
		bottom: 8px;
		margin-left: -25px;
	}

	.each-about-title {
		display: none;
	}

	.index-blog-des {
		margin-bottom: 60px;
	}

	img.index-blog-img {
		max-width: 400px;
		display: block;
		margin: 0 auto;
	}

	.col-lg-6.s4-col1-container {
		padding: 35px;
		height: auto;	
	}
	.col-lg-6.s4-col2-container {
		position: static;
		margin: 20px 0;
		padding: 0;
		width: 100%;
		height: auto;	
	}

	img.s4-the-image {
		border: 1px solid #efd188;
		padding: 10px;
	}

	div.s1-text {
		padding-left: 0;
		text-align: center;
	}

	.s1-image-border img.index-doctors {
		position:static;
		display: block;
		margin: 0 auto;
		border: 1px solid #efd188;
		padding: 10px;
	}

	.col-xs-12.ga-container {
		padding-bottom: 0;
	}

	.col-lg-3.s1-image-border {
		border: none;
		margin: 30px 0;	
	}

	.slider-text h4, .slider-button {
		display: none;
	}

	#header-wrapper #header #header-inner .navbar .navbar-inner #btn-nav:before {
		content: "\f0c9";
		font-family: fontAwesome;
		font-size: 1.7em;
		color: #efd188;
		background-color: transparent;
		padding: 5px;
	}

	div#navigation {
		display: block;
	}

	.the-nav-container {
		display: none;
	}
	div.logo-wrapper {
		width: 100% !important;

	}
	div#header-wrapper #header #header-inner .navbar .navbar-inner .info {
		float: none;
		margin-left: 0;
	}

	div#header-wrapper #header #header-inner .navbar .navbar-inner .logo {
		height: auto;
	}	

	div.site-email {
		float: left !important;
		margin: 0 20px;
	}

	div.site-phone {
		float: right !important;	
	}

	div.loginWidget {
		float: none;
		text-align: center;
	}
}

@media (max-width: 768px) {

	div img.the-docs-img {
		width: 200px;
	}

	div	div.aboutUs-header {
		top: 55%;
	}

	ul.contact-info {
		text-align: left;
	}

	.table-wrapp table.office-hours {
		text-align: left;
	}

	div.html-blk-contact {
		width: 40%;
		text-align: center;
	}

	div.s6-header p:after {
		position: absolute;
		left: 50%;
		margin-left: -30px;
		content: '';
		border-bottom: 4px solid #efd188;
		width: 60px !important;
		display: block;
		padding-top: 15px;
	}

	.col-xs-12.index-contact-us {
		padding: 0;
		text-align: center;
	}

	div.s6-subheader p {
		width: 100%;
	}

	.slider-text h2 {
		display: none;
	}

	div#header-wrapper {
		position: static;
	}

}

@media (max-width: 767px){

	.each-img-container {
		width: 300px;
		margin: 0 auto;
		float: none;
		clear: both;
	}

	.each-proc-container {
		text-align: center;
		margin: 15px 0 40px;	
	}

}

@media (max-width: 614px) {

	.footer-info-container div.html-blk-contact {
		width: 270px;
	}

	div.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;


	}

}


@media (max-width: 485px){

	div.procedures-header {
		position: absolute;
		left: 0;
		margin-top: -40px;
		width: 100%;
		margin-left: 0;
		font-size: 0.5em;
		text-align: center;
	}

	div.grid figure{
		max-height: 460px;
	}

}

@media (max-width: 425px) {

	.col-xs-12.each-about-container .grid {
		right: 10px;
	}

	div.aboutUs-header h1 {
		font-size: 2em;
	}

	div.aboutUs-header {
		width: 250px;
		margin-left: -125px;
	}

	p#the-email a {
		font-size: 1em;
	}

	.col-md-6.col-lg-6.s4-col1-container {
		padding: 20px;
	}

	div.s3-header p {
		font-size: 2em;	
	}

	div.s3-subheader p {

		font-size: 0.85em;
	}

	.proc-subheader h2 {
		font-size: 1.7em;
	}

	div.each-img-container {
		width: 280px;
	}

	div.proc-subheader h4 {
		font-size: 0.8em;
	}


	div div	div.aboutUs-header{
		top: 67%;	
	}
}

@media (max-width: 325px) {

	.logo-wrapper .logo img {
		position: relative;
		left: 20px;	
	}
}


/* -- Fix for mobile repsonsive issue with display: table; -- */

body #wrapper-outer #wrapper {
	display: block !important;
}

body #wrapper-outer #wrapper #wrapper-inner {
	display: inline !important;
}

body #wrapper-outer #wrapper #footer-wrapper {
	display: block !important;
	height: auto !important;
	float: left;
}

#header-wrapper #header #header-inner .navbar .navbar-inner #btn-nav {
	margin-top: 10px !important;
	position: absolute;
	z-index: 500;
	left: 15px;
	top: 30px;	
}

body {

	color: #313131;
}

.logo-wrapper .logo img {
	max-width: 250px;
	display: block;
	margin: 0 auto;	
}

/* ---- Login Button ---- */

.loginWidget {
	float: right;
	padding: 0 20px 20px;
}



/* ---- Contact Information Overrides ----- */

.site-phone a {
	text-decoration: none;
	color: #707070;
}

.broker-info ul {
	list-style: none;
	padding: 0;
}


/* ----- Social Icon Overrides ------ */

.span6.share {
	float: right;
}
.social-icons {
	list-style: none;
	padding:0;
	width: 320px;
}
.social-icons li {
	float: right;
	margin-right:5px;
	border:1px solid rgba(255,255,255,0.3);
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	-ms-border-radius:100px;
	-o-border-radius:100px;
	border-radius:100px;
	padding:5px;
	width:32px;
	height:32px;
	line-height:26px;
	text-align:center;
	transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}
.social-icons li a {
	font-size: 15px!important;
	text-align: center;
	text-decoration: none !important;
}


/* ----- Footer Overrides ------ */

#footer-wrapper #footer #footer-inner p {
	margin: 0px;
	color: #fff !important;
}
#footer-wrapper #footer {
	border: 0px;
	margin-top: 0px;
	padding: 10px 0px !important;
}
.span6.copyright {
	float: left;
}


#footer-wrapper #footer-top table.contact th.cabre {
	background-image: url("https://s3.amazonaws.com/static.organiclead.com/074ee81027def72f3c5348c9feeab305/cabre.png");
	background-size: 16px 16px;
	background-position: 6px 2px;
}



/*-- Details Page --*/

ul.slide-item-features.item-features {
	list-style: none
}

.slide-item-features li {
	padding: 10px;
	border: 1px solid #c4c4c4;
	margin: 5px;
	display: inline-block
}

span.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
	padding: 0 10px 0 0
}

/*--- Modal Overrides -----*/

.modal-footer button {
	position: absolute;
	top: 0;
	right: 0;
}

.blueimp-gallery .modal-footer .btn {
	position: inherit;
}

.modal-body form.cmsForm {
	display: inline-block;
}


/*------ Font Awsome ----- */


.fa-envelope:before {
	content: "\f0e0";
	float: left;
	margin: 0 20px 0 0;
}

.fa-home:before {
	content: "\f015";
	float: left;
	margin: 0 20px 0 0;
}

/* -- Back Button -- */

.btn.btn-primary.arrow-left {
	background-image: url("../images/arrow-left-white.png");
	background-position: 10px center;
	background-repeat: no-repeat;
	background-size: 8px 11px;
	padding-left: 15px;
}

input.btn.btn-primary.arrow-left.back-button {
	margin: 0 0 -50px;
	float: right;
	position: relative;
	right: 30px;
	width: 10px;
	z-index: 100;
	border-radius: 50px;
	height: 30px;
	display: none;
}


/* =General */

.section-container {
	max-width: 1200px;
	margin: auto;
	float: none;
	clear: both;
	width: 95%;
}


/* =Header */

#header-wrapper {
	background-color: transparent;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
}

.the-header-container {
	padding: 30px 35px;	
}


a.email-us:before {
	content: '\f095';
	font-family: fontAwesome;
	padding-right: 15px;
}

a.email-us {
	padding: 17px 0;
	font-size: 1em;
	text-transform: uppercase;
	width: 100%;
	text-align: center;
	letter-spacing: 0px;	
	color: #efd188;
	border: 1px solid #fff;
	font-weight: bold;
	background-color: transparent;	
	transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;
}



/* =Navigation */

#navigation {
	display: none;
}

/* =Banner */

ol.carousel-indicators {
	z-index: 200;
}

.slider-wrapper .carousel-control .icon-prev:before {
	content: '\f104';
	font-family: fontAwesome;
	font-weight: 100;


}

.slider-wrapper .carousel-control .icon-next:before {
	content: '\f105';
	font-family: fontAwesome;
	font-weight: 100;


}


.right.carousel-control, .left.carousel-control {
	display: block !important;
	z-index: 35;	
}

.slider-wrapper:before {
	content: "";
	background: rgba(0, 0, 0,0.4);
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	z-index: 35;
}




<!-- Changing this code will impact the look and possibly the functionality of this slide show ----->


@media (max-width: 500px) {

	div.slider-button {
		padding: .5% 1% .5% 4%; 
	}

	div.slider-button a {
		font-size: inherit;
	}

	div.slider-text h2 {
		font-size: 4vw;
	}

	.slider-text h4 {
		font-size: 3vw;
	}

	.carousel-indicators {
		display: none !important; 
	}

}

/*----- Carousel Controls Hidden for This Slider ------ */

.carousel-control {
	display: none !important;
}

.carousel-inner .item .col-xs-12 {
	padding: 0 !important;
}


/*----- Carousel Circle Controls ----- */

.carousel-indicators li {
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: 0 2px;
	text-indent: -999px;
	border: 1px solid #fff;
	border-radius: 10px;
	cursor: pointer;
	background-color: #000 \9;
	background-color: rgba(0,0,0,0);
}

.carousel-indicators .active {
	margin: 0 2px;
	width: 8px;
	height: 8px;
	background-color: #fff;
}


/*------ Text CSS ------- */

.slider-text h2 span {
	font-family: 'Open Sans', san-serif;
	font-size: .8vw;
	letter-spacing: 3px;
	padding: 8px 0;
	margin: 0 25px;
	position: relative;
	right: 12px;
	bottom: 14px;
	border-top: .5px solid #fff;
	border-bottom: .5px solid #fff;
}


.slider-text-wrapper {
	position: absolute;
	left: 0;
	bottom: 30%;
	color: #fff;
	z-index: 40;
	width: 100%;
	text-align: center;	
}

.slider-text {

}

.slider-text h1 {
	color: #fff;
	font-size: 3vw;
	padding: 0;
	margin: 0;
	line-height: 1.5em;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	letter-spacing: 1.5vw;
}

.slider-text h4 {
	font-size: 1vw;
	padding: 0;
	margin: 0;
}

#banner-learn-btn.slider-button  {
	position: absolute;
	bottom: 22%;
	z-index: 35;
	left: 50%;

	text-align: center;
	margin-left: -10vw;
}

#banner-contact-btn.slider-button  {
	position: absolute;
	bottom: 22%;
	z-index: 35;
	left: 50%;

	text-align: center;
	margin-left: 2vw;

}

.slider-button a {
	color: #fff;
	text-decoration: none;
	font-size: .9vw;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	padding: 13px 26px;
	border: 1px solid #fff;
}





/* ---- Slider Image CSS ---- */

.slider-image {
	margin: auto;
	width: 100%;
}

/* =First Section*/

div#about-section {
	background: url(https://www.royacdn.com/unsafe/smart/Site-abef054b-a935-416b-b6c6-90746ea0f4c6/index_bg/index_about_bg_img.png);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
}

.ga-container {
	padding-bottom: 30px;
}

img.gold-arrow-img {
	display: block;
	margin: 0 auto;
}


.blog-bg:before {
	content: "";
	background: rgba(0, 0, 0, 0.9);
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.blog-bg {
	background: url(https://www.royacdn.com/unsafe/smart/Site-abef054b-a935-416b-b6c6-90746ea0f4c6/index_bg/true_blog_bg.jpg);
	background-size: cover;
	background-position: center;
}

.contact-section-bg:before {
	content: "";
	background: rgba(20, 20, 20, 0.33);
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.contact-section-bg {
	background: url(https://www.royacdn.com/unsafe/smart/Site-10a9242d-0a6d-4a69-8997-45183121e63b/hand.jpg);
	background-size: cover;
	background-position: center;
}


.office-bg:before {
	content: "";
	background: rgba(40, 40, 40, 0.97);
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}
.office-bg {
	background: url(https://www.royacdn.com/unsafe/smart/Site-10a9242d-0a6d-4a69-8997-45183121e63b/hands_showing_unity.jpg);
	background-size: cover;
	background-position: center;
}

.before-after-bg:before {
	content: "";
	background: rgba(0, 0, 0,0.85);
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
}

.before-after-bg {
	background: url(https://www.royacdn.com/unsafe/smart/Site-abef054b-a935-416b-b6c6-90746ea0f4c6/index_bg/blog_bg_img.jpg);
	background-size: cover;
	background-position: center;
}

.black-bg {
	padding: 160px 0 210px;
	background-color: #090909;   
}

p.first-sect-btn {
	margin-top: 30px;
}
p.first-sect-btn a {
	color: #fbfbfb;
	text-transform: uppercase;

	letter-spacing: 2.5px;
	padding: 12px 30px;	
	border: 1px solid #fbfbfb;
}




.first-section-container {
	max-width: 900px;
	margin: auto;
	float: none;
	clear: both;
}

p.s1-1stline-text {
	color: #fbfbfb;
}

p.s1-2ndline-text {
	color: #efd188;
}

p.s1-3ndline-text {
	color: #fbfbfb;
}

p.s1-main.text {
	color: #fbfbfb;
	font-family: 'Lora', serif;
	margin: 0 0 20px;
	font-size: 2em;
	letter-spacing: 2px;
}

.s1-image-border {
	border: 1px solid #efd188;
	margin-top: 33px;
}

p.s1-1stline-text {
	font-family: 'Lora', serif;
	font-size: 2em;
	letter-spacing: 2px;
}

p.s1-3ndline-text {
	font-family: 'Lora', serif;
	margin: 0 0 5px;
	font-size: 2em;
	letter-spacing: 2px;
}

p.s1-2ndline-text {
	font-family: 'Lora', serif;
	font-size: 2em;
	letter-spacing: 2px;	
}

p.s1-3ndline-text em {
	font-size: 2em;
	font-style: italic;
}

.s1-text {
	padding-left: 60px;
}

p.s1-main.text {
	line-height: 1.4em;
}

img.index-doctors {
	position: relative;
	left: 20px;
	bottom: 25px;
}
.s1-text p {
	line-height: 1.2em;
}

/* =section  3*/


/* gallery*/

.to-zoom {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 40px;
	width: 30px;
	margin-top: -20px;
	margin-left: -15px;
	opacity: 0;
	transition: all 0.1s ease-in-out;
	-webkit-transition: all 0.1s ease-in-out;
}

.to-zoom i {
	color: #fff;
	font-size: 2em;
}


#lightbox .modal-content {
	display: inline-block;
	text-align: center;   
}

#lightbox .close {
	opacity: 1;
	color: rgb(255, 255, 255);
	background-color: rgb(25, 25, 25);
	padding: 5px 8px;
	border-radius: 30px;
	border: 2px solid rgb(255, 255, 255);
	position: absolute;
	top: -15px;
	right: -55px;

	z-index:1032;
}

.each-gallery-container .thumbnail {
	padding: 0;
	background-color: none;
	border: none;
	border-radius: 0;
	margin-bottom: 0;
}

/* gallery END */

.each-gallery-container {
	padding: 10px 5px;
}

.s3-subheader {

}

.s3-header p {
	font-family: 'Lora', serif;
	font-size: 3em;
	letter-spacing: 2px;
	color: #fbfbfb;
	line-height: 1.5em;
	text-transform: uppercase;
}


.s3-subheader p {
	color: #fbfbfb;
	text-transform: uppercase;
	/* letter-spacing: 5px; */
	margin-bottom: 60px;
}


.s3-subheader p:after {
	position: absolute;
	left: 50%;
	margin-left: -35px;
	content: '';
	border-bottom: 1px solid #efd188;
	width: 70px !important;
	display: block;
	margin-top: 25px;
}

.s3-link-container {
	margin: 50px 0 0;
}


a.s3-text-link {
	color: #fbfbfb;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid #fbfbfb;
	padding: 15px 36px;
}


/* =section 4 */
.gray-bg {
	padding: 160px 0;
	background-color: #3e3e3e;
}

.s4-col1-container {
	border: 1px solid #efd188;
	padding: 35px 75px 35px 55px;
	height: 600px;
}

.s4-header p {
	font-family: 'Lora', serif;
	font-size: 3em;
	letter-spacing: 2px;
	color: #fbfbfb;
	line-height: 1.5em;
	text-transform: uppercase;
}

.s4-subheader p {
	color: #fbfbfb;
	text-transform: uppercase;
	letter-spacing: 5px;
}

.s4-subheader p:after {
	position: absolute;
	left: 55px;
	content: '';
	border-bottom: 4px solid #efd188;
	width: 60px !important;
	display: block;
	padding-top: 15px;
}

.s4-text-content p {
	line-height: 2em;
	margin-top: 30px;
	color: #fbfbfb;
	font-size: 1em;
}


.s4-col2-container {
	height: 600px;
	width: 60%;
	position: absolute;
	right: -60px;
	top: 40px;
}

/* =section five */

.dark-gray-bg {
	padding: 160px 0;
	background-color: #141414;
}

.s5-cols-container {
	margin-top: 90px;
}

.s5-col1-container {
	padding: 0 20px;
}

.index-blog-title p {
	font-family: 'Lora', serif;
	font-size: 1.2em;
	letter-spacing: 2px;
	color: #fbfbfb;
	line-height: 1.5em;
	text-align: center;
	margin-top: 35px;
}

.index-blog-title p:after {
	position: absolute;
	left: 50%;
	margin-left: -35px;
	content: '';
	border-bottom: 4px solid #efd188;
	width: 70px !important;
	display: block;
	margin-top: 15px;
}

.index-blog-des p {
	margin-top: 40px;
	text-align: center;
	color: #fbfbfb;
	line-height: 1.5em;
	font-size: .9em;	
}

/* =section six */

.s6-header p {
	font-family: 'Lora', serif;
	font-size: 2em;
	letter-spacing: 2px;
	color: #fbfbfb;
	line-height: 1.5em;
}

.s6-header p:after {
	position: absolute;
	left: 5px;
	content: '';
	border-bottom: 4px solid #efd188;
	width: 60px !important;
	display: block;
	padding-top: 15px;
}

.s6-subheader p {
	margin-top: 40px;
	color: #fbfbfb;
	line-height: 2em;
	width: 50%;
	font-size: 1em;
}


/* =Footer */

.the-footer-container {
	margin: 80px 0;
}

#footer-wrapper #footer-top h2 {
	color: #efd188;
	font-size: 1.7em;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	letter-spacing: 1.5px;
}

ul.contact-info {
	list-style: none;
}

ul.contact-info li p {
	line-height: 2em;
	color: #a8a8a8;
	text-align: left;
	font-size: 1em;
}

p#the-address {
	position: relative;
}

p#the-address:before {
	content: '\f041';
	font-family: fontAwesome;
	position: absolute;
	left: -30px;
	top: 5px;
	font-size: 1.3em;
	color: #090909;
	-webkit-text-stroke: 1px #efd188;
}

p#the-phone {
	position: relative;
}

p#the-phone:before {
	content: '\f095';
	font-family: fontAwesome;
	position: absolute;
	left: -30px;
	top: 3px;
	font-size: 1.3em;
	color: #090909;
	-webkit-text-stroke: 1px #efd188;
}

p#the-email {
	position: relative;
}

p#the-email:before {
	content: '\f003';
	font-family: fontAwesome;
	position: absolute;
	left: -30px;
	top: 3px;
	font-size: 1.1em;
	color: #efd188;
}

p#the-email a {
	color: #a8a8a8;
}




.office-hr-wrapper h2 {
	text-align: center;
}

table.office-hours {
	color: #a8a8a8;
	margin: 0 auto;
	font-size: 1em;
}

table.office-hours th {
	display: none;
}

table.office-hours span {
	visibility: hidden;
}


table.office-hours td {
	line-height: 2em;
	text-align: left;	
}


.footer-3rd-col {
	margin-top: 60px;
	color: #a8a8a8;	
}

.doctor-name p {
	font-family: 'Lora', serif;
	font-size: 1.1em;
	text-transform: uppercase;
	margin: 0;	
}

ul.the-doctor-ul {
	padding: 0;
	margin: 0;	
	list-style: none;
	text-align: center;	
}

ul.the-doctor-ul p {
	padding: 0 10px;
}

ul.the-doctor-ul li {
	display: inline-block;
}

.doctor-des {
	text-align: center;
}

.doctor-des p {
	font-family: 'Lora', serif;
	text-transform: uppercase;
	font-size: .8em;
	letter-spacing: 1px;
}

hr.doctor-hr {
	margin-top: 30px;
	margin-bottom: 30px;
	border: 0;
	height: 1px;
	background: #333;
	background-image: linear-gradient(to right, #090909, #a8a8a8, #090909);
}

p.the-copyright {
	font-size: .8em;
	text-align: center;
}

p.powered {
	text-align: center;
}

a.roya-logo {
	-webkit-filter: grayscale(100%);	
	filter: grayscale(100%);
	transition:all 300ms ease-in-out;
	-o-transition:all 300ms ease-in-out;
	-moz-transition:all 300ms ease-in-out;
	-webkit-transition:all 300ms ease-in-out;	
}



/* =Inside pages */

div#content {
	padding: 0;	
}

.header-image-container {
	height: 550px;
}

/* =About us*/

.each-about-title a{
	color: #fff;
	text-decoration: none;
}



.aboutUsBanner-container:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.39);
}


.aboutUs-header {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 80px;
	margin-top: -40px;
	width: 1200px;
	margin-left: -600px;
}

.aboutUs-header h1 {
	color: #fff;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	letter-spacing: 11px;
	font-size: 3.5em;
	margin: 0;
	text-align: center;
}


.about-bg {
	padding: 100px 0 160px;
	background-color: #141414;
}

.each-about-container {
	margin-top: 50px;
}

.about-each-container {
	padding: 0 10px;
}

.each-about-title p {
	text-align: center;
	font-family: 'Lora', serif;
	font-size: 1.5em;
	margin-top: 20px;
	color: #fff;
	font-weight: 700;
	letter-spacing: 1px;
}



/* =meet the doc */

.meet-the-doc-container {
	padding: 80px 0;
}

.gold-arrow-container {
	margin-bottom: 20px;
}

.the-docs-header h1, .blog-heading h1 {
	font-family: 'Lora', serif;
	font-size: 2.5em;
	letter-spacing: 2px;
	color: #fbfbfb;
	line-height: 1.5em;
	text-transform: uppercase;
	margin: 0;
}

.the-docs-subheader p {
	color: #fbfbfb;
	text-transform: uppercase;
	/* letter-spacing: 5px; */
	font-size: 1em;
	padding: 0;
	margin-bottom: 60px;
}

.the-docs-content p, .blog-content-wrp p {
	line-height: 2em;
	color: #fbfbfb;
	font-size: 1em;
}

.the-docs-subheader:after {
	position: absolute;
	left: 5px;
	content: '';
	border-bottom: 1px solid #efd188;
	width: 50px !important;
	display: block;
	bottom: 30px;
}

.the-first-doc h2 {
	font-family: 'Lora', serif;
	color: #fff;
	font-size: 1.6em;
	margin-bottom: 0;	
}

.the-first-doc h4 {
	color: #fbfbfb;
	text-transform: uppercase;
	/* letter-spacing: 5px; */
	font-size: 1em;
	margin-bottom: 20px;
}

.the-first-doc h4:after {
	position: absolute;
	left: 5px;
	content: '';
	border-bottom: 1px solid #efd188;
	width: 50px !important;
	display: block;
	bottom: 0;
}

p.the-bq {
	font-family: 'Lora', serif;
	color: #fff;
	font-style: italic;
	font-size: 1.2em;
	display: block;
	border-left: 0.5px solid #efd188;
	padding: 0 10px;
	margin: 30px 0;	
}

p span.bq-doc-name {
	font-family: Open Sans, sans-serif;
	font-style: normal;
	font-size: 0.8em;
	display: block;
	margin-top: 10px;
}

.the-second-doc h2 {
	font-family: 'Lora', serif;
	color: #fff;
	font-size: 1.6em;
	margin-bottom: 0;
}

.the-second-doc h4 {
	font-family: 'Lora', serif;
	color: #fff;
	font-size: 1.3em;
	margin-bottom: 0;
	line-height: 1.2em;	
}

.the-second-doc:after {
	position: absolute;
	left: 5px;
	content: '';
	border-bottom: 1px solid #efd188;
	width: 50px !important;
	display: block;
	bottom: 0;
}

#lastContentContainer {
	margin: 30px 0;
}

.the-second-doc {
	margin-bottom: 20px;
}


.the-docs-img {
	margin: 0 auto;
}

/* =about sidebar*/

.about-sb-container {
	background-color: #0d0d0d;
	padding: 20px 0;
	border: 1px solid #262626;
}

.sidebar-header h2, .blog-wrp h3 {
	font-family: 'Lora', serif;
	color: #fff;
	padding: 0 20px;
	font-size: 1.9em;
	text-transform: capitalize;
}
.sidebar-header h2:after {
	position: absolute;
	left: 25px;
	content: '';
	border-bottom: 1px solid #efd188;
	width: 50px !important;
	display: block;
	bottom: 8px;
}

ul.about-ul li {
	list-style: none;
}

ul.about-ul {
	padding: 0 20px;
	margin: 0 0 30px;
}

ul.about-ul p a {
	color: #fff;
	line-height: 2em;

}



.the-menu-container {
	margin-top: 20px;
}

/* procedures */

.procedures-banner:before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,0.39);
}

.procedures-header h1 {
	color: #fff;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	letter-spacing: 9px;
	font-size: 3em;
	margin: 0;
	text-align: center;
}

.procedures-header {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 80px;
	margin-top: -40px;
	width: 1200px;
	margin-left: -600px;
}

.proc-subheader h2 {
	font-family: 'Lora', serif;
	font-size: 2.5em;
	letter-spacing: 2px;
	color: #fbfbfb;
	line-height: 1.5em;
	text-transform: uppercase;
	margin: 0;
	text-align: center;
}

.proc-subheader h4 {
	color: #fbfbfb;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 1em;
	padding: 0;
	margin-bottom: 60px;
	text-align: center;
}

img.proc-arrow {
	display: block;
	margin: 60px auto 10px;
}


.each-proc-title a {
	font-family: 'Lora', serif;
	color: #fff;
	font-size: 1.9em;
	text-transform: capitalize;
	line-height: 1.2em;
}

.each-proc-title a:hover {
	text-decoration: none;
	color: #efd188;
}


ul.each-proc-ul li {
	list-style: none;
}


ul.each-proc-ul {
	padding: 0 20px;
	margin: 30px 0;
	line-height: 1.7em;
}

ul.each-proc-ul li a {
	color: #fff;
}



.second2-proc {
	margin: 60px 0 90px;
}

/**=ear surgery*/


.the-proc-header h1 {
	font-family: 'Lora', serif;
	font-size: 2.5em;
	letter-spacing: 2px;
	color: #fbfbfb;
	line-height: 1.5em;
	text-transform: uppercase;
	margin: 0;
}

.the-proc-header p {
	color: #fbfbfb;
	text-transform: uppercase;
	letter-spacing: 5px;
	font-size: 1em;
	padding: 0;
	margin-bottom: 60px;
}

.the-proc-header p:after {
	position: absolute;
	left: 5px;
	content: '';
	border-bottom: 1px solid #efd188;
	width: 50px !important;
	display: block;
}

.proc-img-container {
	margin-right: 25px;
}

.proc-content p {
	line-height: 2em;
	color: #fbfbfb;
	font-size: 1em;
}

@media (max-width: 991px){

	.the-proc-header h1, .the-proc-header p {
		text-align: center;
	}

	div.the-proc-header p:after{
		left: 50%;	
		margin-left: -25px;	
	}

	.sidebar-container {
		width: 280px;
		margin: 0 auto;
		float: none;
		clear: both;
	}


	.proc-img-container img {
		width: 280px;
		margin: 0 auto;
	}


	div.proc-img-container {
		margin: 0 0 30px;
	}
}


@media (max-width: 425px){

	div.the-proc-header h1{
		font-size: 2em;
	}

	.the-proc-header p{
		font-size: 0.7em;
	}

}

/** ear surgery**/


/** =sidebar **/

p.sb-section-title {
	padding: 0 20px;
	color: #fff;
	cursor: pointer;
	margin-bottom: 20px;	
}

ul.services-list {
	list-style: none;
	position: relative;	
}

ul.services-list li a {
	color: #fff;
	text-decoration: none;
	font-size: 14px;
}

div#accordion .panel {
	background: none;
}

ul.services-list li:before {
	content: "";
	display: block;
	position: absolute;
	z-index: 1;
	left: 25px;
	top: 0;
	bottom: 0;
	border: 1px solid #262626;
	border-width: 0 0 0 1px;
}

p.sb-section-title:after {
	content: "\f107";
	font-family: fontAwesome;
	position: absolute;
	right: 9%;
}

p.activation:after {
	transform:rotate(-180deg);
	color: #efd188;
}

p.activation {
	color: #efd188;
}



/** =sidebar **/

/** =other procedure stuff**/

.proc-content h4 a {
	color: #EFD188;
}



.proc-content h2 {
	color: #fff;
}

.proc-content h4 {
	color: #fff;
}

.proc-content ul li:before {
	content: "4";
	font-family: "Webdings";
	position: absolute;
	left: 20px;
	color: #fff;
}

.proc-content ul {
	list-style: none;
}
/** =other procedure stuf **/


/** =testimonials**/

.title-wrapper {
	margin: 60px 0;
}


.each-testi p {
	line-height: 2em;
	color: #fbfbfb;
	font-size: 1em;
	margin: 30px 0;

}

.each-testi {
	padding-bottom: 30px;
	border-bottom: 1px solid #2f2f2f;

}

.each-testi:last-of-type{
	margin-bottom: 40px;
}

.each-testi h4 {
	font-family: 'Lora', serif;
	color: #fff;
}

/** end testimonials***/

/** =Patient **/

.patient-header h1 {
	color: #fff;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	letter-spacing: 9px;
	font-size: 3em;
	margin: 0;
}

.patient-header {
	position: absolute;
	left: 50%;
	top: 65%;
	height: 80px;
	margin-top: -40px;
	width: 490px;
	margin-left: -245px;
}

.patient-title-wrapper, .specials-title-wrapper, .blog-title-wrapper, .contact-title-wrapper {
	margin-top: 60px;
}

.patient-content p{

	line-height: 2em;
	color: #fbfbfb;
	font-size: 1em;
	margin: 30px 0;
}

ul.pdf-ul {
	list-style: none;
	text-align: center;
}

ul.pdf-ul li {
	display: inline-block;
	text-align: left;
	color: #fff;
}


.icon-div {
	float: left;
	padding-left: 20px;	
}

.desc-div {
	float: right;

}

li.first-doc-li {
	margin-right: 30px;
}

.icon-div i {
	font-size: 2.2em;
	position: relative;
	top: 6px;
	margin-right: 15px;
	color: #4f4f4f;
}

.desc-div p {
	margin: 0;
}

li.first-doc-li {
	margin-right: 30px;
}


p.click-here {
	color: #f3d189;
	font-size: 0.8em;
	margin-bottom: 4px;
}

p.click-here:before {
	content: "\f0f6";
	font-family: fontAwesome;
	position: relative;
	margin-right: -25px;
	right: 45px;
	font-size: 2.5em;
	top: 15px;
	color: #2f2f2f;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}

ul.pdf-ul a {
	display: block;
	padding: 20px 20px 20px 70px;
	color: #fff;
	background-color: #131313;
	text-decoration: none;
	border: 1px solid #2f2f2f;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
}



.instruction-container{
	max-width: 630px;
	margin: 0 auto 80px;
	float: none;
	clear: both;
}

.pdf-block-container {
	clear: both;
	display: block;
	margin: 40px 0 70px;
}

@media (min-width: 1200px){
	div .patient-header {
		top: 50%;
	}
}

@media (max-width: 767px){

	div ul.pdf-ul{
		padding: 0;
	}

	div ul.pdf-ul li {
		width: 100%;

	}
	div.desc-div {
		float: none;
		max-width: 280px;
		margin: 20px auto;
	}

	ul li.first-doc-li {
		margin-right: 0;
	}
}

@media (max-width: 550px){

	div div.patient-header{
		width: 280px;
		margin-left: -140px;
	}

	div.patient-header h1{
		font-size: 1.3em;
	}
}

/** end Patient**/

/** =specials **/

.specials-container {
	margin: 60px 0 80px;
}



@media (min-width: 1200px){

	div.specials-header{
		top: 50%;
	}
}


@media (max-width: 1055px){

	img.each-special-img {
		width: 230px;
	}
}


@media (max-width: 991px){

	.each-special-content {
		max-width: 280px;
		margin: 0 auto 50px;
	}

	div.col-xs-12.each-about-main-container{

		max-width: 300px;
	}
}

.specials-header{
	position: absolute;
	left: 50%;
	top: 65%;
	height: 80px;
	margin-top: -40px;
	width: 300px;
	margin-left: -150px;
}

.specials-header h1{
	color: #fff;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	letter-spacing: 9px;
	font-size: 3em;
	margin: 0;
}


img.each-special-img {
	display: block;
	margin: 0 auto;
	transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;	
}

a.blog-title-link {
	font-family: 'Lora', serif;
	color: #fbfbfb;
}



.each-special-content p {
	color: #fbfbfb;
	font-size: .9em;
	line-height: 2em;	
}

.each-special-content p a {
	color: #efd188;
}



a.blog-title-link:after {
	position: absolute;
	left: 50%;
	margin-left: -25px;
	content: '';
	border-bottom: 1px solid #efd188;
	width: 50px !important;
	display: block;
	margin-top: 20px;
}

.blog-title-container {
	margin-bottom: 20px;
}




/** end specials **/



/** =blog **/


@media (min-width: 1200px){

	div.blog-header{
		top: 50%;
	}
}

@media (max-width: 1050px){

	img.blog-img {
		width: 100%;
	}

}

@media (max-width: 767px){

	div img.blog-img{
		max-width: 280px;
		display: block;
		margin: 40px auto;
	}
}

.blog-header{
	position: absolute;
	left: 50%;
	top: 65%;
	height: 80px;
	margin-top: -40px;
	width: 160px;
	margin-left: -80px
}

.blog-header h1{
	color: #fff;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	letter-spacing: 9px;
	font-size: 3em;
	margin: 0;
}

.blog-content h2 {
	margin: 0;
	font-family: 'Lora', serif;
	color: #fbfbfb;
}

.blog-content p{
	line-height: 2em;
	color: #fbfbfb;
	font-size: 1em;
	margin: 30px 0 50px;	
}

.each-blog-container {
	border-bottom: 1px solid #2f2f2f;
	margin: 35px 0;	
}

.each-blog-container:last-of-type {
	border-bottom: none;
}

/** end blog **/



/** =contact **/


@media (min-width: 1200px){

	div.contact-header{
		top: 50%;
	}
}


@media (max-width: 550px){

	div div.contact-header{
		width: 280px;
		margin-left: -140px;
	}

	div.contact-header h1{
		font-size: 1.9em;
	}
}

.contact-header {
	position: absolute;
	left: 50%;
	top: 65%;
	height: 80px;
	margin-top: -40px;
	width: 400px;
	margin-left: -195px;
}

.contact-header h1{
	color: #fff;
	font-family: 'Lora', serif;
	text-transform: uppercase;
	letter-spacing: 9px;
	font-size: 3em;
	margin: 0;
}

.form-header h2 {
	font-family: 'Lora', serif;
	color: #fbfbfb;
}

.form-header span {
	color: #efd188;
}

.form-label {
	color: #fbfbfb;
	margin-bottom: 8px;	
}

.form-label span {
	color: #efd188;
}


div div.form-group input, div div.form-group textarea {
	background-color: #1a1a1a;
	border-color: #333333;
	color: #fbfbfb;
}

div textarea.form-control {
	height: 150px;
}

.the-form-container {
	margin: 30px auto 70px;
	max-width: 900px;
	float: none;
	clear: both;
}


input.btn.btn-primary.submit.footer {
	margin: 0 auto;
	display: block;
	background-color: #000;
	border: 1px solid #fbfbfb;
	padding: 10px 60px;
	text-transform: uppercase;
	letter-spacing: 4px;	
}



.each-field-container {
	margin: 5px 0px;
	padding: 0 20px;
}

.the-map-container {
	margin-bottom: 95px;
}

/** end contact **/


/** links **/

div a.contact-us-link {
	color: #efd188;
}

/****/

.proc-content {
	position: relative;
	bottom: 8px;
}


p a.phone-no {
	color: #efd188;
}

p a.phone-no:hover{
	color: #efd188;
}

.office-bg .section-container div.s4-col1-container div.s3-link-container {
	margin: 20px 0;
}

.proc-content p a {
	color: #efd188;
}

.each-about-main-container {
	max-width: 830px;
	margin: 0 auto;
	float: none;
	clear: both;
}

@media (min-width: 992px) and (max-width: 1199px){

	div.each-about-main-container{
		max-width: 730px;
	}
}

.the-proc-header h2 {
	text-transform: uppercase;
}


/* Edit 06/16/17 */

.appoint-btn {
	margin-top: 10px;
}

input.popForm::-webkit-input-placeholder {
	color: #fff !important;
	letter-spacing: 2px;
}

input.popForm::-webkit-input-placeholder {
	color: #fff !important;
	letter-spacing: 2px;
}

input.popForm:-ms-input-placeholder {
	color: #fff !important;
	letter-spacing: 2px;
}

input.popForm:-moz-placeholder {
	color: #fff !important;
	letter-spacing: 2px;
}

textarea.popForm::-webkit-input-placeholder {
	color: #fff !important;
	letter-spacing: 2px;
}

textarea.popForm::-moz-input-placeholder {
	color: #fff !important;
	letter-spacing: 2px;
}

textarea.popForm:-ms-input-placeholder {
	color: #fff !important;
	letter-spacing: 2px;
}

textarea.popForm:moz-placeholder {
	color: #fff !important;
	letter-spacing: 2px;
}

input.popForm {
	padding: 1.5em !important;
	border-radius: 4px;
}

textarea#Message_Comments {
	padding: 1.5em !important;
}

.modalHead h6 {
	font-size: 10px;
	line-height: 1;
}

.slider-text h2 {
	color: #fff;
    font-size: 3vw;
    padding: 0;
    margin: 0;
    line-height: 1.5em;
    font-family: 'Lora', serif;
    text-transform: uppercase;
    letter-spacing: 1.5vw;
}

/* Arrow Bounce */

@-moz-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -moz-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
body {
  background: black;
}

.arrow {
  position: fixed;
  bottom: 0;
  left: 50%;
  margin-left: -20px;
  width: 55px;
  height: 55px;
  background-image: url(https://www.royacdn.com/unsafe/smart/Site-10a9242d-0a6d-4a69-8997-45183121e63b/banner/down.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.arrow.bounce {
    position: absolute;
    bottom: 3em;
    cursor: pointer;
    z-index: 99;
}


a.arrowDown {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

/* Blog */

.blog-wrp h3 a, .blog-wrp a {
	color: #efd188 !important;
}

.blog-wrp h3 {
	padding: 0 !important;
}

.blog-wrp {
	color: #fff;
}

.blog-wrp img {
	float: left;
	max-width: 400px;
	padding: 10px 15px 10px 0;
}

.blog-content-wrp {
    float: initial;
}

.zocdoc-btn {
    z-index: 999;
    margin-top: 1em;
}


/* Hover only on desktop */
@media (min-width: 992px){

	a#btn-nav:hover {
		text-decoration: none;
	}

	.site-phone a:hover {
		color: #707070;
	}

	.social-icons li:hover {
		background-color:#fefefe;
	}

	a.email-us:hover {
		border: 1px solid #efd188;
		color: #fff;
		background-color: transparent;
	}

	.slider-button a:hover {
		color: #efd188;
		text-decoration: none;
		cursor: pointer;
		border-color: #efd188;
	}

	p.first-sect-btn a:hover {
		color: #efd188;
		border-color: #efd188;
		text-decoration: none;
	}

	a.thumbnail:hover {
		filter: grayscale(100%);
	}

	a.thumbnail:hover .to-zoom {
		opacity: 1;
	}

	a.s3-text-link:hover {
		color: #efd188;
		border-color: #efd188;
		text-decoration: none;
	}

	p#the-email a:hover {
		color: #fff;
		text-decoration: none;
	}

	a.roya-logo:hover {
		filter: none;
	}

	.each-about-title a:hover{
		color: #efd188;
		text-decoration: none;
	}

	.each-about-title p:hover {
		color: #efd188;
		cursor: pointer;
	}


	ul.about-ul p a:hover {
		text-decoration: none;
		color: #efd188;
	}

	ul.about-ul p a:hover:before {
		content: "- ";

	}


	ul.each-proc-ul li a:hover {
		color: #efd188;
		text-decoration: none;
	}

	ul.each-proc-ul li a:hover:before {
		content: "- ";

	}

	ul.services-list li a:hover{
		color: #efd188;	
	}

	.proc-content h4 a:hover {
		color: #EFD188;
	}

	ul.pdf-ul a:hover{
		border-color: #f3d189;
		text-decoration: none;
		color: #fff;
	}

	ul.pdf-ul a:hover p:before {
		color: #f3d189;
		text-decoration: none;
	}


	a.blog-title-link:hover{
		color:#efd188;
		text-decoration: none;
	}

	.each-special-content p a:hover{
		color: #efd188;
	}

	img.each-special-img:hover{
		outline: 1px solid #efd188;
		outline-offset: -10px;	
	}

	input.btn.btn-primary.submit.footer:hover {
		border-color: #efd188;
		color: #efd188;
	}



	/* end */
}

/* end hover*/


.scrolloffmap {
	pointer-events: none;
}

*::selection {
	background-color:#efd188 !important;
	color: #fbfbfb !important;
}

a:active, a:focus {
	text-decoration: none !important;
	background-color: transparent !important;

}

.btn-primary:active, .btn-primary:focus {
	border-color: #efd188 !important;
}

@media (max-width: 1440px) {

	div.menu > ul > li a {
		text-decoration: none;
		margin: 1.1em 0.5em;
		display: block;
		color: #fff;
		text-transform: uppercase;
		font-weight: 400;
		letter-spacing: 2px;
		font-size: 0.8em;
	}

	.the-email-container a.email-us {
		font-size: 0.8em;
		padding: 10px;
	}

	.col-xs-12 .the-header-container {
		padding: 30px 5px;
	}

	div.slider-text h2 span {
		right: 10px;
		bottom: 10px;
	}

	.grid figure.effect-bubba h2, .grid figure.effect-bubba p {
		top: 70%;
	}
}

@media (max-width: 1390px) {

	.the-navigation {
		float: right;
	}

	.col-lg-6.s4-col2-container {
		right: 0;
		width: 50%;
	}

}

@media (max-width: 1280px) {

	.menu-container div.menu > ul > li a {
		font-size: 0.7em;	
	}

	div.the-email-container a.email-us {
		font-size: 0.7em;
	}

	div #banner-learn-btn.slider-button {
		margin-left: -13vw;
	}
}

@media (max-width: 1199px) {

	div.procedures-header {
		top: 65%;
	}

	.each-proc-title p {
		line-height: 1.2em;	
	}


	div.aboutUs-header {
		top: 75%;
	}

	.footer-info-container h2 {
		text-align: center;
	}

	.html-blk-contact {
		width: 40%;
		margin: 0 auto;
	}

	.index-contact-us {
		padding: 0 120px;
	}

	.col-xs-12.dark-gray-bg {
		padding: 60px 0;	
	}

	.col-xs-12.gray-bg {
		padding: 60px 5px;		
	}

	.col-lg-6.s4-col1-container {
		height: 700px;	
	}


	div.grid figure {
		width: 50%;
	}




	div div.slider-text h2 span {
		right: 6.5px;
		bottom: 6.5px;
	}

	div.the-navigation {
		float: none;
		position: relative;
		top: 10px;
	}

	.the-email-container {
		text-align: center;
	}

	div.the-email-container a.email-us {
		width: auto;
		position: relative;
		top: 15px;
	}

	.col-xs-12.black-bg {
		padding: 60px 0;
	}

}

#header-wrapper #header #header-inner .navbar .navbar-inner #btn-nav {
	float: left;
	height: 35px;
	margin-top: 30px;
	margin-right: 10px;
	width: 35px;
}

a#btn-nav {
	text-decoration: none;
}



.navigation-wrapper {
	background-color: #000;
	height: 100%;
	left: -70%;
	position: absolute;
	top: 0;
	width: 70%
}

@media (max-width: 991px) {

	a.btn.btn-primary.email-us {
		margin-top: 10px !important;
	}
	a.thumbnail {
		filter: grayscale(100%);
	}
	a.thumbnail .to-zoom{
		opacity: 1;
	}

	div.the-docs-subheader:after {
		left: 50%;
		margin-left: -25px;
	}


	.the-docs-header h1, .the-docs-subheader p{
		text-align: center;
	}

	.about-sb-container {
		margin-bottom: 50px;	
	}

	.gold-arrow-container img {
		display: block;
		margin: 0 auto;
	}

	div ul.about-ul {
		text-align: center;	
	}

	.sidebar-header {
		text-align: center;
	}

	div.sidebar-header h2:after {
		position: absolute;
		left: 50%;
		content: '';
		border-bottom: 1px solid #efd188;
		width: 50px !important;
		display: block;
		bottom: 8px;
		margin-left: -25px;
	}

	.each-about-title {
		display: none;
	}

	.index-blog-des {
		margin-bottom: 60px;
	}

	img.index-blog-img {
		max-width: 400px;
		display: block;
		margin: 0 auto;
	}

	.col-lg-6.s4-col1-container {
		padding: 35px;
		height: auto;	
	}
	.col-lg-6.s4-col2-container {
		position: static;
		margin: 20px 0;
		padding: 0;
		width: 100%;
		height: auto;	
	}

	img.s4-the-image {
		border: 1px solid #efd188;
		padding: 10px;
	}

	div.s1-text {
		padding-left: 0;
		text-align: center;
	}

	.s1-image-border img.index-doctors {
		position:static;
		display: block;
		margin: 0 auto;
		border: 1px solid #efd188;
		padding: 10px;
	}

	.col-xs-12.ga-container {
		padding-bottom: 0;
	}

	.col-lg-3.s1-image-border {
		border: none;
		margin: 30px 0;	
	}

	.slider-text h4, .slider-button {
		display: none;
	}

	#header-wrapper #header #header-inner .navbar .navbar-inner #btn-nav:before {
		content: "\f0c9";
		font-family: fontAwesome;
		font-size: 1.7em;
		color: #efd188;
		background-color: transparent;
		padding: 5px;
	}

	div#navigation {
		display: block;
	}

	.the-nav-container {
		display: none;
	}
	div.logo-wrapper {
		width: 100% !important;

	}
	div#header-wrapper #header #header-inner .navbar .navbar-inner .info {
		float: none;
		margin-left: 0;
	}

	div#header-wrapper #header #header-inner .navbar .navbar-inner .logo {
		height: auto;
	}	

	div.site-email {
		float: left !important;
		margin: 0 20px;
	}

	div.site-phone {
		float: right !important;	
	}

	div.loginWidget {
		float: none;
		text-align: center;
	}
}

@media (max-width: 768px) {

	div img.the-docs-img {
		width: 200px;
	}

	div	div.aboutUs-header {
		top: 55%;
	}

	ul.contact-info {
		text-align: left;
	}

	.table-wrapp table.office-hours {
		text-align: left;
	}

	div.html-blk-contact {
		width: 40%;
		text-align: center;
	}

	div.s6-header p:after {
		position: absolute;
		left: 50%;
		margin-left: -30px;
		content: '';
		border-bottom: 4px solid #efd188;
		width: 60px !important;
		display: block;
		padding-top: 15px;
	}

	.col-xs-12.index-contact-us {
		padding: 0;
		text-align: center;
	}

	div.s6-subheader p {
		width: 100%;
	}

	.slider-text h2 {
		display: none;
	}

	div#header-wrapper {
		position: static;
	}

}

@media (max-width: 767px){

	.each-img-container {
		width: 300px;
		margin: 0 auto;
		float: none;
		clear: both;
	}

	.each-proc-container {
		text-align: center;
		margin: 15px 0 40px;	
	}

}

@media (max-width: 614px) {

	.footer-info-container div.html-blk-contact {
		width: 270px;
	}

	div.grid figure {
		display: inline-block;
		float: none;
		margin: 10px auto;
		width: 100%;


	}

}


@media (max-width: 485px){

	div.procedures-header {
		position: absolute;
		left: 0;
		margin-top: -40px;
		width: 100%;
		margin-left: 0;
		font-size: 0.5em;
		text-align: center;
	}

	div.grid figure{
		max-height: 460px;
	}

}

@media (max-width: 425px) {

	.col-xs-12.each-about-container .grid {
		right: 10px;
	}

	div.aboutUs-header h1 {
		font-size: 2em;
	}

	div.aboutUs-header {
		width: 250px;
		margin-left: -125px;
	}

	p#the-email a {
		font-size: 1em;
	}

	.col-md-6.col-lg-6.s4-col1-container {
		padding: 20px;
	}

	div.s3-header p {
		font-size: 2em;	
	}

	div.s3-subheader p {

		font-size: 0.85em;
	}

	.proc-subheader h2 {
		font-size: 1.7em;
	}

	div.each-img-container {
		width: 280px;
	}

	div.proc-subheader h4 {
		font-size: 0.8em;
	}


	div div	div.aboutUs-header{
		top: 67%;	
	}
}

.zocdoc-btn >div {
    text-align: center;
}

a#zocdoc {
    background: #fef200 !important;
    color: #01264d;
    padding: 7px 20px;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: -1px;
}

@media (max-width:767px) {
	.arrow.bounce {
		display: none;
	}
}

@media (max-width:1199px) {
	.zocdoc-btn {
		top: 47%;
	}
}

@media (max-width:1199px) and (min-width:992px) {
	a.btn.btn-primary.email-us.appoint-btn {
		top: -2px;
	}

	div.the-email-container a.email-us {
		top: 3px;
	}
}



.top-banner {
    background: #f2d186;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top-banner p {
    color: #000;
    font-weight: bold;
    margin-bottom: 0;
    font-family: 'Lora', serif;
}

a.btn.btn-primary.email-us.appoint-btn:before {
    content: '\f003';
}