#preloader {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 999999;
	width: 100%;
	height: 100%;
	overflow: visible;
	background: #fff;
	display: table;
	text-align: center
}

.loader {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 200px;
	height: 200px
}

.loader-icon {
	width: 80px;
	height: 80px;
	border: 5px solid #62ACB0;
	border-right-color: #eee;
	border-radius: 50%;
	position: relative;
	animation: loader-rotate 1s linear infinite;
	margin: 0 auto
}

@keyframes loader-rotate {
	0% {
		transform: rotate(0)
	}
	100% {
		transform: rotate(360deg)
	}
}

a:hover,
a:active {
	color: #62ACB0;
	text-decoration: none
}

.bg-theme {
	background-color: #62ACB0
}

.bg-theme-primary {
	background: #E9D355
}

.theme-overlay[data-overlay-dark]:before {
	background: #62ACB0
}

.text-theme-color {
	color: #62ACB0
}

.text-secondary-color {
	color: #E9D355
}

p {
	word-spacing: 0
}

.line-through {
	text-decoration: line-through
}

.red {
	color: red
}

input[type=checkbox],
input[type=radio] {
	width: auto;
	margin: 0 5px 15px 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0 0 20px;
	padding: 0;
	letter-spacing: 0;
	font-weight: 700;
	font-family: 'Nunito', sans-serif;
	color: #232323;
	line-height: normal
}

.butn {
	font-family: 'Nunito', sans-serif;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	padding: 20px 40px 20px;
	line-height: 1;
	display: inline-block;
	text-align: center;
	color: #fff;
	border: none;
	background-color: #E9D355;
	border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
	position: relative;
	box-shadow: 2px 0 20px rgba(0, 0, 0, 0.1);
	transition: all 0.4s linear 0s;
	border-color: #E9D355;
	letter-spacing: 1px
}

.butn.subscribe {
	border-radius: 0px
}

.butn:hover,
.butn:focus,
.butn:active {
	color: #fff;
	background-color: #62ACB0
}

.butn.secondary {
	background-color: #62ACB0;
	border-color: #62ACB0
}

.butn.secondary:hover,
.butn.secondary:focus,
.butn.secondary:active {
	background-color: #409da2
}


.butn.pink {
	background-color: #f0a397;
	border-color: #f0a397
}

.butn.pink:hover,
.butn.pink:focus,
.butn.pink:active {
	background-color: #e28576
}


.butn.gray {
	background-color: #828282;
	border-color: #828282
}

.butn.gray:hover,
.butn.gray:focus,
.butn.gray:active {
	background-color: #696969
}



.butn.style2 {
	border-radius: 0;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px
}

.butn.small {
	font-size: 14px;
	padding: 10px 20px 10px
}

.butn.medium {
	font-size: 15px;
	padding: 14px 28px
}

.butn.square {
	border-radius: 4px;
	padding: 17px 35px 17px
}

@media screen and (max-width: 991px) {
	body {
		font-size: 15px;
		line-height: 26px;
		letter-spacing: 0.6px
	}
	.butn {
		padding: 18px 35px 18px
	}
}

@media screen and (max-width: 767px) {
	.butn {
		padding: 16px 30px 16px;
		font-size: 15px
	}
}

.social-icon-style1 {
	margin-bottom: 0
}

.social-icon-style1 li {
	text-align: center;
	margin-right: 4px;
	display: inline-block
}

.social-icon-style1 li a {
	background: #62ACB0;
	border: 1px solid #62ACB0;
	color: #ffffff;
	border-radius: 50%;
	height: 35px;
	width: 35px;
	line-height: 35px;
	font-size: 14px;
	display: inline-block
}

.social-icon-style1 li a:hover {
	background: #E9D355;
	border-color: #E9D355;
	color: #fff
}

.social-icon-style2 {
	margin-bottom: 0
}

.social-icon-style2 li {
	text-align: center;
	margin-right: 10px;
	display: inline-block
}

.social-icon-style2 li a {
	color: #6f6f6f;
	display: inline-block;
	font-size: 16px
}

.social-icon-style2 li a:hover {
	color: #62ACB0
}

.social-icon-style2 li:last-child {
	margin-right: 0
}

.list-style1 {
	list-style: none;
	margin: 0;
	padding: 0
}

.list-style1 li {
	position: relative;
	padding: 0 0 12px 0;
	margin: 0 0 12px 0;
	border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
	font-size: 15px
}

.list-style1 li span {
	float: right;
	text-align: right;
	padding-left: 10px
}

.list-style1 li:first-child {
	padding-top: 10px
}

.list-style1 li:first-child:before {
	top: 10px
}

.list-style1 li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.list-style2 {
	list-style: none;
	margin: 0;
	padding: 0
}

.list-style2 li {
	position: relative;
	padding: 0 0 8px 0;
	margin: 0 0 8px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.2)
}

.list-style2 li:last-child {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0
}

.list-style2 li:before {
	content: ""
}

.list-style3 li {
	position: relative;
	padding-left: 25px;
	margin-bottom: 10px
}

.list-style3 li:last-child {
	margin-bottom: 0
}

.list-style3 li:before {
	position: absolute;
	content: '\f1b0';
	font-family: Font Awesome\ 5 Free;
	font-weight: 700;
	left: 0;
	font-size: 13px;
	color: #62ACB0
}

.list-style4 {
	list-style: none;
	margin: 0;
	padding: 0
}

.list-style4 li {
	position: relative;
	padding: 0 0 15px 0;
	margin: 0px 0 15px 0;
	border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
	font-size: 17px
}

.list-style4 li span {
	float: right;
	text-align: right;
	padding-left: 10px
}

.list-style4 li:first-child {
	padding-top: 10px
}

.list-style4 li:first-child:before {
	top: 10px
}

.list-style4 li:last-child {
	border-bottom: 0;
	margin-bottom: 0;
	padding-bottom: 0
}

.scroll-to-top {
	font-size: 16px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	border-radius: 50%;
	background: #E9D355;
	border: 1px solid #E9D355;
	width: 35px;
	height: 35px;
	line-height: 34px;
	z-index: 9999;
	outline: 0;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all 0.3s ease
}

.scroll-to-top i {
	color: #fff
}

.scroll-to-top:hover {
	color: #fff;
	background: #62ACB0;
	border-color: #62ACB0
}

.scroll-to-top:hover i {
	color: #fff
}

.scroll-to-top:visited {
	color: #fff;
	text-decoration: none
}

