@media  (max-width:1600px) and (min-width: 992px) {
	div#appointment {
		left: 51vw !important;
		height: 525px!important
	}


	.navigation-wrapper .navigation .nav li .nolink, .navigation-wrapper .navigation .nav li a {
		font-size: 12px !important;
		
	}

	div.top-contact-wrapper {
		    margin-right: 0 !important;
	}
	
	div#header .container {
			width:100% !important;
	}
	
	.navigation-wrapper .navigation .nav {
		margin-top: 5em !important;
		float: left !important;
	}
	
	
	div.section-cta h2, .inside-section-cta h2 {
		font-size: 1.7vw;
	}
	
	div.slider-text h4 {
	display:none !important;
	}
	
	div.slider-button {
		display:none !important;
	}
	
	
	
	
	
}


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

.navigation-wrapper .navigation .nav li .nolink, .navigation-wrapper .navigation .nav li a {
		padding-left: 2em !important;
		padding-right: 2em !important;
	}
}


@media (max-width:1200px) {
	
#staffslider a.carousel-control.right, #staffslider a.carousel-control.left {
    top: 14em !important;
    
	}

#staffslider a.carousel-control.right .icon-next:before, #staffslider a.carousel-control.left .icon-prev:before {
	left:0 !important;
	
}
.ourstaff-slider {
    max-width: 900px;
    margin: auto;
    float: none;
	}
}


@media  (max-width:1600px) and  (min-width: 1200px) {
	
	div.info-wrapper {
		top: 4em;
		left: 4em;
		}
	
	
	
}


@media  (max-width:1400px) and  (min-width: 1201px) {
	
	#staffslider a.carousel-control.right .icon-next:before, #staffslider a.carousel-control.left .icon-prev:before {
		left:1em !important;
	
	}
	
	div.ourstaff-slider .staff-slider-wapper img {
		max-width: 250px !important;
		margin: auto !important;
	}
}
	
@media  (max-width:1199px) and  (min-width: 992px) {
	.about-section {
		padding: 1em 0 5em;
		background: #fff;
	}
	
	
	div.info-wrapper {
		top: 2em;
   		left: 1em;
	}

}


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

.navigation-wrapper .navigation .nav li .nolink, .navigation-wrapper .navigation .nav li a {
    padding-left: 1em !important;
    padding-right: 1em !important;
	}
}


@media (max-width:991px) and (min-width:501px) {
	
	div#testislider a.carousel-control.right, div#testislider a.carousel-control.left {
		top: 16em !important;
		
	}
	
	
	#testislider a.carousel-control.right .icon-next:before, #testislider a.carousel-control.left .icon-prev:before {
		left: 5px !important;
	}
	
	
	div.testi-block {
		min-height: 380px;
	}
}

@media (max-width: 1199px) {

	.inside-section-cta .first-cta h2:before {
		left: 0 !important;
	}


	div#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone {
		float: left;
		
	}	

	div#header-wrapper #header #header-inner .navbar .navbar-inner .site-email {
		 float: right;
		
	}

}



