/*!
Theme Name: Upper Level Frenchie
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
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: upper-level-frenchie
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Upper Level Frenchie is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */


@media (min-width: 1400px) { .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { max-width: 1440px; } }

.fonts
{
  font-family: 'Caprasimo', cursive;
  font-family: 'Dosis', sans-serif;
  font-family: 'Poppins', sans-serif;
}

body
{
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}

a
{
  text-decoration: none;
  color: #10397e;
}

h1, h2, h3, h4, h5, h6
{
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
  font-family: 'Dosis', sans-serif;
}

h1 {
	font-size: 36px;
}

body ul 
{
  list-style: none;
  padding-left: 0px;
  margin-bottom: 0px;
}

.owl-carousel
{
  display: block !important;
  position: relative;
}

.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled
{
  display: block !important;
}

.alignleft
{
  float: left;
  margin: 0 15px 10px 0;
}

.alignright
{
  float: right;
  margin: 0 0 10px 15px;
}

.clear
{
  clear: both;
} 

/*.....Header......*/
.header
{
  position: absolute;
  width: 100%;
  top: 20px;
  left: 0px;
  z-index: 999;
}

.logo
{
  width: 300px;
  height: auto;
}

.logo img
{
  width: 100%;
  height: auto;
}

.header_menu {
	padding-top: 7px;
}

.header_menu .nav-link
{
  color: #fff !important;
  padding: 0px 15px 0px 15px !important;
  font-size: 20px;
  font-weight: 200;
  font-family: 'Dosis', sans-serif;
  text-transform: uppercase;
  margin-right:7px;
  position: relative;
  z-index: 1;
}

.header_menu ul li.current_page_item a, .header_menu ul li.current-menu-item a, .header_menu .navbar-nav .menu-item a:hover
{
  color: #f8e7da !important;
}

.header_menu ul li.current_page_item a::before,
.header_menu ul li.current-menu-item a::before,
.header_menu .navbar-nav .menu-item a:hover::before
{
  content: '';
  width: 25px;
  height: 25px;
  background: url(images/active-menu-bg.png) no-repeat top center;
  background-size: cover;
  position: absolute;
  bottom: -18px;
  left: 35%;
  z-index: -1;
}

.header_right
{
  display: flex;
  padding-top: 5px;
}

.header_phone
{
  margin-right: 15px;
}

.header_phone h1
{
  font-family: 'Poppins', sans-serif;
  color: #fff;
  font-size: 16px;
  margin-bottom: 0px;
  font-weight: 400;
}

.header_phone h2
{
  font-size: 24px;
  font-weight: 200;
  color: #fff;
}

.header_phone h2 a
{
  color: #fff;
}

.menu_btm
{
	margin-top: 10px;
}

.menu_btm a
{
  background: url(images/menu-btm-bg.png) no-repeat top center;
  background-size: 100% auto;
  color: #000;
  font-size: 18px;
  font-family: 'Dosis', sans-serif;
  font-weight: 200;
  text-align: center;
  padding: 20px 24px 22px 26px;
  text-transform: uppercase;
}
.menu_btm a:hover
{
  color: #ff8c42;
}

/*........Back To Top........*/

#back_to_top
{
  position: fixed;
  z-index: 999;
  right: 25px;
  bottom: 10%;
}

#back-top a
{
  text-align: center;
  text-decoration: none;
  color: #fff;
  font-size: 20px;
  /* transition */
  -webkit-transition: 1s;
  -moz-transition: 1s;
  transition: 1s;
}

#back-top span
{
  padding: 25px 15px 5px 15px;
  background: url(images/top.webp) no-repeat center center;
  background-size: 100%;
}

/*....Home Page.....*/

.aboutus_sec
{
  background: rgb(242,242,242);
  background: linear-gradient(90deg, rgba(242,242,242,1) 50%, rgba(255,255,255,1) 50%);
  /*background: url(images/aboutus-bg.png) no-repeat top center;
  background-size: 100%;*/
  padding: 30px 0 30px 0;
  position: relative;
}

/*.aboutus_sec::before
{
  content: '';
  border-left: 30px solid #fff;
  border-right: 530px solid transparent;
  border-bottom: 80px solid transparent;
  position: absolute;
  left: 0px;
  bottom: 50px;
}*/

.aboutus_sec h1
{
  color: #000;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-size: 36px;
  font-weight: 200;
}

.aboutus_sec h2 {
	color: #ff8c42;
	font-family: 'Caprasimo', cursive;
	font-size: 40px;
	text-shadow: 1px 2px 0 #000;
}

.aboutus_detail
{
  font-family: 'Dosis', sans-serif;
  font-weight: 200;
  font-size: 18px;
}

.aboutus_detail .about_btm
{
  display: flex;
  justify-content: space-between;
  margin-top: 45px;
  margin-bottom: 30px;
}

.about_btm .cta_btm
{
  margin-top: 5px;
}

.cta_btm a
{
  background: url(images/cta-btm-bg.png) no-repeat top center;
  background-size: 100% 100%;
  padding: 11px 25px 15px 25px;
  color: #fff;
  font-size: 18px;
  font-family: 'Dosis', sans-serif;
  text-align: center;
  text-transform: uppercase;
  font-weight: 200;
}

