/*
	Theme Name: iVET360 Theme 9
	Description: This is your custom style sheet
        for your child themes custom CSS code.
	Author: Brandon Kudo
	Author URI: http://example.com/

*/

/*--------------------------------------------------------------
TABLE OF CONTENTS:
----------------------------------------------------------------
1. Sitewide Styles
2. Header Styles
3. Homepage Styles
4. Features
	4a. Services
	4b. Doctors
	4c. Counter
	4d. Testimonials
	4e. Blog
	4g. Thank You
5. Sidebar Styles
6. G-Form Styles
7. Footer Styles
8. Individual Page Styles
9. Animations & Keyframes
10. Media Queries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1. SITEWIDE STYLES
--------------------------------------------------------------*/

a, a:visited {
	color: #c1d82f;
}

body {
	background-color: white;
	color: #453118;
}

body,p,ul,li,div, button, input,figure,footer,header,section,aside,nav,form {
	font-family: roboto, sans-serif;
}

h1,h2,hgroup {
	font-family: refrigerator-deluxe, sans-serif;
	font-weight: bold;
}

h3,h4,h5,h6 {
	font-family: refrigerator-deluxe, sans-serif;
	font-weight: bold;
}
h1 {
	font-size: 44px;
}
h2 {
	font-size: 	34px;
}
h3 {
	font-size: 24px;
}
h4 {
	font-size: 20px;
}
h5 {
	font-size: 18px;
}
h6 {
	font-size: 16px;
}
.home header.entry-header {
  display: none;
}

.page .entry-content {
	margin-bottom: 50px;
}

.comments-area {
	display: none !important;
}

#masthead, .title {
  display: none;
}

header.entry-header {
	display: flex;
	flex-direction: column;
	align-items: center;
}

header.entry-header h1.entry-title {
	/* padding: 5px 10px 5px 10px; */
	color: #795132 !important;
	font-weight: bold;
	background-color: white;
	/* margin-bottom: 20px; */
	text-align: center;
}
.title-line {
	width: 100px;
    height: 5px;
    background-color: #63d1f7;
    max-width: 90vw;
    margin-bottom: 25px;
}
.home .entry-content {
	display: flex;
	flex-direction: column;
	align-items: center;

}

.entry-content {
	margin-bottom: 0px !important;
	height: auto !important;
}

#page {
	margin-top: 200px;
	margin-bottom: 50px;
}

.home #page {
	margin-top: 0;
	margin-bottom: 0;
}

.center-picture {
  display: flex;
  justify-content: center;
}

.page-header-image-single {
	float: left;
	width: 350px;
	height: auto;
	padding:0px 20px 10px 0px;
	margin-top: 0px !important;
}

main#main {
	margin-top: 0 !important;
}

.inside-article {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

aside#custom_html-6 .textwidget {
	display: flex;
	flex-direction: column;
	align-items: center;
}

aside#custom_html-6 .textwidget img {
	margin-bottom: 10px;
	max-width: 250px;
}

.three-animal-container, .doctors-section, .big-three-container, .numbers-container {
	position: relative;
}

/*--------------------------------------------------------------
2. HEADER STYLES
--------------------------------------------------------------*/

.header-logo {
	min-width: 230px;
}

.floating-mobile-version9 {
	display: none;
}

.mobile-floating-nav {
	display: none;
}

.top-row-floating{
	display: flex;
	flex-direction: row;
	justify-content: center;
}

