/****************************************
HEADER
****************************************/

.cta-head-wrp {
    float: none;
    max-width: 1600px;
    margin: 0 auto;
	padding: 27px 0 63px;
}

.cta-head-content {
	margin: 0;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-content: flex-end;
    justify-content: flex-end;
}

.call-wrp, .appt-wrp {
    font-weight: 500;
    font-size: 15px;
	margin-right: 15px;
    padding: 10px;
	text-align: center;
	transition: all ease .6s;
}

#callBorder {
	border: 1px solid #936645;
}

#apptBg {
	background-color: #ffde91;
	border: 1px solid transparent;
}

.call-wrp a, .appt-wrp a {
    color: #63322d !important;
}

.call-wrp a:hover, .appt-wrp a:hover {
    text-decoration: none;
}

.call-wrp:hover {
	background-color: #ffde91;
	border: 1px solid #ffde91 !important;
}

.appt-wrp:hover {
	background-color: transparent !important;
	border: 1px solid #936645 !important;
}

.call-wrp i, .appt-wrp i {
    margin-right: 10px;
}

.call-wrp {
	letter-spacing: .6px;
	width: 225px;
}

.appt-wrp {
	width: 250px;
	margin: 0 !important;
}



/****************************************
SOCIAL ICONS
****************************************/

.social {
    width: 126px;
}

.social li {
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    font-size: 16px;
    height: 36px;
    margin-left: 5px;
    padding: 10px 0;
    width: 36px;
    transition: all ease 1s;
}

.social li:hover {
	background-color: #862012 !important;
}

.social li a:hover {
	color: #fff !important;
}


.social li a {
	color: #862012 !important;
    padding: 10px !important;
	transition: all ease 1s;
}

.social li:last-child {
    padding-left: 2px;
}



/****************************************
NAVIGATION: HEADER
****************************************/

.menu-wrap ul {
	display: flex;
	flex-direction: row;
	list-style-type: none;
	justify-content: center;
    margin-top: 10px;
	width: 100% !important;
}

.menu-wrap li {
    flex: 1;
}

.menu-wrap li a {
	display: block;
	border-right: 1px solid #fff;
    color: #fff;
    font-weight: 300;
    font-size: 17px;
	text-align: center;
	transition: all ease .6s;
}

.menu-wrap li:last-child a{
	border: 0px;
}

.menu-wrap li a:hover, .menu-wrap li a:focus, .menu-wrap li a:active {
	font-weight: 500;
	margin-left: 15px;
    text-decoration: none;
	background-color: #d46a02;
    color: white;
}

.nav-last-child a {
	border: 0 !important;
}



/****************************************
HOME FEATURE
****************************************/

.intro-box a.carousel-control.left, .intro-box a.carousel-control.right {
    display: none;
}

.carousel-indicators {
	left: 38% !important;
	top: 95% !important;
	width: auto !important;
}

.carousel-indicators .active {
    background-color: #fff !important;
}

.carousel-indicators li {
    border: 0;
    border-radius: 10px;
    background-color: rgba(255,255,255,.5);
	margin: 0 3px !important;
}

.banner-text-wrp h1, .banner-text-wrp h2 {
	text-align: center;
}

.banner-text-wrp img {
	max-width: 359px;
	margin: 0 auto;
	margin-bottom: 30px;
}



/****************************************
MENU OVERRIDES
****************************************/
a.pull-right.menu-toggle {
    position: absolute;
    right: 0;
	top:0;
}

.mobile-menu ul.nav {
    margin: 4em 0;
}



/****************************************
HOMEPAGE SECTION 1
****************************************/

#ry-sec1 {
    background: url(https://www.royacdn.com/unsafe/smart/Site-64ec7eb4-2109-48e7-9017-b0cfa31b1bec/assets/dog.jpg) no-repeat;
	background-position: center right;
    background-size: cover;
    padding: 4em 0 12em;
}

#ry-sec1 .ry-content-wrp {
    width: 1065px;
    text-align: justify;
}

