@import url("https://fonts.googleapis.com/css?family=Roboto:400,700");
@import url("https://fonts.googleapis.com/css?family=Libre+Franklin:400,400i,600,600i");


body, html { font-family: 'Libre Franklin', serif; }

.PfaPetClinicLogo { max-width: 370px; }
.navbar-light .navbar-nav a.nav-link { color: #000;font-size: 1.2rem;padding: 10px 10px; border-radius: 5px; line-height: 1; margin-right: 5px;  }
.navbar-light .navbar-nav .nav-item.active a.nav-link, .navbar-light .navbar-nav .nav-item:hover a.nav-link:not(.col_00bbff) { background-color: #79d5f6; }
.navbar-light .navbar-nav a.nav-link.col_00bbff { color: #00bbff; }
.navbar { background-color: #ffffff !important; }

.card-block.text-center {
  padding: 20px 10px;
  max-width: 900px;
}
.custom-gutter>[class*='col-'] {
  padding: 5px 5px;
}
.card-block.text-center.footer {
  padding: 20px;
  max-width: 1440px;
  width: 100%;
  margin: auto;
}
.card-text{
  text-align: left;
}
.card-text.bold{
  text-align: center;
  font-style:italic;
}
.card-text.footer{
  text-align: center;
  font-style:italic;
  font-size: 14px;
}
.imgdown_text{
  text-align: center;
  font-style:italic;
  padding: 10px;
}
.contact_class{
  font-style:italic;
}
.card-text.service{
  text-align: center;
}
.card-text.service_class{
  text-align: left;
  margin-left: 100px;
  margin-right: 100px;
}
.ht10 { height: 10px; }
.ht20 { height: 20px; }
.ht40 { height: 40px; }


.container{
  max-width: 1140px;
  margin-top: 5px;
}
.container.card-img{
  max-width: 990px;
  margin-top: 0px;
  padding-bottom: 15px;
}
.container.card-img.services{
  max-width: 1000px;
  margin-top: 0px;
  padding-bottom: 30px;
  padding-top: 20px;
}
.container.card-img.bottom{
  max-width: 1140px;
  margin-top: 0px;
  padding-bottom: 30px;
}

.wrapper {
  padding-top: 32px;
}

.top_gap_150{
  padding-top: 80px;
}
.topbar{
        margin: 20px;
    }

.card-box {
    padding: 20px;
    border-radius: 3px;
    margin-bottom: 30px;
    background-color: #ffffff;
}
.formstyle{
  width: 100%;
}
.card {
  border: none;
   /*padding-left: 5px;
  padding-bottom: 20px;
  padding-top: 20px;*/
}
 .card-box, body {
    border: none;
    padding: 0;
    margin-bottom: 0;
  }

.navbar{
  background-color: #ffffff;
  height: 30%;
}

.nav_bar{
  background-color: #ffffff;
}

.navbar-brand{
  margin-top: 1%;
}
.navbar-light .navbar-toggler { position: relative; }
.navbar-toggler:focus,
.navbar-toggler:active {
    outline: 0;
}
.up-mover {
  position: fixed;
  right: 9px;
  left: auto;
  top: auto;
  bottom: 35px;
  padding: 7px 5px;
  background-color: rgba(171, 170, 167, 0.6);
  border-radius: 5px;
  cursor: pointer;
  z-index: 11;
  box-shadow: 2px 2px 10px rgba(108,108,108,.5);
  -webkit-transition: all .5s linear;
  -moz-transition: all .5s linear;
  -ms-transition: all .5s linear;
  transition: all .5s linear;
}
.navbar-toggler span {
   display: block;
   background-color: #444;
   height: 3px;
   width: 25px;
   margin-top: 4px;
   margin-bottom: 4px;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   position: relative;
   left: 0;
   opacity: 1;
}

.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
   -webkit-transition: transform .35s ease-in-out;
   -moz-transition: transform .35s ease-in-out;
   -o-transition: transform .35s ease-in-out;
   transition: transform .35s ease-in-out;
}

.navbar-toggler:not(.collapsed) span:nth-child(1) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
    opacity: 0.9;
}

.navbar-toggler:not(.collapsed) span:nth-child(2) {
    height: 12px;
    visibility: hidden;
    background-color: transparent;
}

.navbar-toggler:not(.collapsed) span:nth-child(3) {
    position: absolute;
    left: 12px;
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
    opacity: 0.9;
}

.things{
  text-align: center;
  color: #00bbff;
}
.forall_animal_href, .forall_animal_href a{
  font-style:italic;
  color: #000000;
  font-size: 14px;
}
.secondnav{
    left: 0px;
    width: 100%;
    position: absolute;
    min-width: 960px;
    height: auto;
}
.center{
      display: flex;
    justify-content: center;
}
.has-submenu{
  padding-left: 15px;
}

.footer_img_class{
    position: relative;
    left: 23%;
    width: 55%;
}
.service_text{
  text-align: center;
  color: #00bbff;
}

.forall_text{
  text-align: center;
  color: #00bbff;
}

.card-left{
  background-color: #daf3f3;
  padding:20px;

}
.card-right{
  background-color: #f3f3e8;
  padding:20px;
}
.name-field{
  display: none;
}
.form-separator{
    display: block;
    position: relative;
    width: 100%;
    height: 1px;
    background: #efeff0;
    margin-top: 1rem;
    margin-bottom: 2rem;
}
@media (min-width: 320px) and (max-width: 750px){
  .top_gap_150{
  padding-top: 20px;
  }
}
@media only screen and (max-width: 991px) and (min-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .PfaPetClinicLogo { max-width: 100%; }
  .navbar-nav { margin: auto; }
  .navbar-light .navbar-nav a.nav-link { margin: 5px auto 0px; }
  .container { margin-top: 5px; }
  .card-block.text-center.footer { margin-left: auto; }
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1600px){
}

 @media (min-width: 320px) and (max-width: 600px){
  .card-img{
    padding-top: 10px;
  }
 }
 @media (min-width: 320px){
  .text-xs-center{
    text-align: center;
  }
 }
 
 @media (min-width: 320px) and (max-width: 900px){
 .footer_img_class{
    position: relative;
    width: 100%;
    left: 0%;
 }
}

#homeCarousel .carousel-item { padding: 0px; display: block; }
#homeCarousel .carousel-item.active:not(:first-child) .carousel-caption, #home_school_life_carousel .carousel-caption {
    -webkit-animation: captionLoad 0.75s 0.25s forwards;
      animation: captionLoad 0.75s 0.25s forwards;
  }

  @media (min-width: 300px) and (max-width: 700px){
  .card-text.service_class{
  text-align: left;
  margin-left: 20px;
  margin-right: 20px;
}
}
@media (min-width: 300px) and (max-width: 1100px){
.card-block.text-center.footer {
      padding: 20px;
      max-width: 1140px;

    }
  }
  @media (min-width: 1100px) and (max-width: 1300px){
.card-block.text-center.footer {
      padding: 20px;
      max-width: 900px;
      
    }
  }
  
   @media (min-width: 330px) and (max-width: 700px){
.card-block.text-center {
      padding: 20px;
      max-width: 900px;
      margin-left: 20px;
    }
  }