.bottom-row-floating{
	width: 100vw;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.float-button {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	color: #fff !important;
	background-color: #453118;
	padding: 9px 10px 9px 10px !important;
	font-size: 14px;
	font-weight: bold;
	width: 125px;
	text-transform: uppercase;
	width: 90vw;
	margin-bottom: 5px;
}

.float-button p {
	margin: 0px;
}

.phone-float {
	font-size: 14px !important;
}

.true-mobile-nav {
	display: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.header-bottom-bar {
  width: 100vw;
  height: 40px;
  background-image: linear-gradient(to bottom, #005E7C, #338cab);
}

.mobile-call {
  display: flex;
  align-items: center;
  margin-right: 10px;
  background-color: white;
  border-radius: 5px;
  border: 2px solid #338cab;
  padding: 5px 10px;
  text-align: center;
  font-weight: bold;
}

.mobile-call:hover {
  color: white;
}

.mobile-call p {
  margin-bottom: 0;
	color: #338cab !important;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.mobile-call i {
  transform: rotate(90deg);
  color: #338cab;
  margin-right: 5px;
}

.mobile-appt {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 5px;
  border: 2px solid #338cab;
  padding: 5px 10px;
  text-align: center;
}
.mobile-appt p {
  margin-bottom: 0;
	color: #338cab !important;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.mobile-appt i {
  color: #338cab;
  margin-right: 5px;
}

.mobile-appt:hover {
  background-color: #338cab;
}

.mobile-appt:hover i {
  color: white;
}

.mobile-appt:hover p {
  color: white !important;
}

.mobile-btns-container {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.mobile-btns-container a:hover {
  background-color: #338cab !important;
}

.mobile-btns-container a:hover p {
  color: white !important;
}

.mobile-btns-container a:hover i {
  color: white;
}

.floating-appt {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 5px;
  border: 2px solid #338cab;
  padding: 5px 10px;
  text-align: center;
}

.floating-appt p {
  margin-bottom: 0;
	color: #338cab !important;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.floating-appt i {
  color: #338cab;
  margin-right: 5px;
}

.floating-call {
  display: flex;
  align-items: center;
  background-color: white;
  border-radius: 5px;
  border: 2px solid #338cab;
  padding: 5px 10px;
  text-align: center;
}

.floating-call p {
  margin-bottom: 0;
	color: #338cab !important;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.floating-call i {
  transform: rotate(90deg);
  color: #338cab;
  margin-right: 5px;
}

.floating-call:hover {
  background-color: #338cab;
}

.floating-call:hover p {
  color: white !important;
}

.floating-call:hover i {
  color: white;
}

.floating-appt:hover {
  background-color: #338cab;
}

.floating-appt:hover p {
  color: white !important;
}

.floating-appt:hover i {
  color: white;
}

.cah-cust-nav-bar-wrapper {
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #e1cdbe;
  z-index: 999;
}

.cah-cust-nav-bar-wrapper ul {
  margin: 0;
  list-style-type: none;
}

.cah-cust-nav-bar-wrapper li {
  -webkit-transition: background-color 0.25s ease-in-out;
  -moz-transition: background-color 0.25s ease-in-out;
  -o-transition: background-color 0.25s ease-in-out;
  -ms-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}

.cah-cust-nav-bar-inner-wrapper {
  height: fit-content;
  width: 90vw;
  display: flex;
  justify-content: center;
  align-items: center !important;
  padding: 25px 0 !important;
  max-width: 90vw;
  margin: auto;
}

.cah-cust-nav-bar-logo-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.cah-cust-nav-bar-logo-wrapper img {
  max-width: 230px!important;
}

.cah-cust-nav-bar-contact-wrapper {
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.cah-cust-nav-bar-contact-wrapper span {
  height: 31px;
  display: flex;
  align-items: center;
  padding: 0 13px;
  border: 1px solid #338cab;
  border-radius: 5px;
  font-size: 15px;
  text-transform: uppercase;
  color: #338cab;
  white-space: nowrap;
}

.cah-cust-nav-bar-contact-wrapper span:nth-child(1) {
  margin-right: 10px;
}

.cah-cust-nav-bar-contact-wrapper span img {
  margin-right: 10px;
}

.cah-cust-nav-bar-contact-wrapper span:nth-child(1) img {
  width: 20px;
}

.cah-cust-nav-bar-contact-wrapper span:nth-child(2) img {
  width: 18px;
}

.cah-cust-nav-bar-contact-wrapper span a {
  color: #338cab;
  font-weight: 900;
}

.cah-cust-nav-bar-menu-inner-wrapper {
	display: flex;
}

#menu-left_menu, #menu-left_menu-1 {
  justify-content: flex-end;
}

#menu-right_menu, #menu-right_menu-1 {
  justify-content: flex-start;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li {
  height: 30px;
  display: flex;
  align-items: center;
  position: relative;
  padding: 10px 10px;
  cursor: pointer;
  text-align: center;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li:hover a{
  color: #c1d82f;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li:hover > ul {
  display: block;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li a {
  font-size: 15px;
  font-weight: bold;
  text-transform: capitalize;
	flex-grow: 1;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li > a {
  color: #42311b;
  white-space: nowrap;
	font-family: refrigerator-deluxe, sans-serif;
	font-size: 20px;
	text-transform: uppercase;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li ul {
  display: none;
  position: absolute;
  top: 50px;
  left: 0;
  z-index: 1;
  /* -webkit-box-shadow: 3px 3px 3px -3px black, 3px 3px 3px -3px black, -3px 3px 3px -3px black;
	-moz-box-shadow:    3px 3px 3px -3px black, 3px 3px 3px -3px black, -3px 3px 3px -3px black;
	box-shadow:         3px 3px 3px -3px black, 3px 3px 3px -3px black, -3px 3px 3px -3px black; */
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li:last-child {
  margin-right: 0;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li ul li {
  background-color: #e1cdbe;
  padding: 5px 15px;
  white-space: nowrap;
	text-align: left;
	display: flex;
	border-bottom: 1px solid #42311b;
}
.cah-cust-nav-bar-menu-wrapper > div > ul > li > ul > li {
  position: relative;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li > ul > li > ul {
  position: absolute;
	top: 0;
	left: 100%;
	display: none;
}
.cah-cust-nav-bar-menu-wrapper > div > ul > li > ul > li.menu-item-has-children:hover > ul {
  display: block;
}
.cah-cust-nav-bar-menu-wrapper > div > ul > li > ul > li.menu-item-has-children:hover > ul > li:first-child {
	border-top: none;
}
.cah-cust-nav-bar-menu-wrapper > div > ul > li ul li:first-child {
  border-top: 1px solid #42311b;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li ul li:hover {
  background-color: #9EC3D4;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li ul li:hover a {
  color: #F2F5FA;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li ul li a {
  color: #42311b !important;
}

.cah-cust-nav-bar-menu-wrapper > div > ul > li ul li:hover {
  background-color: #42311b !important;
}
.cah-cust-nav-bar-menu-wrapper > div > ul > li ul li:hover > a{
  color: #fff !important;
}

.cah-cust-nav-bar-floating-nav-wrapper {
  width: 100vw;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 99999999;
  background-color: #338cab;
}

.cah-cust-nav-bar-floating-nav-wrapper > .cah-cust-nav-bar-wrapper > .cah-cust-nav-bar-inner-wrapper {
	padding: 0px;
}

.cah-cust-nav-bar-floating-nav-inner-wrapper {
  max-width: 90vw;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  padding: 12px 45px 10px 45px;
  margin: 0 auto;
}

.cah-cust-nav-bar-floating-nav-logo-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}

.cah-cust-nav-bar-floating-nav-logo-wrapper {
  width: 153px !important;
  display: flex;
  align-items: center;
}

.cah-cust-nav-bar-floating-nav-inner-wrapper span {
  height: 31px;
  display: flex;
  align-items: center;
  padding: 0 13px;
  border: 1px solid #338cab;
  border-radius: 5px;
  font-size: 15px;
  text-transform: uppercase;
  color: #338cab;
}

.cah-cust-nav-bar-floating-nav-inner-wrapper span:nth-child(2) {
  width: fit-content;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.cah-cust-nav-bar-floating-nav-inner-wrapper span img {
  margin-right: 10px;
}

.cah-cust-nav-bar-floating-nav-inner-wrapper span:nth-child(2) img {
  width: 20px;
}

.cah-cust-nav-bar-floating-nav-inner-wrapper span:nth-child(3) img {
  width: 18px;
}

.cah-cust-nav-bar-floating-nav-inner-wrapper span a {
  color: #338cab;
  font-weight: 900;
}

.cah-cust-nav-bar-hamburger-btn {
  display: none;
  position: relative;
	vertical-align: middle;
  width: 38px;
  height: 38px;
  border: 2px solid #453118;
  border-radius: 50%;
  cursor: pointer;
}

.cah-cust-nav-bar-hamburger-btn div {
  width: 16px;
  height: 2px;
  position: relative;
  background-color: #453118;
}

.cah-cust-nav-bar-hamburger-btn div:nth-child(1) {
  top: 13px;
  left: 11px;
}

.cah-cust-nav-bar-hamburger-btn div:nth-child(2) {
  top: 18px;
  left: 11px;
}

.cah-cust-nav-bar-hamburger-btn div:nth-child(3) {
  top: 23px;
  left: 11px;
}

.cah-cust-nav-bar-mobile-menu-wrapper {
  display: none;
  /* border-top: 1px solid #338cab;
  border-bottom: 1px solid #338cab; */
}

.cah-cust-nav-bar-mobile-menu-wrapper li {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.cah-cust-nav-bar-mobile-menu-wrapper a {
  padding: 5px 0;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper{
	margin: 0px;
	width: auto;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li {
  position: relative;
  background-color: #e1cdbe;
  border-bottom: 1px solid #42311b;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li:last-child {
  /* background-color: #F2F5FA;
  border-bottom: none;
  color: #338cab; */
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li > a {
  color: #42311b;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li ul {
  display: none;
	width: 100%;
	margin-left: 0px;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li i {
  position: absolute;
  top: 8px;
  right: 15px;
  color: #42311b;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li ul li {
  background-color: #e1cdbe;
  border-bottom: 1px solid #F2F5FA;
	width: 100%;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li ul li:first-child {
  /* border-top: 1px solid #338cab; */
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li ul li:last-child {
  border-bottom: none;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li ul li:hover {
  background-color: #63d1f7;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li ul li:last-child:hover {
  border-bottom: none;
}

.cah-cust-nav-bar-mobile-menu-inner-wrapper > li ul li a {
  color: #F2F5FA;
}

.info-bottom-row {
	width: 100vw;
	height: auto;
	border-top: 4px solid #795132;
	background-color: #c1d82f;
	border-bottom: none;
	margin-bottom: -5px;
	padding: 5px 0 5px 0;
	position: relative;
}
.header-animals {
	position: absolute;
	left: -5px;
	bottom: -5px;
}
@media screen and (max-width: 1024px) {
	.header-animals {
		display: none;
	}
}
.info-inner-bottom-row {
	width: 960px;
	max-width: 90vw;
	margin: auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	height: auto;
}

.info-inner-bottom-row p {
	font-size: 20px;
	width: auto;
	max-width: auto;
	text-wrap: none;
	color: #42311b;
	margin: 0px !important;
	text-align: center;
	font-family: refrigerator-deluxe, sans-serif;
	font-weight: bold;
}

.info-inner-bottom-row a {
	color: #42311b;
	font-size: 20px;
	text-decoration: none;
	font-family: refrigerator-deluxe, sans-serif;

}

.mobile-conditional-formatting-slider{
	display: block;
	position: fixed;
	top: 135px;
}

.banner-button-container {
	display: none;
}

.banner-text-container {
	text-align: right;
	display: flex;
	flex-direction: column;
 	align-items: flex-end;
	width: 1024px;
	max-width: 90vw;
	overflow-y: hidden;
	padding-right: 50px;
	opacity: 0;
	animation: fadeIn 1s ease 1s 1 forwards;
	display: none;
}
@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.banner-text-container h1 {
	color: #134b5e;
	width: 350px;
	font-size: 60px;
	font-weight: bold;
}

.banner-text-container p {
	margin-right: 0px;
	width: 400px;
	color: #134b5e;
}

.desktop-button-container {
	width: 100%;
	display: flex;
	align-items: flex-end;
}

.mobile-header-appt-bttn {
	display: none;
	background-color: #795132;
	padding: 5px 10px 5px 10px;
	transition: 300ms;
}

.mobile-header-appt-bttn p {
	margin: 0px;
	color: white;
	/* font-weight: bold; */
	/* text-transform: uppercase; */
}

.mobile-header-appt-bttn:hover {
	/* background-color: #134b61; */
}

.mobile-header-appt-bttn-true {
	display: none;
	background-color: #795132;
	padding: 5px 10px 5px 10px;
	transition: 300ms;
}

.mobile-header-appt-bttn-true p {
	margin: 0px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}

.menu-formatter {
	width: 400px;
	min-width: 400px;
	margin-left: 20px;
	margin-right: 20px;
}

ul#menu-header-menu li.menu-item-has-children a {
  margin-right: 6px;
}

ul#menu-header-menu li.menu-item-has-children::after {
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid #9FA1A4;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  transform: translateY(2px);
}

ul#menu-header-menu li.menu-item-has-children:hover::after {
  border-top: 5px solid white;
}

#logo-mobile {
  display: none;
}

/*--------------------------------------------------------------
3. HOMEPAGE STYLES
--------------------------------------------------------------*/

.banner-text-container a {
	padding: 10px 20px;
	color: white;
	background-color: #63d1f7;
	text-transform: uppercase;
	font-weight: bold;
}

.banner-text-container a:hover {
	background-color: #134b5e;
	color: white;
}

.banner-overlay {
	width: 100%;
	height: 100%;
	display: none;
	justify-content: center;
	align-items: center;
	background-color: rgb(121 81 50 / 0.8);
	position: relative;
}
.banner-overlay .home-wave {
	position: absolute;
	bottom: 0;
}
@media screen and (max-width: 1024px) {
	.service-wave {
		display: none;
	}
}
.textwidget a {
	color: #795132;
}

.banner-position-container {
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.banner-socials {
	position: absolute;
	right: 25px;
	display: flex;
	flex-direction: column;
	align-items: center;
	display: none;
}

.banner-socials a {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 100%;
	background-color: #134b5e;
	margin: 5px;
	margin-right: 0;
}

.banner-socials a i {
	color: white;
}

.banner-socials a:hover {
	background-color: #63d1f7;
}

.slider-header {
	font-size: 60px !important;
	margin-bottom: 25px;
	font-weight: bold;
}

.mobile-banner {
	display: none;
}

.slider-line {
	width: 80px;
	height: 4px;
	background-color: #338cab;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.slider-caption {
	margin-bottom: 25px;
}

.slider-btn {
	color: white !important;
	font-weight: bold !important;
	padding: 10px 20px;
	background-color: #63d1f7;
}

.slider-btn:hover {
	background-color: #134b5e;
}
.services-wave {
	width: 100vw;
	position: relative;
	max-width: none;
	transform: rotate(180deg);
	background-color: white;
}
.bottom-services-wave {
	fill: #fdfce3;
	transform: translateY(100%);
	transition: all 500ms ease 0s;
}
.services-wave .st2 {
	fill: rgba(253, 252, 227, 0.8);
	transform: translateY(100%);
	transition: all 500ms ease 500ms;
}
.services-wave .st1 {
	fill: rgba(253, 252, 227, 0.6);
	transform: translateY(100%);
	transition: all 500ms ease 1s;
}
.services-wave .st0 {
	fill: rgba(253, 252, 227, 0.4);
	transform: translateY(100%);
	transition: all 500ms ease 1.5s;
}
.big-three-container {
	/* transform: translateY(-1px); */
	width: 100vw;
	display: flex;
	height: auto;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	/* border-top: 5px solid #63d1f7; */
	margin-left: 0;
	align-self: center;
	padding: 50px 0px 50px 0px;
	background-color: white;
}

.a-big-container {
	position: relative;
	display: flex;
	flex-direction: column;
	width: 300px;
	height: 300px;
	max-width: 300px;
	max-height: 300px;
	background-size: cover;
	justify-content: flex-end;
	align-items: center;
	margin: 0px 15px 0px 15px;
	position: relative;
	overflow-y: hidden;
}

.round-button-three-link {
	display: flex;
	border-radius: 100%;
	width: 100px;
	height: 100px;
	max-width: 100px;
	max-height: 100px;
	background-color: #134b5e;
	justify-content: center;
	align-items: center;
	position: relative;
	transition: backgroundColor 200ms ease, transform 1s ease 500ms;
	top: -50px;
	z-index: 5;
	transform: scale(0);
}

.home .fa-medkit {
	font-size: 45px;
	color: white;
}

.home .fa-map-marker-alt{
	font-size: 45px;
	color:white;
}

.home .fa-calendar-alt{
	font-size: 45px;
	color:white;
}

.big-three-content-container {
	display: flex;
	flex-direction:column;
	align-items: center;
	opacity: 0;
	transform: translateY(25px);
	transition: all 500ms ease;
}

.round-button-three-link p {
	margin: 0px;
	color: black;
}

.sliding-section-big {
	width: 100%;
	height: 150px;
	background-color: #134b5e;
	z-index: 0;
	position: absolute;
	bottom: -150px;
	transition: 400ms;
	text-align: center;
}

.big-three-content-container a:hover .sliding-section-big {
	transform: translateY(-110px);
}

.sliding-section-big p {
	color: #fff;
	font-size: 22px;
	margin-top: 15px;
	font-weight: bold;
}

.a-big-container:hover .sliding-section-big {
	transform: translateY(-110px);
}

.big-three-content-container:hover .round-button-three-link {
	background-color: #338cab;
}

.static-banner-container hr{
	width: 80px;
	height: 4px;
	background-color: #338cab;
	align-self: flex-end;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.static-banner-container {
	width: 100vw;
	height: 42.138vw;
	background-image: url('/wp-content/uploads/2021/01/20190506-DSC01866-scaled.jpg');
	background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	position: fixed;
	top: 135px;
	align-items: center;
}

/*--------------------------------------------------------------
4. FEATURES
--------------------------------------------------------------*/

/*--------------------------------------------------------------
4a. SERVICES
--------------------------------------------------------------*/

.service-img {
  background-position: center;
  background-size: cover;
  width: 250px;
	height: 250px;
	background-color: grey;
	overflow: hidden;
	transition: 500ms;
}

.services-grid {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100vw;
  text-align: center;
	padding: 0 0 50px 0;
}

.services-grid-container {
  width: 960px;
  max-width: 90vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.view-services {
  border: 2px solid #338cab;
  text-align: center;
  color: #338cab !important;
  font-weight: bold;
  text-transform: uppercase;
  padding: 10px 50px;
  border-radius: 5px;
}

.view-services:hover {
  color: white !important;
  background-color: #338cab;
}

.service-card {
	width: 250px;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin: 15px;
	overflow: hidden;
}

.service-card img {
	width: 100%;
	margin-bottom: none !important;
}

.services-grid-wrapper {
	display: flex;
	flex-direction: row;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
	padding-bottom: 50px;
}

.service-card h3 {
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	background-color: #134b5e;
	color: #fff;
	word-wrap: normal;
	font-size: 18px;
	z-index: 9999;
}

.service-card:hover .service-img {
	transform: scale(1.2);
}

.service-card:hover h3 {
	background-color: #338cab;
}
.home-wave {
	width: 100vw;
	position: relative;
	max-width: none;
	transform: translateY(1px);

}
@media screen and (min-width: 1025px) {
	.home-wave {
		margin-top: 43vw;

	}
}
.bottom-wave {
	fill: #338cab;
	transform: translateY(100%);
	animation: waveSlideUp 500ms ease 0s 1 forwards;
}
.home-wave .st2 {
	fill: rgba(51, 140, 171, 0.8);
	transform: translateY(100%);
	animation: waveSlideUp 500ms ease 500ms 1 forwards;
}
.home-wave .st1 {
	fill: rgba(51, 140, 171, 0.6);
	transform: translateY(100%);
	animation: waveSlideUp 500ms ease 1s 1 forwards;
}
.home-wave .st0 {
	fill: rgba(51, 140, 171, 0.4);
	transform: translateY(100%);
	animation: waveSlideUp 500ms ease 1.5s 1 forwards;
}
@keyframes waveSlideUp {
	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0);
	}
}
.home-services {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 0 50px 0;
	background-color: #338cab;
	border-bottom: 5px solid #63d1f7;
	position: relative;
	flex-direction: column;
	width: 100vw;
	/* margin-top: 45vw; */
}

.home-services-container {
	width: 960px;
	max-width: 90vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.view-services-btn {
	position: absolute;
	bottom: -25px;
	color: white !important;
	font-weight: bold;
	width: 300px;
	padding: 10px;
	z-index: 99;
	text-transform: uppercase;
	background-color: #63d1f7;
	text-align: center;
}

.view-services-btn:hover {
	background-color: #134B5E;
}

.home-service-card {
	width: 200px;
	margin: 15px;
	opacity: 0;
	transform: translateY(25px);
	transition: all 500ms ease;
}

.home-service-card a {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.home-service-img {
	width: 200px;
	height: 200px;
	border-radius: 100%;
	border: 7px solid #134B5E;
	background-position: center;
	background-size: cover;
	margin-bottom: 15px;
}

.home-service-card h3 {
	color: #fff;
	font-weight: bold;
}

.home-services .center-doctor-title h2, .home-services .center-doctor-title h3 {
	color: white;
}

.home-service-card:hover .home-service-img {
	border-color: #63d1f7;
}

/*--------------------------------------------------------------
4b. DOCTORS
--------------------------------------------------------------*/

.doctors-section {
	display: flex;
	flex-direction: column;
	width:100vw;
	height: auto;
	background-color:#fff;
	padding: 50px 0px 50px 0px;
	background-image: url('/wp-content/uploads/2021/01/background-pattern-2.png');
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border-bottom: 7px solid #795132;
}
.page-id-54 .doctors-section {
	background-image: none;
	padding: 0;
	width: 100%;
	align-items: center;
	border-bottom: none;
}

.center-doctor-title {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 25px;
}

.center-doctor-title h2 {
	margin-bottom: 15px;
	font-weight: bold;
	color: #795132;
	text-transform: uppercase;
	opacity: 0;
	transition: all 1s ease 0s;
}

.center-doctor-title h3 {
	margin: 0;
	font-weight: bold;
	color: #795132;
	text-transform: uppercase;
	opacity: 0;
	transition: all 1s ease 0s;
}

.center-doctor-title hr {
	width: 60px;
	margin: 0;
	background-color: #63d1f7;
	height: 4px;
	transform: scaleX(0);
	transition: all 500ms ease 1s;
}

.doctor-card-section-container {
	width: 90vw;
	max-width: 960px;
	display: flex;
	flex-flow: row wrap !important;
	justify-content: center;
	margin: auto;
}
@media screen and (max-width: 1024px) {
	.doctor-card-section-container {
		align-items: center;
		flex-direction: column;
	}
}
.page-id-54 .doctor-card-section-container {

	width: 100%;
	max-width: 100%;
}
.page-id-54 .doctor-wrapper {

	width: 100%;
	max-width: 100%;
}
.doctor-column {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	/* padding: 10px; */
	margin: 10px;
	opacity: 0;
	transform: translateY(25px);
	transition: all 500ms ease;
	width: 160px;
	text-align: center;
}
.page-id-54 .doctor-column {
	opacity: 1;
	transform: translateY(0);
}
.doctor-card-section {
	display: flex;
	border: 7px solid #338cab;
	border-radius: 100%;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 250px;
	min-width: 250px;
	min-height: 250px;
	background-size: cover;
}
.doctor-column img {
	margin-bottom: 15px;
}
.doctor-column h3 {
	/* margin-top: 15px !important; */
	color: #43311b;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.doctor-column p {
	font-weight: bold;
	text-transform: uppercase;
	font-family: refrigerator-deluxe, sans-serif;
	color: #979a75;
	font-size: 20px;
}
.doctor-column:hover .doctor-card-section {
	border-color: #134b5e;
}

.doctors-page {
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	text-align: center;
	width: 960px;
	max-width: 80vw !important;
	margin: auto;
}

.ind-doctor-container {
	width: 250px !important;
	margin: 25px !important;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.ind-doctor-container:hover .ind-doctor-picture {
	border-color: #134b5e;
}

.ind-doctor-picture{
	height: 250px;
	width: 250px;
	max-height: 250px;
	max-width: 250px;
	border-radius: 100%;
	border: 7px solid #338cab;
	background-position: center;
	background-repeat: none;
	background-size: cover;
	margin-bottom: 15px;
	transition: 300ms;
}

.ind-doctor-information {
	color: #134b5e;
	width: 98%;
	font-weight: bold;
	margin: auto;
}

.ind-doctor-information h3{
	margin: 0px !important;
	transition: 300ms;
	font-weight: bold;
}

.ind-doctor-information h4{
	margin: 0px !important;
	transition: 300ms;
}

.doctor-card {
	margin-bottom: 25px;
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.doctor-card img {
	width: 250px;
	float: left;
}

.doctor-card h3 {
	color: #338cab;
	font-size: 24px;
}

/*--------------------------------------------------------------
4c. COUNTER
--------------------------------------------------------------*/

.sh-counter-wrapper {
	border-top: 7px solid #795132;
	background-image: url('/wp-content/uploads/2021/01/stat-counter-background-1.png');
  display: flex;
  width: 100vw;
	background-color: white;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-position: center;
  background-size: cover;
  padding: 100px 0 100px 0;
	position: relative;
	background-attachment: fixed;
}

.sh-counter-container {
  width: 1200px;
  max-width: 90vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}

.sh-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 1px;
  width: 340px;
}

.sh-slot .sh-number {
  color: #ffecd8;
  font-size: 70px !important;
  font-weight: bold;
  text-align: center;
  margin: 0;
	font-family: refrigerator-deluxe, sans-serif;

}

.sh-slot .sh-stat {
	font-family: refrigerator-deluxe, sans-serif;

  color: #ffecd8;
  text-align: center;
  font-size: 34px;
  font-weight: normal;
  text-transform: capitalize;
  padding: 0;
  margin: 0;
}

.sh-home-counter-wrapper {
  display: flex;
  width: 100vw;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-position: center;
  background-size: cover;
  padding: 50px 0 50px 0;
}

.sh-home-counter-container {
  width: 960px;
  max-width: 90vw;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}

.sh-home-slot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 1px;
  width: 340px;
  height: 244px;
}

.sh-home-slot .sh-home-number {
  color: #ffecd8;
  font-size: 70px !important;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.sh-home-slot .sh-home-stat {
  color: #ffecd8;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
}

#sh-home-slot-1 {
  background-image: url('/wp-content/uploads/2019/03/map-left.png');
  background-position: center;
  background-size: cover;
}

#sh-home-slot-2 {
  background-image: url('/wp-content/uploads/2019/03/map-middle.png');
  background-position: center;
  background-size: cover;
}

#sh-home-slot-3 {
  background-image: url('/wp-content/uploads/2019/03/map-right.png');
  background-position: center;
  background-size: cover;
}

.od-plus-container {
  display: flex;
  align-items: center;
}

.od-plus {
  color: #ffecd8;
  font-size: 70px !important;
  font-weight: bold;
  text-align: center;
  margin: 0;
}

.home #sh-slot-1 {
	width: 300px;
	margin: 15px;
	background-position: center;
	background-size: cover;
	justify-content: flex-start;
}

.home #sh-slot-2 {
	width: 300px;
	margin: 15px;
	background-position: center;
	background-size: cover;
	justify-content: flex-start;
}

.home #sh-slot-3 {
	width: 300px;
	margin: 15px;
	background-position: center;
	background-size: cover;
	justify-content: flex-start;
}

.home #sh-slot-4 {
	width: 300px;
	margin: 15px;
	background-position: center;
	background-size: cover;
	justify-content: flex-start;
}

.home #sh-slot-1 p {
	color: #ffecd8;
	font-family: refrigerator-deluxe, sans-serif;

}

.home #sh-slot-2 p {
	color: #ffecd8;
	font-family: refrigerator-deluxe, sans-serif;

}

.home #sh-slot-3 p {
	color: #ffecd8;
	font-family: refrigerator-deluxe, sans-serif;

}
.odometer-inside, .odometer-value {
	font-family: refrigerator-deluxe, sans-serif !important;

}
.home #sh-slot-4 p {
	color: #ffecd8;
	font-family: refrigerator-deluxe, sans-serif;

}

.home #sh-slot-1 .sh-stat {
	color: #ffecd8;
}

.home #sh-slot-2 .sh-stat {
	color: #ffecd8;
}

.home #sh-slot-3 .sh-stat {
	color: #ffecd8;
}

.home #sh-slot-4 .sh-stat {
	color: #ffecd8;
}

.sh-slot p {
	color: #ffecd8;
}

.od-divider {
	width: 40px;
	height: 5px;
	background-color: #ffecd8;
	margin: 10px 0 25px 0;
	transform: scaleX(0);
	transition: all 500ms ease;
}

/*--------------------------------------------------------------
4d. TESTIMONIALS
--------------------------------------------------------------*/

.ts-wrapper {
  width: 100vw;
  background-position: center;
  background-size: cover;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 30px 0 0 0;
}

.ts-carousel {
  width: 960px;
  max-width: 80vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.ts-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 20px 0 20px 0;
}

.ts-title .ts-content {
  text-align: center;
  color: #9FA1A4;
  margin: 0;
  padding: 0;
}

.ts-slide-wrapper {
  display: flex;
  flex-direction: row;
	justify-content: center;
  margin-bottom: 40px;
  overflow: hidden;
	width: 100%;
}

.testimonial-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 10px;
}

.testimonial-container .ts-content {
  color: #9FA1A4;
  text-align: center;
}

.testimonial {
  padding: 15px;
  width: 400px;
  max-width: 100%;
	text-align: center;
}

.ts-content {
  padding: 0;
	margin: 0;
	text-align: center;
	font-weight: bold;
	color: #9FA1A4;
	font-size: 22px;
}

.testimonial .ts-content {
  padding: 10px;
	text-align: center;
	font-style: italic;
	line-height: 25px;
	color: #9FA1A4;
	font-weight: normal;
}

.ts-triangle {
  width: 0;
  height: 0;
  border-top: 25px solid #9FA1A4;
  border-left: 75px solid transparent;
  border-right: 75px solid transparent;
  margin-bottom: 20px;
}

.ts-buttons {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}

.ts-buttons .ts-button {
  width: 15px;
  height: 15px;
  margin: 5px;
}

.ts-buttons .ts-button:hover {
  background-color: #c6c6c6;
  cursor: pointer;
}

.ts-white {
  background-color: #9FA1A4;
}

.ts-grey {
  background-color: #c6c6c6;
}

.right-chevron, .left-chevron {
  font-size: 60px;
}

.right-chevron:hover, .left-chevron:hover {
  cursor: pointer;
}

.ts-wrapper h3 {
  font-style: italic;
	font-weight: bold;
	text-align: center;
}

.ts-wrapper h2 {
  font-weight: bold;
	color: #338cab;
	margin-bottom: 0;
	padding: 5px 10px;
	background-color: white;
	transform: translateY(20px);
	text-align: center;
}

/*--------------------------------------------------------------
4e. BLOG
--------------------------------------------------------------*/

.bh-pages {
  display: flex;
  justify-content: space-between;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}

.bh-numbers {
  display: flex;
  align-items: center;
  padding: 0;
}

.bh-numbers p {
  padding: 0;
  margin: 0;
}

.bh-previous {
  position: absolute;
  left: 0;
  bottom: 0;
}

.bh-next {
  position: absolute;
  right: 0;
  bottom: 0;
}

.blog-page {
	display: flex;
	flex-direction: column;
}

.blog-card {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 2px solid #9FA1A4;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.blog-card h2 {
	padding: 5px 10px 5px 0;
  color: #8d8f69 !important;
  font-weight: bold;
  /* text-transform: capitalize; */
  background-color: white;
	position: relative;
	z-index: 999;
}

/*--------------------------------------------------------------
4e. CONTACT MAP
--------------------------------------------------------------*/

.contact-map .fa.fa-phone {
	transform: rotate(90deg);
}

.contact-gmap{
	margin-bottom: 25px;
}

/*--------------------------------------------------------------
4g. THANK YOU
--------------------------------------------------------------*/

.review-block {
	display: flex;
	align-items: center;
	padding: 10px 15px;
	border-radius: 3px;
	margin: 5px !important;
}

.review-block i {
	color: white !important;
	margin-right: 10px;
	font-size: 17px !important;
}

.review-block p {
	color: white !important;
	margin-bottom: 0 !important;
	font-size: 14px;
	padding: 0 !important;
}

.review-block:hover {
	filter: brightness(0.8);
}

/*--------------------------------------------------------------
5. SIDEBAR STYLES
--------------------------------------------------------------*/

#right-sidebar {
	background-color: #F2F5FA;
	border-radius: 15px;
	padding: 0 40px 0 40px;
}

.sidebar .widget {
	background-color: transparent;
}

.sidebar-icon {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	padding: 40px 0 40px 0;
}

.sidebar-icon p {
	color: #338cab !important;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebar-icon img {
	margin-bottom: 10px;
}

#right-sidebar .widget_custom_html {
	margin-bottom: 0;
	padding: 0;
}

#right-sidebar .widget {
	border-bottom: 2px solid #9FA1A4;
}