#ry-sec1 h1 {
    color: rgba(255,255,255,.045);
    font-weight: 900;
    font-size: 238px;
    line-height: .9em;
    position: relative;
    right: 25%;
}

#ry-sec1 h2 {
    color: #ffe39d;
    font-weight: 100;
    font-size: 89.94px;
    letter-spacing: 5px;
    margin: 0;
    position: absolute;
    top: 18%;
    left: -24px;
}

#ry-sec1 h3 {
    color: #ffe39d;
    font-weight: 500;
    font-size: 22px;
    margin: 70px 0 35px;
}

.services-full-wrp {
	margin: 20px 0;
	padding: 0;
}

.services-wrap {
	padding: 0;
}

.services-wrap ul, .ry-sitemap ul, .ry-payment ul {
    list-style-type: none;
    padding: 0;
	margin: 0;
}

.services-wrap li:before, .ry-sitemap li:before, .ry-payment li:before {
    content: "\f1b0";
    color: rgba(255,255,255,.3);
    font-family: fontawesome;
    padding-right: 15px;
}



/****************************************
HOMEPAGE SECTION 2
****************************************/

#ry-sec2 {
    background: url(https://www.royacdn.com/unsafe/smart/Site-64ec7eb4-2109-48e7-9017-b0cfa31b1bec/assets/cat.jpg) no-repeat;
	background-position: center;
    background-size: cover;
    padding: 4em 0 16em;
}

#ry-sec2 .ry-content-wrp {
    width: 1150px;
    float: right;
}


#ry-sec2 h1 {
    color: rgba(73,46,27,.045);
    font-weight: 900;
    font-size: 238px;
    line-height: .9em;
    position: relative;
    left: 28%;
}

#ry-sec2 h2 {
    color: #492e1b;
    font-weight: 100;
    font-size: 89.94px;
    letter-spacing: 1px;
    margin: 0;
    position: absolute;
    top: 21%;
    left: 15.8%;
}

.staff-wrp {
	color: #492e1b;
	margin: 0 auto;
	text-align: center;
}

.staff-wrp img {
    max-width: 182px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.staff-wrp h3 {
	color: #492e1b;
    font-weight: 600;
    font-size: 19px !important;
    margin: 0;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.team-slider .carousel-control {
	margin: 0 3%;
}

.team-slider .carousel-control, .testi-slider .carousel-control {
    color: #492e1b !important;
	transition: all ease .6s;
}

.team-slider .carousel-control:hover, .testi-slider .carousel-control:hover {
	background: transparent !important;
    color: #745c4a !important;
}

.team-slider span.icon-prev {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-64ec7eb4-2109-48e7-9017-b0cfa31b1bec/assets/team_prev.png) !important;
    background-repeat: no-repeat;
    min-height: 59px !important;
    background-size: contain;
}

.team-slider span.icon-next {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-64ec7eb4-2109-48e7-9017-b0cfa31b1bec/assets/team_next.png) !important;
    min-height: 59px !important;
    background-repeat: no-repeat;
    background-size: contain;
}


.team-wrapper {
	margin-top: 90px;
}

.team-content-wrp {
	float: none;
	margin: 0 auto;
	width: 950px;
}

#staffOne {
	border: 10px solid rgba(255,255,255,.20);
    border-radius: 50%;
}



/****************************************
HOMEPAGE SECTION 3
****************************************/

#ry-sec3 {
    background: url(https://www.royacdn.com/unsafe/smart/Site-64ec7eb4-2109-48e7-9017-b0cfa31b1bec/assets/kitten.jpg) no-repeat;
	background-position: center top;
    background-size: cover;
    padding: 4em 0 9em;
}

#ry-sec3 .ry-content-wrp {
    width: 719px;
}


#ry-sec3 h1 {
    color: rgba(99,50,45,.15);
    font-weight: 900;
    font-size: 238px;
    line-height: .9em;
    position: relative;
    right: 32%;
}

#ry-sec3 h2 {
    color: #fff;
    font-weight: 100;
    font-size: 89.94px;
    letter-spacing: 1px;
    margin: 0;
    position: absolute;
    top: 18.3%;
    left: -24px;
}

