body{ padding:0; margin: 0; font-family: 'Roboto', sans-serif;}
p{ font-family: 'Raleway', sans-serif;}

.top{ padding:10px 0 3px 0 ; margin:0; background:#e1c340; width:100%;}
.top p{ font-family: 'Raleway', sans-serif; font-size:14px; color:#FFF; }
.top .socialbtns, .socialbtns ul, .socialbtns li {
  margin: 0;
  padding:0;
}

.top .socialbtns li {
    list-style: none outside none;
    display: inline-block;
}
.top .socialbtns li a{ text-decoration:none;}

.top .socialbtns .fa {
    width: 28px;
    height: 28px;
    color: #FFF;
    padding-top: 0;
    border-radius: 22px;
    -moz-border-radius: 22px;
    -webkit-border-radius: 22px;
    -o-border-radius: 22px;
    text-align: center;
}

.top .socialbtns .fa:hover {
	color: #000;
}



.slide-box{ padding:0; margin:0; top:140px; left:120px; position:absolute;}
.slide-box h2{ font-size:50px; color:#FFF; font-weight:800; font-family: 'Playfair Display', serif; }
.slide-box p{ color:#FFF; font-size:15px; }
.slide-box .get {
    background: #f1cf3c;
    color: #000;
    padding: 10px 25px;
    border-color: #f1cf3c;
}.slide-box .get:hover{ color:#FFF; background:#000;  }
/* ------traning---------*/

.traning{ padding:0; margin:50px 0 50px 0; float:left; width:100%; }
.traning p{ font-size:15px; text-align:justify; }
.traning h3{ font-size:34px; color:#e1c340; font-weight:600; font-family: 'Playfair Display', serif; }
.traning .box{ padding:0; margin:0 0 10px 0;  }
.traning .box img{ width:100%; border-radius:59px; }
.traning .read{ border:1px solid #e1c340; margin-top:0px;  }



.wel{ padding:0; margin:50px 0 60px 0; float:left; width:100%; background:url(../images/bg-banner.jpg); height:700px; background-size:cover; }
.wel p{ font-size:15px; text-align:center; color:#FFF; }
.wel h3 {
    font-size: 34px;
    color: #FFF;
    font-weight: 600;
    text-align: center;
    margin-top: 240px;
    font-family: 'Playfair Display', serif;
}
.wel .dog-box{ padding:0; margin:0 0 10px 0;  }
.wel .read{ border:1px solid #e1c340; margin-top:40px;  }

.testimonial{padding:0; margin:40px 0 0 0; width:100%; float:left; }
.testimonial .test-box{ padding:0; }
.testimonial .test-box img{ width:100%; border-radius:50px; }
.testimonial .box-test {
    border: 1px solid #FFFF;
    border-radius: 11px;
    padding: 16px 10px;
    margin-left: -90px;
    margin-top: 70px;
    background: #FFF;
}
.testimonial #quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
}
.testimonial #quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
.testimonial #quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}
.testimonial #quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
.testimonial #quote-carousel .carousel-indicators .active {
    width: 128px;
    height: 128px;
    opacity: 1;
    transition: all .2s;
}
.testimonial .item blockquote {
    border-left: none;
    margin: 0;
}
.testimonial .item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: 5px solid #FFF !important;
}

/*---- most popular------ */

.most-popular-tour {
    padding: 40px 0 40px 0;
    margin: 50px 0 0 0;
    float: left;
    width: 100%;
    background:url("../images/service-baner.jpg") center no-repeat;
	background-attachment:fixed;
	background-size: cover;
	
}
.most-popular-tour .icon-radius{ padding:0; margin:0;}
.most-popular-tour h1 {
    font-size: 32px;
    color: #0f0e36;
    font-family: 'Playfair Display', serif;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: 800;
    margin-top: 0;
}
.most-popular-tour h2{ font-size:18px; color:#424242; font-family: 'Roboto', sans-serif; margin-bottom:0;}
.most-popular-tour p{ font-size:15px; color:#424242; text-align:justify; margin-bottom:20px !important;}


/* ------ services -------- */

.service-pages{ padding:30px 0 30px 0; margin:50px 0 0 0; float:left; width:100%;}
.service-pages h2{ text-align: center; font-size:45px; font-family: 'Playfair Display', serif;}
.service-pages p{ color:#000; font-size:17px; text-align: center; font-family: 'Raleway', sans-serif; }

.service-pages h3 {
    text-align: left;
    font-size: 23px;
    padding-top: 10px;
    font-weight: 600;
    /* font-family: 'Neonderthaw', cursive; */
    font-family: 'Playfair Display', serif;
    text-align: center;
}
.service-pages .span-color{ color:#e0bd22; }
.service-pages h4 {
    text-align: right;
    font-size: 55px;
    padding-top: 80px;
    font-weight: 600;
    font-family: 'Neonderthaw', cursive;
}
.service-pages .box{ padding:0; margin:40px 0 0 0; }
.service-pages .box img {
    width: 100%;
    border-radius: 10%;
    border: 5px dashed #e3c64b;
    padding: 10px;
}
.service-pages .box img:hover{ border: 5px dashed #F00; }

/*---- pet grooming -----*/

/* ------ services -------- */

.grooming{ padding:30px 0 30px 0; margin:50px 0 0 0; float:left; width:100%;}
.grooming h2{ text-align: center; font-size:45px; font-family: 'Playfair Display', serif;}
.grooming p{ color:#000; font-size:17px; font-family: 'Raleway', sans-serif; }

.grooming h3 {
    text-align: left;
    font-size: 36px;
    padding-top: 10px;
    font-weight: 600;
    /*font-family: 'Neonderthaw', cursive;*/
    font-family: 'Playfair Display', serif;
}
.grooming .span-color{ color:#e0bd22; }
.grooming h4 {
    text-align: right;
    font-size: 55px;
    padding-top: 80px;
    font-weight: 600;
    font-family: 'Neonderthaw', cursive;
}
.grooming .box{ padding:0; margin:40px 0 0 0; }
.grooming .box img {
    width: 100%;
    border: 2px dashed #e3c64b;
    padding: 10px;
}












/*----- why choose Us---- */

.why-choos{ padding:0; margin:140px 0 0 0; float:left; width:100%;}
.why-choos .box {
    padding: 3px;
    margin: 0px 0 27px 0;
    border: 3px solid #e2c504;
}
.why-choos .icon-radius{ padding:0; margin:0;}
.why-choos .icon-radius img {
    margin:14px auto;
}
.why-choos h1 {
    font-size: 35px;
    color: #141313;
    text-align: center;
    font-family: 'Playfair Display', serif;
    margin-bottom: 0;
    text-transform: uppercase;
    font-weight: 800;
}
.why-choos h3 {
    font-size: 20px;
    margin-top: 4px;
    margin-bottom: 30px;
    color: #f5f5f5;
    text-align: left;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    margin-bottom: 0;
    background:#e1c340;
    padding: 11px;
    margin-bottom: 24px;
    border-left: 6px solid #000;
}
.why-choos p{ font-size:15px; color:#424242; text-align:left;}


/*--- tour-----*/

.banner-tour{ margin:0; padding:0;}
.banner-tour img{ width:100%; float:left;}

/*----- Destination ---- */

.Destination{ padding:30px 0 30px 0; margin:50px 0 60px 0; float:left; width:100%;}
.Destination h1{ font-weight:600; font-size:35px; text-align:center; font-family: 'Playfair Display', serif;}
.Destination .read-more {
    margin: 32px  auto;
    padding: 12px 26px;
	display:block;
	width:150px;
}
.Destination .read-more:hover{ background:#ffb300; color:#FFF;}

/* inner banner*/

.inner-banner {
    padding:150px 0 150px 0;
    margin: 0;
    float: left;
    width: 100%;
	min-height:400px;
	height:604px;
    background: url(../images/inner-banner/about-banner.jpg) center no-repeat;

}
.inner-banner h1 {
    text-align: center;
    font-size:39px;
    font-weight: 600;
    font-family: 'Playfair Display', serif;
    color: #FFF;
}
.inner-banner p{text-align:center; color:#FFF; font-weight:600; font-size:16px;}
.inner-banner .hadding{ color:#e1c340; }




/* about Us */

.about-pages{ padding:30px 0 30px 0; margin:50px 0 0 0; float:left; width:100%;}
.about-pages h2{ text-align:left; font-size:27px; font-family: 'Playfair Display', serif;}
.about-pages p{ text-align:left;}





.contact{ padding:0; margin:50px 0 50px 0; float:left; width:100%;}
.contact h2 {
    font-size:22px;
	color:#000;
    font-family: 'Playfair Display', serif;
}
.contact h3 {
    text-align: center;
    font-size: 30px;
	color:#000;
    font-family: 'Playfair Display', serif;
}
.contact .box {
    padding: 2px 24px;
    margin: 0;
    background: #e1c340;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.contact .input{ width:100%; height:45px; border:1px solid #999;}
.contact p{ font-size:16px; color:#000; font-family: 'Raleway', sans-serif;}
.what-app {
    border: 1px solid #a8a0a0;
    padding:15px 0 28px 0 ;
    background:url(../images/bg-34.jpg) center no-repeat;
	margin-top:30px;
}
.contact .map{ margin:33px 0 0 0; padding:0; float:left; width:100%;}

/*-------- booking---------*/
/*------------------------*/
.booking{ padding:0; margin:50px 0 50px 0; float:left; width:100%;}
.booking .p-heading { 
	text-align: center;
    color: #FFF;
    font-size: 16px;
    background: #fb780e;
    padding: 13px 0px;
    border-radius: 3px;
	font-weight: 600; 
	margin-bottom: 80px;
  }

.booking h2 {
    font-size:22px;
    color:#000;
}
.booking h3 {
    text-align: center;
    font-size: 30px;
    color:#000;
}

.booking .box {
    padding: 2px 24px;
    margin: 0;
    background: #FFF;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top: 8px solid #e1c340;
}
.booking .input {
    width: 100%;
    height: 45px;
    border-left: 0 !important;
    border-right: 0 !important;
    border-top: 0 !important;
    background: none;
    border-radius:0;
    color:#000;
    -webkit-box-shadow:none !important;
    padding:0;
}
.booking .lable1{ margin-bottom:2px; }
.booking .group-box {
    padding: 26px 18px;
    background: #eeeded;
    border: 1px solid #eeeded;
    border-radius: 8px;
}
.booking .radio-bt{ padding:0; margin-top:0; }

.booking label{ margin-bottom:20px; }
.booking .input:hover{ border-bottom-color:#000; }
.booking .s-color{ color:#F00; }
.booking p{ font-size:16px; color:#000;}
.booking .submit{ background:#e1c340; border:none; padding:10px 36px; }






.svg-inline--fa {
  vertical-align: -0.200em;
}

.rounded-social-buttons {
  text-align: center;
}

.rounded-social-buttons .social-button {
    display: inline-block;
    position: relative;
    cursor: pointer;
    width:40px;
    height:40px;
    border:0.125rem solid transparent;
    padding: 0;
    text-decoration: none;
    text-align: center;
    color: #fefefe;
    font-size: 1.5625rem;
    font-weight: normal;
    line-height: 38px;
    border-radius: 50%;
    transition: all 0.5s ease;
    margin-right: 0.25rem;
    margin-bottom: 0.25rem;
}

.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.rounded-social-buttons .fa-twitter, .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram .fa-whatsapp {
  font-size: 25px;
}

.rounded-social-buttons .social-button.facebook {
  background: #3b5998;
}

.rounded-social-buttons .social-button.whatsapp {
  background:#13bf8f;
}

.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
  color: #3b5998;
  background: #fefefe;
  border-color: #3b5998;
}

.rounded-social-buttons .social-button.twitter {
  background: #55acee;
}

.rounded-social-buttons .social-button.twitter:hover, .rounded-social-buttons .social-button.twitter:focus {
  color: #55acee;
  background: #fefefe;
  border-color: #55acee;
}

.rounded-social-buttons .social-button.linkedin {
  background: #007bb5;
}

.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
  color: #007bb5;
  background: #fefefe;
  border-color: #007bb5;
}

.rounded-social-buttons .social-button.youtube {
  background: #bb0000;
}

.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
  color: #bb0000;
  background: #fefefe;
  border-color: #bb0000;
}

.rounded-social-buttons .social-button.instagram {
  background: #125688;
}

.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
  color: #125688;
  background: #fefefe;
  border-color: #125688;
}

.rounded-social-buttons .social-button.whatsapp:hover, .rounded-social-buttons .social-button.whatsapp:focus {
  color: #125688;
  background: #fefefe;
  border-color: #125688;
}


.deal-descount{ padding:0; margin:50px 0 60px 0; width:100%; float:left;}
.deal-descount h2{ font-size:30px; text-align:center; font-weight:600;}
.deal-descount .read{ background:#F90; border-radius:0; border:none; margin-top:5px;}
.deal-descount .bt-left{ color:#F90; border-radius:0; border:none; float:left !important; margin-left:10px !important; margin-top:10px;}


#floating-menu {
  cursor: pointer;
}

#floating-icon{
  overflow: hidden;
  position: fixed;
  z-index: 99999;
  bottom: 15px;
  right: 15px;
  background-color: #93b662;
  width: 50px;
  height: 50px;
  border-radius: 25px;
}

#floating-icon span{
  display: block;
  width: 5px;
  height: 5px;
  background-color: #fff;
  margin: 0 auto;
  margin-bottom: 5px;
  border-radius: 50px;
}

#floating-ligar,
#floating-whatsapp,
#floating-emergencia{
  display: none;
  overflow: hidden;
  position: fixed;
  z-index: 99998;
  width: 40px;
  height: 40px;
  border-radius: 25px;
  color: #fff;
  font-size: 20px;
}

#floating-ligar{
  right: 20px; 
  bottom: 20px;  
  background-color: #93b662;
  -webkit-animation: slide-ligar .75s forwards;
  -webkit-animation-delay: .75s;
  animation: slide-ligar .75s forwards;
  animation-delay: .75s;
}

#floating-icon,
#floating-ligar,
#floating-whatsapp,
#floating-emergencia{
  -webkit-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
  -moz-box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
  box-shadow: 1px 1px 5px 1px rgba(0,0,0,0.5);
}

@-webkit-keyframes slide-ligar {
  0%{
    right: 20px; 
    bottom: 20px;    	
  }
  100% { 
    right: 20px; 
    bottom: 100px;
  }
}

@keyframes slide-ligar {
  0%{
    right: 20px; 
    bottom: 20px;    	
  }
  100% { 
    right: 20px; 
    bottom: 100px;
  }
}

#floating-whatsapp{
  right: 20px;
  bottom: 20px;
  background-color:#09bc87;
  -webkit-animation: slide-whatsapp .75s forwards;
  -webkit-animation-delay: .75s;
  animation: slide-whatsapp .75s forwards;
  animation-delay: .75s;
}

@-webkit-keyframes slide-whatsapp {
  0%{
    right: 20px; 
    bottom: 20px;    	
  }
  100% { 
    right: 70px; 
    bottom: 70px;
  }
}

@keyframes slide-whatsapp {
  0%{
    right: 20px; 
    bottom: 20px;    	
  }
  100% { 
    right: 70px; 
    bottom: 70px;
  }
}

#floating-emergencia{
  right: 20px;
  bottom: 20px;
  background-color: #d00829;
  -webkit-animation: slide-emergencia .75s forwards;
  -webkit-animation-delay: .75s;
  animation: slide-emergencia .75s forwards;
  animation-delay: .75s;
}

@-webkit-keyframes slide-emergencia {
  0%{
    right: 20px; 
    bottom: 20px;    	
  }
  100% { 
    right: 100px; 
    bottom: 20px;
  }
}

@keyframes slide-emergencia {
  0%{
    right: 20px; 
    bottom: 20px;    	
  }
  100% { 
    right: 100px; 
    bottom: 20px;
  }
}

#floating-menu svg{
  width: 20px;
  height: 20px;
  display: block;
  margin: 0 auto;
  margin-top: 10px;
}

#floating-menu a{
  color: #fff;
}

/* Modal */
.modal-open {
  overflow: auto;
}

.modal-dialog{
  top: 15%;
  width: 40%;
}

.modal-content{
  border-radius: 0;
}

.modal-body{
  padding: 30px 33px;
  height: fit-content;
}

.fechaModal {
    float: right;
    margin-top: -8px;
    margin-right: -20px;
    background: #93b662;
    border: none;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    width: 42px;
    height: 39px;
    z-index: 9999;
    cursor: pointer;
    position: relative;
}

















/*---- footer ------*/

.footer-pges {
    padding: 410px 0 0 0;
    margin: 40px 0 0 0;
    float: left;
    width: 100%;
    background: url(../images/footer-bg.png) center;
    background-size: cover;
    height: 858px;
}
.footer-pges .box-1 {
    padding:3px;
    margin: 2px 0 16px 0;
	border:1px solid #6b6969;
}
.footer-pges h2{ font-weight:400; font-size:52px; color:#FFF; text-align:center; padding-bottom: 10px;  font-family: 'Playfair Display', serif;  letter-spacing: 6px;}
.footer-pges p {
    font-size: 17px;
    color: #FFF;
    text-align: center;
    font-family: RomanC;
    padding-bottom: 91px;
}
.footer-pges .color-r{ color:#FFF; text-decoration:none; }
.footer-pges .ine-boo {
    border-bottom: 1px solid #585656;
    padding-bottom: 10px; }
.footer-pges .nev-f{ text-decoration:none; color:#FFF;}
.footer-pges .nev-f:hover{ color:#BB7004;}
.footer-pges i{ color:#F90;}

.copyright{ padding:50px 0 47px 0; float:left; width:100%; background:#f1cf3c;}
.copyright p{ font-size:16px; color:#FFF; text-align: center;  font-family:RomanC;}
.copyright .icon-font{ color:#FFF;}