.cta_btm a:hover
{
  background: url(images/cta-btm-hover-bg1.png) no-repeat top center;
  background-size: 100% 100%;
  color: #ff8c42;
}

.about_btm .google_review a
{
  color: #ff8c42;
  font-family: 'Dosis', sans-serif;
  font-weight: 200;
  font-size: 28px;
}

.about_btm .google_review a i
{
  font-size: 30px;
  margin-right: 10px;
}

.curv_bg
{
  background: url(images/curve-bg.png) no-repeat top left;
  background-size: 50%;
  width: 100%;
  height: 70px;
}

.testimonial_sec .top
{
  padding-left: 20px;
}

.testimonial_sec .item
{
  padding: 10px 20px;
}

.testinomial_box
{
  position: relative;
}

.testinomial_box .client_review
{
  background: #fff;
  box-shadow: 0px 0px 26px -15px #ccc;
  padding: 20px 30px;
  position: relative;
}

.testinomial_box .client_review::before
{
  content: '';
  border-left: 30px solid transparent;
  border-right: 30px solid #fff;
  border-bottom: 20px solid transparent;
  position: absolute;
  left: 50%;
  bottom: -20px;
}

.client_review .content
{
  height:95px;
}

.client_icon
{
  display: flex;
  justify-content: end;
  margin-top: 30px;
}

.c_icon
{
  width: 115px;
  height: 115px;
  border-radius: 50%;
  background: #ae9b69;
  overflow: hidden;
  margin-right: 15px;
}

.c_icon img {
  max-width: 100%;
  height: auto;
}

.c_detail h2
{
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin-bottom: 5px;
}

.c_detail i
{
  font-size: 16px;
  color: #ff8c42;
}

.client_contact 
{
  position: absolute;
  bottom: 24%;
  left: 10px;
}

.client_contact ul li
{
  display: inline-block;
  margin: 5px 0;
  color: #ae9b69;
  font-size: 28px;
}

.client_contact ul li a
{
  color: #ae9b69;
}

.client_contact ul li a i
{
  color: #879435;
}

#reviews .owl-dots
{ 
  display: block !important; 
  margin-top: -75px;
  position: relative;
  z-index: 1;
}

#reviews button.owl-dot
{ 
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #ff8c42;
  margin: 0px 4px;
}

#reviews button.owl-dot.active
{ 
  width: 40px;
  border-radius: 15px;
  background: #ff8c42;
}

#reviews .owl-nav button.owl-prev span, 
#reviews .owl-nav button.owl-next span
{ 
  display: none;
} 


/*......Champion Section......*/
.champions_sec
{
  background: rgb(255,255,255);
  background: linear-gradient(180deg, rgba(255,255,255,1) 21%, rgba(242,242,242,1) 50%);
  padding-bottom: 40px;
}

.champions_sec .top
{
  text-align: center;
  margin-bottom: 25px;
}

.champions_sec .top h1
{
  color: #000;
  font-weight: 600;
  font-size: 36px;
  text-transform: uppercase;
}

.champions_sec ul
{
  text-align: center;
}

.champions_sec ul li
{
  display: inline-block;
  width: 19%;
}

.champion_box
{
  height: 330px;
  position: relative;
  overflow: hidden;
  background: #ccc;
}

.champion_box .overly
{
  background: rgba(0, 0, 0, 0.40);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1;
}

.champion_box .champions_detail
{
  position: absolute;
  bottom: 20px;
  left: 15px;
  z-index: 9;
}

.champion_box .champions_detail h2
{
  color: #fff;
  font-weight: 600;
  font-size: 30px;
  text-transform: uppercase;
}

.champion_box .champions_detail h2 a
{
  color: #fff;
}

.champion_box h3
{
  color: #fff;
  /*font-weight: 600;*/
  /*font-size: 24px;*/
  /*text-transform: uppercase;*/
}

/*.champion_box ul li
{
  display: inline-block; 
  color: #fff;
  font-family: 'Dosis', sans-serif;
  font-weight: 600;
  font-size: 24px;
  text-transform: uppercase;
  padding: 0px 10px;
}

.champion_box ul li:first-child
{
  border-right: 3px solid #fff; 
}*/

.champion_box:hover img
{
  transform: scale(1.08,1.08);
  transition-duration: 0.7s;
}

/*.champion_box:hover .champions_detail
{
  display: block;
  transition-duration: 0.7s;
  bottom: 20px;
}

.champion_box:hover .overly
{
  display: block;
  transition-duration: 0.7s;
  top: 0%;
}*/

#champions .owl-nav button.owl-prev span
{
  content: '\f060';
  width: 40px;
  height: 40px;
  font-family: fontawesome;
  background: #ffa964;
  font-size: 28px;
  color: #fff;
  position: absolute;
  top: 40%;
  left: 80px;
}

#champions .owl-nav button.owl-next span
{
  content: '\f061';
  width: 40px;
  height: 40px;
  font-family: fontawesome;
  background: #ffa964;
  font-size: 28px;
  color: #fff;
  position: absolute;
  top: 40%;
  right: 80px;
}

