body,html{
    margin: 0px;
    margin-right:0px;
    margin-left: 0px;
    padding:0px;
    padding-right: 0px;
    padding-left: 0px;
    box-sizing: border-box;
    overflow-x: hidden;
    background-color: black;
    font-family: 'Roboto', sans-serif;
}
/*--above navbar--*/
.abovenavtext1{
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 0;
    line-height: 45px;
    display:inline-block;
    color: #d2d1d0;
    padding: 0 10px 0 10px;
    float: left;
}
.abovenavtext2{
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 0;
    line-height: 45px;
    display:inline-block;
    color: #d2d1d0;
    padding: 0 10px 0 10px;
    float:right;
}
@media(max-width:419px){
.abovenavtext2{
display: none;
} 
.abovenavtext1{
display: none;
}
}

/*--navbar--*/
.pantherlogo{
    width: 200px;
    height: 70px;
}
.navbar-brand{
    position: relative;
    font-size: 40px;
    margin-top: 0%;
    letter-spacing: 3px;
    color:#FCC40B!important;
    font-family: 'Anton', sans-serif;
}
.navbar-brandsubtitle{
    font-size: 18px;
    display: block;
    position: absolute;
    letter-spacing:2px;
    top:60%;
    left:4%;
    font-weight: 600;
    text-transform: uppercase;
    color: black!important;
    font-family: roboto condensed,sans-serif;
}