#right-sidebar .widget:last-of-type {
	border-bottom: none;
}

.home #right-sidebar, .home .sidebar {
  display: none !important;
}

/*--------------------------------------------------------------
6. G-FORM STYLES
--------------------------------------------------------------*/

.gform_wrapper {
  display: block;
}

.form-call {
	margin-left: 5px;
	background-color: #63d1f7;
	padding: 5px 10px;
	text-align: center;
	margin-bottom: 0;
	color: #fff !important;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.form-call i {
  transform: rotate(90deg);
  color: #fff;
  margin-right: 5px;
}

.form-call:focus {
	background-color: white;
}

.form-call:hover {
	background-color: #134b61;
	color: white !important;
}

.form-call:hover i {
	color: white;
}

#gform_wrapper_4 li {
	width: 100% !important;
}

#gform_wrapper_4 label {
	color: #42311b;
	font-size: 16px;
	font-weight: normal;
}

input#gform_submit_button_4 {
	color: white;
	background-color: #43311b;
	padding: 5px;
	text-align: center;
	width: 200px;
	margin-bottom: 10px;
	/* font-weight: bold; */
	text-transform: uppercase;
}

input#gform_submit_button_4:hover {
	background-color: #c1d82f;
}

li#field_4_1, li#field_4_2 {
	padding-right: 0;
}