@media (max-width: 991px) {
	
	
	div.emergency {
		 text-align: left;
		 margin:2em 0;
		
	}
	
	div.footemenu {
		display:none;
	}
	
	table.office-hours tr td {
    width: auto !important;
	}
	
	
	div.info-wrapper {
		position: initial;
		padding: 1em 1em 3em;
		
	}
	
	

	div.section2 {
		padding:4em 0;
	}
	
	.profile-pic img {
		margin: auto;
	}
	
	
	
	.welcom-image-right {
		display: none !important;
	}

	
	div.welcome-content-wrapper {
		padding: 4em 1em;
	}
	
	div#section3 {
		padding: 3em 1em !important;
	}

	div.welcome-image-left {
		display: block !important;
		height: auto !important;
	}
	
	div.welcome-wrapper {
		display: block !important;
		height: auto !important;
	}
	
	
	div.meet-the-team {
		padding-top: 10px !important;
	}
	
	.ourstaff-slider .staff-slider-wapper img {
		margin: auto;
	}
	
	.hovereffect.nopadding {
		margin: 10px auto !important;
	}
	
	.forArrow .arrowdown {
		top: 65% !important;
	}
	
	.slider-text-wrapper h5 {
		top:1em !important;
	}
	
	
	div.site-phone a {
		color:#ba943d !important;
	}
	
	div.index-app-section {
		padding: 1em 0;
	}
	
	div.site-phone a:after {
		display:none;
	}
	
	
	div.logo-wrapper .logo img {
		padding-top:0;
	}
	
	div#header .container {
		width:90% !important;
	}
	
	div.online-store {
    padding: 40px 0px;
}
	
	div.product-wrapper {
		margin: 0 auto 20px;
		max-width: 500px;
		float: none;
	}
	
	div.powered p {
		float:left;
	}
	
	#footer-wrapper #footer-top h2 {
		text-align:left !important;
	}
	
	.site-phone a:after {
		display:none;
	}
	
	a.btn.btn-primary.slider-button {
    display: none;
	}
	
	div.slider-text h4 {
		border-bottom:none;
	}


	.navigation-wrapper .navigation .nav li .nolink, .navigation-wrapper .navigation .nav li a {
		text-shadow: none !important;
	}


	#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone span {
		padding-left: 0 !important;
	}


	.about-info-wrapper {
		padding: 0 !important;

	}
	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;
		text-align: center
	}	

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

	div.site-phone {
		float: none !important;
		margin: auto !important;
	}
	div.loginWidget {
		float: none;
		text-align: center;
	}

	div#header-wrapper {
		position: inherit;
		background:#fff;
	}


	div.cta-container img {
		margin: 0 auto;
		float: none;
		display: block;
	}

	div.cta-container {
		padding: 10px;
		text-align:center;
	}

	div#first-section h1, div#second-section h2, .contact-info h3 {
		text-indent: 0 !important;
		font-size: 40px !important;
	}
	div.about-section {
		margin-top: 0;
		
	}

	div.about-section-wrapper {
		padding: 10px;
	}

	div.about-image {
		margin: auto;
	}

	div.slider-text-wrapper {
		bottom: 30% !important;
	}

	.second-section-wrapper {
		padding: 20px 10px !important;
	}

	.second-section {
		background-size: initial !important;
		padding: 40px 0px !important
	}

	div#appointment h3 {
		margin-top: 0 !important;
	}

	div.buttons-container:after {
		border: 1px solid #fff;
		width: 10%;
		margin: 1em 0;
	}

	div.index-logo img { 
		margin: 10px 0px;

	}


	.about-image { 
		margin:auto;
	}

	div.section-cta {
		padding-bottom: 20px !important;
		margin-top: 0 !important
	}

	#header-wrapper #header #header-inner .navbar .navbar-inner .site-phone span {
		padding-left:0;
	}

	.site-phone a {
		font-size: 20px !important;
	}


	.site-phone a:before {
		font-size:20px !important;
	}
	
	div.contact-bg {
	padding:40px 0px;
	}

	div.contact-content-wrapper {
		padding: 0 20px;
	}

	.contact-section {
		padding: 0 !important;
	}

	div.contact-info {
		border-right: none;
	}
	
	div.contact-form-wrapper {
    padding: 20px;
	}
	
	

}

@media (max-width: 768px) {

	
	#staffslider a.carousel-control.right .icon-next:before, #staffslider a.carousel-control.left .icon-prev:before {
		top:-3.5em !important;
	}
	
	
	div.slider-text h2 {
      font-size: 3vw !important;
    }

}


@media (max-width: 500px) {
	
	div.ourstaff-slider h2 {
		font-size: 29px !important;
	}
	
	a.scrollToTop {
		font-size: 12px;
		position: relative;
		top: -0.7em;
	}
	

	
	.forArrow .arrowdown {
		top:50% !important;
	}
	
	div.slider-text-wrapper h5 {
		font-size: 8px;
		top: 0;
	}
	
	div#first-section h1, div#second-section h2, .contact-info h3 {
		font-size: 30px !important;
	}

	.testi-wrapper:before {
		width: 40px !important;
		top: 10px !important;
		height: 40px !important;
		left: 2vw !important;
	}

	.testi-wrapper:after {
		display:none;
	}
	.inside-page-header {
		height:100px !important;
	}

	.inside-page-header h1 {
		top: 0 !important;
		font-size: 5vw;
	}

	.slider-text h4 {
		font-size: 3vw !important;
		line-height: 20px !important;
	}	

	.section-container h2, .testi-wrapper h2 {
		font-size:28px !important;
	}


	.index-testi-section {
		padding: 40px 0px !important;
	}

	.index-logo {
		margin-top: 7.5vw !important;
	}

	div.buttons-container:after {
		margin: 1em !important;
	}

	.map-section div#map {
		display: none !important;
	}	
	

	div.slider-text-wrapper {
    bottom: 10% !important;
	}
}