.testi-slider {
	background-color: #fff;
	margin-top: 60px !important;
}

.testi-wrapper {
	color: #63322d;
	font-weight: 500;
	padding: 60px 60px 40px !important;
	position: relative;
	text-align: justify;
}

.customer-img {
    margin: 0 auto;
	position: absolute;
    top: 100%;
    left: 0;
	right:	0;
    width: 88px;
}

.testi-slider .carousel-inner {
	overflow: initial;
}

.testi-slider .carousel-control .icon-prev:before, .team-slider .carousel-control .icon-prev:before {
    content: "" !important;
}

.testi-slider .carousel-control .icon-next:before, .team-slider .carousel-control .icon-next:before {
    content: "" !important;
}

.testi-slider span.icon-prev {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-64ec7eb4-2109-48e7-9017-b0cfa31b1bec/assets/testi_prev.png) !important;
    background-repeat: no-repeat;
    min-height: 26px !important;
    background-size: contain;
}

.testi-slider span.icon-next {
    background-image: url(https://www.royacdn.com/unsafe/smart/Site-64ec7eb4-2109-48e7-9017-b0cfa31b1bec/assets/testi_next.png) !important;
    min-height: 26px !important;
    background-repeat: no-repeat;
    background-size: contain;
}

.testi-slider .carousel-control {
	margin: 19% 6% 0 8%;
}

.rating-wrp {
    border-top: 1px solid rgba(0,0,0,.1);
    margin-top: 50px;
	text-align: center;
}

.rating-wrp i {
    color: #e4bd62;
    margin: 35px 0 15px;
	padding: 0 1px;
}

.rating-wrp h3 {
    color: #63322d;
    font-weight: bold;
    font-size: 15px !important;
    margin: 0;
	margin-bottom: 5px;
    text-transform: uppercase;
}

.client-feed {
    min-height: 175px;
    max-height: 175px;
}


/****************************************
POWERED BY ROYA
****************************************/

span.power {
    display: inline-block;
    float: right;
	}
img.img-responsive.roya-copy {
    display: inline-block;
    max-width: 59px;
	margin-left: 10px;
}

.footer-copy {
    font-size: 12px;
    color: #ccc;
    border-top: 1px solid rgba(204, 204, 204, 0.3);
    padding-top: 1em;
}

.login-wrp {
	width: auto;
	display:none;
}

li.login {
    background: none !important;
    color: transparent !important;
}

li.login a:first-child {
    display: none;
}

li.login .login-wrp a {
    display: block;
}

.mobiwrp {
	position: absolute;
	left: -13em;
	top: 70%;
	transition: all 0.5s ease;
	opacity: 1;
}
	
a.mobilink {
	color: #492e1b !important;
	font-size: 2.5em;
	margin: 0 .5em 0 0;
}
	
div#spanbar {
	width: 60px;
	height: 45px;
}
		
.logomaker img {
	max-width: 250px;
	float: none;
	margin: -5em auto 3em;
}



/****************************************
HEADING 3: FOOTER
****************************************/

.ry-footer-head h3 {
    color: #e4bd62;
    font-weight: 600;
    font-size: 19px !important;
	margin-bottom: 35px;
    text-transform: uppercase;
}



/****************************************
CONTACT INFORMATION: FOOTER
****************************************/

.ry-footer-blocks {
	font-weight: 400;
	font-size: 15px !important;
	line-height: 22px;
}

.ry-footer-blocks ul {
    list-style-position: inside;
    list-style-type: none;
    padding: 0 30px;
    text-indent: -1em;
}

.ry-footer-blocks li {
	margin-bottom: 15px;
}

.footer-glyph i {
    margin-right: 15px;
}

span.info-width {
	margin-bottom: 10px;
    width: 93%;
}



/****************************************
OFFICE HOURS: FOOTER
****************************************/

.office-hours li, .footer-nav li {
    margin-bottom: 5px;
}

span.day {
    margin-left: -15px;
}

span.hour {
    float: right;
    width: 65%;
}