@media screen and (min-width: 1400px) {
	.container.lg-container {
		max-width: 67%
	}
}

.login-form input[type=checkbox],
input[type=radio] {
	margin-top: .3rem;
	margin-left: -1.25rem
}

@media screen and (max-width: 575px) {
	.mobile-margin-15px-bottom {
		margin-bottom: 15px !important
	}
	.mobile-margin-20px-bottom {
		margin-bottom: 20px !important
	}
	.mobile-margin-25px-bottom {
		margin-bottom: 25px !important
	}
	.mobile-margin-30px-bottom {
		margin-bottom: 30px !important
	}
	.mobile-margin-40px-bottom {
		margin-bottom: 40px !important
	}
	.mobile-padding-15px-bottom {
		padding-bottom: 15px !important
	}
	.mobile-padding-20px-bottom {
		padding-bottom: 20px !important
	}
	.mobile-padding-25px-bottom {
		padding-bottom: 25px !important
	}
	.mobile-padding-50px-bottom {
		padding-bottom: 50px !important
	}
	.mobile-padding-50px-tb {
		padding-bottom: 50px !important;
		padding-top: 50px !important
	}
	.mobile-display-none {
		display: none !important
	}
	.mobile-width-100 {
		width: 100% !important
	}
	.mobile-margin-20px-right {
		margin-right: 20px !important
	}
	.mobile-no-margin-right {
		margin-right: 0 !important
	}
	.mobile-text-center {
		text-align: center !important
	}
}

input,
textarea,
select {
	border-radius: 5px
}

.top-bar-info {
	display: inline-block;
	vertical-align: middle
}

.top-bar-info ul {
	margin-bottom: 0
}

.top-bar-info li {
	color: #fff;
	list-style-type: none;
	padding: 0 8px 0;
	letter-spacing: 1.5px;
	display: inline-block;
	margin-bottom: 0;
	font-size: 14px
}

.top-bar {
	display: block;
	position: relative;
	z-index: 999;
	background: #E9D355;
	padding: 8px 0
}

.top-bar-info li i {
	font-size: 16px;
	color: #fff;
	margin-right: 8px;
	margin-top: 0;
	display: inline-block;
	vertical-align: middle
}

.top-social-icon {
	padding: 0;
	float: right;
	margin: 5px 0 0 0
}

.top-social-icon li {
	font-size: 14px;
	list-style-type: none;
	float: left;
	text-align: center;
	margin: 0;
	padding: 0 7px
}

.top-social-icon li:last-child {
	padding-right: 0
}

.top-social-icon li:last-child a {
	padding-right: 0
}

.top-social-icon li a {
	color: #fff;
	line-height: 28px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	font-size: 16px;
	padding: 0 3px
}

.top-social-icon li a:hover {
	color: rgba(255, 255, 255, 0.65)
}

@media screen and (max-width: 767px) {
	.top-bar-info li {
		padding: 0 5px 0;
		font-size: 12px;
		letter-spacing: 1px
	}
	.top-bar-info li i {
		font-size: 14px
	}
}

.navbar-nav li a {
	font-size: 15px
}

.navbar-nav li.active>a {
	color: #62ACB0
}

.navbar-nav>li>a {
	font-size: 16px
}

.navbar>ul>li.has-sub>a:after {
	top: 30px
}

.navbar-nav li.current>a {
	color: #62ACB0
}

.navbar ul.cart-list>li>h6 {
	font-size: 14px;
	font-weight: 600
}

@media screen and (max-width: 1199px) {
	.navbar-nav>li {
		margin-left: 8px
	}
}

@media screen and (max-width: 991px) {
	.navbar-toggler {
		background: #62ACB0
	}
	.navbar-nav>li {
		margin-left: 0
	}
	.attr-nav>ul>li.dropdown ul.dropdown-menu {
		left: -173px
	}
	.navbar .cart-list .butn {
		color: #fff;
		background: #E9D355
	}
	.navbar ul ul li.active>a {
		color: #62ACB0
	}
}

.page-title-section {
	padding: 135px 0 115px;
	text-align: center
}

.page-title-section h1 {
	font-size: 48px;
	font-weight: 800;
	letter-spacing: 1px;
	line-height: 1;
	color: #fff;
	margin-bottom: 0
}

.page-title-section ul {
	margin-bottom: 0;
	margin-top: 10px;
	text-align: center
}

.page-title-section ul li {
	display: inline-block
}

.page-title-section ul li:last-child a {
	color: #E9D355
}

.page-title-section ul li:after {
	content: '\f105';
	font-weight: 700;
	vertical-align: middle;
	color: #fff;
	font-family: Font Awesome\ 5 Pro;
	padding: 0 5px 0 10px
}

.page-title-section ul li:last-child:after {
	content: none
}

.page-title-section ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 500
}

.page-title-section .active a,
.page-title-section li.active:last-child a {
	color: #fff
}

@media screen and (max-width: 1199px) {
	.page-title-section {
		padding: 95px 0 80px
	}
	.page-title-section h1 {
		font-size: 42px;
		line-height: 46px
	}
}

@media screen and (max-width: 991px) {
	.page-title-section {
		padding: 75px 0 60px 0
	}
	.page-title-section h1 {
		font-size: 36px;
		line-height: 42px
	}
	.page-title-section ul {
		margin-top: 5px
	}
}

.owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 30px;
	text-align: center
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #d94b38
}

.owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity .2s ease;
	border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #62ACB0
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
	color: #FFF;
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	background: #D6D6D6;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	width: 40px;
	height: 40px;
	background: #fff;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	-webkit-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
	-moz-box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1);
	box-shadow: 0 5px 28px 0 rgba(50, 50, 50, 0.1)
}

.owl-nav i,
.owl-nav span {
	color: #232323;
	font-size: 18px;
	padding-top: 4px
}

.owl-carousel .owl-item img {
	width: auto;
	display: inline-block
}

.owl-carousel .caption .overflow-hidden {
	display: inline-block
}

.owl-carousel .caption h3 {
	font-weight: 200;
	visibility: hidden;
	opacity: 0;
	position: relative;
	display: inline-block
}

.owl-carousel .caption h1 {
	font-size: 80px;
	font-weight: 900;
	text-transform: uppercase;
	letter-spacing: 1px;
	line-height: 1.2;
	visibility: hidden;
	opacity: 0
}

.owl-carousel .caption p {
	font-size: 28px;
	word-spacing: 1px;
	max-width: 800px;
	letter-spacing: 2px;
	width: 100%;
	visibility: hidden;
	opacity: 0
}