@media (max-width: 420px) {

	.section-container h2, .testi-wrapper h2 {
		font-size: 24px !important;
	}

	
	div.ourstaff-slider .staff-slider-wapper img {
		
		max-width: 200px !important;
		}
	
	#staffslider a.carousel-control.right, #staffslider a.carousel-control.left {
    top: 6em !important;
	}


}






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

body {
	font-size: 16px !important;
	color: #333 !important;
}

.logo-wrapper .logo img {
    margin: 15px auto 0;
    max-width: 350px;
    padding-top: 2em;
}
/* ---- Login Button ---- */

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



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


.site-phone a {
    text-decoration: none;
    color: #efc562 !important;
    font-size: 15px;
    line-height: 2em;
    font-weight: lighter;
    letter-spacing: 2px;
}

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

.site-phone a:before {
	content: "\f095";
	font-family: fontAwesome;
	
}

.site-email a:after {
    content: '';
    position: relative;
    border-bottom: 1px solid #e3b864;
    width: auto;
    top: -2.6em;
    right: 0;
    left: 0;
    margin: auto;
    float: none;
    display: block;
}


.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;
}
.social-icons li:hover {
	background-color:#fefefe;
}

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

#footer-wrapper #footer #footer-inner p {
	margin: 0px;
	color: #fff !important;
}

}
.span6.copyright {
	text-align:center;
}


#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;
    background: #682938;
    color: #fff;
}


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

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



.modal-body {
    top: 1em;
}


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

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Playfair Display', serif;
	color: #333;
}

/* -- Header -- */

div#header .container {
	width: 90%;
	padding: 0;
	float: none;
	margin: auto;
}

.top-contact-wrapper {
    overflow: auto;
    padding: 4em 1em 1em;
    float: right;
    background: #54252b;
    display: block;
}

.slider-text span.span-1 {
    font-weight: 500;
}

.slider-button:after {
    font-family: 'FontAwesome';
    color: #000;
    text-shadow: none;
    display: inline-block;
    border: 1px #383838 solid;
    border-radius: 100%;
    content: '\f105';
    width: 29px;
    height: 28px;
    right: -1em;
    position: relative;
    top: 1px;
}


a.btn.btn-primary.slider-button:hover {
    text-decoration: none;
    color: #333;
}


.slider-button .btn:active, .btn.active {
	box-shadow:none;
}

/* -- Inside Page Overrides -- */





.buttons-container {
	padding: 0;
}

.buttons-container:after {
	content: '';
	position: absolute;
	border: 1px solid #fff;
	width: 20%;
	margin: 2em 0;
}

.index-logo {
	margin-top: 3.5vw;
}

.name {
	font-weight: bold;
	color: #94c45c;
}
.reviews-content {
	padding: 30px 0px;
}

.reviews-content:before {
	content: '';
	width: 30px;
	background: url(https://www.royacdn.com/unsafe/smart/Site-d48d42c3-6c46-48ac-9dee-a308748bc489/resources/quote1.png);
	position: relative;
	background-repeat: no-repeat;
	top: 1em;
	left: 0;
	height: 30px;
	display: block;
	background-size: contain !important;
	margin: 1em -1em;
}

a.btn.btn-primary.reviewsbutton {
	padding: 12px 40px;
	font-weight: normal;
	letter-spacing: 2px;
}

/* -- Home page Overrides-- */


.section2 {
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/section2bg.jpg);
    background-size: cover;
    padding: 8em 0 6em;
}

.meet-the-team {
    padding-top: 4em;
}


.about-section h2, .section2 h2, .ourstaff-slider h2, .app-content h2, .testimonial-section h2, .info-wrapper h2, ourstaff-slider h2 {
    color: #86333b !important;
    text-transform: uppercase;
    font-size: 29px !important;
}


.about-section p, .section2 p {
    color: #86333b;
}

div#first-section h1, div#second-section h2 {
    font-size: 50px;
    padding-bottom: 30px;
    color: #333;
    font-weight: lighter;
}


div#second-section h2 {
	padding-bottom:0;
}

.reviewsletter {
	margin-top: 50px;
	margin-bottom: 20px;
}