.navbar{
    white-space: nowrap;
    background-color: #fff;
}
.navbarmain{
    position: absolute;
    top:7%;
    z-index: 999;
    margin-left: 3.5%;
}
.navbar-light .navbar-nav .active>.nav-link{
    color: #FCC40B;
    display: inline-block;
    padding: 0;
    margin: 0 25px;
    font-size: 16px;
    font-weight: 700;
    line-height: 90px;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link{
    display: inline-block;
    padding: 0;
    margin: 0 25px;
    font-size: 16px;
    font-weight: 700;
    line-height: 90px;
    color: black;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #FCC40B;
}
.sticky{
        position:fixed;
        background-color:#fff!important;
        opacity:0.9;
        height:80px;
        width: 100%;
        margin-left: -4.5%;
        margin-top: -3.3%;
        box-shadow: 0px 3px 3px 3px rgba(0, 0, 0, 0.4);
        z-index: 999;
        color:white;
}
@media(max-width:991px){
.navbar-light .navbar-nav .active>.nav-link{
    color: #FCC40B;
    display: inline-block;
    padding: 0;
    margin: 0 25px;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link{
    display: inline-block;
    padding: 0;
    margin: 0 25px;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    text-align: center;
    color: #685e58;
    text-transform: uppercase;
}
.navbarmain{
    position: absolute;
    top:7%;
    z-index: 999;
    margin-left: 3.5%;
    text-align: center;
}
.navbar-nav{
        background-color: #fff;
    }    
}

/*banner section*/
.navback11{
    position:absolute;
    background-color:black;
    opacity:0.5;
    width:100%;
    left: 40%;
    top:-35%;
    height:700px;
    overflow: hidden;
    z-index: 900;
}
.banner1heading{
    font-size: 55px;
    font-weight: bolder;
    font-family: 'Acme', sans-serif;
    text-shadow: 5px 5px 5px rgba(16, 16, 16, 0.57);
    margin-top: -5%;
}
.banner1text{
    font-family: 'Nunito Sans', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 400;
    text-shadow: 5px 5px 5px rgba(16, 16, 16, 0.57);
}
.banner2text{
    font-family: 'Acme', sans-serif;
    text-transform: uppercase;
    font-size: 36px;
    font-weight: 700;
    text-shadow: 5px 5px 5px rgba(16, 16, 16, 0.57);
}

.buttonstyling{
   height:450px;
}
.w-100{
   height: 600px;
}
@media(max-width:768px) and (min-width:576px){
.w-100{
   height: 400px;
}
}
@media(max-width:576px) and (min-width:400px){
.w-100{
   height: 300px;
}
}
@media(max-width:400px){
.w-100{
   height: 250px;
}
}
.carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 0px;
    height:0px;
    margin-right: 3px;
    margin-left: 3px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: .5;
    transition: opacity .6s ease;
}
       /*-effect-*/
.effect23{
    position:absolute;
    left:0px;
    top:0px;
}
/* The animation code */
@keyframes example23 {
  0%   { left:0000px; top:-10000px;}
  100% { left:0px; top:0px;}
}
/* The element to apply the animation to */
.effect23 {
  height: auto;
  position: relative;
  background-color:none;
  animation-name: example23;
  animation-duration:2s;
  animation-iteration-count:1;
  animation-delay: 0s; 
  animation-timing-function: ease-out; z-index: 999;
}
.effect24{
    position:absolute;
    left:0px;
    top:0px;
}
/* The animation code */
@keyframes example24 {
  0%   { left:0000px; top:-10000px;}
  100% { left:0px; top:0px;}
}
/* The element to apply the animation to */
.effect24 {
  height: auto;
  position: relative;
  background-color:none;
  animation-name: example24;
  animation-duration:2.5s;
  animation-iteration-count:1;
  animation-delay: 0s; 
  animation-timing-function: ease-out; z-index: 999;
}
.effect25{
    position:absolute;
    left:0px;
    top:0px;
}
/* The animation code */
@keyframes example25 {
  0%   { left:0000px; top:-10000px;}
  100% { left:0px; top:0px;}
}
/* The element to apply the animation to */
.effect25 {
  height: auto;
  position: relative;
  background-color:none;
  animation-name: example24;
  animation-duration:3s;
  animation-iteration-count:1;
  animation-delay: 0s; 
  animation-timing-function: ease-out; z-index: 999;
}
.effect26{
    position:absolute;
    left:0px;
    top:0px;
}
/* The animation code */
@keyframes example26 {
  0%   { left:0000px; top:-10000px;}
  100% { left:0px; top:0px;}
}
/* The element to apply the animation to */
.effect26 {
  height: auto;
  position: relative;
  background-color:none;
  animation-name: example24;
  animation-duration:3.5s;
  animation-iteration-count:1;
  animation-delay: 0s; 
  animation-timing-function: ease-out; z-index: 999;
}
.effect27{
    position:absolute;
    left:0px;
    top:0px;
}
/* The animation code */
@keyframes example27 {
  0%   { left:0000px; top:-10000px;}
  100% { left:0px; top:0px;}
}
/* The element to apply the animation to */
.effect27 {
  height: auto;
  position: relative;
  background-color:none;
  animation-name: example24;
  animation-duration:4s;
  animation-iteration-count:1;
  animation-delay: 0s; 
  animation-timing-function: ease-out; z-index: 999;
}
.effect28{
    position:absolute;
    left:0px;
    top:0px;
}
/* The animation code */
@keyframes example28 {
  0%   { left:0000px; top:-10000px;}
  100% { left:0px; top:0px;}
}
/* The element to apply the animation to */
.effect28 {
  height: auto;
  position: relative;
  background-color:none;
  animation-name: example24;
  animation-duration:4.4s;
  animation-iteration-count:1;
  animation-delay: 0s; 
  animation-timing-function: ease-out; z-index: 999;
}
.effect29{
    position:absolute;
    left:0px;
    top:0px;
}
/* The animation code */
@keyframes example29 {
  0%   { left:0000px; top:-10000px;}
  100% { left:0px; top:0px;}
}
/* The element to apply the animation to */
.effect29 {
  height: auto;
  position: relative;
  background-color:none;
  animation-name: example24;
  animation-duration:4.8s;
  animation-iteration-count:1;
  animation-delay: 0s; 
  animation-timing-function: ease-out; z-index: 999;
}

/* Next and previous */
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{
    position:absolute;
    top:60%;
    border-radius: 50%;
    width:30px;
    height: auto;
    background: rgba(105, 105, 20, 0.9);
    z-index: 999;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background:#e78e47!important;
}
.owl-theme .owl-nav.disabled + .owl-dots {
    position: absolute;
    top:50%;
    left: 97%;
}
.owl-prev{
    left:-60px;
}
.owl-next{
    right:-60px;
}

.owl-prev i{
    color:#fff;
    font-size: 40px;
}
.owl-next i{
 color:#fff;
 font-size: 40px;
}

/*--below banner--*/
.belowbannerheading{
    font-size: 36px;
    margin-bottom: 8px;
    color: #fff;
    text-align:center;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 400;
    margin-top: 1%;
    font-family: 'Philosopher', sans-serif;
}
.btnbannernrxt{
    font-size: 24px;
    color:#ffffff;
    background-color:black;
    padding: 0px 20px 0px;
    border: 2px solid #fff;
    font-family: 'Philosopher', sans-serif;
    font-weight: 700;
}
.btnbannernrxt:hover{
    background-color:seagreen;
}

/*--our process--*/
.processheading{
    text-align: center;
    text-transform: uppercase;
    color:  #FCC40B;
    font-weight: 700;
    line-height: normal; 
    margin-top: 1%;
    font-size: 45px;
    font-family: 'Barlow', sans-serif;
}
.processicon1{
    width: 110px;
    height: 110px;
    border: 5px solid;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    border-color:#fff;
    background-color: #FCC40B;
}
.processiconimage1{
    width: 50%;
    height: auto;
    margin-top: 30%;
    background-color: #FCC40B;
}
.processiconheading{
    text-transform: uppercase;
    color: #FCC40B;
    margin-bottom: 10px;
    font-size: 17px;
    text-align: center;
    margin-top: 20px;
}
.processicontext{
    color: #fff;
    font-weight: 300;
    font-size: 15px;
}
.processborder{
    border: 2px solid #FCC40B;
    padding: 20px 0 0px;
    box-shadow: 2px 2px 2px 2px #FCC40B;
}
.processborder:hover{
    box-shadow: 5px 5px 5px 5px #FCC40B;
}
.processborder:hover > .processicon1{
    width: 110px;
    height: 110px;
    border: 5px solid;
    border-radius: 100%;
    position: relative;
    display: inline-block;
    text-align: center;
    border-color: #fff;
    background-color: #FCC40B;
}

/*----SUBSCRIPTION PRICES----*/
.subscriptionheading h3{
    font-weight:400;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
    line-height: normal;
    text-align: center!important;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
}
.subscriptionheading h6{
    display: inline-block;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    font-family: 'Questrial', sans-serif;
    color: #4d4d4d;
    font-weight: normal;
}
.subscriptionheading p{
    display: inline-block;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 28px;
    font-family: 'Questrial', sans-serif;
    color:#FCC40B;
    font-weight: normal;
}
.subsbelowtext{
    border: 2px solid #ebebeb;
}
.subsbelowtext p{
    margin-bottom: 0px;
    display: inline-block;
    padding: 10px 0 10px;
}
.insidesubdivsub{
    border: 2px solid #ebebeb;
    text-align: center;
    background-color:black;
}
.insidesubdivsub:hover{
    border: 2px solid #FCC40B;
    background-color:black;
    border-bottom: 5px solid #FCC40B;
}
.whypantherimage{
    margin-top: 10%;
}
.dt-sc-button{
    font-size: 14px;
    padding: 10px 20px;
    background-color: #FCC40B;
    line-height: normal;
    display: inline-block;
    margin: 10px 0 20px;
    cursor: pointer;
    outline: none;
    z-index: 1;
    border-radius: 0;
    color: #fff;
    position: relative;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none!important;
}
.dt-sc-button:hover{
    color: #fff;
}

/*--Our Team--*/
.teamheading111{
    display: none;
    font-family: 'Questrial', sans-serif;
}
.teamheading111 p{
    color: #fff;
    background-color: #FCC40B;
    padding: 10px 20px 10px;
    font-family: 'Questrial', sans-serif;
}
.insidesubdiv{
    border: 2px solid #ebebeb;
    background-color: #FCC40B;
}
.insidesubdiv:hover{
    border: 2px solid black;
    background-color:#FCC40B;
}
.insidesubdiv:hover > .subscriptionheading{
    display: none;
}
.insidesubdiv:hover > .teamheading111{
    display: block;
    position: absolute;
    width: 90%;
    left:5%;
    top:60%;
    background-color:#FCC40B;
}
.teamheading111 h2{
    font-size: 19px;
    color:#1F1A17;
    font-weight: 600;
    text-align: left;
    margin-top: 20px;
    margin-left: 10%;
}
.teamheading111 p{
    font-size: 17px;
    color: #fff;
    text-align: left;
    margin-left: 5%;
}
.teamfitness2{
    font-size: 14px!important;
    color: #fff;
    text-align: left;
    margin-left: 5%;
    margin-top: -9%;
}

/*----OUR PACKAGES----*/
.packageheading h3{
    font-weight: 300;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 22px;
    color: #4d4d4d;
    line-height: normal;
    text-align: left;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
    
}
.packageheading p{
    margin-bottom: 10px;
    display: inline-block;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 28px;
    font-family: 'Raleway', sans-serif;
    color: #4d4d4d;
    font-weight: normal;
}
.subsbelowtext{
    border: 2px solid #ebebeb;
}
.subsbelowtext p{
    margin-bottom: 0px;
    display: inline-block;
    padding: 10px 0 10px;
}
.insidesubdiv1{
    border: 2px solid #ebebeb;
    background-color:black;
}
.insidesubdiv1:hover{
    border: 2px solid #FCC40B;
    background-color: black;
    border-bottom: 5px solid #FCC40B;
}
.packageheading2 h3{
    font-weight:400;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
    line-height: normal;
    text-align: left;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
}
.packageheading2 p{
    display: inline-block;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    font-family: 'Questrial', sans-serif;
    color: #fff;
    font-weight: normal;
}
.packageheading2 h6{
    display: inline-block;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 28px;
    font-family: 'Questrial', sans-serif;
    color:#FCC40B;
    font-weight: normal;
}
.packagesecondhalf{
    margin-bottom: 20px;
}
.packagesecondhalf h2{
    font-size: 28px;
    float: left;
    font-weight: 700;
    color:#FCC40B;
    margin-left: 5%
}
.btn-pakagege{
    background-color:#FCC40B;
    color: #ffffff;
    margin-top: 20px;
    padding: 5px 10px 5px;
    font-family: 'Philosopher', sans-serif;
}
.btn-pakagege:hover{
    background-color:#151515;
    color: #fff;
}

/*--Gallery--*/
.galleryheading{
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
    line-height: normal; 
    margin-top: 1%;
    font-size: 45px;
    font-family: 'Barlow', sans-serif;
}
.subscriptionheading h3{
    font-weight:400;
    margin-bottom: 5px;
    text-transform: uppercase;
    font-size: 20px;
    color: #ffffff;
    line-height: normal;
    text-align: left;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
}
.subscriptionheading h6{
    display: inline-block;
    text-align: center;
    margin-left: 5%;
    margin-right: 5%;
    font-family: 'Questrial', sans-serif;
    color: #FCC40B;
    font-weight: normal;
}
.subscriptionheading p{
    display: inline-block;
    text-align: left;
    margin-left: 5%;
    margin-right: 5%;
    line-height: 28px;
    font-family: 'Questrial', sans-serif;
    color:#FCC40B;
    font-weight: normal;
}
.subsbelowtext{
    border: 2px solid #fff;
}
.subsbelowtext p{
    margin-bottom: 0px;
    display: inline-block;
    padding: 10px 0 10px;
}
.insidesubdivgallery{
    border: 2px solid #ebebeb;
    filter: brightness(80%);
    background-color:#FCC40B;
}
.insidesubdivgallery:hover > .galleryh{
    display: block;
    transform:rotate(-15deg);
    overflow: hidden;
    filter: brightness(120%);
}

/*customer reviews*/
.single-testi{
    text-align: center;
}
.customer1{
    color: #ffffff;
    display: block;
    padding: 0px;
    margin-top: 10px;
    font-size: 16px;
    position: relative;
    z-index: 1;
    text-align: center;
    font-family: 'Manuale', serif;
}

/*--footer--*/
.footer-para1{
    font-size: 12px;
    line-height: 26px;
    margin-bottom: 10px; 
    text-align: justify;
}
.footer-icon{
    font-size: 22px;
    background-color: black;
    color: #FFF;
    display: block;
    text-align: center;
    z-index: 2;
    position: relative;
    border: 1px solid #fff;
    padding: 10px 10px 8px;
}
.footer-icon:hover{
    background-color: #FCC40B;
}
.widgettitle{
    font-size: 15px;
    text-transform: uppercase;
    color: #fff;
    margin-bottom:40px;
    font-weight: 700;
    background: #FCC40B;
    border-bottom: 0;
    font-weight: 600;
    position: relative;
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 15px 0 15px;
    font-family: roboto condensed,sans-serif;
}
.footer-links{
    font-size: 14px;
    font-weight: 500;
    text-decoration: none!important;
    border-bottom: 1px solid gray;
}
.footer-links:hover{
    color: #FCC40B;
}
.footer-postheading{
    font-size: 15px;
}
.footer-postheading p{
    font-size: 14px;
}

/*--below footer--*/
.belowfooterphone{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-right: 5px;
    margin-left: 5%;
    float: left;
}
.belowfooterrighticon{
    float: right;
    margin-right: 5%;
}
.footer-icon1{
    font-size: 22px;
    color: #fff;
    display: block;
    text-align: center;
    z-index: 2;
    position: relative;
    border: 1px solid #fff;
    padding: 10px 10px 8px;
}
.footer-icon1:hover{
    background-color: black;
}

/*----------ABOUT US----------*/
.aboutbanner{
    background-image: url(../images/banner2back.png);
    background-repeat: no-repeat;
    background-size:cover;
    height: 250px;
    color: white;
    font-size: 32px;
    font-weight: 500;
    text-align: center;
}
.aboutbannertext{
    margin-top:10%;
}
@media(max-width:991px){
 .aboutbannertext{
    margin-top:20%;
}   
}

/*--------CONTACT US-----------*/
/*contact form submit button*/
.submit{
    border:none;
    padding:10px 20px 10px 20px;
    margin-top: 5%;
    background-color:#FCC40B;
    color:white;
    text-align: center;
    font-size: 22px;
    font-weight:500;
}
.submit:hover{
    background-color: #fff;
    color: black;
}
@media only screen and (min-width:800px){
    #onmap{
        position: relative;
        top:50px;
        z-index: 99999;
    }
}
@media only screen and (max-width:800px){
    #onmap{

       margin-top:5%;

    }
}