/* باريكس - Html Template */

/************ TABLE OF CONTENTS ***************
1. Fonts
2. Reset
3. Global
4. Main Header
5. Main Slider
6. Services Section
7. Welcome Section
8. Appointment Section
9. Team Section
10. Counter Section
11. Price Section
12. Fluid Section
13. Testimonials Section
14. News Section
15. Main Footer
16. Mission Section
17. Gallery Section
18. Subscribe Section
19. Products Section
20. Time CountDown Section
21. Page Title
22. Blog Section
23. Widgets Section
24. Map Section
25. Contact Form

**********************************************/

@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i|Avenir-Heavy:300,300i,400,400i,700,700i,900,900i|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Kaushan+Script:300,300i,400,400i,600,600i,700,700i,800,800i|Sansita+Swashed:400,400i|Oxygen:400,400i|Nunito:400,400i|Nunito+Sans:400,400i|Source+Sans+Pro:400,400i|Paprika:400,400i|Cabin:400,400i|Montserrat:400,400i|Quicksand:400,400i|Covered+By+Your+Grace:400|Expletus+Sans:400, 400i|Lora:400, 400i|Amita:400, 400i|Merinda:400, 400i|Merinda+One:400, 400i');
/* @import url('https://fonts.googleapis.com/css2?family=Lora:ital@1&display=swap'); */

/*font-family: 'Avenir-Heavy', sans-serif;
font-family: 'Avenir-Heavy', serif;
font-family: 'Lato', sans-serif;
font-family: 'Kaushan Script', sans-serif;*/

@import url('font-awesome.css');
@import url('flaticon.css');
@import url('animate.css');
@import url('owl.css');
@import url('jquery-ui.css');
@import url('jquery.fancybox.min.css');
@import url('hover.css');
@import url('float.css');
@import url('c_hover.css');

/***

====================================================================
	Reset
====================================================================

 ***/

* {
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	direction: rtl;
}

/***

====================================================================
	Global Settings
====================================================================

 ***/

/*
    html[dir="rtl"]
*/
@font-face {
	font-family: 'Avenir-Heavy';
	src: url('../fonts/Avenir-Heavy.ttf') format('truetype');
	/* Other font properties can be specified here if needed */
}

body {
	font-size: 15px;
	color: #777777;
	line-height: 1.8em;
	font-weight: 400;
	background: #ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;
	-webkit-font-smoothing: antialiased;
	font-family: 'Avenir-Heavy', sans-serif;
	direction: rtl;
}

a {
	text-decoration: none;
	cursor: pointer;
	color: #3e933e;
}

.no-padding {
	padding: 0px !important;
}

a:hover, a:focus, a:visited {
	text-decoration: none;
	outline: none;
}

h1, h2, h3, h4, h5, h6 {
	position: relative;
	font-weight: normal;
	margin: 0px;
	background: none;
	line-height: 1.6em;
	font-family: 'Avenir-Heavy', serif;
}

input, button, select {
}

textarea {
	overflow: hidden;
}

p, .text {
	position: relative;
	line-height: 1.8em;
	font-family: 'Avenir-Heavy', sans-serif;
}

.strike-through {
	text-decoration: line-through;
}

.auto-container {
	position: static;
	max-width: 1200px;
	padding: 0px 15px;
	margin: 0 auto;
}

.page-wrapper {
	position: relative;
	margin: 0 auto;
	width: 100%;
	min-width: 300px;
}

.nav-tabs > li {
	float: right;
}

/*List Style One*/

.list-style-one {
	position: relative;
}

.list-style-one li {
	position: relative;
	color: #444444;
	font-size: 14px;
	font-weight: 600;
	padding-right: 25px;
	margin-bottom: 6px;
}

.list-style-one li:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 8px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #e9531b;
}

.list-style-one li:after {
	position: absolute;
	content: '';
	right: 3px;
	top: 11px;
	bottom: 2px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1px solid #e9531b;
}

.list-style-one.style-two li {
	color: #ffffff;
}

.list-style-one.style-two li:before, .list-style-one.style-two li:after {
	border-color: #ffffff;
}