.reviewspage-block {
    padding: 35px 0px;
    border-bottom: 1px solid #ba943d;
}


.testi-wrapper {
	background: #f5f5f5;
	padding: 30px 40px;
	background-color: rgba(148, 196, 92, 0.44);
}

.index-testi-section {
	padding: 100px 0 90px;
	background-color: #fff;
}

.index-logo img {
	max-width: 100px;
}

div#content .container-fluid {
	padding: 0;
}

.inside-page div#content {
	margin: 0;
}



.about-section {
    padding: 9em 0 5em;
    background: #fff;
}

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

.map-section {
	padding:0;
}

.section-container h1 {
	color: #595748;
	font-size: 46px;
}


.servicesimage {
	max-width: 500px;
    margin: auto;
    box-shadow: 2px 2px 5px #c1c1c1;
}

.inside-content-wrapper {
	padding: 40px 10px;
}

.about-info-wrapper {
	padding: 5em;
}


.pets img {
    max-width: 400px;
    margin: 10px auto;
    box-shadow: 2px 2px 5px #c1c1c1;
}

.clinic-tour img {
    max-width: 600px;
    margin: auto;
    box-shadow: 2px 2px 5px #c1c1c1;
    background: #54252b;
}

.staff-page {
	padding: 0 20px 10px;
}


.staff-page imng {
	max-width:300px;
	box-shadow: 2px 2px 5px #c1c1c1;
	margin:auto;
}

.inside-page-header {
    text-align: center;
    color: #ffffff;
    margin-top: -20px;
    background-repeat: no-repeat;
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/insidebanner.jpg);
    background-size: cover;
    padding: 80px 0px;
    background-position: 100% 40%;
    height: 500px;
}

.inside-page-header:before {
    content: '';
    position: absolute;
    width: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(10, 10, 9, 0.68);
}

.inside-page-header h1 {
    color: #fff !important;
    position: relative;
    top: 4em;
    text-shadow: 3px 2px 8px #000000;
    letter-spacing: 2px;
}

/* - - cta - - */


.section-cta {background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/top_cta_wrapper.jpg);background-size: cover;}

.cta-section-container, .contact-section-container {
    max-width: 1199px;
    width: 100%;
    margin: 0 auto;
    float: none;
    clear: both;
}

.cta-container {
    color: #fff;
   padding: 0 15px;
}


.cta-title h2 {
    position: relative;
    top: 17px;
}

.cta-container img {
	max-width: 70px;
	margin: auto;
}

.cta-wrapper {
    padding: 20px;
    background: transparent;
}

.inside-section-cta {
	margin-top: 2em;
}



.section-cta h2, .inside-section-cta h2 {
    font-size: 24px;
    color: #333;
}

.cta-container:hover {
}




a.cta {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
}



#second-section span.span-1 {
    color: #000080;
    font-weight: 500;
}

#second-section span.span-2:after {
    font-family: 'FontAwesome';
    content: '\f105';
    margin-left: 10px;
}


#second-section span.span-2 {
    letter-spacing: 1px;
    color: #333;
}

.product-container {
    background: #fff;
    border: 5px solid #d7dee5;
    padding: 3em 1em 3em;
}


.product-wrapper {
    padding: 0 20px;
}


.product-container img {
    max-width: 250px;
    margin: auto;
}
.product-container strong {
    font-weight: 500;
    text-transform: capitalize;
    font-size: 20px;
}


.product-wrapper {
    padding: 0 20px;
}

.about-section-wrapper p {
	line-height: 30px;
	font-size: 18px;
}


}
.second-section-wrapper {
	padding: 0;
}


.online-store {
    background: #fff;
    padding: 5em 0 9em;
}


.contact-info h3 {
    color: #fff;
    font-size: 50px;
}


.contact-bg {
    background: url(https://www.royacdn.com/unsafe/smart/Site-6339d9be-2e6b-4c87-aedf-b65b8ecf34a8/resources/contact_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10em 0 6em;
    background-position: center;
}

.contact-info strong {
    font-weight: 500;
    font-family: rubik;
}

.contact-info {
    color: #fff;
    font-size: 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.47);
}


.contact-info span.span-1:before, .contact-info span.span-2:before, .contact-info span.span-3:before { 
    content: '\f095';
    font-family: 'FontAwesome';
    margin-right: 10px;
}