.owl-carousel .caption .butn {
	visibility: hidden;
	opacity: 0
}

.owl-carousel .caption span {
	display: inline-block;
	font-weight: 600
}

.owl-carousel .caption .butn i {
	position: relative;
	top: 1px;
	z-index: 9
}

@media screen and (max-width: 1399px) {
	.owl-carousel .caption h1 {
		font-size: 64px
	}
}

@media screen and (max-width: 1199px) {
	.owl-carousel .caption h1 {
		font-size: 58px
	}
	.owl-carousel .caption p {
		font-size: 16px;
		max-width: 700px
	}
}

@media screen and (max-width: 991px) {
	.owl-carousel .caption h1 {
		font-size: 48px
	}
	.owl-carousel .caption p {
		font-size: 16px;
		max-width: 600px
	}
}

@media screen and (max-width: 767px) {
	.owl-carousel .caption h1 {
		font-size: 38px;
		margin-bottom: 20px
	}
	.owl-carousel .caption h3 {
		letter-spacing: 1px
	}
}

@media screen and (max-width: 575px) {
	.owl-carousel .caption h1 {
		font-size: 28px
	}
}

.slider-fade {
	height: 100%
}

.slider-fade .owl-carousel,
.slider-fade .owl-stage-outer,
.slider-fade .owl-stage {
	height: 100%
}

.slider-fade .owl-item {
	height: 100%;
	position: relative
}

.slider-fade .item {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center center
}

.slider-fade .item .caption {
	width: 100%;
	padding: 0 15px;
	z-index: 9;
	top: 55%
}

.slider-fade .owl-carousel.owl-theme .owl-dots {
	position: absolute;
	bottom: 5vh;
	width: 100%;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto
}

.slider-fade .owl-theme .owl-nav {
	margin-top: 0
}

.slider-fade .owl-nav i,
.slider-fade .owl-nav span {
	font-family: Font Awesome\ 5 Free;
	font-weight: 600;
	color: #fff;
	font-size: 20px;
	padding-top: 6px
}

.slider-fade .owl-theme .owl-nav .owl-prev {
	position: absolute;
	right: inherit;
	top: 0;
	bottom: 0;
	width: 60px;
	height: 60px;
	border: none;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 60px;
	left: 5vh;
	text-align: center;
	margin: auto;
	opacity: 0.3
}

.slider-fade .owl-theme .owl-nav .owl-next {
	position: absolute;
	width: 60px;
	height: 60px;
	border: none;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 60px;
	top: 0;
	bottom: 0;
	left: inherit;
	right: 5vh;
	text-align: center;
	margin: auto;
	opacity: 0.3
}

.slider-fade .owl-theme .owl-nav .owl-next:hover {
	opacity: 1;
	background: #E9D355
}

.slider-fade .owl-theme .owl-nav .owl-prev:hover {
	opacity: 1;
	background: #E9D355
}

.slider-fade .owl-theme .owl-dots .owl-dot span {
	border: 2px solid #fff;
	background: none;
	width: 12px;
	height: 12px
}

.slider-fade .owl-theme .owl-dots .owl-dot.active span {
	background: #E9D355
}

.slider-fade .active h1,
.slider-fade .active p,
.slider-fade .active .butn {
	-webkit-animation: anislide 1s ease 100ms both;
	animation: anislide 1s ease 100ms both;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	visibility: visible;
	opacity: 1
}

.slider-fade .active p {
	-webkit-animation-delay: 300ms;
	animation-delay: 300ms
}

.slider-fade .active h1 {
	-webkit-animation-delay: 900ms;
	animation-delay: 900ms
}

.slider-fade .active .butn {
	-webkit-animation-delay: 1800ms;
	animation-delay: 1800ms
}

