/* 
Template Name: Waggy Tails
Author: Ingrid Kuhn 
Author URI: themeforest/user/ingridk 
Version: 1.0 
Last change: 29 March 2022 

Table of Contents 
#General and Typography 
#Slideshow 
#Structure 
#Blog Pages
#Miscellaneous 
#Media Queries 

/*=========================== General and Typography ============================ */

 body {
     color: #444444;
     font-family: 'Inter',sans-serif;
     overflow-x:hidden;
}
 p,ul,ol {
     font-size: 17px;
     line-height: 1.6;
     font-weight: 400;
}
 h1 {
     font-size: 4.3em;
     line-height: 1em;
     font-family: 'ABeeZee', serif;
     margin-bottom: 15px;
     letter-spacing: -0.5px;
     font-weight: 700;
}
 h1 span {
     font-weight: 400;
}
 h2 {
     margin-bottom: 20px;
     font-weight: 700;
     line-height: 1.1;
     font-family: 'ABeeZee', serif;
     font-size: 3.4em;
     margin-bottom: 20px;
     letter-spacing: -0.5px;
}
 h3 {
     font-family: 'ABeeZee', sans-serif;
     font-size: 2.4em;
     font-weight: 700;
     letter-spacing: -0.2px;
     margin-bottom: 20px;
     line-height: 1.2;
     color: #4E4E4E;
}
 h3.no-margin-top {
     margin-top: 0px;
}
 h4 {
     font-family: 'ABeeZee', serif;
     color: #231f20;
     font-size: 1.8em;
     line-height: 1.2em;
     font-weight: 700;
     margin-bottom: 20px;
}
 h5 {
     font-family: 'ABeeZee', serif;
     font-size: 1.5em;
     line-height: 1.4;
     font-weight: 700;
     margin-bottom: 20px;
}
 h6 {
     color: #231f20;
     text-transform:uppercase;
     font-family: 'ABeeZee', serif;
     line-height: 1.4em;
     font-size: 1em;
	 letter-spacing:0.5px;
     font-weight: 700;
     margin-bottom: 20px;
}
 .lead {
     font-weight:400;
     font-size: 18px;
     margin-bottom: 10px;
     line-height: 1.6em;
}
 .sub-header {
	 text-transform:uppercase;
     font-weight:700;
     font-size: 15px;
	 opacity:0.7;
	 letter-spacing:1.5px;
     margin-bottom: 0.7em;
     line-height: 1.6em;
	 display:block;
}
 .sub-header:before{
	transform: rotate(30deg);
    content: "\f1b0";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    opacity: 0.5;
    font-size: 26px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}
 .small-text {
     font-family: 'ABeeZee', serif;
     font-size: 13px;
     line-height: 1.4em;
}
 .text-light {
     color: #fff;
}
 .secondary-font {
     font-family: 'Damion', serif;
}