/****************************************
REQUEST APPOINTMENT: FOOTER
****************************************/

.ry-footer-form .form-group {
    width: 400px;
}

.form-group {
	margin-bottom: 8px;
}

.form-control {
	background-color: #734742;
	border: 0 !important;
	border-radius: 0;
	transition: all ease .6s;
}

.form-control:focus {
    box-shadow: none;
}

.form-control:focus::placeholder {
	padding-left: 10px;
}

.form-control::-webkit-input-placeholder {
    color: #fff;
	transition: all ease .6s;
}

input, select, textarea, .form-control, .input-group .form-control {
    color: #fff !important;
	padding-left: 15px;
}

textarea.form-control {
    height: 105px;
    resize: none;
}

.btn:not(.btn-social).btn-primary, .login .btn-login, .registerBox .btn-register, .login .btn-resetPassword {
	background: #734742 !important;
    border: 0 !important;
    border-radius: 0;
    float: right;
    letter-spacing: 0 !important;
    padding: 7px 20px;
    text-transform: capitalize;
}

.btn:not(.btn-social).btn-primary:hover, .login .btn-login:hover, .registerBox .btn-register:hover, .login .btn-resetPassword:hover {
    background: #935b55 !important;
}



/****************************************
NAVIGATION: FOOTER
****************************************/

.footer-nav a {
    color: #fff !important;
	padding: 0 !important;
	transition: all ease .6s;
}

.footer-nav a:hover {
	color: #e4bd62 !important;
	margin-left: 15px;
}

.footer-nav a:hover, .footer-nav a:focus {
	background-color: transparent !important;
}

ul.nav.footer-nav {
    padding: 0 15px;
}



/****************************************
CUSTOM FIELDS
****************************************/

.cust-field {
	display: none;
}



/****************************************
MEDIA QUERIES 
****************************************/

@media only screen and (max-width: 2560px) {
	.contact-form-modal .btn:not(.btn-social).btn-primary {
		float: none;
	}
}

@media only screen and (max-width: 1700px) {
	.ry-container,
	.footer-wrapper .ry-wrp,
	.footer-wrapper .copyright-content,
	.cta-head-wrp,
	.ry-header-container {
		max-width: 90% !important;
	}
}


@media only screen and (max-width: 1400px) {
	.intro-box h1 {
		font-size: 4em !important;
	}
	
	.intro-box h2 {
		font-size: 1.1em !important;
	}

	.banner-text-wrp img {
		max-width: 40% !important;
	}
	
	#ry-sec2 .ry-content-wrp {
		float: none !important;
		margin: 0 auto;
	}
	
	#ry-sec1 .ry-content-wrp,
	#ry-sec2 .ry-content-wrp,
	#ry-sec3 .ry-content-wrp {
		width: 100% !important;
	}
	
	.testi-slider .carousel-control {
		margin: 16vh 6vw 0 7vw !important;
	}
	
	.team-slider .carousel-control {
		margin: 0% !important;
	}
	
	#ry-sec2 h2 {
		top: 51%;
	}
	
	.form-group {
		width: 85% !important;
	}
	
	.sidebar-req-appt .form-group, .online-form-wrp .form-group {
		width: 100% !important;
	}
	
	.online-form-wrp .btn:not(.btn-social).btn-primary {
		float: none;
	}
}

@media only screen and (max-width: 1200px) {
	
	#ry-sec1 h1,
	#ry-sec2 h1,
	#ry-sec3 h1 {
		font-size: 180px !important;
	}
	
	#ry-sec1 h2,
	#ry-sec2 h2,
	#ry-sec3 h2 {
		font-size: 80px !important;
	}
	
	#ry-sec1 h2, #ry-sec3 h2 {
		top: 14%;
	}
}