@-webkit-keyframes anislide {
	from {
		opacity: 0;
		-webkit-transform: translate3d(50px, 0, 0);
		transform: translate3d(50px, 0, 0)
	}
	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@media screen and (max-width: 1399px) {
	.slider-fade .owl-theme .owl-nav {
		display: none
	}
	.slider-fade:hover .owl-theme .owl-nav {
		display: block
	}
}

@media screen and (max-width: 1199px) {
	.slider-fade .owl-carousel.owl-theme .owl-dots {
		bottom: 17vh
	}
	.slider-fade .item {
		height: 100%
	}
}

@media screen and (max-width: 991px) {
	.slider-fade .owl-theme .owl-nav .owl-next {
		right: 3vh
	}
	.slider-fade .owl-theme .owl-nav .owl-prev {
		left: 3vh
	}
}

@media screen and (max-width: 767px) {
	.slider-fade .owl-theme .owl-nav .owl-next {
		right: 1vh
	}
	.slider-fade .owl-theme .owl-nav .owl-prev {
		left: 1vh
	}
	.slider-fade .owl-nav i,
	.slider-fade .owl-nav span {
		font-size: 22px
	}
}

ul.resp-tabs-list {
	margin: 0px;
	padding: 0px
}

.resp-tabs-list li {
	font-weight: 600;
	font-size: 16px;
	display: inline-block;
	padding: 13px 15px;
	margin: 0 4px 0 0;
	list-style: none;
	cursor: pointer
}

.resp-tabs-list li:last-child {
	margin-right: 0
}

.resp-tabs-list li i {
	font-size: 20px;
	padding-right: 5px;
	vertical-align: text-bottom
}

.resp-tabs-container {
	padding: 0px;
	background-color: #fff;
	clear: left
}

.resp-tab-content {
	display: none;
	padding: 20px
}

.resp-tabs-list li.resp-tab-active {
	border: 1px solid #62ACB0;
	border-bottom: none;
	border-color: #62ACB0 !important;
	margin-bottom: -1px;
	padding: 12px 14px 14px 14px;
	border-top: 4px solid #62ACB0 !important;
	border-bottom: 0px #fff solid;
	border-bottom: none;
	background-color: #fff;
	color: #62ACB0
}

.resp-content-active,
.resp-accordion-active {
	display: block
}

.resp-tab-content {
	border: 1px solid #c1c1c1;
	border-top-color: #c1c1c1;
	float: left;
	width: 100%
}

h2.resp-accordion {
	cursor: pointer;
	display: none;
	font-size: 16px;
	border: 1px solid #c1c1c1;
	border-top: 0px solid #c1c1c1;
	margin: 0px;
	padding: 14px 15px;
	float: left;
	width: 100%
}

h2.resp-tab-active {
	border-bottom: 0px solid #c1c1c1 !important;
	background-color: #62ACB0 !important;
	color: #fff
}

h2.resp-tab-title:last-child {
	border-bottom: 12px solid #c1c1c1 !important;
	background: blue
}

.resp-arrow {
	border-color: transparent #232323 #232323 transparent;
	border-style: solid;
	border-width: 0 1px 1px 0;
	float: right;
	display: block;
	height: 8px;
	transform: rotate(45deg);
	width: 8px;
	margin-top: 4px
}

h2.resp-tab-active span.resp-arrow {
	border-color: #fff transparent transparent #fff;
	border-style: solid;
	border-width: 1px 0 0 1px;
	float: right;
	display: block;
	height: 8px;
	transform: rotate(45deg);
	width: 8px;
	margin-top: 7px
}

.resp-easy-accordion h2.resp-accordion {
	display: block
}

.resp-easy-accordion .resp-tab-content {
	border: 1px solid #c1c1c1
}

.resp-easy-accordion .resp-tab-content:last-child {
	border-bottom: 1px solid #c1c1c1
}

.resp-jfit {
	width: 100%;
	margin: 0px
}

.resp-tab-content-active {
	display: block;
	border-color: #62ACB0 !important
}

h2.resp-accordion:first-child {
	border-top: 1px solid #c1c1c1
}

h2.resp-accordion.resp-tab-active {
	border-color: #62ACB0 !important
}

@media screen and (min-width: 768px) {
	.tab-style1 ul.resp-tabs-list {
		text-align: center
	}
	.tab-style1 ul.resp-tabs-list li:last-child {
		margin-right: 0
	}
	.tab-style1 ul.resp-tabs-list li.resp-tab-active {
		border: none;
		border-top: none !important;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		background-color: #f7f7f5;
		color: #62ACB0
	}
	.tab-style1 .resp-tab-content {
		border: none;
		border-radius: 5px;
		border-top-left-radius: 0;
		padding: 40px;
		border-color: #62ACB0;
		background-color: #f7f7f5
	}
	.tab-style1 .resp-tabs-list li {
		font-size: 22px;
		font-weight: 900;
		padding: 15px 20px 15px 20px
	}
}

@media screen and (max-width: 767px) {
	ul.resp-tabs-list {
		display: none
	}
	h2.resp-accordion {
		display: block
	}
	h2.resp-accordion i {
		margin-right: 8px;
		font-size: 18px
	}
	.resp-accordion-closed {
		display: none !important
	}
	.resp-tab-content {
		background-color: #fff
	}
}

.team-block {
	position: relative
}

.team-block:hover .team-overlay {
	opacity: 1
}

.team-overlay {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(225, 195, 64, 0.9);
	width: 100%;
	height: 100%;
	display: inline-block;
	text-align: center;
	opacity: 0;
	transition: all 0.3s linear;
	border-radius: 5px
}

.team-overlay a {
	top: 36%;
	left: 0;
	color: #fff;
	right: 0;
	margin: auto;
	font-weight: 800;
	position: absolute;
	font-size: 36px
}

.team-overlay a:after {
	content: "";
	background-image: url(../img/content/paw.png);
	width: 66px;
	height: 152px;
	display: block;
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 18px auto 0
}

.team-block1 {
	position: relative
}

.team-block1 .inner-box {
	position: relative;
	box-shadow: 2px 2px 30px #ccc;
	transition-duration: .5s
}

.team-block1 .inner-box:hover {
	box-shadow: none
}

.team-block2 {
	box-shadow: 0px 0px 16px 0px rgba(187, 187, 187, 0.48);
	background: #fff;
	overflow: hidden;
	transition: all .3s ease;
	z-index: 1;
	position: relative
}

.team-block2 .team-img {
	overflow: hidden;
	position: relative
}

.team-block2 .team-img:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: linear-gradient(to top, #222, transparent);
	transition: all .4s;
	opacity: 0
}

.team-block2:hover .team-img:after {
	opacity: 1
}

.team-block2 .team-icons {
	position: absolute;
	bottom: 15%;
	left: 0;
	right: 0;
	text-align: center;
	transition: opacity .3s, bottom .3s;
	display: block;
	opacity: 0
}

.team-block2 .team-icons i {
	background: #fff;
	height: 40px;
	width: 40px;
	line-height: 40px;
	border-radius: 50px;
	margin-left: 10px
}

.team-block2:hover .team-icons {
	opacity: 1;
	bottom: 28%
}

.portfolio-item {
	position: relative;
	overflow: hidden;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.portfolio-item-overlay {
	background: #3b3d42;
	background-color: rgba(59, 61, 66, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: 5px;
	opacity: 0;
	transition: all .3s ease-in-out;
	transform: scale(1)
}

.portfolio-item-overlay .hover-icon {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 44%;
	transform: scale(0.2);
	transition: all .3s ease 0s
}

.portfolio-item-overlay .icon {
	color: #fff !important;
	display: inline-block !important;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	width: 45px;
	background-color: #62ACB0;
	border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
	text-align: center
}

.portfolio-item:hover .portfolio-item-overlay {
	opacity: 1;
	visibility: visible
}

.portfolio-item-overlay:hover .hover-icon {
	opacity: 1;
	visibility: visible;
	transform: scale(1)
}

.masonry {
	margin: 10px;
	padding: 0;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 10px;
	transition-duration: .4s;
	-webkit-transition-duration: .4s
}

.masonry>a {
	display: block;
	margin-top: 10px
}

.masonry>a:first-child {
	margin-top: 0
}

.masonry-item {
	position: relative;
	overflow: hidden;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.masonry-item img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 5px;
	-webkit-transition-duration: .4s;
	transition-duration: .4s
}

.masonry-item:first-child {
	margin-top: 0
}

@media screen and (min-width: 576px) {
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media screen and (min-width: 768px) {
	.masonry {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media screen and (min-width: 992px) {
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3
	}
}

@media screen and (min-width: 1200px) {
	.masonry {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3
	}
}

.masonry-style-1 {
	margin: 10px 0;
	padding: 0;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 30px;
	transition-duration: .4s;
	-webkit-transition-duration: .4s
}

.masonry-style-1>a {
	display: block;
	margin-top: 30px
}

.masonry-style-1>a:first-child {
	margin-top: 0
}

@media screen and (min-width: 576px) {
	.masonry-style-1 {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1
	}
}

@media screen and (min-width: 768px) {
	.masonry-style-1 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media screen and (min-width: 992px) {
	.masonry-style-1 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3
	}
}

@media screen and (min-width: 1200px) {
	.masonry-style-1 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3
	}
}

.masonry-4 {
	margin: 15px 15px 0 15px;
	padding: 0;
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
	column-gap: 20px
}

.masonry-4 a {
	display: block;
	margin-top: 20px
}

.masonry-4 a:first-child {
	margin-top: 0
}

@media screen and (min-width: 576px) {
	.masonry-4 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media screen and (min-width: 768px) {
	.masonry-4 {
		-moz-column-count: 2;
		-webkit-column-count: 2;
		column-count: 2
	}
}

@media screen and (min-width: 992px) {
	.masonry-4 {
		-moz-column-count: 3;
		-webkit-column-count: 3;
		column-count: 3
	}
}

@media screen and (min-width: 1200px) {
	.masonry-4 {
		-moz-column-count: 4;
		-webkit-column-count: 4;
		column-count: 4
	}
}

.masonry-item-overlay {
	background: #3b3d42;
	background-color: rgba(59, 61, 66, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	border-radius: 5px;
	right: 0;
	opacity: 0;
	transition: all .3s ease-in-out;
	transform: scale(1)
}

.masonry-item-overlay .hover-icon {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	text-align: center;
	width: 100%;
	top: 0;
	transform: scale(0.2);
	transition: all .3s ease 0s;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	height: 45px;
	width: 45px
}

.masonry-item-overlay .icon1 span {
	color: #fff !important;
	display: inline-block !important;
	font-size: 18px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin-top: 0;
	width: 45px;
	background-color: #62ACB0;
	border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
	text-align: center
}

.masonry-item:hover .masonry-item-overlay {
	opacity: 1;
	visibility: visible
}

.masonry-item-overlay:hover .hover-icon {
	opacity: 1;
	visibility: visible;
	transform: scale(1)
}

.paw-services i {
	width: 80px;
	height: 80px;
	line-height: 80px;
	background-color: #f5f5f5;
	border-radius: 50%;
	text-align: center;
	font-size: 25px
}

@media screen and (max-width: 575px) {
	.paw-services i {
		width: 55px;
		height: 55px;
		line-height: 55px;
		font-size: 18px
	}
}

.page-container .title {
	font-size: 180px;
	line-height: 1;
	margin-bottom: 0
}

@media screen and (max-width: 1199px) {
	.page-container .title {
		font-size: 200px
	}
}

@media screen and (max-width: 991px) {
	.page-container .title {
		font-size: 125px
	}
}

@media screen and (max-width: 767px) {
	.page-container .title {
		font-size: 75px
	}
}

#testmonials-carousel .owl-nav {
	position: absolute;
	left: 13%;
	bottom: 7%
}

#testmonials-carousel .owl-nav button.owl-next,
#testmonials-carousel .owl-nav button.owl-prev {
	color: #FFF;
	font-size: 14px;
	margin: 0;
	padding: 0;
	background: unset;
	display: inline-block;
	cursor: pointer;
	border-radius: 0;
	width: auto;
	height: auto;
	-webkit-transition: all .4s ease 0s;
	transition: all .4s ease 0s;
	box-shadow: none
}

#testmonials-carousel .owl-nav button.owl-next {
	margin-left: 15px
}

.working-hour li {
	margin-bottom: 10px
}

.working-hour li:last-child {
	margin-bottom: 0
}

.working-hour li:before {
	font-family: 'themify';
	content: "\e64c";
	font-weight: 900;
	color: #62ACB0;
	font-size: 16px;
	margin-right: 10px
}

.subscribe-paw {
	margin-bottom: -92px
}

@media screen and (max-width: 767px) {
	.subscribe-paw {
		margin-bottom: -76px
	}
}

@media screen and (max-width: 575px) {
	.subscribe-paw {
		margin-bottom: -56px
	}
}

@media screen and (max-width: 320px) {
	.subscribe-paw {
		margin-bottom: -33px
	}
}

.offer-banner {
	top: 22%;
	left: 8%
}

.banner-1 {
	padding-top: 73%
}

@media screen and (max-width: 991px) {
	.offer-banner {
		top: 16%
	}
}

@media screen and (max-width: 767px) {
	.banner-1 {
		padding-top: 62%;
		padding-bottom: 10%
	}
}

#new-arrivals .owl-nav button.owl-next,
#new-arrivals .owl-nav button.owl-prev {
	position: absolute;
	top: 32%;
	border-radius: 50px;
	width: 50px;
	height: 50px;
	background: #ececec
}

#new-arrivals .owl-nav button.owl-next {
	right: -8%
}

#new-arrivals .owl-nav button.owl-prev {
	left: -8%
}