#champions .owl-dots
{
  display: none;
}

/*..........Strip Section..........*/

.strip_banner_sec
{
  background: url(images/strip-sec-bg.webp) no-repeat top center;
  background-size: cover;
  padding: 60px 0;
  text-align: center;
  color: #fff;
}


.strip_banner_sec h1 {
	color: #faf3e0;
	font-family: 'Caprasimo', cursive;
	font-size: 40px;
	text-shadow: 1px 2px 0px #000;
}

.strip_banner_sec .cta_btm
{
  margin-top: 35px;
}
.strip_banner_sec .cta_btm a
{
  background: url(images/cta-btm-bg1.png) no-repeat top center;
  color: #000;
}
.strip_banner_sec .cta_btm a:hover
{
  color: #ff8c42;
}

/*.....Service Section.....*/

.service_sec
{
  background: #fff;
  padding: 40px 0;
}

.service_box
{
  background: #f2f2f2;
  padding: 25px 25px;
  margin-top: 25px;
  position: relative;
  z-index: 1;
}

.service_box h1
{
  font-size: 40px;
  color: #ae9b69;
  font-family: 'Caprasimo', cursive;
}

.service_list
{
  margin-bottom:15px;
  display: flex;
  justify-content: space-between;
}

.list_num
{
  width: 16%;
  background: url(images/list-number-bg.png) no-repeat top center;
  background-size: 100%;
  text-align: center;
  font-size: 45px;
  font-family: 'impactreg';
  color: #ae9b69;
}

.service_info 
{
  font-family: 'Dosis', sans-serif;
  font-size: 17px;
  font-weight: 500;
  width: 80%;
}

.service_info h2
{
  color: #000;
  font-weight: 600;
  font-size: 28px;
  margin-bottom: 5px;
}

.service_btm
{
  text-align: right;
  margin-top: -20px;
  position: relative;
  z-index: 2;
}

.main_form
{
  background: url(images/form-bg.webp) no-repeat top center;
  background-size: cover;
  padding: 20px 25px 20px 90px;
  margin-left: -90px;
}

.main_form h1
{
  color: #fff;
  font-family: 'Caprasimo', cursive;
}