@media only screen and (max-width: 1199px) {
	.ry-footer-blocks {
		clear: both;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	
	.ry-footer-head h3 {
		margin: 35px 0;
	}
	
	span.day {
		margin-left: 90px !important;
	}
	
	.ry-footer-form {
		margin-bottom: 35px;
	}
	
	.ry-footer-form .form-group {
		width: 40% !important;
		margin: 0 auto;
	}
	
	input, select, textarea, .form-control, .input-group .form-control {
		margin-bottom: 8px;
	}
	
	.btn:not(.btn-social).btn-primary, .login .btn-login, .registerBox .btn-register, .login .btn-resetPassword {
		float: none;
	}
	
	.ry-footer-blocks ul {
		text-indent: 0;
	}
	
	.office-hours span.day {
		margin: 0 !important;
	}
	
	span.hour {
		float: none;
		width: 100%;
		margin-left: 20px;
	}
	
}

@media only screen and (max-width: 1100px) {
	.intro-box h1 {
		font-size: 3em !important;
	}
	
	.intro-box h2 {
		font-size: .8em !important;
	}
	
	.team-slider .carousel-control {
		margin: 0 -4% !important;
	}
	
	.menu-wrap li a {
		font-size: 14px;
	}
	
	.team-content-wrp {
		width: 100%;
	}
}

@media only screen and (max-width: 991px) {
	#ry-sec1 h1,
	#ry-sec2 h1,
	#ry-sec3 h1 {
		font-size: 13vw !important;
	}
	
	#ry-sec1 h2,
	#ry-sec2 h2,
	#ry-sec3 h2 {
		font-size: 8vw !important;
	}
	
	#ry-sec1 h1 {
		right: 0;
	}
	
	#ry-sec2 h1 {
		left: 0;
	}
	
	#ry-sec3 h1 {
		right: 0;
	}
	
	#ry-sec1 h2 {
		top: 6vh;
    	left: 0;
		right: 0;
	}
	
	#ry-sec2 h2 {
		top: 4vh;
    	left: 13vw;
	}
	
	#ry-sec3 h2 {
		top: 6.3vh;
    	left: 18vw;
	}
	
	#ry-sec1 {
		background-position: center left;
	}
	
	.logo img {
		left: 14% !important;
		top: -138px !important;
		max-width: 17vw !important;
	}
	
	.cta-head-content {
		display: none;
	}
	
	#ry-sec1 .ry-content-wrp, #ry-sec2 .ry-content-wrp, #ry-sec3 .ry-content-wrp {
		text-align: center;
	}
	
	.testi-slider .carousel-control {
		margin-top: 16vh !important;
	}
	
	.ry-copywrp {
		text-align: center;
	}
	
	span.power {
		float: none;
	}
	
	.ry-header-container {
		padding: 10px 0 45px !important;
	}
	
	.intro-box .carousel-indicators {
		top: 41vw !important;
	}
	
	div#footer-content {
		flex-direction: column !important;
	}
	
	#ry-footer-top .ry-right-wrp {
		text-align: center !important;
	}
	
	#ry-footer-top .ry-left-wrp {
		padding-right: 0 !important;
	}
	
	.ry-title {
		text-align: center;
	}
	
	.ry-copy {
		text-align: center !important;
	}
	
	.ry-title h2:after {
		left: 49% !important;
	}
	
	.ry-sidebar {
		margin: 2em 0;
	}
	
	#def-content .ry-left-wrp {
		padding-right: 0 !important;
	}
	
	.ry-title h2 {
		font-size: 5vmax !important;
	}
	
	#ry-footer-top h3 {
		font-size: 4vmax !important;
	}
	
	.rating-ctr {
		text-align: center;
	}
	
	.ry-sitemap {
		column-count: 1 !important;
	}
	
	.ry-payment img, .promo-wrp img {
		margin: 0 auto;
		margin-top: 20px;
	}
	
	.promo-wrp {
		margin-top: 0 !important;
	}
	
	.push-right {
		top: 17% !important;
		left: 0 !important;
		right: 0;
	}
	
	.intro-box h1 {
		font-size: 5vw !important;
	}
	
	.intro-box h2 {
		font-size: 1.3vw !important;
	}
	
	.online-form-wrp .btn:not(.btn-social).btn-primary {
		float: none !important;
		display: block;
   		margin: 0 auto;
	}
	
	.download-wrp {
		text-align: center;
	}
	div#callBorder {
    	border: 1px solid #936645;
    	margin: 0px;
	}
}