@media screen and (max-width: 991px) {
	#new-arrivals .owl-nav button.owl-prev {
		left: -10%
	}
	#new-arrivals .owl-nav button.owl-next {
		right: -10%
	}
}

.categories-content {
	margin-top: -20px
}

.categories-content a {
	background: #fff;
	padding: 15px 40px;
	box-shadow: 0 0.3px 7px rgba(0, 0, 0, 0.2);
	border-radius: 355px 45px 225px 75px/15px 225px 15px 255px
}

@media screen and (max-width: 991px) {
	.categories-content {
		margin-top: -15px
	}
	.categories-content a {
		padding: 8px 30px
	}
}

.contact-paw {
	bottom: -5.3%;
	right: -29%
}

@media screen and (max-width: 991px) {
	.contact-paw {
		bottom: -6.2%;
		right: -23%
	}
}

@media screen and (max-width: 767px) {
	.contact-paw {
		right: -31%
	}
}

@media screen and (max-width: 575px) {
	.contact-paw {
		right: -28%
	}
}

.pricing-img {
	margin-bottom: -90px;
	text-align: center
}

.pricing-table1 {
	background-color: #f7f7f7;
	padding: 110px 40px 50px 40px
}

.story-video {
	min-height: 400px;
	height: 100%
}

.video_btn {
	line-height: 40px;
	vertical-align: middle;
	display: inline-block;
	margin-right: 15px;
	transition-duration: .2s;
	-ms-transition-duration: .2s;
	-moz-transition-duration: .2s;
	-webkit-transition-duration: .2s;
	-o-transition-duration: .2s
}

.video {
	color: #fff
}

a.video:active,
a.video:focus {
	color: #62ACB0
}