/* Links */
 a {
     text-decoration:none;
     transition: color .2s ease-in-out;
}
 a:hover, a:focus {
     text-decoration: none;
}
 *:focus {
     outline-style: none;
     box-shadow: none;
     border-color: transparent;
}
 .custom-link {
     font-family: 'ABeeZee', sans-serif;
     margin-top: 20px;
     background: #f3f3f3;
     display: inline-block;
     padding: 0px 10px;
     font-weight: 700;
     font-size: 20px;
}
/* Preloader */
 #preloader {
     background:#fff;
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 99999;
}
 .spinner {
     text-align: center;
     position: absolute;
     top: 50%;
     left: 46%;
     animation: rotate 2.0s infinite linear;
}
 .spinner > div {
     width: 18px;
     height: 18px;
     border-radius: 100%;
     display: inline-block;
     animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
     animation-fill-mode: both;
}
 .spinner .bounce1 {
     animation-delay: -0.32s;
}
 .spinner .bounce2 {
     animation-delay: -0.16s;
}
 @keyframes bouncedelay {
     0%, 80%, 100% {
         transform: scale(0.0);
    }
     40% {
         transform: scale(1.0);
    }
}
/* Navigation  */
 .navbar-default .navbar-nav>li>a {
     font-size: 15px;
     color: #fff!important;
     font-weight: 600;
     display: inline-block;
     text-decoration: none;
     transition: all 0.6s ease-in-out;
     letter-spacing: 0.5px;
     font-family: 'ABeeZee', serif;
     text-transform: uppercase;
     border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%;
}
 .navbar-default, .navbar-default .navbar-collapse, .navbar-default .navbar-form {
     border: 0;
}
 .navbar-default .navbar-nav>li>a.active, .navbar-default .navbar-nav>li>a:hover{
     border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%;
}
 .navbar-header {
     float: left;
     width: 100%;
}
 .navbar-default {
     background: transparent;
}
 .navbar-default .navbar-toggler {
     transition: all 0.3s ease-in-out;
     color: #fff;
}
 .navbar-nav{
    display: block;
}
/* Dropdown */
 .dropdown-menu {
     text-align: center;
     width: 100%;
}
 .dropdown-menu>li>a {
     transition: all 0.8s;
     display: block;
     padding: 5px 20px;
     clear: both;
     font-weight: 700;
     color: #333;
     white-space: nowrap;
}
 .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
     color: #fff!important;
}
 .navbar-nav>li {
     float: none;
	 padding: 2px;
}
 .navbar-nav {
     float: left;
     margin: 20px 0px;
     width: 100%;
}
 .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
     background:transparent!important;
     color:#fff;
}
 .nav .open>a, .nav .open>a:focus, .nav .open>a:hover{
     border:0px;
}
/* =========================== Slideshow =========================== */
 .slideshow {
     position: relative;
     width: 100%;
     height: 100%;
     z-index: 0;
     overflow: hidden;
}
 .slideshow .content-wrapper {
    position: absolute;
     z-index: 9999999999999;
     top: 0px;
}
 .slideshow-image {
     position: absolute;
     width: 100%;
     height: 100%;
     background: no-repeat 50% 50%;
     background-size: cover;
     -webkit-animation-name: kenburns;
     animation-name: kenburns;
     -webkit-animation-timing-function: linear;
     animation-timing-function: linear;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-duration: 36s;
     animation-duration: 36s;
     opacity: 1;
     -webkit-transform: scale(1.2);
     transform: scale(1.2);
}
/* Ken Burns animation */
 .slideshow-image:nth-child(1) {
     background-image: url('../img/slideshow/slide1.jpg');
     -webkit-animation-name: kenburns-1;
     animation-name: kenburns-1;
     z-index: 3;
}
 .slideshow-image:nth-child(2) {
     background-image: url('../img/slideshow/slide2.jpg');
     -webkit-animation-name: kenburns-2;
     animation-name: kenburns-2;
     z-index: 2;
}
 .slideshow-image:nth-child(3) {
     background-image: url('../img/slideshow/slide3.jpg');
     -webkit-animation-name: kenburns-3;
     animation-name: kenburns-3;
     z-index: 1;
}
 .slideshow-image:nth-child(4) {
     background-image: url('../img/slideshow/slide4.jpg');
     -webkit-animation-name: kenburns-4;
     animation-name: kenburns-4;
     z-index: 0;
}
 @-webkit-keyframes kenburns-1 {
     0% {
         opacity: 1;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     1.5625% {
         opacity: 1;
    }
     23.4375% {
         opacity: 1;
    }
     26.5625% {
         opacity: 0;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     98.4375% {
         opacity: 0;
         -webkit-transform: scale(1.21176);
         transform: scale(1.21176);
    }
     100% {
         opacity: 1;
    }
}
 @keyframes kenburns-1 {
     0% {
         opacity: 1;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     1.5625% {
         opacity: 1;
    }
     23.4375% {
         opacity: 1;
    }
     26.5625% {
         opacity: 0;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     98.4375% {
         opacity: 0;
         -webkit-transform: scale(1.21176);
         transform: scale(1.21176);
    }
     100% {
         opacity: 1;
    }
}
 @-webkit-keyframes kenburns-2 {
     23.4375% {
         opacity: 1;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     26.5625% {
         opacity: 1;
    }
     48.4375% {
         opacity: 1;
    }
     51.5625% {
         opacity: 0;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
}
 @keyframes kenburns-2 {
     23.4375% {
         opacity: 1;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     26.5625% {
         opacity: 1;
    }
     48.4375% {
         opacity: 1;
    }
     51.5625% {
         opacity: 0;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
}
 @-webkit-keyframes kenburns-3 {
     48.4375% {
         opacity: 1;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     51.5625% {
         opacity: 1;
    }
     73.4375% {
         opacity: 1;
    }
     76.5625% {
         opacity: 0;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
}
 @keyframes kenburns-3 {
     48.4375% {
         opacity: 1;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     51.5625% {
         opacity: 1;
    }
     73.4375% {
         opacity: 1;
    }
     76.5625% {
         opacity: 0;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
}
 @keyframes kenburns-4 {
     73.4375% {
         opacity: 1;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     76.5625% {
         opacity: 1;
    }
     98.4375% {
         opacity: 1;
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
 @-webkit-keyframes kenburns-4 {
     73.4375% {
         opacity: 1;
         -webkit-transform: scale(1.2);
         transform: scale(1.2);
    }
     76.5625% {
         opacity: 1;
    }
     98.4375% {
         opacity: 1;
    }
     100% {
         opacity: 0;
         -webkit-transform: scale(1);
         transform: scale(1);
    }
}
/* =========================== Structure =========================== */
 .split {
     height: 100%;
     position: absolute;
     z-index: 1;
     top: 0;
}
 .col-md-10.split, .col-md-2.split {
     padding-right: 0px;
     padding-left: 0px;
}
 #sidebar {
     position: fixed;
     z-index:999;
     left: 0;
     padding: 20px;
     text-align: center;
}
 #sidebar .social-media i:hover{
     color:#fff!important;
}
 #content {
     right: 0%;
}
 #content.pages{
     padding-bottom:50px;
}
/* Content box */
 .content-box {
     padding: 0px;
     min-width: 100%;
     float:left;
     
}
 .content-wrapper {
     height: 100%;
     width: 100%;
     position: absolute;
}

/* Services  */
 .service-box{
     margin:10px;
}
 .service-box:hover img{
	box-shadow: 4px 4px 10px rgb(0 0 0 / 15%);
    transform:scale(1.1)
}
/* Team */
 #team .slick-slide, #services .slick-slide{
    padding:3.0em 2.0em!important;
}
 #team .slick-slide{
    padding:1.0em!important;
}
 .team-style2 .team-header{
     margin:30px 0 0 0;
}
 .team-style2 span{
     font-size: 16px;
     font-weight:600;
     margin-top: 5px;
     letter-spacing: 0.5px;
}
 .team-style2 p{
     margin-top: 20px;
}
 .team-style2 .img-box{
     opacity: 1;
	 max-width:150px;
     position: relative;
     overflow:hidden;
	 margin: 0 auto;
     border-radius: 70% 30% 30% 70% / 60% 40% 60% 40%;
     transition: all ease-in-out 0.2s;
}
 .team-style2 .img-box img{
     transition: all ease-in-out 0.2s;
}
 .team-style2:hover .img-box img{
     transform:scale(1.2);
     transition: all ease-in-out 0.2s;
}
 .team-style2 .img-box:after{
     content:"";
     opacity: 0;
     background-color: rgba(0, 0, 0, 0.75);
     position: absolute;
     right: 0;
     left: 0;
     top: 0;
     bottom: 0;
}
 .team-style2 .social-icons{
     position: absolute;
     z-index: 2;
     bottom: 50px;
     text-align: center;
     width: 100%;
     padding-left: 0px;
     height: 0px;
     margin:0px;
     opacity: 0;
}
 .team-style2 .img-box:after, .img-box .social-icons, .img-box .social-icons li,.team-style2:hover .img-box img{
     -webkit-transition: all 0.5s ease-in-out ;
     -moz-transition: all 0.5s ease-in-out ;
     transition: all 0.5s ease-in-out;
}
 .team-style2 .img-box .social-icons i{
     font-size: 20px;
     color:#fff;
     letter-spacing: 10px;
}
 .team-style2 .img-box .social-icons li{
     width: 30px;
     height: 30px;
     text-align: center;
     margin: 2px;
     padding: 5px;
     display: inline-block;
}
 .team-style2 .img-box a{
     color:#fff;
}
 .team-style2:hover .img-box:after{
     opacity: 1;
}
 .team-style2:hover .img-box .social-icons{
     opacity: 1;
}
 .team-style2 .img-box ul a{
     -webkit-transition: all 0.3s ease-in-out 0s;
     -moz-transition: all 0.3s ease-in-out 0s;
     transition: all 0.3s ease-in-out 0s;
}
 .team-style2 .img-box a:hover li{
     border-color: #fff;
}
/* video popup */
 .video-popup {
     height: 240px!important;
     position: relative;
}
 .video-popup.video1{
     background-size:cover;
     background-image: url('../img/cam1.jpg');
}
 .video-popup.video2{
     background-size:cover;
     background-image: url('../img/cam2.jpg');
}
 .video-popup.video3{
     background-size:cover;
     background-image: url('../img/cam3.jpg');
}
 .video-popup a{
     width:100%;
}
 .play-btn {
     width: 80px;
     height: 80px;
     background: radial-gradient( rgb(71 71 71 / 58%) 60%, rgba(255, 255, 255, 1) 62%);
     border-radius: 50%;
     position: relative;
     display: block;
     box-shadow: 0px 0px 25px 3px rgb(38 38 39);
}
 .play-btn::after {
     content: "";
     position: absolute;
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-40%) translateY(-50%);
     transform: translateX(-40%) translateY(-50%);
     transform-origin: center center;
     width: 0;
     height: 0;
     border-top: 15px solid transparent;
     border-bottom: 15px solid transparent;
     border-left: 25px solid #fff;
     z-index: 100;
     -webkit-transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
     transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 .play-btn:before {
     content: "";
     position: absolute;
     width: 150%;
     height: 150%;
     -webkit-animation-delay: 0s;
     animation-delay: 0s;
     -webkit-animation: pulsate1 2s;
     animation: pulsate1 2s;
     -webkit-animation-direction: forwards;
     animation-direction: forwards;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-timing-function: steps;
     animation-timing-function: steps;
     opacity: 1;
     border-radius: 50%;
     top: -30%;
     left: -30%;
}
 @-webkit-keyframes pulsate1 {
     0% {
         -webkit-transform: scale(0.6);
         transform: scale(0.6);
         opacity: 1;
         box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
    }
     100% {
         -webkit-transform: scale(1);
         transform: scale(1);
         opacity: 0;
         box-shadow: none;
    }
}
 @keyframes pulsate1 {
     0% {
         -webkit-transform: scale(0.6);
         transform: scale(0.6);
         opacity: 1;
         box-shadow: inset 0px 0px 25px 3px rgba(255, 255, 255, 0.75), 0px 0px 25px 10px rgba(255, 255, 255, 0.75);
    }
     100% {
         -webkit-transform: scale(1, 1);
         transform: scale(1);
         opacity: 0;
         box-shadow: none;
    }
}
/* testimonials */
 .testimonial {
     margin: 0 15px;
	 border-radius:30px;
}
 .testimonial .content:before {
     content: "\f10d";
     font-family: "Font Awesome 6 Free";
     font-weight: 900;
     display: inline-block;
     position: absolute;
     top: -20px;
     left: -10px;
     font-size: 36px;
}

 .testimonial .content {
     padding: 2.3em;
	 background:#fff;
     border-radius: 6px;
     margin-bottom: 15px;
     position: relative;
}
 .testimonial .content:after {
	border-top: 10px solid #fff;
     content: "";
     border-left: 10px solid transparent;
     border-right: 9px solid transparent;
     position: absolute;
     bottom: -8px;
     left: 50%;
}
 .testimonial .description {
     margin-bottom: 10px;
     font-weight: 400;
     font-family: 'ABeeZee', sans-serif;
}
 .testimonial-pic>img {
     max-width: 120px;
     border-radius: 50%;
     margin: 0 auto;
}
 .testimonial .testimonial-review {
     margin-top: 1.5em;
	 text-align:center;
}
 .testimonial .testimonial-title {
     margin-bottom: 0px;
	 text-align:center;
}
 .testimonial .testimonial-review span {
     font-size: 16px;
     font-weight:700;
}
/* Prices */
 .price-plan{
    font-size:30px;
     display:block;
     font-weight:700;
}
 .price-plan-month{
    text-transform:uppercase;
     font-size:13px;
     font-weight:700;
}
 .price-wrap{
    padding:2.0em;
     border-radius:20px;
     border:1px solid transparent;
     transition: all ease-in-out 0.2s;
}
 .price-table:hover .price-wrap {
    border-top:12px solid;
}
/* Contact */
 .contact-icon {
     text-align: center;
     padding: 20px;
}
 .contact-icon-info {
     margin-top: 30px;
}
 .contact-icon .top-icon {
     transition: all .3s ease-out;
     font-size: 20px;
     top: -30px;
     position: absolute;
     right: 0;
     left: 0;
     width: 100px;
     margin: auto;
     border-radius: 50%;
     width: 50px;
     height: 50px;
     line-height: 50px;
     color: #fff;
}
 .contact-icon:hover .top-icon {
     top: -40px;
}
 .margin-icon {
     margin-right: 10px;
}
/* Map */
 #map-canvas {
     min-width: 100%;
     height: 300px;
}
/*=========================== Blog pages ============================ */
/* Blog card */
 .blog-card h2 {
     padding-top:10px;
}
 .blog-card .card-body{
    padding: 2rem 1rem;
}
 .blog-card .card-title{
    padding-bottom:20px;
     font-weight:700;
}
 .blog-card .card-title a:hover{
    color:#000!important;
}
 .blog-card .post-info {
     margin-top: -66px;
     display: inline-block;
     position: absolute;
     border-radius: 10px 10px 0px 0px;
     padding: 8px;
     text-transform:uppercase;
     font-size:12px;
     color: #fff;
     opacity: 0.8;
     font-weight: 700;
}
 .post-info-single {
     display: inline-flex;
     flex-wrap: wrap;
}
 .post-info-single p {
     padding:5px;
     margin-bottom:0px;
     font-weight:600;
     font-size: 12px;
     text-transform:uppercase;
}
 .post-info-single i {
     margin-right:5px;
}
/* Blog tags */
 .tags {
     list-style: none;
     margin: 0;
     overflow: hidden;
     padding: 0;
}
 .tags li {
     float: left;
}
 .tag {
     background: #eee;
     border-radius: 3px 0 0 3px;
     color: #999;
     display: inline-block;
     height: 26px;
     line-height: 26px;
     padding: 0 20px 0 23px;
     position: relative;
     margin: 0 10px 10px 0;
     text-decoration: none;
     -webkit-transition: color 0.2s;
}
 .tag::before {
     background: #fff;
     border-radius: 10px;
     box-shadow: inset 0 1px rgba(0, 0, 0, 0.25);
     content: '';
     height: 6px;
     left: 10px;
     position: absolute;
     width: 6px;
     top: 10px;
}
 .tag::after {
     background: #fff;
     border-bottom: 13px solid transparent;
     border-left: 10px solid #eee;
     border-top: 13px solid transparent;
     content: '';
     position: absolute;
     right: 0;
     top: 0;
}
 .tag:hover {
     background-color: crimson;
     color: white;
}
 .tag:hover::after {
     border-left-color: crimson;
}
/* Comments */
 .comment-form.media{
     margin-top:50px;
}
 .comments-block{
     margin-top:50px;
}
 .comment.media-body {
     margin-right: 10px;
}
 .comments-block .btn{
     padding: 10px;
}
 .comments-block .media-object{
     max-width:120px;
     float: left;
     margin-right:20px;
}
 .comment {
     margin: 40px auto 20px;
     padding: 30px;
     position: relative;
}
 .comment img{
     width:100px;
}
 .nested {
     display: inline-block;
}
/* blog-single */
 #blog-sidebar .card-header {
     padding: .5rem 1rem;
     margin-bottom: 0;
     font-size:20px;
     border-radius: 10px!important;
     font-weight: 700;
}
 .img-blog img {
     -webkit-transition: .7s ease-in-out;
     transition: .7s ease-in-out;
}
 .img-blog img:hover{
     -webkit-filter: grayscale(100%);
     filter: grayscale(100%);
}
/* blob text */

.blob-text{
    padding: 20px;
     position: absolute;
     font-size:30px;
     opacity:0.8;
     margin-top:-20px;
     color:#fff;
     line-height:1.2;
     border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%;
}
 .blob-text2{
    padding: 20px;
     position: absolute;
     font-size:30px;
     right:0px;
     opacity:0.8;
     color:#fff;
     line-height:1.2;
     border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%;
}
/* blob shape 1 */
 .blob1 {
     border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%;
     transition: all 0.7s ease-in-out;
}
 .blob1:hover {
     border-radius: 57% 43% 31% 69% / 54% 61% 39% 46%;
}
/* blob shape 2 */
 .blob2 {
     border-radius: 62% 38% 82% 18% / 54% 61% 39% 46%;
     transition: all 0.7s ease-in-out;
}
 .blob2:hover {
     border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%;
}
/* Features */
 .feature-img{
    max-width:120px;
     height:120px;
     padding:30px;
     transition: all ease-in-out 0.3s;
     border-radius: 30% 70% 70% 30% / 30% 45% 55% 70%;
     margin: 0px auto 20px auto;
}
 .feature:hover .feature-img{
     transform:scale(1.2);
     border-radius: 57% 43% 31% 69% / 54% 61% 39% 46%;
}
/* backgrounds */
 .bg-1{
     background: url("../img/ornaments/bg1.png"),url("../img/ornaments/bg2.png");
     background-repeat: no-repeat;
     background-position: bottom right,bottom left;
}
 .call-to-action1{
     background: url("../img/call1.jpg");
     background-repeat: no-repeat;
     background-size:cover;	 
}
 .call-to-action2{
     background: url("../img/dogbg2.png");
     background-repeat: no-repeat;
     background-position:center left;
     background-size: contain;
}
 .call-to-action3{
     background: url("../img/call3.jpg");
     background-repeat: no-repeat;
     background-position:center;
     background-size: cover;
	 
}
 .call-to-action4{
     background: url("../img/call4.jpg");
     background-repeat: no-repeat;
     background-position:center;
     background-size: cover;
}
 #contact-home{
     background: url("../img/contactbg.jpg");
     background-repeat: no-repeat;
     background-size:70%;
     background-position:bottom center;
}
.bg-tab-1 {
     background: url("../img/about/tab1.png");
     background-repeat: no-repeat;
     background-position:bottom right;
}
.bg-tab-3 {
     background: url("../img/about/tab3.png");
     background-repeat: no-repeat;
     background-position:bottom left;
}

/* Page header */

 .page-header{
     background: url("../img/pageheader.jpg");
     background-repeat: no-repeat;
     background-size:cover;
     text-align:center;
     background-position:center;
     padding: 10.0em 0 0em 0;
}
 .page-header h1{
     color:#fff!important;
}
/* Absolute image */

 .img-absolute1 {
    position: absolute;
     bottom: 0;
     margin: 0;
     padding: 0;
}
/* Card */

 .card {
	 display:block;
     border: 0;
     border-radius: 30px;
     padding:30px;
}
/* Margins */

 .mt-n1 {
     margin-top: -0.25rem !important;
}
 .mt-n2 {
     margin-top: -2.50rem !important;
}
.mt-9 {
     margin-top: 9rem!important;
}
 /* underline efefct */

 .underline-effect{
     border-bottom: 2px dotted;
     display: inline-flex;
     padding: 5px;
     border-top: 2px dotted;
}
 /* Slick slide */

 .slick-slide {
     padding: 10px;
}
 .slider-stage .slick-next, .slider-stage .slick-prev {
     display:none!important;
}
.slick-prev:before, .slick-next:before {
    font-size: 25px;
}
/*ornaments */
 .ornament-1:after {
     background: url("../img/ornaments/ornament1.png");
     content: "";
     position: absolute;
     margin-top: -115px;
     height: 175px;
     width: 200px;
     right: -100x;
     float: left;
}
 .ornament-2:after {
     background: url("../img/ornaments/ornament2.png");
     content: "";
     position: absolute;
     margin-top: -145px;
     z-index: 1;
     height: 210px;
     width: 250px;
     right: -100x;
     float: right;
     right: 0;
}
 .ornament-3:after {
     background: url("../img/ornaments/ornament3.png");
     content: "";
     position: absolute;
     margin-top: -145px;
     z-index: 1;
     height: 206px;
     width: 200px;
     right: -100x;
     float: right;
     right: 0;
}

/*=========================== Miscellaneous ============================ */
/* light text */
 .text-light p, .text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6 {
     color: #fff!important;
}
/* progress bar */
 .progress {
     margin: 5px;
}
/* buttons */
 a.btn-secondary, a.btn-primary, .btn-secondary:hover, .btn-primary:hover, .btn-primary:focus, .btn-secondary:focus, .btn-info {
     color: #fff!important;
}
 .btn {
     font-size: 16px;
     letter-spacing: 0.3px;
     text-transform: uppercase;
     display: inline-block;
     text-align: center;
     border: 0;
     position: relative;
     overflow: hidden;
     font-weight:700;
     color:#fff;
     margin-top: 20px;
     text-decoration: none;
     transition: all 0.5s ease-in-out;
     padding: 10px 20px;
     border-radius: 20px;
}
 #button-search.btn{
     padding: 10px 20px;
     margin-top:0px;
}
 .btn-sm.btn-outline-primary, .btn-sm.btn-outline-secondary {
     border:1px solid;
     padding: 0.6rem 1.2rem!important;
     font-size: 0.9rem!important;
}
 .btn.btn-info:hover{
    background:#fff!important;
}
 .btn-outline-primary,.btn-outline-secondary{
    border:2px solid;
}
 .btn-outline-primary,.btn-outline-secondary, .btn-outline-primary:active,.btn-outline-primary:focus,.btn-outline-primary:hover, .btn-outline-secondary:active,.btn-outline-secondary:focus,.btn-outline-secondary:hover{
    background:transparent;
}
 .btn+.btn {
     margin-left: 10px;
}
 .btn-primary, .btn-secondary {
     transition: background .2s ease-in-out;
}
 .btn-lg {
     padding: 1.5rem 2.4rem!important;
     font-size: 1.25rem!important;
     line-height: 1.5;
}
 .btn-sm {
     font-size: 0.9rem!important;
}
 .btn-light {
     color: #212529!important;
}
 .btn-group-vertical>.btn, .btn-group>.btn {
     margin: 0px;
}
 .btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active {
     outline: none;
     box-shadow: none!important;
     background-color: transparent;
}
 button:focus {
     outline: 0px;
}
.box-shadow-btn:hover{
	 box-shadow: -2px 0px 20px rgb(255 255 255 / 57%)!important;
}
/* social media */
 .social-media i {
     font-size: 20px;
     padding: 10px;
     margin: 0px;
}
 .social-media i:hover {
     color: #cecece;
     transition: all .5s ease-in-out;
}
 .navbar-info {
     text-align: center;
     color: #fff;
}
/* forms */
 .form-control {
     border: 0;
     background: transparent;
     border-bottom: 2px solid #6a2c3b;
     transition: all .15s ease-in-out;
     border-radius: 5px;
     box-shadow: none;
}
 .form-control:focus {
     outline: none;
     box-shadow: none;
}
 .input-group-btn .btn {
     margin-top: 0px;
     margin-left: 0px;
     border-radius: 0px;
}
 .form-floating>label {
     padding: 0.4rem .25rem;
}
 .form-check-input:focus,.form-select:focus{
    box-shadow:0 0 0 0.25rem rgb(179 179 179 / 25%);
}
 textarea.form-control{
    min-height:100px;
}
/* Blockquote */
 blockquote {
     padding: 20px;
     font-weight: 700;
     font-family: 'ABeeZee', sans-serif;
}
 blockquote footer {
     padding: 0px;
     background: transparent!important;
     color: inherit;
}
 blockquote p {
     font-weight: 700;
     font-size: 18px;
}
 cite:before {
     content: '― ';
}
 cite {
     font-style: normal;
}
 blockquote:before {
     margin-right: 20px;
     content: "\f10d";
     font-weight: 900;
     font-style: normal;
     font-family: "Font Awesome 6 Free";
     font-size: 2em;
     opacity: 0.7;
}
/* margins */
 .margin1 {
     margin-top: 50px;
}
 .margin-i {
     margin-right: 10px;
}
/* fade effect */
 .fade {
     transition: opacity 1.15s linear;
}
/* Nav-tabs */
 .nav-tabs .nav-link{
	 color:#2d2d2d;
     margin:0 5px;
     font-weight: 700;
     font-size: 1.1em;
     border:0;
     padding: 1em 1.5em;
     border-radius: 10px 10px 0 0;
}
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-link.active:hover,
 .nav-tabs .nav-link:hover,
  .nav-tabs .nav-link:focus{
     color: #fff!important;
}
 .tab-pane,
 .tab-content{
     border-radius: 20px;
}
 .tab-pane{
   padding: 6.0em 4.0em;
}
 .nav-tabs {
     border-bottom: 0;
}
/* section */
 section {
     position: relative;
     display: block;
     padding-top: 8.0em;
     padding-bottom: 8.0em;
}
/*step by step */
 .step {
     display: flex;
     position: relative;
}
 .step:after {
     content: "";
     position: absolute;
     left: 20px;
     top: 42px;
     height: 0;
     width: 2px;
}
 .step .info {
     margin: 8px 0 20px;
}
 .step .title {
     font-size: 22px;
     font-weight: 600;
     margin: 0 0 8px;
}
 .step .text {
     padding-bottom: 0;
     margin: 0;
}
 .step:not(:last-child):after {
     height: 81%;
}
 .number {
     width: 42px;
     height: 42px;
     border-radius: 50%;
     border: 2px solid;
     flex-shrink: 0;
     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 18px;
     font-weight: 600;
     margin-right: 14px;
}
/*Paragraph image */
 .img-paragraph {
     padding: 20px;
}
/* custom ul */
 ul.custom {
     padding-left: 0px;
     list-style: none;
}
 ul.custom li {
     padding: 5px 0px;
     font-size: 16px;
     line-height: 26px;
}
 ul.custom li:before {
     font-family: "Font Awesome 6 Free";
     content: "\f1b0";
     font-weight:700;
     padding-right: 7px;
}
/* labels */
 .label {
     font-size: 12px;
     padding: 10px;
}
/* Page margin*/
 .page {
     padding: 160px;
}
/* alerts */
 .alert{
    border:0;
     padding:2em;
     border-radius:0.65em;
     border-top:3px solid;
}
 .alert p {
    margin-bottom:0px;
}
 .alert:before {
     z-index: 0;
     font-size: 25px;
     font-family: "Font Awesome 6 Free";
     content: "\f1b0";
     font-weight:700;
     z-index: 0;
     transform:rotate(20deg);
     left: 48%;
     position: absolute;
     top: -25px;
}
/* elements page */
 #elements .row {
     margin-right: 0px;
     margin-left: 0px;
}
 #elements .elements-header{
     margin-bottom:80px;
}
 #elements h4.subheader {
     padding: 10px;
     margin-top:20px;
     border-bottom:1px dotted;
     border-radius: 0px;
}
 #elements h3.subheader {
     padding: 10px;
     margin-bottom: 50px;
     text-align: center;
     color: #fff;
     border-radius:10px;
}
 #elements .bg-colorprev .col-md-3 {
     padding: 20px;
}