div.wpforms-container-full
{
  margin: 20px auto !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field
{
  padding: 5px 0 !important;
  clear: both;
}

div.wpforms-container-full .wpforms-form input[type="text"],
div.wpforms-container-full .wpforms-form input[type="tel"],
div.wpforms-container-full .wpforms-form input[type="email"],
div.wpforms-container-full .wpforms-form select,
div.wpforms-container-full .wpforms-form textarea
{
  background-color: transparent !important;
  border-radius: 5px !important;
  color: #fff !important;
  border: 1px solid #fff !important;
  padding: 6px 10px 6px 10px !important;
  height: 40px !important;
  margin-bottom: 0px !important;
}

div.wpforms-container-full .wpforms-form textarea
{
   height: 130px !important;
}

div.wpforms-container-full .wpforms-form input[type="text"]::placeholder,
div.wpforms-container-full .wpforms-form input[type="tel"]::placeholder,
div.wpforms-container-full .wpforms-form input[type="email"]::placeholder,
div.wpforms-container-full .wpforms-form select::placeholder,
div.wpforms-container-full .wpforms-form textarea::placeholder
{
  color: #fff !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field
{
  position: relative;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container
{
  text-align: right;
}

div.wpforms-container-full .wpforms-form button[type="submit"] 
{
  background: url(images/cta-btm-bg.png) no-repeat top center;
  background-size: 100% 100%;
  background-color: transparent !important;
  border: none !important;
  color: #fff !important;
  font-size: 18px !important;
  padding: 13px 35px 17px 15px;
  color: #fff;
  font-family: 'Dosis', sans-serif;
  text-align: center;
  position: relative;
  border-radius: 0px;
  box-shadow: none;
  text-transform: uppercase;
  height: inherit !important;
}

div.wpforms-container-full .wpforms-form button[type="submit"]::before
{
  content: '\f124';
  font-family: fontawesome;
  font-size: 16px;
  font-weight: 400;
  color: #fff;
  position: absolute;
  top: 13px;
  left: 135px;
}

div.wpforms-container-full .wpforms-form button[type="submit"]:hover
{
  background: url(images/cta-btm-hover-bg1.png) no-repeat top center;
  background-size: 100% 100%;
  background-color: transparent !important;
  height: inherit !important;
}

.youtube_video {
	width: 100%;
	height: auto;
}

.youtube_video img {
	width: 100%;
	height: auto;
}

.best_frenchie_sec
{
  padding: 30px 0;
}

.best_frenchie
{
  background: url(images/best-frenchie-bg.webp) no-repeat top center;
  background-size: cover;
  padding: 50px 25px 25px 30px;
  color: #fff;
  font-family: 'Dosis', sans-serif;
  height: 100%;
  font-size: 20px;
}

.best_frenchie h1
{
  color: #fff;
  font-size: 40px;
  font-family: 'Caprasimo', cursive;
}

.best_cta
{
  margin-top: 44px;
}

.best_cta a, .best_cta a:hover
{
  background: url(images/cta-btm-bg1.png) no-repeat top center;
  background-size: cover;
  padding: 11px 30px 15px 30px;
  color: #000;
}
.best_cta a:hover
{
  color: #ff8c42;
}

/*.....Footer......*/
.footer
{
  background: url(images/footer-bg.webp) no-repeat top center;
  background-size: cover;
  padding: 25px 0;
}

.footer ul li
{
  margin: 7px 0;
}

.footer_logo {
	width: 300px;
	height: auto;
}

.footer_logo img {
	width: 100%;
	height: auto;
}

.footer h1
{
  font-size: 28px;
  font-weight: 600;
  margin-top: 10px;
  text-transform: uppercase;
  color: #fff;
}

.footer_contact ul li
{
  color: #fff;
  font-size: 20px;
  font-family: 'Dosis', sans-serif;
  margin-bottom: 15px;
}

.footer_contact ul li a
{
  color: #fff;
}

.footer_contact ul li i
{
  font-size: 22px;
  margin-right: 10px;
}

.footer_link .menu .menu-item a
{
  font-size: 18px;
  font-weight: 500;
  font-family: 'Dosis', sans-serif;
  padding: 0px 20px !important;
  color: #ffff !important;
  position: relative;
}

.footer_link .menu .menu-item a::before
{
  content: '\f054';
  font-family: fontawesome;
  color: #fff;
  font-size: 16px;
  position: absolute;
  left: 0px;
  top: 0px;
}

.footer_social h2
{
  font-size: 28px;
  font-weight: 600;
  color: #fff; 
  text-transform: uppercase;
}
/*.footer_social ul.cnss-social-icon li {*/
/*	display: inherit !important;*/
/*}*/
.footer_social ul.cnss-social-icon li.cn-fa-icon a {
	background-color: transparent !important;
	color: #fff !important;
	display: flex !important;
	width: auto !important;
	text-transform: capitalize;
	font-size:18px;
}
.footer_social ul.cnss-social-icon li.cn-fa-icon a i {
	width: 38px;
	height: 38px;
	padding: 6px 0;
	margin-right: 9px;
	background: transparent;
	border-radius: 50%;
  border: 2px solid #fff;
	margin-left: -5px;
}
.footer_social ul.cnss-social-icon li.cn-fa-icon a:hover {
	background-color: transparent !important;
	color: #c8ceae !important;
}
.footer_location a
{
  color: #fff;
  font-family: 'Dosis', sans-serif;
  font-size: 20px;
  font-weight: 600;
}

.footer_location a i
{
  font-size: 22px;
  margin-right: 10px;
}

.copyright
{
  color: #fff;
  padding-top: 20px;
  margin-top: 30px;
  border-top: 1px solid #fff;
}

.copyright h4
{
  font-size: 18px;
  color: #fff;
  margin-bottom: 0px;
}

.powered_by
{
  text-align: right;
}

/*.....Innerpage Header.....*/
.innerpage_header
{
  position: inherit;
  background: url(images/header-bg.webp) no-repeat center center/cover;
  background-size: cover;
  padding: 15px 0;
}

.common_page
{
  padding: 40px 0;
}

/*....Contact Us Page....*/
.contact_sec
{
  padding: 40px 0;
}

.contact_sec .top
{
  text-align: center;
  font-family: 'Dosis', sans-serif;
  font-size: 18px;
  font-weight: 600;
}

h1.inner_topic
{
  background: url(images/inner-topic-bg.png) no-repeat center center;
  background-position-y: 25px;
  font-size: 36px;
  font-weight: 600;
  font-family: 'Dosis', sans-serif;
  text-align: center;
  text-transform: uppercase;
  padding-bottom: 30px;
  margin-bottom: 5px;
}

/*h1.inner_topic::before
{
  content: '';
  width: 40px;
  height: 40px;
  background: url(images/active-menu-bg.png) no-repeat top center;
  background-size: cover;
  position: absolute;
  bottom: -18px;
  left: 48%;
  z-index: -1;
}*/

/*h1.inner_topic::after
{
  content: '';
  width: 35px;
  height: 35px;
  background: #fff;
  position: absolute;
  bottom: -18px;
  left: 48%;
  z-index: -2;
}*/

.contact_form div.wpforms-container-full .wpforms-form input[type="text"],
.contact_form div.wpforms-container-full .wpforms-form input[type="tel"],
.contact_form div.wpforms-container-full .wpforms-form input[type="email"],
.contact_form div.wpforms-container-full .wpforms-form select,
.contact_form div.wpforms-container-full .wpforms-form textarea
{
  background-color: transparent !important;
  border-radius: 0px !important;
  color: #000 !important;
  border: 1px solid #657112 !important;
  padding: 6px 10px 6px 10px !important;
  height: 50px !important;
  margin-bottom: 0px !important;
}

.contact_form div.wpforms-container-full .wpforms-form textarea
{
   height: 130px !important;
}

.contact_form div.wpforms-container-full .wpforms-form input[type="text"]::placeholder,
.contact_form div.wpforms-container-full .wpforms-form input[type="tel"]::placeholder,
.contact_form div.wpforms-container-full .wpforms-form input[type="email"]::placeholder,
.contact_form div.wpforms-container-full .wpforms-form select::placeholder,
.contact_form div.wpforms-container-full .wpforms-form textarea::placeholder
{
  color: #000 !important;
}

.contact_form div.wpforms-container-full .wpforms-form .wpforms-submit-container
{
  text-align: center;
}

/*.....Info Page....*/
.info_sec
{
  padding: 40px 0;
  line-height: 24px;
}

.info_image 
{
  margin: 30px 0;
  position: relative;
}

.info_image a img
{
  width: 40px;
  height: 40px;
}

.info_image  img.paw_red
{
  position: absolute;
  left: 30px;
  top: 30px;
}

.info_image  img.paw_blue
{
  position: absolute;
  left: 30px;
  bottom: -8px;
}

.info_image  img.paw_yellow
{
  position: absolute;
  right: 30px;
  top: -30px;
}

.info_image  img.paw_green
{
  position: absolute;
  right: 30px;
  bottom: 30px;
}

@keyframes jump {
  0%   {transform: scale(1.50);}
  100% {transform: scale3d(1.5,.7,1);}
}

.jump {
  transform-origin: 50% 50%;
  /*animation: jump .5s linear alternate infinite;*/
  animation: jump 1s cubic-bezier(.36,.07,.57,.99) infinite;
}

.info_detail h1
{
  font-size: 40px;
  margin-bottom: 15px;
}

.adoption_process
{
  margin-top: 25px;
}

.facts_detail 
{
	background: #ff8c42;
	padding: 30px;
  color: #fff;
}

.facts_detail h2, .adoption_process h2
{
  font-size: 32px;
}
.our_facts {
  margin-top: 30px;
}
.fact_image
{
  width: 100%;
  height: auto;
  margin-top: 25px;
}

.fact_image img
{
  width: 100%;
  height: auto;
}

.info_best_frenchie {
  height: 360px;
  border-radius: 25px;
}


/*.....Available Puppies Page.....*/
.available_puppy_sec
{
  padding: 40px 0;
}

.available_puppy_sec .top
{
  text-align: center;
  font-family: 'Dosis', sans-serif;
  font-size: 18px;
  font-weight: 600;
}

.puppy_sec
{
  margin: 20px 0;
  position: relative;
}
.availability h3 {
    POSITION: absolute;
    top: -5px;
    z-index: 2;
    color: #fff;
    left: -5px;
    background: #AE9B69;
    padding: 10px;
    font-size: 32px;
}

.puppy_image
{
  width: auto;
  height: 400px;
  position: relative;
  z-index: 2;
}

.puppy_image:before
{
  content: '';
  width: 100%;
  height: 100%;
  background: #faf3e0;
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 0;
}

.puppy_detail
{
  margin-top: 15px;
}

.puppy_detail h1
{
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}

.puppy_detail h2
{
  color: #4c4c4c;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0px;
}

.puppy_age
{
   margin-top: 15px;
}

.puppy_age h2
{
  font-size:16px;
}

.puppy_age h3
{
  font-size: 26px;
  font-weight: 600;
  color: #ae9b69;
  text-transform: uppercase;
}

.pupppy_btm
{
  margin-top: 35px;
}

.pupppy_btm a {
	padding: 11px 18px 15px 20px;
}

h2.modal-title
{
  color: #ae9b69;
  font-size: 28px;
}

.modal-dialog {
  max-width: 620px;
}

.available_puppy_form
{
  padding: 0px 25px;
}

.available_puppy_form div.wpforms-container-full .wpforms-form input[type="text"], 
.available_puppy_form div.wpforms-container-full .wpforms-form input[type="tel"], 
.available_puppy_form div.wpforms-container-full .wpforms-form input[type="email"], 
.available_puppy_form div.wpforms-container-full .wpforms-form select, 
.available_puppy_form div.wpforms-container-full .wpforms-form textarea
{
  background-color: transparent !important;
  border-radius: 0px !important;
  color: #000 !important;
  border: 1px solid #657112 !important;
  padding: 6px 10px 6px 10px !important;
  height: 50px !important;
  margin-bottom: 0px !important;
}

.available_puppy_form div.wpforms-container-full .wpforms-form textarea
{
  height: 100px !important;
}

.available_puppy_form div.wpforms-container-full .wpforms-form input[type="text"]::placeholder,
.available_puppy_form div.wpforms-container-full .wpforms-form input[type="tel"]::placeholder,
.available_puppy_form div.wpforms-container-full .wpforms-form input[type="email"]::placeholder,
.available_puppy_form div.wpforms-container-full .wpforms-form select::placeholder,
.available_puppy_form div.wpforms-container-full .wpforms-form textarea::placeholder
{
  color: #000 !important;
}

.ngg-simplelightbox img {
	object-fit: cover;
	width: 100%;
	max-height: 400px !important;
}
.puppy_image .slick-next::before {
	content: '\f105' !important;
	font-family: fontawesome !important;
  color: #fff !important;
}
.puppy_image .slick-prev::before{
  content: '\f053' !important;
	font-family: 'fontawesome' !important;
  color: #fff !important;
}
.puppy_image .ngg-slideshow .slick-next::before, .puppy_image .ngg-slideshow .slick-prev::before{
	color: #ffffff !important;
	font-size: 32px !important;
  opacity: 1 !important;
}
.puppy_image .ngg-slideshow.slick-slider {
	margin-top: 0 !important;
}


/*.....FAQs Page.....*/
.faq_sec
{
  padding: 40px 0;
}

.faq_sec .top
{
  text-align: center;
  padding-bottom: 30px;
}

.frequent_questions
{
  padding-right: 25px;
}

.accordion-item
{
  color: #000 !important;
  border: none;
  margin-bottom: 15px;
}

.accordion-button:focus
{
  box-shadow: none;
  border: none;
}

.accordion-button:not(.collapsed)
{
  color: #000;
  background-color: #faf3e0;
  font-size: 22px;
  font-weight: 600;
  padding: 10px 15px;
  font-family: 'Dosis', sans-serif;
  box-shadow: none;
  position: relative;
}

.accordion-button
{
  color: #000;
  background-color: #faf3e0;
  font-size: 22px;
  font-weight: 600;
  padding: 10px 15px;
  font-family: 'Dosis', sans-serif;
  box-shadow: none;
  position: relative; 
}

.accordion-button:not(.collapsed)::after
{
  content: "\f068";
  color: #fff;
  font-family: fontawesome;
  background-image: none;
  font-size: 26px;
  margin-top: 0px;
  height: inherit;
}

.accordion-button::after
{
  content: "\2b";
  color: #fff;
  font-family: fontawesome;
  background-image: none;
  font-size: 26px;
}

.accordion-item .show
{
  background: #efe7dc;
  width: 100%;
}

.accordion-body
{
  padding: 1rem 1rem;
  color: #282828;
  background-color: #fff;
}
.frequent_questions .accordion-body ul {
 list-style-type: disc;
}

.faqs_form
{
  text-align: center;
}

.faqs_form h2
{
  font-size: 30px;
  font-weight: 600;
  text-align: center;
}

.faqs_form div.wpforms-container-full .wpforms-form input[type="text"],
.faqs_form div.wpforms-container-full .wpforms-form input[type="tel"],
.faqs_form div.wpforms-container-full .wpforms-form input[type="email"],
.faqs_form div.wpforms-container-full .wpforms-form select,
.faqs_form div.wpforms-container-full .wpforms-form textarea
{
  background-color: transparent !important;
  border-radius: 0px !important;
  color: #000 !important;
  border: 1px solid #657112 !important;
  padding: 6px 10px 6px 10px !important;
  height: 50px !important;
  margin-bottom: 0px !important;
}

.faqs_form div.wpforms-container-full .wpforms-form textarea
{
   height: 100px !important;
}

.faqs_form div.wpforms-container-full .wpforms-form input[type="text"]::placeholder,
.faqs_form div.wpforms-container-full .wpforms-form input[type="tel"]::placeholder,
.faqs_form div.wpforms-container-full .wpforms-form input[type="email"]::placeholder,
.faqs_form div.wpforms-container-full .wpforms-form select::placeholder,
.faqs_form div.wpforms-container-full .wpforms-form textarea::placeholder
{
  color: #000 !important;
}

.faqs_form div.wpforms-container-full .wpforms-form .wpforms-submit-container
{
  text-align: center;
}

/*...........Single Champion Page.........*/
.single_champion_sec
{
  padding: 40px 0;
}

.champion_info
{
  margin-top: 20px;
}

.champion_info h2 
{
	font-size: 28px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 5px;
	color: #ff8c42;
	text-shadow: 1px 1px 0px #000;
}

.champion_info h3
{
  color: #4c4c4c;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 0px;
}
 
.champion_dna
{
  margin-top: 10px;
}

.champion_dna h3
{
  color: #000;
  font-family: 'Poppins', sans-serif;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 10px;
}

.champion_dna ul li
{
  display: inline-block;
  vertical-align: top;
}

.champion_dna ul li img
{
  width: 35px;
  height: 165px;
  overflow: hidden;
  margin-right: 10px;
}

.champion_dna ul li i
{
  font-size: 32px;
  color: #8e9b41;
  margin-right: 10px;
}

.champion_dna h4
{
  font-size: 18px;
  font-weight: 600;
  color: #000;
}

/*.....404 Page.....*/
.error_section
{
  padding: 75px 0;
}

.error_content
{
  text-align: center;
  font-size: 18px;
}

.error_content h1
{
  font-size: 40px;
  font-weight: 600;
}

.error_content h2
{
  font-size: 32px;
  font-weight: 600;
  margin-top: 30px;
}

.error_content .cta_btm
{
  margin-top: 50px;
}


/*.....Additional CSS......*/

.newsletter .modal-body { position: relative; flex: 1 1 auto; padding: 0rem !important; }
.newsletter .modal-content { background-color: #d7d7d7 !important; }

.modal_pageload
{
  background: url(images/popup-red-bg.webp) no-repeat top center;
  background-size: cover;
  padding: 20px 10px;
  text-align: center;
  color: #fff;
}

.modal_pageload .modal-header
{
  border: none;
  padding: 2px;
}

.modal_pageload h2
{
  font-size: 30px;
  font-weight: 600;
  color: #fff;
  text-transform: uppercase;
}

.modal_pageload h3
{
  font-family: 'Caprasimo', cursive;
  font-size: 36px;
  color: #fff;
}

.modal_cta_btm
{
  margin: 25px 0;
}

.modal_cta_btm a
{
  background: #fff;
  font-size: 30px;
  font-weight: 600;
  color: #343d06;
  font-family: 'Dosis', sans-serif;
  padding: 10px 30px;
  border-radius: 30px;
}

.modal_pageload .btn-close
{
  filter: brightness(0) invert(1) !important;
  opacity: 1 !important;
}


/*......Thank You Page......*/

.thanku_sec
{
  padding: 50px 0 80px 0;
}

.thanku_content
{
  text-align: center;
}

.thanku_img
{
  width: 240px;
  height: auto;
  margin: 0 auto;
  margin-bottom: 45px;
}

.thanku_content h2
{
  font-size: 28px;
  position: relative;
}

.thanku_content h2 img
{
  width: 30px;
  height: 30px;
}

.thanku_content h2  img.paw_green
{
  position: absolute;
  left: 10px;
  top: -35px;
}

.thanku_content h2  img.paw_blue
{
  position: absolute;
  right: 10px;
  top: -35px;
}

.thanku_content .cta_btm
{
  margin-top: 35px;
}


/*............. Gallery Page ..................*/
.gallery_pg .ngg-gallery-thumbnail {
    text-align: center;
    max-width: 100% !important;
    background-color: #faf3e0;
    border: 1px solid #faf3e0;
    margin-right: 5px;
    margin: 5px;
}
.gallery_pg .ngg-galleryoverview
{
  margin-top: 0;
}
.gallery_pg .ngg-navigation span.current {
	background: #ff8c42;
}
.gallery_pg
{
	padding-bottom: 0px;
}
.tab-content 
{
	display: block;
}
.gallery_pg #pills-tab 
{
	justify-content: center;
}
.gallery_pg .nav-link 
{
	border: 1px solid #ff8c42;
	border-radius: 30px;
	margin-right: 20px;
	color: #000 !important;
	font-weight: 600;
	font-family: 'Oswald', sans-serif;
}
.gallery_pg .nav-link.active
{
	background: linear-gradient(124deg, rgba(255, 133, 198, 1) 0%, rgba(255, 140, 66, 1) 100%, rgba(255, 255, 255, 1) 100%);
	color: #fff !important;
}



/*......Responsive......*/

@media only screen and (min-width:240px) and (max-width:375px)
{


}

@media only screen and (min-width:376px) and (max-width:480px) 
{


}

@media only screen and (min-width:481px) and (max-width:575px) 
{



}

@media only screen and (min-width:576px) and (max-width:640px) 
{


}

@media only screen and (min-width:641px) and (max-width:767px) 
{


}

@media only screen and (min-width:768px) and (max-width:860px) 
{
/*.....Header......*/
.header { top: 5px; }
.logo { width: 215px; }
.header_menu .container-fluid { padding-left:0px !important; padding-right:0px !important; }
.header_menu .nav-link {  padding: 0px 10px 0px 10px !important; font-size: 16px; margin-right: 5px; }
.header_right { display: none; }
/*....Home Page....*/
.aboutus_sec { background: linear-gradient(180deg, rgba(242,242,242,1) 50%, rgba(255,255,255,1) 50%); }
.curv_bg { display: none; }
.champions_sec { padding-top: 40px; }
.list_num { font-size: 36px; }
.service_info h2 { font-size: 24px; }
.main_form { padding: 20px 25px 20px 25px; margin-left: 0px; margin-top: 30px; }
.best_frenchie { margin-top:20px; }
.best_frenchie h1 { font-size: 32px; }
/*.....Footer.....*/
.footer { text-align: center; }
.footer_logo { margin: 0 auto; }
.footer_link ul li { display: inline-block; }
.footer_social { margin-top: 15px; }
.footer_social ul.cnss-social-icon { text-align: center !important; }

/*....Available Page.....*/
.puppy_detail { margin-top: 20px; }

/*.....FAQs Page......*/
.faqs_form { margin-top: 30px; padding: 0px 30px; }
.faqs_form { margin-top: 30px; }

/*.....Champion Sec......*/
.champion_box { height: 280px; }
.champions_sec ul li { width: 32%; }

}

@media only screen and (min-width:861px) and (max-width:991px) 
{
/*.....Header......*/
.header { top: 5px; }
.logo { width: 215px; }
.header_menu .container-fluid { padding-left:0px !important; padding-right:0px !important; }
.header_menu .nav-link {  padding: 0px 10px 0px 10px !important; font-size: 16px; margin-right: 5px; }
.header_right { display: none; }
/*....Home Page....*/
.aboutus_sec { background: linear-gradient(180deg, rgba(242,242,242,1) 50%, rgba(255,255,255,1) 50%); }
.curv_bg { display: none; }
.champions_sec { padding-top: 40px; }
.list_num { font-size: 36px; }
.service_info h2 { font-size: 24px; }
.main_form { padding: 20px 25px 20px 25px; margin-left: 0px; margin-top: 30px; }
.best_frenchie { margin-top:20px; }
.best_frenchie h1 { font-size: 32px; }
/*.....Footer.....*/
.footer { text-align: center; }
.footer_logo { margin: 0 auto; }
.footer_link ul li { display: inline-block; }
.footer_social { margin-top: 15px; }
.footer_social ul.cnss-social-icon { text-align: center !important; }

/*....Available Page.....*/
.puppy_detail { margin-top: 20px; }

/*.....Champion Sec......*/
.champion_box { height: 280px; }
.champions_sec ul li { width: 32%; }


}

@media only screen and (min-width:992px) and (max-width:1024px) 
{
/*.....Header.....*/
.header { top: 10px; }
.logo { width: 210px; height: auto; }
.header_menu { padding-top: 5px; }
.header_menu .container-fluid { padding-left:0px !important; padding-right:0px !important; }
.header_menu .nav-link {  padding: 0px 12px 0px 12px !important; font-size: 18px; margin-right: 5px; }
.header_right { margin-left: -7px; }
.header_phone { display:none; }
.header_menu ul li.current_page_item a::before, 
.header_menu ul li.current-menu-item a::before, 
.header_menu .navbar-nav .menu-item a:hover::before { left: 30%; }
.menu_btm a { background-size: 90% auto; font-size: 16px; padding: 16px 20px 22px 22px; }
/*.....Home Page....*/
.curv_bg { height: 55px; }
.service_box { padding: 10px 10px 25px 10px; margin-top: 15px; }
.list_num { font-size: 34px; }
#reviews .owl-dots {margin-top: -36px;}
.service_info h2 { font-size: 22px; }
.best_frenchie h1 { font-size: 32px; }
/*.....Footer.....*/
.footer_logo { width: 210px; }
.footer h1 { font-size: 18px; }
.footer_contact ul li { font-size: 18px; }
.footer_link .menu .menu-item a { font-size: 16px; padding: 0px 14px !important; }

/*....Available Page.....*/
.puppy_detail { margin-top: 20px; }

/*.....Champion Sec......*/
/*.champion_box { height: 215px; }*/
.champion_box .champions_detail h2 { font-size: 24px; }


}

@media only screen and (min-width:1024.5px) and (max-width:1199.5px) 
{
/*.....Header.....*/
.header { top: 10px; }
.logo { width: 210px; height: auto; }
.header_menu { padding-top: 5px; }
.header_menu .container-fluid { padding-left:0px !important; padding-right:0px !important; }
.header_menu .nav-link {  padding: 0px 12px 0px 12px !important; font-size: 18px; margin-right: 5px; }
.header_right { margin-left: -7px; }
.header_phone { display:none; }
.header_menu ul li.current_page_item a::before, 
.header_menu ul li.current-menu-item a::before, 
.header_menu .navbar-nav .menu-item a:hover::before { left: 30%; }
.menu_btm a { background-size: 90% auto; font-size: 16px; padding: 16px 20px 22px 22px; }
/*....Home Page....*/
.curv_bg { height: 55px; }
.service_box { padding: 10px 10px 25px 10px; margin-top: 15px; }
.list_num { font-size: 34px; }
#reviews .owl-dots {margin-top: -36px;}
.service_info h2 { font-size: 22px; }
.best_frenchie h1 { font-size: 32px; }
/*....Foter....*/
.footer_logo { width: 210px; }
.footer h1 { font-size: 18px; }
.footer_contact ul li { font-size: 18px; }
.footer_link .menu .menu-item a { font-size: 16px; padding: 0px 14px !important; }

/*....Available Page.....*/
.puppy_detail { margin-top: 20px; }

/*.....Champion Sec......*/
/*.champion_box { height: 215px; }*/
.champion_box .champions_detail h2 { font-size: 24px; }


}

@media only screen and (min-width:1200px) and (max-width:1399.5px) 
{
/*......Header......*/
.header { top: 10px; }
.header_menu { padding-top: 5px; }
.header_menu .nav-link {  padding: 0px 12px 0px 12px !important; font-size: 16px; margin-right: 5px; }
.header_right { margin-left: -25px; }
.header_phone { margin-right: 2px; }
.header_phone h2 { font-size: 18px; }
.menu_btm a { background-size: 90% auto; font-size: 16px; padding: 16px 20px 22px 22px; }

.curv_bg { height: 55px; }
.footer_contact ul li { font-size: 18px; }

/*....Available Page.....*/
.puppy_detail h1 { font-size: 22px; }
.puppy_detail h2 { font-size: 18px; }
.pupppy_btm a { padding: 11px 16px 15px 17px; }

/*.....Champion Sec......*/
/*.champion_box { height: 260px; }*/


}	

@media only screen and (min-width:1400px) and (max-width:1440px) 
{
	
.header_phone h2 { font-size: 22px; }
.menu_btm a { background-size: 90% auto; padding: 18px 24px 22px 26px; }

}
.footet_logo h2 {
	color:#fff;
	text-transform:uppercase;
}
.footet_logo img {
	max-width:230px;
	height: auto;
	margin-bottom:10px;
	filter: brightness(0) invert(1);
}