.contact-info span.span-2:before {
	content: '\f02f';
}


.contact-info span.span-3:before {
	content: '\f0e0';
}

#content {
	padding-bottom: 0 !important;
	padding-top: 20px;
}

.office-hours-section h2:before {
	content: "\f017";
	font-family: fontAwesome;
	position: absolute;
	top: -1em;
	left: 0;
	font-size: 75px;
	right: 0;
}



body a:hover, a:focus {
	color: #595748;
}





.contact-section .form-control {
    background: rgba(172, 172, 172, 0.10);
    font-size: 12px;
    margin: 0;
}



.contact-section input#message {
    height: 150px;
}


.contact-section input.btn.btn-primary {
    -webkit-transition: background-color 0.2s ease-in;
    -moz-transition: background-color 0.2s ease-in;
    -o-transition: background-color 0.2s ease-in;
    transition: background-color 0.2s ease-in;
    border: 0px;
    color: #fff;
    background: #5f2635;
    padding: 10px 30px 10px 19px;
    font-size: 11px;
    text-transform: uppercase;
    border-radius: 0 !important;
    letter-spacing: 1px;
    border: 1px solid transparent;
    transition: all ease 0.3s;
}



.contact-section input.btn.btn-primary:hover {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.80);
    letter-spacing: 2px;
}


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


.contact-section input#name::-webkit-input-placeholder, .contact-section input#email::-webkit-input-placeholder, .contact-section textarea#message::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.60) !important;
    font-weight: lighter;
}


.contact-section input#phone::-webkit-input-placeholder, .contact-section input#phone::-webkit-input-placeholder, .contact-section input#phone::-webkit-input-placeholder {
	
	color: rgba(255, 255, 255, 0.60) !important;
    font-weight: lighter;
}



.powered p {
    color: #eab241;
    position: relative;
    top: 3em;
    float: left;
    font-size: 11px;
    letter-spacing: 1px;
}

.online-store-section {
    margin-top: 3em;
}


.productname p {
    font-size: 18px;
    line-height: 26px;
}

.textwrap a:after {
    font-family: 'FontAwesome';
    content: '\f105';
    margin-left: 10px;
}



.inside-sidebar .fa:before {
    padding-right: 10px;
    font-family: fontawesome;
}

a.side-button {
    width: 100%;
    padding: 1.5em;
    float: left;
    text-align: center;
    font-size: 16px;
    font-family: 'Playfair Display', serif;
    letter-spacing: 1px;
}

.textwrap {
    background: #d7dee5;
    padding: 2em 0;
}

.textwrap a {
    color: #17395d;
}

.textwrap span.span-3 {
    position: relative;
    top: 15px;
}




.cta-wrapper:hover h2 {
    color: #fff !important;
}


.cta-wrapper:hover a {
    color: #fff !important;
    text-decoration: none;
    letter-spacing: 2px;
}


.cta-title a {
    color: #fdeddb;
    text-transform: uppercase;
    transition: all ease 0.3s;
}

.inside-sidebar {
    max-width: 500px;
    margin: auto;
    float: none;
}

ul.html-sitemap-ul {
    -webkit-column-count: 3;
    list-style: none;
    line-height: 50px;
}

.text-wrapper2.dashed-border {
    padding: 35px 0px;
    border-bottom: 1px solid #ba943d;
}


.text-wrapper2.dashed-border h2 {
    color: #54252b;
}


.staff-image {
    max-width: 300px;
    margin: 0 auto 10px;
    padding: 0 10px;
}


.online-forms li a:before {
    content: '\f1c1';
    margin-right: 20px;
    font-family: fontawesome;
    line-height: 30px;
}

.online-forms li {
    list-style: none;
}

.clinic-tour .carousel-indicators li {
	display:none;
}
	
.clinic-tour a.carousel-control.right .icon-next:before, .clinic-tour a.carousel-control.left .icon-prev:before {
    font-family: 'FontAwesome';
    font-size: 40px;
    text-shadow: none;
    display: block;
    margin: auto;
    position: relative;
    top: -5.5em;
    height: 37px;
    width: 40px;
    color: #54252b;
}

.clinic-tour a.carousel-control.right .icon-next:before {
    content: '\f105';
    right: 0;
}


