/*!
Theme Name: THS
Theme URI: https://git.kpd-i.com/kpdi/styleguide/wordpress/theme
Author: KPDI
Author URI: https://kpd-i.com/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: starter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/
/* Box sizing rules */
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap");
*, *::before, *::after { -webkit-box-sizing: border-box; box-sizing: border-box; }

/* Remove default margin */
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd { margin: 0; }

/* Remove list styles on ul, ol elements with a list role, which suggests default styling will be removed */
ul[role="list"], ol[role="list"] { list-style: none; }

/* Set core root defaults */
html:focus-within { scroll-behavior: smooth; }

/* Set core body defaults */
body { min-height: 100vh; text-rendering: optimizeSpeed; line-height: 1.5; }

/* A elements that don't have a class get default styles */
a:not([class]) { -webkit-text-decoration-skip: ink; text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img, picture { max-width: 100%; display: block; }

/* Inherit fonts for inputs and buttons */
input, button, textarea, select { font: inherit; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) { html:focus-within { scroll-behavior: auto; }
  *, *::before, *::after { -webkit-animation-duration: 0.01ms !important; animation-duration: 0.01ms !important; -webkit-animation-iteration-count: 1 !important; animation-iteration-count: 1 !important; -webkit-transition-duration: 0.01ms !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }

input, textarea, button { border: 0; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus, button:hover, button:active, button:focus { outline: none; }

embed, iframe, img, object, video { max-width: 100%; }

body { font-family: "Montserrat", sans-serif; }

h1, h2, h3, h4, h5, h6 { padding: 0; margin: 0; }

ul { margin: 0; padding: 0; }

li { list-style: none !important; }

a { text-decoration: none; color: #000000; }

a:hover { text-decoration: none; }

.mobile-view { display: none !important; }

@media (max-width: 767px) { .mobile-view { display: block !important; } }

.tab-view { display: none; }

@media (min-width: 768px) and (max-width: 1023px) { .tab-view { display: block; } }

.desktop-view { display: block; }

@media (max-width: 767px) { .desktop-view { display: none; } }

.title-border h1, .common-title h2 { position: relative; display: inline-block; padding-bottom: 15px; }

.title-border h1:after, .common-title h2::after { position: absolute; content: ""; width: 100%; background-image: url(/wp-content/themes/ths-master/assets/img/thumb/process-stripe-md.png); background-repeat: repeat-x; height: 10px; bottom: 0px; left: 0; }

.color-red { color: #B30000 !important; font-weight: 500 !important; margin-bottom: 55px; }

.container { max-width: 980px; margin: 0 auto; padding: 0 15px; }

.container-lg { max-width: 1080px; margin: 0 auto; padding: 0 15px; }

.sign-container { max-width: 846px; margin: 0 auto; padding: 0 15px; }

.container-vt { max-width: 1050px; margin: 0 auto; padding: 0 15px; }

.header { background-image: url(assets/img/thumb/border.png); background-position: bottom; background-repeat: no-repeat; background-size: 100%; }

.header-top { background: #D8D8D8; text-align: right; padding: 3px 0; margin-bottom: 25px; }

.header-top li { display: inline; }

.header-top li a { display: inline-block; padding-left: 20px; font-size: 13px; color: #000000; font-weight: 500; text-decoration: none; }

.header-top li .small { font-size: 13px; font-weight: 700; padding-left: 3px; }

.header-top li .medium { font-size: 16px; font-weight: 700; padding-left: 0; }

.header-top li .large { font-size: 19px; font-weight: 700; padding-left: 0; }

.logo { float: left; width: 50%; }

.donate-area { float: left; width: 50%; text-align: right; }

.donate-area a { background-color: #7ECE61; color: #000000; font-size: 15px; font-weight: 500; letter-spacing: 0px; line-height: 19px; text-align: center; padding: 6px 20px; border-radius: 50px; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; margin-bottom: 10px; }

.donate-area a:hover { background-color: #A2EB88; }

.header-menu { width: 100%; display: inline-block; display: block; }

.header-menu li { display: inline; margin-right: 26px; outline: none; }

.header-menu li:focus { border-bottom: 2px solid #68BC49; }

.header-menu li:hover > .mega-menu { opacity: 1; visibility: visible; height: auto; display: block; }

.header-menu li:focus > .mega-menu { opacity: 1; visibility: visible; height: auto; display: block; }

.header-menu li a { display: inline-block; font-size: 13px; color: #000000; font-weight: 700; padding: 25px 0 35px; -webkit-transition: all 0.5s; transition: all 0.5s; position: relative; }

.header-menu li a::after { position: absolute; content: ""; width: 100%; height: 2px; background-color: #68BC49; bottom: 35px; left: 0; opacity: 0; visibility: hidden; }

.header-menu li a:hover::after { opacity: 1; visibility: visible; }

.header-menu > ul > li > a { font-size: 14px; border-bottom: 2px solid transparent; }

@media (min-width: 768px) and (max-width: 1023px) { .header-menu strong img { width: 10px; display: inline-block; }
  .header-menu li { padding-right: 0px; margin-right: 4px; }
  .header-menu li a { font-size: 12px !important; }
  .header-menu li a::after { position: unset; } }

@media (max-width: 767px) { .header-menu { display: none; } }

.search input { background-image: url(assets/img/icon/search-icon.svg); background-position: 98%; background-repeat: no-repeat; width: 334px; padding: 4px 44px 4px 19px; border-radius: 50px; outline: none; border: 1px solid #909090; }

.header-logo { width: 100%; display: inline-block; }

.header-logo .search.mobile-view { text-align: center; display: inline-block; width: 100%; }

.header-logo .search.mobile-view input { margin-top: 20px; }

.header-btm { position: relative; }

.mega-menu { position: absolute; background: #ffffff; top: 55px; height: 0; left: 0; width: 100%; z-index: 99; padding: 25px 0 15px; opacity: 0; visibility: hidden; -webkit-transition: all 0.1s; transition: all 0.1s; -webkit-box-shadow: 2px 1px 4px 2px rgba(0, 0, 0, 0.5); box-shadow: 2px 1px 4px 2px rgba(0, 0, 0, 0.5); display: none; }

.mega-menu ul { width: 33.33%; float: left; }

.mega-menu ul li { display: block; padding-right: 0; }

.mega-menu ul li a { display: inline-block; padding: 5px 0; border-bottom: 2px solid transparent; outline: none; }

.mega-menu ul li a:focus { border-bottom: 2px solid #68BC49; }

.mega-menu ul li a:hover { border-bottom: 2px solid #68BC49; }

.mega-menu.purpose ul { width: 22%; }

.mega-menu.purpose ul:nth-child(2) { width: 26%; }

.mega-menu.purpose ul:nth-child(3) { width: 31%; }

.mega-menu.purpose ul:nth-child(4) { width: 21%; }

@media (min-width: 768px) and (max-width: 1023px) { .mega-menu.purpose ul:nth-child(5) { width: 30%; margin-top: -77px; float: right; } }

.mega-menu.purpose ul li a { display: inline-block; margin-right: 19px; }

.mega-menu .p-left li a { margin-left: 10px; }

@media (min-width: 768px) and (max-width: 1023px) { .mega-menu .p-left li a { padding-left: 0; } }

.mega-menu .p-left li:first-child a { margin-left: 0; }

.mega-menu .dog-walking li a { text-transform: uppercase; }

.mega-menu .dog-walking li:last-child a { text-transform: unset; margin-left: 10px; }

.mega-menu.adoption ul { width: 25%; }

.mega-menu.adoption ul:nth-child(2) { width: 35%; }

.mega-menu.adoption ul:nth-child(3) { width: 35%; }

.mega-menu.adoption ul:nth-child(4) { width: 22%; }

.mega-menu.adoption ul:nth-child(5) { width: 16%; }

.mega-menu li a::after { position: unset; width: 0%; }

.menu-inner { display: inline-block; width: 100%; padding-left: 45px; }

@media (min-width: 768px) and (max-width: 1023px) { .menu-inner { padding-left: 0; } }

.mobile-menu { display: none; }

@media (max-width: 767px) { .mobile-menu { width: 100%; display: inline-block; padding: 20px 0 30px; display: block; } }

.menu-icon { position: absolute; right: 25px; top: 12px; cursor: pointer; display: none; }

@media (max-width: 767px) { .menu-icon { display: block; } }

#mobile_menu { position: absolute; width: 0%; overflow: hidden; visibility: hidden; background: rgba(0, 0, 0, 0.9); top: 0; height: 100%; left: 0; padding: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; z-index: 99999; height: 2000px; }

#mobile_menu a { color: #ffffff; display: block; padding: 5px 0; font-size: 14px; }

#mobile_menu .span { width: 100%; display: block; overflow: hidden; }

#mobile_menu p { color: #ffffff; font-size: 18px; width: 36px; height: 36px; border: 1px solid #ffffff; float: right; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; font-weight: 400; border-radius: 1px; padding: 5px; text-align: center; }

#mobile_menu p:hover { border-radius: 100px; }

#mobile_menu strong { color: #ffffff; }

#mobile_menu strong img { width: 15px; margin: -24px 0 0 70px; padding-bottom: 10px; }

#mobile_menu .hover-icon { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; }

#mobile_menu .active .hover-icon { opacity: 1; visibility: visible; }

.sub-menu { display: none; padding: 10px 0 50px; }

@media (max-width: 767px) { .sub-menu { padding: 10px 0 20px; }
  .sub-menu ul { padding-left: 10px; }
  .sub-menu .p-left li:first-child a { padding-left: 0px !important; }
  .sub-menu .p-left li a { padding-left: 20px !important; } }

#adoption_icon img { margin: -24px 0 0 185px !important; }

#vet_icon img { margin: -24px 0 0 95px !important; }

#give_icon img { margin: -25px 0 0 95px !important; }

#support_icon img { margin: -25px 0 0 85px !important; }

.mega-menu ul li:first-child a { text-transform: uppercase; }

.mega-support ul { width: 18%; }

.mega-support ul li { padding-left: 10px; }

.mega-support ul li:first-child { padding-left: 0; }

#supportmenu .menu-inner { padding-left: 10px; }

#supportmenu .menu-inner li { margin-right: 0; }

.mega-support ul:nth-child(1) { width: 20%; }

.mega-support ul:nth-child(2) { width: 16.5%; }

.mega-support ul:nth-child(3) { width: 17%; }

.mega-support ul:nth-child(4) { width: 22.5%; }

.mega-support ul:nth-child(5) { width: 13%; }

.mega-support ul:nth-child(6) { width: 11%; }

.mega-about ul li { padding-left: 10px; }

.mega-about ul li:first-child { padding-left: 0; }

.mega-give ul li { padding-left: 10px; }

.mega-give ul li:first-child { padding-left: 0; }

.mega-expert ul li { padding-left: 10px; }

.mega-expert ul li:first-child { padding-left: 0; }

.mega-connect ul li { padding-left: 10px; }

.mega-connect ul li:first-child { padding-left: 0; }

.mega-menu ul li.no-indent { padding-left: 0 !important; text-transform: uppercase; }

ul.p-left.small-width { width: 19%; }

.search_contents h2 { font-size: 48px; margin-bottom: 10px; line-height: 1; padding: 0; font-weight: 700; color: #000000; }

.search_contents h3 { font-size: 13px; font-weight: 500 !important; margin-bottom: 30px !important; color: #000000; }

.search_contents h3 span { font-weight: 700; }

.search-post-details p { font-size: 13px; font-weight: 500 !important; margin-bottom: 30px !important; color: #000000; }

.search-post-details h4 { font-size: 13px; font-weight: 500 !important; color: #7b7b7b; }

.search-post-details a { font-weight: 700 !important; font-size: 15px; }

.skip-to-content-link { height: 30px; left: 50%; padding: 8px; position: absolute; -webkit-transform: translateY(-100%); transform: translateY(-100%); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }

.skip-to-content-link:focus { -webkit-transform: translateY(0%); transform: translateY(0%); }

.activess { display: block !important; visibility: visible !important; opacity: 1 !important; height: auto !important; }

@media (min-width: 768px) and (max-width: 1023px) { .mega-menu.purpose ul li a { margin-right: 0; } }

.urgentcare-pdf iframe { width: 100%; height: 100vh; border: none; }

a.logout_button { float: right; font-weight: 600; background: #7ece61 !important; display: inline-block; padding: 8px 24px; line-height: 1.3; border-radius: 4px; color: #fff; font-size: 18px; }

.footer { background-color: #000000; padding: 20px 0 50px; overflow: hidden; }

.footer .newsletter input { width: 28%; padding: 5px 10px; outline: none; margin-right: 1%; float: left; font-size: 15px; border: none; }

@media (max-width: 767px) { .footer .newsletter input { width: 100%; margin-bottom: 15px; } }

.footer .newsletter input::-webkit-input-placeholder { opacity: 1; color: #4F4F4F; font-weight: 500; }

.footer .newsletter input::-moz-placeholder { opacity: 1; color: #4F4F4F; font-weight: 500; }

.footer .newsletter input:-ms-input-placeholder { opacity: 1; color: #4F4F4F; font-weight: 500; }

.footer .newsletter input::-ms-input-placeholder { opacity: 1; color: #4F4F4F; font-weight: 500; }

.footer .newsletter input::placeholder { opacity: 1; color: #4F4F4F; font-weight: 500; }

.footer input[type="submit"] { width: 13%; margin-right: 0; background-color: #7ECE61; color: #000000; font-size: 15px; font-weight: 500; letter-spacing: 0px; line-height: 19px; text-align: center; padding: 6px 20px; border-radius: 50px; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 6px; cursor: pointer; font-weight: 500; }

.footer input[type="submit"]:hover { background-color: #A2EB88; }

@media (max-width: 767px) { .footer input[type="submit"] { width: 100%; } }

.footer .newsletter h2 { color: #FFFFFF; font-size: 25px; font-weight: 700; padding-bottom: 15px; }

@media (max-width: 767px) { .footer .newsletter h2 { text-align: center; } }

.footer .footer-logo { float: left; width: 26%; }

@media (min-width: 768px) and (max-width: 1023px) { .footer .footer-logo { width: 50%; } }

@media (max-width: 767px) { .footer .footer-logo { width: 100%; text-align: center; }
  .footer .footer-logo img { margin: 0 auto; } }

.footer .footer-social { float: left; width: 26%; text-align: center; padding-right: 15px; padding-top: 12px; }

@media (min-width: 768px) and (max-width: 1023px) { .footer .footer-social { width: 50%; text-align: right; } }

@media (max-width: 767px) { .footer .footer-social { width: 100%; text-align: center; } }

.footer .footer-social li { display: inline; }

.footer .footer-social li a { display: inline-block; }

.footer .footer-social img { display: inline-block; }

@media (min-width: 768px) and (max-width: 1023px) { .footer .inner-footer { display: inline-block; width: 100%; padding-top: 30px; } }

.footer .quick-links { float: left; width: 16%; padding-top: 15px; }

@media (min-width: 768px) and (max-width: 1023px) { .footer .quick-links { width: 33.33%; } }

@media (max-width: 767px) { .footer .quick-links { width: 100%; text-align: center; } }

.footer .quick-links li { line-height: 1.3; }

.footer .quick-links li a { display: inline-block; color: #ffffff; font-size: 13px; font-weight: 500; }

.footer .border-img { width: 100%; display: inline-block; padding: 60px 0 30px; }

.footer .validation_message { color: #ffffff !important; }

.footer input[type="submit"]:focus { background-color: #A2EB88; }

.slider-area .owl-dot { width: 16px; height: 90px; background: #CACACA !important; margin: 3px; display: block; outline: none; }

.slider-area .owl-dot.active { background: #7ECE61 !important; }

@media (max-width: 767px) { .slider-area .owl-dot { width: 90px; height: 16px; display: inline-block; } }

.slider-area .owl-dots { position: absolute; top: 147px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); margin-left: -66px; }

@media (max-width: 980px) { .slider-area .owl-dots { left: 0px; -webkit-transform: unset; transform: unset; margin-left: 413px; } }

@media (max-width: 767px) { .slider-area .owl-dots { bottom: 87px !important; top: unset; width: 100%; text-align: center; margin-left: 0px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } }

.slider-area { position: relative; }

.pause { position: absolute; width: 40px; height: 40px; right: 5px; bottom: 5px; z-index: 1; }

.pause button { background-color: transparent; border-radius: 100%; margin: 0; padding: 0; width: 36px; height: 36px; }

.pause #stop { display: none; }

.slider-inner { background-position: center; background-repeat: no-repeat; background-size: cover; padding: 150px 0 150px; }

@media (max-width: 767px) { .slider-inner { padding: 90px 0; } }

.slider-item { background-image: url(assets/img/bg/slider1-image.png); }

.slider-item-2 { background-image: url(assets/img/bg/paws-hero.jpg); }

.slider-item-3 { background-image: url(assets/img/bg/summer-col-hero.jpg); }

@media (min-width: 1024px) and (max-width: 1365px) { .slider-item { background-image: url(assets/img/bg/slider1-image.png); }
  .slider-item-2 { background-image: url(assets/img/bg/paws-hero.jpg); }
  .slider-item-3 { background-image: url(assets/img/bg/summer-col-hero.jpg); } }

.slider-content { position: relative; background: #ffffff; width: 417px; padding: 30px 40px; height: 276px; }

@media (max-width: 767px) { .slider-content { width: 100%; height: 300px; padding: 20px; } }

.slider-content h2 { color: #000000; font-size: 22px; font-weight: 700; padding-bottom: 10px; }

.slider-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 10px; font-size: 14px !important; }

.slider-content .btn { background-color: #7ECE61; color: #000000; font-size: 15px; font-weight: 500; letter-spacing: 0px; line-height: 19px; text-align: center; padding: 6px 20px; border-radius: 50px; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 6px 30px; }

.slider-content .btn:hover { background-color: #A2EB88; }

.slider-content .read-more { font-size: 14px; font-weight: 500; color: #552EEF !important; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; background-image: url(assets/img/icon/arrow-icon.svg); background-repeat: no-repeat; background-position: 0; padding-left: 22px; margin-left: 10px; }

@media (max-width: 767px) { .slider-content .read-more { font-size: 13px; padding-left: 18px; margin-left: 1%; } }

.goal-area { background-color: #F0F0F0; padding: 70px 0 50px; }

.goal-area .learn-more { font-size: 14px; font-weight: 500; color: #552EEF !important; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; background-image: url(assets/img/icon/arrow-icon.svg); background-repeat: no-repeat; background-position: 0; padding-left: 22px; }

.goal-area h2 { color: #000000; font-size: 48px; font-weight: 700; padding-bottom: 7px; }

.goal-area p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding: 25px 0 10px; }

@media (max-width: 767px) { .goal-area { padding: 30px 0 20px; }
  .goal-area h2 { font-size: 30px; } }

.gallery-area .gallery-img { background-repeat: no-repeat; background-size: cover; padding: 160px 0; position: relative; width: 50%; float: left; text-align: center; background-position: center; }

.gallery-area .gallery-img.service-bg { background-image: url(assets/img/bg/vet-services-image-md.jpg); }

.gallery-area .gallery-img.service-bg2 { background-image: url(assets/img/bg/public-support-image-md.jpg); }

.gallery-area .gallery-img.service-bg2 .gallery-content { background-color: #F05B40; }

.gallery-area .gallery-img.service-bg3 { background-image: url(assets/img/bg/rescue-image-md.jpg); }

.gallery-area .gallery-img.service-bg3 .gallery-content { background-color: #47BFBA; }

.gallery-area .gallery-img.service-bg4 { background-image: url(assets/img/bg/education-image-md.jpg); }

.gallery-area .gallery-img.service-bg4 .gallery-content { background-color: #F68F1E; }

.gallery-area .gallery-img h2 { color: #ffffff; font-size: 25px; font-weight: 700; }

@media (min-width: 1024px) and (max-width: 1365px) { .gallery-area .gallery-img { padding: 160px 0; }
  .gallery-area .gallery-img.service-bg { background-image: url(assets/img/bg/vet-services-image-md.jpg); }
  .gallery-area .gallery-img.service-bg2 { background-image: url(assets/img/bg/public-support-image-md.jpg); }
  .gallery-area .gallery-img.service-bg3 { background-image: url(assets/img/bg/rescue-image-md.jpg); }
  .gallery-area .gallery-img.service-bg4 { background-image: url(assets/img/bg/education-image-md.jpg); } }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-area .gallery-img { padding: 120px 0; } }

@media (max-width: 767px) { .gallery-area .gallery-img { padding: 100px 15px; width: 100%; } }

.gallery-area .gallery-content { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 100%; width: 100%; opacity: 0; -webkit-transition: .5s ease; transition: .5s ease; background-color: #9278D1; padding: 100px 184px 70px; text-align: left; }

.gallery-area .gallery-content h2 { color: #ffffff; font-size: 25px; font-weight: 700; padding-bottom: 30px; }

.gallery-area .gallery-content li a { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 5px; font-size: 14px; padding-left: 40px; font-weight: 400; -webkit-transition: all 0.3s; transition: all 0.3s; outline: none; }

.gallery-area .gallery-content li a:hover { text-decoration: underline !important; }

.gallery-area .gallery-content li a:focus { text-decoration: underline !important; }

@media (min-width: 1024px) and (max-width: 1365px) { .gallery-area .gallery-content { padding: 100px 30px 30px 80px; } }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-area .gallery-content { padding: 20px 30px 30px 30px; }
  .gallery-area .gallery-content ul { padding-left: 5px; } }

@media (max-width: 767px) { .gallery-area .gallery-content { padding: 15px; } }

.gallery-area .gallery-img:hover .gallery-content { opacity: 1; }

.home-tabs { padding: 80px 0 50px; display: inline-block; width: 100%; overflow: hidden; }

@media (max-width: 767px) { .home-tabs { padding: 30px 0 20px; } }

.home-tabs .tab-left { float: left; width: 46%; padding-top: 130px; }

.home-tabs .tab-left .read-more { font-size: 14px; font-weight: 500; color: #552EEF !important; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; background-image: url(assets/img/icon/arrow-icon.svg); background-repeat: no-repeat; background-position: 0; padding-left: 20px; margin-left: 10px; }

.home-tabs .tab-left .btn { background-color: #7ECE61; color: #000000; font-size: 15px; font-weight: 500; letter-spacing: 0px; line-height: 19px; text-align: center; padding: 6px 20px; border-radius: 50px; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; }

.home-tabs .tab-left .btn:hover { background-color: #A2EB88; }

.home-tabs .tab-left p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding: 30px 20px 22px 0; }

@media (min-width: 768px) and (max-width: 1023px) { .home-tabs .tab-left .read-more { display: block; margin: 15px 0; }
  .home-tabs .tab-left p { padding-right: 15px; }
  .home-tabs .tab-left p br { display: none; } }

@media (max-width: 767px) { .home-tabs .tab-left { width: 100%; padding-top: 0; }
  .home-tabs .tab-left .read-more { display: block; margin: 15px 0; }
  .home-tabs .tab-left p { padding: 0 0 20px 0; } }

.home-tabs .tab-img { float: left; width: 54%; text-align: right; }

@media (max-width: 767px) { .home-tabs .tab-img { width: 100%; margin-top: 60px; }
  .home-tabs .tab-img img { width: 100%; } }

.home-tabs .tab { overflow: hidden; width: 100%; margin: 50px 0 0 72px; }

.home-tabs .tab button { float: left; border: none; outline: none; cursor: pointer; padding: 14px 16px; -webkit-transition: 0.3s; transition: 0.3s; color: #000000; font-size: 15px; font-weight: 500; background: transparent; border-bottom: 3px solid #D8D8D8; }

.home-tabs .tab button:hover { border-bottom: 3px solid #68BC49; }

.home-tabs .tab button.active { border-bottom: 3px solid #68BC49; }

@media (min-width: 768px) and (max-width: 1023px) { .home-tabs .tab { margin: 20px 0 0 0; }
  .home-tabs .tab button { padding: 14px 12px; } }

@media (max-width: 767px) { .home-tabs .tab { margin: 0; }
  .home-tabs .tab button { float: unset; width: 100%; display: block; text-align: left; } }

.home-tabs .tabcontent { display: none; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; position: relative; overflow: hidden; }

.home-tabs .tabcontent h2 { color: #000000; font-size: 25px; font-weight: 700; background-color: #7ECE61; text-align: center; width: 613px; padding: 20px 27px; display: inline-block; position: absolute; top: 65px; }

@media (max-width: 767px) { .home-tabs .tabcontent h2 { width: 100%; top: 206px; font-size: 20px; padding: 10px; } }

@media (max-width: 375px) { .home-tabs .tabcontent h2 { top: 229px; } }

@-webkit-keyframes fadeEffect { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes fadeEffect { from { opacity: 0; }
  to { opacity: 1; } }

#ways_give { display: block; }

.blog-area { background-color: #F0F0F0; padding: 38px 0 17px; overflow: hidden; }

.blog-area .blog-content h2 { color: #000000; font-size: 25px; font-weight: 700; padding-bottom: 10px; text-align: center; }

.blog-area .blog-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 30px; text-align: center; }

.blog-area .blog-img { float: left; width: 22.75%; margin-right: 3%; }

.blog-area .blog-img:last-child { margin-right: 0; }

.blog-area .blog-img img { width: 100%; }

@media (max-width: 767px) { .blog-area .blog-img { width: 100%; text-align: center; } }

.blog-area .blog-img a { color: #000000; font-size: 15px; font-weight: 500; padding: 15px 0 10px; display: inline-block; }

.blog-area .blog-img p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 40px; font-size: 13px; }

.blog-area .blog-btn { text-align: center; width: 100%; display: inline-block; background-image: url(assets/img/icon/arrow-icon.svg); background-position: 45%; background-repeat: no-repeat; }

@media (max-width: 767px) { .blog-area .blog-btn { background-position: 38%; } }

.blog-area .blog-btn .view { font-size: 14px; font-weight: 500; color: #552EEF !important; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; }

@media (max-width: 767px) { .blog-area { padding: 30px 0 20px; background-position: 38%; }
  .blog-area .view { margin-left: 0; padding: 40px; } }

.home-page-v2 .goal-area h2 { font-weight: 700; }

.home-page-v2 .goal-area p { font-weight: 400; }

.home-page-v2 .goal-area p { font-weight: 400; }

.home-page-v2 .gallery-area .gallery-content h2 { font-weight: 700; }

.home-page-v2 .gallery-area .gallery-img h2 { font-weight: 700; }

.home-page-v2 .gallery-area .gallery-content li { font-weight: 400; }

.home-page-v2 .home-tabs .tabcontent h2 { font-weight: 700; }

.home-page-v2 .home-tabs .tab-left p { font-weight: 400; }

.home-page-v2 .home-tabs .tab-left .btn { font-weight: 400; }

.home-page-v2 .home-tabs .tab-left .read-more { font-weight: 400; }

.home-page-v2 .home-tabs .tab button { font-weight: 400; }

.home-page-v2 .blog-area .blog-content h2 { font-weight: 700; }

.home-page-v2 .blog-area .blog-content p { font-weight: 400; }

.home-page-v2 .blog-area .blog-btn .view { font-weight: 400; }

.home-page-v2 .slider-content h2 { font-weight: 400; }

.home-page-v2 .slider-content p { font-weight: 400; }

.home-page-v2 .slider-content .btn { font-weight: 400; }

.home-page-v2 .slider-content .read-more { font-weight: 400; }

.home-page-v2 .blog-area .blog-img p { font-weight: 400; }

.home-page-v2 .blog-area .blog-img a { font-weight: 400; }

.home-page-v2 .goal-area .learn-more { font-weight: 400; }

.home-page-v3 .goal-area h2 { font-weight: 700; }

.home-page-v3 .goal-area p { font-weight: 400; }

.home-page-v3 .goal-area p { font-weight: 400; }

.home-page-v3 .gallery-area .gallery-content h2 { font-weight: 700; }

.home-page-v3 .gallery-area .gallery-img h2 { font-weight: 700; }

.home-page-v3 .gallery-area .gallery-content li { font-weight: 400; }

.home-page-v3 .home-tabs .tabcontent h2 { font-weight: 700; }

.home-page-v3 .home-tabs .tab-left p { font-weight: 400; }

.home-page-v3 .blog-area .blog-content h2 { font-weight: 700; }

.home-page-v3 .blog-area .blog-content p { font-weight: 400; }

.home-page-v3 .slider-content h2 { font-weight: 400; }

.home-page-v3 .slider-content p { font-weight: 400; }

.home-page-v3 .blog-area .blog-img p { font-weight: 400; }

.home-page-v4 .slider-content { padding: 42px 45px; }

.home-page-v4 .slider-area .owl-dots { top: 107px; }

.home-page-v4 .goal-area h2 { font-weight: 500; }

.home-page-v4 .goal-area p { font-weight: 200; letter-spacing: 0.5px; }

.home-page-v4 .gallery-area .gallery-content h2 { font-weight: 500; }

.home-page-v4 .gallery-area .gallery-img h2 { font-weight: 500; }

.home-page-v4 .gallery-area .gallery-content li { font-weight: 200; letter-spacing: 0.5px; }

.home-page-v4 .home-tabs .tabcontent h2 { font-weight: 500; }

.home-page-v4 .home-tabs .tab-left p { font-weight: 200; letter-spacing: 0.5px; }

.home-page-v4 .home-tabs .tab-left .btn { letter-spacing: 0.5px; }

.home-page-v4 .blog-area .blog-content h2 { font-weight: 500; }

.home-page-v4 .blog-area .blog-content p { font-weight: 200; letter-spacing: 0.5px; }

.home-page-v4 .slider-content h2 { font-weight: 500; }

.home-page-v4 .slider-content p { font-weight: 200; letter-spacing: 0.5px; }

.home-page-v4 .blog-area .blog-img p { font-weight: 200; letter-spacing: 0.5px; }

.home-page-v4 .slider-content .btn { letter-spacing: 0.5px; }

.home-page-v5 .slider-content { padding: 42px 45px; }

.home-page-v5 .slider-area .owl-dots { top: 107px; }

.home-page-v5 .goal-area h2 { font-weight: 500; }

.home-page-v5 .goal-area p { font-weight: 300; letter-spacing: 0.5px; }

.home-page-v5 .gallery-area .gallery-content h2 { font-weight: 500; }

.home-page-v5 .gallery-area .gallery-img h2 { font-weight: 500; }

.home-page-v5 .gallery-area .gallery-content li { font-weight: 300; letter-spacing: 0.5px; }

.home-page-v5 .home-tabs .tabcontent h2 { font-weight: 500; }

.home-page-v5 .home-tabs .tab-left p { font-weight: 300; letter-spacing: 0.5px; }

.home-page-v5 .home-tabs .tab-left .btn { letter-spacing: 0.5px; }

.home-page-v5 .blog-area .blog-content h2 { font-weight: 500; }

.home-page-v5 .blog-area .blog-content p { font-weight: 300; letter-spacing: 0.5px; }

.home-page-v5 .slider-content h2 { font-weight: 500; }

.home-page-v5 .slider-content p { font-weight: 300; letter-spacing: 0.5px; }

.home-page-v5 .blog-area .blog-img p { font-weight: 300; letter-spacing: 0.5px; }

.home-page-v5 .slider-content .btn { letter-spacing: 0.5px; }

.blog-post { padding-bottom: 20px; }

.hover-black a { color: #552EEF !important; font-weight: 500; }

.hover-black a:hover { border-bottom: 1px solid #000000 !important; }

.hover-has { color: #552EEF !important; font-weight: 500; }

.hover-has:hover { border-bottom: 1px solid #000000 !important; }

@media (max-width: 350px) { .slider-content { height: 300px; } }

.blog-details .breadcrumps { margin: 10px 0 15px; }

.blog-details .blog-content h1 { color: #000000; font-size: 48px; font-weight: 700; padding: 10px 0; }

.blog-details .blog-content h2 { color: #424242; font-size: 22px; font-weight: 700; padding-top: 10px; margin-bottom: 15px; }

.blog-details .blog-content h4 { color: #000000; font-size: 24px; font-weight: 500; padding-bottom: 35px; line-height: 1.3; padding-top: 20px; }

.blog-details .blog-content .title-border h1:after, .blog-details .blog-content .title-border .common-title h2::after { bottom: -15px; }

.blog-details .blog-content .title-border h1 { margin-bottom: 50px !important; }

@media (max-width: 767px) { .blog-details .blog-content h1 { font-size: 32px; }
  .blog-details .blog-content h4 { font-size: 18px; padding-bottom: 20px; }
  .blog-details .blog-content .breadcrumps { margin: 10px 0 15px; } }

.blog-details p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 10px; }

.blog-details h5 { color: #000000; font-size: 12px; font-weight: 600; padding-bottom: 10px; }

.blog-details h3.cat_date { color: #000000; font-size: 12px; font-weight: 600; padding-bottom: 10px; }

.blog-details .blog-thumb img { width: 100%; height: auto; margin-bottom: 25px; }

.blog-items { overflow: hidden; padding: 40px 0 30px; }

.blog-items .single-blog { float: left; width: 48%; margin-right: 4%; }

.blog-items .single-blog img { width: 100%; height: auto; }

@media (max-width: 767px) { .blog-items .single-blog { width: 100%; } }

.blog-items .single-blog h3 { color: #424242; font-size: 22px; font-weight: 700; padding-top: 20px; }

@media (max-width: 767px) { .blog-items .single-blog h3 { padding-top: 10px; } }

.blog-items .single-blog h5 { color: #000000; font-size: 12px; font-weight: 600; padding-bottom: 10px; }

.blog-items .single-blog h3.cat_date { color: #000000; font-size: 12px; font-weight: 600; padding-bottom: 10px; }

.blog-items .single-blog p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding: 0 16px 25px 0; }

.blog-items .single-blog:nth-child(even) { margin-right: 0; }

.blog-items .load-btn { text-align: center; padding-top: 40px; display: inline-block; width: 100%; }

.blog-items .load-btn a { color: #7B7B7B; font-size: 15px; font-weight: 500; padding: 5px 30px; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #D2D2D2; border-radius: 50px; background-color: #ffffff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); -webkit-transition: all 0.3s; transition: all 0.3s; }

.blog-items .load-btn a:hover { color: #424242; border: 1px solid #7B7B7B; }

.post-categories { display: inline-block; }

.sign-up { background-color: #F0F0F0; padding: 40px 0 50px; width: 100%; display: inline-block; }

.sign-up .signup h2 { color: #000000; font-size: 25px; font-weight: 700; padding-bottom: 25px; }

.sign-up .signup input { outline: none; border: none; border-bottom: 1px solid #000000; background: transparent; margin-right: 10px; font-size: 15px; font-weight: 500; width: 27%; float: left; padding-left: 10px; }

.sign-up .signup input::-webkit-input-placeholder { color: #4F4F4F; }

.sign-up .signup input::-moz-placeholder { color: #4F4F4F; }

.sign-up .signup input:-ms-input-placeholder { color: #4F4F4F; }

.sign-up .signup input::-ms-input-placeholder { color: #4F4F4F; }

.sign-up .signup input::placeholder { color: #4F4F4F; }

@media (min-width: 768px) and (max-width: 1023px) { .sign-up .signup input { width: 26%; } }

.sign-up .signup input[type="submit"] { background: #7ECE61; outline: none; border: none; border-radius: 50px; padding: 5px 25px; color: #000000; font-weight: 500; font-size: 15px; text-align: center; width: 14%; margin-top: -10px; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; }

.sign-up .signup input[type="submit"]:hover { background-color: #A2EB88; }

@media (max-width: 767px) { .sign-up { padding: 30px 0 20px; }
  .sign-up .signup input { width: 100%; margin-bottom: 30px; }
  .sign-up .signup input[type="submit"] { width: 100%; } }

.post-thums { height: 180px; overflow: hidden; }

.post-thums img { height: auto; }

@media (max-width: 767px) { .post-thums { height: auto; } }

.ths-blog-category .champion-content h5 a { display: inline-block; padding-right: 5px; }

.tab li a { width: 100%; display: inline-block; padding: 8px; text-align: left; font-size: 15px; color: #000000; font-weight: 500; background: transparent; border-left: 3px solid transparent; outline: none; }

.tab li a:hover { border-left: 3px solid #68BC49; background-color: #F0F0F0; }

.tab li a:focus { border-left: 3px solid #68BC49; background-color: #F0F0F0; }

.tab li.current-cat { border-left: 3px solid #68BC49; background-color: #F0F0F0; }

.tab li.current-Array { display: none; }

.home-page-blog-thmb { height: 122px; overflow: hidden; }

@media (max-width: 767px) { .home-page-blog-thmb { height: auto; max-height: 260px; } }

.blog-img-thumb { height: 230px; overflow: hidden; }

@media (max-width: 767px) { .blog-img-thumb { height: auto; } }

h5 .post-categories a { display: inline-block; padding-right: 5px; font-weight: 600; font-size: 12px !important; }

h3.cat_date .post-categories a { display: inline-block; padding-right: 5px; font-weight: 600; font-size: 12px !important; }

.blog-items .single-blog h3 { min-height: 72px; }

.load-btn { width: 100% !important; }

.load-btn button { -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #D2D2D2; border-radius: 15px; background-color: #ffffff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); color: #000000; font-size: 15px; font-weight: 500; text-align: center; padding: 5px 15px; }

.blog_details-area img { height: auto; margin-top: 20px; width: 100%; }

.blog_details-area div#blog_contents h2 { padding-bottom: 10px !important; margin-bottom: 0 !important; font-size: 20px; font-weight: 500; padding-top: 10px !important; margin-top: 0 !important; }

.blog-content img { width: 100%; }

.single_blog_details h1 { font-size: 30px !important; color: #424242 !important; margin-top: 15px; }

.single_blog_details h5 { text-transform: uppercase; margin-top: 3px; color: #7B7B7B; font-size: 12px !important; }

.post-header { display: inline-block; width: 100%; padding-bottom: 15px; }

.post-header .cat-date { width: 65%; float: left; }

.post-header .tails-img { float: left; width: 35%; padding-left: 10%; padding-top: 10px; }

.hero-area img { width: 100%; }

.breadcrumps { background-image: url(assets/img/icon/arrow-icon.svg); background-repeat: no-repeat; background-position: 0; }

.breadcrumps h6 { color: #000000; font-size: 13px; font-weight: 400; padding: 10px 25px; font-family: "Montserrat", Sans-serif; }

.breadcrumps .cl-b { color: #000000 !important; }

.vet-area { padding: 25px 0 30px; }

@media (max-width: 767px) { .vet-area { padding: 15px 0 30px; } }

.vet-area .vet-content h1 { color: #000000; font-size: 48px; font-weight: 700; }

.vet-area .vet-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-top: 20px; }

@media (min-width: 767px) and (max-width: 1023px) { .vet-area .vet-content br { display: none; } }

@media (max-width: 767px) { .vet-area .vet-content img { width: 220px; }
  .vet-area .vet-content p { padding-top: 25px; }
  .vet-area .vet-content p br { display: none; }
  .vet-area .vet-content h1 { font-size: 32px; } }

.gallery-images { padding: 0 0 25px; }

.gallery-images h2 { color: #ffffff; font-size: 25px; font-weight: 700; }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-images h2 { font-size: 18px; } }

@media (max-width: 767px) { .gallery-images h2 { font-size: 22px; } }

.gallery-top { width: 100%; display: inline-block; }

.gallery-top .single-item { float: left; width: 33.33%; position: relative; }

.gallery-top .single-item > img { width: 100%; }

.gallery-top .single-item .wd-100 { width: 100% !important; }

@media (max-width: 767px) { .gallery-top .single-item { width: 100%; } }

.gallery-top .single-item:hover .hover-text { opacity: 1; visibility: visible; }

.gallery-top .single-item a { outline: none; }

.gallery-top .single-item a:focus .hover-text { opacity: 1; visibility: visible; }

.gallery-top .single-item .hover-text { position: absolute; top: 0; left: 0; background: #7ECE61; width: 100%; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; text-align: center; }

.gallery-top .single-item .hover-text h2 { color: #ffffff; font-size: 25px; font-weight: 700; padding: 110px 0 10px; }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-top .single-item .hover-text h2 { padding: 70px 0 10px; font-size: 18px; } }

@media (max-width: 767px) { .gallery-top .single-item .hover-text h2 { font-size: 22px; } }

.gallery-top .single-item .hover-text img { margin: 0 auto; display: inline-block; }

@media (min-width: 1920px) { .gallery-top .single-item .hover-text h2 { padding: 110px 0 10px; } }

@media (min-width: 1366px) and (max-width: 1919px) { .gallery-top .single-item .hover-text h2 { padding: 180px 0 10px; } }

.gallery-top .single-item .single-title { position: absolute; top: 0; left: 0; text-align: center; width: 100%; padding-top: 157px; }

.gallery-top .single-item .single-title > img { width: 100%; }

@media (min-width: 1920px) { .gallery-top .single-item .single-title { padding-top: 150px; } }

@media (min-width: 1366px) and (max-width: 1919px) { .gallery-top .single-item .single-title { padding-top: 220px; } }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-top .single-item .single-title { padding-top: 100px; } }

.gallery-btm { width: 100%; display: inline-block; margin-top: -8px; }

.gallery-btm .single-title { position: absolute; top: 0; left: 0; text-align: center; width: 100%; padding-top: 157px; }

@media (min-width: 1920px) { .gallery-btm .single-title { padding-top: 150px; } }

@media (min-width: 1366px) and (max-width: 1919px) { .gallery-btm .single-title { padding-top: 220px; } }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-btm .single-title { padding-top: 110px; } }

@media (max-width: 767px) { .gallery-btm .single-title { padding-top: 130px; } }

.gallery-btm .single-item { float: left; width: 50%; position: relative; }

@media (max-width: 767px) { .gallery-btm .single-item { width: 100%; } }

.gallery-btm .single-item a { outline: none; }

.gallery-btm .single-item a:focus .hover-text { opacity: 1; visibility: visible; }

.gallery-btm .single-item:hover .hover-text { opacity: 1; visibility: visible; }

.gallery-btm .single-item .hover-text { position: absolute; top: 0; left: 0; background: #7ECE61; width: 100%; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; text-align: center; }

.gallery-btm .single-item .hover-text h2 { color: #ffffff; font-size: 25px; font-weight: 700; padding: 119px 0 10px; }

@media (min-width: 1920px) { .gallery-btm .single-item .hover-text h2 { padding: 160px 0 10px !important; } }

@media (min-width: 1366px) and (max-width: 1919px) { .gallery-btm .single-item .hover-text h2 { padding: 180px 0 10px; } }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-btm .single-item .hover-text h2 { padding: 70px 0 10px; } }

@media (max-width: 767px) { .gallery-btm .single-item .hover-text h2 { padding: 80px 0 10px; font-size: 22px; } }

.gallery-btm .single-item .hover-text img { margin: 0 auto; }

.gallery-btm .single-item > img { width: 100%; }

.gallery-item .gallery-images { padding: 0 0 25px; }

.gallery-item .gallery-images p { color: #ffffff; font-size: 25px; font-weight: 700; }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-item .gallery-images p { font-size: 18px; } }

@media (max-width: 767px) { .gallery-item .gallery-images p { font-size: 22px; } }

.gallery-item .gallery-top { width: 100%; display: inline-block; }

.gallery-item .gallery-top .single-item { float: left; width: 33.33%; position: relative; }

.gallery-item .gallery-top .single-item > img { width: 100%; }

.gallery-item .gallery-top .single-item .wd-100 { width: 100% !important; }

@media (max-width: 767px) { .gallery-item .gallery-top .single-item { width: 100%; } }

.gallery-item .gallery-top .single-item:hover .hover-text { opacity: 1; visibility: visible; }

.gallery-item .gallery-top .single-item .hover-text { position: absolute; top: 0; left: 0; background: #7ECE61; width: 100%; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; text-align: center; }

.gallery-item .gallery-top .single-item .hover-text p { color: #ffffff; font-size: 25px; font-weight: 700; padding: 157px 0 10px; }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-item .gallery-top .single-item .hover-text p { padding: 100px 0 10px; font-size: 18px; } }

@media (max-width: 767px) { .gallery-item .gallery-top .single-item .hover-text p { font-size: 22px; } }

.gallery-item .gallery-top .single-item .hover-text img { margin: 0 auto; display: inline-block; }

@media (min-width: 1920px) { .gallery-item .gallery-top .single-item .hover-text p { padding: 150px 0 10px; } }

@media (min-width: 1366px) and (max-width: 1919px) { .gallery-item .gallery-top .single-item .hover-text p { padding: 180px 0 10px; } }

.gallery-item .gallery-top .single-item .single-title { position: absolute; top: 0; left: 0; text-align: center; width: 100%; padding-top: 157px; }

.gallery-item .gallery-top .single-item .single-title > img { width: 100%; }

@media (min-width: 1920px) { .gallery-item .gallery-top .single-item .single-title { padding-top: 150px; } }

@media (min-width: 1366px) and (max-width: 1919px) { .gallery-item .gallery-top .single-item .single-title { padding-top: 220px; } }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-item .gallery-top .single-item .single-title { padding-top: 100px; } }

.gallery-item .gallery-btm { width: 100%; display: inline-block; margin-top: -8px; }

.gallery-item .gallery-btm .single-title { position: absolute; top: 0; left: 0; text-align: center; width: 100%; padding-top: 157px; }

@media (min-width: 1920px) { .gallery-item .gallery-btm .single-title { padding-top: 150px; } }

@media (min-width: 1366px) and (max-width: 1919px) { .gallery-item .gallery-btm .single-title { padding-top: 220px; } }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-item .gallery-btm .single-title { padding-top: 110px; } }

@media (max-width: 767px) { .gallery-item .gallery-btm .single-title { padding-top: 110px; } }

.gallery-item .gallery-btm .single-item { float: left; width: 50%; position: relative; }

@media (max-width: 767px) { .gallery-item .gallery-btm .single-item { width: 100%; } }

.gallery-item .gallery-btm .single-item:hover .hover-text { opacity: 1; visibility: visible; }

.gallery-item .gallery-btm .single-item .hover-text { position: absolute; top: 0; left: 0; background: #7ECE61; width: 100%; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; text-align: center; }

.gallery-item .gallery-btm .single-item .hover-text p { color: #ffffff; font-size: 25px; font-weight: 700; padding: 157px 0 10px; }

@media (min-width: 1920px) { .gallery-item .gallery-btm .single-item .hover-text p { padding: 150px 0 10px !important; } }

@media (min-width: 1366px) and (max-width: 1919px) { .gallery-item .gallery-btm .single-item .hover-text p { padding: 180px 0 10px; } }

@media (min-width: 768px) and (max-width: 1023px) { .gallery-item .gallery-btm .single-item .hover-text p { padding: 110px 0 10px; font-size: 18px; } }

@media (max-width: 767px) { .gallery-item .gallery-btm .single-item .hover-text p { padding: 110px 0 10px; font-size: 22px; } }

.gallery-item .gallery-btm .single-item .hover-text img { margin: 0 auto; }

.gallery-item .gallery-btm .single-item > img { width: 100%; }

.adoption-area img { width: 100%; }

.process-area .process-content h1 { color: #000000; font-size: 48px; font-weight: 700; padding-top: 30px; }

.process-area .process-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding: 20px 0 0; }

.process-area .process-content .cl-red { color: red !important; font-style: italic; }

.process-area .process-content h2 { color: #000000; font-size: 18px; font-weight: 500; padding-top: 22px; }

@media (min-width: 768px) and (max-width: 1023px) { .process-area .process-content h2 { font-size: 21px; } }

@media (max-width: 767px) { .process-area .process-content h1 { font-size: 32px; }
  .process-area .process-content img { max-width: 80%; }
  .process-area .process-content p { padding: 20px 0 25px; }
  .process-area .process-content h2 { font-size: 19px; } }

.adoption-system { padding: 30px 0; }

.adoption-system .adoption-content { border-bottom: 2px solid #CACACA; padding-bottom: 30px; margin-bottom: 40px; overflow: hidden; }

.adoption-system .adoption-content h3 { color: #000000; font-size: 20px; font-weight: 500; position: relative; display: inline-block; margin-bottom: 35px; }

.adoption-system .adoption-content h3::before { position: absolute; content: ""; background: #47BFBA; width: 100%; height: 5px; top: 24px; }

.adoption-system .adoption-content h2 { font-size: 18px; padding-bottom: 15px; }

.adoption-system .adoption-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 15px; }

.adoption-system .adoption-content p span { font-style: italic; padding-top: 15px; display: inline-block; }

.adoption-system .adoption-content .booking-list { position: relative; margin-left: 44px; font-size: 15px; font-weight: 300; padding-bottom: 10px; }

.adoption-system .adoption-content .booking-list li::before { position: absolute; left: -2%; background: black; width: 5px; height: 5px; content: ""; border-radius: 50px; margin-top: 9px; }

.adoption-system .adoption-content .book { width: 100%; text-align: center; padding: 35px 0 45px; margin: 0 auto; }

.adoption-system .adoption-content .book a { background-color: #7ECE61; color: #000000; font-size: 15px; font-weight: 500; letter-spacing: 0px; line-height: 19px; text-align: center; padding: 6px 20px; border-radius: 50px; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 6px 60px; }

.adoption-system .adoption-content .book a:hover { background-color: #A2EB88; }

@media (max-width: 767px) { .adoption-system .adoption-content h3 { font-size: 18px; }
  .adoption-system .adoption-content h3.step1::before { top: 44px; }
  .adoption-system .adoption-content .number-list p { padding-left: 10px; }
  .adoption-system .adoption-content .book { padding: 20px 0 25px; }
  .adoption-system .adoption-content .book a { padding: 6px 46px; } }

.adoption-system .arrow-list li { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding: 3px 0 3px 23px; font-size: 15px; font-weight: 500; }

.adoption-system .arrow-list li a { color: #552EEF !important; }

.adoption-system .italic-gray { color: #7B7B7B !important; font-style: italic; }

.adoption-system .number-list { padding-top: 10px; }

.adoption-system .number-list li { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; font-size: 14px; }

.adoption-system .number-list li span { float: left; width: 3%; }

.adoption-system .number-list li p { float: left; width: 97%; padding-top: 0; padding-bottom: 15px; }

.adoption-system .table-area { padding: 30px 0 10px; }

.adoption-system .table-area table { width: 57%; border-collapse: collapse; margin: 0 auto; }

.adoption-system .table-area td, .adoption-system .table-area th { border: 2px solid #ffffff; text-align: left; padding: 5px 10px; font-size: 15px; }

.adoption-system .table-area .list { color: #552EEF !important; }

.adoption-system .table-area .list:hover { border-bottom: 1px solid #000 !important; }

.adoption-system .table-area tr:nth-child(even) { background-color: #F0F0F0; }

.adoption-system .table-area td:nth-child(even) { width: 38%; }

.adoption-system .table-area h5 { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; width: 57%; margin: 0 auto; font-size: 13px; padding: 20px 0 15px; }

.adoption-system .table-area p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; width: 57%; margin: 0 auto; font-size: 13px; padding-bottom: 0; }

@media (max-width: 767px) { .adoption-system .table-area table { width: 100%; }
  .adoption-system .table-area h5 { width: 100%; }
  .adoption-system .table-area p { width: 100%; } }

@media (min-width: 768px) and (max-width: 1023px) { .adoption-system .table-area table { width: 70%; }
  .adoption-system .table-area h5 { width: 70%; }
  .adoption-system .table-area p { width: 70%; } }

.adoption-system .dot-list { padding: 0 0 20px 15px; }

.adoption-system .dot-list li { position: relative; padding-left: 23px; margin-top: 20px; color: #000000; font-size: 15px; font-weight: 300; list-style: none !important; }

.adoption-system .dot-list li::before { position: absolute; content: ""; background: #000000; width: 3px; height: 3px; left: 0; top: 10px; border-radius: 50px; }

.adoption-system .italic { font-style: italic; }

.adoption-system .black { color: #000000 !important; font-size: 15px; font-weight: 500 !important; }

@media (max-width: 767px) { .adoption-system { padding: 30px 0 25px; } }

.adoption-requerment .adoption-content { border-bottom: none; padding-bottom: 0; margin-bottom: 0; }

.adoption-requerment .adoption-content h3 { margin-bottom: 20px; }

.champion-area { padding: 30px 0 60px; overflow: hidden; }

.champion-area .champion-tabs { float: left; width: 23%; margin-right: 7%; }

@media (max-width: 767px) { .champion-area .champion-tabs { width: 100%; } }

.champion-area .champion-tabs h2 { color: #7B7B7B; font-size: 20px; font-weight: 700; padding-bottom: 50px; }

@media (max-width: 767px) { .champion-area .champion-tabs h2 { padding-bottom: 20px; } }

.champion-area .champion-tabs .tab { overflow: hidden; }

@media (max-width: 767px) { .champion-area .champion-tabs .tab { padding-bottom: 25px; } }

.champion-area .champion-tabs .tab.category-tabs a { width: 100%; display: inline-block; padding: 8px; text-align: left; font-size: 15px; color: #000000; font-weight: 500; background: transparent; border-left: 3px solid transparent; outline: none; cursor: pointer; }

.champion-area .champion-tabs .tab.category-tabs a:hover { border-left: 3px solid #68BC49; background-color: #F0F0F0; }

.champion-area .champion-tabs .tab.category-tabs a.active { border-left: 3px solid #68BC49; background-color: #F0F0F0; }

.champion-area .champion-tabs .tab.category-tabs a:focus { border-left: 3px solid #68BC49; background-color: #F0F0F0; }

.champion-area .champion-tabs .tab.category-tabs p { width: 100%; display: inline-block; padding: 8px; text-align: left; font-size: 15px; color: #000000; font-weight: 400; background: transparent; outline: none; }

@media (min-width: 768px) and (max-width: 1023px) { .champion-area .champion-tabs { width: 25%; margin-right: 5%; } }

.champion-area .champion-content { float: left; width: 70%; }

@media (max-width: 767px) { .champion-area .champion-content { width: 100%; } }

.champion-area .champion-content .champion-img { float: left; width: 50%; margin-bottom: 36px; position: relative; }

.champion-area .champion-content .champion-img h4 { position: absolute; top: 0; left: 0; text-align: center; width: 100%; height: 100%; color: #ffffff; font-size: 25px; padding-top: 170px; font-weight: 700; }

@media (min-width: 768px) and (max-width: 1023px) { .champion-area .champion-content .champion-img h4 { padding-top: 120px; } }

@media (max-width: 767px) { .champion-area .champion-content .champion-img { width: 100%; } }

.champion-area .champion-content .champion-img img { width: 100%; }

.champion-area .champion-content h1 { color: #000000; font-size: 48px; font-weight: 700; }

@media (max-width: 767px) { .champion-area .champion-content h1 { font-size: 30px; } }

.champion-area .champion-content h3 { color: #000000; font-size: 24px; font-weight: 500; padding: 30px 0 20px; }

@media (max-width: 767px) { .champion-area .champion-content h3 { font-size: 22px; } }

.champion-area .champion-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding: 10px 0; }

.champion-area .championtab { display: none; border-top: none; }

.champion-area #become_human { display: block; }

.humane-area .humane-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 20px; }

.single-post .active a { border-left: 3px solid #68BC49 !important; background-color: #F0F0F0 !important; }

.events-list.champion-area .champion-tabs .tab.category-tabs a { font-weight: 700; }

.events-list.champion-area .duration.time { font-weight: 500 !important; }

.events-list.champion-area .champion-content p { font-weight: 500; }

.events-list.champion-area .tribe-events-read-more.breadcrumps { font-weight: 500; }

.events-list.champion-area .ecs-no-events { padding-top: 20px; font-weight: 500; }

.events-list.champion-area .duration.venue { font-weight: 500; }

.events-area .tribe-events-schedule h2 { font-weight: 500; }

.events-area .tribe-events-content p { font-weight: 500 !important; }

.events-area .tribe-events-nav-previous { font-weight: 500; }

.events-area .tribe-events-nav-next { font-weight: 500; }

.events-area .tribe-venue { font-weight: 500; }

.events-area .tribe-events-start-time { font-weight: 500; }

.events-area .tribe-events-start-date { font-weight: 500; }

.events-area .tribe-events-end-date { font-weight: 500; }

.events-area .tribe-events-event-categories { font-weight: 500; }

.champion-content h2 { color: #424242; font-size: 29px; font-weight: 600; padding: 13px 0 50px !important; }

.champion-content h4 { color: #424242; font-size: 29px; font-weight: 700; padding-top: 10px; }

.champion-content h5 { color: #7B7B7B; font-size: 12px; font-weight: 600; padding-bottom: 5px; }

.blog-article .blog-area .blog-content p { font-size: 24px; font-weight: 700; letter-spacing: 0px; line-height: 1.2; }

#happy_tails { display: block; }

.ths-blog-category .champion-area { padding: 30px 0 40px; }

.ths-blog-category #happy_tails { display: block; }

.ths-blog-category .breadcrumps h6 { margin-top: 10px; }

.ths-blog-category .champion-content h2 { color: #424242; font-size: 29px; font-weight: 700; padding: 13px 0 50px !important; }

.ths-blog-category .champion-content h4 { color: #424242; font-size: 29px; font-weight: 600; padding-top: 10px; }

.ths-blog-category .champion-content h5 { color: #444; font-size: 12px !important; font-weight: 600; padding-bottom: 5px; }

.ths-blog-category .champion-content .single-blog { float: left; width: 48%; margin-right: 4%; padding-bottom: 20px; }

.ths-blog-category .champion-content .single-blog img { width: 100%; }

.ths-blog-category .champion-content .single-blog h3 { padding: 10px 0 5px; font-weight: 700; color: #424242; font-size: 22px; height: 60px; line-height: 1; }

@media (max-width: 767px) { .ths-blog-category .champion-content .single-blog { width: 100%; } }

.ths-blog-category .champion-content .single-blog:nth-child(even) { margin-right: 0; }

.ths-blog-category .load-btn { text-align: center; padding-top: 35px; display: inline-block; width: 55%; }

@media (max-width: 767px) { .ths-blog-category .load-btn { width: 100%; padding-top: 0; } }

.img-responsive { height: auto !important; }

.dog-adopt-area { overflow: hidden; padding-bottom: 20px; }

.dog-adopt-area > img { width: 100%; }

.dog-adopt-area .adopt-content h1 { color: #000000; font-size: 48px; font-weight: 700; padding-top: 30px; }

.dog-adopt-area .adopt-content img { padding-bottom: 35px; width: auto; }

.dog-adopt-area .adopt-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 20px; }

.dog-adopt-area .adopt-content p span { font-weight: 500; }

@media (max-width: 767px) { .dog-adopt-area .adopt-content h1 { padding-top: 20px; font-size: 36px; }
  .dog-adopt-area .adopt-content img { padding-bottom: 20px; } }

.dog-adopt-area .dogadopt-tabs { margin-top: 10px; }

.dog-adopt-area .tab { overflow: hidden; max-width: 580px; margin: 0 auto; margin-bottom: 40px; }

.dog-adopt-area .tab button { float: left; border: none; outline: none; cursor: pointer; padding: 14px 48px; -webkit-transition: 0.3s; transition: 0.3s; background-color: transparent; border-bottom: 3px solid transparent; border-bottom: 3px solid #D8D8D8; font-size: 15px; font-weight: 500; }

.dog-adopt-area .tab button:hover { border-bottom: 3px solid #68BC49; background-color: #F0F0F0; }

.dog-adopt-area .tab button.active { border-bottom: 3px solid #68BC49; background-color: #F0F0F0; }

.dog-adopt-area .championtab { display: none; }

.dog-adopt-area #available { display: block; }

.dogtab-content .dogtab-img { float: left; width: 31.8%; padding: 10px; border: 3px solid transparent; background-color: transparent; margin-right: 1.5%; margin-bottom: 25px; position: relative; }

.dogtab-content .dogtab-img .on-hold { position: absolute; top: 0; text-align: center; left: 0; width: 100%; height: 100%; padding-top: 100px; background: rgba(255, 255, 255, 0.6); }

.dogtab-content .dogtab-img .on-hold h4 { font-size: 24px; font-weight: 500; color: #ffffff; background: #F05B40; max-width: 136px; line-height: 1.5; margin: 0 auto; padding: 1px 0; }

@media (max-width: 767px) { .dogtab-content .dogtab-img { width: 100%; margin-bottom: 10px; }
  .dogtab-content .dogtab-img .on-hold { padding-top: 150px; } }

.dogtab-content .dogtab-img > img { width: 100%; height: 207px; }

@media (min-width: 768px) and (max-width: 1023px) { .dogtab-content .dogtab-img > img { height: 162px; } }

@media (max-width: 767px) { .dogtab-content .dogtab-img > img { height: unset; } }

.dogtab-content .dogtab-img:hover { border: 3px solid #7ECE61; background-color: #F0F0F0; padding: 10px; }

.dogtab-content .dogtab-img li { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; font-size: 13px; padding-bottom: 5px; }

.dogtab-content .dogtab-img h2 { color: #000000; font-size: 15px; font-weight: 700; padding: 13px 0 15px; }

.events-area { width: 100%; display: inline-block; padding: 30px 0 20px; }

@media (max-width: 767px) { .events-area { padding: 5px 0 20px; } }

.events-sidebar { float: left; width: 23%; margin-right: 8%; display: none; }

.events-sidebar p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding: 10px 0; }

.events-sidebar .prev-year { background-image: url(assets/img/icon/arrow-icon.svg); background-position: right; background-repeat: no-repeat; border-bottom: 1px solid #979797; cursor: pointer; margin-left: 10px; }

.events-sidebar .current-year { background-image: url(assets/img/icon/arrow-down-icon.svg); background-position: right; background-repeat: no-repeat; cursor: pointer; margin-left: 10px; }

.events-sidebar h3 { color: #7B7B7B; font-size: 20px; font-weight: 700; padding: 25px 0 40px 10px; }

@media (max-width: 767px) { .events-sidebar h3 { padding: 15px 0 20px !important; } }

.events-sidebar li { padding: 5px 0 5px 10px; cursor: pointer; -webkit-transition: all 0.5s; transition: all 0.5s; border-left: 3px solid transparent; background-color: transparent; font-size: 15px; font-weight: 500; }

.events-sidebar li:hover { border-left: 3px solid #68BC49; background-color: #F0F0F0; }

.events-sidebar li.active { border-left: 3px solid #68BC49; background-color: #F0F0F0; }

.events-sidebar ul .disabled { color: #ACACAC; }

.events-content { float: left; width: 100%; }

.events-content h1 { color: #000000; font-size: 48px; font-weight: 700; padding-bottom: 10px; }

@media (max-width: 767px) { .events-content h1 { font-size: 32px; padding: 20px 0 5px; } }

.events-content .single-event { border-bottom: 1px solid #ACACAC; padding-bottom: 25px; padding-top: 35px; }

.events-content .single-event:last-child { border: none; }

.events-content .single-event h2 { color: #000000; font-size: 24px; font-weight: 500; padding-bottom: 10px; }

.events-content .single-event p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 15px; }

.events-content .single-event .more { background-image: url(assets/img/icon/arrow-icon.svg); background-position: 0%; background-repeat: no-repeat; }

.events-content .single-event .more a { font-size: 14px; font-weight: 500; color: #552EEF !important; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; display: inline-block; background-position: 0; padding-left: 25px; }

.tab { padding-bottom: 15px; }

.tab h3 { font-size: 15px; outline: none; }

.accordion.active img { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; -webkit-transition: all 0.5s; transition: all 0.5s; }

.accordion-21.active img { -webkit-transform: rotate(90deg) !important; transform: rotate(90deg) !important; -webkit-transition: all 0.5s; transition: all 0.5s; }

.accordion { -webkit-transition: all 0.5s; transition: all 0.5s; }

.accordion img { float: right; margin-top: -25px; }

.accordion-21 img { float: right; margin-top: -25px; }

.panel .panel_21 { display: none; padding-top: 15px; }

.accordion { margin-left: 10px; border-bottom: 1px solid #000000 !important; padding-bottom: 6px; cursor: pointer !important; }

.accordion.active { border: none !important; }

.accordion-21 { margin-left: 10px; border-bottom: 1px solid #000000 !important; padding-bottom: 6px; cursor: pointer !important; }

.accordion-21.active { border: none !important; }

.single-event-list h2 { font-size: 24px !important; font-weight: 500 !important; }

.event_titles h1 { margin-top: -30px !important; }

.entry-title.summary { margin-bottom: -45px; }

.ecs-event.news_ecs_category { border-bottom: 1px solid #000000; }

.tribe-events-read-more.breadcrumps { padding-left: 20px; font-size: 15px; }

.ecs-event.events_ecs_category { border-bottom: 1px solid #000000; }

.event-2020 .accordion { outline: none; }

.duration.time { font-weight: 300 !important; color: #000000; font-size: 15px; line-height: 1.5; letter-spacing: 0.5px; }

.details-area { overflow: hidden; padding-bottom: 30px; }

.details-area .detail-content h1 { color: #000000; font-size: 48px; font-weight: 700; padding-top: 30px; }

.details-area .detail-content .pet-content { float: left; width: 50%; padding: 35px 0px 0 0; }

.details-area .detail-content .pet-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 20px; }

.details-area .detail-content .pet-content p a { text-decoration: underline; color: #000000; display: inline-block; padding: 0 !important; }

.details-area .pet-table { float: left; width: 50%; padding-top: 35px; padding-left: 30px; }

.details-area .pet-table td, .details-area .pet-table th { border: 2px solid #ffffff; padding: 8px; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; }

.details-area .pet-table tr:nth-child(odd) { background-color: #f2f2f2; }

.details-area .pet-table .pet-btn { padding-bottom: 20px; text-align: center; }

.details-area .pet-table .pet-btn a { background: #7ECE61; padding: 6px 50px; color: #000000; font-weight: 500; border-radius: 50px; text-align: center; display: inline-block; width: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; }

.details-area .pet-table .pet-btn a:hover { background-color: #A2EB88; }

.details-area .pet-table table { border-collapse: collapse; margin-bottom: 40px; }

@media (min-width: 768px) and (max-width: 1023px) { .details-area .details-pet .pet-img:nth-child(3) { float: left; margin-right: 2%; width: 24%; } }

@media (max-width: 767px) { .details-area h1 { font-size: 32px !important; }
  .details-area .detail-content > img { width: 75%; }
  .details-area .pet-content { width: 100% !important; padding-top: 35px; }
  .details-area .pet-table { width: 100% !important; padding-top: 35px; padding-left: 0; } }

.details-pet { padding-top: 35px; }

.details-pet .pet-img { float: left; margin-right: 2%; }

.details-pet .pet-img:last-child { margin-right: 0; }

@media (min-width: 768px) and (max-width: 1023px) { .details-pet .pet-img:nth-child(3) { width: 24% !important; }
  .details-pet .pet-img:nth-child(2) { width: 36.7% !important; }
  .details-pet .pet-img:nth-child(1) { width: 33.3% !important; } }

@media (max-width: 767px) { .details-pet .pet-img { width: 100%; padding-bottom: 10px; }
  .details-pet .pet-img img { width: 100%; } }

.hover-color a { border-bottom: 4px solid transparent; padding-bottom: 3px; -webkit-transition: all 0.3s; transition: all 0.3s; }

.hover-color a:hover { color: #7ECE61; border-bottom: 4px solid #7ECE61; }

.human-content { padding-bottom: 20px; }

.human-content h1 { color: #000000; font-size: 48px; font-weight: 700; padding-top: 30px; margin-bottom: 20px; }

.human-content img { margin-bottom: 40px; width: 60%; }

.human-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 30px; }

@media (min-width: 768px) and (max-width: 1023px) { .human-content h1 { font-size: 40px; } }

@media (max-width: 767px) { .human-content h1 { font-size: 30px; }
  .human-content img { margin-bottom: 20px; }
  .human-content p { padding-bottom: 20px; } }

.divider-image { padding-bottom: 50px; }

.divider-image img { width: 100%; }

.bond-important { background-color: #7ECE61; padding: 80px 0 50px; }

.bond-important h2 { color: #000000; font-size: 30px; font-weight: 800; text-align: center; padding-bottom: 40px; }

.bond-important .bond-content { padding: 30px 15px; background-color: #ffffff; border: 1px solid #F0F0F0; }

.bond-important .bond-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 30px; }

@media (max-width: 767px) { .bond-important { padding: 40px 0; } }

.bond-gallery { width: 100%; display: inline-block; margin-bottom: -7px; }

.bond-gallery .bond-image { float: left; width: 50%; position: relative; }

.bond-gallery .bond-image.human-bond-image { width: 33.33%; }

.bond-gallery .bond-image.human-bond-image .hover-text h4 { font-size: 20px; padding: 85px 10px 5px; }

.bond-gallery .bond-image.human-bond-image .bond-text h4 { font-size: 20px; }

@media (max-width: 767px) { .bond-gallery .bond-image.human-bond-image { width: 100%; } }

@media (max-width: 767px) { .bond-gallery .bond-image { width: 100%; } }

.bond-gallery .bond-image img { width: 100%; }

.bond-text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.bond-text h4 { color: #ffffff; font-size: 25px; font-weight: 700; }

@media (max-width: 767px) { .bond-text { text-align: center; }
  .bond-text h4 { font-size: 18px; } }

.bond-image .hover-text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-color: #7ECE61; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.bond-image .hover-text h4 { color: #ffffff; font-size: 25px; font-weight: 700; padding: 150px 10px 5px; }

.bond-image .hover-text img { width: 20px !important; margin: 0 auto; display: inline-block; }

@media (max-width: 767px) { .bond-image .hover-text { text-align: center; }
  .bond-image .hover-text h4 { font-size: 18px; } }

.bond-image:hover .hover-text { visibility: visible; opacity: 1; }

.bond-item .bond-gallery { width: 100%; display: inline-block; margin-bottom: -7px; }

.bond-item .bond-gallery .bond-image { float: left; width: 50%; position: relative; }

.bond-item .bond-gallery .bond-image.human-bond-image { width: 33.33%; }

@media (max-width: 767px) { .bond-item .bond-gallery .bond-image.human-bond-image { width: 100%; } }

@media (max-width: 767px) { .bond-item .bond-gallery .bond-image { width: 100%; } }

.bond-item .bond-gallery .bond-image img { width: 100%; }

.bond-item .bond-gallery a { outline: none; }

.bond-item .outer-text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }

.bond-item .outer-text p { color: #ffffff; font-size: 20px; font-weight: 700; }

@media (max-width: 767px) { .bond-item .outer-text { text-align: center; }
  .bond-item .outer-text p { font-size: 18px; } }

.bond-item .inner-text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; text-align: center; background-color: #7ECE61; visibility: hidden; opacity: 0; -webkit-transition: all 0.5s; transition: all 0.5s; }

.bond-item .inner-text img { width: 20px !important; margin: 0 auto; display: inline-block; }

.bond-item .inner-text p { color: #ffffff; font-size: 20px; font-weight: 700; padding: 80px 10px 5px; }

@media (max-width: 1920px) { .bond-item .inner-text p { padding: 79px 10px 5px; }
  .bond-item .inner-text p.last { padding: 94px 10px 5px; } }

@media (min-width: 1024px) and (max-width: 1366px) { .bond-item .inner-text p { padding: 79px 10px 5px !important; }
  .bond-item .inner-text .last { padding-top: 94px !important; } }

@media (min-width: 768px) and (max-width: 1023px) { .bond-item .inner-text p { padding: 55px 10px 5px !important; } }

@media (max-width: 767px) { .bond-item .inner-text p { padding: 90px 10px 5px !important; } }

.bond-item .bond-image:hover .inner-text { visibility: visible; opacity: 1; }

.bond-item .bond-image a:focus .inner-text { visibility: visible; opacity: 1; }

.adopt-content { padding-bottom: 20px; }

.adopt-content h1 { color: #000000; font-size: 48px; font-weight: 700; padding-top: 30px; margin-bottom: 30px; }

.adopt-content h1 br { display: none; }

.adopt-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 30px; }

@media (min-width: 768px) and (max-width: 1023px) { .adopt-content h1 { font-size: 40px; } }

@media (max-width: 767px) { .adopt-content h1 { font-size: 30px; }
  .adopt-content h1 br { display: block; }
  .adopt-content img { margin-bottom: 20px; } }

.adopt-gallery { width: 100%; display: inline-block; padding-bottom: 30px; }

.adopt-gallery .adopt-image { float: left; width: 50%; position: relative; }

.adopt-gallery .adopt-image img > { width: 100%; }

.adopt-gallery .adopt-image .adopt-hover { position: absolute; top: 0; left: 0; background: #7ECE61; width: 100%; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; text-align: center; }

.adopt-gallery .adopt-image .adopt-hover img { margin: 0 auto; display: inline-block; }

.adopt-gallery .adopt-image .adopt-hover h2 { padding: 150px 0 0; color: #ffffff; font-size: 25px; font-weight: 700; text-align: center; }

.adopt-gallery .adopt-image:hover .adopt-hover { opacity: 1; visibility: visible; }

.adopt-gallery .adopt-image a { outline: none; }

.adopt-gallery .adopt-image a:focus .adopt-hover { opacity: 1; visibility: visible; }

@media (max-width: 767px) { .adopt-gallery .adopt-image { width: 100%; } }

.adopt-text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.adopt-text h4 { color: #ffffff; font-size: 25px; font-weight: 700; }

@media (max-width: 767px) { .adopt-text { text-align: center; }
  .adopt-text h4 { font-size: 18px; } }

.adopt-item .adopt-gallery { width: 100%; display: inline-block; padding-bottom: 30px; }

.adopt-item .adopt-gallery .adopt-image { float: left; width: 50%; position: relative; }

.adopt-item .adopt-gallery .adopt-image img > { width: 100%; }

.adopt-item .adopt-gallery .adopt-image .adopt-hover { position: absolute; top: 0; left: 0; background: #7ECE61; width: 100%; height: 100%; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; visibility: hidden; text-align: center; }

.adopt-item .adopt-gallery .adopt-image .adopt-hover img { margin: 0 auto; display: inline-block; }

.adopt-item .adopt-gallery .adopt-image .adopt-hover p { padding: 150px 0 0; color: #ffffff; font-size: 25px; font-weight: 700; text-align: center; }

@media (max-width: 1920px) { .adopt-item .adopt-gallery .adopt-image .adopt-hover p { padding: 145px 0 0; } }

@media (min-width: 768px) and (max-width: 1023px) { .adopt-item .adopt-gallery .adopt-image .adopt-hover p { padding: 109px 0 0; } }

@media (max-width: 767px) { .adopt-item .adopt-gallery .adopt-image .adopt-hover p { padding: 106px 0 0; font-size: 18px; } }

.adopt-item .adopt-gallery .adopt-image:hover .adopt-hover { opacity: 1; visibility: visible; }

.adopt-item .adopt-gallery .adopt-image:focus .adopt-hover { opacity: 1; visibility: visible; }

@media (max-width: 767px) { .adopt-item .adopt-gallery .adopt-image { width: 100%; } }

.adopt-item .adopt-text { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.adopt-item .adopt-text p { color: #ffffff; font-size: 25px; font-weight: 700; }

@media (max-width: 767px) { .adopt-item .adopt-text { text-align: center; }
  .adopt-item .adopt-text p { font-size: 18px; } }

.community-area { padding: 0 0 60px; }

.community-area h1 { color: #000000; font-size: 48px; font-weight: 700; padding-top: 30px; }

@media (max-width: 767px) { .community-area { padding: 0 0 35px; }
  .community-area h1 { font-size: 32px !important; padding: 10px 0; } }

.social-area { overflow: hidden; padding: 0 0 50px 0; }

.social-area .scial-content { float: left; width: 40%; margin-right: 12%; }

.social-area .scial-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; padding-bottom: 20px; }

.social-area .scial-content .social-icon { margin-left: -18px; padding-top: 6px; }

.social-area .scial-content .social-icon li { display: inline; }

.social-area .scial-content .social-icon li a { display: inline-block; padding: 5px; border-bottom: 1px solid transparent; width: 72px; height: 72px; position: relative; }

.social-area .scial-content .social-icon li a::after { position: absolute; content: ""; width: 100%; height: 1px; background-color: #68BC49; top: 55px; left: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; }

.social-area .scial-content .social-icon li a:hover::after { opacity: 1; visibility: visible; }

.social-area .gose a { color: #552EEF; font-weight: 500; }

.social-area .social-img { float: left; width: 48%; padding-top: 10px; }

.social-area .social-img img { width: 100% !important; }

@media (min-width: 768px) and (max-width: 1023px) { .social-area .social-icon li a { padding: 0px !important; } }

@media (max-width: 767px) { .social-area .social-img { width: 100%; }
  .social-area .scial-content { width: 100%; } }

.tribe-events-pg-template { max-width: 990px !important; }

.tribe-events-pg-template .tribe-events-gcal { padding-left: 0px !important; }

.tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container { max-width: 1020px; }

.single-tribe_events, .page-template-template-upcoming-events, .page-template-template-ths-social { font-family: "Montserrat", sans-serif !important; }

.single-tribe_events .tribe-events-back, .page-template-template-upcoming-events .tribe-events-back, .page-template-template-ths-social .tribe-events-back { display: none; }

.single-tribe_events .events-sidebar .ecs-no-events, .page-template-template-upcoming-events .events-sidebar .ecs-no-events, .page-template-template-ths-social .events-sidebar .ecs-no-events { padding-left: 10px; }

.single-tribe_events .ecs-date, .page-template-template-upcoming-events .ecs-date, .page-template-template-ths-social .ecs-date { padding: 10px 0px; margin-left: 10px; margin-top: 15px; font-size: 20px; font-weight: 500; color: #424242; border-top: 1px solid #D8D8D8; }

.single-tribe_events .ecs-date:first-child, .page-template-template-upcoming-events .ecs-date:first-child, .page-template-template-ths-social .ecs-date:first-child { border-top: none; margin-top: 0px; }

.single-tribe_events .ecs-event, .page-template-template-upcoming-events .ecs-event, .page-template-template-ths-social .ecs-event { padding-left: 10px; font-size: 13px; }

.single-tribe_events .events-content h1, .page-template-template-upcoming-events .events-content h1, .page-template-template-ths-social .events-content h1 { margin-bottom: 30px; }

.single-tribe_events .events-content .ecs-thumbnail img, .page-template-template-upcoming-events .events-content .ecs-thumbnail img, .page-template-template-ths-social .events-content .ecs-thumbnail img { display: none; }

.single-tribe_events .events-content .tribe-events-event-image img, .page-template-template-upcoming-events .events-content .tribe-events-event-image img, .page-template-template-ths-social .events-content .tribe-events-event-image img { height: auto; }

.single-tribe_events .events-content .ecs-table-row, .page-template-template-upcoming-events .events-content .ecs-table-row, .page-template-template-ths-social .events-content .ecs-table-row { display: block; }

.single-tribe_events .events-content .ecs-event, .page-template-template-upcoming-events .events-content .ecs-event, .page-template-template-ths-social .events-content .ecs-event { display: block !important; width: auto !important; padding: 0px !important; border-bottom: 1px solid #D8D8D8; margin-bottom: 30px; }

.single-tribe_events .events-content .ecs-event-title, .page-template-template-upcoming-events .events-content .ecs-event-title, .page-template-template-ths-social .events-content .ecs-event-title { color: #000000; font-size: 24px; font-weight: 500; line-height: 1.2; padding-bottom: 10px; }

.single-tribe_events .events-content .ecs-excerpt, .page-template-template-upcoming-events .events-content .ecs-excerpt, .page-template-template-ths-social .events-content .ecs-excerpt { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; margin-bottom: 0px; padding-bottom: 15px; }

.single-tribe_events .events-content .ecs-date, .page-template-template-upcoming-events .events-content .ecs-date, .page-template-template-ths-social .events-content .ecs-date { display: none; }

.single-tribe_events .events-content .ecs-button a, .page-template-template-upcoming-events .events-content .ecs-button a, .page-template-template-ths-social .events-content .ecs-button a { display: inline-block !important; font-size: 14px !important; font-weight: 500 !important; color: #552EEF !important; -webkit-transition: border-color 0.3s !important; -webkit-transition: all 0.3s !important; transition: all 0.3s !important; position: relative !important; display: inline-block !important; background-color: transparent !important; background-position: 0 !important; padding: 0px 0px 5px 25px !important; text-transform: none !important; background-image: url(assets/img/icon/arrow-icon.svg) !important; background-position: left 2.5px !important; background-repeat: no-repeat; border-radius: 0px !important; border-bottom: 2px solid transparent !important; }

.single-tribe_events .events-content .ecs-button a:hover, .page-template-template-upcoming-events .events-content .ecs-button a:hover, .page-template-template-ths-social .events-content .ecs-button a:hover { border-color: #7ECE61 !important; }

.single-tribe_events .tribe-events-content, .page-template-template-upcoming-events .tribe-events-content, .page-template-template-ths-social .tribe-events-content { font-family: "Montserrat", sans-serif !important; }

.single-tribe_events .tribe-events-content p, .page-template-template-upcoming-events .tribe-events-content p, .page-template-template-ths-social .tribe-events-content p { color: #000000; font-size: 15px; font-weight: 300; letter-spacing: 0.5px; line-height: 1.5; }

.single-tribe_events .tribe-events-schedule h2, .page-template-template-upcoming-events .tribe-events-schedule h2, .page-template-template-ths-social .tribe-events-schedule h2 { font-family: "Montserrat", sans-serif !important; }

.single-tribe_events .tribe-events-single-event-title, .single-tribe_events .tribe-events-content, .single-tribe_events .tribe-events-event-meta, .single-tribe_events .tribe-events-single .tribe-events-sub-nav, .single-tribe_events .tribe-events-cal-links, .page-template-template-upcoming-events .tribe-events-single-event-title, .page-template-template-upcoming-events .tribe-events-content, .page-template-template-upcoming-events .tribe-events-event-meta, .page-template-template-upcoming-events .tribe-events-single .tribe-events-sub-nav, .page-template-template-upcoming-events .tribe-events-cal-links, .page-template-template-ths-social .tribe-events-single-event-title, .page-template-template-ths-social .tribe-events-content, .page-template-template-ths-social .tribe-events-event-meta, .page-template-template-ths-social .tribe-events-single .tribe-events-sub-nav, .page-template-template-ths-social .tribe-events-cal-links { font-family: "Montserrat", sans-serif !important; }

@media (max-width: 768px) { .single-tribe_events .ecs-event, .page-template-template-upcoming-events .ecs-event, .page-template-template-ths-social .ecs-event { padding-left: 0px; }
  .single-tribe_events .ecs-date, .page-template-template-upcoming-events .ecs-date, .page-template-template-ths-social .ecs-date { margin-left: 0px; }
  .single-tribe_events .events-sidebar .ecs-no-events, .page-template-template-upcoming-events .events-sidebar .ecs-no-events, .page-template-template-ths-social .events-sidebar .ecs-no-events { padding-left: 0px; } }

.page-template-template-ths-social .ecs-date { display: none; }

.page-template-template-ths-social .ecs-event { padding-left: 0px; }

.page-template-template-ths-social .ecs-event a { color: #552EEF; }

.form-newsletter_wrapper .gform_validation_errors { display: none !important; }

.form-newsletter { display: -webkit-box; display: -ms-flexbox; display: flex; }

.form-newsletter .gform_body { width: calc(100% - 124px); }

.form-newsletter .gform_body .gform_fields { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; padding-right: 15px; }

.form-newsletter .gform_body .gform_fields .gfield { width: 33.333333%; }

.form-newsletter .gform_footer { width: 124px; padding: 0px !important; }

.form-newsletter input[type="submit"] { width: 124px; }

.form-newsletter .validation_message { background: none !important; padding: 0px !important; border: none !important; margin-top: 45px !important; }

.form-newsletter .gform_confirmation_message { color: #ffffff; }

@media (max-width: 768px) { .form-newsletter { display: block; }
  .form-newsletter .gform_body { width: auto; }
  .form-newsletter .gform_body .gform_fields { display: block !important; padding-right: 0px; }
  .form-newsletter .gform_body .gform_fields .gfield { width: 100%; }
  .form-newsletter .gform_body .gform_fields input { margin-bottom: 15px !important; }
  .form-newsletter .gform_footer { margin-left: auto !important; margin-right: auto !important; } }

.gallery-images--strays .single-item { background-repeat: no-repeat; background-size: cover; background-position: center; }

/*# sourceMappingURL=style.css.map */