ul, li {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

.theme-btn {
	display: inline-block;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.grey-bg {
	background-color: #f1f2f3;
}

/*Btn Style One*/

.btn-style-one {
	position: relative;
	line-height: 29px;
	color: #222222;
	font-size: 14px;
	font-weight: 700;
	border-radius: 50px;
	text-transform: uppercase;
	background-color: #ffffff;
	border: 2px solid #ffffff;
	padding: 4px 29px 4px 29px;
}

.btn-style-one:hover {
	color: #ffffff;
	background: none;
}

/*Btn Style Two*/

.btn-style-two {
	position: relative;
	padding: 11px 32px;
	line-height: 29px;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	border-radius: 50px;
	background-color: #3e933e;
	border: 2px solid #3e933e;
}

.btn-style-two:hover {
	background: none;
	color: #3e933e;
}

/*Btn Style Three*/

.btn-style-three {
	position: relative;
	padding: 11px 39px;
	line-height: 29px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 50px;
	background-color: #3e933e;
	border: 2px solid #3e933e;
}

.btn-style-three:hover {
	background: white;
	color: #3e933e;
}

/*Btn Style Four*/

.btn-style-four {
	position: relative;
	padding: 11px 39px;
	line-height: 29px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 50px;
	background-color: #3e933e;
	border: 2px solid #3e933e;
}

.btn-style-four:hover {
	background: none;
	color: #3e933e;
}

/*Btn Style Five*/

.btn-style-five {
	position: relative;
	padding: 11px 39px;
	line-height: 29px;
	color: #ffffff;
	font-size: 18px;
	font-weight: 600;
	border-radius: 50px;
	background-color: #630abb;
	border: 2px solid #630abb;
}

.btn-style-five:hover {
	background: none;
	color: #630abb;
}

/*Btn Style Six*/

.btn-style-six {
	position: relative;
	padding: 11px 40px;
	line-height: 29px;
	color: #222222;
	font-size: 16px;
	font-weight: 700;
	border-radius: 50px;
	background: none;
	border: 2px solid #222222;
}

.btn-style-six:hover {
	background: #3e933e;
	border-color: #3e933e;
	color: #ffffff;
}

/*Btn Style Seven*/

.btn-style-seven {
	position: relative;
	padding: 9px 40px;
	line-height: 29px;
	color: #222222;
	font-size: 14px;
	font-weight: 700;
	border-radius: 50px;
	background: none;
	text-transform: uppercase;
	border: 2px solid #222222;
}

.btn-style-seven:hover {
	background: #3e933e;
	border-color: #3e933e;
	color: #ffffff;
}

/*Btn Style Eight*/

.btn-style-eight {
	position: relative;
	padding: 6px 24px;
	line-height: 29px;
	color: #444444;
	font-size: 12px;
	font-weight: 700;
	border-radius: 50px;
	background: none;
	text-transform: uppercase;
	border: 2px solid #eeeeee;
}

.btn-style-eight:hover {
	background: #3e933e;
	border-color: #3e933e;
	color: #ffffff;
}

/*Btn Style Nine*/

.btn-style-nine {
	position: relative;
	padding: 9px 32px;
	line-height: 29px;
	color: #222222;
	font-size: 14px;
	font-weight: 700;
	border-radius: 50px;
	background: none;
	text-transform: uppercase;
	border: 2px solid #222222;
}

.btn-style-nine:hover {
	background: #3e933e;
	border-color: #3e933e;
	color: #ffffff;
}

.theme_color {
	color: #3e933e;
}

img {
	display: inline-block;
	max-width: 100%;
}

.preloader {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 999999;
	background-color: #ffffff;
	background-position: center center;
	background-repeat: no-repeat;
	background-image: url(../images/parkinson logo.png);
	background-size: 100px;
}

/***

====================================================================
	Scroll To Top style
====================================================================

***/

.scroll-to-top {
	position: fixed;
	bottom: 15px;
	left: 15px;
	width: 40px;
	height: 70px;
	color: #ffffff;
	font-size: 24px;
	text-transform: uppercase;
	line-height: 65px;
	text-align: center;
	z-index: 99999;
	cursor: pointer;
	border-radius: 50px;
	background: #3e933e;
	display: none;
	border: 2px solid #3e933e;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.scroll-to-top:hover {
	color: #ffffff;
}

/***

====================================================================
	Main Header style
====================================================================

***/

.main-header {
	position: relative;
	z-index: 99;
	width: 100%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

/*Sticky Header*/

.sticky-header {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	left: 0px;
	top: 0px;
	width: 100%;
	padding: 0px 0px;
	background: #ffffff;
	z-index: 0;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sticky-header .logo {
	padding: 6px 0px 4px;
}

.main-header .sticky-header .outer-box {
	margin-top: 20px;
}

.main-header .sticky-header .search-box-outer .dropdown-menu {
	top: 46px;
}

.fixed-header .sticky-header {
	z-index: 999;
	opacity: 1;
	visibility: visible;
	border-bottom: 1px solid #f9f9f9;
	-ms-animation-name: fadeInDown;
	-moz-animation-name: fadeInDown;
	-op-animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	-ms-animation-duration: 500ms;
	-moz-animation-duration: 500ms;
	-op-animation-duration: 500ms;
	-webkit-animation-duration: 500ms;
	animation-duration: 500ms;
	-ms-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	-op-animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-ms-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-op-animation-iteration-count: 1;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

.main-header .header-upper {
	position: relative;
	z-index: 5;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	background: #fff;
	margin-top: -1px;
}

.main-header .header-upper .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.main-header .logo-outer {
	position: relative;
	z-index: 25;
	padding: 20px 0px;
}

.main-header .logo-outer .logo img {
	position: relative;
	display: inline-block;
	max-width: 100%;
}

.main-header .header-upper .upper-right {
	position: relative;
}

.main-header .header-lower {
	position: relative;
	top: 0px;
	width: 100%;
	z-index: 5;
}

.main-header .nav-outer {
	position: relative;
}

.main-menu {
	position: relative;
	padding: 0px;
	float: left;
}

.main-menu .navbar-collapse {
	padding: 0px;
}

.main-menu .navigation {
	position: relative;
	margin: 0px;
}

.main-menu .navigation > li {
	position: relative;
	float: right;
	margin-left: 32px;
}

.main-menu .navigation > li:first-child {
	margin-right: 0px;
}

.main-header .sticky-header .main-menu .navigation > li {
	margin: 0px;
	border: 0px;
	margin-left: 30px;
}

.main-menu .navigation > li > a {
	position: relative;
	display: block;
	font-size: 16px;
	color: #222222;
	line-height: 30px;
	font-weight: 700;
	opacity: 1;
	text-transform: uppercase;
	padding: 32px 0px 38px 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.header-style-two .main-menu .navigation > li > a {
	text-transform: capitalize;
}

.header-style-three .header-lower .nav-outer .main-menu .navigation > li > a {
	font-weight: 600;
	text-transform: capitalize;
}

.header-style-three .logo-outer {
	position: absolute;
	left: 50%;
	z-index: 99;
	margin-left: -85px;
	padding: 39px 0px;
}

.header-style-three .header-upper .form-column {
	padding-top: 50px;
	padding-bottom: 40px;
}

.header-style-three .header-upper .cart-list {
	padding-top: 55px;
}

.header-style-three .header-lower .nav-outer {
	border-top: 1px solid #eeeeee;
}

.header-style-three .header-lower .nav-outer .main-menu {
	width: 100%;
	text-align: center;
}

.header-style-three .header-lower .nav-outer .main-menu .navigation > li {
	float: none;
	margin: 0px 15px;
	display: inline-block;
}

.main-header .sticky-header .main-menu .navigation > li > a {
	color: #222222;
	padding: 20px 0px;
	line-height: 30px;
	font-size: 16px;
	font-weight: 700;
	min-height: 0px;
	background: none;
	border: 0px;
}

.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a, .main-menu .navigation > li.current-menu-item > a {
	color: #3e933e;
	opacity: 1;
}

.main-header .sticky-header .main-menu .navigation > li:hover > a, .main-header .sticky-header .main-menu .navigation > li.current > a, .main-header .sticky-header .main-menu .navigation > li.current-menu-item > a {
	color: #3e933e;
	opacity: 1;
}

.main-menu .navigation > li:hover > a:after {
	opacity: 1;
}

.main-header .sticky-header .main-menu .navigation > li > ul:before {
	display: none;
}

.main-header .sticky-header .main-menu .navigation > li > ul {
	top: 100% !important;
}

.main-menu .navigation > li > ul {
	position: absolute;
	right: 0px;
	top: 100%;
	width: 220px;
	z-index: 100;
	display: none;
	background: #f6f6f6;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation > li > ul.from-right {
	left: auto;
	right: 0px;
}

.main-menu .navigation > li > ul > li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #dedede;
}

.main-menu .navigation > li > ul > li:last-child {
	border-bottom: none;
}

.main-menu .navigation > li > ul > li > a {
	position: relative;
	display: block;
	padding: 13px 40px;
	line-height: 24px;
	font-weight: 500;
	font-size: 15px;
	color: #242424;
	text-align: right;
	padding-left: 0px !important;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > a:before {
	position: absolute;
	content: '';
	right: 27px;
	top: 50%;
	width: 7px;
	height: 1px;
	background-color: #242424;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: 'FontAwesome';
}

.main-menu .navigation > li > ul > li:hover > a:before {
	background-color: #ffffff;
}

.main-menu .navigation > li > ul > li:hover > a {
	background-color: #3e933e;
	color: #ffffff;
}

.main-menu .navigation > li > ul > li > ul {
	position: absolute;
	right: 100%;
	top: 100%;
	width: 220px;
	z-index: 100;
	display: none;
	background: #f6f6f6;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.main-menu .navigation > li > ul > li > ul:before {
	position: absolute;
	content: '';
	right: 100%;
	top: 0px;
	width: 20px;
	height: 100%;
}

.main-menu .navigation > li > ul > li > ul > li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #dedede;
}

.main-menu .navigation > li > ul > li > ul > li:last-child {
	border-bottom: none;
}

.main-menu .navigation > li > ul > li > ul > li > a {
	position: relative;
	display: block;
	padding: 13px 40px;
	line-height: 24px;
	font-weight: 500;
	font-size: 15px;
	color: #242424;
	text-align: right;
	padding-left: 0px !important;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navigation > li > ul > li > ul > li > a:before {
	position: absolute;
	content: '';
	right: 27px;
	top: 50%;
	width: 7px;
	height: 1px;
	background-color: #242424;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	font-family: 'FontAwesome';
}

.main-menu .navigation > li > ul > li > ul > li:hover > a:before {
	background-color: #ffffff;
}

.main-menu .navigation > li > ul > li > ul > li > a:hover {
	background-color: #3e933e;
	color: #ffffff;
}

.sticky-header .main-menu .navigation > li > a:after {
	display: none;
}

.main-menu .navigation > li.dropdown:hover > ul {
	visibility: visible;
	opacity: 1;
}

.main-menu .navigation li > ul > li.dropdown:hover > ul {
	visibility: visible;
	opacity: 1;
	right: 100%;
	top: 0%;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.main-menu .navbar-collapse > ul li.dropdown .dropdown-btn {
	position: absolute;
	left: 10px;
	top: 6px;
	width: 34px;
	height: 30px;
	border: 1px solid #ffffff;
	text-align: center;
	font-size: 16px;
	line-height: 26px;
	color: #ffffff;
	cursor: pointer;
	z-index: 5;
	display: none;
}

.main-header .outer-box {
	position: relative;
	float: left;
	margin-right: 22px;
	margin-top: 42px;
}

.main-header .outer-box .btn-box {
	position: relative;
	float: right;
	margin-left: 42px;
	margin-top: -10px;
}

.main-header .outer-box .btn-box .theme-btn {
	font-size: 16px;
	font-weight: 700;
	padding: 9px 39px;
}

.main-header .outer-box .btn-box .theme-btn .icon {
	margin-right: 8px;
	font-size: 18px;
}

.main-header .outer-box .social-links-box {
	position: relative;
	float: right;
	margin-left: 20px;
}

.header-style-two .header-inner-container {
	padding: 0px 72px;
}

.header-top {
	position: relative;
	padding: 15px 0px 28px;
	background: #3e933e url(../images/background/layer-1.png) left bottom repeat-x;
}

html[dir="rtl"] .header-top .top-inner {
	position: relative;
}

html[dir="rtl"] .header-top .top-left {
	position: relative;
	float: right;
}

html[dir="rtl"] .header-top .top-left ul li {
	position: relative;
	font-size: 15px;
	color: #ffffff;
	font-weight: 500;
	margin-right: 30px;
	display: inline-block;
}

html[dir="rtl"] .header-top .top-left ul li a {
	font-size: 15px;
	font-weight: 400;
	color: #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

html[dir="rtl"] .header-top .top-left ul li .icon {
	position: absolute;
	color: #ffffff;
	font-size: 16px;
	line-height: 1em;
	top: 4px;
	right: -20px;
}

html[dir="rtl"] .header-top .top-right {
	position: relative;
	float: left;
}

.header-top .top-right .donate-box {
	position: relative;
	float: left;
	margin-right: 10px;
}

/*Social Icons*/

.header-top .social-icon {
	position: relative;
	float: left;
	margin-top: 10px;
}

.header-top .social-icon li {
	position: relative;
	float: left;
	margin-left: 18px;
}

.header-top .social-icon li a {
	position: relative;
	display: block;
	line-height: 1em;
	font-size: 16px;
	color: #ffffff;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.header-top .social-icon li a:hover {
	color: #ffffff;
}

.header-top-two {
	position: relative;
	padding: 10px 0px;
	text-align: center;
	background-color: #444444;
}

.header-top-two .text {
	position: relative;
	color: #ffffff;
	font-size: 13px;
	font-weight: 400;
	padding-left: 25px;
	display: inline-block;
}

.header-top-two .text:before {
	position: absolute;
	content: '\f02b';
	left: 0px;
	top: 1px;
	font-size: 16px;
	font-family: 'FontAwesome';
}

.header-top .top-right > ul > li > a > .icon {
	position: relative;
	top: 1px;
	font-size: 15px;
	color: #3e933e;
	margin-right: 8px;
}

/*search box btn*/

.main-header .search-box-outer {
	position: relative;
	left: 3px;
	display: inline-block;
}

.main-header .search-box-btn {
	position: relative;
	font-size: 18px;
	line-height: 1em;
	color: #222222;
	cursor: pointer;
	display: inline-block;
	background: none;
	z-index: 99;
}

.main-header .search-box-outer .dropdown-menu {
	top: 64px;
	padding: 0px;
	width: 280px;
	border-radius: 0px;
	border-top: 3px solid #3e933e;
}

.main-header .search-panel .form-container {
	padding: 25px 20px;
}

.main-header .search-panel .form-group {
	position: relative;
	margin: 0px;
}

.main-header .search-panel input[type="text"], .main-header .search-panel input[type="search"], .main-header .search-panel input[type="password"], .main-header .search-panel select {
	display: block;
	width: 100%;
	line-height: 24px;
	padding: 7px 40px 7px 15px;
	height: 40px;
	border: 1px solid #e0e0e0;
	background: #ffffff;
}

.main-header .search-panel input:focus, .main-header .search-panel select:focus {
	border-color: #3e933e;
}

.main-header .search-panel .search-btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 40px;
	height: 40px;
	text-align: center;
	color: #555555;
	font-size: 12px;
	background: none;
	cursor: pointer;
}

.main-header .info-box {
	position: relative;
	float: left;
	margin-left: 30px;
	font-size: 13px;
	color: #777777;
	text-align: left;
	padding: 0px 0px 0px 50px;
}

.main-header .info-box:first-child {
	padding-right: 30px;
	border-right: 1px solid #c8c8c8;
}

.main-header .info-box:last-child {
	padding-right: 0px;
	margin-left: 0px;
	top: -2px;
}

.main-header .info-box .icon-box {
	position: absolute;
	left: 0px;
	top: 6px;
	color: #3e933e;
	font-size: 26px;
	text-align: left;
	line-height: 1.2em;
	-moz-transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-header .info-box li {
	position: relative;
	line-height: 20px;
	color: #767676;
	font-size: 15px;
	margin-bottom: 3px;
	font-weight: 500;
}

.main-header .info-box strong {
	font-weight: 500;
	color: #333333;
	font-size: 15px;
	display: block;
	margin-bottom: 4px;
}

/*Social Icon One*/

.social-icon-one {
	position: relative;
}

.social-icon-one li {
	position: relative;
	margin: 0px 2px;
	display: inline-block;
}

.social-icon-one li a {
	position: relative;
	color: #444444;
	width: 32px;
	height: 32px;
	line-height: 32px;
	border: 1px solid #dedede;
	font-size: 14px;
	display: inline-block;
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-one li a:hover {
	color: #ffffff;
	border-color: #3e933e;
	background-color: #3e933e;
}

/*Social Icon Two*/

.social-icon-two {
	position: relative;
}

.social-icon-two li {
	position: relative;
	margin-right: 12px;
	display: inline-block;
}

.social-icon-two li a {
	position: relative;
	font-size: 18px;
	color: #888888;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-two li a:hover {
	color: #3e933e;
}

/*Social Icon Three*/

.social-icon-three {
	position: relative;
}

.social-icon-three li {
	position: relative;
	margin-left: 12px;
	display: inline-block;
}

.social-icon-three li a {
	position: relative;
	font-size: 16px;
	color: #444444;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-three li a:hover {
	color: #3e933e;
}

/*Social Icon Four*/

.social-icon-four {
	position: relative;
}

.social-icon-four .share {
	position: relative;
	color: #666666;
	font-weight: 600;
	margin-right: 5px;
	text-transform: uppercase;
}

.social-icon-four a {
	position: relative;
	width: 32px;
	height: 32px;
	font-size: 13px;
	color: #666666;
	text-align: center;
	display: inline-block;
	border-radius: 50%;
	line-height: 32px;
	margin-right: 8px;
	background-color: #eeeeee;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.social-icon-four a:hover {
	background-color: #3e933e;
	color: #ffffff;
}

/*Custom Select*/

.form-group .ui-selectmenu-button.ui-button {
	width: 100%;
	font-size: 14px;
	font-style: normal;
	height: 48px;
	padding: 10px 20px;
	line-height: 26px;
	color: #262626;
	float: left;
	border-radius: 50px;
	border: 1px solid #cccccc;
	background: #ffffff;
}

.form-group .ui-button .ui-icon {
	background: none;
	position: relative;
	top: 0px;
	text-indent: 0px;
	color: #333333;
}

html[dir="rtl"] .form-group .ui-button .ui-icon:before {
	font-family: 'FontAwesome';
	content: "\f107";
	position: absolute;
	right: 0px;
	top: 2px !important;
	top: 13px;
	width: 10px;
	height: 30px;
	display: block;
	color: #262626;
	line-height: 23px;
	font-size: 15px;
	font-weight: normal;
	text-align: center;
	z-index: 5;
}

.ui-widget.ui-widget-content {
	border: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item {
	font-size: 14px;
	border-bottom: 1px solid #e0e0e0;
}

.ui-menu .ui-menu-item:last-child {
	border: none;
}

.ui-state-active, .ui-widget-content .ui-state-active {
	background-color: #3e933e;
	border-color: #3e933e;
}

.ui-menu .ui-menu-item-wrapper {
	position: relative;
	display: block;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 24px;
}

.ui-menu-item:hover {
}

/***

====================================================================
	Section Title
====================================================================

***/

.sec-title {
	position: relative;
	margin-bottom: 48px;
}

.sec-title .separator {
	position: relative;
	width: 120px;
	text-align: center;
	margin-bottom: 14px !important;
}

.sec-title .separator:before {
	position: absolute;
	left: 0px;
	top: 0px;
	content: '::::::';
	color: #000000;
	font-size: 14px;
	letter-spacing: 3px;
}

.sec-title .separator:after {
	position: absolute;
	right: 0px;
	top: 0px;
	content: '::::::';
	color: #000000;
	font-size: 14px;
	letter-spacing: 3px;
}

.sec-title .separator .icon {
	color: #3e933e;
	font-size: 28px;
}

.sec-title .title {
	position: relative;
	color: #666666;
	font-size: 14px;
	font-style: italic;
	font-family: 'Avenir-Heavy', serif;
}

.sec-title h2 {
	position: relative;
	font-size: 36px;
	color: #222222;
	font-weight: 800;
	line-height: 1.2em;
	display: inline-block;
	margin-top: 4px;
}

.sec-title.centered {
	text-align: center;
}

.sec-title.centered .separator {
	margin: 0 auto;
}

.sec-title.light .separator:before, .sec-title.light .separator:after, .sec-title.light .separator .icon, .sec-title.light h2 {
	color: #ffffff;
}

.sec-title.light .title {
	color: rgba(255, 255, 255, 0.60);
}

/***

====================================================================
	Section Title Two
====================================================================

***/

.sec-title-two {
	position: relative;
	margin-bottom: 40px;
}

.sec-title-two .title-icon {
	position: relative;
	margin-bottom: 15px;
}

.sec-title-two h2 {
	position: relative;
	color: #222222;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.4em;
}

.sec-title-two .text {
	position: relative;
	color: #444444;
	font-size: 16px;
	line-height: 1.4em;
	margin-top: 8px;
}

.sec-title-two.centered {
	text-align: center;
}

.sec-title-two.light h2, .sec-title-two.light .text {
	color: #ffffff;
}

/***

====================================================================
	Main Slider style
====================================================================

***/

.main-slider {
	position: relative;
	z-index: 10;
}

.tp-caption {
	left: 0 !important;
}

.main-slider .tp-caption {
	z-index: 5 !important;
}

.main-slider .tp-dottedoverlay {
	background: rgba(0, 0, 0, 0.40) !important;
}

.main-slider .tparrows.gyges {
	display: none;
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.20);
}

.main-slider .tparrows.gyges:before {
	line-height: 60px;
}

.main-slider .tparrows.gyges:hover {
	color: #3e933e;
	background-color: #3e933e;
}

.main-slider h2 {
	position: relative;
	color: #222222;
	font-size: 60px;
	font-weight: 400;
	line-height: 1.2em;
	display: inline-block;
}

.main-slider h2 span {
	font-weight: 700;
}

.main-slider h2.alternate {
	font-weight: 700;
	font-size: 48px;
	line-height: 1.4em;
}

.main-slider .text {
	position: relative;
	font-size: 20px;
	font-weight: 400;
	color: #222222;
	line-height: 1.6em;
	text-align: right;
}

.main-slider.main-slider-4 .text {
	text-align: right !important;
}

.btns-box {
	text-align: right;
}

.main-slider .text-center {
	text-align: center;
}

.main-slider.main-slider-4 .text-center {
	text-align: center;
}

.main-slider h2.alternate {
	font-weight: 700;
}

.main-slider h2.light, .main-slider .text.light {
	color: #ffffff;
}

.main-slider .btns-box .theme-btn {
	margin-right: 0 !important;
}

.slider-content {
	position: relative;
	padding: 35px 30px;
	background-color: rgba(0, 0, 0, 0.60);
}

.main-slider .tp-bannertimer, .main-slider .tp-bullets {
	display: none !important;
}

/***

====================================================================
	Fancy Box
====================================================================

***/

.fancybox-next span, .fancybox-prev span {
	background-image: none !important;
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	text-align: center;
}

.fancybox-next span:before, .fancybox-prev span:before {
	content: '';
	position: absolute;
	font-family: 'FontAwesome';
	left: 0px;
	top: 0px;
	font-size: 12px;
	width: 44px !important;
	height: 44px !important;
	line-height: 44px !important;
	background-color: rgba(28, 28, 28, 0.40) !important;
	color: #ffffff;
	visibility: visible;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.fancybox-next span:before {
	content: '\f178';
}

.fancybox-prev span:before {
	content: '\f177';
}

.fancybox-next:hover span:before, .fancybox-prev:hover span:before {
	background-color: #ffffff !important;
	color: #000000;
}

.fancybox-type-image .fancybox-close {
	right: 0px;
	top: 0px;
	width: 45px;
	height: 45px;
	background: url(../images/icons/icon-cross.png) center center no-repeat;
	background-color: rgba(17, 17, 17, 0.50) !important;
}

.fancybox-type-image .fancybox-close:hover {
	background-color: #000000 !important;
}

.fancybox-type-image .fancybox-skin {
	padding: 0px !important;
}

/***

====================================================================
	Welcome Section
====================================================================

***/

.welcome-section {
	position: relative;
	padding: 75px 0px;
}

.welcome-section .image-column {
	position: relative;
	margin-bottom: 40px;
}

.welcome-section .image-column .image {
	position: relative;
}

.welcome-section .image-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.welcome-section .content-column {
	position: relative;
}

.welcome-section .content-column .inner-column {
	position: relative;
	padding-left: 10px;
}

.welcome-section .content-column .inner-column .text {
	position: relative;
	margin-bottom: 35px;
}

.welcome-section .content-column .inner-column .text p {
	position: relative;
	color: #444444;
	font-size: 18px;
	line-height: 2em;
	margin-bottom: 20px;
}

.welcome-section .content-column .inner-column .text p:last-child {
	margin-bottom: 0px;
}

.welcome-section .content-column .inner-column .theme-btn {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	padding: 11px 40px;
	margin-top: 40px;
}

/***

====================================================================
	Featured Section
====================================================================

***/

.featured-section {
	position: relative;
	padding: 60px 0px 60px;
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

.featured-block {
	position: relative;
	margin-bottom: 40px;
}

.featured-block .inner-box {
	position: relative;
	padding: 40px 30px;
	background-color: #ffffff;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
	-moz-box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
	box-shadow: 0px 0px 12px 0px rgba(204, 204, 204, 1);
}

.featured-block .inner-box .content {
	position: relative;
	padding-right: 75px;
}

.featured-block .inner-box .content .icon-box {
	position: absolute;
	right: 0px;
	top: 5px;
	color: #e7470d;
	line-height: 1em;
	font-size: 50px;
}

.featured-block:nth-child(2) .inner-box .content .icon-box {
	color: #e7a52b;
}

.featured-block:nth-child(3) .inner-box .content .icon-box {
	color: #6108ba;
}

.featured-block .inner-box .content h3 {
	position: relative;
	font-size: 24px;
	font-weight: 300;
	text-transform: capitalize;
}

.featured-block .inner-box .content h3 a {
	position: relative;
	color: #222222;
}

.featured-block .inner-box .content .text {
	position: relative;
	color: #444444;
	font-weight: 600;
	font-size: 14px;
	text-transform: capitalize;
}

/***

====================================================================
	Services Section
====================================================================

***/

.services-section {
	position: relative;
	padding: 85px 0px 100px;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.services-block {
	position: relative;
	margin-bottom: 30px;
}

.services-block .inner-box {
	position: relative;
	padding: 40px 35px;
	border-radius: 4px;
	border: 1px solid #e6e6e6;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	background-color: #ffffff;
}

.services-block .inner-box:hover {
	border: 1px solid transparent;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
	-moz-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
	box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
}

.services-block .inner-box .content {
	position: relative;
	padding-right: 85px;
}

.services-block .inner-box .icon-box {
	position: absolute;
	right: 0px;
	top: 5px;
	color: #222222;
	font-size: 60px;
	line-height: 1em;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-block .inner-box:hover .icon-box {
	color: #3e933e;
}

.services-block .inner-box h3 {
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 12px;
}

.services-block .inner-box h3 a {
	position: relative;
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-block .inner-box h3 a:hover {
	color: #3e933e;
}

.services-block .inner-box .text {
	position: relative;
	color: #444444;
	font-size: 14px;
	line-height: 1.9em;
}

.services-section .owl-nav {
	display: none;
}

.services-section .owl-dots {
	position: relative;
	text-align: center;
	margin-top: 30px;
}

.services-section .owl-dots .owl-dot {
	position: relative;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 0px 5px;
	display: inline-block;
	border: 1px solid #cecece;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-section .owl-dots .owl-dot:hover, .services-section .owl-dots .owl-dot.active {
	border-color: #3e933e;
	background-color: #3e933e;
}

/***

====================================================================
	Appointment Section
====================================================================

***/

.appointment-section {
	position: relative;
	padding: 85px 0px 100px;
	background-size: cover;
	background-repeat: no-repeat;
	background: #3e933e;
}

.appointment-section.style-two {
	background-color: #630abb;
}

.appointment-section.style-two:before {
	display: none;
}

.appointment-section:before {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 82px;
	background: url(../images/background/layer-1.png) left bottom no-repeat;
}

.appointment-page {
	background-color: transparent !important;
}

.default-form2 .form-box .form-group input[type="text"], .default-form2 .form-box .form-group input[type="email"], .default-form2 .form-box .form-group input[type="password"], .default-form2 .form-box .form-group select, .default-form2 .form-box .form-group textarea {
	border: 1px solid #cccccc !important;
}

/*Default Form*/

.default-form {
	position: relative;
	margin-bottom: 50px;
}

.default-form .form-box {
	position: relative;
}

.default-form .form-box .form-group {
	margin-bottom: 25px;
	position: relative;
}

.default-form .form-box .form-group .clock-icon {
	position: absolute;
	left: 40px;
	top: 12px;
	z-index: 10;
	color: #444444;
}

.default-form .form-box .form-group input[type="text"], .default-form .form-box .form-group input[type="email"], .default-form .form-box .form-group input[type="password"], .default-form .form-box .form-group select, .default-form .form-box .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	font-size: 14px;
	color: #848484;
	line-height: 28px;
	padding: 10px 40px 10px 25px;
	font-weight: 400;
	background: #ffffff;
	border-radius: 50px;
	border: 1px solid #ffffff;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.default-form .form-box .form-group textarea {
	width: 100%;
	resize: none;
	height: 140px;
	border-radius: 20px;
}

.default-form .form-box .form-group input:focus, .default-form .form-box .form-group select:focus, .default-form .form-box .form-group textarea:focus {
}

.default-form .form-box .form-group button {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	padding: 11px 46px;
	margin-top: 10px;
}

/***

====================================================================
	Team Section
====================================================================

***/

/***

====================================================================
	Team Section
====================================================================

***/

.team-section {
	position: relative;
	padding: 90px 0px 90px;
}

.team-block {
	position: relative;
	margin-bottom: 40px;
}

.team-block .inner-box {
	position: relative;
	padding-bottom: 10px;
	box-shadow: 2px 2px 30px #ccc;
	transition-duration: .5s;
}

.team-block .inner-box:hover {
	/*box-shadow: none;*/
}

.team-block .inner-box .image {
	position: relative;
}

.team-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
	height: auto;
}

.team-block .inner-box .lower-box {
	position: relative;
	padding: 22px 22px 0px;
	text-align: center;
}

.team-block .inner-box .lower-box h3 {
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2em;
}

.team-block .inner-box .lower-box h3 a {
	position: relative;
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.team-block .inner-box .lower-box h3 a:hover {
	color: #3e933e;
}

.team-block .inner-box .lower-box .designation {
	position: relative;
	color: #444444;
	font-size: 12px;
	font-weight: 600;
	margin-top: 4px;
	text-transform: uppercase;
}

.team-block .inner-box .lower-box .phno i {
	padding-right: 10px;
}

.team-block .inner-box .lower-box .email i {
	padding-right: 10px;
}

.team-block .inner-box .lower-box .social-box {
	position: relative;
	padding-top: 20px;
	margin-top: 20px;
	border-top: 1px solid #dddddd;
}

.team-block .inner-box .lower-box .social-box ul {
	margin-bottom: 0;
}

.memberdetails .row {
	background: #f1f1f1;
	margin-bottom: 5px;
}

.memberdetails {
	padding-right: 15px;
	padding-top: 20px;
}

.memberdetails .row .mdetails {
	padding: 5px 15px;
}

.memberdetails .row .title {
	text-transform: capitalize;
	background: #333333;
	color: #ffffff;
	padding: 5px 15px;
}

/***

====================================================================
	Counter Section
====================================================================

***/

.counter-section {
	position: relative;
	padding: 80px 0px 60px;
}

.counter-section .image-layer {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 420px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}

.counter-section .image-layer:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0.80);
}

.counter-section .image-layer:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 82px;
	background: url(../images/background/layer-1.png) left bottom no-repeat;
}

.counter-section h2 {
	position: relative;
	font-size: 56px;
	font-weight: 700;
	text-align: center;
	color: #ffffff;
	line-height: 1.2em;
	margin-bottom: 70px;
	text-transform: capitalize;
}

.counter-section h2 span {
	font-weight: 300;
	display: block;
}

.counter-section .counter-box {
	position: relative;
	padding: 60px 0px 30px;
	text-align: center;
	background-color: #ffffff;
	border-radius: 5px;
	-webkit-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
	-moz-box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
	box-shadow: 0px 0px 25px 0px rgba(230, 230, 230, 1);
}

/*Fact Counter*/

.fact-counter {
	position: relative;
}

.fact-counter .column {
	position: relative;
	z-index: 5;
	margin-bottom: 25px;
}

.fact-counter .column .inner {
	position: relative;
	top: 0;
	text-align: center;
	padding: 0px 0px 0px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.fact-counter .column .inner .icon {
	position: relative;
}

.fact-counter .column .inner .icon-box {
	position: relative;
	color: #ebba5c;
	font-size: 50px;
	margin-bottom: 15px;
	width: 80px;
	height: 80px;
	border-radius: 5px;
	margin: 0 auto;
	text-align: center;
	line-height: 75px;
	border: 1px dashed #ebba5c;
}

.fact-counter .column:nth-child(2) .inner .icon-box, .fact-counter .column:nth-child(4) .inner .icon-box {
	color: #3e933e;
	border-color: #3e933e;
}

.fact-counter .count-outer {
	position: relative;
	font-size: 40px;
	line-height: 1em;
	font-weight: 600;
	margin: 0px 0px;
	color: #222222;
	margin-top: 15px;
}

.fact-counter .count-outer .plus-icon {
	position: relative;
	font-weight: 700;
	color: #333333;
	font-size: 30px;
	margin-left: 8px;
	font-family: 'Avenir-Heavy', sans-serif;
}

.fact-counter .count-outer .count-text {
	position: relative;
	font-weight: 700;
	color: #333333;
	font-size: 30px;
}

.fact-counter .column .counter-title {
	position: relative;
	font-size: 16px;
	font-weight: 400;
	color: #444444;
	margin-top: 5px;
	display: inline-block;
}

/***

====================================================================
	Save Pets Section
====================================================================

***/

.save-pets-section {
	position: relative;
	padding: 50px 0px 60px;
}

.save-pets-section h2 {
	position: relative;
	color: #222222;
	font-weight: 300;
	font-size: 44px;
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 15px;
}

.save-pets-section .text {
	position: relative;
	color: #444444;
	font-size: 16px;
	text-align: center;
	line-height: 1.8em;
	margin-bottom: 62px;
}

.save-pets-section .prices-block {
	position: relative;
	max-width: 840px;
	margin: 0 auto;
}

.price-block {
	position: relative;
	margin-bottom: 40px;
	border-right: 1px solid #dddddd;
}

.price-block:last-child {
	border: none;
}

.price-block .inner-box {
	position: relative;
	text-align: center;
}

.price-block .inner-box h3 {
	position: relative;
	color: #222222;
	font-size: 48px;
	line-height: 1.2em;
	margin-bottom: 30px;
}

/***

====================================================================
	Fluid Section One
====================================================================

***/

.fluid-section-one {
	position: relative;
}

.fluid-section-one .outer-container {
	position: relative;
	min-height: 250px;
	background-color: #ffffff;
}

.fluid-section-one .image-column {
	position: absolute;
	float: left;
	top: 0px;
	left: 0px;
	width: 50%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.fluid-section-one .image-column .image-box {
	position: relative;
	display: none;
}

.fluid-section-one .image-column .image-box img {
	position: relative;
	display: block;
	width: 100%;
}

.fluid-section-one .image-column .overlay-box {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
	text-align: center;
}

.fluid-section-one .image-column .overlay-box .icon-box {
	position: relative;
	top: 50%;
	font-size: 18px;
	font-weight: 600;
	color: #ffffff;
	text-align: center;
	display: inline-block;
	margin-top: -30px;
	text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.50);
	text-transform: uppercase;
}

.fluid-section-one .image-column .overlay-box .icon-box .icon {
	position: relative;
	display: block;
	font-size: 32px;
	margin-bottom: 20px;
}

.fluid-section-one .content-column {
	position: relative;
	float: right;
	width: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.fluid-section-one .content-column .inner-column {
	position: relative;
	max-width: 750px;
	float: left;
	width: 100%;
	padding: 70px 80px 76px 15px;
}

.featured-block-two {
	position: relative;
	margin-bottom: 35px;
}

.featured-block-two:last-child {
	margin-bottom: 0px;
}

.featured-block-two .featured-inner {
	position: relative;
	padding-right: 132px;
	min-height: 100px;
}

.featured-block-two .featured-inner .icon-box {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 100px;
	height: 100px;
	color: #222222;
	font-size: 50px;
	text-align: center;
	border-radius: 50px;
	line-height: 94px;
	background-color: #ffffff;
}

.featured-block-two .featured-inner h3 {
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 16px;
}

.featured-block-two .featured-inner .text {
	position: relative;
	color: #444444;
	font-size: 14px;
	font-weight: 400;
	line-height: 2em;
}

/***

====================================================================
	Testimonial Section
====================================================================

***/

.testimonial-section {
	position: relative;
	padding: 75px 0px 90px;
}

.testimonial-block {
	position: relative;
}

.testimonial-block .inner-box {
	position: relative;
	text-align: center;
}

.testimonial-block .inner-box .quote-icon {
	position: relative;
	color: #3e933e;
	font-size: 36px;
	line-height: 1em;
	margin-bottom: 25px;
}

.testimonial-block .inner-box .text {
	position: relative;
	color: #444444;
	font-size: 18px;
	font-style: italic;
	line-height: 1.8em;
	max-width: 920px;
	margin: 0 auto;
	margin-bottom: 35px;
	font-family: 'Avenir-Heavy', serif;
}

.testimonial-block .inner-box .author-image {
	position: relative;
	width: 70px;
	height: 70px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 15px;
}

.testimonial-block .inner-box .author-name {
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	text-transform: capitalize;
}

.testimonial-block .inner-box .designation {
	position: relative;
	color: #666666;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.testimonial-section .owl-dots {
	display: none;
}

.testimonial-section .owl-nav {
	position: absolute;
	left: 0px;
	top: 30%;
	width: 100%;
}

.testimonial-section .owl-nav .owl-prev, .testimonial-section .owl-nav .owl-next {
	position: absolute;
	color: #cccccc;
	font-size: 20px;
	display: inline-block;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.testimonial-section .owl-nav .owl-prev {
	left: 0;
}

.testimonial-section .owl-nav .owl-next {
	right: 0px;
}

.testimonial-section .owl-nav .owl-prev:hover, .testimonial-section .owl-nav .owl-next:hover {
	color: #3e933e;
}

.testimonial-section.style-two .inner-box .quote-icon {
	color: #3e933e;
}

.testimonial-section.style-two .owl-nav {
	display: none;
}

.testimonial-section.style-two .owl-dots {
	display: block;
	position: absolute;
	right: 0px;
	top: 30%;
}

.testimonial-section.style-two .owl-dots .owl-dot {
	width: 10px;
	height: 10px;
	border-radius: 50px;
	margin-bottom: 12px;
	border: 1px solid #cecece;
	background-color: #ffffff;
}

.testimonial-section.style-two .owl-dots .owl-dot.active {
	position: relative;
	right: -5px;
	width: 20px;
	height: 20px;
	background-color: #ffffff;
}

.testimonial-section.style-two .owl-dots .owl-dot.active:before {
	position: absolute;
	left: 3px;
	top: 3px;
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-color: #3e933e;
}

/***

====================================================================
	News Section
====================================================================

***/

.news-section {
	position: relative;
	padding: 80px 0px 90px;
	background-repeat: no-repeat;
	background-size: cover;
}

.news-block {
	position: relative;
	margin-bottom: 40px;
}

.news-block .inner-box {
	position: relative;
}

.news-block .inner-box .image {
	position: relative;
}

.news-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.news-block .inner-box .image .post-date {
	position: absolute;
	left: 30px;
	top: 30px;
	width: 75px;
	height: 75px;
	color: #ffffff;
	font-size: 24px;
	font-weight: 800;
	line-height: 25px;
	border-radius: 50%;
	text-align: center;
	z-index: 1;
	padding-top: 12px;
	background-color: #3e933e;
}

.news-block:nth-child(2) .inner-box .image .post-date {
	background-color: #3e933e;
}

.news-block:nth-child(3) .inner-box .image .post-date {
	background-color: #3e933e;
}

.news-block .inner-box .image .post-date span {
	display: block;
	font-weight: 600;
	font-size: 14px;
}

.news-block .inner-box .lower-content {
	position: relative;
	padding-top: 30px;
}

.news-block .inner-box .lower-content .news-info {
	position: relative;
	margin-bottom: 8px;
}

.news-block .inner-box .lower-content .news-info li {
	position: relative;
	color: #666666;
	font-size: 12px;
	font-weight: 600;
	padding-left: 12px;
	margin-left: 12px;
	display: inline-block;
	text-transform: uppercase;
}

.news-block .inner-box .lower-content .news-info li:after {
	position: absolute;
	content: '';
	left: -5px;
	top: 11px;
	width: 5px;
	height: 5px;
	background-color: #444444;
}

.news-block .inner-box .lower-content .news-info li:last-child::after {
	display: none;
}

.news-block .inner-box .lower-content h3 {
	position: relative;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.7em;
	margin-bottom: 12px;
}

.news-block .inner-box .lower-content h3 a {
	position: relative;
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.news-block .inner-box .lower-content h3 a:hover {
	color: #3e933e;
}

.news-block .inner-box .lower-content .read-more {
	position: relative;
}

.news-block .inner-box .lower-content .read-more {
	position: relative;
	color: #3e933e;
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}

/***

====================================================================
	Main Footer
====================================================================

***/

.main-footer {
	position: relative;
}

html[dir="rtl"] .main-footer .widgets-section {
	position: relative;
	padding: 76px 0px 60px;
}

.main-footer .footer-widget {
	position: relative;
	margin-bottom: 30px;
}

.main-footer .footer-widget h2 {
	position: relative;
	font-size: 18px;
	color: #222222;
	font-weight: 700;
	line-height: 1.2em;
	margin-top: 30px;
	margin-bottom: 25px;
}

/*Logo Widget*/

html[dir="rtl"] .main-footer .logo-widget {
	position: relative;
}

html[dir="rtl"] .main-footer .logo-widget .logo {
	position: relative;
	margin-bottom: 20px;
}

html[dir="rtl"] .main-footer .logo-widget .text {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	color: #444444;
	margin-bottom: 25px;
}

html[dir="rtl"] .links-widget .links {
	position: relative;
}

html[dir="rtl"] .links-widget .links li {
	position: relative;
	margin-bottom: 8px;
}

html[dir="rtl"] .links-widget .links li a {
	position: relative;
	padding-right: 32px;
	color: #444444;
	font-size: 14px;
	font-weight: 400;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

html[dir="rtl"] .links-widget .links li a:before {
	position: absolute;
	/*content: '\f119';*/
	right: 0px;
	top: 4px;
	color: #cccccc;
	line-height: 1em;
	font-family: "Flaticon";
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.links-widget .links li a {
	color: #cccccc;
}

html[dir="rtl"] .links-widget .links li a:hover::before {
	color: #3e933e;
}

html[dir="rtl"] .info-widget {
	position: relative;
}

html[dir="rtl"] .info-widget ul {
	position: relative;
}

html[dir="rtl"] .info-widget ul li {
	position: relative;
	color: #222222;
	font-size: 14px;
	margin-bottom: 12px;
	padding-right: 35px;
}

html[dir="rtl"] .info-widget ul li .icon {
	position: absolute;
	right: 0px;
	top: 4px;
	color: #cccccc;
	font-size: 24px;
	line-height: 1em;
}

html[dir="rtl"] .info-widget ul li:last-child .icon {
	font-size: 18px;
}

html[dir="rtl"] .subscribe-widget .text {
	position: relative;
	font-size: 14px;
	font-weight: 400;
	color: #444444;
	line-height: 2em;
	margin-bottom: 15px;
}

html[dir="rtl"] .newsletter-form {
	position: relative;
}

/*subscribe widget*/

.main-footer .subscribe-widget .form-group {
	position: relative;
	display: block;
	margin-bottom: 10px;
}

.main-footer .subscribe-widget .form-group input[type="text"], .main-footer .subscribe-widget .form-group input[type="email"] {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 20px;
	height: 48px;
	font-size: 15px;
	color: #444444;
	border-radius: 50px;
	border: 1px solid #cccccc;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.main-footer .subscribe-widget .form-group button {
	width: 100%;
	font-size: 14px;
	font-weight: 700;
	padding: 6px 39px;
	text-transform: uppercase;
}

.main-footer .subscribe-widget .form-group input[type="text"]:focus, .main-footer .subscribe-widget .form-group input[type="email"]:focus {
	border-color: #3e933e;
}

.main-footer .footer-bottom {
	position: relative;
	text-align: center;
	padding: 45px 0px 45px;
	border-top: 1px solid #dddddd;
}

.main-footer .footer-bottom .copyright {
	position: relative;
	color: #888888;
	font-size: 14px;
	text-align: center;
}

.main-footer .footer-bottom .copyright span {
	font-weight: 700;
}

html[dir="rtl"] .main-footer.style-two .logo-widget .text {
	color: #ffffff;
}

.main-footer.style-two {
	background-color: #1e1e1e;
	border-top: 4px solid #3e933e;
}

.main-footer.style-two .logo-widget .text, .main-footer.style-two .footer-widget h2 {
	color: #ffffff;
}

.main-footer.style-two .widget-post .text a, .main-footer.style-two .widget-post .post-info, .main-footer.style-two .links-widget .links li a, .main-footer.style-two .info-widget ul li {
	color: #cccccc;
}

.main-footer.style-two .footer-bottom {
	border-color: #3a3a3a;
}

.main-footer.style-two .info-widget ul li a {
	color: #ccc;
}

/***

====================================================================
	Services Section Two
====================================================================

***/

.services-section-two {
	position: relative;
	padding: 90px 0px 50px;
}

.services-block-two {
	position: relative;
	margin-bottom: 40px;
}

.services-block-two .inner-box {
	position: relative;
	text-align: center;
}

.services-block-two .inner-box .icon-box {
	position: relative;
	width: 135px;
	height: 135px;
	color: #444444;
	text-align: center;
	line-height: 132px;
	font-size: 62px;
	margin: 0 auto;
	margin-bottom: 35px;
	border-radius: 50%;
	background-color: #ffffff;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.services-block-two .inner-box:hover .icon-box {
	color: #ffffff;
	background-color: #3e933e;
}

.services-block-two .inner-box h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 10px;
}

.services-block-two .inner-box h3 a {
	position: relative;
	color: #222222;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.services-block-two .inner-box h3 a:hover {
	color: #e6470c;
}

.services-block-two .inner-box .text {
	position: relative;
	color: #444444;
	font-size: 14px;
	line-height: 2em;
	padding: 0px 30px;
}

/***

====================================================================
	Mission Section
====================================================================

***/

.mission-section {
	position: relative;
	padding: 100px 0px 60px;
	background-repeat: repeat-x;
	background-color: #e6470c;
}

.mission-section .image-column {
	position: relative;
	margin-bottom: 40px;
}

.mission-section .image-column .image {
	position: relative;
}

.mission-section .image-column .image img {
	position: relative;
	width: 100%;
	display: block;
}

.mission-section .content-column {
	position: relative;
}

.mission-section .content-column .inner-column {
	position: relative;
	padding-left: 30px;
}

.mission-section .content-column .inner-column h2 {
	position: relative;
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 15px;
	font-family: 'Lato', sans-serif;
}

.mission-section .content-column .inner-column .text {
	position: relative;
	color: #ffffff;
	font-size: 14px;
	line-height: 1.9em;
	margin-bottom: 18px;
}

.mission-section .content-column .inner-column .signature {
	position: relative;
	margin-top: 48px;
}

.mission-section .content-column .inner-column .designation {
	position: relative;
	color: #ffffff;
	font-weight: 700;
	margin-top: 8px;
	text-transform: uppercase;
	font-family: 'Avenir-Heavy', sans-serif;
}

/***

====================================================================
	Grooming Section
====================================================================

***/

.grooming-section {
	position: relative;
	padding: 95px 0px 100px;
}

.groming-block {
	position: relative;
	margin-bottom: 40px;
}

.groming-block .inner-box {
	position: relative;
	text-align: center;
}

.groming-block .inner-box .big-icon {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	color: #f6f6f6;
	font-size: 280px;
	line-height: 1em;
	transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
}

.groming-block .inner-box .icon-box {
	position: relative;
	margin-bottom: 20px;
}

.groming-block .inner-box h3 {
	position: relative;
	color: #222222;
	font-size: 24px;
	font-weight: 700;
	padding-bottom: 8px;
	margin-bottom: 18px;
	font-family: 'Lato', sans-serif;
}

.groming-block .inner-box h3:after {
	position: absolute;
	content: '';
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 4px;
	background: url(../images/icons/separater-line.png) center center no-repeat;
}

.groming-block .inner-box .text {
	position: relative;
	color: #444444;
	font-size: 14px;
	text-transform: uppercase;
}

/***

====================================================================
	Services Section Three
====================================================================

***/

.services-section-three {
	position: relative;
	padding-top: 90px;
	background-color: #f6f6f6;
}

.services-section-three .image {
	position: relative;
	margin-top: 30px;
	text-align: center;
}

/*Services Block Three*/

.services-block-three {
	position: relative;
	margin-bottom: 40px;
}

.services-block-three .inner-box {
	position: relative;
	padding-left: 55px;
}

.services-block-three .inner-box .icon-box {
	position: absolute;
	left: 0px;
	top: 2px;
	color: #3e933e;
	font-size: 36px;
	line-height: 1em;
}

.services-block-three:nth-child(2) .inner-box .icon-box {
	color: #3e933e;
}

.services-block-three .inner-box h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 4px;
}

.services-block-three .inner-box h3 a {
	position: relative;
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-block-three .inner-box h3 a:hover {
	color: #3e933e;
}

.services-block-three .inner-box .text {
	position: relative;
	color: #444444;
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 12px;
}

.services-block-three .inner-box .detail {
	position: relative;
	color: #3e933e;
	font-size: 14px;
}

/*Services Block Four*/

.services-block-four {
	position: relative;
	margin-bottom: 40px;
}

.services-block-four .inner-box {
	position: relative;
	padding-right: 55px;
	text-align: right;
}

.services-block-four .inner-box .icon-box {
	position: absolute;
	right: 0px;
	top: 2px;
	color: #3e933e;
	font-size: 36px;
	line-height: 1em;
}

.services-block-four:nth-child(2) .inner-box .icon-box {
	color: #3e933e;
}

.services-block-four .inner-box h3 {
	position: relative;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 4px;
}

.services-block-four .inner-box h3 a {
	position: relative;
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.services-block-four .inner-box h3 a:hover {
	color: #3e933e;
}

.services-block-four .inner-box .text {
	position: relative;
	color: #444444;
	font-size: 14px;
	line-height: 1.8em;
	margin-bottom: 12px;
}

.services-block-four .inner-box .detail {
	position: relative;
	color: #3e933e;
	font-size: 14px;
}

/***

====================================================================
	Gallery Section
====================================================================

***/

.gallery-section {
	position: relative;
	padding: 95px 0px 70px;
}

/*Gallery Item*/

.gallery-item {
	position: relative;
	margin-bottom: 30px;
}

.gallery-item .inner-box {
	position: relative;
	width: 100%;
	overflow: hidden;
	border-radius: 4px;
}

.gallery-item .image-box {
	position: relative;
	display: block;
}

.gallery-item .image-box img {
	position: relative;
	display: block;
	width: 100%;
	border-radius: 4px;
}

.gallery-item .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	opacity: 0;
	color: #ffffff;
	text-align: center;
	background: rgba(0, 0, 0, 0.70);
	-webkit-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
	transition: all 700ms ease;
	-webkit-transform: translate(-100%, 0%);
	-ms-transform: translate(-100%, 0%);
	-o-transform: translate(-100%, 0%);
	-moz-transform: translate(-100%, 0%);
	transform: translate(-100%, 0%);
}

.gallery-item .inner-box:hover .overlay-box {
	opacity: 1;
	-webkit-transform: translate(0%);
	-ms-transform: translate(0%);
	-o-transform: translate(0%);
	-moz-transform: translate(0%);
	transform: translate(0%);
}

.gallery-item .overlay-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
	padding: 10px 0px;
}

.gallery-item .overlay-inner .content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.gallery-item .overlay-inner .link {
	position: relative;
	font-size: 18px;
	color: #ffffff;
	width: 50px;
	height: 50px;
	line-height: 50px;
	border-radius: 50%;
	margin: 0px 5px;
	display: inline-block;
	background-color: #3e933e;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.gallery-item .overlay-inner .link .icon {
	position: relative;
}

/***

====================================================================
	Pricing Section
====================================================================

***/

.pricing-section {
	position: relative;
	padding-top: 90px;
	background-position: left top;
	background-repeat: repeat-x;
	background-color: #e4a52d;
}

.pricing-section .inner-container {
	position: relative;
	background-color: #ffffff;
	padding: 60px 100px 30px;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.pricing-section .row {
	margin: 0px -35px;
}

.pricing-section .price-block-two {
	padding: 0px 35px;
}

.price-block-two {
	position: relative;
	margin-bottom: 40px;
}

.price-block-two .inner-box {
	position: relative;
	background-color: #ffffff;
}

.price-block-two .inner-box .title {
	position: relative;
	font-size: 24px;
	font-weight: 300;
	padding-bottom: 15px;
	margin-bottom: 18px;
	border-bottom: 1px solid #dddddd;
	font-family: 'Lato', sans-serif;
}

.price-block-two .inner-box .price {
	position: relative;
	font-size: 48px;
	font-weight: 800;
	color: #222222;
	line-height: 1em;
	padding-bottom: 4px;
	border-bottom: 1px solid #dddddd;
	font-family: 'Lato', sans-serif;
}

.price-block-two .inner-box .price span {
	color: #444444;
	font-size: 16px;
	font-weight: 700;
}

.price-block-two .inner-box ul {
	position: relative;
	margin-top: 30px;
	min-height: 190px;
}

.price-block-two .inner-box ul li {
	position: relative;
	color: #444444;
	font-size: 14px;
	margin-bottom: 0px;
}

.price-block-two .inner-box ul li span {
	font-weight: 700;
}

/***

====================================================================
	subscribe-style-one
====================================================================

***/

.subscribe-style-one {
	position: relative;
	padding: 80px 0px 80px;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
}

.subscribe-style-one:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	background-color: rgba(0, 0, 0, 0.80);
}

.subscribe-style-one .env_message {
	position: relative;
}

.subscribe-style-one .icon-box {
	position: absolute;
	right: 15px;
	top: 0px;
	color: #ffffff;
	font-size: 70px;
	line-height: 1em;
}

.subscribe-style-one h2 {
	position: relative;
	color: #ffffff;
	font-size: 24px;
	font-weight: 700;
	padding-right: 92px;
	text-transform: capitalize;
	font-family: 'Lato', sans-serif;
}

.subscribe-style-one .text {
	position: relative;
	font-size: 14px;
	color: #ffffff;
	font-weight: 400;
	padding-right: 92px;
}

.subscribe-style-one form {
	position: relative;
	margin-top: 5px;
}

.subscribe-style-one .form-group {
	position: relative;
	display: block;
	z-index: 1;
	margin-bottom: 0px;
}

.subscribe-style-one .form-group input[type="text"], .subscribe-style-one .form-group input[type="tel"], .subscribe-style-one .form-group input[type="email"], .subscribe-style-one .form-group textarea {
	position: relative;
	width: 100%;
	line-height: 30px;
	padding: 10px 30px;
	height: 55px;
	display: inline-block;
	font-size: 14px;
	background: #ffffff;
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.subscribe-style-one .form-group input[type="email"]:focus {
}

.subscribe-style-one .form-group input[type="submit"], .subscribe-style-one .form-group button {
	position: absolute;
	top: 0px;
	left: -1px;
	float: left;
	font-size: 14px;
	text-transform: uppercase;
	display: inline-block;
	letter-spacing: 1px;
	border-radius: 50px 0 0 50px;
}

/*Post Widget*/

.widget-post {
	position: relative;
	font-size: 14px;
	color: #666666;
	padding: 0px 0px;
	padding-right: 100px;
	min-height: 80px;
	margin-bottom: 20px;
}

.widget-post:last-child {
	margin-bottom: 0px;
	border: 0px;
	min-height: 80px;
}

.widget-post .post-thumb {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 80px;
}

.widget-post .post-thumb img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.widget-post .text {
	position: relative;
	top: 2px;
	font-size: 14px;
	margin: 0px 0px 0px;
	font-weight: 700;
	color: #444444;
	line-height: 1.6em;
	text-transform: capitalize;
}

.widget-post .text a {
	color: #444444;
	font-family: 'Avenir-Heavy', sans-serif;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.widget-post a, .widget-post a:hover {
	color: #3e933e;
}

.widget-post .post-info {
	position: relative;
	font-size: 12px;
	color: #444444;
	font-weight: 400;
	margin-top: 6px;
	text-transform: capitalize;
}

/*Product Form*/

.product-form {
	position: relative;
	width: 345px;
}

.product-form .form-group {
	position: relative;
	margin: 0px;
}

.product-form input[type="text"], .product-form input[type="email"], .product-form input[type="password"] {
	display: block;
	width: 100%;
	height: 48px;
	padding: 10px 30px;
	font-size: 13px;
	background: #ffffff;
	border-radius: 50px;
	border: 2px solid #eeeeee;
}

.product-form .theme-btn {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 55px;
	height: 48px;
	font-size: 20px;
	line-height: 30px;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	background: #3e933e;
	border-radius: 50px 0px 0px 50px;
}

/*Cart List*/

.cart-list {
	position: relative;
}

.cart-list li {
	position: relative;
	margin-left: 20px;
	display: inline-block;
}

.cart-list li a {
	position: relative;
	color: #222222;
	font-size: 14px;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.cart-list li a .icon {
	position: relative;
	color: #888888;
	margin-right: 6px;
	font-size: 16px;
}

.cart-list li a:hover {
	color: #3e933e;
}

.cart-list li.cart a {
	color: #222222;
	font-weight: 600;
	font-size: 20px;
}

.cart-list li.cart a .icon {
	color: #222222;
	font-size: 32px;
}

.cart-list li.cart a .icon .total {
	position: absolute;
	top: -16px;
	right: -10px;
	width: 18px;
	height: 18px;
	color: #ffffff;
	border-radius: 50%;
	line-height: 18px;
	font-size: 12px;
	text-align: center;
	font-weight: 600;
	display: inline-block;
	background-color: #3e933e;
}

/*Banner Section*/

.banner-section {
	position: relative;
	padding: 65px 0px 40px;
	background-color: #e5faf4;
}

.banner-section .content-column {
	position: relative;
}

.banner-section .content-column .inner-column {
	position: relative;
	padding-top: 90px;
}

.banner-section .content-column h2 {
	position: relative;
	color: #222222;
	font-size: 43px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 25px;
	display: inline-block;
	font-family: 'Lato', sans-serif;
}

.banner-section .content-column h2:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	width: 44px;
	height: 4px;
	background: url(../images/icons/separater-line.png) no-repeat;
}

.banner-section .content-column h2 span {
	font-weight: 300;
	display: block;
}

.banner-section .content-column .text {
	position: relative;
	color: #222222;
	font-size: 16px;
	line-height: 1.8em;
	margin-bottom: 30px;
}

.banner-section .image-column {
	position: relative;
	text-align: right;
}

.banner-section .image-column .inner-column {
	position: relative;
}

.banner-section .image-column .inner-column .image {
	position: relative;
}

.banner-section .image-column .inner-column .image img {
	position: relative;
	width: auto;
	float: right;
}

.banner-section .image-column .inner-column .price-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 215px;
	height: 213px;
	z-index: 1;
	text-align: center;
	padding-top: 50px;
	background: url(../images/icons/price-bg.png) no-repeat;
}

.banner-section .image-column .inner-column .price-box .icon img {
	width: auto;
	margin: 0 auto;
}

.banner-section .image-column .inner-column .price-box .discount {
	position: relative;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	margin-top: 5px;
}

.banner-section .image-column .inner-column .price-box .price {
	position: relative;
	color: #ffffff;
	font-size: 48px;
	font-weight: 700;
	line-height: 1em;
}

.banner-section .owl-dots, .banner-section .owl-nav {
	display: none;
}

/***

====================================================================
	Products Section
====================================================================

***/

.products-section {
	position: relative;
	padding: 80px 0px 40px;
}

.product-block {
	position: relative;
	margin-bottom: 40px;
}

.product-block .inner-box {
	position: relative;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.product-block .inner-box .image {
	position: relative;
	border: 1px solid #eeeeee;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.product-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.product-block .inner-box .lower-content {
	position: relative;
	padding-top: 22px;
	text-align: center;
	padding-bottom: 34px;
}

.product-block .inner-box .lower-content .title {
	position: relative;
	color: #222222;
	margin-bottom: 2px;
	font-size: 12px;
	text-transform: capitalize;
}

.product-block .inner-box .lower-content h3 {
	position: relative;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 12px;
}

.product-block .inner-box .lower-content h3 a {
	position: relative;
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.product-block .inner-box .lower-content h3 a:hover {
	color: #3e933e;
}

.product-block .inner-box .lower-content .price {
	position: relative;
	color: #3e933e;
	font-size: 22px;
	line-height: 1.2em;
	margin-bottom: 24px;
}

.product-block .inner-box:hover .image {
	border: 1px solid transparent;
}

.product-block .inner-box:hover {
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

/***

====================================================================
	Discount Section
====================================================================

***/

.discount-section {
	position: relative;
}

.discount-section .inner-container {
	position: relative;
	padding: 55px 0px;
	background-repeat: no-repeat;
	background-size: cover;
}

.discount-section .content {
	position: relative;
	padding: 45px 0px 60px;
	max-width: 530px;
	margin: 0 auto;
	text-align: center;
	background-color: rgba(255, 255, 255, 0.95);
}

.discount-section .content .deal {
	position: relative;
	color: #3e933e;
	font-weight: 700;
	letter-spacing: 3px;
	margin-bottom: 4px;
	font-family: 'Lato', sans-serif;
}

.discount-section .content h2 {
	position: relative;
	color: #222222;
	font-size: 36px;
	font-weight: 400;
	line-height: 1.2em;
	margin-bottom: 15px;
	text-transform: capitalize;
}

.discount-section .content .discount-price {
	position: relative;
	color: #3e933e;
	font-size: 26px;
	font-weight: 700;
	margin-bottom: 18px;
}

.discount-section .content .discount-price span {
	position: relative;
	font-size: 20px;
	font-weight: 400;
	color: #888888;
	margin-left: 5px;
}

.discount-section .content .text {
	position: relative;
	color: #444444;
	font-weight: 400;
	margin-bottom: 30px;
}

/***

====================================================================
	Countdown style
====================================================================

***/

.time-counter {
	position: relative;
}

.time-counter .time-countdown {
	position: relative;
	direction: ltr;
}

.time-counter .time-countdown .counter-column {
	position: relative;
	margin-right: 17px;
	width: 70px;
	height: 70px;
	text-align: center;
	display: inline-block;
	padding: 0px 0px 0px;
	color: #222222;
	font-size: 40px;
	line-height: 30px;
	font-weight: 400;
	margin-bottom: 30px;
}

.time-counter .time-countdown .counter-column:after {
	position: absolute;
	content: ':';
	right: -15px;
	top: 5px;
	font-size: 40px;
}

.time-counter .time-countdown .counter-column:last-child::after {
	display: none;
}

.time-counter .time-countdown .counter-column:last-child {
	margin-right: 0px;
}

.time-counter .time-countdown .counter-column .count {
	position: relative;
	display: block;
	font-size: 35px;
	line-height: 40px;
	padding: 0px 10px;
	color: #333333;
	letter-spacing: 1px;
	font-weight: 500;
}

.time-counter .time-countdown .counter-column .unit {
	position: relative;
	color: #444444;
	width: 100%;
	display: block;
	text-align: center;
	font-size: 14px;
}

/***

====================================================================
	Popular Products Section
====================================================================

***/

.popular-products-section {
	position: relative;
	padding: 70px 0px 50px;
}

.popular-products-section .filters {
	margin-bottom: 40px;
	text-align: center;
}

.popular-products-section .filters .filter-tabs {
	position: relative;
}

.popular-products-section .filters li {
	position: relative;
	display: inline-block;
	color: #888888;
	padding: 0px 0px;
	cursor: pointer;
	font-size: 18px;
	font-weight: 400;
	margin: 0px 20px;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.popular-products-section .filters .filter.active, .popular-products-section .filters .filter:hover {
	color: #3e933e;
}

.product-block.mix {
	display: none;
}

/***

====================================================================
	Featured Section
====================================================================

***/

.featured-section-two {
	position: relative;
	padding-bottom: 60px;
}

.featured-block-three {
	position: relative;
	margin-bottom: 40px;
}

.featured-block-three .inner-box {
	position: relative;
	padding: 32px 32px 28px;
	background-color: #3e933e;
	background-position: center bottom;
	background-repeat: no-repeat;
}

.featured-block-three:nth-child(2) .inner-box {
	background-color: #3e933e;
}

.featured-block-three:nth-child(3) .inner-box {
	background-color: #630abb;
}

.featured-block-three .inner-box .content {
	position: relative;
	padding-right: 70px;
}

.featured-block-three .inner-box .content .icon-box {
	position: absolute;
	right: 0px;
	top: 10px;
	font-size: 54px;
	color: #ffffff;
}

.featured-block-three .inner-box .content h3 {
	position: relative;
	color: #ffffff;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 5px;
	font-family: 'Lato', sans-serif;
}

.featured-block-three .inner-box .content .text {
	position: relative;
	color: #ffffff;
	font-size: 12px;
}

/***

====================================================================
	Featured Section
====================================================================

***/

.info-section {
	position: relative;
	padding: 55px 0px;
	background-attachment: fixed;
	background-position: center center;
	background-repeat: no-repeat;
}

.info-section:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.80);
}

.info-section .auto-container {
	max-width: 1520px;
	margin: 0 auto;
}

.infosection a {
	color: #fff;
}

.info-lists {
	position: relative;
	float: right;
}

.info-lists li {
	position: relative;
	color: #ffffff;
	font-weight: 300;
	font-size: 22px;
	margin-left: 10px;
	display: inline-block;
	font-family: 'Lato', sans-serif;
}

.info-lists li .icon {
	position: relative;
	width: 55px;
	height: 55px;
	color: #ffffff;
	line-height: 55px;
	text-align: center;
	margin-left: 15px;
	border-radius: 50%;
	display: inline-block;
	border: 2px solid #ffffff;
}

.info-lists li strong, .info-lists li strong a {
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}

/*Emaild Form*/

.emailed-form {
	position: relative;
	width: 340px;
	float: left;
	margin-top: 3px;
}

.emailed-form .form-group {
	position: relative;
	margin: 0px;
}

.emailed-form input[type="text"], .emailed-form input[type="email"], .emailed-form input[type="password"] {
	display: block;
	width: 100%;
	height: 48px;
	padding: 10px 30px;
	font-size: 13px;
	background: #ffffff;
	border-radius: 50px;
}

.emailed-form .theme-btn {
	position: absolute;
	left: -1px;
	top: 0px;
	width: 110px;
	height: 48px;
	font-size: 13px;
	line-height: 30px;
	color: #ffffff;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	background: #3e933e;
	border-radius: 50px 0px 0px 50px;
}

/***

====================================================================
	Page Title
====================================================================

***/

.page-title {
	position: relative;
	padding: 80px 0px 80px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
	background-image: url(../images/background/7.jpg);
}

.page-title .pull-left, .page-title .pull-right {
	width: 49%;
}

.page-title:before {
	position: absolute;
	content: '';
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: block;
	/*background-color: rgba(0, 0, 0, 0.80);*/
}

.page-title h1 {
	position: relative;
	color: #ffffff;
	font-size: 42px;
	font-weight: 700;
	line-height: 1em;
	margin: 0;
	word-break: break-all;
}

.page-title .page-breadcrumb {
	position: relative;
	margin-bottom: 0px;
	border-radius: 50px;
	padding: 8px 24px;
	display: inline-block;
	border: 2px solid #ffffff;
	float: left;
}

.page-title .page-breadcrumb li {
	position: relative;
	display: inline-block;
	margin-left: 10px;
	padding-left: 10px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 600;
}

.page-title .page-breadcrumb li:after {
	position: absolute;
	content: '/';
	left: -4px;
	top: 0px;
	color: #ffffff;
}

.page-title .page-breadcrumb li:last-child::after {
	display: none;
}

.page-title .page-breadcrumb li:last-child {
	padding-right: 0px;
	margin-right: 0px;
	word-break: break-all;
}

.page-title .page-breadcrumb li a {
	color: #ffffff;
	font-weight: 600;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.page-title .page-breadcrumb li a:hover {
	color: #3e933e;
}

/***

====================================================================
	Services Section Four
====================================================================

***/

.services-section-four {
	position: relative;
	padding: 90px 0px 70px;
}

.services-section-four h2 {
	position: relative;
	color: #444444;
	font-size: 36px;
	font-weight: 300;
	line-height: 1.4em;
	margin-bottom: 50px;
	text-align: center;
}

/***

====================================================================
	Services Section Five
====================================================================

***/

.services-section-five {
	position: relative;
	padding: 80px 0px 40px;
	background-repeat: no-repeat;
	background-color: #f3f3f3;
}

.services-block-five {
	position: relative;
	margin-bottom: 52px;
}

.services-block-five .inner-box {
	position: relative;
}

.services-block-five .inner-box .image {
	position: relative;
}

.services-block-five .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.services-block-five .inner-box .lower-content {
	position: relative;
	padding-top: 32px;
	text-align: center;
}

.services-block-five .inner-box .lower-content h3 {
	position: relative;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4em;
	margin-bottom: 14px;
}

.services-block-five .inner-box .lower-content h3 a {
	position: relative;
	color: #222222;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.services-block-five .inner-box .lower-content h3 a:hover {
	color: #3e933e;
}

.services-block-five .inner-box .lower-content .text {
	position: relative;
	color: #444444;
	font-size: 14px;
	line-height: 1.9em;
	padding: 0px 35px;
	margin-bottom: 30px;
}

.services-block-five .inner-box .lower-content .read-more {
	position: relative;
	font-size: 12px;
	font-weight: 700;
	color: #3e933e;
	letter-spacing: 1px;
	text-transform: uppercase;
}

/*Pets Box*/

.pets-box {
	position: relative;
	margin-bottom: 75px;
}

.pets-box .inner-container {
	position: relative;
	margin-top: -10px;
	border-radius: 5px;
	padding: 52px 50px 35px;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-size: cover;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.pets-box .inner-container h2 {
	position: relative;
	color: #3e933e;
	font-size: 36px;
	font-weight: 800;
	padding-right: 40px;
	line-height: 1.2em;
	margin-bottom: 22px;
}

.pets-box .inner-container h2:before {
	position: absolute;
	content: "\f119";
	right: 0px;
	top: 6px;
	color: #444444;
	font-size: 30px;
	line-height: 1em;
	font-family: "Flaticon";
}

.pets-search-form .form-group {
	margin-bottom: 20px;
}

.pets-search-form .form-group .theme-btn {
	text-transform: uppercase;
	width: 100%;
	height: 48px;
	font-size: 14px;
	font-weight: 700;
	line-height: 20px;
}

/*Pets Container*/

.pets-container {
	position: relative;
}

.pets-container h2 {
	position: relative;
	color: #444444;
	font-size: 36px;
	font-weight: 300;
	line-height: 1.2em;
	text-align: center;
	margin-bottom: 50px;
}

.pets-container #petslider {
	margin: 0;
}

.pet-block {
	position: relative;
	margin-bottom: 60px;
}

.pet-block .inner-box {
	position: relative;
}

.pet-block .inner-box .image {
	position: relative;
}

.pet-block .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.pet-block .inner-box .image .overlay-box {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	display: block;
	height: 100%;
	opacity: 0;
	text-align: center;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	background-color: rgba(0, 0, 0, 0.80);
}

.pet-block .inner-box:hover .image .overlay-box {
	opacity: 1;
}

.pet-block .inner-box .image .overlay-box .overlay-inner {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	display: table;
	vertical-align: middle;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content {
	position: relative;
	display: table-cell;
	vertical-align: middle;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul {
	position: relative;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li {
	position: relative;
	margin: 0px 5px;
	display: inline-block;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li a {
	position: relative;
	color: #ffffff;
	font-size: 12px;
	font-weight: 700;
	padding: 7px 27px;
	border-radius: 50px;
	display: inline-block;
	border: 2px solid #ffffff;
	text-transform: uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li a:hover {
	border-color: #3e933e;
	background-color: #3e933e;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li.share a {
	position: relative;
	top: 4px;
	width: 44px;
	height: 44px;
	color: #3e933e;
	padding: 0px;
	font-size: 16px;
	line-height: 40px;
	border-radius: 50%;
}

.pet-block .inner-box .image .overlay-box .overlay-inner .content ul li.share a:hover {
	color: #ffffff;
}

.pet-block .inner-box .lower-content {
	position: relative;
	padding-top: 35px;
	padding-bottom: 35px;
	border-bottom: 1px solid #dddddd;
}

.pet-block .inner-box .lower-content h3 {
	position: relative;
	font-size: 22px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 15px;
}

.pet-block .inner-box .lower-content h3 a {
	position: relative;
	color: #222222;
}

.pet-block .inner-box .lower-content ul {
	position: relative;
	margin-bottom: 26px;
}

.pet-block .inner-box .lower-content ul li {
	position: relative;
	margin-bottom: 6px;
	color: #444444;
	font-size: 14px;
	padding-right: 25px;
}

.pet-block .inner-box .lower-content ul li:before {
	position: absolute;
	content: '\f119';
	right: 0px;
	top: 4px;
	color: #3e933e;
	font-size: 16px;
	line-height: 1em;
	font-family: "Flaticon";
}

ul.petdetails li {
	position: relative;
	margin-bottom: 6px;
	color: #444444;
	font-size: 14px;
	padding-right: 25px;
	list-style: none;
}

ul.petdetails li:before {
	position: absolute;
	content: '\f119';
	right: 0px;
	top: 4px;
	color: #3e933e;
	font-size: 16px;
	line-height: 1em;
	font-family: "Flaticon";
}

/* Donation */

.donationamount {
	font-size: 22px;
	font-weight: 700;
	color: #000;
	text-align: center;
	padding: 10px;
	border: 1px solid #cccccc;
	display: inline-block;
	width: 120px;
}

.otheramount {
	background: #3e933e;
	padding: 20px;
	color: #fff;
	font-size: 22px;
	font-weight: 700;
}

/*Blog Page Section*/

.blog-page-section {
	position: relative;
	padding: 100px 0px 120px;
}

.news-block-two {
	position: relative;
	margin-bottom: 70px;
}

.news-block-two .inner-box {
	position: relative;
}

.news-block-two .inner-box .image {
	position: relative;
}

.news-block-two .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.news-block-two .inner-box .image .post-date {
	position: absolute;
	right: 48px;
	bottom: 40px;
	width: 75px;
	height: 75px;
	font-size: 24px;
	font-weight: 800;
	display: block;
	color: #ffffff;
	padding-top: 12px;
	text-align: center;
	border-radius: 50%;
	background-color: #3e933e;
}

.news-block-two .inner-box .image .post-date span {
	font-weight: 600;
	font-size: 16px;
	display: block;
}

.news-block-two .inner-box .lower-content {
	position: relative;
	padding-top: 28px;
}

.news-block-two .inner-box .lower-content .post-meta {
	position: relative;
	margin-bottom: 18px;
}

.news-block-two .inner-box .lower-content .post-meta li {
	position: relative;
	color: #666666;
	font-size: 14px;
	font-weight: 600;
	padding-right: 12px;
	margin-right: 8px;
	line-height: 1em;
	display: inline-block;
	border-right: 1px solid #dddddd;
}

.news-block-two .inner-box .lower-content .post-meta li:first-child {
	color: #3e933e;
}

.news-block-two .inner-box .lower-content .post-meta li:last-child {
	border: none;
	margin-right: 0px;
	padding-right: 0px;
}

.news-block-two .inner-box .lower-content h3 {
	position: relative;
	color: #222222;
	font-size: 18px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 15px;
}

.news-block-two .inner-box .lower-content h3 a {
	position: relative;
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.news-block-two .inner-box .lower-content h3 a:hover {
	color: #3e933e;
}

.news-block-two .inner-box .lower-content .text {
	position: relative;
	color: #444444;
	font-size: 14px;
	line-height: 2em;
	margin-bottom: 30px;
}

.blog-page2 article {
	border-bottom: 1px solid #e1e1e1;
	margin: 0 0 50px;
	padding: 20px 0 20px 0;
	width: 100%;
	position: relative;
}

.blog-page2 article:last-of-type {
	border-bottom: none;
}

.blog-page2 article.sticky .entry-title a:before, .blog-page2 article.tag-sticky-2 .entry-title a:before {
	content: '\f005';
	display: inline-block;
	font-family: FontAwesome;
	font-size: 8px;
	margin-right: 5px;
	vertical-align: top;
}

.blog-page2 article .entry-header {
	background: none;
	border: none;
	float: none;
	margin: 0 0 30px;
	position: relative;
	text-align: center;
}

.blog-page2 article .entry-header .post-author:before {
	content: '\f007';
	display: inline-block;
	font-family: FontAwesome;
	margin-left: 5px;
}

.blog-page2 article .entry-header .post-date:before {
	content: '\f073';
	display: inline-block;
	font-family: FontAwesome;
	margin-left: 5px;
}

.blog-page2 article .entry-header .post-comment:before {
	content: '\f075';
	display: inline-block;
	font-family: FontAwesome;
	margin-left: 5px;
}

.blog-page2 article .entry-title {
	margin: 15px 0;
	padding: 0;
	text-transform: none;
}

.blog-page2 article .entry-title:after {
	display: none;
}

.blog-page2 article .entry-title a {
	color: #434343;
}

.blog-page2 article .entry-title a:hover {
	color: #3e933e;
}

.blog-page2 article .post-thumbnail {
	position: relative;
	text-align: center;
}

.blog-page2 article .post-thumbnail .su-slider-centered {
	margin-bottom: 0;
}

.blog-page2 article .post-thumbnail .su-responsive-media-yes {
	margin-bottom: 0;
}

.blog-page2 article .post-thumbnail .su-slider-slide-title {
	display: none;
}

.blog-page2 article .postinfo-wrapper {
	background: rgba(252, 252, 252, .8);
	width: 100%;
	padding: 30px 0px;
	transition-duration: .4s;
}

.blog-page2 article:hover {
	box-shadow: 2px 2px 18px #ccc;
}

.blog-page2 article .postinfo-wrapper.no-thumbnail {
	padding: 0;
	width: 100%;
}

.blog-page2 article .searchform .form-input .input_text {
	height: 40px;
}

.blog-page2 article .su-responsive-media-yes {
	margin-bottom: 0;
}

.blog-page2 article .player {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

.blog-page2 article .su-audio {
	margin: auto;
}

.blog-page2 article .entry-summary {
	margin: 0;
	text-align: center;
	width: 100%;
}

.blog-page2 article .entry-summary p {
	margin-bottom: 30px;
}

.blog-page2 article .post-password-form label {
	float: left;
	height: 40px;
	line-height: 40px;
}

.blog-page2 article .post-password-form label input {
	border: 1px solid #e1e1e1;
	height: 40px;
	margin-left: 5px;
	padding: 0 10px;
}

.blog-page2 article .post-password-form input[type='submit'] {
	background: #3e933e;
	border: none;
	color: #fff;
	font-weight: 700;
	height: 40px;
	line-height: 40px;
	margin-left: 5px;
	padding: 0 30px;
	text-align: center;
}

.blog-page2 article .post-password-form input[type='submit']:hover {
	background: #add374;
}

.blog-page2 article .post-date {
	color: #9f9f9f;
	display: inline-block;
	font-size: .93em;
	vertical-align: middle;
}

.blog-page2 article .post-date span {
	padding-right: 3px;
}

.blog-page2 article .post-category {
	color: #3e933e;
	display: block;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
}

.blog-page2 article .post-category:before {
	content: '\f07b';
	display: inline-block;
	font-family: FontAwesome;
	margin-right: 5px;
}

.blog-page2 article .post-category a {
	color: #3e933e;
}

.blog-page2 article .post-category a:hover {
	text-decoration: underline;
}

.blog-page2 article .post-separator {
	color: #9f9f9f;
	display: inline-block;
	margin: 0 10px;
	vertical-align: middle;
}

.blog-page2 article .post-author {
	color: #9f9f9f;
	display: inline-block;
	font-size: .93em;
	text-transform: none;
	vertical-align: middle;
}

.blog-page2 article .post-comment {
	color: #9f9f9f;
	display: inline-block;
	font-size: .93em;
	text-transform: none;
	vertical-align: middle;
}

.blog-page2 article .button {
	background: #434343;
	border: 0;
	color: #fff;
	font-size: 1em;
	font-weight: 700;
	height: 45px;
	line-height: 45px;
	margin: 0 0 30px;
}

.blog-page2 article .button:hover {
	background: #3e933e;
}

.blog-page2 article .entry-meta {
	border-bottom: 1px solid #e1e1e1;
	border-top: 1px solid #e1e1e1;
	color: #acacac;
	float: left;
	font-family: Roboto Slab, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 30px;
	padding: 5px 0;
	width: 100%;
}

.blog-page2 article .entry-meta a {
	color: #acacac;
}

.blog-page2 article .entry-meta a:hover {
	color: #3e933e;
}

.blog-page2 article .entry-meta {
	margin: 0 0 30px;
}

.main-container .single .author-info {
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 40px;
	padding-bottom: 40px;
}

.main-container .single .relatedposts {
	margin: 30px 0 0 0;
	width: 100%;
}

.main-container .single .relatedposts h3 {
	display: inline-block;
	font-size: 1.4em;
	margin: 0 0 30px;
	position: relative;
	text-transform: uppercase;
}

.main-container .single .social-sharing, .main-container .single .entry-content {
	margin-bottom: 30px;
}

.main-container .single .relatedthumb {
	float: left;
	margin-bottom: 35px;
	text-align: left;
}

.main-container .single .relatedthumb .image {
	margin-bottom: 5px;
}

.main-container .single .relatedthumb .post-date {
	display: block;
	font-style: italic;
	margin-top: 10px;
}

.main-container .single .relatedthumb .short-description {
	color: #727272;
	font-size: .93em;
	margin-bottom: 15px;
}

.main-container .single .relatedthumb h4 {
	font-size: 1.143em;
	margin: 0;
	text-transform: uppercase;
}

.main-container .single .relatedthumb h4 a {
	color: #434343;
}

.main-container .single .relatedthumb h4 a:hover {
	color: #3e933e;
}

.main-container .single .relatedthumb img {
	padding: 0;
	width: 100%;
}

.main-container .single .relatedthumb a {
	display: inline-block;
	text-decoration: none;
}

.main-container .single .post {
	background: none;
}

.main-container .single .post .player {
	float: right;
	max-width: none;
	padding: 0;
}

.main-container .single .post-thumbnail {
	width: 100%;
}

.main-container .single .post-thumbnail .post-date {
	left: 10px;
	right: auto;
}

.main-container .single .postinfo-wrapper {
	padding: 0;
	width: 100%;
}

.main-container .single .postinfo-wrapper .entry-header {
	margin: 30px 0 20px;
	padding-top: 0;
}

.main-container .single .postinfo-wrapper .entry-header:after {
	background: #e9e9e9;
	content: '';
	display: block;
	height: 1px;
	margin-top: 15px;
	width: 60px;
}

.main-container .single .postinfo-wrapper .entry-header .entry-title {
	color: #434343;
	margin-top: 15px;
}

.main-container .single .postinfo-wrapper .entry-header .entry-title:after {
	max-width: 180px;
}

.main-container .single .postinfo-wrapper .entry-header .post-category, .main-container .single .postinfo-wrapper .entry-header .post-author {
	display: inline-block;
}

.main-container .single .postinfo-wrapper .entry-header .post-category:after, .main-container .single .postinfo-wrapper .entry-header .post-author:after {
	display: none;
}

.main-container .single .postinfo-wrapper .entry-header .post-separator {
	color: #acacac;
	display: inline-block;
	margin: 0 25px;
}

.main-container .single .entry-meta {
	font-size: 13px;
	padding: 15px 0;
	text-transform: uppercase;
}

.main-container .single .entry-meta a {
	font-size: 13px;
	text-transform: uppercase;
}

.social-sharing {
	margin: 0;
	text-align: center;
	width: 100%;
}

.social-sharing .widget_socialsharing_widget {
	display: inline-block;
}

.social-sharing .widget-title {
	background: none;
	color: #9f9f9f;
	font-size: 12px;
	line-height: 26px;
	margin: 0 20px;
	text-transform: uppercase;
	width: auto;
}

.social-sharing .social-icons {
	float: left;
	margin: 10px 0 0;
	padding: 0;
}

.social-sharing .social-icons li:first-child {
	border-left: none;
}

.social-sharing .social-icons li {
	float: left;
	list-style: none;
	position: relative;
}

.social-sharing .social-icons li .social-icon {
	background: #f7f7f7;
	border-radius: 100%;
	color: #353535;
	display: inline-block;
	font-size: 12px;
	height: 26px;
	line-height: 26px;
	margin-right: 10px;
	text-align: center;
	width: 26px;
}

/***

====================================================================
	Styled Pagination
====================================================================

***/

.styled-pagination {
	position: relative;
}

.styled-pagination li {
	position: relative;
	display: inline-block;
	margin: 0px 6px 0px 0px;
}

.styled-pagination li a {
	position: relative;
	display: inline-block;
	line-height: 42px;
	height: 44px;
	font-size: 14px;
	min-width: 45px;
	color: #222222;
	font-weight: 700;
	text-align: center;
	background: #ffffff;
	border-radius: 5px;
	border: 1px solid #dddddd;
	text-transform: uppercase;
	transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
}

.styled-pagination li a:hover, .styled-pagination li a.active {
	color: #ffffff;
	border-color: #3e933e;
	background-color: #3e933e;
}

.styled-pagination li.next a {
	min-width: 90px;
}

/***

====================================================================
	Sidebar Page Container
====================================================================

***/

html[dir="rtl"] .sidebar-page-container {
	position: relative;
	padding: 80px 0px 80px;
	direction: rtl;
}

.sidebar-page-container .content-side, .sidebar-page-container .sidebar-side {
	margin-bottom: 40px;
}

html[dir="rtl"] .blog-single.padding-right {
	padding-right: 30px;
}

html[dir="rtl"] .sidebar-widget {
	margin-bottom: 45px;
}

/*Search Box Widget*/

html[dir="rtl"] .sidebar .search-box .form-group {
	position: relative;
	margin: 0px;
}

html[dir="rtl"] .sidebar .search-box .form-group input[type="text"], .sidebar .search-box .form-group input[type="search"] {
	position: relative;
	line-height: 28px;
	padding: 10px 20px 10px 50px;
	border: 1px solid #dddddd;
	background: none;
	padding-right: 10px;
	display: block;
	font-size: 14px;
	width: 100%;
	height: 50px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.sidebar .search-box .form-group button {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 50px;
	width: 50px;
	display: block;
	font-size: 16px;
	color: #ffffff;
	line-height: 100%;
	font-weight: normal;
	background: #3e933e;
}

/*Sidebar Title*/

.sidebar-title {
	position: relative;
	margin-bottom: 20px;
}

.sidebar-title h2 {
	font-size: 18px;
	color: #222222;
	font-weight: 700;
	line-height: 1.2em;
	text-transform: uppercase;
}

/*Blog Category*/

.cat-list {
	position: relative;
}

.cat-list li {
	position: relative;
}

.cat-list li a {
	position: relative;
	color: #222222;
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 6px;
	display: block;
	padding-right: 25px;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.cat-list li:last-child a {
	border-bottom: 0px;
}

.cat-list li a:before {
	position: absolute;
	content: '';
	right: 0px;
	top: 8px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #e9531b;
}

.cat-list li a:after {
	position: absolute;
	content: '';
	left: 0;
	top: 11px;
	right: 3px;
	bottom: 2px;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 1px solid #e9531b;
}

.cat-list li a:hover {
	color: #3e933e;
}

/*Adoption Widget*/

.adoption {
	position: relative;
}

.adoption a {
	position: relative;
	width: 50%;
	float: left;
	padding: 0px 7px;
	margin-bottom: 14px;
}

.adoption img {
	width: 100%;
}

/*Popular Tags*/

.sidebar .popular-tags a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	padding: 8px 22px 8px;
	margin: 0px 6px 10px 0px;
	color: #444444;
	text-align: center;
	font-size: 12px;
	background: none;
	font-weight: 700;
	border-radius: 50px;
	border: 2px solid #eeeeee;
	text-transform: uppercase;
	transition: all 300ms ease;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
}

.sidebar .popular-tags a:hover {
	border-color: #3e933e;
	background-color: #3e933e;
	color: #ffffff;
}

/*Post Widget*/

.sidebar .popular-posts .post {
	position: relative;
	font-size: 14px;
	color: #666666;
	padding: 6px 0px 0px;
	padding-right: 100px;
	min-height: 80px;
	margin-bottom: 25px;
}

.sidebar .popular-posts .post:last-child {
	margin-bottom: 0px;
}

.sidebar .popular-posts .post .post-thumb {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 80px;
}

.sidebar .popular-posts .post .post-thumb img {
	display: block;
	width: 100%;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post .text {
	position: relative;
	top: -4px;
	font-size: 14px;
	margin: 0px 0px 0px;
	font-weight: 600;
	color: #222222;
	line-height: 1.6em;
	text-transform: capitalize;
}

.sidebar .popular-posts .post .text a {
	color: #222222;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.sidebar .popular-posts .post a:hover {
	color: #3e933e;
}

.sidebar .popular-posts .post-info {
	font-size: 14px;
	color: #3e933e;
	font-weight: 400;
}

.blog-single {
	position: relative;
}

.blog-single .inner-box {
	position: relative;
}

.blog-single .inner-box .image {
	position: relative;
	padding-bottom: 32px;
}

.blog-single .inner-box .image img {
	position: relative;
	width: 100%;
	display: block;
}

.blog-single .inner-box .lower-content {
	position: relative;
}

.blog-single .inner-box .lower-content .title-box {
	position: relative;
	padding-right: 95px;
	margin-bottom: 32px;
}

.blog-single .inner-box .lower-content .title-box .date-box {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 75px;
	height: 75px;
	font-size: 24px;
	font-weight: 800;
	display: block;
	color: #ffffff;
	padding-top: 12px;
	text-align: center;
	border-radius: 50%;
	background-color: #3e933e;
}

.blog-single .inner-box .lower-content .title-box .date-box span {
	font-weight: 600;
	font-size: 16px;
	display: block;
}

.blog-single .inner-box .lower-content .title-box h3 {
	position: relative;
	color: #222222;
	font-size: 24px;
	font-weight: 700;
}

.blog-single .inner-box .lower-content .title-box .post-meta {
	position: relative;
	margin-bottom: 18px;
}

.blog-single .inner-box .lower-content .title-box .post-meta li {
	position: relative;
	color: #666666;
	font-size: 14px;
	font-weight: 600;
	padding-right: 12px;
	margin-right: 8px;
	line-height: 1em;
	display: inline-block;
	border-right: 1px solid #dddddd;
}

.blog-single .inner-box .lower-content .title-box .post-meta li:first-child {
	color: #3e933e;
}

.blog-single .inner-box .lower-content .title-box .post-meta li:last-child {
	border: none;
	margin-right: 0px;
	padding-right: 0px;
}

.blog-single .inner-box .lower-content .text {
	position: relative;
}

.blog-single .inner-box .lower-content .text p {
	position: relative;
	color: #444444;
	font-size: 14px;
	line-height: 2em;
	margin-bottom: 20px;
}

.blog-single .inner-box .lower-content .post-share-options {
	position: relative;
	margin-top: 40px;
	padding: 18px 0px 6px;
	border-top: 1px solid #d9d9d9;
}

.blog-single .inner-box .lower-content .post-share-options .tags a {
	position: relative;
	color: #222222;
	font-size: 14px;
	font-weight: 600;
	margin-right: 4px;
	text-transform: capitalize;
	transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}

.blog-single .inner-box .lower-content .post-share-options .tags a:hover {
	color: #3e933e;
}

.blog-single .inner-box .lower-content .post-share-options .tags span {
	position: relative;
	color: #666666;
	font-size: 14px;
}

.blog-single .inner-box .lower-content .post-share-options .tags {
	position: relative;
	color: #777777;
	font-size: 12px;
	font-weight: 600;
}

/***

====================================================================
	Comments Area
====================================================================

 ***/

.sidebar-page-container .group-title {
	position: relative;
	margin-bottom: 35px;
}

.sidebar-page-container .group-title h2 {
	color: #222222;
	font-size: 24px;
	font-weight: 800;
}

.sidebar-page-container .comments-area {
	position: relative;
	margin-bottom: 20px;
	margin-top: 70px;
	padding-right: 30px;
}

.sidebar-page-container .comments-area .comment-box {
	position: relative;
	margin-bottom: 40px;
}

html[dir="rtl"] .sidebar-page-container .comments-area .comment {
	position: relative;
	font-size: 14px;
	padding: 0px 110px 0px 0px;
}

.sidebar-page-container .comments-area .comment .comment-inner {
	position: relative;
}

.sidebar-page-container .comments-area .comment .comment-reply {
	position: absolute;
	left: 0px;
	top: 0px;
	color: #3e933e;
	font-size: 12px;
	font-weight: 700;
	text-align: center;
	text-decoration: underline;
	text-transform: uppercase;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.sidebar-page-container .comments-area .comment .comment-reply.comment-left {
	position: absolute;
	left: 0px;
	top: 0px;
}

.sidebar-page-container .comments-area .comment .comment-reply .icon {
	font-size: 13px;
	margin-right: 2px;
}

.sidebar-page-container .comments-area .comment-box .author-thumb {
	position: absolute;
	right: 0;
	top: 0px;
	width: 90px;
	overflow: hidden;
	margin-bottom: 20px;
	border-radius: 50%;
}

.sidebar-page-container .comments-area .comment-box .author-thumb img {
	display: block;
}

.sidebar-page-container .comments-area .comment-info {
	color: #222222;
	line-height: 24px;
	font-size: 16px;
	font-weight: 700;
}

.sidebar-page-container .comments-area .comment-info span {
	font-weight: 400;
	font-size: 16px;
	color: #777777;
	margin-left: 22px;
}

.sidebar-page-container .comments-area .comment .comment-inner .rating {
	position: relative;
	font-size: 18px;
	color: #ffb200;
}

.sidebar-page-container .comments-area .comment-box .text {
	color: #444444;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 0px;
	line-height: 1.9em;
}

.sidebar-page-container .comments-area .comment-info .comment-time {
	position: relative;
	font-size: 12px;
	color: #666666;
	margin-right: 12px;
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
}

.sidebar-page-container .comments-area .comment-box .theme-btn {
	padding: 5px 30px;
	font-size: 12px;
	border: 1px solid #fbca00;
	text-transform: uppercase;
	letter-spacing: 1px;
}

/*Comment Form*/

.comment-form {
	position: relative;
}

.comment-form .row {
	margin: 0px -10px;
}

.comment-form .form-group {
	position: relative;
	margin-bottom: 20px;
	padding: 0px 10px;
}

.comment-form .form-group:last-child {
	margin-bottom: 0px;
}

.comment-form .form-group input[type="text"], .comment-form .form-group input[type="password"], .comment-form .form-group input[type="tel"], .comment-form .form-group input[type="email"], .comment-form .form-group select {
	position: relative;
	display: block;
	width: 100%;
	line-height: 28px;
	padding: 10px 25px;
	border: 1px solid #dddddd;
	height: 50px;
	color: #444444;
	font-weight: 400;
	background: #ffffff;
	border-radius: 50px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comment-form .form-group input[type="text"]:focus, .comment-form .form-group input[type="password"]:focus, .comment-form .form-group input[type="tel"]:focus, .comment-form .form-group input[type="email"]:focus, .comment-form .form-group select:focus, .comment-form .form-group textarea:focus {
	border-color: #febe28;
}

.comment-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 26px;
	padding: 10px 25px;
	color: #d6d6d6;
	border: 1px solid #dddddd;
	height: 125px;
	font-weight: 300;
	background: #ffffff;
	resize: none;
	border-radius: 15px;
	-webkit-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	transition: all 300ms ease;
}

.comment-form button {
	margin-top: 10px;
	padding: 10px 53px;
	font-size: 14px;
	text-transform: uppercase;
}

.contact-section .info-column ul li a {
	color: #797979;
}

.comment-form input:focus, .comment-form select:focus, .comment-form textarea:focus {
	border-color: #3e933e;
}

/***

====================================================================
	Contact Section
====================================================================

***/

.contact-section {
	position: relative;
	padding: 95px 0px 60px;
}

.contact-section .sec-title {
	margin-bottom: 35px;
}

.contact-section h2 {
	position: relative;
	color: #242424;
	font-size: 34px;
	font-weight: 700;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.contact-section .title {
	position: relative;
	color: #242424;
}

.contact-section .form-column {
	position: relative;
}

/*Contact Form*/

.contact-form {
	position: relative;
	padding-right: 40px;
}

.contact-form .form-group {
	position: relative;
	margin-bottom: 30px;
}

.contact-form .form-group input {
	position: relative;
	display: block;
	width: 100%;
	line-height: 33px;
	padding: 10px 0px;
	height: 55px;
	color: #000000;
	background: none;
	font-size: 15px;
	font-weight: 600;
	border-bottom: 2px solid #f0eff4;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.contact-form .form-group textarea::-webkit-input-placeholder, .contact-form .form-group input::-webkit-input-placeholder {
	color: rgba(0, 0, 0, 0.70);
	font-weight: 400;
	font-size: 15px;
}

.contact-form .form-group textarea {
	position: relative;
	display: block;
	width: 100%;
	line-height: 30px;
	padding: 10px 0px;
	color: #000000;
	height: 160px;
	resize: none;
	background: none;
	font-weight: 600;
	border-bottom: 2px solid #f0eff4;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	transition: all 500ms ease;
}

.contact-form .form-group input:focus, .contact-form .form-group textarea:focus {
	border-color: #3e933e;
}

.contact-form .form-group button {
	margin-top: 5px;
}

.contact-form input.error, .contact-form select.error, .contact-form textarea.error {
	border-color: #ff0000 !important;
}

.contact-form label.error {
	display: block;
	line-height: 24px;
	padding: 5px 0px 0px;
	margin: 0px;
	text-transform: uppercase;
	font-size: 11px;
	color: #ff0000;
	font-weight: 500;
}

.contact-section .info-column {
	position: relative;
}

.contact-section .info-column .inner-column {
	position: relative;
	padding-right: 35px;
	margin-top: 54px;
	margin-right: 30px;
	border-right: 1px solid #cccccc;
}

.contact-section .info-column ul {
	position: relative;
	padding-bottom: 1px;
}

.contact-section .info-column ul li span {
	position: relative;
	color: #242424;
	font-size: 16px;
	display: block;
	font-weight: 600;
	margin-bottom: 6px;
	text-transform: capitalize;
}

.contact-section .info-column ul li {
	position: relative;
	margin-bottom: 40px;
	font-size: 16px;
	font-weight: 600;
	color: #797979;
	line-height: 1.4em;
}

.infosection {
	overflow: hidden;
	background: #3e933e url(../images/background/layer-1.png) left bottom repeat-x;
	padding: 30px 0px;
	text-align: center;
	color: #fff;
}

/***

====================================================================
	Map Section Style
====================================================================

***/

.map-section {
	position: relative;
}

.map-data {
	text-align: center;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8em;
}

.map-data h6 {
	font-size: 16px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 5px;
	color: #121212;
}

.map-canvas {
	height: 440px;
}

/* sidebar */

.sidebar a {
	color: #777777;
}

.sidebar a:hover {
	color: #3e933e;
}

.widget-title, .widgettitle {
	margin-bottom: 27px;
	text-transform: capitalize;
	font-weight: 400;
	font-size: 24px;
	line-height: 1.6;
}

.insight-core-bmw li, .widget_archive li, .widget_categories li, .widget_meta li, .widget_nav_menu li, .widget_pages li, .widget_product_categories li, .widget_recent_comments li, .widget_recent_entries li, .widget_rss li {
	display: block;
	margin: 0;
	padding: 12px 0;
	border-bottom: 1px solid #f3f3f3;
	list-style-type: none;
}

.tagcloud a {
	display: block;
	float: left;
	line-height: 1;
	font-size: 14px !important;
	border-radius: 50%;
	background: #f8f8f8;
	padding: 9px 14px;
	margin: 5px;
}

/*  Register and login Pages   ||-----------*/

.page-signin .main-body {
	max-width: 480px;
	margin: 10px auto;
}

.page-signin .body-inner {
	position: relative;
	padding: 0 20px 20px;
}

.card {
	position: relative;
	overflow: hidden;
	margin: 10px 0 0px 0;
	border: none;
	border-radius: 0px;
}

.mdl-shadow--2dp, .card-panel {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.bg-white {
	background-color: #fff;
	color: #3D4051;
}

.z-depth-2, .page-signin .card {
	box-shadow: 0 8px 17px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.card .card-content {
	padding: 20px;
	border-radius: 0 0 2px 2px;
}

.page-signin .card .card-content {
	padding: 30px 20px;
}

.page-signin .logo {
	font-size: 26px;
	font-weight: normal;
}

.page-signin .form-group {
	position: relative;
	margin: 0;
}

.page-signin .form-group.checkbox-field {
	padding-right: 30px;
}

.ui-input-group {
	position: relative;
	margin: 18px 0 12px;
}

.card .card-action {
	border-top: 1px solid rgba(0, 0, 0, 0.05);
	padding: 20px;
}

.card .card-action.no-border {
	border: 0;
}

.color-primary, a.color-primary {
	color: #3e933e;
}

.card .card-action > a {
	margin-right: 20px;
	text-transform: uppercase;
}

.page-signin .additional-info {
	text-align: center;
	font-size: 12px;
}

.page-signin .additional-info a {
	color: #fafafa;
}

.page-signin .additional-info .divider-h {
	border-right: 1px solid #fafafa;
	margin: 0 15px;
}

.page-signin .additional-info {
	text-align: center;
	font-size: 12px;
}

.page-signin .body-inner:before {
	z-index: -1;
	content: ' ';
	line-height: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #3e933e;
	height: 80%;
}

html[dir="rtl"] .ui-input-group > input {
	padding-left: 0;
	padding-right: 0;
	border: none;
	box-shadow: 0 0 0 #fff;
	border: none;
	border-bottom: 1px solid #CBD5DD;
	margin: 0;
}

html[dir="rtl"] .ui-input-group > input:focus {
	border-bottom: 1px solid #CBD5DD;
	box-shadow: 0 0 0 #fff;
}

/*
    :-moz-placeholder {  Mozilla Firefox 4 to 18
        direction: rtl;
    }
    ::-moz-placeholder
        direction: rtl;
    }
    :-ms-input-placeholder
        direction: rtl;
    }
*/

html[dir="rtl"] .page-signin .ui-input-group .form-control {
	color: #555;
	text-align: right;
}

/* WebKit browsers */

.page-signin .ui-input-group input.form-control::placeholder {
	direction: rtl;
}

.ui-input-group .input-bar {
	position: relative;
	display: block;
	width: 100%;
}

.ui-input-group .input-bar:before {
	left: 50%;
}

.ui-input-group .input-bar:before, .ui-input-group .input-bar:after {
	content: '';
	height: 1px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #3e933e;
	-webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-input-group .input-bar:after {
	right: 50%;
}

.ui-input-group .input-bar:before, .ui-input-group .input-bar:after {
	content: '';
	height: 1px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #3e933e;
	-webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ui-input-group > label {
	color: #999;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	right: 0;
	top: 10px;
	-webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	-moz-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
	margin: 0;
}

.ui-input-group > input:focus ~ label, .ui-input-group > input:valid ~ label {
	top: -20px;
	left: 0;
	font-size: 12px;
}

.ui-input-group > input:focus ~ label, .ui-input-group > textarea:focus ~ label {
	color: #3e933e;
}

.ui-input-group > input:focus ~ .input-bar:before, .ui-input-group > input:focus ~ .input-bar:after {
	width: 50%;
}

.ui-input-group > input:focus ~ .input-bar:before, .ui-input-group > input:focus ~ .input-bar:after {
	width: 50%;
}

.checkbox-field label {
	font-size: 12px;
}

.checkbox-field #check_box {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0
}

.custom-check {
	width: 20px;
	height: 20px;
	display: inline-block;
	border: 1px solid #3e933e;
	top: 4px;
	position: absolute;
	right: 0;
}

.custom-check:before {
	content: "";
	font-family: "Flaticon";
	color: #3e933e;
	font-size: 12px;
	position: absolute;
	top: -4px;
	left: 4px;
}

.checkbox-field #check_box:checked + .custom-check:before {
	/* content: "\f3fd"; */
	content: "\f132";
}

.spacer {
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}

/*----------------------------------------*/

/* 18. Error page css
/*----------------------------------------*/

.error-easy-text {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 30px;
}

.high-text {
	font-size: 200px;
	line-height: 200px;
	color: #3e933e;
	font-weight: 900;
}

.error-bot {
	font-size: 24px;
}

.error-btn {
	margin-top: 15px;
	text-transform: capitalize;
	margin-top: 30px;
	display: inline-block;
	border: 2px solid #3e933e;
}

.error-btn:hover {
	background: #fff;
	color: #3e933e;
}

/* ==================================== Cart Page Css ======================= */

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.table_scroll {
		overflow-x: scroll;
	}
}

.padding_all {
	padding-top: 66px !important;
}

.cart_amount {
	margin-top: -12px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart_amount {
		margin-top: 4px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.cart_amount {
		margin-top: 0px;
	}
}

.table.table-striped.table-responsive a {
	border-radius: 14px;
	color: #fff;
	font-size: 12px;
	height: 14px;
	line-height: 15px;
	position: absolute;
	right: 50px;
	text-align: center;
	top: 47%;
	width: 14px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.table.table-striped.table-responsive a {
		top: 52%;
		right: 25px;
	}
}

.table > tr > th {
	border-bottom: medium none;
	color: #fff;
	padding: 15px;
	vertical-align: bottom;
	padding-left: 20px;
}

.table > thead > tr > th {
	border-bottom: medium none;
	color: #fff;
	vertical-align: bottom;
	padding-left: 48px;
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}

.table > tbody > tr > td, .table > tbody > tr > th {
	border-bottom: 1px solid #f6f6f6;
	padding-right: 48px;
	position: relative;
	padding-top: 28px;
	padding-bottom: 28px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.table > tbody > tr > td, .table > tbody > tr > th {
		padding-left: 2px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.table > tbody > tr > td, .table > tbody > tr > th {
		padding-left: 20px;
	}
}

.table.table-striped.table-responsive p {
	margin-top: 37px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.table.table-striped.table-responsive p {
		font-size: 15px;
	}
}

.table-striped > tbody > tr:nth-of-type(2n+1) {
	background-color: #ffff;
}

.table.table-striped.table-responsive img {
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.cart_page_area .cart_btns {
	margin-top: 36px;
}

.cart_page_area .common_btn {
	background: #4daefe;
	color: #fff;
	width: 200px;
	box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.11);
	height: 48px;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.cart_page_area .common_btn {
		width: 0% !important;
		margin-top: 20px;
		line-height: 45px;
	}
}

.cart_page_area .hvr-bounce-to-right::before {
	background: #373737 !important;
}

html[dir=rtl] .cart_page_area .cart_page_btn1 {
	background: #fff;
	border: 1px solid #e3e3e3;
	color: #8b8b8b;
	font-weight: 300;
	font-size: 15px;
	box-shadow: none;
	width: 300px !important;
	margin-left: 18px;
	position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart_page_area .cart_page_btn1 {
		width: 200px !important;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.cart_page_area .cart_page_btn1 {
		width: 99% !important;
	}
}

.cart_page_area .cart_page_btn3 {
	width: 150px !important;
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.cart_page_area .cart_page_btn3 {
		width: 100% !important;
	}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	/* .cart_page_btn2 {
        left: 51%;
    } */
}

.cart_amount > input {
	background: #fbfbfb;
	border: medium none;
	border-radius: 50px;
	height: 48px;
	padding: 6px 22px;
	width: 130px;
	box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
}

.cart_wrpaer img {
	width: 93px
}

.padding_all .product-regulator {
	margin-bottom: 0;
}

.padding_all .product-regulator input {
	width: 100px;
}

.product-regulator button {
	border: 1px solid #e1e1e1;
	border-radius: 0;
	color: #0c1f38;
	height: 44px;
	padding: 11px 12px;
	display: inline-block;
}

.product-regulator .output {
	color: #7f7f7f;
	display: inline-block;
	height: 44px;
	padding: 11px 12px;
	text-align: center;
	vertical-align: top;
	width: 80px;
	border: 1px solid #e1e1e1;
}

.product-meta-details {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 15px;
	font-size: 14px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.cart_amount > input {
		margin-top: -16px;
	}
}

@media (max-width: 767px) {
	.cart_amount > input {
		margin-top: -16px;
	}
}

.cart_totals_area {
	overflow: hidden;
	margin-top: 82px;
	padding: 54px 48px 30px;
}

.cart_totals_area ul {
	margin: 0;
}

@media (max-width: 767px) {
	.cart_totals_area {
		padding: 54px 25px 30px;
	}
}

.cart_totals_area h3 {
	margin-bottom: 40px;
}

.cart_totals_area li {
	overflow: hidden;
	padding-bottom: 14px;
}

.cart_totals_area li:last-child {
	border-top: 1px solid #dbdbdb;
	padding-top: 13px;
}

.cart_totals_area li span {
	float: left;
}

.cart_totals_area .common_btn {
	width: 250px !important;
	float: right;
	margin-top: 25px;
}

@media (max-width: 767px) {
	.cart_totals_area .common_btn {
		width: 100% !important;
		float: none;
	}

	.mt-20 {
		margin-top: 20px;
	}
}

.dark-bg {
	background-color: #3e933e;
}

/* ==================================== Check-Out Page Css ======================= */

.romana_check_out_form .common_input input, .romana_check_out_form .common_input select {
	width: 100%;
	border: 1px solid #e3e3e3;
	background: #fff;
	border-radius: 3px;
	margin-bottom: 30px;
	padding: 8px;
}

.romana_check_out_form .select_option_one::after {
	color: #b8b8b8;
}

.check_form_left {
	margin-right: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.check_form_left {
		margin-right: 10px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.check_form_left {
		margin-right: 0px;
	}
}

.check_form_left h3 {
	margin-bottom: 50px;
	font-size: 24px;
}

.check_form_right {
	padding: 35px 30px 40px;
	background: #3e933e;
	color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.check_form_right {
		padding: 35px 10px 40px;
	}
}

@media only screen and (min-width: 0px) and (max-width: 767px) {
	.check_form_right {
		padding: 35px 10px 40px;
	}
}

.check_form_right h3 {
	font-size: 24px;
	margin-bottom: 22px;
}

.product_order ul, .romana_select_method ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.check_form_right .product_order ul li {
	padding: 8px 5px;
}

.check_form_right .product_order ul li:first-child {
	border-bottom: 1px solid #e3e3e3;
}

.check_form_right .product_order ul li:nth-child(2) {
	font-weight: 300;
	font-size: 15px;
	padding: 15px 5px;
	border-bottom: 1px solid #e3e3e3;
	margin-bottom: 8px;
}

.check_form_right .product_order ul li span {
	float: left;
}

.check_form_right .paypal_img {
	margin-top: 20px;
}

.check_form_right .common_btn {
	width: 100%;
	color: #fff;
	margin-top: 36px;
}

.romana_select_method {
	margin-top: 30px;
}

.romana_select_method li {
	margin-top: 20px;
}

.romana_select_method label {
	padding-left: 14px;
}

/*//////////////////////////////////////////////////////////////////
[ Gallery item ]*/

.gallery-item {
	position: relative;
}

.gallery-overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	background-color: rgba(129, 176, 63, 0.7);
	border: 7px solid rgba(166, 199, 119, 0.7);
	opacity: 0;
}

.gallery-content {
	position: relative;
}

/*---------------------------------------------*/

.gallery-btn {
	width: 42px;
	height: 42px;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}

.gallery-btn::before {
	content: "";
	position: absolute;
	z-index: -1;
	display: block;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: inherit;
	background-color: #fff;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	-moz-transition: all 0.4s;
	transition: all 0.4s;
}

.gallery-btn:hover:before {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	background-color: rgba(255, 255, 255, 0.8);
}

/*---------------------------------------------*/

.gallery-txt {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	-webkit-transform: translateY(200px);
	-moz-transform: translateY(200px);
	-ms-transform: translateY(200px);
	-o-transform: translateY(200px);
	transform: translateY(200px);
}

/*---------------------------------------------*/

.gallery-item:hover .gallery-overlay {
	opacity: 1;
}

.gallery-item:hover .gallery-btn {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.gallery-item:hover .gallery-txt {
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}

/*****************************SEARCH PAGE END*****************************/

/*****************************COMMINGSOON PAGE START******************************/

.comming-soon-1 {
	float: left;
	width: 100%;
	background: url(../images/background/3.jpg) no-repeat left top;
	min-height: 800px;
	height: 100%;
	background-size: cover;
	padding: 200px 0 50px 0;
	text-align: center;
}

.comming-soon-1 h1 {
	display: block;
	color: #fff;
	font: 400 60px 'Playfair Display', serif;
}

.comming-soon-1 strong.title {
	display: block;
	font: 400 14px/14px 'Lato', sans-serif;
	color: #fff;
	text-transform: uppercase;
	word-spacing: 10px;
	letter-spacing: 10px;
	padding: 0 0 80px 0;
}

.countdown-box {
	float: left;
	width: 100%;
	margin: 0 0 100px 0;
	overflow: hidden;
	text-align: center;
}

.count-area .timer li {
	display: inline-block;
	color: #fff;
	padding: 30px;
}

.count-area .timer li span {
	font-size: 72px;
	font-weight: 700;
}

.countdown-box .countdown_section {
	font: 300 16px/16px 'Lato', sans-serif;
	color: #fff;
	padding: 0;
	margin: 0 40px;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	width: 130px;
}

.countdown-box .countdown_amount {
	font: 300 48px 'Lato', sans-serif;
	color: #fff;
	float: left;
}

.social-row {
	float: left;
	width: 100%;
}

.social-row span.title {
	display: block;
	text-align: center;
	text-transform: uppercase;
	font: 400 18px/18px 'Lato', sans-serif;
	color: #fff;
	padding: 0 0 25px 0;
}

.social-row ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.social-row ul li {
	display: inline-block;
	padding: 0 20px;
}

.social-row ul li a {
	display: block;
	font-size: 14px;
	color: #fff;
	width: 30px;
	height: 30px;
	border: 1px solid transparent;
	line-height: 26px;
	text-align: center;
	border-radius: 100%;
	text-decoration: none;
}

.social-row ul li a:hover {
	border-color: #fff;
}

/* events */

.event-list {
	margin-bottom: 30px;
	box-shadow: 2px 2px 2px 2px #cecece;
}

.event-list .thumb {
	padding: 15px 15px 15px 0;
}

.event-list .event-text {
	padding: 10px 0;
}

.schedule-details {
	padding: 15px;
}

.schedule-details .flip {
	float: right;
	padding: 10px;
	margin-left: 10px;
}

.schedule-details .flip ul {
	margin-bottom: 0px;
}

.schedule-details .text-gray li {
	float: right;
	margin-left: 15px;
}

.bg-theme-colored {
	background-color: #3e933e;
}

.pb-5 {
	padding-bottom: 5px !important;
}

.pt-5 {
	padding-top: 5px !important;
}

.mr-10 {
	margin-right: 10px !important;
}

.p-10 {
	padding: 10px !important;
}

.font-weight-600 {
	font-weight: 600 !important;
}

.text-white {
	color: #fff !important;
}

.event-banner {
	margin-bottom: 53px;
}

.event-content {
	margin-bottom: 35px;
}

.event-content h4 {
	font-size: 2.57143em;
	color: #3e933e;
	font-weight: 700;
	letter-spacing: -.3px;
	margin-bottom: 30px;
}

.event-wraper .horizontal-tabs {
	margin-bottom: 55px;
}

.event-wraper .service-promo h5 {
	margin-bottom: 0;
}

/* event side bar */

.event-schedule-widget {
	padding: 50px 40px;
	background-color: #f9f9f9;
}

.evnet-meta-date {
	text-align: center;
	border-radius: 0px;
	background-color: #3e933e;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	color: #FFFFFF;
	line-height: 1;
	padding: 10px 14px;
	margin-left: 22px;
	float: right;
}

.evnet-meta-date .event-date {
	font-size: 2.57143em;
	font-weight: 700;
	margin-bottom: 5px;
	display: block;
}

.evnet-meta-date .event-month {
	font-size: 1.42857em;
}

.event-schedule {
	margin-bottom: 50px;
}

.event-schedule .media-body {
	padding: 8px 0;
}

.event-schedule h5 {
	margin-bottom: 0;
	color: #3e933e;
	font-weight: 700;
	font-size: 1.5em;
	line-height: 1.5;
}

/* list group */

.list-group li {
	color: #3e933e;
	font-size: 1.07143em;
	font-weight: 500;
	margin-bottom: 20px;
}

.list-group li span {
	color: #222;
}

.list-group li:last-child {
	margin-bottom: 0;
}

.tab-content > .active {
	display: block;
	overflow: hidden;
}

.mb-60 {
	margin-bottom: 60px;
}

.mb-30 {
	margin-bottom: 30px;
}

/* event partner */

.event-schedule-widget .widget-title {
	text-align: center;
	font-size: 1.71429em;
	font-weight: 700;
	color: #3e933e;
	line-height: 1;
	margin-bottom: 40px;
}

.event-sponsor li {
	width: 50%;
	display: inline-block;
	float: left;
	border-bottom: 1px solid #dbdbdb;
	border-left: 1px solid #dbdbdb;
}

.event-sponsor li:nth-child(1), .event-sponsor li:nth-child(3) {
	border-left: 0px solid #000;
}

.event-sponsor li:nth-child(3), .event-sponsor li:nth-child(4) {
	border-bottom: 0px solid #000;
}

.event-sponsor li a {
	min-height: 140px;
	display: block;
	line-height: 140px;
	text-align: center;
}

.horizontal-tabs .nav-tabs {
	border-bottom: 0px;
}

.horizontal-tabs .nav-tabs .nav-item {
	margin-bottom: 0;
	width: 33.33333%;
}

.horizontal-tabs .nav-tabs .nav-item .nav-link {
	border: 0;
	padding: 20px 10px;
	background-color: #f9f9f9;
	font-size: 1.28571em;
	font-weight: 700;
	color: #3e933e;
	border-radius: 0;
	text-align: center;
	line-height: 1;
	border-top: 5px solid transparent;
	border-right: 1px solid white;
	border-left: 1px solid transparent;
	border-bottom: 1px solid #eaeaea;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.horizontal-tabs .nav-tabs .nav-item.active {
	border-left: 1px solid #eaeaea;
	border-right: 1px solid #eaeaea;
	border-bottom: 1px solid transparent;
	background-color: #FFFFFF;
	border-top: 5px solid #3e933e;
}

.horizontal-tabs .nav-tabs .nav-item:last-child .nav-link {
	border-right: 1px solid transparent;
}

.horizontal-tabs .nav-tabs .nav-item:last-child .nav-link.active {
	border-right: 1px solid #eaeaea;
}

.horizontal-tabs .nav-tabs .nav-item .nav-link.active {
	background: var(--pt_orange);
	color: var(--pt_white);
}

.horizontal-tabs .tab-content {
	padding: 50px 40px;
	border: 1px solid #eaeaea;
	margin-right: 1px;
	border-top: 1px solid transparent;
	margin-top: -1px;
}

.horizontal-tabs .tab-content .tab-pane p {
	margin-bottom: 30px;
}

.horizontal-tabs .tab-content .tab-pane .unorder-list li {
	padding-left: 21px;
	margin-bottom: 15px;
}

.horizontal-tabs .tab-content .tab-pane .unorder-list li:last-child {
	margin-bottom: 0;
}

.countdown-timer.timer-style-2 {
	background-color: #630abb;
	padding: 20px 20px 45px;
	text-align: center;
}

.countdown-timer.timer-style-2 .timer-count, .countdown-timer.timer-style-2 .timer-title {
	color: #FFFFFF;
	float: left;
}

.countdown-timer.timer-style-2 .timer-title {
	margin: 0px 5px;
}

/*jobs list*/

.brows-job-category {
	position: relative;
}

.brows-job-list {
	display: table;
	width: 100%;
	clear: both;
	padding: 15px 0;
	margin-bottom: 15px;
	transition: transform .3s ease;
	border: 1px solid #e3e9ef;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
}

.tg-themetag {
	top: 7px;
	left: 87px;
	z-index: 2;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	line-height: 10px;
	position: absolute;
	background: #ff526c;
	padding: 5px 3px 3px 10px;
	text-transform: uppercase;
}

.brows-job-company-img {
	width: 75px;
	margin: 10px auto;
	height: 75px;
	display: inline-block;
	background: #f4f5f7;
	vertical-align: middle;
	border-radius: 50%;
	line-height: 75px;
}

.brows-job-position {
	padding: 0 15px;
}

.brows-job-position h3 {
	color: #5b6d77;
	font-size: 25px;
	padding: 0;
}

.brows-job-position p span {
	margin-top: 12px;
	margin-right: 20px;
}

.brows-job-location p, .brows-job-position p span {
	font-size: 18px;
	color: #5a6f7c;
}

.brows-job-position p .brows-job-sallery {
	margin-right: 0;
}

.brows-job-position p span {
	margin-top: 12px;
	margin-right: 20px;
}

.brows-job-category {
	position: relative
}

.brows-job-category .no-padding {
	margin: 0 0 30px
}

.brows-job-category h2 {
	color: #5a6f7c;
	font-size: 25px
}

.brows-job-list {
	display: table;
	width: 100%;
	clear: both;
	padding: 15px 0;
	margin-bottom: 15px;
	transition: transform .3s ease;
	border: 1px solid #e3e9ef;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
	border-left: 4px solid #ffffff;
	transition-duration: .5s;
}

.brows-job-list:hover {
	border-left: 4px solid #3e933e;
	box-shadow: 0 2px 8px 4px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 2px 8px 4px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 2px 8px 4px rgba(0, 0, 0, .05)
}

.brows-job-company-img {
	width: 75px;
	margin: 10px auto;
	height: 75px;
	display: inline-block;
	background: #f4f5f7;
	vertical-align: middle;
	border-radius: 50%;
	line-height: 75px
}

.brows-job-company-img img {
	margin: 0 auto;
	vertical-align: middle;
	display: inline-block
}

.brows-job-position h3 {
	color: #5b6d77;
	font-size: 25px;
	padding: 0
}

.brows-job-location p, .brows-job-position p span {
	font-size: 18px;
	color: #5a6f7c
}

.brows-job-position p span {
	margin-top: 12px;
	margin-right: 20px
}

.brows-job-location, .brows-job-type {
	margin-top: 23px
}

.brows-job-position p .brows-job-sallery {
	margin-right: 0
}

.brows-job-position p .brows-job-sallery i {
	margin-right: 10px
}

.brows-job-location p i {
	font-size: 16px;
	margin-left: 10px
}

.brows-job-type span {
	padding: 6px 20px;
	color: #fff;
	text-transform: uppercase
}

.full-time {
	background: #03a504
}

.part-time {
	background: #f6931e
}

.enternship {
	background: #d20001
}

.freelanc {
	background: #26a9e1
}

.brows-company, .brows-resume {
	padding: 15px;
	background: #fff;
	overflow: hidden;
	transition: all ease-in-out .4s
}

.brows-company {
	border-radius: 4px;
	margin-bottom: 30px;
	border: 1px solid #e3e9ef;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05)
}

.brows-company:hover {
	border-left: 4px solid #07b107;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1)
}

.brows-company-location, .brows-company-name, .brows-company-position {
	margin-top: 1.4em
}

.brows-company .brows-company-pic {
	display: table;
	position: relative;
	width: 90px;
	height: 90px;
	border-radius: 50%;
	margin: 1px
}

.brows-company .brows-company-pic img {
	width: 80px;
	height: 80px;
	margin: 0 auto
}

.brows-company h4 {
	font-family: Raleway, sans-serif;
	margin-bottom: 5px;
	font-weight: 400;
	color: #35434E;
	font-size: 22px;
	margin-top: 0
}

.brows-company span.brows-company-tagline {
	font-family: Quicksand, sans-serif;
	display: block;
	color: #636d75
}

.brows-company .brows-company-location p, .brows-resume h4 {
	font-family: Raleway, sans-serif;
	font-weight: 400
}

.brows-company .brows-company-location p {
	margin-bottom: 5px;
	color: #636d75;
	font-size: 16px
}

.brows-company .brows-company-position p {
	text-align: right;
	color: #07b107
}

.brows-resume {
	border-radius: 4px;
	margin-bottom: 30px;
	border: 1px solid #e3e9ef;
	border-left: 1px solid #e3e9ef;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .05)
}

.brows-resume:hover {
	border-left: 4px solid #07b107;
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	-webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1)
}

.jn-employee, .manage-cndt, .mng-company {
	box-shadow: 0 0 10px 2px rgba(0, 0, 0, .01)
}

.brows-resume-location, .brows-resume-name, .browse-resume-rate {
	margin-top: 1.4em
}

.brows-resume .brows-resume-pic {
	display: table;
	position: relative;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	overflow: hidden;
	margin: 1px
}

.brows-resume .brows-resume-pic img {
	width: 105px;
	height: 105px;
	border-radius: 50%
}

.brows-resume h4 {
	margin-bottom: 5px;
	color: #35434E;
	font-size: 22px;
	margin-top: 0
}

.brows-resume span.brows-resume-designation {
	font-family: Quicksand, sans-serif;
	text-transform: uppercase;
	display: block;
	color: #07b107
}

.brows-resume .brows-resume-location p {
	font-family: Raleway, sans-serif;
	margin-bottom: 5px;
	font-weight: 400;
	color: #636d75;
	font-size: 16px
}

.brows-resume .browse-resume-exp span, .brows-resume .browse-resume-rate span, .manage-cndt .cndt-caption span, .manage-cndt .cndt-status {
	font-family: Quicksand, sans-serif
}

.brows-resume .browse-resume-rate span {
	text-transform: capitalize;
	font-weight: 400;
	color: #636d75;
	text-align: right;
	display: block;
	font-size: 16px
}

.brows-resume .browse-resume-rate span i {
	font-size: 18px;
	color: #07b107;
	margin-right: 7px
}

.brows-resume .browse-resume-exp span {
	float: right;
	background: #07b107;
	padding: 2px 7px;
	border-radius: 2px;
	color: #fff;
	min-width: 150px;
	text-align: center
}

.row.extra-mrg.row-skill {
	padding: 14px 0 2px;
	border-top: 1px solid #f1f3f4;
	margin-top: 20px
}

.browse-resume-skills .br-resume span {
	padding: 4px 8px;
	background: rgba(137, 153, 167, .12);
	text-transform: uppercase;
	margin-right: 7px;
	font-size: 12px;
	margin-bottom: 5px;
	border-radius: 2px;
	color: #35434e
}

.white-shadow {
	padding: 20px;
	box-shadow: 2px 2px 2px 2px #cecece;
}

.ml-20 {
	margin-left: 20px;
}

.detail-desc-caption h4 {
	color: #35434E;
	font-size: 22px;
	margin-bottom: 5px;
	font-family: Raleway, sans-serif
}

.detail-desc-caption p, .detail-desc-caption span.designation, .detail-desc-caption ul li {
	font-family: Quicksand, sans-serif
}

.detail-desc-caption h2 {
	margin-bottom: 0
}

.detail-desc-caption span.designation {
	color: #546673;
	font-size: 17px
}

.detail-desc-caption p {
	color: #707c88;
	font-size: 16px;
	line-height: 1.8;
	margin-top: 5px;
	margin-bottom: 15px;
	font-weight: 400
}

.detail-desc-skill span {
	padding: 2px 8px;
	background: rgba(137, 153, 167, .12);
	text-transform: uppercase;
	margin-right: 7px;
	border-radius: 2px;
	color: #35434e;
	margin-bottom: 5px;
	display: inline-block
}

.detail-desc-caption ul {
	padding: 0;
	margin: 0
}

.detail-desc-caption ul li i {
	margin-left: 10px;
	font-size: 16px;
	color: rgba(137, 153, 167, 1)
}

.detail-desc-caption ul li {
	padding-bottom: 10px;
	line-height: 1.5;
	font-size: 16px;
	color: #707c88;
	list-style: none;
	display: block
}

.get-touch h4 {
	color: #35434E;
	font-size: 22px;
	margin-bottom: 15px;
	font-family: Raleway, sans-serif
}

.get-touch ul {
	padding: 0;
	margin: 0
}

.get-touch ul li i {
	margin-left: 10px;
	font-size: 16px;
	color: rgba(137, 153, 167, 1)
}

.get-touch ul li {
	padding-bottom: 10px;
	line-height: 1.5;
	font-size: 16px;
	color: #707c88;
	list-style: none;
	font-family: Quicksand, sans-serif
}

.row.no-padd {
	margin: 0 -15px;
	padding: 0 15px;
	border-top: 1px solid #ccddea
}

.detail-pic {
	border-width: 1px;
	border-style: solid;
	border-color: rgb(7, 177, 7);
	border-image: initial;
}

.detail-pic {
	display: block;
	width: 140px;
	height: 140px;
	position: relative;
	transform: translateY(-50px);
	background: rgb(255, 255, 255);
	border-width: 1px;
	border-style: solid;
	border-color: rgb(7, 177, 7);
	border-image: initial;
	border-radius: 50%;
	padding: 9px;
	margin: 0px auto;
}

a.detail-edit {
	position: absolute;
	left: 44%;
	bottom: -12px;
}

.detail.pannel-footer {
	display: table;
	width: 100%;
	padding: 20px 0 0 0;
}

ul.detail-footer-social {
	padding: 0px;
	margin: 0px;
}

ul.detail-footer-social li {
	display: inline-block;
	padding-right: 10px;
}

ul.detail-footer-social li a i {
	width: 42px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 17px;
	margin-bottom: 10px;
	background: rgb(241, 243, 244);
	border-radius: 2px;
	transition: all 0.4s ease-in-out;
}

/** product detail **/

.product-heading {
	text-align: right;
	border-bottom: 1px solid #f0f0f0;
}

.product-heading h2 {
	font-size: 28px;
	color: #181818;
	padding-bottom: 23px;
	margin: 0;
	font-weight: 500;
}

.product-detail-side {
	border-bottom: 1px solid #f0f0f0;
	text-align: right;
	padding: 15px 0;
}

.product-detail-side span {
	font-size: 24px;
	font-weight: 300;
	margin-right: 15px;
}

.product-detail-side span.new-price {
	color: #222;
	font-weight: 400;
}

.product-detail-side span.rating {
	margin-right: 5px;
}

.rating i {
	color: #eabe12;
	font-size: 18px;
	margin: 0 -2px;
}

.detail-contant {
	text-align: right;
	padding: 25px 0;
	float: right;
	width: 100%;
}

.cart .quantity {
	float: right;
}

.input-text.qty.text {
	background: #fff;
	padding: 5px 10px 5px 15px;
	border: solid #ccc 1px;
	font-size: 20px;
	font-weight: 400;
	width: 65px;
	color: #272727;
	border-radius: 0;
}

.share-post {
	float: right;
	width: 100%;
	border: solid #ddd 1px;
	padding: 15px 20px;
}

.Single-shop-page .share-text {
	font-size: 13px;
	margin: 4px 0 0;
}

.social-icon {
	float: right;
	list-style: none;
	margin: 0;
}

.share-post li {
	float: left;
	margin: 0 0 0 25px;
}

.share-post .social_icons {
	width: auto;
	margin: 0;
}

.cart button {
	margin-right: 10px;
	margin-top: -2px;
	transition: ease all 0.5s;
}

.product-detail-side span.review {
	font-size: 13px;
}

.product_detail_side {
	margin-top: 0px;
}

.tab_bar_section .tab-content {
	padding: 30px;
	box-shadow: 2px 2px 2px 2px #cecece;
}

.detail-contant form.cart {
	padding-top: 30px;
	text-align: right;
}

/** product descri **/

.product_detail_page .tab_bar_section {
	float: right;
	width: 100%;
	margin-top: 50px;
}

.product_detail_page .tab_bar_section .nav.nav-tabs {
	float: right;
	width: 100%;
	display: block;
	justify-content: center;
	border-bottom: solid #ddd 1px;
}

.product_detail_page .tab_bar_section .nav-tabs .nav-item {
	margin-bottom: 0;
	float: left;
}

.layout_padding_2 .tab_bar_section .nav-tabs .nav-link {
	color: var(--pt_orange);
}

.product_detail_page .tab_bar_section ul.nav.nav-tabs li a {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;
	font-weight: 400;
	padding: 0 30px;
	height: 50px;
	border: none !important;
	line-height: 52px;
	background: #f3f3f3;
	border-radius: 0;
}

.product_detail_page .tab_bar_section .tab-content {
	float: left;
	width: 100%;
	padding: 35px 0;
}

.product_detail_page .tab_bar_section .tab-content h3 {
	font-weight: 500;
	text-transform: none;
}

.commant-text {
	border-bottom: solid #ddd 1px;
	padding-bottom: 25px;
	padding-top: 25px;
}

.product_review h5 {
	text-transform: none;
	font-weight: 500;
	font-size: 15px;
	margin-bottom: 5px;
}

.product_review p {
	margin-bottom: 0;
}

.product_review p.msg {
	margin-top: 10px;
}

.commant-text .profile {
	text-align: center;
}

.review_bt_section {
	margin: 25px 0;
}

.commant_box textarea {
	border-radius: 0;
	padding: 20px 20px;
	font-weight: 300;
	font-size: 14px;
	min-height: 150px;
}

.full_bt {
	float: left;
	margin: 25px 0;
	width: 100%;
}

/* about 2 */

.section-padding {
	padding: 80px 0;
}

.about-style-one-content a.thm-btn {
	margin-top: 40px;
}

.about-faq-section {
	background: #F8F8F8;
	padding: 150px 0;
}

.about-faq-section .accrodion-grp .accrodion .accrodion-title {
	padding: 23px 0;
	padding-left: 30px;
	padding-right: 30px;
	cursor: pointer;
}

.about-faq-section .accrodion-grp .accrodion {
	border-top: 1px solid #E7E7E7;
	border-bottom: 1px solid #E7E7E7;
}

.about-faq-section .accrodion-grp .accrodion.active .accrodion-content {
	border-top: 1px solid #DDE2E7;
}

.about-faq-section .accrodion-grp .accrodion .accrodion-content {
	padding: 20px 0 23px;
	padding-left: 30px;
	padding-right: 30px;
}

.what-we-offer .single-what-we-offer {
	display: block;
	border: 1px solid #F5F5F5;
	-webkit-box-shadow: 1px 29px 62px rgba(243, 243, 243, 0.75);
	box-shadow: 1px 29px 62px rgba(243, 243, 243, 0.75);
	text-align: center;
	padding-top: 75px;
	padding-bottom: 70px;
}

.what-we-offer .single-what-we-offer h3 {
	color: #333333;
	margin: 0;
	font-size: 22px;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 25px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.what-we-offer .single-what-we-offer a.read-more {
	border: 1px solid #A1A0A0;
	border-radius: 50%;
	width: 41px;
	height: 41px;
	line-height: 39px;
	color: #3e933e;
	font-size: 25px;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 35px;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

.what-we-offer .single-what-we-offer i.icon {
	color: #3e933e;
	font-size: 46px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.what-we-offer .single-what-we-offer i.fa {
	color: #3e933e;
	font-size: 46px;
	-webkit-transition: all .4s ease;
	transition: all .4s ease;
}

.single-what-we-offer:hover i.icon {
	color: #fff;
}

.single-what-we-offer:hover i.fa {
	color: #fff;
}

.single-what-we-offer:hover h3 {
	color: #fff;
}

.single-what-we-offer:hover p {
	color: #fff;
}

.single-what-we-offer:hover a.read-more {
	border-color: #fff;
	color: #3e933e;
}

.single-testimonial-one p {
	font-size: 20px;
	margin: 0;
	color: #888888;
	line-height: 35px;
}

.single-testimonial-one h3 {
	margin: 0;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	margin-top: 70px;
	margin-bottom: 10px;
}

.single-testimonial-one span.position {
	display: block;
	color: #ED492E;
	font-weight: 600;
}

.testimonial-style-two {
	background: #181818;
	padding: 75px 0;
}

.testimonial-style-two .testimonial-carousel-two {
	padding-left: 30px;
	padding-right: 30px;
}

.testimonial-style-two .single-testimonial-style-two .text-box {
	padding-right: 30px;
}

.testimonial-style-two .single-testimonial-style-two .img-box, .testimonial-style-two .single-testimonial-style-two .text-box {
	display: table-cell;
	vertical-align: middle;
}

.testimonial-style-two .single-testimonial-style-two .img-box {
	width: 86px;
}

.testimonial-style-two .single-testimonial-style-two .img-box, .testimonial-style-two .single-testimonial-style-two .text-box {
	display: table-cell;
	vertical-align: middle;
}

.testimonial-style-two .testimonial-carousel-two .owl-nav {
	margin: 0;
}

.testimonial-style-two .testimonial-carousel-two .owl-nav [class*=owl-] {
	background-color: transparent;
	margin: 0;
	padding: 0;
	font-size: 50px;
	color: #424242;
	transition: all .4s ease;
	position: absolute;
	margin: 0;
	top: 50%;
	right: 100%;
	transform: translateY(-50%);
}

.testimonial-style-two .testimonial-carousel-two .owl-nav [class*=owl-]:hover {
	color: #ED492E;
}

.testimonial-style-two .testimonial-carousel-two .owl-nav [class*=owl-next] {
	right: auto;
	left: 100%;
}

.single-testimonial-style-two .img-box, .text-box {
	display: table-cell;
	vertical-align: middle;
}

.single-testimonial-style-two .img-box, .text-box .img-box {
	width: 86px;
}

.single-testimonial-style-two .img-box, .text-box .img-box .inner {
	padding-bottom: 10px;
	border-bottom: 2px solid #ED492E;
}

.single-testimonial-style-two .img-box, .text-box .img-box .inner > img {
	width: 100%;
}

.text-box {
	padding-left: 30px;
}

.text-box h3, p {
	margin: 0;
}

.text-box h3 {
	font-size: 20px;
	color: #FFFFFF;
	font-weight: bold;
	margin-bottom: 5px;
}

.text-box h3 span {
	color: #ED492E;
	font-weight: 600;
	font-size: 15px;
	padding-left: 16px;
}

.text-box p {
	color: #888888;
	font-weight: 300;
}

/* Donation Form styles */

#Donation-form-modal .modal-dialog {
	width: 800px;
}

.donation-form {
	background-color: #f9f9f9;
	padding: 15px 30px;
	position: relative;
}

.donation-form > h4 {
	margin-bottom: 15px;
}

.donation-form-samount {
	padding: 15px 35px;
}

.donation-form-samount .form-control {
	height: 45px;
}

.donation-form-samount .input-group {
	width: auto;
	display: inline-flex;
}

.donation-form .form-control {
	border-radius: 0;
	box-shadow: none;
	height: 45px;
}

.donation-form textarea {
	height: auto !important;
}

.amount-box input[type="radio"] {
	left: 0px;
	top: 0px;
	visibility: hidden;
	position: absolute;
	opacity: 0;
}

.amount-box label {
	border: 2px solid #ddd;
	color: #444;
	cursor: pointer;
	display: block;
	font-size: 15px;
	font-weight: 600;
	padding: 8px 10px 8px 40px;
	text-align: center;
	float: right;
	margin-left: 10px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.amount-box input[type="radio"]:checked + label {
	color: #ffffff;
}

.input-group-addon {
	background: #3e933e;
	color: #fff;
	border: none;
	border-radius: 0;
	padding: 10px;
}

.donation-form-samount h4, .donation-form-samount h5 {
	margin: 20px 0;
}

.donation-form-samount .select-time li {
	float: right;
	margin-left: 15px;
}

/* ---------- MASONRY FILTER  ---------- */

.masonry-filter {
	margin-bottom: 50px;
}

.masonry-filter > li {
	padding-right: 0;
	display: inline-block;
}

.masonry-filter a {
	border: 1px solid #eeeeee;
	color: #555555;
	display: inline-block;
	float: none;
	line-height: 40px;
	margin-bottom: 10px;
	outline: medium none;
	text-transform: uppercase;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.masonry-filter a.active, .masonry-filter a:active, .masonry-filter a:hover, .masonry-filter a:focus {
	background-color: #3e933e;
	color: #ffffff;
}

.masonry-filter a {
	font-family: 'Roboto Slab', serif;
	font-size: 14px;
	padding: 0 15px;
}

/* ---------- MASONRY GALLERY  ---------- */

.ulockd-gallery {
	background-color: #aaa;
	padding-bottom: 90px;
	padding-top: 90px;
}

.ulockd-gallery:before {
	background-color: rgba(255, 255, 255, 0.8);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.masonry-gallery .isotope-item {
	width: 25%;
}

.masonry-gallery.grid-three-item .isotope-item {
	width: 33.333%;
}

.masonry-gallery.grid-four-item .isotope-item {
	width: 25%;
}

.masonry-gallery.grid-five-item .isotope-item {
	width: 20%;
}

.masonry-gallery .isotope-item {
	overflow: hidden;
}

.masonry-gallery .isotope-item .thumb {
	position: relative;
	overflow: hidden;
}

.masonry-gallery .isotope-item .thumb .photo {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: all 1200ms ease 0s;
	-moz-transition: all 1200ms ease 0s;
	-ms-transition: all 1200ms ease 0s;
	-o-transition: all 1200ms ease 0s;
	transition: all 1200ms ease 0s;
}

.lbox-caption {
	display: table;
	height: 100%;
	width: 100%;
}

.lbox-details {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.lbox-details > h4, .lbox-details > h5, .lbox-details > p {
	color: #fff;
	margin-bottom: 20px;
}

.gallery-thumb {
	margin: 3px;
}

.gallery-thumb .overlayer {
	bottom: 0;
	height: 96%;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 96%;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	-ms-transform: scale(0);
	text-align: center;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

.gallery-thumb .overlayer::before {
	border: 2px dashed #fff;
	bottom: 0;
	content: "";
	height: 90%;
	left: 5%;
	position: absolute;
	right: 5%;
	top: 5%;
	width: 90%;
}

.gallery-thumb .overlayer > h3, .gallery-thumb .overlayer > h4, .gallery-thumb .overlayer > h5, .gallery-thumb .overlayer > p {
	color: #fff;
}

.gallery-thumb.style2 .overlayer .lbox-caption {
	top: 50%;
}

.gallery-thumb .overlayer i {
	color: #ffffff;
	font-size: 30px;
	left: 0;
	line-height: 45px;
	margin: 0 auto;
	position: absolute;
	right: 0;
	top: 45%;
}

.gallery-thumb:hover .overlayer {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
}

.gallery-thumb:hover .thumb .photo {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.gallery-thumb .overlayer {
	background-color: rgba(231, 71, 12, .75);
}

.lbox-caption a {
	border-radius: 50%;
	font-size: 18px;
	padding: 10px 12px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-ms-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

.lbox-caption span {
	color: #fff;
}

/*
================================
04:-     index-4
================================
*/

.page-4 h1, .page-4 h2, .page-4 h3, .page-4 h4 {
	font-family: "Lato", sans-serif;
}

.page-4 h6, .page-4 p {
	font-family: "OpenSans", sans-serif;
}

.menu-4 .nav-outer {
	padding: 0;
}

.header-4 {
	padding: 0 25px;
}

.header_btn {
	padding: 25px 0;
}

.main-slider-4 h1.pawprint {
	margin-right: 50px;
}

.main-slider-4 h1 i {
	color: #fd2d2a;
}

.header_btn a.btn-style-one {
	border-radius: 10px;
	color: #fff;
	padding: 4px 40px 4px 40px;
	font-size: 16px;
	border: 2px solid #fd2d2a;
	background-color: #fd2d2a;
}

.header_btn a.btn-style-one:hover {
	background-color: #ffffff;
	border-radius: 10px;
	color: #fd2d2a;
}

.header_btn a.btn-style-one i {
	margin-left: 15px;
}

.header_btn a.btn-style-two {
	position: relative;
	color: #ffffff;
	font-size: 16px;
	line-height: 29px;
	padding: 4px 40px 4px 40px;
	font-weight: 700;
	border-radius: 10px;
	background-color: #e2b61e;
	border: 2px solid #e2b61e;
}

.header_btn a.btn-style-two:hover {
	color: #e2b61e;
	background-color: #ffffff;
}

.header_btn a.btn-style-two:hover i {
	color: #e2b61e;
}

.header_btn a.btn-style-two i {
	margin-right: 15px;
}

.header_btn a img {
	width: 15px;
	height: 15px;
	margin-left: 10px;
}

.syringe-icon {
	background-image: url("../images/syringe.svg");
	width: 35px;
	height: 35px;
	margin-left: 50px;
}

.main-slider h2 {
	position: relative;
	color: #222222;
	font-size: 52px;
	font-weight: 400;
	line-height: 1.2em;
	display: inline-block;
	font-family: "lato", sans-serif;
	text-align: right;
}

.btns-box-4 a.service {
	text-align: inherit;
	line-height: 29px;
	border-width: 2px;
	margin: 0px 0px 0px 10px;
	padding: 8px 20px;
	letter-spacing: 0px;
	font-weight: 700;
	font-size: 16px;
	transition: .5s;
	border-radius: 5px;
	text-transform: uppercase;
}

.btns-box-4 a.advice {
	text-align: inherit;
	line-height: 29px;
	border-width: 2px;
	margin: 0px 10px 0px 0px;
	padding: 8px 20px;
	letter-spacing: 0px;
	font-weight: 700;
	font-size: 16px;
	border-radius: 5px;
	text-transform: uppercase;
	background-color: #222;
	border: 1px solid #222;
}

/*------  welcome section Home 4  ---------*/

.welcome-sec-4 {
	padding: 100px 0;
}

.welcome-sec-4 h1 {
	color: #222;
	font-size: 42px;
	line-height: 1.2;
	font-family: "lato", sans-serif;
}

.welcome-sec-4 h3 {
	color: #e2b61e;
	font-size: 18px;
	font-family: "lato", sans-serif;
	margin: 10px 0;
}

.welcome-sec-4 p {
	color: #444;
	font-size: 14px;
	font-family: "lato", sans-serif;
}

.welcome-sec-4 ul li {
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	font-family: "OpenSans", sans-serif;
	margin-bottom: 6px;
}

.welcome-sec-4 ul li i {
	margin-left: 20px;
}

.welcome-sec-4 .content-column .inner-column .theme-btn {
	text-transform: uppercase;
	font-weight: 700;
	font-size: 14px;
	padding: 0;
	margin-top: 40px;
	text-decoration: underline;
	font-family: "lato", sans-serif;
}

/*------  features section Home 4  ---------*/

.features-sec-4 {
	background-color: #f6f6f6;
	padding: 100px 0;
}

.features-sec-4 .featured-block {
	margin-bottom: 0px;
}

.features-sec-4 .featured-block .inner-box {
	background-color: transparent;
	box-shadow: none;
	background-image: url("../images/resource/features-bg.png");
	background-repeat: no-repeat;
	background-position: top;
	width: 100%;
	text-align: center;
}

.features-sec-4 .featured-block .inner-box .inner_content {
	text-align: center;
	position: relative;
	margin: 0px auto;
	display: inline-block;
}

.features-sec-4 .featured-block .inner-box img {
	padding: 20px;
}

.features-sec-4 .featured-block .inner-box .features-icon-1 {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #e2b61e;
	display: inline-block;
}

.features-sec-4 .featured-block .inner-box .features-icon-2 {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #fd2d2a;
	text-align: center;
	display: inline-block;
}

.features-sec-4 .featured-block .inner-box .features-icon-3 {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #1ee0e2;
	text-align: center;
	display: inline-block;
}

.features-sec-4 .featured-block .inner-box .features-details {
	/* padding: 50px 0; */
	padding: 50px 0px 0px;
}

.features-sec-4 .features-details h4 {
	font-family: "lato", sans-serif;
	color: #222;
	line-height: 2.5;
	font-weight: 700;
}

/*------  counter section Home 4  ---------*/

.counter-section-4 {
	padding: 100px 0;
	border-bottom: .5px solid #eeeeee;
}

.counter-section-4 .count-box {
	text-align: center;
}

.counter-section-4 .count-box .inner h2 {
	display: inline-block;
	font-size: 72px;
	color: #222;
	font-family: "OpenSans", sans-serif;
}

.counter-section-4 .count-box .inner span {
	font-size: 72px;
	color: #222;
	font-family: "OpenSans", sans-serif;
}

.counter-section-4 .count-box .inner p {
	font-family: "OpenSans", sans-serif;
	color: #444;
}

/*------  History section Home 4  ---------*/

.history_section {
	padding: 100px 0;
}

.history_inner {
	background-color: #f6f6f6;
	padding: 0;
}

.history_inner h2 {
	font-weight: 600;
}

.history_section .content-column {
	padding: 50px;
}

.history_section .image-column {
	padding: 0;
}

.history_section .content-column a {
	padding: 11px 25px;
	line-height: 1;
	border-radius: 5px;
	margin-top: 30px;
	background-color: #fd2d2a;
	border: 2px solid #fd2d2a;
	font-size: 16px;
	color: #ffffff;
	text-transform: uppercase;
}

.history_section .content-column a:hover {
	background-color: transparent;
	color: #fd2d2a;
}

.counter-section.experienced-dr .image-layer:before, .counter-section.experienced-dr .image-layer:after {
	content: none;
}

.experienced-dr .team-block .inner-box {
	border-radius: 15px;
}

.experienced-dr h2 {
	font-family: "lato", sans-serif;
}

.experienced-dr h2 span {
	font-size: 18px;
	font-family: "Poppins", sans-serif;
}

.experienced-dr .image {
	border-top-left-radius: 15px;
	border-top-left-radius: 15px;
}

.experienced-dr .news-block .inner-box .lower-content .news-info li {
	font-family: "OpenSans", sans-serif;
}

.experienced-dr .news-block .inner-box .lower-content .news-info li:after {
	content: none;
}

.experienced-dr .news-block .inner-box .lower-content .news-info li:first-child {
	color: #e2b61e;
}

.experienced-dr .news-block .inner-box .lower-content .news-info li i {
	margin-left: 10px;
}

.clock-icon span.icon {
	padding-left: 10px;
}

.experienced-dr .news-block .inner-box .lower-content h3 {
	font-family: "lato", sans-serif;
	font-weight: 600;
	font-size: 22px;
}

.experienced-dr .news-block .inner-box .lower-content a.read-more {
	text-decoration: underline;
}

.appointment-section.appointment-4:before {
	content: none;
}

.appointment-4 .btn-style-three {
	padding: 12px 20px;
	line-height: 1.5;
	border-radius: 5px;
}

.appointment-4 {
	padding: 100px 0;
}

.appointment-4 .sec-title h2 {
	color: #222;
	font-family: "lato", sans-serif;
	font-weight: bold;
	line-height: 2;
}

.appointment-4 .sec-title.light .title {
	color: #e2b61e;
	font-family: "Poppins", sans-serif;
	font-style: normal;
	font-size: 18px;
	line-height: 2;
}

.info-widget .margin_btm {
	margin-bottom: 20px;
	padding: 0;
}

.info-widget .table-cell {
	display: table-cell;
	vertical-align: middle;
}

.info-widget .table-cell p {
	padding-left: 20px;
	line-height: 1.5;
	color: #444;
}

.info-widget .table-cell p.date {
	margin-top: 15px;
}

.info-widget ul li a {
	font-size: 14px;
	color: #222222;
}

.rev_slider_wrapper, .rev_slider_wrapper * {
	direction: ltr;
}

.main-slider .tp-parallax-wrap .tp-caption {
	line-height: 50px;
}

.main-header .header-upper.header-4 {
	padding: 0;
}

.zero-padding {
	padding: 0;
}

.main-menu.menu-4 .navigation > li {
	margin-left: 25px;
}

.save-pets-section .btn-style-three {
	padding: 11px 29px;
}

.triangle .right {
	content: "";
	display: block;
	width: 50%;
	height: 85px;
	position: absolute;
	top: -85px;
	right: 0;
	border-right: solid 680px #fff;
	border-top: solid 85px transparent;
	z-index: 99999;
}

.triangle .left {
	content: "";
	display: block;
	width: 50%;
	height: 85px;
	position: absolute;
	top: -85px;
	left: 0;
	border-left: solid 680px #fff;
	z-index: 99999;
}

/*------  Landing pages  ---------*/

.link_pages .inner_wrapper {
	transition: .5s;
	position: relative;
}

.link_pages .outer_wrapper:hover .inner_wrapper {
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.61);
}

.link_pages .inner_wrapper figure {
	width: 100%;
	height: 400px;
	overflow: hidden;
}

.link_pages .inner_wrapper figure img {
	position: relative;
	margin-top: 0;
	transition: 1s;
}

.link_pages .outer_wrapper:hover figure img {
}

.link_pages .outer_wrapper .page_details {
	padding: 30px 0;
}

.link_pages .outer_wrapper .page_details h1 {
	line-height: 2;
}

.preview-img {
	width: 100%;
	height: 400px;
	background-size: cover;
	background-position: top;
	transition: 7s ease;
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.30);
}

.preview-img:hover {
	background-position: bottom;
	transition: 7s ease;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link:hover {
	color: #fff !important;
}

/* ================ Calories Calculator ================ */

.calories-calulator {
	padding: 80px 0;
}

.calories-calulator .nav > li > a {
	padding: 15px 50px;
	border-radius: 20px 20px 0 0;
	background-color: #929292;
	color: #ffffff;
	border: none !important;
	margin-right: 0;
}

.calories-calulator .nav > li > a:hover {
	border: none !important;
	color: #3e933e;
}

.nav-tabs > li.active > a {
	background-color: #3e933e !important;
	color: #ffffff !important;
	border: none !important;
}

.calories-calulator .tab-content {
	padding: 70px 50px;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	position: relative;
}

.calories-calulator .tab-content h3 {
	margin-bottom: 20px;
	font-size: 36px;
	color: #222;
}

.calories-calulator .tab-content .form-control {
	height: 40px;
}

.cal_outer {
	position: relative;
	margin: 0px auto;
}

.calories-calulator .tab-content label {
	font-size: 16px;
	color: #222;
}

.calories-calulator .tab-content label span {
	color: #3e933e;
}

.calories-calulator .tab-content .text-muted {
	color: #3e933e;
}

.pet_img {
	position: absolute;
	top: 0px;
	left: 0;
}

.calories-calulator .form-group {
	margin-bottom: 25px;
}

.form-group input[type='radio'] {
	vertical-align: -webkit-baseline-middle;
	margin-left: 10px;
}

.form-group label.gender {
	margin-left: 40px;
	vertical-align: -webkit-baseline-middle;
	margin-bottom: 0;
	margin-top: 4px;
}

.menu-4 {
	float: right !important;
}

.menu4-btn {
	padding: 4px 10px !important;
}

.menu-search {
	position: absolute;
	left: -50px;
	top: 52px !important;
}

/***

====================================================================
	Index 5 style
====================================================================

***/

/* Global Variables */

:root {
	--pt_yellow: #3e933e;
	--pt_purple: #630abb;
	--pt_orange: #3e933e;
	--pt_white: #fff;
	--pt_nwhite: #d1d1d1;
	--pt_pattern: #ecebf7;
	--pt_black: #000;
	--pt_grey: #343434;
	--pt_font_1: 'Avenir-Heavy', serif;
	--pt_font_2: "Avenir-Heavy", serif;
	/* --pt_font_3: 'Sansita Swashed', serif;
    --pt_font_4: 'Avenir-Heavy', serif;
    --pt_font_5: 'Avenir-Heavy', serif;
    --pt_font_6: 'Oxygen', serif;
    --pt_font_7: "Nunito", serif;
    --pt_font_8: "Nunito Sans", serif;
    --pt_font_9: "Source Sans Pro", serif;
    --pt_font_10: "Paprika", serif;
    --pt_font_11: "Expletus+Sans", serif;
    --pt_font_12: 'Kaushan Script', serif;
    --pt_font_13: "Montserrat", serif;
    --pt_font_14: "Quicksand", serif;
    --pt_font_15: 'Covered By Your Grace', serif;
    --pt_font_16: 'Expletus Sans', serif;
    --pt_font_17: 'Lora', serif;
    --pt_font_18: 'Amita', serif; */
}

/* Global */

* {
	padding: 0px;
	margin: 0px;
	box-sizing: border-box;
}

.pet a {
	text-decoration: none !important;
	cursor: pointer;
}

.pet ::after, .pet ::before {
	box-sizing: border-box;
}

.pet.main-wrapper {
	background: var(--pt_white) none repeat scroll 0 0;
	margin: 0 auto;
	overflow-x: hidden;
	position: relative;
	z-index: 1;
}

.pet ul li {
	list-style: none;
}

/* Preolader */

.pet #preloading {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url("../images/home_5/preloader.gif") var(--pt_white);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 200px;
}

.pet .wow {
	animation-duration: 1300ms;
	animation-delay: 0.6s;
}

.pet p, .pet div, .pet a {
	font-family: var(--pt_font_1);
}

.pet h1, .pet h2, .pet h3, .pet h4, .pet h5, .pet h6, .pet p.head {
	font-family: var(--pt_font_2);
	color: var(--pt_black);
	font-weight: bold;
}

.pet i {
	font-family: 'FontAwesome';
	/* font-family: "Font Awesome 5 Free"; */
	font-style: normal;
}

.pet h1 {
	font-size: 86px;
	margin-bottom: 1.5rem;
}

.pet h1 span, .pet h2 span, .pet h3 span {
	font-family: var(--pt_font_2) !important;
	font-style: italic;
	display: inline-block;
}

.pet h2 {
	font-size: 64px;
}

.pet h3 {
	font-size: 48px;
}

.pet h4 {
	font-size: 36px;
}

.pet h5 {
	font-size: 30px;
}

.pet p.head {
	font-size: 24px;
}

p, a {
	font-size: 16px;
	/*color: var(--pt_black);*/
}

ul, p {
	margin-bottom: 1em;
}

.pet a.btn.main {
	font-size: 20px;
	padding: 15px 50px;
	font-weight: bold;
	text-transform: capitalize;
	transition: .5s;
	box-shadow: 0px 5px 5px var(--pt_grey);
	color: var(--pt_white);
	background: var(--pt_white);
	border: 2px solid var(--pt_purple);
	border-radius: 50px;
	border-top-left-radius: 0px;
	transition: 0.3s;
	overflow: hidden;
	display: inline-block;
}

.pet a.btn.main:hover {
	color: var(--pt_purple);
	border-top-left-radius: 50px;
	border-bottom-left-radius: 0px;
	transition: 0.5s;
}

.pet .yellow {
	color: var(--pt_yellow);
}

.pet .bg_yellow {
	background: var(--pt_yellow);
}

.pet .orange {
	color: var(--pt_orange);
}

.pet .bg_orange {
	background: var(--pt_orange);
}

.pet .purple {
	color: var(--pt_purple);
}

.pet .bg_purple {
	background: var(--pt_purple);
}

.pet .text_rtl {
	text-align: left;
}

.pet .text_ltr {
	text-align: right;
}

.pet .heading p {
	position: relative;
	margin-bottom: 0px;
	padding: 0px 45px;
	display: inline-block;
	font-size: 15px;
}

.pet .heading p .orange {
	color: var(--pt_orange);
	font-size: 20px;
}

.pet .heading p .purple {
	color: var(--pt_purple);
	font-size: 16px;
	padding: 0px 5px;
}

.pet .heading p .yellow {
	color: var(--pt_yellow);
	font-size: 16px;
	padding: 0px 5px;
}

.pet .heading p::before {
	content: '';
	position: absolute;
	width: 35px;
	height: 2px;
	top: 56%;
	left: 0%;
	background: var(--pt_nwhite);
}

.pet .heading p::after {
	content: '';
	position: absolute;
	width: 35px;
	height: 2px;
	top: 56%;
	right: 0%;
	background: var(--pt_nwhite);
}

.pet h1 span, .pet h2 span, .pet h3 span, .pet h4 span, .pet h5 span {
	transition: all 1s cubic-bezier(0.54, 0.085, 0.5, 0.92) 0s;
	color: var(--pt_grey);
	font-style: oblique;
	will-change: transform;
}

.pet .card {
	overflow: visible;
}

/* Bread Crumb */

.pet .crumb a:hover {
	color: var(--pt_orange);
	transition: 0.5s;
}

.pet .crumb p {
	margin-bottom: 0px;
}

.pet .crumb {
	padding: 0px 0px 50px;
	margin: 50px 0px 0px;
	word-spacing: 1em;
	font-size: 18px;
	font-weight: bold;
	transition: 0.5s;
	text-align: right;
}

.pet .crumb.center {
	text-align: center;
}

.pet .crumb.center .bg_tran {
	right: 15%;
}

.pet .crumb .bg_tran {
	font-size: 150px;
	color: transparent;
	-webkit-text-stroke: 2px var(--pt_yellow);
	font-family: var(--pt_font_5);
	position: absolute;
	right: 5%;
	top: 41%;
	z-index: -1;
	opacity: 0.1;
	font-weight: normal;
	word-spacing: 0;
}

/* Header */

.pet .header {
	padding: 0px 0px 50px;
}

.pet .header .navbar {
	background: none;
	padding: 15px 0px;
}

.pet .header #navbarSupportedContent {
	margin-top: -5px;
}

/* Newly Added 9-3-22 */

.pet .header .navbar .navbar-brand img {
	padding-right: 0px !important;
}

.pet .header .navbar .nav-item {
	position: relative;
}

.pet .header .navbar .nav-item.dropdown::before {
	content: '\f078';
	font-family: "FontAwesome";
	position: absolute;
	top: 63%;
	left: -5px;
	transform: translateY(-50%);
	font-size: 9px;
	transition: all 0.3s ease-out;
}

.pet .header .navbar .nav-item.dropdown:hover::before {
	transform: translateY(-50%) rotate(180deg);
	transition: all 0.3s ease-out;
}

/* End */

.pet .header .navbar .nav-link {
	color: var(--pt_black);
	font-weight: bold;
	margin-top: 10px;
	margin-right: 15px;
	/* font-size: 14px; */
	padding-top: 13px;
	transition: 1s;
}

.pet .header .navbar .nav-link.active {
	border-top: 4px solid var(--pt_orange);
	padding-top: 10px;
}

.pet .header .navbar .search-box-btn .nav-link {
	font-size: 19px;
	color: var(--pt_black);
	transition: 1s;
}

.pet .header .navbar .search-box-btn .nav-link:hover {
	color: var(--pt_orange);
	transition: 1s;
}

.pet .header .navbar .dropdown-menu {
	position: absolute;
	right: 0px;
	top: 100%;
	width: 220px;
	z-index: 100;
	display: none;
	margin-bottom: 0px;
	padding: 0px;
	background: var(--pt_pattern);
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	-webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-ms-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-o-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
	box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.05), -2px 0px 5px 1px rgba(0, 0, 0, 0.05);
}

.pet .header .navbar .dropdown-menu li a:hover {
	background: var(--pt_orange);
	color: var(--pt_white)
}

.pet .header .navbar .dropdown-menu li {
	position: relative;
	width: 100%;
	border-bottom: 1px solid #dedede;
}

.pet .header .navbar .dropdown-menu li:last-child {
	border-bottom: none;
}

.pet .header .navbar li a:after {
	display: none;
}

.pet .header .navbar .dropdown-menu li a {
	position: relative;
	display: block;
	padding: 13px 40px;
	line-height: 24px;
	font-weight: 500;
	font-size: 15px;
	color: var(--pt_black);
	text-align: right;
	padding-left: 0px !important;
	text-transform: capitalize;
	transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-webkit-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
}

.pet .header .navbar li.dropdown ul.dropdown-menu li ul {
	position: absolute;
	right: 100%;
	top: 0px;
	background: var(--pt_pattern);
	width: 100%;
	display: none;
}

.pet .header .navbar li.dropdown ul.dropdown-menu li:hover ul {
	display: block;
}

.pet span.navbar-toggler-icon.fa {
	border: 1px solid var(--pt_black);
	background: var(--pt_black);
	color: var(--pt_white);
	line-height: 0px;
	display: flex;
	justify-content: center;
	font-size: 24px;
	border-radius: 50px;
	border-top-left-radius: 5px;
	padding: 20px;
	text-align: center;
}


/* Sticky Header */

.pet .main-header {
	z-index: 999999;
}

.pet .main-header nav.main-menu .navbar-header {
	display: none;
}

.pet .main-header .sticky-header {
	background: var(--pt_pattern);
}

/* Featured Section */

.pet .featured {
	position: relative;
	color: var(--pt_black);
}

.pet .featured:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-9.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top right;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.pet .featured:after {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/back-image3-(3).png");
	background-position: top right;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	z-index: -1;
}

/* Slider */

.pet .featured .slider {
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet .featured .slider .image {
	position: relative;
}

.pet .featured .slider .yellow {
	color: var(--pt_yellow);
}

.pet .featured .slider .text p {
	font-size: 20px;
	margin-bottom: 0px;
	padding-right: 5px;
}

.pet .featured .slider .image img {
	width: 110%;
	max-width: initial;
}

.pet .featured .slider .button {
	padding-top: 42px;
}

/***

====================================================================
	Search Popup
====================================================================

***/

.search-popup {
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	margin-top: -540px;
	transform: translateY(-100%);
	background-color: rgba(0, 0, 0, 0.90);
	-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	/* easeInOutQuint */
	-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	/* easeInOutQuint */
}

.sidenav-bar-visible .search-popup {
	width: 80%;
}

.search-popup:before {
	position: absolute;
	left: 0;
	top: 100%;
	width: 100%;
	height: 560px;
	background-image: url("../images/home_5/waves-shape.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	margin-top: 0px;
	content: "";
}

.search-active .search-popup {
	transform: translateY(0%);
	margin-top: 0;
}

.search-popup .close-search {
	position: absolute;
	left: 0;
	right: 0;
	top: 75%;
	margin: 0 auto;
	margin-top: -200px;
	border-radius: 50%;
	text-align: center;
	background-color: var(--pt_orange);
	width: 70px;
	height: 70px;
	cursor: pointer;
	border-bottom: 3px solid #ffffff;
	border-top: 3px solid white;
	border-left: 3px solid transparent;
	-webkit-transition: all 500ms ease;
	border-right: 3px solid transparent;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	opacity: 0;
	visibility: hidden;
}

.search-popup .close-search span {
	position: relative;
	display: block;
	height: 70px;
	width: 70px;
	font-size: 20px;
	line-height: 70px;
	color: #ffffff;
}

.search-active .search-popup .close-search {
	visibility: visible;
	opacity: 1;
	top: 50%;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}

.search-popup form {
	position: absolute;
	max-width: 700px;
	top: 50%;
	left: 15px;
	right: 15px;
	margin: -35px auto 0;
	transform: scaleX(0);
	transform-origin: center;
	background-color: #111111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}

.search-active .search-popup form {
	transform: scaleX(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}

.search-popup .form-group {
	position: relative;
	margin: 0px;
	overflow: hidden;
}

.search-popup .form-group input[type="text"], .search-popup .form-group input[type="search"] {
	position: relative;
	display: block;
	font-size: 18px;
	line-height: 50px;
	color: #000000;
	height: 70px;
	width: 100%;
	padding: 10px 30px;
	background-color: #ffffff;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	font-weight: 500;
	text-transform: capitalize;
}

.search-popup .form-group input[type="submit"], .search-popup .form-group button {
	position: absolute;
	left: 30px;
	top: 0px;
	height: 70px;
	line-height: 70px;
	background: transparent;
	text-align: center;
	font-size: 24px;
	border: none;
	outline: none;
	color: #000000;
	padding: 0;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}

.search-popup .form-group input[type="submit"]:hover, .search-popup .form-group button:hover {
	color: #000000;
}

.search-popup input::placeholder, .search-popup textarea::placeholder {
	color: #000000;
}

/* Description Section */

.pet .descript {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
	color: var(--pt_black);
}

.pet .descript::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/home_5/pattern-11(2).png");
	background-size: contain;
	background-position: -200px 0px;
	background-repeat: no-repeat;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.pet .descript .context {
	position: relative;
	z-index: 9999;
}

.pet .descript h2 {
	margin-top: -10px;
}

.pet .descript .dog {
	position: relative;
}

.pet .descript .dog .card {
	border: none;
}

.pet .descript .dog .icon {
	position: absolute;
	left: -56%;
	top: 150px;
	transition: 1s;
}

.pet .descript svg {
	fill: var(--pt_orange);
	transition: 1s;
	width: 700px;
	height: 700px;
}

.pet .descript .icon:hover {
	transition: 1s;
	transform: rotate3d(1, 0, 1, 45deg);
}

.pet .descript .image img {
	width: 175px;
	height: 179px;
}

.pet .descript .image p {
	font-size: 18px;
}

.pet .descript .dog img {
	position: absolute;
	left: -8%;
	width: 120%;
	top: 320px;
	max-width: initial;
}

.at_upDown {
	animation: anUpDown 3.4s cubic-bezier(0.54, 0.085, 0.5, 0.92) infinite;
}

@keyframes anUpDown {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(-30px);
	}
	100% {
		transform: translateY(0px);
	}
}

.pet .descript .image h4 {
	padding: 18px 0px 10px 0px;
}

.pet .descript .image {
	padding-top: 30px;
}

/* Client Section */

.pet .new_custom {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet .new_custom::before {
	background: url("../images/home_5/pattern-8(2).png");
	background-repeat: no-repeat;
	background-position: right center;
	background-size: contain;
	position: absolute;
	top: 0px;
	right: 0px;
	content: '';
	width: calc(50vw + 520px);
	height: 100%;
	z-index: -1;
}

.pet .new_custom .an_image_vt_ps_middle.an_image {
	text-align: right;
	top: 35%;
}

.pet .new_custom .pt_image img.frisbee {
	width: 30%;
}

/* .pet .new_custom .heading {
    color: var(--pt_orange);
} */

.pet .new_custom .testimon {
	text-align: center;
	border: none;
	background: none;
	padding: 50px 0px 0px;
}

.pet .new_custom .owl-nav {
	position: relative;
	top: -300px;
}

.pet .new_custom .owl-nav button.owl-prev, .pet .new_custom .owl-nav button.owl-next {
	font-size: 35px;
	position: absolute;
	color: var(--pt_orange);
	opacity: 1;
	outline: none;
	border: 2px solid transparent;
	background: none;
	height: 60px;
	width: 60px;
	transition: 0.5s;
}

.pet .new_custom .owl-nav button.owl-prev {
	right: 0px;
}

.pet .new_custom .owl-nav button.owl-next {
	left: 0px;
}

.pet .new_custom .owl-nav button.owl-prev i, .pet .new_custom .owl-nav button.owl-next i {
	position: absolute;
	top: 13px;
	left: 11px;
	transform: rotate(-90deg);
}

.pet .new_custom .owl-nav button.owl-prev i {
	transform: rotate(90deg);
}

.pet .new_custom .owl-nav button.owl-next span {
	right: 10px;
	top: -58px;
}

.pet .new_custom .owl-nav button.owl-prev:hover, .pet .new_custom .owl-nav button.owl-next:hover {
	background: none;
	border: 2px solid var(--pt_orange);
	color: var(--pt_orange);
	transition: 0.5s;
}

.pet .new_custom .testimon img {
	border-radius: 75% 30% 30% 80% / 43% 46% 64% 66%;
	transition: 1s;
}

.pet .new_custom .testimon img.dots {
	position: absolute;
	top: 50px;
	left: 28%;
	z-index: -1;
	transition: 1s;
}

.pet .new_custom .testimon img.customer:hover + img.dots {
	left: 25%;
	transition: 1s;
}

.pet .new_custom .owl-carousel img {
	width: auto;
	display: inline-block;
	transition: 1s;
}

.pet .new_custom .testimon img:hover {
	border-radius: 30% 75% 80% 30% / 46% 43% 66% 64%;
	transition: 1s;
}

.pet .new_custom .testimon .content {
	width: 70%;
	margin: 0px auto;
	margin-top: 30px;
	position: relative;
	z-index: 999;
	font-size: 20px;
}

.pet .new_custom .testimon .content h3 {
	/* color: var(--pt_orange); */
	margin-bottom: 10px;
}

.pet .new_custom .testimon .content p {
	font-size: 20px;
	margin-bottom: 0px;
}

.pet .new_custom .testimon .content .open {
	position: absolute;
	left: -5%;
	font-size: 50px;
	top: 40%;
	color: var(--pt_purple);
	display: none;
}

.pet .new_custom .testimon .content .close {
	position: absolute;
	/* right: -5%;
    bottom: -30%;
    font-size: 50px; */
	top: -30%;
	left: 45%;
	font-size: 200px;
	opacity: 0.1;
	/* color: var(--pt_purple); */
	color: var(--pt_grey);
	z-index: -1;
	font-weight: lighter;
}

/* Method Section */

.pet .method {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
	color: var(--pt_black);
}

.pet .method .text {
	font-size: 16px;
	padding-left: 40px;
}

.pet .method .house {
	position: relative;
}

.pet .method .box {
	position: relative;
	background: var(--pt_purple);
	color: var(--pt_white);
	margin: 0px auto 25px;
	border-radius: 72% 28% 31% 69% / 50% 52% 48% 50%;
	height: 200px;
	width: 250px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 5% 0px 0px !important;
	transition: 1s;
}

.pet .method .text .box:hover {
	background: var(--pt_orange);
	transition: 1s;
}

.pet .method .text .box:hover {
	border-radius: 28% 72% 69% 31% / 52% 50% 50% 48%;
	transition: 1s;
}

.pet .method .text .box.project, .pet .method .text .box.event {
	border-radius: 28% 72% 69% 31% / 52% 50% 50% 48%;
	transition: 1s;
}

.pet .method .text .box.project:hover, .pet .method .text .box.event:hover {
	border-radius: 72% 28% 31% 69% / 50% 52% 48% 50%;
	transition: 1s;
}

.pet .method .text .box .num {
	font-weight: bold;
	font-size: 45px;
}

.pet .method .text .box .description {
	font-weight: bold;
	font-size: 14px;
}

.pet .method .box .icon {
	color: var(--pt_white);
	font-size: 70px;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: 0px;
}

.pet .method .text .box .description {
	margin-top: 10px;
	margin-right: -10px;
	margin-left: initial;
}

.pet .method .text .box.project .icon, .pet .method .text .box.event .icon {
	margin-right: 0px;
}

.pet .method .text .box.project .num, .pet .method .text .box.event .num {
	margin-right: 0px;
	margin-left: -20px;
}

.pet .method .text .box.project .description, .pet .method .text .box.event .description {
	margin-right: 0px;
	margin-left: -10px;
}

.pet .method .house .card {
	border: none;
	background: none;
	position: relative;
}

/* .pet .method .house .icon {
    position: absolute;
    left: -10%;
    top: -100px;
    transition: 1s;
} */

.pet .method .house svg {
	fill: var(--pt_orange);
	transition: 1s;
	width: 600px;
	height: 550px;
}

.pet .method .house .image {
	text-align: right;
	width: 32%;
	position: absolute;
	left: 44%;
	top: 62px;
}

.pet .method .house .ball {
	width: 20%;
}

.pet .method .house .images .back {
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: 1s;
}

.pet .method .house .images:hover .back {
	transform: translate(-50%, -50%) rotate3d(0, 2, 1, 35deg);
	transition: 1s;
}

.pet .method .house .images .dots {
	position: absolute;
	z-index: -99;
	top: 0px;
	left: -100px;
	transition: 1s;
}

.rotate {
	animation: roll 10s cubic-bezier(0.54, 0.085, 0.5, 0.92) infinite;
}

@keyframes roll {
	0% {
		transform: rotate(0deg) translateX(0px) translateY(0px);
	}
	50% {
		transform: rotate(180deg) translateX(100px) translateY(100px);
	}
	100% {
		transform: rotate(360deg) translate(0px);
	}
}

/* Step Section */

.pet .steps {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
	color: var(--pt_black);
}

.pet .steps:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/home_5/pattern-11(2).png");
	background-repeat: no-repeat;
	background-position: -200px 0px;
	background-size: contain;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.pet .steps h2 {
	/* color: var(--pt_orange); */
	padding-bottom: 45px;
}

/* Svg Animation */

.pet .steps .cards {
	margin-bottom: 40px;
}

.pet .steps .card {
	background: url("../images/home_5/app-bg.png");
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	padding: 20px;
	margin-bottom: 40px;
	transition-duration: 1s;
	overflow: visible;
}

.pet .steps .card:hover {
	box-shadow: 0px 0px 20px 0px var(--pt_pattern);
	transform: translateY(-10px);
	transition-duration: 1s;
}

.pet .steps .card::before {
	content: '';
	width: 100%;
	height: 34%;
	position: absolute;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	top: 0px;
	left: 0px;
	opacity: 0.6;
	z-index: 1;
}

.pet .steps .card.orange::before {
	background: var(--pt_orange);
}

.pet .steps .card.yellow::before {
	background: var(--pt_yellow);
}

.pet .steps .card.purple::before {
	background: var(--pt_purple);
}

.pet .steps .card::after {
	background: var(--pt_white);
	content: '';
	width: 100%;
	height: 66%;
	position: absolute;
	bottom: 0px;
	left: 0px;
	z-index: 1;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.pet .steps .card .icon {
	position: relative;
	right: 33%;
	top: 75px;
	z-index: 99;
	display: inline-block;
	background: var(--pt_white);
	width: 105px;
	height: 105px;
	border-radius: 50%;
	padding: 22px 20px;
}

.pet .steps .card.orange .icon svg * {
	stroke: var(--pt_orange);
}

.pet .steps .card.yellow .icon svg * {
	stroke: var(--pt_yellow);
}

.pet .steps .card.purple .icon svg * {
	stroke: var(--pt_purple) !important;
}

.pet .steps .card .content {
	position: relative;
	z-index: 99;
	text-align: center;
	padding-top: 30%;
}

.pet .steps .card h5 {
	font-family: var(--pt_font_1);
}

.pet .steps .card.orange .content h5 {
	color: var(--pt_orange);
}

.pet .steps .card.yellow .content h5 {
	color: var(--pt_yellow);
}

.pet .steps .card.purple .content h5 {
	color: var(--pt_purple);
}

.pet .steps .card .content h5 + p {
	padding: 20px 0px;
}

.pet .steps .card .content .more {
	position: relative;
}

.pet .steps .card .content .more a {
	width: 78px;
	height: 78px;
	border-radius: 50%;
	background: var(--pt_white);
	padding: 26px 25px;
	position: absolute;
	font-size: 20px;
	left: 38%;
	top: -21px;
	transition: 0.7s;
}

.pet .steps .card.orange .content .more a {
	color: var(--pt_orange);
}

.pet .steps .card.yellow .content .more a {
	color: var(--pt_yellow);
}

.pet .steps .card.purple .content .more a {
	color: var(--pt_purple);
}

.pet .steps .card .content .more a i {
	position: relative;
	z-index: 99;
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.pet .steps .card .content .more a:before {
	background: var(--pt_white);
	content: '';
	width: 50%;
	height: 50%;
	position: absolute;
	transform: scale(1);
	top: 27%;
	left: 25%;
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
	border-radius: 50%;
	z-index: 1;
}

.pet .steps .card:hover .content .more a i {
	color: var(--pt_white);
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.pet .steps .card:hover .content .more a::before {
	transform: scale(1.9);
	transition: all 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.pet .steps .card.orange:hover .content .more a::before {
	background: var(--pt_orange);
}

.pet .steps .card.yellow:hover .content .more a::before {
	background: var(--pt_yellow);
}

.pet .steps .card.purple:hover .content .more a::before {
	background: var(--pt_purple);
}

/* Contact Section */

.pet .contact {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
	color: var(--pt_black);
}

.pet .contact::before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.pet .contact .faq > p {
	color: var(--pt_purple);
	margin-bottom: 0px;
	font-size: 18px;
	font-weight: 600;
}

.pet .contact .faq h3 {
	padding-bottom: 20px;
	margin-bottom: 0px;
	text-align: right;
}

.pet .contact .accordion .accordion-item.active {
	pointer-events: none;
}

.pet .contact .accordion .accordion-item {
	margin-bottom: 15px;
	background: none;
	border: none;
}

.pet .contact .accordion .accordion-header .accordion-button {
	background: var(--pt_purple);
	color: var(--pt_white);
	border-radius: 5px;
	outline: none;
	box-shadow: none;
	text-align: right;
	padding: 10px 20px;
}

.pet .contact .accordion .accordion-item.active .accordion-button {
	background: var(--pt_orange);
}

.accordion-button::after, .accordion-button:not(.collapsed)::after {
	display: none;
}

.pet .contact .accordion-item.active .card-title + span {
	transform: rotate(0deg);
	float: right;
	transition: 0.3s;
}

.pet .contact .accordion-item.active .accordion-button .card-title + span {
	transform: rotate(180deg);
	transition: 0.3s;
}

.pet .contact .accordion .card-title {
	width: 100%;
	margin-bottom: 0px;
}

.pet .contact .accordion .card-title span {
	padding-right: 10px;
}

.pet .contact .accordion .accordion-body {
	background: var(--pt_pattern);
	border-radius: 5px;
}

/* Form Section */

.pet .contact .form .heading p {
	padding-right: 40px;
	text-align: right;
}

.pet .contact .form .heading p + h3 {
	font-size: 38px;
}

.pet .contact .form .heading p:before, .pet .contact .form .heading p:after {
	background: var(--pt_white);
}

.pet .contact .form {
	position: relative;
	background: var(--pt_yellow);
	padding: 50px;
	border-radius: 15px;
	opacity: 0.9;
	margin-bottom: 20px;
}

.pet .contact .form p + h3 {
	padding-bottom: 10px;
	color: var(--pt_white);
	margin-bottom: 0px;
	text-align: right;
}

.pet .contact .form label {
	font-size: 14px;
	color: var(--pt_white);
	float: right;
}

.pet .contact .form .form-select {
	border-radius: 50px;
	border-top-left-radius: 0px;
	margin-bottom: 1rem;
	height: 50px;
	background-position: left .75rem center;
}

.pet .contact .form .result p {
	color: var(--pt_orange);
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

/* Range Slider */

.pet .contact .form .slidecontainer {
	width: 100%;
	padding: 20px 0px;
}

.pet .contact .form .slider {
	-webkit-appearance: none;
	width: 100%;
	height: 10px;
	background: var(--pt_orange);
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 20px;
}

.pet .contact .form .slider:hover {
	opacity: 1;
}

.pet .contact .form .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	background: #4CAF50;
	cursor: pointer;
	border-radius: 50%;
}

.pet .contact .form .slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: #4CAF50;
	cursor: pointer;
	border-radius: 50%;
}

.pet .contact .form .slidecontainer #day {
	color: var(--pt_purple);
	font-weight: bold;
	font-size: 20px;
}

.pet .contact .form .result h3 {
	color: var(--pt_black);
}

.pet .contact .form .result h3 span {
	color: var(--pt_black);
}

/* Home Page 5 End*/

/***

====================================================================
	About Pet Page Styling
====================================================================

***/

/* About Us Section */

.about.pet .about_us {
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
	position: relative;
}

.about.pet .about_us:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.about.pet .about_us .image {
	position: relative;
}

.about.pet .about_us .text {
	padding-top: 3em;
	text-align: right;
}

.about.pet .about_us .text ul li {
	margin-bottom: 1em;
	color: var(--pt_black);
}

.about.pet .about_us .text ul li i {
	float: right;
	padding-left: 10px;
}

.about.pet .about_us .button {
	margin-top: 50px;
}

/* Service Section */

.about.pet .service {
	position: relative;
	padding: 90px 0px 0px;
}

.about.pet .service .card {
	background: var(--pt_pattern);
	padding: 20px 25px;
	border-radius: 10px;
	margin-bottom: 15px;
	position: relative;
	transition: 0.7s;
}

.about.pet .service .card:hover {
	box-shadow: 0 0 70px var(--pt_pattern);
	transform: translateY(-10px);
	transition: 0.7s;
}

.about.pet .service .card:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/home_5/app-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	width: 100%;
	height: 100%;
	z-index: 0;
	opacity: 0.5;
}

.about.pet .service .card .icon {
	position: absolute;
	right: 25px;
	top: 20px;
	text-align: right;
}

.about.pet .service .card .icon svg {
	width: 30%;
}

.about.pet .service .card .context {
	padding-right: 110px;
	text-align: right;
}

.about.pet .service .card .icon.orange path {
	stroke: var(--pt_orange);
	stroke-width: 3px;
}

.about.pet .service .card .icon.yellow path {
	stroke: var(--pt_yellow);
	stroke-width: 3px;
}

.about.pet .service .card .icon.purple path {
	stroke: var(--pt_purple);
	stroke-width: 3px;
}

.about.pet .service .card .context a {
	color: var(--pt_black);
}

/* Team Section */

.about.pet .team {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.about.pet .team:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/home_5/pattern-11(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: -100px 0px;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.about.pet .team .member {
	text-align: center;
	padding-top: 50px;
}

.about.pet .team .member .image img {
	border-radius: 75% 30% 30% 80% / 43% 46% 64% 66%;
	padding-bottom: 30px;
	transition: 1s;
}

.about.pet .team .member .image img:hover {
	border-radius: 30% 75% 80% 30% / 46% 43% 66% 64%;
	transition: 1s;
}

.about.pet .team .member .content .name a {
	font-size: 36px;
	color: var(--pt_black);
	font-family: var(--pt_font_2);
	font-weight: 700;
	line-height: 1.6em;
	transition: all 0.3s;
}

.about.pet .team .member .content .name a:hover {
	color: var(--pt_purple);
}

.about.pet .team .member .content p a {
	width: 40px;
	height: 40px;
	display: inline-block;
	background: none;
	color: var(--pt_white);
	text-align: center;
	line-height: 36px;
	border-radius: 50%;
	margin: 10px 0px 0px 15px;
}

.about.pet .team .member .content p + p {
	width: 80%;
	margin: 0px auto;
	border-top: 1px solid var(--pt_nwhite);
}

.about.pet .team .member .content a[title="facebook"] {
	border: 2px solid var(--pt_orange);
	transition: 0.5s;
}

.about.pet .team .member .content a[title="twitter"] {
	border: 2px solid var(--pt_yellow);
	transition: 0.5s;
}

.about.pet .team .member .content a[title="instagram"] {
	border: 2px solid var(--pt_purple);
	transition: 0.5s;
}

.about.pet .team .member .content a[title="facebook"]:hover {
	color: var(--pt_orange);
	border-radius: 0px;
	transition: 0.5s;
}

.about.pet .team .member .content a[title="twitter"]:hover {
	color: var(--pt_yellow);
	border-radius: 0px;
	transition: 0.5s;
}

.about.pet .team .member .content a[title="instagram"]:hover {
	color: var(--pt_purple);
	border-radius: 0px;
	transition: 0.5s;
}

/* Counter Section */

.about.pet .method .box {
	padding-top: 18%;
}

.about.pet .method .box .icon {
	color: var(--pt_white);
	font-size: 70px;
	display: inline-block;
	margin-bottom: 20px;
	margin-right: -20px;
}

.about.pet .method .text .box .description {
	margin-top: 10px;
	margin-right: -10px;
}

.about.pet .method .text .box.project .icon, .about.pet .method .text .box.event .icon {
	margin-right: 0px;
}

.about.pet .method .text .box.project .num, .about.pet .method .text .box.event .num {
	margin-right: 0px;
	margin-left: -20px;
}

.about.pet .method .text .box.project .description, .about.pet .method .text .box.event .description {
	margin-right: 0px;
	margin-left: -10px;
}

.about.pet .new_custom .owl-nav button.owl-prev i, .pet .new_custom .owl-nav button.owl-next i {
	top: 16px;
	left: 14px;
}

/* Testimonial Section */

.about.pet .new_custom .testimon .content p {
	font-size: 20px;
}

/* About Page End*/

/***

====================================================================
	About Page 2 style
====================================================================

***/

/* About Us Section */

.about.second .about_us .text {
	padding-top: 1.5em;
}

/* FAQ Section */

.about.second .faq {
	padding: 90px 0px;
	position: relative;
	z-index: 99;
}

.about.second .faq::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url(../images/home_5/faq_bg.png);
	background-size: auto;
	background-position: right bottom;
	background-repeat: no-repeat;
	z-index: -1
}

.about.second .faq .content {
	padding-top: 3em;
}

.about.second .faq .content.contact:before {
	display: none;
}

.about.second .faq .accordion .accordion-header .accordion-button {
	padding: 30px 20px;
	font-size: 20px;
	border-radius: 10px;
	box-shadow: 0px 0px 20px 0px var(--pt_pattern);
	transition: 0.5s;
}

.about.second .faq .accordion .accordion-header .accordion-button .card-title {
	font-size: 30px;
	color: var(--pt_white);
	transition: 0.5s;
}

.about.second .faq .accordion .accordion-header .accordion-button .card-title + span {
	float: right;
}

.about.second .faq .accordion .accordion-body {
	border-bottom: 1px solid var(--pt_nwhite);
	background: var(--pt_white);
}

/* Steps Section */

.about.second .steps {
	margin: 0px 0px 90px;
}

/* Testimonial Section */

.about.second .new_custom .testimon .content h3 {
	margin-bottom: 20px;
}

/* About Page 2 End*/

/***

====================================================================
	Service Page Style
====================================================================

***/

/* Services Section */

.pet.service .service:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: 0;
}

.pet.service .about.pet .service .cards {
	margin-top: 2em;
}

.pet.service .about.pet .service .card {
	margin-top: 30px;
}

.pet.service .about.pet .service .card .context {
	padding-right: 130px;
}

.pet.service .about.pet .card .icon svg {
	width: 35%;
	padding-top: 10px;
	padding-left: 10px;
}

.pet.service .about.pet .card .context p {
	padding-top: 10px;
	margin-bottom: 0px;
}

.pet.service .about.pet .service .card .icon.orange path {
	stroke-width: 2px;
}

/* Steps Section */

.pet.service .steps:before {
	background-size: contain;
	background-position: -100px 300px;
}

.pet.service .steps .card {
	background: none;
	margin-top: 30px;
	border: 1px solid var(--pt_pattern);
	border-radius: 10px;
}

.pet.service .steps .card .icon {
	top: 150px;
}

.pet.service .steps .card.s_one::before {
	background: url("../images/home_5/service-1.png");
	background-position: center;
	background-size: cover;
}

.pet.service .steps .card.s_two::before {
	background: url("../images/home_5/service-2.png");
	background-position: center;
	background-size: cover;
}

.pet.service .steps .card.s_three::before {
	background: url("../images/home_5/service-3.png");
	background-position: center;
	background-size: cover;
}

.pet.service .steps .card.s_four::before {
	background: url("../images/home_5/service-4.png");
	background-position: center;
	background-size: cover;
}

.pet.service .steps .card.s_five::before {
	background: url("../images/home_5/service-5.png");
	background-position: center;
	background-size: cover;
}

.pet.service .steps .card.s_six::before {
	background: url("../images/home_5/service-6.png");
	background-position: center;
	background-size: cover;
}

.pet.service .steps .card::before {
	height: 50%;
	opacity: 1;
}

.pet.service .steps .card::after {
	height: 50%;
}

.pet.service .steps .card .content {
	padding-top: 50%;
}

.pet.service .steps .cards {
	margin-bottom: 0px;
}

/* Contact Section */

.pet.service .contact .faq form {
	padding-top: 1em;
}

.pet.service .contact .faq form input {
	padding: 20px;
	border-radius: 50px;
	margin-bottom: 30px;
	border-top-left-radius: 0px;
	height: 45px;
}

.pet.service .contact .faq form select {
	border-radius: 50px;
	margin-bottom: 30px;
	border-top-left-radius: 0px;
	background-position: left .75rem center;
	padding-right: 25px;
	height: 45px;
}

.pet.service .contact .faq form textarea {
	border: 1px solid #ced4da;
	width: 100%;
	height: 150px;
	border-radius: 5px;
	padding: 20px;
	margin-bottom: 30px;
}

.pet.service .contact .faq form button {
	width: auto !important;
	color: var(--pt_white);
	font-weight: bold;
	border: 2px solid var(--pt_orange);
	background: var(--pt_white);
	border-radius: 50px;
	border-top-left-radius: 0px;
	padding: 20px 35px !important;
	line-height: 0px;
	overflow: hidden;
	transition: 0.7s;
	float: right;
}

.pet.service .contact .faq form button:hover {
	color: var(--pt_orange);
	border-top-left-radius: 50px;
	border-bottom-left-radius: 0px;
	transition: 0.7s;
}

/* Services Page End*/

/***

====================================================================
 	Buy Pet Page Style
====================================================================

***/

/* Care Section */

.buy.pet .care {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.buy.pet .care .form {
	margin-top: 5%;
	padding: 5%;
	border: none;
	border-radius: 10px;
	background: url("../images/home_5/app-bg.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	transform: translateY(0px);
	transition: 1s;
}

.buy.pet .care .form:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	width: 100%;
	height: 100%;
	z-index: 0;
	background: var(--pt_yellow);
	opacity: 0.7;
	border-radius: 10px;
}

.buy.pet .care .form:hover {
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transform: translateY(-10px);
	transition: 1s;
}

.buy.pet .care .form select {
	height: 50px;
	border-radius: 50px;
	border-top-left-radius: 0px;
}

.buy.pet .care .form .result p {
	margin-bottom: 0px;
}

.buy.pet .care .form .result h3 {
	color: var(--pt_black);
}

.buy.pet .care .form .result h3 span {
	color: var(--pt_black);
}

.buy.pet .care .result {
	text-align: center;
	padding-top: 5%;
}

/* Range Slider */

.buy.pet .care .form .slider {
	-webkit-appearance: none;
	width: 51%;
	height: 10px;
	background: var(--pt_orange);
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	border-radius: 20px;
	margin-left: 20px;
}

.buy.pet .care .form .slider:hover {
	opacity: 1;
}

.buy.pet .care .form .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	background: #4CAF50;
	cursor: pointer;
	border-radius: 50%;
}

.buy.pet .care .form .slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	background: #4CAF50;
	cursor: pointer;
	border-radius: 50%;
}

.buy.pet .care .form .slidecontainer #day {
	color: var(--pt_purple);
	font-weight: bold;
	font-size: 20px;
}

/* Team Section  */

.buy.pet .about.pet .team:before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 0px 150px;
	width: calc(50vw + 1000px);
	height: 100%;
	z-index: -1;
}

.buy.pet .about.pet .team .member {
	border-bottom: 1px solid var(--pt_nwhite);
	padding-bottom: 50px;
}

.buy.pet .about.pet .team .member .content a h3 {
	display: block;
}

.buy.pet .about.pet .team .member .content ul {
	text-align: right;
	padding: 20px;
}

.buy.pet .about.pet .team .member .content ul li i {
	float: right;
	margin-left: 10px;
}

.buy.pet .about.pet .team .member .content a.btn.main {
	padding: 10px 20px;
	font-size: 14px;
}

/***

====================================================================
	Pet Profile Style
====================================================================

***/

/* Profile Section */

.pet.profile .profile {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet.profile .profile::before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: 0;
}

.pet.profile .profile .slide {
	position: relative;
	padding-top: 5%;
}

.pet.profile .profile .slide .spec {
	text-align: right;
}

.pet.profile .profile .slide .spec ul {
	padding-top: 5%;
	font-size: 18px;
	margin-bottom: 8%;
	text-align: right;
}

.pet.profile .profile .slide .spec ul li {
	width: 45%;
	display: inline-block;
	color: var(--pt_black);
}

.pet.profile .profile .slide .spec ul li i {
	float: right;
	margin-left: 10px;
}

.pet.profile .profile .new_custom {
	padding: 0px;
}

.pet.profile .profile .new_custom::before {
	background: none;
}

.pet.profile .profile .slide .images {
	width: 100%;
	padding-right: 5%;
	margin-top: 0px;
}

.pet.profile .profile .slide .images .testimon {
	padding: 0px;
}

.pet.profile .profile .slide .images img {
	width: 85%;
}

.pet.profile .profile .slide .images .owl-nav {
	width: 110%;
	right: -5%;
	top: -200px;
}

/* More Pets */

.pet.profile .pet.service .steps::before {
	background: none;
}

.pet.profile .pet.service .steps .card .icon {
	padding: 0px;
}

.pet.profile .pet.service .steps .card .icon img {
	height: 100%;
	width: 100%;
	border-radius: 50%;
	padding: 5px;
}

.pet.profile .pet.service .steps .card.s_one::before {
	background-image: url("../images/home_5/pet-profile4.png");
}

.pet.profile .pet.service .steps .card.s_two::before {
	background-image: url("../images/home_5/pet-profile2.png");
}

.pet.profile .pet.service .steps .card.s_three::before {
	background-image: url("../images/home_5/pet-profile5.png");
}

/* New Profile */

.pet .featured_new .header .navbar .nav-link {
	color: var(--pt_white);
}

.pet .featured_new .header .navbar .search-box-btn .nav-link {
	color: var(--pt_white);
}

.pet .featured_new {
	position: relative;
	background-image: url(../images/home_5/pet_banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center top;
	height: 800px;
	margin-bottom: 100px;
	padding-bottom: 100px;
}

.pet .featured_new::after {
	content: '';
	position: absolute;
	bottom: -33px;
	left: 0px;
	background-image: url(../images/home_5/bottom_wave.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	height: 21%;
	width: 100%;
	z-index: 1;
}

.pet .featured_new .card {
	width: 30%;
	background: rgba(0, 0, 0, 0.9);
	color: var(--pt_white);
	z-index: 99;
	position: absolute;
	right: 10px;
	top: 30%;
	padding: 20px;
	margin-bottom: 50px;
}

.pet .featured_new .card h3 {
	color: var(--pt_white);
	padding-bottom: 20px;
}

.pet .featured_new .card h3 span {
	color: var(--pt_pattern);
}

.pet .featured_new .card li i {
	display: inline-block;
	transform: rotate(90deg);
}

.pet .featured_new .card a.btn {
	padding: 10px 50px;
	margin-top: 20px;
}

/* Profile Page End */

/***

====================================================================
	Pet Shop Page Style
====================================================================

***/

/* Filter */

.pet.shop .filter .form {
	text-align: right;
}

.pet.shop .filter .form .form-group {
	display: inline-block;
}

.pet.shop .filter select {
	height: 45px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	color: var(--pt_grey);
	font-style: italic;
	background-color: var(--pt_pattern);
	background-position: left .75rem center;
	display: inline-block;
}

/*  */

.pet.shop .filter .layout {
	text-align: right;
}

.pet.shop .filter .tabs ul {
	float: left;
}

.pet.shop .filter .tabs .nav-tabs .nav-link {
	color: var(--pt_orange);
}

.pet.shop .filter .tabs .nav-tabs .nav-link.active {
	color: var(--pt_white);
	background-color: var(--pt_orange);
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	background-color: var(--pt_orange);
	color: var(--pt_white);
}

/* Grid Cards */

.pet.shop .steps:before {
	background-position: -100px 300px;
	background-size: contain;
}

.pet.shop .steps .card:before {
	display: none;
}

.pet.shop .steps .card:after {
	height: 100%;
	z-index: -1;
}

.pet.shop .steps .cards {
	margin-bottom: 0px;
}

.pet.shop .steps .card {
	background: none;
	padding: 0px 0px 5%;
	margin-top: 5%;
	border-radius: 10px;
	border: 1px solid var(--pt_pattern);
}

.pet.shop .steps .card.orange p.head {
	color: var(--pt_orange);
}

.pet.shop .steps .card.yellow p.head {
	color: var(--pt_yellow);
}

.pet.shop .steps .card.purple p.head {
	color: var(--pt_purple);
}

.pet.shop .steps .card .image {
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.pet.shop .steps .card .image img {
	transform: scale(1);
	width: 100%;
	height: 100%;
	border-radius: 10px;
	transition: all 1s;
}

.pet.shop .steps .card:hover .image img {
	transform: scale(1.05);
	transition: all 1s;
}

.pet.shop .steps .card .content {
	padding: 10% 5% 2%;
}

.pet.shop .steps .card .content p.cat {
	margin-bottom: 0px;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
}

.pet.shop .steps .card .content h5 {
	font-size: 20px;
}

.pet.shop .steps .card .content .more a {
	font-size: 25px;
	left: 34%;
}

.pet.shop .steps .card .content p.head {
	font-size: 18px;
	margin-bottom: 0px;
}

.pet.shop .steps .card .content p.rating {
	font-size: 18px;
	margin-bottom: 0px;
}

.pet.shop .steps .card .content h5 + p {
	padding: 0px;
	padding-top: 5px;
}

.pet.shop .steps .card .sale_label {
	position: absolute;
	top: 0em;
	right: 0em;
	left: auto;
	background: var(--pt_orange);
	color: white;
	opacity: .9;
	z-index: 1;
	width: 60px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	border-radius: 50%;
	border-top-right-radius: 0px;
}

.pet.shop .steps .card .new {
	background: var(--pt_purple);
}

/*  */

.pet.shop .steps .card p.head span {
	font-size: 14px;
	color: var(--pt_grey);
	opacity: .7;
	padding-right: 10px;
	text-decoration: line-through;
	margin-bottom: 25px;
	display: inline-block;
}

/* Detail Cards */

.pet.shop .steps .detailed:last-child {
	margin-bottom: 0px;
}

.pet.shop .steps .detailed .card {
	background: var(--pt_white);
	padding: 0px;
}

.pet.shop .steps .detailed .card:after {
	display: none;
}

.pet.shop .steps .detailed .card .content {
	padding: 4%;
	text-align: right;
}

.pet.shop .steps .detailed .card .content .type {
	font-style: italic;
	font-weight: bold;
}

.pet.shop .steps .detailed .card .content .description {
	font-size: 20px;
	color: var(--pt_grey);
}

.pet.shop .steps .detailed .card .content .price {
	color: var(--pt_orange);
	font-size: 25px;
	padding: 20px 0px;
	font-weight: bold;
}

.pet.shop .steps .detailed .card .content .price span {
	color: var(--pt_grey);
	text-decoration: line-through;
	opacity: 0.7;
	font-size: 18px;
	padding-right: 20px;
}

.pet.product .pet.profile .profile .slide .spec .price span {
	padding-right: 15px;
	margin-bottom: 10px;
}

.pet.shop .steps .detailed .card .content a.btn.main {
	padding: 10px 50px;
	margin-top: 20px;
}

.pet.shop .steps .detailed .card {
	background: var(--pt_white);
	padding: 0px;
}

/* Pet Shop Page End */

/***

====================================================================
	Pet Product Page Style
====================================================================

***/

.pet.product .pet.profile .profile .slide {
	padding-bottom: 0px;
}

.pet.product .pet.profile .profile .slide .images {
	overflow: hidden;
	padding: 0px;
	width: auto;
	margin-right: 5%;
	transition: all 1s;
}

.pet.product .pet.profile .profile .slide .images img {
	transform: scale(0.9);
	transition: all 1s;
	width: 100%;
}

.pet.product .pet.profile .profile .slide .images:hover img {
	transform: scale(1);
	transition: all 1s;
}

.pet.product .pet.profile .profile .slide .spec .price {
	border-top: 1px solid var(--pt_pattern);
	border-bottom: 1px solid var(--pt_pattern);
	margin: 3% 0%;
	padding: 3% 3% 0% 0%;
}

.pet.product .pet.profile .profile .slide .spec .price {
	border-top: 1px solid var(--pt_pattern);
	border-bottom: 1px solid var(--pt_pattern);
	margin: 3% 0%;
	padding: 3%;
}

.pet.product .pet.profile .profile .slide .spec .price .old span {
	text-decoration: line-through;
	font-size: 22px;
	display: inline-block;
}

.pet.product .pet.profile .profile .slide .spec .price .new span {
	font-size: 25px;
}

.pet.product .pet.profile .profile .slide .spec strong {
	font-size: 20px;
	color: var(--pt_orange)
}

.pet.product .pet.profile .profile .slide .spec form {
	padding-top: 4%;
}

.pet.product .pet.profile .profile .slide .spec .quantity {
	margin-left: 5%;
}

.pet.product .pet.profile .profile .slide .spec .quantity input {
	width: 50px;
	height: 50px;
	font-size: 24px;
	border: 1px solid var(--pt_pattern);
	padding-left: 20%;
	margin: 25% 0% 0%;
	color: var(--pt_purple);
}

.pet.product .description {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet.product .description ul.nav-tabs li a {
	padding: 15px 50px;
	color: var(--pt_orange);
	border: none;
}

.pet.product .description ul.nav-tabs .nav-link.active {
	background: var(--pt_orange);
	color: var(--pt_white);
}

.pet.product .description .content {
	padding: 30px;
	box-shadow: none;
	border: 1px solid var(--pt_pattern);
	text-align: right;
	transition: 1s;
}

.pet.product .description .content:hover {
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transition: 1s;
}

.pet.product .description .comment {
	border-bottom: 1px solid var(--pt_pattern);
	padding: 25px 0px;
	text-align: right;
	padding-right: 150px;
	position: relative;
}

.pet.product .description .image {
	position: absolute;
	right: 0%;
	top: 20%;
}

.pet.product .description .comment p {
	margin-bottom: 0px;
}

.pet.product .description .comment img {
	border-radius: 75% 30% 30% 80% / 43% 46% 64% 66%;
	transition: all 1s;
}

.pet.product .description .comment img:hover {
	border-radius: 30% 75% 80% 30% / 46% 43% 66% 64%;
	transition: all 1s;
}

.pet.product .description .write {
	text-align: right;
}

.pet.product .description .write a[data-bs-toggle="collapse"] {
	font-size: 20px;
	display: inline-block;
	margin: 20px 0px;
}

.pet.product .description .write a.btn.main {
	display: inline-block;
	margin-top: 25px;
	margin-bottom: 10px;
}

/* Pet Product Page End */

/***

====================================================================
	Pet Cart Page Style
====================================================================

***/

/*  */

.pet.cart .entry {
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
	position: relative;
}

.pet.cart .entry::before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center right;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: 0;
}

.pet.cart .entry .card {
	background: none;
	border-radius: 10px;
	overflow: hidden;
	transition: 1s;
}

.pet.cart .entry table {
	border: 1px solid var(--pt_pattern);
	background: var(--pt_white);
	box-shadow: none;
}

.pet.cart .entry .card:hover {
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transform: translateY(-5px);
	transition: 1s;
}

.pet.cart .entry .table .thead {
	background: var(--pt_purple);
}

.pet.cart .entry .table td {
	padding: 20px 0px 20px 48px;
	vertical-align: middle;
}

.pet.cart .entry .table td.orange {
	font-weight: bold;
}

.pet.cart .entry .table > tbody > tr > td, .pet.cart .entry .table > tbody > tr > th {
	text-align: right;
}

/*  */

.pet.cart .coupan {
	position: relative;
	z-index: 99;
}

.pet.cart .coupan .form .form-group {
	position: relative;
}

.pet.cart .coupan .form form input {
	padding: 22px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	height: 45px;
}

.pet.cart .coupan .form form button {
	width: 140px;
	background: var(--pt_orange);
	color: var(--pt_white);
	font-weight: bold;
	border-radius: 50px;
	border-top-left-radius: 0px;
	border: none;
	position: absolute;
	top: 1px;
	left: 0px;
	padding: 22px 0px;
	line-height: 0px;
	margin: 0px;
}

.pet.cart .coupan .form ul li {
	font-size: 18px;
	padding: 8px 0px;
	border-bottom: 1px solid var(--pt_nwhite);
}

.pet.cart .coupan .form ul li span {
	float: left;
}

.pet.cart .coupan .form a.btn.main {
	font-size: 18px;
	padding: 10px 40px;
	margin-bottom: 20px;
}

.pet.cart .continue a.btn {
	float: left;
	font-size: 20px;
	font-weight: bold;
	color: var(--pt_purple);
	transition: 0.5s;
}

.pet.cart .continue a.btn:hover {
	color: var(--pt_orange);
	transition: 0.5s;
}

/* Pet Cart Page End */

/***

====================================================================
	Check Out Pet Page Style
====================================================================

***/

.pet.check .contact .faq {
	padding-top: 0px;
}

.pet.check .contact .form p {
	color: var(--pt_white);
	text-align: right;
}

.pet.check .contact .form ul li {
	color: var(--pt_white);
	font-size: 18px;
	font-weight: bold;
	padding: 10px 0px;
	border-bottom: 1px solid var(--pt_white);
	text-align: right;
}

.pet.check .contact .form ul li span {
	float: left;
	font-weight: normal;
}

.pet.check .contact .form label {
	font-size: 18px;
	margin-right: 25px;
	width: 100%;
	text-align: right;
}

.pet.check .contact .form input[type=radio] {
	position: relative;
	top: 0px;
	float: right;
}

.pet.check .contact .faq input {
	padding: 20px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	height: 45px;
	margin-bottom: 25px;
}

.pet.check .contact .faq select {
	height: 45px;
	padding-right: 25px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	margin-bottom: 25px;
	background-position: left .75em center;
}

.pet.check .contact .faq button.btn {
	margin-top: 25px;
	border-radius: 50px;
	overflow: hidden;
	border-top-left-radius: 0px;
	width: auto;
	padding: 20px 40px;
	line-height: 0px;
	color: var(--pt_white);
	font-weight: bold;
	background: var(--pt_white);
	border: 2px solid var(--pt_orange);
	float: right;
	transition: 0.3s;
}

.pet.check .contact .faq button.btn:hover {
	color: var(--pt_orange);
	border-top-left-radius: 50px;
	border-bottom-right-radius: 0px;
	transition: 0.3s;
}

/* Check Pet Page End */

/***

====================================================================
	Gallery Page Style
====================================================================

***/

.pet.gallery .gallery {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet.gallery .gallery::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/home_5/pattern-11(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: -150px 150px;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.pet.gallery .gallery .tabs {
	margin-top: 5%;
}

.pet.gallery .gallery .tabs ul li i {
	float: left;
}

.pet.gallery .gallery figure {
	border-radius: 75% 30% 30% 80% / 43% 46% 64% 66%;
	margin: 50px 0px 0px;
	overflow: hidden;
	transition: all 1s;
}

.pet.gallery .gallery figure:hover {
	border-radius: 30% 75% 80% 30% / 46% 43% 66% 64%;
	transition: all 1s;
}

.pet.gallery .gallery figure figcaption {
	padding: 30% 0% 0%;
	background: rgba(0, 0, 0, 0.7);
	transition: all 1s;
	opacity: 0;
}

.pet.gallery .gallery figure:hover figcaption {
	opacity: 1;
	transition: all 1s;
}

.pet.gallery .gallery ul.nav-tabs li a {
	padding: 15px 43px;
	color: var(--pt_orange);
	border: none;
}

.pet.gallery .gallery ul.nav-tabs .nav-link.active {
	background: var(--pt_orange);
	color: var(--pt_white);
}

/* Gallery Page End */

/***

====================================================================
	Gallery Page 2 Style
====================================================================

***/

.gallery.second .gallery figure {
	transition: all 1s;
	border-radius: 10px;
}

.pet.gallery .gallery::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/home_5/pattern-11(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: -150px 0px;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.gallery.second .gallery figure img {
	transform: scale(1);
	transition: all 1s;
}

.gallery.second .gallery figure:hover img {
	transform: scale(1.3);
	transition: all 1s;
}

.gallery.second .gallery figure:hover {
	border-radius: 30% 75% 80% 30% / 46% 43% 66% 64%;
	transition: all 1s;
}

.gallery.second .gallery figure figcaption {
	padding: 35% 3% 0% 0%;
}

.gallery.second .gallery figure figcaption a {
	width: 50px;
	height: 50px;
	display: inline-block;
	background: var(--pt_purple);
	position: relative;
	padding-top: 10px;
	border-radius: 50%;
	font-size: 20px;
	color: var(--pt_white);
}

/* Gallery Page 2 End */

/***

====================================================================
	Pet Error Page Style
====================================================================

***/

.pet.error .crumb {
	padding-bottom: 15px;
}

.pet.error .error {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet.error .error::before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: bottom right;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: 0;
}

.pet.error .error h2 {
	font-size: 150px;
}

.pet.error .error a.btn i {
	display: inline-block;
	transform: rotate(-90deg);
}

.pet.error .error .an_image.an_image_hz_ps_left {
	left: -150px;
}

.pet.error .error .an_image img {
	width: 25%;
}

/* Pet Error Page End */

/***

====================================================================
	Pet Appointment Page Style
====================================================================

***/

.pet.appoint .pet.service .contact .faq {
	padding-top: 3%;
}

.pet.appoint .pet.service .contact .faq form input {
	padding: 22px;
}

.pet.appoint .pet.service .contact .faq form button {
	width: 20%;
	padding: 25px 0px;
	float: right;
}

/* Pet Appointment Page End */

/***

====================================================================
	Pet Coming Page Style
====================================================================

***/

.pet.comming .featured .crumb {
	margin-top: 0px;
	padding-top: 75px;
}

.pet.comming .featured::before {
	width: calc(40vw + 500px);
}

.pet.comming .coming {
	margin-bottom: 20px;
	position: relative;
}

.pet.comming .coming ul li {
	width: 25%;
	float: left;
}

.pet.comming .coming h2 + h4 {
	color: var(--pt_grey);
	font-style: italic;
}

.pet.comming .coming a.btn.main {
	margin-top: 1.5em;
	margin-bottom: 3em;
}

.pet.comming .coming .image {
	display: inline-block;
	position: absolute;
	top: -100px;
	left: 0px;
	z-index: -1;
}

/* Pet Coming Page End */

/***

====================================================================
	Donate Pet Page Style
====================================================================

***/

.donate.pet .pet.service .contact .faq {
	padding-top: 2em;
	color: #495057;
	text-align: right;
}

.donate.pet .pet.service .contact .faq form .form-check {
	float: right;
}

.donate.pet .pet.service .contact .faq form .form-check input {
	padding: 10px;
	border-radius: 50%;
	margin: 0px 10px 0px 0px;
	height: auto;
}

.donate.pet .pet.service .contact .faq form .form-check .form-check-label {
	margin-bottom: 30px;
}

.donate.pet .pet.service .contact .faq form .form-group {
	margin-bottom: 0px;
}

.donate.pet .pet.service .contact .faq form .form-group.amount {
	float: left;
}

.donate.pet .pet.service .contact .faq form input#custom {
	padding-right: 0px;
	padding-left: 15px;
}

.donate.pet .pet.service .contact .faq form .amount select {
	border: 1px solid #ced4da;
	display: inline-block;
	margin-right: 10px;
	color: #495057;
}

/* Donate Pet Page End*/

/***

====================================================================
	Job Page Style
====================================================================

***/

.pet.job .job {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet.job .job::before {
	content: '';
	position: absolute;
	top: 0px;
	left: 0px;
	background: url("../images/home_5/pattern-11(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: -100px center;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.pet.job .job .card {
	border: 1px solid var(--pt_pattern);
	padding: 25px;
	border-radius: 5px;
	position: relative;
	overflow: hidden;
	transition: 1s;
	margin-top: 30px;
	transform: translateY(0px);
}

.pet.job .job .card:before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1%;
	background: var(--pt_white);
	transition: 1s;
}

.pet.job .job .card:hover {
	transform: translateY(-10px);
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transition: 1s;
}

.pet.job .job .card:hover::before {
	background: var(--pt_purple);
	transition: 1s;
}

.pet.job .job .card .icon .label {
	position: absolute;
	color: var(--pt_white);
	background: var(--pt_yellow);
	padding: 5px 15px;
	top: 5%;
	right: 0%;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.pet.job .job .card .icon svg {
	width: 100px;
	height: 100px;
}

.pet.job .job .card .icon.orange svg path {
	stroke: var(--pt_orange);
}

.pet.job .job .card .icon.yellow svg path {
	stroke: var(--pt_yellow);
}

.pet.job .job .card .icon.purple svg path {
	stroke: var(--pt_purple);
}

.pet.job .job .card .desc ul li {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 0.5em;
	text-align: right;
	color: var(--pt_black);
}

.pet.job .job .card .desc ul li span {
	font-size: 16px;
	font-weight: normal;
	float: right;
	padding-left: 10px;
}

.pet.job .job .card .desc a.btn {
	padding: 10px 50px;
}

/* Job Page End */

/***

====================================================================
	Job Profile Page Style
====================================================================

***/

.pet.detail .jb_detail {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet.detail .jb_detail::before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: 0;
}

.pet.detail .jb_detail .card {
	border: 1px solid var(--pt_pattern);
	padding: 20px 30px;
	border-radius: 20px;
	transition: 1s;
	text-align: right;
}

.pet.detail .jb_detail .card:hover {
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transform: translateY(-10px);
	transition: 1s;
}

.pet.detail .jb_detail .card ul li {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 0.5em;
	position: relative;
	padding-right: 30px;
	color: var(--pt_black);
}

.pet.detail .jb_detail .card ul li span {
	font-size: 16px;
	font-weight: normal;
	float: right;
	padding-left: 10px;
}

.pet.detail .jb_detail .card ul li:before {
	position: absolute;
	right: 0px;
	top: 0px;
	font-family: 'FontAwesome';
	width: 30px;
	height: 100%;
	color: var(--pt_orange);
	transition: 0.7s;
	font-style: 15px;
}

.pet.detail .jb_detail .card ul li.location:before {
	content: "\f041";
	font-size: 20px;
	padding-left: 3px;
}

.pet.detail .jb_detail .card ul li.email:before {
	content: "\f0e0";
}

.pet.detail .jb_detail .card ul li.website:before {
	content: "\f0ac";
}

.pet.detail .jb_detail .card ul li.phone:before {
	content: "\f095";
}

.pet.detail .jb_detail .card ul li.salary:before {
	content: "\f0d6";
}

.pet.detail .jb_detail .card ul li.duration:before {
	content: "\f0b1";
}

.pet.detail .jb_detail .card ul li.experience:before {
	content: "\f0c3";
}

.pet.detail .jb_detail .card ul li:hover::before {
	color: var(--pt_yellow);
	transition: 0.7s;
}

.pet.detail .jb_detail .card .button a.btn.main {
	padding: 10px 40px;
}

.pet.detail .jb_detail .card .button a.btn.main.bg_orange {
	border: 2px solid var(--pt_orange);
}

.pet.detail .jb_detail .card .button a.btn.main.bg_orange::before {
	background: var(--pt_orange);
}

.pet.detail .jb_detail .card .button a.btn.main.bg_orange:hover {
	color: var(--pt_orange);
}

.pet.detail .jb_detail .card .links a.btn {
	margin-right: 15px;
	margin-bottom: 20px;
	line-height: 35px;
	background: none;
	font-size: 20px;
	padding: 0px 5px;
	border-radius: 50%;
	color: var(--pt_white);
	height: 40px;
	width: 40px;
	text-align: center;
	border: 2px solid var(--pt_white);
	font-weight: bold;
	transition: 0.5s;
	position: relative;
}

.pet.detail .jb_detail .card .links a i {
	padding-left: 0px;
	color: var(--pt_white);
}

.pet.detail .jb_detail .card .links a.btn:hover {
	border-radius: 0px;
	transition: 0.5s;
}

.pet.detail .jb_detail .card .links a[title="twitter"] {
	font-size: 17px;
}

.pet.detail .jb_detail .card .links a[title="whatsapp"]:hover {
	border: 2px solid var(--pt_orange);
}

.pet.detail .jb_detail .card .links a[title="twitter"]:hover {
	border: 2px solid var(--pt_yellow);
}

.pet.detail .jb_detail .card .links a[title="instagram"]:hover {
	border: 2px solid var(--pt_purple);
}

.pet.detail .jb_detail .card .links a[title="youtube"]:hover {
	border: 2px solid var(--pt_black);
}

.pet.detail .jb_detail .card .links a[title="whatsapp"]:hover i {
	color: var(--pt_orange);
}

.pet.detail .jb_detail .card .links a[title="twitter"]:hover i {
	color: var(--pt_yellow);
}

.pet.detail .jb_detail .card .links a[title="instagram"]:hover i {
	color: var(--pt_purple);
}

.pet.detail .jb_detail .card .links a[title="youtube"]:hover i {
	color: var(--pt_black);
}

/* Pet Job Profile Page End */

/***

====================================================================
	Pet Login Page Style
====================================================================

***/

.pet.login .contact .card {
	width: 45%;
	margin: 0px auto;
	padding: 5%;
	border: 1px solid var(--pt_pattern);
	background: url("../images/home_5/app-bg.png");
	background-size: cover;
	border-radius: 20px;
	overflow: hidden;
	transition: 1s;
	z-index: 99;
	position: relative;
}

.pet.login .contact .card:before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: var(--pt_yellow);
	opacity: 0.7;
	transition: 1s;
}

.pet.login .contact .card:after {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1%;
	z-index: 2;
	background: var(--pt_purple);
	opacity: 0;
	transition: 1s;
}

.pet.login .contact .card:hover {
	transform: translateY(-10px);
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transition: 1s;
}

.pet.login .contact .card:hover::after {
	opacity: 1;
	transition: 1s;
}

.pet.login .contact .card .heading p:before, .pet.login .contact .card .heading p:after {
	background: var(--pt_white);
}

.pet.login .contact .faq {
	padding-top: 0px;
}

.pet.login .contact .card content {
	position: relative;
	opacity: 1;
	z-index: 999;
}

.pet.login .contact .card .link {
	margin: 0px auto 20px;
	color: var(--pt_orange);
}

.pet.login .contact .card .link a {
	color: var(--pt_black);
	transition: 0.5s;
}

.pet.login .contact .card .link a:hover {
	color: var(--pt_orange);
	transition: 0.5s;
}

.pet.login .pet.service .contact .faq form button {
	float: none;
}

/* Pet Login Page End */

/***

====================================================================
	Pet Register Page Style
====================================================================

***/

.pet.register .contact .form-check input {
	border-radius: 0px !important;
	padding: 12px !important;
	height: auto !important;
	margin-left: 0px;
	box-shadow: none;
	border: 0px;
	float: right;
}

.pet.register .contact .form-check label {
	padding-right: 1rem;
}

.pet.register .contact .form-check a {
	color: var(--pt_black);
	font-style: italic;
	transition: 0.5s;
}

.pet.register .contact .form-check a:hover {
	color: var(--pt_orange);
	transition: 0.5s;
}

/* Pet Register Page End */

/***

====================================================================
	Pet Team Page Style
====================================================================

***/

.pet.team .team::before {
	background-size: contain;
	background-position: -100px 200px;
}

/* Pet Team Page End */

/***

====================================================================
	Pet Team Profile Page Style
====================================================================

***/

.pet.tm_profile .profile {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet.tm_profile .profile:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: 0;
}

.pet.tm_profile .profile .spec.card {
	border: 1px solid var(--pt_pattern);
	padding: 1% 5% 5%;
	border-radius: 10px;
	overflow: hidden;
	transition: 1s;
	text-align: right;
}

.pet.tm_profile .profile .spec.card::before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1%;
	background: var(--pt_purple);
	opacity: 0;
	transition: 1s;
}

.pet.tm_profile .profile .spec.card:hover {
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transform: translateY(-10px);
	transition: 1s;
}

.pet.tm_profile .profile .spec.card:hover::before {
	opacity: 1;
	transition: 1s;
}

.pet.tm_profile .profile .images {
	overflow: hidden;
	border-radius: 20px;
	transition: 1s;
}

.pet.tm_profile .profile .images img {
	transform: scale(1);
	width: 100%;
	transition: 1s;
}

.pet.tm_profile .profile .images:hover img {
	transform: scale(1.1);
	transition: 1s;
}

.pet.tm_profile .profile .images + .card {
	border: 1px solid var(--pt_pattern);
	padding: 1% 5% 2%;
	border-radius: 10px;
	overflow: hidden;
	margin-top: 30px;
	text-align: right;
	transition: 1s;
}

.pet.tm_profile .profile .images + .card:hover {
	box-shadow: 0px 30px 70px var(--pt_pattern);
	transition: 1s;
}

.pet.tm_profile .profile ul li {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 0.5em;
	position: relative;
	color: var(--pt_black);
}

.pet.tm_profile .profile ul li a {
	color: var(--pt_black);
}

.pet.tm_profile .profile ul li i {
	float: right;
	padding-left: 10px;
}

.pet.tm_profile .profile ul li span {
	font-size: 16px;
	padding-right: 0.5em;
	font-weight: normal;
	float: right;
	padding-left: 10px;
}

.pet.tm_profile .profile .images + .card ul li.links a {
	margin-right: 15px;
	margin-bottom: 20px;
	line-height: 35px;
	background: none;
	font-size: 20px;
	padding: 0px 5px;
	border-radius: 50%;
	color: var(--pt_white);
	height: 40px;
	width: 40px;
	text-align: center;
	border: 2px solid var(--pt_white);
	font-weight: bold;
	transition: 0.5s;
	position: relative;
	margin-bottom: 0px;
}

.pet.tm_profile .profile .images + .card ul li.links a i {
	padding-left: 0px;
	color: var(--pt_white);
	float: none;
}

.pet.tm_profile .profile .images + .card ul li.links a:hover {
	border-radius: 0px;
	transition: 0.5s;
}

.pet.tm_profile .profile .images + .card ul li.links a[title="twitter"] {
	font-size: 17px;
}

.pet.tm_profile .profile .images + .card ul li.links a[title="facebook"]:hover {
	border: 2px solid var(--pt_orange);
}

.pet.tm_profile .profile .images + .card ul li.links a[title="twitter"]:hover {
	border: 2px solid var(--pt_yellow);
}

.pet.tm_profile .profile .images + .card ul li.links a[title="instagram"]:hover {
	border: 2px solid var(--pt_purple);
}

.pet.tm_profile .profile .images + .card ul li.links a[title="facebook"]:hover i {
	color: var(--pt_orange);
}

.pet.tm_profile .profile .images + .card ul li.links a[title="twitter"]:hover i {
	color: var(--pt_yellow);
}

.pet.tm_profile .profile .images + .card ul li.links a[title="instagram"]:hover i {
	color: var(--pt_purple);
}

/* Pet Team Profile Page End */

/***

====================================================================
	Pet Event Page Style
====================================================================

***/

.pet.event .job .card {
	padding: 0px;
	text-align: right;
}

.pet.event .job .card::before {
	opacity: 0;
}

.pet.event .job .card .image .label {
	background: var(--pt_yellow);
	display: inline-block;
	padding: 10px 20px;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: 1s;
}

.pet.event .job .card .image {
	overflow: hidden;
}

.pet.event .job .card .image img {
	transform: scale(1);
	width: 100%;
	transition: 1s;
}

.pet.event .job .card:hover .image img {
	transform: scale(1.1);
	transition: 1s;
}

.pet.event .job .card:hover .image .label {
	background: var(--pt_orange);
	transition: 1s;
}

.pet.event .job .card .image .label ul {
	color: var(--pt_white);
	font-size: 18px;
	margin-bottom: 0px;
	transition: 1s;
}

.pet.event .job .card .image .label ul li.date {
	border-bottom: 1px solid var(--pt_white);
	font-size: 25px;
}

.pet.event .job .card .desc {
	padding: 5% 5% 8%;
}

.pet.event .job .card .desc ul li {
	position: relative;
	padding-right: 20px;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 0px;
}

.pet.event .job .card ul li:before {
	position: absolute;
	right: 0px;
	top: 0px;
	font-family: 'FontAwesome';
	width: 30px;
	height: 100%;
	color: var(--pt_yellow);
	transition: 0.7s;
	font-size: 15px;
}

.pet.event .job .card ul li.time:before {
	content: "\f073";
}

.pet.event .job .card ul li.location:before {
	content: "\f041";
	font-size: 18px;
	padding-left: 3px;
}

.pet.event .job .card .desc a.btn {
	padding: 5px 20px;
}

/* Pet Event Page End */

/***

====================================================================
	Event Profile Page Style
====================================================================

***/

.pet.e_profile .evnt_detail {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet.e_profile .evnt_detail:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: -1;
}

.pet.e_profile .evnt_detail .card {
	border: 1px solid var(--pt_pattern);
	padding: 25px 25px 25px 52px;
	border-radius: 20px;
	background: url("../images/home_5/app-bg.png");
	position: relative;
	color: var(--pt_white);
	z-index: 99;
	overflow: hidden;
	margin-bottom: 20px;
	transform: translateY(0px);
	transition: 1s;
	text-align: right;
}

.pet.e_profile .evnt_detail .card:hover {
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transform: translateY(-10px);
	transition: 1s;
}

.pet.e_profile .evnt_detail .card ul li {
	font-size: 17px;
	font-weight: bold;
	padding-bottom: 0.5em;
	color: var(--pt_black);
	position: relative;
}

.pet.e_profile .evnt_detail .card .label li {
	color: var(--pt_white);
	padding-bottom: 0px;
}

.pet.e_profile .evnt_detail .card ul li span {
	font-size: 16px;
	font-weight: normal;
	float: right;
	padding-left: 10px;
}

.pet.e_profile .evnt_detail .card ul li a {
	color: var(--pt_black);
}

.pet.e_profile .evnt_detail .card .counting ul li {
	width: 50%;
	float: left;
}

.pet.e_profile .evnt_detail .card .counting ul li h3 {
	font-size: 30px;
}

.pet.e_profile .evnt_detail .card .counting h5 {
	color: var(--pt_grey);
	font-style: italic;
	font-size: 24px;
}

.pet.e_profile .evnt_detail .card::before {
	position: absolute;
	top: 0px;
	right: 0px;
	content: '';
	width: 100%;
	height: 100%;
	background: var(--pt_yellow);
	z-index: -1;
	opacity: 0.7;
}

.pet.e_profile .evnt_detail .card .label {
	position: absolute;
	background: var(--pt_orange);
	color: var(--pt_white);
	padding: 10px 15px;
	text-align: center;
	top: 0%;
	font-size: 16px;
	left: 0%;
}

.pet.e_profile .evnt_detail .card h4 {
	color: var(--pt_black);
	margin-bottom: 0px;
}

.pet.e_profile .evnt_detail .card .label li.date {
	font-size: 25px;
	padding-bottom: 5px;
	border-bottom: 1px solid var(--pt_white);
	color: var(--pt_white);
}

.pet.e_profile .evnt_detail .image {
	border-radius: 5px;
	overflow: hidden;
}

.pet.e_profile .evnt_detail .image img {
	transform: scale(1);
	transition: 1s;
}

.pet.e_profile .evnt_detail .image:hover img {
	transform: scale(1.1);
	transition: 1s;
}

.pet.e_profile .evnt_detail .image + h4 {
	margin-top: 1rem;
}

.pet.e_profile .evnt_detail .image .counting {
	position: absolute;
	bottom: -16%;
	left: 30%;
	color: var(--pt_pattern);
}

.pet.e_profile .evnt_detail .description {
	text-align: right;
}

.pet.e_profile .evnt_detail .description a.nav-link {
	padding: 12px 25px;
	color: var(--pt_orange);
	border: none;
	outline: none;
}

.pet.e_profile .evnt_detail .description a.nav-link.active {
	color: var(--pt_white);
}

.pet.e_profile .evnt_detail .description .tab-content {
	padding: 1em 0em 0em 1.5em;
}

.pet.e_profile .evnt_detail .description .tab-content .context ul li {
	width: 45%;
	display: inline-block;
	color: var(--pt_black);
}

.pet.e_profile .evnt_detail .description .tab-content .form input {
	padding: 22px;
	margin-bottom: 20px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	height: 45px;
}

.pet.e_profile .evnt_detail .description .tab-content .form textarea {
	margin-bottom: 25px;
	border-radius: 5px;
}

.pet.e_profile .evnt_detail .description .tab-content .form button {
	border-radius: 50px;
	overflow: hidden;
	border-top-left-radius: 0px;
	width: auto;
	line-height: 0px;
	padding: 20px;
	font-weight: bold;
	color: var(--pt_white);
	background: var(--pt_white);
	border: 2px solid var(--pt_orange);
	transition: 0.5s;
	float: right;
}

.pet.e_profile .evnt_detail .description .tab-content .form button:hover {
	color: var(--pt_orange);
	border-radius: 50px;
	border-bottom-left-radius: 0px;
	transition: 0.5s;
}

/* Pet Event Profile Page End */

/***

====================================================================
	Calorie Calculator Style
====================================================================

***/

.pet.calorie .calculator {
	position: relative;
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

.pet.calorie .calculator:before {
	content: '';
	position: absolute;
	top: 0px;
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right center;
	width: calc(50vw + 500px);
	height: 100%;
	z-index: 0;
}

.pet.calorie .calculator .card {
	position: relative;
	background: url("../images/home_5/app-bg.png");
	background-position: center;
	margin: 0px auto;
	width: 65%;
	z-index: 99;
	transition: 1s;
	border: 1px solid var(--pt_pattern);
	border-radius: 15px;
	overflow: hidden;
}

.pet.calorie .calculator .card:hover {
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transform: translateY(-5px);
	transition: 1s;
}

.pet.calorie .calculator .card::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: var(--pt_yellow);
	opacity: 0.7;
	z-index: -1;
}

.pet.calorie .calculator .card .nav-tabs .nav-link {
	padding: 15px 60px;
	outline: none;
	border: none;
	color: var(--pt_orange);
}

.pet.calorie .calculator .card .nav-tabs .nav-link.active {
	background: var(--pt_orange);
	color: var(--pt_white);
}

.pet.calorie .calculator .card .tab-content {
	padding: 30px 20px;
}

.pet.calorie .calculator .card input {
	padding: 22px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	margin-bottom: 20px;
	height: 45px;
}

.pet.calorie .calculator .card select {
	height: 45px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	margin-bottom: 20px;
	background-position: left .75rem center;
}

.pet.calorie .calculator .card input[type="radio"] {
	height: 20px;
}

.pet.calorie .calculator .card .form-group label {
	margin-right: 35px;
	font-size: 18px;
}

.pet.calorie .calculator .card .form-check {
	top: 10px;
}

.pet.calorie .calculator .card .form-check span {
	margin-right: 30px;
	font-size: 18px;
}

/* Event Profile Page End */

/***

====================================================================
	Pet Blog Style
====================================================================

***/

.pet.blog .job .card .image figure {
	margin-bottom: 0px;
	width: 100%;
}

.pet.blog .job .card figure figcaption {
	padding: 25% 0% 0%;
	background: var(--pt_black);
	transition: all 0.5s;
	opacity: 0;
}

.pet.blog .job .card:hover figure figcaption {
	opacity: 0.5;
	transform: translateY(0px);
	transition: all 0.5s;
}

.pet.blog .job .card .desc span {
	padding-left: 15px;
	margin-right: 10px;
	font-size: 14px;
	color: var(--pt_purple);
	font-weight: bold;
	border-left: 1px solid var(--pt_yellow);
}

.pet.blog .job .card .desc span.like {
	border: none;
}

.pet.blog .job .card .desc .button {
	position: relative;
	left: -20px;
	text-align: left;
}

.pet.blog .job .card .desc .button a.btn {
	font-size: 16px;
	padding: 10px 30px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

/* Pet Blog Page End */

/***

====================================================================
	Pet Blog Page Style 2
====================================================================

***/

.pet.blog2 .job .card {
	border: none;
	background: none;
}

.pet.blog2 .job .card .image .label {
	bottom: 8px;
	top: auto;
}

.pet.blog2 .job .card .image figure {
	width: 100%;
}

.pet.blog2 .job .card .image figure figcaption .boxer {
	height: 100%;
	border: 1px dashed var(--pt_pattern);
	color: var(--pt_pattern);
	background: none;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.pet.blog2 .job .card .image figure figcaption p {
	color: var(--pt_white);
	display: inline-block;
	font-weight: bold;
	border-bottom: 3px double var(--pt_orange);
}

.pet.blog2 .job .card .image figure figcaption {
	background: rgba(0, 0, 0, 0.7);
	padding: 20px;
	transition: all 0.5s;
	opacity: 0;
}

.pet.blog2 .job .card:hover .image figure figcaption {
	opacity: 1;
	transform: translateY(0px);
	transition: all 0.5s;
}

.pet.blog2 .job .card .image figure figcaption a {
	color: var(--pt_pattern);
	position: relative;
	top: 15px;
	font-size: 14px;
}

.pet.blog2 .job .card .image figure figcaption a i {
	padding-left: 0.25em;
	font-size: 12px;
	color: var(--pt_yellow);
}

.pet.blog2 .job .card:hover .image figure + .label {
	background: var(--pt_orange);
	transition: 0.7s;
}

/* Pet Blog Page 2 End */

/***

====================================================================
	Blog Right Sidebar Style
====================================================================

***/

.pet.blog_right .job .r_sidebar {
	padding-right: 2em;
	text-align: right;
}

.pet.blog_right .job .r_sidebar form .form-group {
	position: relative;
}

.pet.blog_right .job .r_sidebar form input {
	position: relative;
	padding: 22px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	height: 45px;
	margin-bottom: 16px;
}

.pet.blog_right .job .r_sidebar form button {
	width: 45px;
	height: 45px;
	text-align: center;
	background: var(--pt_orange);
	color: var(--pt_white);
	border: none;
	border-radius: 50px;
	border-top-left-radius: 0px;
	position: absolute;
	top: 0px;
	left: 0px;
}

/* Heading style */

.pet.blog_right .job .r_sidebar h5 {
	position: relative;
	z-index: 99;
	margin-bottom: 35px;
	text-align: right;
}

.pet.blog_right .job .r_sidebar h5::before {
	content: '';
	position: absolute;
	width: 100px;
	height: 3px;
	background: var(--pt_purple);
	top: 100%;
	right: 1%;
}

.pet.blog_right .job .r_sidebar h5::after {
	content: '';
	position: absolute;
	width: 50px;
	height: 3px;
	background: var(--pt_purple);
	top: 116%;
	right: 1%;
}

/*  */

.pet.blog_right .job .r_sidebar .categories ul li a {
	color: var(--pt_black);
	font-weight: bold;
	transition: 0.5s;
}

.pet.blog_right .job .r_sidebar .categories ul li:hover a {
	color: var(--pt_orange);
	transition: 0.5s;
}

.pet.blog_right .job .r_sidebar .categories ul li i {
	color: var(--pt_orange);
	float: right;
	padding-left: 10px;
	transition: 0.5s;
}

.pet.blog_right .job .r_sidebar .categories ul li:hover i {
	color: var(--pt_purple);
	transition: 0.5s;
}

.pet.blog_right .job .r_sidebar .categories ul li {
	transition: 0.5s;
	text-align: right;
}

.pet.blog_right .job .r_sidebar .adopt_gallery ul li {
	width: 32%;
	padding-left: 10px;
	display: inline-block;
	position: relative;
}

.pet.blog_right .job .r_sidebar .adopt_gallery figure {
	margin-bottom: 5px;
}

.pet.blog_right .job .r_sidebar .adopt_gallery figure a {
	margin-bottom: 0px;
}

.pet.blog_right .job .r_sidebar .adopt_gallery figure figcaption {
	background: rgba(0, 0, 0, 0.6);
	color: var(--pt_pattern);
	font-size: 25px;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: all 0.5s;
	opacity: 0;
}

.pet.blog_right .job .r_sidebar .adopt_gallery figure:hover figcaption {
	opacity: 1;
	transform: translateY(0px);
	transition: all 0.5s;
}

.pet.blog_right .job .r_sidebar .tags a {
	border: 2px solid var(--pt_orange);
	padding: 5px 20px;
	margin: 5px;
	margin-left: 0px;
	display: inline-block;
	border-radius: 50px;
	color: var(--pt_black);
	transition: 0.7s;
}

.pet.blog_right .job .r_sidebar .tags a:hover {
	border: 2px solid var(--pt_orange);
	background: var(--pt_orange);
	color: var(--pt_white);
	transition: 0.7s;
}

.pet.blog_right .job .r_sidebar .recent .card {
	border-bottom: 1px solid var(--pt_pattern);
	background: var(--pt_white);
	margin-top: 0px;
	margin-bottom: 30px;
	border-radius: 5px;
	transition: 1s;
	position: relative;
	overflow: hidden;
}

.pet.blog_right .job .r_sidebar .recent .card:hover {
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transition: 1s;
}

.pet.blog_right .job .r_sidebar .recent div.post {
	position: absolute;
	top: 0px;
	right: 0px;
}

.pet.blog_right .job .r_sidebar .recent div.context {
	padding-right: 120px;
}

.pet.blog_right .job .r_sidebar .recent p {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0px;
}

.pet.blog_right .job .r_sidebar .recent .date {
	font-size: 14px;
	font-weight: bold;
}

/* Pet Blog Page 2 End */

/***

====================================================================
	Blog Profile Page Style
====================================================================

***/

/* Details Section */

.pet.b_profile .job::before {
	right: 0px;
	background: url("../images/home_5/pattern-8(2).png");
	background-position: right center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: -1;
}

.pet.b_profile .job .profile {
	text-align: right;
}

.pet.b_profile .job .profile .details {
	border-bottom: 1px solid var(--pt_nwhite);
	margin-bottom: 2rem;
}

.pet.b_profile .job .profile .details .image {
	overflow: hidden;
	margin-bottom: 20px;
}

.pet.b_profile .job .profile .details .image img {
	width: 100%;
	transform: scale(1);
	transition: 1s;
}

.pet.b_profile .job .profile .details .image img:hover {
	transform: scale(1.1);
	transition: 1s;
}

.pet.b_profile .job .profile .details .yellow {
	margin: 1em 0em 2em;
	padding: 55px 40px;
	border-radius: 5px;
	position: relative;
	background-image: url("../images/home_5/pattern-2.png");
	background-color: var(--pt_purple);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 99;
}

.pet.b_profile .job .profile .details .yellow:before {
	content: '';
	position: absolute;
	left: 15px;
	top: 15px;
	right: 15px;
	bottom: 15px;
	border: 1px dashed var(--pt_pattern);
}

.pet.b_profile .job .profile .details .yellow h1 {
	position: absolute;
	top: -20%;
	left: 45%;
	font-size: 200px;
	color: var(--pt_white);
	z-index: 0;
	opacity: 0.3;
}

.pet.b_profile .job .profile .details .yellow p {
	font-size: 25px;
	color: var(--pt_white);
	padding: 0px 30px;
	text-align: center;
	font-style: italic;
	margin-bottom: 0px;
	position: relative;
	z-index: 99;
}

.pet.b_profile .job .profile .elements span.tags a {
	color: var(--pt_purple);
	font-weight: bold;
	transition: 0.5s;
}

/* Elements Section */

/* Tag And Share Post Section */

.pet.b_profile .job .profile .elements span.tags a:hover {
	color: var(--pt_orange);
	transition: 0.5s;
}

.pet.b_profile .job .profile .elements span.share {
	float: left;
}

.pet.b_profile .job .profile .elements span.tags span.heading, .pet.b_profile .job .profile .elements span.share span.heading {
	font-weight: bold;
	margin-right: 10px;
	float: right;
	padding-left: 10px;
	color: var(--pt_black);
}

/* Comment Section */

.pet.b_profile .job .profile .elements .comments img {
	border-radius: 75% 30% 30% 80% / 43% 46% 64% 66%;
	transition: all 1s;
}

.pet.b_profile .job .profile .elements .comments img:hover {
	border-radius: 30% 75% 80% 30% / 46% 43% 66% 64%;
	transition: all 1s;
}

.pet.b_profile .job .profile .elements .comments .comment {
	border-bottom: 1px solid var(--pt_nwhite);
	position: relative;
	padding-right: 150px;
}

.pet.b_profile .job .profile .elements .comments .comment .image {
	position: absolute;
	right: 0px;
	top: 10%;
}

.pet.b_profile .job .profile .elements .comments .comment:last-child .image {
	top: 20%;
}

.pet.b_profile .job .profile .elements .comments .comment a {
	color: var(--pt_purple);
	font-weight: bold;
	transition: 0.5s;
}

.pet.b_profile .job .profile .elements .comments .comment a:hover {
	color: var(--pt_orange);
	transition: 0.5s;
}

/* Form Section */

.pet.b_profile .job .profile .elements .form input {
	border: 1px solid var(--pt_nwhite);
	padding: 22px;
	border-radius: 50px;
	border-top-left-radius: 0px;
	margin-bottom: 25px;
	height: 45px;
}

.pet.b_profile .job .profile .elements .form textarea {
	width: 100%;
	border: 1px solid var(--pt_nwhite);
	border-radius: 10px;
	padding: 22px;
	margin-bottom: 25px;
}

.pet.b_profile .job .profile .elements .form button {
	border-radius: 50px;
	overflow: hidden;
	border-top-left-radius: 0px;
	width: 25%;
	line-height: 0px;
	padding: 20px;
	font-weight: bold;
	color: var(--pt_white);
	background: var(--pt_white);
	border: 2px solid var(--pt_orange);
	transition: 0.5s;
}

.pet.b_profile .job .profile .elements .form button:hover {
	color: var(--pt_orange);
	border-radius: 50px;
	border-bottom-left-radius: 0px;
	transition: 0.5s;
}

/* Share Post Section */

.pet.b_profile .job .profile .elements span.share a {
	margin-right: 10px;
	margin-bottom: 20px;
	line-height: 35px;
	background: none;
	font-size: 20px;
	padding: 0px 5px;
	border-radius: 50%;
	color: var(--pt_white);
	height: 40px;
	width: 40px;
	text-align: center;
	border: 2px solid var(--pt_white);
	font-weight: bold;
	transition: 0.5s;
	position: relative;
	margin-bottom: 0px;
}

.pet.b_profile .job .profile .elements span.share a i {
	padding-left: 0px;
	color: var(--pt_white);
}

.pet.b_profile .job .profile .elements span.share a:hover {
	border-radius: 0px;
	transition: 0.5s;
}

.pet.b_profile .job .profile .elements span.share a[title="twitter"] {
	font-size: 17px;
}

.pet.b_profile .job .profile .elements span.share a[title="facebook"]:hover {
	border: 2px solid var(--pt_orange);
}

.pet.b_profile .job .profile .elements span.share a[title="twitter"]:hover {
	border: 2px solid var(--pt_yellow);
}

.pet.b_profile .job .profile .elements span.share a[title="instagram"]:hover {
	border: 2px solid var(--pt_purple);
}

.pet.b_profile .job .profile .elements span.share a[title="facebook"]:hover i {
	color: var(--pt_orange);
}

.pet.b_profile .job .profile .elements span.share a[title="twitter"]:hover i {
	color: var(--pt_yellow);
}

.pet.b_profile .job .profile .elements span.share a[title="instagram"]:hover i {
	color: var(--pt_purple);
}

/* Blog Profile Page End */

/***

====================================================================
	Pet Contact Style
====================================================================

***/

.pet.contact .contact .faq form button {
	width: 25%;
}

.pet.contact .contact .details {
	border-right: 1px solid var(--pt_orange);
	text-align: right;
	margin-top: 20px;
	padding-right: 3em;
	margin-right: 1em;
	padding-left: 0px;
}

.pet.contact .contact .details a {
	color: var(--pt_black);
}

.pet.contact .map {
	padding: 0px 0px 75px;
	margin: 75px 0px 0px;
}

/* Contact Page End */

/***

====================================================================
	Contact Page Style 2
====================================================================

***/

.pet.contact.secnd .about.pet .service {
	padding: 0px;
}

.pet.contact.secnd .contact .card {
	width: 45%;
	margin: 20px auto;
	padding: 55px 40px 40px;
	border: 1px solid var(--pt_pattern);
	background: url("../images/home_5/app-bg.png");
	background-size: cover;
	border-radius: 20px;
	overflow: hidden;
	transition: 1s;
	z-index: 99;
	position: relative;
}

.pet.contact.secnd .contact .card:before {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: var(--pt_yellow);
	opacity: 0.7;
	transition: 1s;
}

.pet.contact.secnd .contact .card:after {
	position: absolute;
	content: '';
	top: 0px;
	left: 0px;
	width: 100%;
	height: 1%;
	z-index: 2;
	background: var(--pt_purple);
	opacity: 0;
	transition: 1s;
}

.pet.contact.secnd .contact .card:hover {
	transform: translateY(-10px);
	box-shadow: 0px 0px 70px var(--pt_pattern);
	transition: 1s;
}

.pet.contact.secnd .contact .card:hover::after {
	opacity: 1;
	transition: 1s;
}

.pet.contact.secnd .contact .card .faq {
	padding-top: 0px;
}

.pet.contact.secnd .contact .card form button {
	width: 40%;
}

.pet.contact.secnd .pet.service .contact .faq form {
	padding-top: 0em;
}

/* Contact Page 2 End */

/***

====================================================================
	Footer Style 2
====================================================================

***/

.pet .new_foot {
	position: relative;
	padding: 0px 0px 125px;
	margin: 75px 0px 0px;
}

.pet .new_foot::before {
	content: '';
	background: url("../images/home_5/pattern-14(2).png");
	background-position: bottom;
	width: 100%;
	height: 100%;
	position: absolute;
	background-size: contain;
	bottom: 0px;
	left: 0px;
	z-index: -1;
	background-repeat: no-repeat;
}

.pet .new_foot .logo img {
	margin-bottom: 50px;
	width: auto;
}

/* Header */

.pet .new_foot p.head {
	/* color: var(--pt_orange); */
	display: inline-block;
	border-bottom: 3px double var(--pt_purple);
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 28px;
}

/* Contact Info */

.pet .new_foot .intro ul li {
	margin-bottom: 20px;
	position: relative;
	padding-right: 30px;
	font-size: 17px;
	color: var(--pt_black);
}

.pet .new_foot .intro ul li a {
	font-size: 17px;
	color: var(--pt_black);
}

.pet .new_foot .intro ul .location:before, .pet .new_foot .intro ul .number:before, .pet .new_foot .intro ul .gmail:before {
	position: absolute;
	right: 0px;
	top: 0px;
	font-family: 'FontAwesome';
	width: 30px;
	height: 100%;
	color: var(--pt_yellow);
	transition: 0.7s;
}

.pet .new_foot .intro ul .location:before {
	content: "\f041";
	font-size: 25px;
}

.pet .new_foot .intro ul .number:before {
	content: "\f095";
	font-size: 25px;
}

.pet .new_foot .intro ul .gmail:before {
	content: "\f0e0";
	font-size: 19px;
}

.pet .new_foot .intro ul .location:hover:before, .pet .new_foot .intro ul .number:hover:before, .pet .new_foot .intro ul .gmail:hover:before {
	color: var(--pt_purple);
	transition: 0.7s;
}

.pet .new_foot .intro i {
	padding-left: 10px;
	font-size: 20px;
	color: var(--pt_yellow);
	transition: 1s;
}

.pet .new_foot .intro ul li:hover i {
	color: var(--pt_purple);
	transition: 1s;
}

/* Newsletter */

.pet .new_foot .letter input[type="email"] {
	height: 45px;
	text-align: center;
	border-radius: 50px;
	border-top-left-radius: 0px;
	width: 70%;
	margin: 0px auto;
	line-height: 0px;
	transition: all 0.5s;
}

.pet .new_foot .letter button.btn {
	border-radius: 50px;
	padding: 20px;
	text-align: center;
	border-top-left-radius: 0px;
	background: var(--pt_white);
	color: var(--pt_white);
	border: 2px solid var(--pt_orange);
	width: auto;
	margin: 25px 0px;
	line-height: 0px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
	transition: 0.5s;
}

.pet .new_foot .letter button.btn:hover {
	color: var(--pt_orange);
	border-top-left-radius: 50px;
	border-bottom-left-radius: 0px;
	transition: 0.5s;
}

.pet .new_foot .letter .links a.btn {
	margin-right: 15px;
	margin-bottom: 20px;
	line-height: 35px;
	background: none;
	font-size: 20px;
	padding: 0px 5px;
	border-radius: 50%;
	color: var(--pt_white);
	height: 40px;
	width: 40px;
	text-align: center;
	border: 2px solid var(--pt_white);
	font-weight: bold;
	transition: 0.5s;
	position: relative;
}

.pet .new_foot .letter .links a i {
	padding-left: 0px;
	color: var(--pt_white);
}

.pet .new_foot .letter .links a.btn:hover {
	border-radius: 0px;
	transition: 0.5s;
}

.pet .new_foot .letter .links a[title="twitter"] {
	font-size: 17px;
}

.pet .new_foot .letter .links a[title="whatsapp"]:hover {
	border: 2px solid var(--pt_orange);
}

.pet .new_foot .letter .links a[title="twitter"]:hover {
	border: 2px solid var(--pt_yellow);
}

.pet .new_foot .letter .links a[title="instagram"]:hover {
	border: 2px solid var(--pt_purple);
}

.pet .new_foot .letter .links a[title="youtube"]:hover {
	border: 2px solid var(--pt_black);
}

.pet .new_foot .letter .links a[title="whatsapp"]:hover i {
	color: var(--pt_orange);
}

.pet .new_foot .letter .links a[title="twitter"]:hover i {
	color: var(--pt_yellow);
}

.pet .new_foot .letter .links a[title="instagram"]:hover i {
	color: var(--pt_purple);
}

.pet .new_foot .letter .links a[title="youtube"]:hover i {
	color: var(--pt_black);
}

/* Quick Links */

.pet .new_foot .quick li {
	margin-bottom: 20px;
}

.pet .new_foot .quick li a {
	color: var(--pt_black);
	font-size: 17px;
	padding-right: 10px;
}

.pet .new_foot .quick li a i {
	color: var(--pt_yellow);
	transition: 1s;
	float: right;
}

.pet .new_foot .quick ul li:hover i {
	color: var(--pt_purple);
	transition: 1s;
}

/* Copyright */

.pet .new_foot .copyright {
	text-align: center;
	font-size: 17px;
	margin-bottom: 20px;
	color: var(--pt_black);
}

.pet .new_foot .copyright a.orange {
	color: var(--pt_orange);
	font-weight: bold;
	transition: 1s;
}

.pet .new_foot .copyright a.orange:hover {
	color: var(--pt_purple);
	transition: 1s;
}

/* Pet Images*/

.pet .new_foot .cat, .pet .new_foot .dog {
	position: absolute;
	bottom: 0px;
}

.pet .new_foot .cat {
	right: 40px;
}

.pet .new_foot .dog {
	left: 40px;
	text-align: left;
}

.pet .new_foot .paw {
	font-size: 325px;
	position: absolute;
	color: var(--pt_pattern);
	opacity: 0.6;
	z-index: -1;
}

.pet .new_foot .paw.paw_contact {
	top: -66px;
	left: 45px;
}

.pet .new_foot .paw.paw_quick {
	top: -66px;
	right: 95px;
}

/* Back to Top Button */

.pet #back2Top {
	width: 40px;
	line-height: 40px;
	overflow: hidden;
	z-index: 999;
	display: none;
	cursor: pointer;
	position: fixed;
	bottom: 50px;
	left: 10px;
	z-index: 9999;
	background: var(--pt_purple);
	color: var(--pt_white);
	text-align: center;
	font-size: 15px;
	text-decoration: none;
	transition: .5s;
	border-radius: 50%;
	opacity: 1;
}


li.active {
	background: #DFDFDF;
}

#ticker {
	width: 100%;
	background-color: #333;
	color: #fff;
	padding: 10px;
	white-space: nowrap;
	overflow: hidden;
}

#newsContainer {
	display: inline-block;
	animation: tickerAnimation 20s linear infinite; /* Adjust duration as needed */
}

#ticker a {
	color: #fff;
	text-decoration: none;
	margin-right: 20px; /* Adjust the margin as needed */
}

@keyframes tickerAnimation {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}

.image-container {
	position: relative;
}

.overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5); /* Adjust the transparency here */
}

/* Custom CSS for centering carousel caption */
.carousel-caption {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	background-color: rgba(255, 255, 255, 0.1); /* Optional: Adds a semi-transparent background to the caption */
	padding: 20px;
}

/* Optional: Adjust caption text styles */
.carousel-caption h5 {
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.carousel-caption p {
	color: #fff;
	font-size: 16px;
}

/* Media query for smaller screens */
@media (max-width: 1200px) {
	.carousel-caption {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		transform: none;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 5px;
	}

	.carousel-caption {
		padding: 10px;
	}

	.carousel-caption h5 {
		font-size: 14px;
	}

	.carousel-caption p {
		font-size: 9px;
	}
	#newsContainer {
		display: inline-block;
		animation: tickerAnimation 40s linear infinite; /* Adjust duration as needed */
	}
}

.diagonal-box {
	width: 100%;
	height: 200px; /* Adjust the height as needed */
	background: linear-gradient(160deg, #1a7239 50%, #3e933e 50%);
}

.pk-text {
	background-color: white !important;
	color: #3e933e !important;
}

.pk-bg {
	background-color: #3e933e !important;
	color: white !important;
}

.pk-bg-light {
	background-color: white;
	color: #595b60 !important;
}

.pk-bg-dark {
	background-color: #595b60 !important;
	color: white !important;
}

.pk-list-num {
	list-style: decimal !important;
}

.pk-badge-start {
	height: 100%;
	background: #3e933e;
	color: white;
}

.pk-badge-end {
	height: 100%;
	width: 100%;
	background: #f3f7f8;
	color: #797b81;

}

.pk-badge-container {
	height: 100px;
	box-shadow: 0 8px 4px -4px #c9d1cf;
	background: #f3f7f8;
}

.h5, h5, h4 {
	line-height: 2em;
}