/*!
Theme Name: PetCenter
Theme URI: https://www.templatemonster.com/vendors/zemez
Author: Zemez
Author URI: https://zemez.io/
Description: PetCenter theme.
Template: kava
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: petcenter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
DocumentationID: petcenter
Template Id: prod-2960
*/

#toTop {
	cursor: pointer;
}
/*

                               CALENDAR

*/

.datepick {
	padding: 35px 15px 15px 15px;
	width: 100% !important;
	border: none;
	border-radius: 0;
	background: #34c1e7;
}

.datepick-month {
	width: 100%;
	border: none;
}

.datepick-nav {
	display: none;
}

.datepick-month-header {
	display: flex;
}

.datepick-month thead {
	border: none;
}

.datepick-month-header select {
	height: 50px;
	width: 50%;
	background: #df3f52;
	border: 5px solid #34c1e7;
	border-radius: 0;
}

.datepick-month th {
	background: #df3f52;
}

.mphb-calendar .datepick-month td,
.datepick-month th {
	border: 5px solid #34c1e7;
}

.mphb-calendar .datepick .datepick-month td,
.mphb-calendar .datepick .datepick-month th {
	height: 50px;
	width: 50px;
}

.mphb-calendar .datepick .datepick-month td span {
	height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.mphb-calendar .datepick .datepick-month .mphb-past-date,
.mphb-calendar .datepick .datepick-month .mphb-available-date,
.mphb-calendar .datepick .datepick-month .datepick-other-month,
.mphb-calendar .datepick .datepick-month .mphb-not-available-date,
.datepick-month thead span,
.datepick-month-header select,
 .datepick-month-header input {
	font-family: montserrat, sans-serif;
	font-weight: 400;
	font-size: 20px;
	text-transform: uppercase;
}

.mphb-calendar .datepick .datepick-month .mphb-past-date  {
	background: #fff;
	color: #b1b1b1;
	opacity: 1;
}

.mphb-calendar .datepick .datepick-month .mphb-not-available-date  {
	background: #fff;
	color: #b1b1b1;
}

.mphb-calendar .datepick .datepick-month .datepick-other-month  {
	background: #fff;
	color: #b1b1b1;
}

.mphb-calendar .datepick .datepick-month .mphb-available-date  {
	background: #fff;
	color: #34c1e7;
	cursor: pointer;
}

.mphb-calendar .datepick .datepick-month .mphb-available-date:hover  {
	background: #df3f52;
	color: #fff;
}


@media (max-width: 767px) {
	.mphb-calendar .datepick .datepick-month .mphb-past-date,
	.mphb-calendar .datepick .datepick-month .mphb-available-date,
	.mphb-calendar .datepick .datepick-month .datepick-other-month,
	.mphb-calendar .datepick .datepick-month .mphb-not-available-date,
	.datepick-month thead span,
	.datepick-month-header select,
	.datepick-month-header input {
		font-size: 14px;
	}

	.mphb-calendar .datepick .datepick-month td, .mphb-calendar .datepick .datepick-month th {
		height: 30px;
		width: 30px;
	}

	.datepick-month-header select {
		height: 30px;
	}
}

/*

                               PRELOADER

*/

.cssload-loader {
    position: absolute;
    top: 50%;
	left: 50%;
	width: 23px;
	height: 23px;
	margin: -11px 0 0 -11px;
}

.cssload-loader i {
	position: absolute;
	top: 23px; left: 23px;
	display: block;
	width: 23px;
	height: 23px;
	border: 3px solid rgba(52,192,231,0.98);
	border-radius: 23px;
	animation: cssload-spin2 1.73s ease-in-out infinite;
		-o-animation: cssload-spin2 1.73s ease-in-out infinite;
		-ms-animation: cssload-spin2 1.73s ease-in-out infinite;
		-webkit-animation: cssload-spin2 1.73s ease-in-out infinite;
		-moz-animation: cssload-spin2 1.73s ease-in-out infinite;
}
.cssload-loader i:first-child {
	top: -23px; left: 0;
	border: 3px solid rgb(51,51,51);
	animation: cssload-spin 1.73s ease-in-out infinite;
		-o-animation: cssload-spin 1.73s ease-in-out infinite;
		-ms-animation: cssload-spin 1.73s ease-in-out infinite;
		-webkit-animation: cssload-spin 1.73s ease-in-out infinite;
		-moz-animation: cssload-spin 1.73s ease-in-out infinite;
}
.cssload-loader i:last-child {
	top: 23px; left: -23px;
	border: 3px solid rgb(223,63,82);
	animation: cssload-spin3 1.73s ease-in-out infinite;
		-o-animation: cssload-spin3 1.73s ease-in-out infinite;
		-ms-animation: cssload-spin3 1.73s ease-in-out infinite;
		-webkit-animation: cssload-spin3 1.73s ease-in-out infinite;
		-moz-animation: cssload-spin3 1.73s ease-in-out infinite;
}



@keyframes cssload-spin {
	0% {
		top: -23px;
		left: 0;
		transform: scale(1);
	}
	17% {
		transform: scale(.5);
	}
	33% {
		top: 23px;
		left: 23px;
		transform: scale(1);
	}
	50% {
		transform: scale(.5);
	}
	66% {
		top: 23px;
		left: -23px;
		transform: scale(1);
	}
	83% {
		transform: scale(.5);
	}
	100% {
		top: -23px;
		left: 0;
		transform: scale(1);
	}
}

@-o-keyframes cssload-spin {
	0% {
		top: -23px;
		left: 0;
		-o-transform: scale(1);
	}
	17% {
		-o-transform: scale(.5);
	}
	33% {
		top: 23px;
		left: 23px;
		-o-transform: scale(1);
	}
	50% {
		-o-transform: scale(.5);
	}
	66% {
		top: 23px;
		left: -23px;
		-o-transform: scale(1);
	}
	83% {
		-o-transform: scale(.5);
	}
	100% {
		top: -23px;
		left: 0;
		-o-transform: scale(1);
	}
}

@-ms-keyframes cssload-spin {
	0% {
		top: -23px;
		left: 0;
		-ms-transform: scale(1);
	}
	17% {
		-ms-transform: scale(.5);
	}
	33% {
		top: 23px;
		left: 23px;
		-ms-transform: scale(1);
	}
	50% {
		-ms-transform: scale(.5);
	}
	66% {
		top: 23px;
		left: -23px;
		-ms-transform: scale(1);
	}
	83% {
		-ms-transform: scale(.5);
	}
	100% {
		top: -23px;
		left: 0;
		-ms-transform: scale(1);
	}
}

@-webkit-keyframes cssload-spin {
	0% {
		top: -23px;
		left: 0;
		-webkit-transform: scale(1);
	}
	17% {
		-webkit-transform: scale(.5);
	}
	33% {
		top: 23px;
		left: 23px;
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(.5);
	}
	66% {
		top: 23px;
		left: -23px;
		-webkit-transform: scale(1);
	}
	83% {
		-webkit-transform: scale(.5);
	}
	100% {
		top: -23px;
		left: 0;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes cssload-spin {
	0% {
		top: -23px;
		left: 0;
		-moz-transform: scale(1);
	}
	17% {
		-moz-transform: scale(.5);
	}
	33% {
		top: 23px;
		left: 23px;
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(.5);
	}
	66% {
		top: 23px;
		left: -23px;
		-moz-transform: scale(1);
	}
	83% {
		-moz-transform: scale(.5);
	}
	100% {
		top: -23px;
		left: 0;
		-moz-transform: scale(1);
	}
}

@keyframes cssload-spin2 {
	0% {
		top: 23px;
		left: 23px;
		transform: scale(1);
	}
	17% {
		transform: scale(.5);
	}
	33% {
		top: 23px;
		left: -23px;
		transform: scale(1);
	}
	50% {
		transform: scale(.5);
	}
	66% {
		top: -23px;
		left: 0;
		transform: scale(1);
	}
	83% {
		transform: scale(.5);
	}
	100% {
		top: 23px;
		left: 23px;
		transform: scale(1);
	}
}

@-o-keyframes cssload-spin2 {
	0% {
		top: 23px;
		left: 23px;
		-o-transform: scale(1);
	}
	17% {
		-o-transform: scale(.5);
	}
	33% {
		top: 23px;
		left: -23px;
		-o-transform: scale(1);
	}
	50% {
		-o-transform: scale(.5);
	}
	66% {
		top: -23px;
		left: 0;
		-o-transform: scale(1);
	}
	83% {
		-o-transform: scale(.5);
	}
	100% {
		top: 23px;
		left: 23px;
		-o-transform: scale(1);
	}
}

@-ms-keyframes cssload-spin2 {
	0% {
		top: 23px;
		left: 23px;
		-ms-transform: scale(1);
	}
	17% {
		-ms-transform: scale(.5);
	}
	33% {
		top: 23px;
		left: -23px;
		-ms-transform: scale(1);
	}
	50% {
		-ms-transform: scale(.5);
	}
	66% {
		top: -23px;
		left: 0;
		-ms-transform: scale(1);
	}
	83% {
		-ms-transform: scale(.5);
	}
	100% {
		top: 23px;
		left: 23px;
		-ms-transform: scale(1);
	}
}

@-webkit-keyframes cssload-spin2 {
	0% {
		top: 23px;
		left: 23px;
		-webkit-transform: scale(1);
	}
	17% {
		-webkit-transform: scale(.5);
	}
	33% {
		top: 23px;
		left: -23px;
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(.5);
	}
	66% {
		top: -23px;
		left: 0;
		-webkit-transform: scale(1);
	}
	83% {
		-webkit-transform: scale(.5);
	}
	100% {
		top: 23px;
		left: 23px;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes cssload-spin2 {
	0% {
		top: 23px;
		left: 23px;
		-moz-transform: scale(1);
	}
	17% {
		-moz-transform: scale(.5);
	}
	33% {
		top: 23px;
		left: -23px;
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(.5);
	}
	66% {
		top: -23px;
		left: 0;
		-moz-transform: scale(1);
	}
	83% {
		-moz-transform: scale(.5);
	}
	100% {
		top: 23px;
		left: 23px;
		-moz-transform: scale(1);
	}
}

@keyframes cssload-spin3 {
	0% {
		top: 23px;
		left: -23px;
		transform: scale(1);
	}
	17% {
		transform: scale(.5);
	}
	33% {
		top: -23px;
		left: 0;
		transform: scale(1);
	}
	50% {
		transform: scale(.5);
	}
	66% {
		top: 23px;
		left: 23px;
		transform: scale(1);
	}
	83% {
		transform: scale(.5);
	}
	100% {
		top: 23px;
		left: -23px;
		transform: scale(1);
	}
}

@-o-keyframes cssload-spin3 {
	0% {
		top: 23px;
		left: -23px;
		-o-transform: scale(1);
	}
	17% {
		-o-transform: scale(.5);
	}
	33% {
		top: -23px;
		left: 0;
		-o-transform: scale(1);
	}
	50% {
		-o-transform: scale(.5);
	}
	66% {
		top: 23px;
		left: 23px;
		-o-transform: scale(1);
	}
	83% {
		-o-transform: scale(.5);
	}
	100% {
		top: 23px;
		left: -23px;
		-o-transform: scale(1);
	}
}

@-ms-keyframes cssload-spin3 {
	0% {
		top: 23px;
		left: -23px;
		-ms-transform: scale(1);
	}
	17% {
		-ms-transform: scale(.5);
	}
	33% {
		top: -23px;
		left: 0;
		-ms-transform: scale(1);
	}
	50% {
		-ms-transform: scale(.5);
	}
	66% {
		top: 23px;
		left: 23px;
		-ms-transform: scale(1);
	}
	83% {
		-ms-transform: scale(.5);
	}
	100% {
		top: 23px;
		left: -23px;
		-ms-transform: scale(1);
	}
}

@-webkit-keyframes cssload-spin3 {
	0% {
		top: 23px;
		left: -23px;
		-webkit-transform: scale(1);
	}
	17% {
		-webkit-transform: scale(.5);
	}
	33% {
		top: -23px;
		left: 0;
		-webkit-transform: scale(1);
	}
	50% {
		-webkit-transform: scale(.5);
	}
	66% {
		top: 23px;
		left: 23px;
		-webkit-transform: scale(1);
	}
	83% {
		-webkit-transform: scale(.5);
	}
	100% {
		top: 23px;
		left: -23px;
		-webkit-transform: scale(1);
	}
}

@-moz-keyframes cssload-spin3 {
	0% {
		top: 23px;
		left: -23px;
		-moz-transform: scale(1);
	}
	17% {
		-moz-transform: scale(.5);
	}
	33% {
		top: -23px;
		left: 0;
		-moz-transform: scale(1);
	}
	50% {
		-moz-transform: scale(.5);
	}
	66% {
		top: 23px;
		left: 23px;
		-moz-transform: scale(1);
	}
	83% {
		-moz-transform: scale(.5);
	}
	100% {
		top: 23px;
		left: -23px;
		-moz-transform: scale(1);
	}
}