input#gform_submit_button_4 {
	width: 100%;
}

ul.gfield_radio li {
	overflow: visible !important;
}

input#gform_submit_button_4 {
	line-height: 25.5px;
}

input#gform_submit_button_2, input#gform_submit_button_3 {
	color: white;
	background-color: #43311b;
	padding: 5px 10px;
	text-align: center;
	margin-bottom: 10px;
	/* font-weight: bold; */
	text-transform: uppercase;
}

input#gform_submit_button_2:hover, input#gform_submit_button_3:hover {
	background-color: #c1d82f;
}

.gform_body h2 {
	color: #338cab;
}

li#field_3_16 .gfield_label {
	display: none;
}

li#field_3_14 .gfield_label {
	display: none;
}

#gform_wrapper_3 {
	display: block !important;
}

/*--------------------------------------------------------------
7. FOOTER STYLES
--------------------------------------------------------------*/

.textwidget {
	color: #42311b;
	font-size: 16px;
}

h2.widget-title {
	color: #795132 !important;
	font-weight: bold;
	font-size: 26px;
	text-transform: uppercase;
}

footer.entry-meta {
	display: none;
}

#footer-widgets {
	background-color: white;
	background-image: url('/wp-content/uploads/2021/01/background-pattern-footer-1.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	border-top: 7px solid #c1d82f;
}