@media only screen and (max-width: 840px) {
	.client-feed {
		overflow-y: auto;
	}
}

@media only screen and (max-width: 767px) {
	.ry-footer-form .form-group {
		width: 55% !important;
	}
	
	.banner-text-wrp img {
		max-width: 23% !important;
	}
}

@media only screen and (max-width: 670px) {
	.ry-footer-form .form-group {
		width: 100% !important;
	}
	
	#ry-sec1 h2 {
		top: 4vh;
	}
	
	#ry-sec2 h2 {
		top: 2.5vh;
		left: 10vw;
	}
	
	#ry-sec3 h2 {
		top: 5vh;
		left: 16vw;
	}
}

@media only screen and (max-width: 600px) {
	.push-right {
		top: 0 !important;
	}
}

@media only screen and (max-width: 400px) and (min-width: 320px) {
	.logo img {
		max-width: 21.6vw !important;
	}
	
	#ry-sec2 h2 {
		left: 7vw;
	}
	
	#ry-sec3 h2 {
		left: 13vw;
	}
	
	.testi-slider .testi-wrapper {
		padding: 30px 30px 40px !important;
	}
	
	.testi-slider .carousel-control {
		margin-top: 12vh !important;
	}
	
	.ry-copywrp {
		font-size: .7em;
	}
	
	.intro-box .carousel-indicators {
		top: 40vw !important;
		left: 31% !important;
	}
	
	.intro-box .carousel-indicators li, .carousel-indicators .active {
		width: 6px;
		height: 6px;
	}
	
	.ry-title h2 {
		font-size: 4vmax !important;
	}
}

@media only screen and (max-width: 320px) {	
	.ry-footer-blocks {
		font-size: 12px !important;
	}
	
	.form-control::-webkit-input-placeholder, .btn:not(.btn-social).btn-primary, .login .btn-login, .registerBox .btn-register, .login .btn-resetPassword {
		font-size: 12px;
	}
	
	.testi-wrapper {
		text-align: center;
	}
	
	.ry-container, .footer-wrapper .ry-wrp, .footer-wrapper .copyright-content, .cta-head-wrp, .ry-header-container {
		max-width: 100% !important;
	}
}

ul.dropdown-menu {
    background-color: #d46a02;
}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover {
  
    background-color: #d46a02;
}

.menu-wrap ul.dropdown-menu{
	display: none;
	margin-top: 15px;
	padding: 20px 0px;
	background-color: #d46a02 !important;
}
.menu-wrap ul.dropdown-menu a{
	background-color: #d46a02 !important;
	color: white !important; 
}

.menu-wrap ul .dropdown li a:hover, .menu-wrap li a:focus, .menu-wrap li a:active{
	margin-left: 0px;
}

.banner-text1 {
	width: 800px;
	background: rgba(77, 119, 21, 0.34);
	left:5%;
	padding:10px;
	color: #fff;
}

.banner-text1 h1 {
	font-size: 50px !important;
}

.banner-text2 h1 {
	font-size: 50px !important;
}


.banner-text2 {
	width: 800px;
	background: rgba(39, 30, 2, 0.34);
	left:5%;
	padding: 10px;
	color: #fff;
}
	
@media (max-width: 1400px) {
	.banner-text-wrp.push-right {
		max-width: 95%;
		margin: 0 auto !important;
		float: none !important;
		top: 15% !important;
		left: 0 !important;
	}
}

@media (max-width: 1200px) {
	.banner-text-wrp.push-right {
		position: relative !important;
		top: 0 !important;
		left: 0 !important;
		max-width: 700px;
		margin: 0 auto !important;
	}
	.banner-text2 {
		left: 0 !important;
	}
	.banner-text1 {
		left: 0 !important;
	}
	.banner-text1   ,.banner-text2 {
		width:auto;
	}
	.banner-text-wrp.push-right .align-center {
		width: 100%;
	}
}