.clinic-tour a.carousel-control.right, .clinic-tour a.carousel-control.left {
    opacity: 1;
    display: block !important;
    width: 25px;
    height: 25px;
    background: none;
    bottom: -5px;
    top: inherit;
    z-index: 9999;
}

.clinic-tour a.carousel-control.right .icon-next:hover:before, .clinic-tour a.carousel-control.left .icon-prev:hover:before {
    color: #ba943d;
}

.clinic-tour a.carousel-control.left .icon-prev:before {
    content: '\f104';
    left: 0;
}


#testislider a.carousel-control.right .icon-next:before {
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/arrowright.png);
    color: #fff;
    text-shadow: none;
    display: block;
    margin: auto;
    position: relative;
    top: -5.5em;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    left: 4em;
}

#testislider a.carousel-control.left .icon-prev:before {
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/arrowleft.png);
    color: #fff;
    text-shadow: none;
    display: block;
    margin: auto;
    position: relative;
    top: -5.5em;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    left: -4em;
}


div#testislider a.carousel-control.right, #testislider a.carousel-control.left {
    opacity: 1;
    display: block !important;
    width: 25px;
    height: 25px;
    background: none;
    bottom: -5px;
    top: 16em;
    z-index: 9999;
}
.
.clinic-tour .text-center {
    text-align: center;
    font-size: 18px;
}

.inside-product-wrapper{
   padding: 35px 0px;
   border-bottom: 3px solid #d7dee5;
}

.inside-product {
    max-width: 250px;
    margin: 0 auto 20px;
    padding: 0 8px;
	
}

div.links ul li a {
    color: #666666;
    display: inline-block;
    font-family: rubik;
    letter-spacing: 1px;
    font-size: 18px;
    padding: 10px 15px;
}

div.links ul {
	-webkit-padding-start: 0 !important;
}

.textwrap a:hover {
    text-decoration: none;
}
.textwrap:hover a {
    color: #fff;
}

.textwrap:hover {
    background: #000080;
    color: #fff;
}



@media only screen and (min-width: 992px) {
	
	.section-cta h2:hover {
			color:#fff;
		}

	div.section-cta h2 {
		color: #fff;
		font-family: 'Poppins', sans-serif;
		text-transform: uppercase;
	 }				
	

	
	.slider-button:after {
		color:#fff;
		border:1px solid #fff;
	}
	
	.cta-wrapper:hover {
		background: transparent;
		border: 1px solid rgba(255, 255, 255, 0.27);
	}
	
	.cta-wrapper {
        padding: 20px;
		border: 1px solid transparent;
		transition: all ease 0.3s
 }
	
	.section-cta {
    padding: 10em 0;
 }
	
	.cta-wrapper:hover a {
    color: #f2e1cf !important;
 }			
	
}
	
	
/* CTA HOVER */

.hovereffect {
	width: 100%;
	height: 100%;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: center;
	cursor: default;
	background: rgba(0, 0, 0, 0.94);
	margin: auto !important;
	float: none;
	max-width: 400px;
}

.hovereffect .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	padding: 50px 20px;
	-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	-moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	pointer-events: none;
}

.hovereffect img {
	display: block;
	position: relative;
	max-width: none;
	width: calc(100% + 20px);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(-10px,0,0);
	transform: translate3d(-10px,0,0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;

}

.hovereffect:hover img {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect h2 {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 22px;
    overflow: hidden;
    padding: 36% 0 .5em;
    background-color: transparent;
    text-shadow: 0px 0px 3px #272727;
    line-height: 1.5;
    display: visible;
    opacity: 1;
    font-family: 'Poppins', sans-serif;
    font-weight: lighter;
    letter-spacing: 2px;
}


.hovereffect h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1.5px;
	background: #fff;
	content: '';
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(-100%,0,0);
	transform: translate3d(-100%,0,0);
}

.hovereffect:hover h2:after {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

.hovereffect a, .hovereffect p {
	color: #FFF !important;
	opacity: 1;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(100%,0,0);
	transform: translate3d(100%,0,0);
}

.hovereffect:hover a, .hovereffect:hover p {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	/* background: #f0f0f0 !important; */
	/* color:indigo !important; */
}

.circle-wrapper {
    background-color: white;
    width: 50px;
    height: 50px;
    z-index: 99999999;
    border-radius: 50%;
    margin: auto;
    float: none;
    margin-top: -0.5em;
}

.circle-wrapper .fa{
	font-size: 25px;
	color: #272727;
	padding: 12px
}

div#section3 {
    background: #fcf5ed;
    padding: 5em;
}


.forArrow .arrowdown {
    position: absolute;
    top: 85%;
    left: 50%;
    margin-left: -20px;
    margin-top: 50px;
    color: #e3b864;
    font-size: 60px;
    cursor: pointer;
}



span.arrow.bounce.arrowdown:before {
    content: '';
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/rightArrowIcon.png);
    display: block;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
}