.footer-hours {
	display: flex;
	flex-direction: column;
	width: 100%;
	max-width: 400px;
}

.footer-day {
	display: flex;
	justify-content: space-between;
	align-items: center;
	border-bottom: 2px solid #9FA1A4;
}

.footer-day p {
	margin-bottom: 4px;
}

.footer-buttons {
	display: flex;
	width: 100%;
	flex-direction: column;
	align-items: center;
}

.footer-buttons a {
	color: white;
	background-color: #9FA1A4;
	padding: 5px;
	width: 250px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	border-radius: 5px;
}

.footer-buttons a:hover {
	background-color: #338cab;
}

.site-footer {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.top-footer-links {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.top-footer-links a {
	display: flex;
	align-items: center;
	margin: 10px;
	background-color: white;
	border-radius: 5px;
	border: 2px solid #338cab;
	padding: 5px 10px;
	text-align: center;
}

.top-footer-links p {
	margin-bottom: 0;
	color: #338cab !important;
	font-weight: bold;
	text-transform: uppercase;
	white-space: nowrap;
}

.top-footer-links img {
	width: 25px;
	margin-right: 5px;
}

#footer-widgets, .site-info {
	width: 100vw;
	box-sizing: border-box;
}

.site-info {
	background-color: #43311b;
}

.footer-socials {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.footer-socials a {
	width: 45px;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	border-radius: 100%;
	background-color: #795132;
	margin: 5px;
	margin-right: 0;
}

.footer-socials a i {
	color: white;
}

.footer-socials a:hover {
	background-color: #c1d82f;
}

footer.site-info .inside-site-info {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 1100px;
	max-width: 90vw;
}

.inside-footer-widgets .grid-parent {
	margin-bottom: 50px;
}

/*--------------------------------------------------------------
8. INDIVIDUAL PAGE STYLES
--------------------------------------------------------------*/

.home article#post-133, .home main#main, .home article#post-133 .entry-content {
  margin-top: 0;
}

.home article#post-133 .inside-article {
  padding-top: 0;
}