.video_btn {
	position: relative;
	height: 80px;
	width: 80px;
	background: #62ACB0;
	text-align: center;
	display: inline-block;
	line-height: 85px;
	color: #fff;
	border-radius: 50%;
	transition-duration: 0s;
	-ms-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-webkit-transition-duration: 0s;
	-o-transition-duration: 0s
}

.video_btn:hover i,
.video_btn:focus i {
	color: #fff
}

.video_btn:after {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	height: 80px;
	width: 80px;
	border: 2px solid #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	opacity: .3;
	animation: pulse-border 1500ms ease-out infinite
}

.video_btn:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 50%;
	height: 95px;
	width: 95px;
	border: 2px solid #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	-o-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	opacity: .3;
	animation: pulse-border 1500ms ease-out infinite
}

@keyframes pulse-border {
	0% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
		opacity: 1
	}
	100% {
		transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
		opacity: 0
	}
}

@media (max-width: 991px) {
	.story-video {
		min-height: 275px
	}
}

ul.countdown li {
	border-right: 1px solid #c5c5c5;
	display: inline-block;
	padding: 0 30px;
	text-align: center
}

ul.countdown li:last-child {
	border: medium none;
	padding-right: 0
}

ul.countdown li:first-child {
	padding-left: 0
}

ul.countdown li span {
	font-size: 36px;
	font-weight: 700;
	color: #232323;
	line-height: normal;
	position: relative
}

ul.countdown li span::before {
	content: "";
	height: 1px;
	position: absolute;
	width: 100%
}

ul.countdown li p.timeRefDays,
ul.countdown li p.timeRefHours,
ul.countdown li p.timeRefMinutes,
ul.countdown li p.timeRefSeconds {
	font-size: 12px;
	font-weight: 500;
	margin: 0;
	padding: 0;
	text-transform: uppercase
}

@media screen and (max-width: 1199px) {
	ul.countdown li {
		padding: 0 20px
	}
}

@media screen and (max-width: 575px) {
	ul.countdown li {
		padding: 0 11px
	}
	ul.countdown li span {
		font-size: 26px
	}
}

.filtering {
	margin-bottom: 20px
}

.filtering span {
	cursor: pointer;
	font-size: 16px;
	font-weight: 600;
	letter-spacing: 1px;
	margin-right: 20px;
	display: inline-block;
	background-color: #f7f7f7;
	padding: 10px 20px;
	border-radius: 10px;
	margin-bottom: 5px
}

.filtering span:last-child {
	margin: 0
}

.filtering .active {
	border-color: #62ACB0;
	color: #fff;
	background-color: #62ACB0
}

@media screen and (max-width: 767px) {
	.filtering span {
		margin-right: 15px
	}
}

.accordion>.card {
	overflow: hidden;
	border: none
}

.accordion>.card .card-header {
	background: none;
	padding: 0;
	border-bottom: none
}

.accordion>.card .btn-link.collapsed:before {
	content: "\f105";
	font-weight: 700;
	font-size: 20px;
	font-family: Font Awesome\ 5 Free;
	top: 19px;
	left: 29px;
	position: absolute;
	color: #232323
}

.accordion>.card .btn-link:before {
	content: "\f107";
	font-weight: 700;
	font-size: 20px;
	font-family: Font Awesome\ 5 Free;
	top: 19px;
	left: 29px;
	position: absolute;
	color: #fff
}

.btn-link:hover,
.btn-link:focus {
	text-decoration: none
}

.accordion>.card .btn-link {
	background-color: #62ACB0;
	border-radius: 30px;
	margin: 6px 0 !important;
	color: #fff !important;
	padding: 0.9rem 0 0.9rem 50px;
	width: 100%;
	text-align: left
}

.accordion>.card .btn-link.collapsed {
	background-color: transparent;
	box-shadow: 0px 0 5px rgba(0, 0, 0, 0.1);
	margin-bottom: 20px;
	color: #232323 !important
}

.product-pet {
	transition: all .3s ease 0s
}

.product-cart {
	background-color: #62ACB0;
	box-shadow: 0 0.3px 7px rgba(0, 0, 0, 0.2);
	display: flex;
	justify-content: center;
	left: 50%;
	padding: 13px 0 11px;
	position: absolute;
	top: 60%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-50%) translateX(-50%);
	transition: all 0.6s ease 0s;
	border-radius: 355px 45px 225px 75px/15px 225px 15px 255px
}

.product-cart a {
	color: #fff;
	display: inline-block;
	font-size: 20px;
	line-height: 1;
	margin: 0 18px;
	position: relative
}

.product-cart a:before {
	background-color: #f7f7f5;
	content: "";
	height: 21px;
	position: absolute;
	right: -18px;
	top: 0px;
	width: 1px
}

.product-cart a:last-child:before {
	display: none
}

.product-pet:hover .product-cart {
	top: 50%;
	opacity: 1;
	visibility: visible;
	left: 50%;
	transform: translateY(-50%) translateX(-50%)
}

.product-detail .label-sale {
	margin-left: 5px;
	vertical-align: top;
	padding: 2px 7px
}

.product-detail .offer-price {
	text-decoration: line-through;
	color: red
}

.product-rating .far:hover {
	color: #232323
}

.shop-cart-table {
	width: 100%;
	overflow-x: auto
}

.shop-cart-table .shop-cart td {
	line-height: 26px;
	vertical-align: middle;
	padding: 16px 8px
}

.table.cart-sub-total {
	border-color: transparent;
	vertical-align: middle;
	padding: 10px 30px
}

.table.cart-sub-total td,
.table.cart-sub-total th {
	border-color: transparent;
	vertical-align: middle;
	padding: 10px 30px
}

.table.cart-sub-total td {
	padding-right: 0
}

.shop-cart-table input[type="text"] {
	height: 35px;
	width: 50px;
	margin: 0
}

.product-block {
	padding: 20px
}

.product-name {
	margin-bottom: 5px
}

.product-block:hover img {
	opacity: 0.65
}

.control-top .owl-nav {
	margin: 0;
	position: absolute;
	right: -2px;
	top: -53px
}

.control-top.owl-theme .owl-nav [class*='owl-'] {
	background: #fff !important;
	padding: 0 7px;
	width: 30px;
	height: 30px;
	margin: 0 2px;
	border-radius: 0;
	border: 1px solid #d5d5d5
}

.control-top.owl-theme .owl-nav i {
	color: #6f6f6f;
	padding-top: 4px
}

.blog-block .blog-img img {
	width: 100%;
	-webkit-filter: none;
	filter: none;
	border-radius: 5px;
	transition: 0.3s
}