/* ------- Bounce ----*/
 
@-moz-keyframes bounce {
  20%, 50%, 20%, 20%, 20% {
    -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 {
  20%, 50%, 20%, 20%, 20% {
    -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 {
  20%, 50%, 20%, 20%, 20% {
    -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);
  }
}

.bounce {
  -moz-animation: bounce 3s infinite;
  -webkit-animation: bounce 3s infinite;
  animation: bounce 3s infinite;
	
}
.slider-text-wrapper h5 {
    font-family: 'Poppins', sans-serif;
    color: #ba943d;
    font-size: 14px;
    position: relative;
    top: 3em;
    letter-spacing: 1px;
}
	
.slider-wrapper h2 {
    font-size: 30px !important;
    color: #deb362 !important;
}

#staffslider a.carousel-control.left .icon-prev:before {
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/arrowleft.png);
    color: #fff;
    text-shadow: none;
    display: block;
    margin: auto;
    position: relative;
    top: -5.5em;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    left: -5em;
}


#staffslider a.carousel-control.right .icon-next:before {
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/arrowright.png);
    color: #fff;
    text-shadow: none;
    display: block;
    margin: auto;
    position: relative;
    top: -5.5em;
    content: '';
    background-size: contain;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    left: 4em;
}

.ourstaff-slider .staff-slider-wapper img {
    max-width: 350px !important;
}


.ourstaff-slider {
    min-height: 300px;
}

#staffslider .carousel-indicators li {
    display: none;
}

#staffslider a.carousel-control.right, #staffslider a.carousel-control.left {
    opacity: 1;
    display: block !important;
    width: 25px;
    height: 25px;
    background: none;
    bottom: -5px;
    top: inherit;
    z-index: 9999;
}


.meet-the-team {
    padding-top: 7em !important;
}


.index-app-section {
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/aptmntsection.jpg);
    color: #ba943d;
    background-size: 100% 100%;
    padding: 12em 0;
}


.app-content, .testi-title-content {
    max-width: 600px;
    margin: auto;
    float: none;
}


.app-content h2 {
    color: #ba943d !important;
}

.testimonial-section {
    padding: 4em 0 2em;
    background: #fff7ee;
    color: #86333b;
}

.profile-pic img {
    max-width: 90px;
}

div.testi-block >div {
    padding: 0 2em !important;
}

.testi-block:before {
    content: '';
    width: 20px;
    background:url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/_.png);
    position: absolute;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    height: 20px;
    display: block;
    background-size: contain !important;
}

.testimonial-section .carousel-indicators li {
    background: #86333b;
    transform: scale(.9);
	width:10px;
    height:10px;
    border:none;
}

.testimonial-section .carousel-indicators .active {
    background: #86333b;
    transform: scale(1);
	width:15px;
    height:15px;
}

.testimonial-section .carousel-indicators li {
    transition: all 0.2s ease !important
}


.testimonial-section ol.carousel-indicators {
    top: 25em !important;
}

.contact-map-section {
    background: #802f36;
	padding:0;

}

.info-wrapper {
    color: #ffeaba;
    position: relative;
    top: 11em;
    left: 11em;
}

.info-wrapper h2 {
	color:#ffeaba !important;
}

.social-wrapper {
    max-width: 54px;
}

div#footer-top ul {
    -webkit-padding-start: 0px;
}


div#footer-top li {
    list-style: none;
}


div#footer-top li a {
    color: rgba(255, 255, 255, 0.80);
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: lighter;
}

table.office-hours tr td {
    font-size: 13px;
    color: rgba(255, 255, 255, 0.80);
    border-bottom: 1px solid rgba(255, 255, 255, 0.80);
    letter-spacing: 1px;
    width: auto;
    line-height: 3.5em;
    font-weight: lighter;
}


.submit-button-block:after {
    content: "\f105";
    font-family: fontAwesome;
    position: absolute;
    color: #fff;
    font-size: 14px;
    right: 20px;
    top: 23px;
}