/* Go to top icon */
 .back-to-top {
     display: none;
     position: fixed;
     bottom: 28px;
     right: 22px;
     z-index: 119;
}
 .back-to-top i {
     display: block;
     width: 44px;
     height: 44px;
     line-height: 40px;
     font-size: 22px;
     border-radius: 50%;
     color: #fff;
     text-align: center;
     transition: all 0.3s ease-in-out;
}
/* gallery styles */
 .lightbox img{
    border: 3px solid transparent;
     transition: all ease-in-out 0.3s;
}
/* Img Styles */
 .img-opacity:hover {
     opacity: 0.7;
}
 .img-rounded{
     border-radius: 0.65em;
}
/* Image Zoom Hover effect */
 .img-effect {
     overflow: hidden;
}
 .img-effect img {
     transition: opacity 0.7s, transform 2.5s;
}
 .img-effect:hover img {
     transform: scale3d(1.2, 1.2, 1);
}
/* Image opacity hover */
 .img-hover img {
     transition: opacity 0.2s;
     opacity: 1;
}
 .img-hover:hover img {
     opacity: 0.8;
}
/* Image border */
 .img-border {
     border: 4px double 
}
/* pills /badges */
 .nav-pills .nav-link {
     font-size: 18px;
     font-weight: 700;
}
 .nav-pills .nav-link.active, .nav-pills .show>.nav-link,.nav-pills .nav-link:hover{
     color: #fff!important;
}
/* pagination */
 .pagination>li>a:hover{
     color:#fff!important;
}
 .pagination>li>a, .pagination>li>span,.pagination>li>a:focus{
     transition: all 0.3s ease-in-out;
     background:#f5f5f2;
     border:0px;
     color:#808080;
     font-weight:700;
}
/* SVG dividers */
 .svg-divider{
     z-index: 999;
     position: absolute;
     transform: rotate(180deg);
     margin-top: -9.6%;
}
 .svg-divider2{
     z-index: 9999;
     transform: rotate(180deg);
     margin-bottom: -0.1em;
}
/* breadcrumbs */
 .breadcrumb {
     color: #fff;
     font-family: 'Inter', sans-serif;
     font-weight: 700;
     background: transparent;
     text-transform: uppercase;
     font-size: 13px;
     display: inline-flex;
}
 .breadcrumb-item.active,.breadcrumb-item+.breadcrumb-item::before {
     color: #fff;
     opacity:0.8;
}
 .breadcrumb-item a:hover{
     color: #fff!important;
}
/* list group */
 .list-group-item {
     transition: all 0.3s ease-in-out;
     border-radius: 0px;
     border-color:#fff;
     font-weight:700;
     font-family: 'ABeeZee', sans-serif;
     padding:10px;
}
 .list-group-item.disabled{
    opacity:0.7;
}
 a.list-group-item:focus,a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover{
     color:#fff!important;
}
 .list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
     border-color:#ddd;
}
/* accordion */
 .accordion-button:focus {
     box-shadow: none;
     border-color: rgba(0,0,0,.125);
}
 .accordion-button:focus {
     box-shadow: none;
     border-color: rgba(0,0,0,.125);
}
 .accordion-button:not(.collapsed),.accordion-button:hover{
    color:#ffffff;
}
 .accordion-item {
     border:0;
     margin-bottom: 5px;
}
 .accordion-button:not(.collapsed):after,.accordion-button:hover:after{
     background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'><path fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/></svg>") !important;
}
 .accordion-button{
	font-weight: 600;
    border-radius:10px!important;
    font-size:18px;
}
/*=========================== Media queries ============================ */
/* Small devices (landscape phones, 544px) */
 @media (max-width: 544px) {
     .spinner {
         left: 40%;
    }
     .btn, .btn-primary{
         padding:10px;
    }
     #elements .glyph {
         width: 100%;
    }
     .date-category i {
         display:none;
    }
     .date-category {
         position: relative;
         color: #fff;
         min-width: 0px;
         padding: 0px;
         left: 0px;
    }
     .breadcrumb {
         font-size: 11px;
    }
     .comment {
         padding: 0px;
    }
     .comments-block .media-object {
         max-width: 100%;
         float: none;
         margin-right: auto;
         margin-left: auto;
         margin-bottom: 20px;
    }
     .btn+.btn {
         margin-left: 0px;
    }
     .input-group .form-control, .input-group-btn {
         display: inline-table;
         width: 100%;
         margin-top: 10px;
    }
     .testimonial-pic, .testimonial .testimonial-review {
         float: none;
         text-align: center;
    }
     .testimonial-pic>img, .testimonial .testimonial-review {
         margin: 0 auto;
    }
     .btn-lg {
         padding: 20px!important;
    }
     .back-to-top {
         right: 12px;
    }
}
/* Medium devices (tablets, 768px) The navbar toggle appears at this breakpoint */
 @media (max-width: 768px) {
    /* section */
     section {
         padding-top: 3rem;
         padding-bottom: 3rem;
    }
     .slideshow {
         height: 400px;
    }
    /* typography */
     h1 {
         font-size: 2.4em;
    }
     h2 {
         font-size: 2.0em;
    }
     h3 {
         font-size: 1.7em;
    }
     h4 {
         font-size: 1.5em;
    }
     .h7 {
         font-size: 16px;
         line-height: 27px;
    }
    /* others */
     .contact-icon {
         margin-top: 50px;
    }
	.ornament-1:after,
	.ornament-2:after,
	.ornament-3:after{
       position: relative;
    }
	 .video-popup {
		 height: 200px!important;
	}
	 
}
/* Medium- Large devices (desktops, 992px) */
 @media (max-width: 992px) {
     .contact-icon {
         margin-top: 50px;
    }
     .content-wrapper{
         margin-bottom: 50px;
    }

}
/* Large devices (large desktops, min 1200px ) */
 @media (min-width: 1200px) {
     .absolute-align{
        position:absolute;
    }
	.navbar-expand-xl .navbar-nav .nav-link {
		padding-right: .8rem;
		padding-left: .8rem;
    }
     .bg-fixed{
        background-attachment:fixed;
    }
     .navbar .nav-item:hover .dropdown-menu{
         display: block;
         top: -1.0em;
         right: auto;
         left: 90%;
         margin-left: .25rem;
         max-width: 200px;
    }
     .affix-sidebar {
         width: 100%;
         position: absolute;
         left: 50%;
         top: 50%;
         transform: translate(-50%, -50%);
    }
    /* content box home*/
     .content-box.home {
         padding: 10px!important;
         width: 60%;
    }
     .content-box.home h1{
         margin-top: 0px;
    }
     .inside-wrapper.container{
         width:950px;
    }
    /* navigation */
     .navbar{
         display: block;
    }
     .dropdown-menu {
         margin-top: 30px;
    }
    /* Brand */
     .brand {
         margin-bottom: 0px;
         text-align: center;
         max-width: 160px;
         margin: auto;
    }
    /* contact */
     .contact-icon {
         min-height: 210px;
    }
}
/* Large devices (large desktops, max 1200px) */
 @media (max-width: 1199px) {
     .navbar-default .navbar-nav>li>a {
         padding:10px;
         display: block;
    }
	 .nav-tabs .nav-link{
       border-radius: 10px;
     }
	.navbar-collapse {
	  max-height:380px;
	  overflow-y: auto;
	}
	.navbar-collapse::-webkit-scrollbar {
        width: 10px;
    }
    .navbar-collapse::-webkit-scrollbar-track {
        background-color: darkgray;
    }
    .navbar-collapse::-webkit-scrollbar-thumb {
        background-color: white;
    }
     .slick-next {
         right: -5px!important;
		 z-index:99;
    }
     .slick-prev {
         left: -5px!important;
		  z-index:99;
    }
     .no-bg-sm{
        background-image:none;
    }
	 .res-mb-5{
        margin-bottom:3rem!important;
    }
     .res-mt-5{
        margin-top:3rem!important;
    }
	 .res-mt-0{
        margin-top:0rem!important;
    }
     .page-header {
         padding: 3.0em 0 0em 0;
    }
     .navbar {
         margin-bottom: 0px;
    }
     .content-box {
         width: 100%;
    }
     .brand img {
         max-height:60px;
    }
     .content-wrapper {
         top: 65px;
         min-height:100%;
    }
	 .tab-pane{
         padding:2.0em;
    }
	.non-absolute-blob-md { 
		 position: relative;
	 } 
    /* navigation */
     .dropdown-menu:before {
         display: none;
    }
     .nav-item {
         margin-top: 20px;
    }
     .dropdown-item, .navbar-nav li {
         text-align: center;
    }
     .navbar-collapse.show {
         display: block;
         padding-bottom: 40px;
    }
     #sidebar.split {
         height: auto;
         z-index: 999;
    }
     #sidebar {
         padding: 0px;
         overflow: hidden;
    }
     #sidebar, #content {
         width: 100%;
    }
     #content.pages{
         padding-bottom:100px;
         padding-top: 89px;
    }
}