.blog-block .blog-img .blog-date {
	position: absolute;
	left: -9px;
	top: 30px;
	padding: 8px 28px;
	border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
	background-color: #62ACB0
}

.blog-block .blog-content {
	background: #f5f5f5
}

.blog-block .blog-content .read-more {
	width: 48px;
	height: 48px;
	line-height: 48px;
	display: block;
	position: absolute;
	bottom: -25px;
	border-radius: 50%;
	background: #fff;
	left: 0;
	right: 0;
	margin: 0 auto
}

.blog-block .blog-content .read-more i {
	color: #232323
}

.blog-block .blog-content .read-more:hover {
	background: #E9D355
}

.blog-block .blog-content .read-more:hover i {
	color: #fff
}

@media screen and (max-width: 1199px) {
	.blog-block .blog-img .blog-date {
		width: auto;
		height: auto;
		line-height: normal
	}
}

.blog-list-simple {
	margin: 0 0 40px 0
}

.blog-list-simple:last-child {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0
}

.blog-list-simple-text {
	color: #6f6f6f
}

.blog-list-simple-text>span {
	color: #62ACB0;
	font-size: 13px;
	font-weight: 500;
	letter-spacing: 2px;
	text-transform: uppercase
}

.blog-list-simple-text p {
	border-top: 1px solid #ececec;
	color: #6f6f6f;
	margin-bottom: 0;
	padding: 15px 0
}

.blog-list-simple-text .meta {
	margin: 0 0 5px 0
}

.blog-list-simple-text li {
	display: inline-block;
	font-size: 12px;
	color: #777;
	margin: 5px
}

.blog-list-simple-text h4 {
	font-size: 22px;
	font-weight: 700;
	margin: 5px 0;
	line-height: normal
}

.blog-list-simple-text ul {
	margin: 10px 0
}

.blog-list-simple-text ul li {
	color: #999;
	font-size: 14px;
	font-weight: 500;
	padding: 3px 0;
	margin: 0 5px
}

.blog-list-simple-text ul li i {
	color: #62ACB0;
	margin-right: 5px;
	font-size: 14px
}

.blogs .post {
	margin-bottom: 30px
}

.blogs .post .content {
	padding-top: 30px
}

.blogs .post .content .post-title h5 {
	font-size: 30px;
	line-height: normal;
	font-weight: 700;
	margin-bottom: 10px
}

.blogs .post .content .post-title h5 a {
	color: #232323
}

.blogs .post .content .post-title h5 a:hover {
	color: #F24259
}

.blogs .post .content .meta {
	margin-bottom: 0px
}

.blogs .post .content .meta li {
	display: inline-block;
	font-size: 14px;
	color: #777;
	margin: 0 5px 5px 5px
}

.blogs .post .content .special {
	padding: 20px;
	margin: 30px 0;
	border-left: 2px solid #62ACB0;
	font-size: 22px;
	color: #62ACB0
}

.blogs .post .content .btn {
	border-color: #6f6f6f;
	color: #6f6f6f;
	min-width: auto;
	padding: 6px 20px;
	font-size: 12px
}

.blogs .post .content .btn:hover {
	color: #fff;
	border-color: #F24259
}

.blogs .post .share-post {
	margin-top: 30px;
	padding-top: 20px;
	border-top: 1px dashed #ddd;
	text-align: left
}

.blogs .post .share-post span {
	font-weight: 700
}

.blogs .post .share-post ul {
	float: right
}

.blogs .post .share-post ul li {
	display: inline-block;
	margin: 0 10px
}

.blogs .post .post-img img {
	width: 100%
}

.blogs .posts .title-g h3 {
	font-weight: 700;
	font-size: 25px;
	margin-bottom: 10px
}

.blogs .comments-area .comment-box {
	padding-bottom: 30px;
	margin-bottom: 50px;
	border-bottom: 1px solid #eee
}

.blogs .comments-area .comment-box:nth-child(odd) {
	margin-left: 80px
}

.blogs .comments-area .comment-box:last-child {
	margin-bottom: 30px
}

.blogs .comment-box .author-thumb {
	width: 80px;
	float: left
}

.blogs .comment-box .comment-info {
	margin-left: 100px
}

.blogs .comment-box .comment-info h6 {
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 10px
}

.blogs .comment-box .comment-info .reply {
	margin-top: 10px;
	font-weight: 600
}

.blogs .comment-box .comment-info .reply i {
	padding-right: 5px;
	font-size: 12px
}

.pagination {
	border-radius: 0;
	padding: 0;
	margin: 0
}

.pagination ul {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin: 0 auto;
	padding: 0
}

.pagination li {
	display: inline
}

.pagination a {
	float: left;
	padding: 0 18px;
	line-height: 40px;
	text-decoration: none;
	border: 1px solid #dbdbdb;
	border-left-width: 0;
	background: #fff
}

.pagination a:hover {
	background-color: #232323;
	color: #fff
}

.pagination .active a {
	background-color: #f7f7f7;
	color: #999;
	cursor: default
}

.pagination .disabled span {
	color: #999;
	background-color: transparent;
	cursor: default
}

.pagination .disabled a {
	color: #999;
	background-color: transparent;
	cursor: default
}

.pagination .disabled a:hover {
	color: #999;
	background-color: transparent;
	cursor: default
}

.pagination li:first-child a {
	border-left-width: 1px
}

.blockquote {
	background: #f1f1f1;
	border-left: 4px solid #62ACB0;
	font-size: 16px;
	font-weight: 500;
	margin: 25px 0;
	padding: 20px 30px 30px
}

.blockquote p {
	font-size: 15px;
	font-weight: 500;
	line-height: 190%;
	color: #232323;
	letter-spacing: .5px
}

.blockquote h4 {
	font-size: 20px;
	font-weight: 400;
	color: #232323;
	letter-spacing: .5px
}

.side-bar .widget {
	margin-bottom: 30px
}

.side-bar .widget:last-child {
	margin-bottom: 0
}

.side-bar .widget .widget-title h6 {
	position: relative;
	padding-bottom: 5px;
	font-size: 26px;
	font-weight: 800;
	letter-spacing: 1px;
	margin-bottom: 20px
}

.side-bar .widget li {
	position: relative;
	color: #6f6f6f
}

.side-bar .widget li:last-child {
	margin: 0
}

.side-bar .widget .social-listing {
	margin-bottom: 0
}

.side-bar .widget .social-listing li {
	list-style: none;
	display: inline-block
}

.side-bar .widget .social-listing li:after {
	background: none
}