#post-133, .home #main {
	margin-bottom: 0;
}

.page-id-27 .services-grid {
	margin-left: calc(-50vw + 50%);
}

/*--------------------------------------------------------------
9. ANIMATIONS & KEYFRAMES
--------------------------------------------------------------*/

.slide-out-left {
  animation: slideOutLeft 750ms ease-out 0s 1 forwards;
}

.slide-in-left {
  animation: slideInLeft 750ms ease-out 0s 1 forwards;
}

.slide-out-right {
  animation: slideOutRight 750ms ease-out 0s 1 forwards;
}

.slide-in-right {
  animation: slideInRight 750ms ease-out 0s 1 forwards;
}

.slide-up-1 {
	animation: slideUp 500ms ease 0s forwards;
}

.slide-up-2 {
	animation: slideUp 500ms ease 200ms forwards;
}

.slide-up-3 {
	animation: slideUp 500ms ease 400ms forwards;
}

.slide-left {
	animation: slideLeft 500ms ease 0s forwards;
}

.slide-right {
	animation: slideRight 500ms ease 0s forwards;
}

@keyframes slideOutLeft {
  0% {
    transform: translateX(0vw);
  }
  100% {
    transform: translateX(-100vw);
  }
}

@keyframes slideOutRight {
  0% {
    transform: translateX(0vw);
  }
  100% {
    transform: translateX(100vw);
  }
}

@keyframes slideInLeft {
  0% {
    transform: translateX(100vw);
  }
  100% {
    transform: translateX(0vw);
  }
}

@keyframes slideInRight {
  0% {
    transform: translateX(-100vw);
  }
  100% {
    transform: translateX(0vw);
  }
}