.emergency span {
    font-style: italic;
}



.emergency a:hover {
    text-decoration: none;
    color: #fff;
}


.emergency {
    text-align: left;
    font-size: 12px;
    margin-top: 2em;
    color: rgba(255, 255, 255, 0.80);
}

.emergency a {
    color: rgba(255, 255, 255, 0.80);
}

.emergency strong {
    letter-spacing: 0.5px;
}

.emergency p {
    line-height: 12px;
}





.inside-payment-logo {
    padding-top: 20px;
}



.inside-payment-logo img {
	max-width:150px;
	margin:10px auto;
	
}


.payment-logo {
	max-width:200px;
}

.backtotop-block {
	float:right;
}

.contact-section {
    padding-right: 4em;
}


.footemenu {
    float: right;
}

.scrollToTop:after {
    content: '';
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/arrowup1.png);
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    top: 0.5em;
    margin-left: 10px;
}

a.scrollToTop {
    float: right;
    color: #d2a747;
}

a.scrollToTop:hover {
    text-decoration: none;
    color: #d2a747;
}

.footemenu li {
    float: left;
}


.footer-border {
    border-top: 1px solid rgba(255, 255, 255, 0.60);
    padding: 25px 0 0 0;
}


.footer-border p {
    font-size: 11px;
    color: #cc9f46;
}


.span12.copyright span-1:after {
    margin: 0 5px;
    content: '|';
    width: 0;
    height: 0;
    position: relative;
    color: #c79746;
}


.info-wrapper strong {
    font-weight: 600;
    letter-spacing: 1px;
}


.info-wrapper span.span-1:before {
    content: '';
    background: url(https://www.royacdn.com/unsafe/smart/Site-758f38f7-71fc-4a8c-aa90-335d62ed6985/resources/plusicon.png);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    top: 0.2em;
}


.info-wrapper h5 {
    font-family: 'Poppins', sans-serif !important;
    color: rgb(255, 234, 186);
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1px;
}


.info-wrapper p {
    padding-bottom: 1em;
}

a.btn.btn-primary:after {
    content: "\f105";
    font-family: fontawesome;
    margin-left: 10px;
}


.app-content a.btn.btn-primary {
    background: #fff;
    padding: 10px 15px;
}


.app-content a.btn.btn-primary:hover {
    background: #54252b;
}

.welcome-content-wrapper div:nth-child(1), .what-we-do-section div:nth-child(1) {
    padding-right: 8px;
    float: left;
    margin-top: -13px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #86333b !important;
    text-transform: uppercase;
    font-size: 50px !important;
    font-family: 'Playfair Display', serif;
}

.about-section:hover .welcome-wrapper div:nth-child(1) {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg)
}


.section2:hover .what-we-do-section div:nth-child(1) {
    -webkit-transform: rotateY(360deg);
    transform: rotateY(360deg);
}

.slider-text div:nth-child(2) {
    padding-right: 8px;
    float: left;
    margin-top: -10px;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    color: #86333b !important;
    text-transform: uppercase;
    font-size: 50px !important;
    font-family: 'Playfair Display', serif;
}


.modal-body h3 {
    font-family: 'Poppins', sans-serif !important;
    font-size: 15px;
}

.modal-body input.btn.btn-primary {
    background: #682938;
}

.button-wrapper {
	margin: 10px 0;
}


.button-wrapper a.btn.btn-primary {
    background: #ba943d;
    color: #fff;
    transition: all ease 0.3s;
    border: none;
}


.button-wrapper a.btn.btn-primary:hover {
    letter-spacing: 3px;
}


.button-wrapper a.btn.btn-primary:hover {
    background: #54252b;
}


.cta-wrapper:hover .cta-title a {
    letter-spacing: 2px;
}


.testi-block {
    min-height: 487px;
}

@media (min-width:1920px) {
	
	.slider-image {
		height:100vh;
	}
	
	table.office-hours tr td {
		width:100vh;
	}
	
	div.officehour-block {
		margin-top: 3em;
    	margin-right: 2em
	}
	
	div.emergency {
    	text-align: center;
	}
	
}


#homepagemodal .modal-body{
	padding: 0px;
}

#homepagemodal .modal-footer{
	margin-top: 0px !important;
	padding: 0px;
}

#homepagemodal .modal-body{
	top: 0px
}