.side-bar .widget .social-listing li:first-child {
	padding-left: 0
}

.side-bar .search form input {
	width: calc(100% - 50px);
	height: 50px;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #d1d1d1;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background: #f7f7f7
}

.side-bar .search form button {
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #1c1c1c;
	color: #fff;
	border: 0;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	float: right
}

@media (max-width: 767px) {
	.blog-grid-simple-content a:after {
		display: none
	}
}

@media screen and (max-width: 991px) {
	.blogs .post .content .post-title h5 {
		font-size: 28px
	}
}

@media screen and (max-width: 767px) {
	.blogs .post .content .post-title h5 {
		font-size: 24px
	}
}

.tags a {
	padding: 5px 20px;
	border: 1px solid #62ACB0;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: 10px;
	color: #62ACB0
}

.tags a:hover {
	background-color: #62ACB0;
	color: #fff
}

.blog-icon li {
	display: inline-block
}

.blog-icon li a {
	display: inline-block;
	margin-top: 0
}

#blog-post .owl-nav .owl-prev {
	position: absolute;
	left: 0;
	top: 45%
}

#blog-post .owl-nav .owl-next {
	position: absolute;
	right: 0;
	top: 45%
}

.blog-block .blog-img .blog-date2 {
	bottom: -17px;
	left: 0;
	right: 0;
	max-width: 160px;
	width: 100%;
	margin: 0 auto;
	position: absolute;
	padding: 5px 25px;
	border-radius: 355px 45px 225px 75px/15px 225px 15px 255px;
	background-color: #62ACB0;
	display: inline-block
}

footer {
	padding: 10px 0 0 0;
	background: #f7f7f7
}

footer p {
	margin-bottom: 0
}

footer h3 {
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 30px;
	line-height: 1;
	position: relative;
	color: #232323
}

footer h3:after {
	content: '';
	display: block;
	width: 50px;
	height: 2px;
	background: #62ACB0;
	margin-top: 12px
}

footer .list-style-1 span {
	color: #E9D355;
	margin-right: 10px;
	line-height: unset
}

footer .list-style-1 li {
	color: #939393
}

footer .list-style-1 li a {
	color: #939393
}

.footer-list {
	margin: 0
}

.footer-list li {
	list-style-type: none;
	color: #939393;
	padding: 6px 0
}

.footer-list li:first-child {
	padding-top: 0
}

.footer-list li a {
	font-size: 15px;
	font-weight: 400;
	color: #939393
}

.footer-list li a:before {
	content: '\f105';
	font-weight: 700;
	vertical-align: bottom;
	font-family: Font Awesome\ 5 Free;
	color: #939393;
	padding-right: 8px;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.footer-list li a:hover {
	color: #62ACB0
}

.footer-list li a:hover:before {
	color: #62ACB0
}

.newsletter {
	position: relative
}

.newsletter input {
	padding: 9px 168px 9px 16px;
	max-width: 100%;
	width: 100%;
	border-radius: 4px;
	border: 2px solid #62ACB0;
	font-size: 17px;
	margin-top: 5px;
	margin-bottom: 0
}

.newsletter .butn {
	position: absolute;
	right: 2px;
	padding: 15px 25px;
	text-transform: none;
	top: 7px
}

@media screen and (max-width: 1199px) {
	footer {
		padding-top: 70px
	}
}

@media screen and (max-width: 991px) {
	footer {
		padding-top: 50px
	}
	footer h3 {
		margin-bottom: 20px
	}
	.newsletter .butn {
		right: 1px;
		top: 6px
	}
}

@media screen and (max-width: 767px) {
	footer h3 {
		margin-bottom: 20px
	}
	.newsletter input {
		font-size: 14px;
		padding: 9px 130px 9px 16px
	}
	.newsletter .butn {
		right: 1px;
		top: 7px
	}
}


/*-- ============================================================== 
 Modal - Ribbon
 ============================================================== */
 }.overview {
    background: rgba(0, 0, 0, 0.7);
    padding: 20px !important;
    z-index: 9999;
}
.overview .modal-dialog {
    /*max-width: 1000px;*/
    background: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.overview .modal-content {
    border-radius: 0;
    position: relative;
    border: none;
}
.overview [class*="ribbon-"] {
    position: absolute;
    top: 30px;
    left: -12px;
}
.overview .close {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    background: #62ACB0;
    color: #fff;
    position: absolute;
    top: 0;
    right: 0;
    opacity: 1;
    font-size: 0.8em;
    z-index: 999;
    cursor: pointer;
    outline: none;
}
.overview .modal-body {
    padding: 60px 40px 10px 40px
}
.overview .image img {
    max-width: 300px;
    margin: 0 auto;
}
.overview .price {
    font-size: 1.25em;
}
.overview .price .original {
    font-weight: 300;
    color: #aaa;
    text-decoration: line-through;
}
.overview .price .current {
    font-weight: 600;
    color: #512464;
}
.overview p {
    font-weight: 300;
    line-height: 1.7em;
    color: #777;
}
.overview .CTAs {
    margin-top: 30px;
}
.overview .CTAs a {
    margin-bottom: 10px;
}
.overview .quantity {
    margin-right: 20px;
}
@media (max-width: 991px) {
    .overview {
    text-align: center;
}
.overview .CTAs li {
    margin: 0 !important;
}
.overview .CTAs a {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
}@media (max-width: 480px) {
    .overview .modal-body {
    padding: 100px 20px;
}
.overview img {
    max-width: 200px !important;
}
.overview .CTAs li {
    margin: 0 !important;
}
.overview .CTAs a {
    margin-right: 0 !important;
    margin-left: 0 !important;
}
}

.ribbon, .ribbon-primary, .ribbon-warning, .ribbon-danger, .ribbon-info, .ribbon-success {
    padding: 5px 15px;
    color: #fff;
    font-weight: 500;
    text-align: center;
    display: inline-block;
    position: relative;
}

.ribbon::before, .ribbon-primary::before, .ribbon-warning::before, .ribbon-danger::before, .ribbon-info::before, .ribbon-success::before {
    content: '';
    border-left: 12px solid transparent;
    border-right: 0 solid transparent;
    position: absolute;
    bottom: -14px;
    left: 0;
}
.ribbon-primary::before {
    border-top: 14px solid #9055A2;
}

.swal2-popup .swal2-styled{

    background-color: #62ACB0 !important;
    border-left-color: #62ACB0 !important;
    border-right-color: #62ACB0 !important;
}