@keyframes clickShrink {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes slideLeft {
	0% {
		opacity: 0;
		transform: translateX(-100vw);

	}
	100% {
		transform: translateX(0);
	opacity: 1;
	}
}

@keyframes slideRight {
	0% {
		opacity: 0;
		transform: translateX(100vw);
	}
	100% {
		transform: translateX(0);
	opacity: 1;
	}
}

@keyframes slideUp {
	0% {
		opacity: 0;
		transform: translateY(50px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

/*--------------------------------------------------------------
10. MEDIA QUERIES
--------------------------------------------------------------*/

@media (min-width: 1201px) and (max-width: 1300px) {
  .cah-cust-nav-bar-menu-wrapper > div > ul > li a {
    /* font-size: 14px; */
  }
}

@media (min-width: 1025px) and (max-width: 1200px) {
  .cah-cust-nav-bar-menu-wrapper > div > ul > li a {
    /* font-size: 13px; */
  }
}

@media screen and (min-width: 1025px) {
  .mobile-btns-container {
    margin-bottom: 0;
  }
}

@media screen and (max-width: 1024px) {
	#page {
		margin-top: 65px;
	}
	.static-banner-container {
		background-color: #338cab;
		background-blend-mode: multiply;
		background-size: cover;
		background-position: left;
	}
	.banner-text-container {
		display: none;
	}
	.the-great-equalizer{
		margin: auto;
	}
	.banner-button-container {
		display: flex !important;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		width: auto;
	}
	.banner-button {
		display: flex;
		flex-direction: row;
		align-items:center;
		background-color: #795132;
		border-radius: 30px;
		/* font-size: 23px; */
		/* font-weight: bold; */
		padding: 5px 15px;
		width: auto;
	}
	.desktop-button-container {
		display: none;
	}
	.fa-caret-right {
		padding: 0px;
		margin-left: 10px;
		vertical-align: baseline;
	}
	.banner-button p {
		margin: 0px;
		color: white;
		/* font-size: 20px; */
		/* font-weight: bold; */
	}
	.banner-button i {
		color: white;
		/* font-size: 20px; */
		/* font-weight: bold; */
	}
	.banner-button-container h1 {
		color: white;
		font-size: 36px;
		font-weight: bold;
	}
	.inside-footer-widgets {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	aside#custom_html-2 .textwidget {
		display: flex;
		justify-content: center;
	}
	#gform_widget-2 {
		max-width: 250px;
	}
	.inside-footer-widgets .grid-parent {
		display: flex;
		justify-content: center;
		text-align: center;
	}
	.top-footer-links {
		display: none;
	}
	#gform_wrapper_4 {
		width: 250px;
	}
	aside#gform_widget-2, .site-footer .footer-widgets-container .inner-padding {
		padding-left: 0;
	}
	.footer-hours {
		width: 250px;
	}
	.doctor-card {
		display: flex;
		flex-direction: column;
	}
	.doctor-card img {
		float: none;
	}
	.right-chevron, .left-chevron {
		font-size: 40px;
	}
	.cah-cust-nav-bar-wrapper {
		position: relative;
	}
	.static-banner-container {
		position: relative;
		top: 0;
	}
	.three-animal-container {
		margin-top: 0;
	}
	.cah-cust-nav-bar-wrapper {
		position: relative;
		top: 0;
		left: 0;
	}
	.cah-cust-nav-bar-menu-wrapper {
		display: none;
	}
	.mobile-header-appt-bttn {
		display: block;
	}
	.cah-cust-nav-bar-floating-nav-wrapper {
		display: none;
	}
	.cah-cust-nav-bar-contact-menu-wrapper {
		display: flex;
		align-items: flex-end;
		flex-direction: column
	}
	.cah-cust-nav-bar-contact-wrapper {
		height: 80px;
		flex-direction: column;
		align-items: flex-end;
	}
	.cah-cust-nav-bar-contact-wrapper span:nth-child(1) {
		margin-right: 0;
		margin-bottom: 10px;
	}
	.cah-cust-nav-bar-hamburger-btn {
		display: block;
	}
	.cah-cust-nav-bar-inner-wrapper {
		display: flex;
		position: static
	}
	.banner-overlay {
		display: flex;
	}
	.sh-counter-container {
		flex-direction: column;
	}
	.sh-home-counter-container {
		flex-direction: column;
	}
	.banner-socials {
		display: none;
	}
	.home .entry-content p {
		margin-bottom: 0;
	}
	footer.site-info .inside-site-info {
		flex-direction: column;
	}
	.conditional-formatting.mobile-conditional-formatting-slider {
		display: none;
	}
	.mobile-banner {
		display: flex;
		width: 100vw;
		height: 51.197vw;
		background-image: url('/wp-content/uploads/2019/07/template9-slider-images.jpg');
		background-position: center;
		background-size: cover;
	}
	.mobile-banner-overlay {
		width: 100%;
		height: 100%;
		display: flex;
		background-color: rgba(51, 140, 171, 0.8);
		flex-direction: column;
		align-items: center;
		text-align: center;
		justify-content: center;
	}
	.mobile-banner-container {
		width: 960px;
		max-width: 90vw;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.mobile-banner-overlay h1 {
		text-transform: uppercase;
		font-weight: bold;
		color: white;
	}
	.mobile-banner-overlay a {
		padding: 10px 20px;
		border-radius: 50px;
		background-color: white;
		text-transform: uppercase;
		color: #338cab;
		font-weight: bold;
	}
	.home-services {
		margin-top: 0;
	}
}

@media screen and (max-width: 787px) {
  #logo-desktop {
    display: none;
  }
  #logo-mobile {
    display: block;
    width: 100px;
  }
  .header-stick {
    position: fixed !important;
    box-shadow: 0 5px 30px 0 lightgrey;
  }
}

@media screen and (min-width: 769px) {
	nav#site-navigation .inside-navigation {
		display: flex !important;
		justify-content: flex-end !important;
	}
}

@media (max-width: 660px) {
  .cah-cust-nav-bar-inner-wrapper {
    flex-direction: row;
    align-items: center;
    padding: 5px;
  }
	.the-great-equalizer {
		display:none;
	}
	.true-mobile-nav {
		display: flex;
	}
	.mobile-header-appt-bttn-true {
		display: block;
	}
	.the-great-equalizer-true {
		width: 200px;
	}
	.mobile-header-appt-bttn-true p {
		font-size: 14px;
	}
	.mobile-header-appt-bttn {
		display: none !important;
	}
	.cah-cust-nav-bar-hamburger-btn {
		position: absolute;
		left: 5%;
	}
	.cah-cust-nav-bar-contact-menu-wrapper {
		flex-direction: row !important;
		justify-content: space-between;
		width: auto;
	}
	.doctor-card-section-container {
		flex-flow: column nowrap !important;
	}
	.numbers-container {
		flex-wrap: wrap;
		height: auto;
	}
	.cah-cust-nav-bar-floating-nav-inner-wrapper{
		padding: 10px 0px 10px 0px;
		width: 100vw;
	}
	.three-animals-row {
		flex-direction: column;
		align-items: center;
	}
	.one-animal-section {
		width: 50%;
	}
	.cah-cust-nav-bar-contact-wrapper {
		height: auto !important;
	}
	.the-great-equalizer {
		margin-bottom: -5px;
	}
  .cah-cust-nav-bar-logo-wrapper {
    margin-bottom: 14px;
  }
	.desktop-floating-nav {
		display: none;
	}
	.mobile-floating-nav {
		display: block;
		border-bottom: 1px solid black;
	}
	.post-555 .entry-content img {
		display: none;
	}
	.entry-content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
}

@media (min-width: 0px) and (max-width: 800px) {
	.ts-slide-wrapper {
		flex-direction: column;
	}
  .testimonial {
    width: 80vw;
  }
}
.doctor-wrapper {
	background-color: #fdfce3;
	width: 100vw;
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.bottom-wave-wrapper {
	background-color: white;
}
.page-id-371 .cah-cust-nav-bar-menu-wrapper, .page-id-371 .info-bottom-row, .page-id-371 .site-footer, .page-id-371 .mobile-header-appt-bttn, .page-id-371 .cah-cust-nav-bar-contact-menu-wrapper {
	display: none !important;
}
.cah-cust-nav-bar-menu-wrapper, .info-bottom-row, .site-footer, .mobile-header-appt-bttn, .cah-cust-nav-bar-contact-menu-wrapper {
	display: none !important;
}
.three-callouts {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 0;
	background-color: #e1cdbe;
	border-bottom: 7px solid #c1d82f;
	border-top: 7px solid #795132;
	position: relative;
	width: 100vw;
}
.three-callouts-container {
	width: 1200px;
	max-width: 90vw;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	position: relative;
}
.three-callouts-socials {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	top: -77px;
	right: 0;
}
@media screen and (max-width: 1024px) {
	.three-callouts-socials {
		right: auto;
	}
}
.three-callouts-socials a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background-color: #795132;
	border-radius: 100%;
	width: 45px;
	height: 45px;
	margin-left: 5px;
}
.three-callouts-socials a i {
	color: white;
}
.three-callouts-socials a:hover {
	background-color: #c1d82f;
}
.three-callout-card {
	width: 350px;
	box-sizing: border-box;
	padding: 15px;

}
.three-callout-card h3 {
	color: #453118;
}
.three-callout-card h3 a {
	color: #453118;
}
.three-callout-card p {
	color: #453118;
}
.three-callout-card p a {
	color: #795132;
	font-weight: bold;
}
@media screen and (min-width: 1025px) {
	.three-callouts {
		margin-top: 43vw;
	}
}
.new-services {
	position: relative;
	width: 100vw;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 50px 0;
	background-color: #42311b;
}
.post-27 .new-services {
	background-color: white;
	/* margin-left: calc(-50vw + 50%); */
	width: 100%;
	padding: 0;
}
.post-11541 .new-services {
	background-color: white;
	/* margin-left: calc(-50vw + 50%); */
	width: 100%;
	padding: 0;
}
.new-services-container {
	width: 1200px;
	max-width: 90vw;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.new-services .center-doctor-title * {
	color: #8d8f69;
}
.new-services-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	width: 100%;
}

.new-service-card {
	width: 275px;
	margin: 10px;
	display: flex;
	flex-direction: column;
}
.new-service-top {
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
}
.dental-top {
	width: 275px;
	height: 275px;
	position: relative;
	background-position: center;
	background-size: cover;
	overflow: hidden;
}
.new-service-top img {
	width: 100%;
}
.new-service-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	padding: 15px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	background-color: #795132;
	transition: all 500ms ease;
	transform: translateY(100%);
}
.new-service-overlay p {
	color: white;
}
.new-service-overlay a {
	color: white;
	padding: 5px 10px;
	background-color: #42311b;
}
.new-service-card h3 {
	width: 100%;
	box-sizing: border-box;
	background-color: #795132;
	text-align: center;
	color: white;
	padding: 10px;
	margin-bottom: 0;
}
.new-service-card:hover .new-service-overlay {
	transform: translateY(0);
}
.new-service-overlay a:hover {
	background-color: #c1d82f;
}
.opening-hours {
	width: 100%;
	display: flex;
	flex-direction: column;
	border: 1px solid #e6e6e6;
}
.hours-section {
	border-bottom: 1px solid #e6e6e6;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.hours-section p {
	margin-bottom: 0;
	padding: 5px;
	text-align: center;
}
.drop-off-page {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.drop-off-banner {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	display: flex;
  flex-direction: column;
	/* justify-content: center;
	align-items: center; */
}
.drop-off-banner img {
	width: 100%;
}
.drop-off-container {
	width: 1200px;
	max-width: 90vw;
	display: flex;
	justify-content: flex-start;
}
.drop-off-caption {
	/* width: 40%; */
	box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
  background-color: #c1d82f;
}
.drop-off-caption-container {
  width: 960px;
  max-width: 90vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.drop-off-caption h1 {
	font-weight: bold;
	text-transform: uppercase;
	color: #42311b;
}
.drop-off-caption p {
	color: #42311b;
}
.drop-off-body {
	padding-top: 50px;
	display: flex;
	flex-direction: column;
}
.drop-off-body > p {
	color: #795132;
}
.drop-off-section {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.drop-off-text {
	padding: 50px 50px 50px 0;
	box-sizing: border-box;
	width: 70%;
}
.drop-off-body > .drop-off-section:nth-of-type(2n) .drop-off-text {
  padding: 50px 0 50px 50px;
}
.drop-off-img {
	width: 30%;
}
.drop-off-text h3 {
	font-weight: bold;
	text-transform: uppercase;
	color: #795132;
	font-size: 30px;
}
.drop-off-text p {
	color: #795132;
}
@media screen and (max-width: 1024px) {
	.drop-off-banner {
		height: auto;
		padding: 50px 0 0 0;
		box-sizing: border-box;
		flex-direction: column;
		background-image: none;
	}
	.drop-off-banner img {
		display: block;
		width: 100%;
	}
	.drop-off-caption {
		width: 100%;

	}
	.drop-off-section {
		flex-direction: column-reverse;
		align-items: flex-start;
	}
	.drop-off-text {
		width: 100%;
		padding: 0;
	}
	.drop-off-img {
		width: 100%;
		margin-bottom: 15px;
	}
	.drop-off-body > .drop-off-section:nth-of-type(2n) {
		flex-direction: column;
	}
}
.page-id-11931 header.entry-header {
	display: none;
}
.page-id-11931 .entry-content {
	margin-top: 0;
}
.page-id-11931 #page {
	margin-top: 106px;
}
.inside-footer-widgets > div {
	display: flex;
	flex-direction: column;
}
@media screen and (max-width: 1024px) {
	#gform_widget-4 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
}
.staff-page {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.staff-card {
	margin-bottom: 25px;
}
.staff-card img {
	float: left;
	margin: 0 25px 15px 0;
	width: 200px;
}
.home-popup {
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	background-color: rgba(0,0,0,0.4);
	display: flex;
	justify-content: center;
	align-items: center;
}
.home-modal {
	width: 500px;
	max-width: 90vw;
	position: relative;
	box-sizing: border-box;
	padding: 25px;
	background-color: white;
}
.home-modal > i {
	position: absolute;
	top: 15px;
	right: 15px;
}
.home-modal > i:hover {
	color: #c1d82f;
}
.home-modal > p {
	margin-bottom: 0;
}
.home-modal img {
	width: 100%;
}
.best-logos {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.best-logos > img {
	margin: 0 25px 25px 0;
	max-height: 200px;
}
@media screen and (max-width: 1024px) {
	.best-logos {
		flex-wrap: wrap;
		justify-content: flex-start;
	}
}