html, body { width: 100%; height: auto; margin: 0; padding: 0; overflow-x: hidden !important; font-family: "PT Sans", sans-serif;
             font-weight: 400; font-style: normal; background: #fff; color: #1D6395; font-family: "", sans-serif; font-weight: 400; 
             letter-spacing: 1px;  scroll-behavior: smooth; }
body { 
       animation: fadein 2s;
       -moz-animation: fadein 2s;  
       -webkit-animation: fadein 2s; 
       -o-animation: fadein 2s; }

@keyframes fadein { from { opacity:0; } to { opacity:1;} }
@-moz-keyframes fadein { from { opacity:0; } to { opacity:1;} }
@-webkit-keyframes fadein {  from { opacity:0; } to { opacity:1;} }
@-o-keyframes fadein {  from { opacity:0; } to { opacity:1;} } 
h1, h2, h3, a, blockquote, body, label, input, figure, button, .menuu, .logo, .logo_  { transition:all 300ms ease; outline: none;  }
h1, h2, h3, h4, h5, h6 { font-family: "Sansation", sans-serif;  font-weight: 700; font-style: normal; } 
a { text-decoration:none; }
ul.men { padding:10px 0; }
ul.men li { list-style:none; width:auto; display: inline-block; vertical-align:middle !important; padding:10px 7px 0 0;  }
ul.men li a { color:#1D6395; }
ul.men li a:hover { opacity:.6; }
ul.men li a.active { color:#fff; }
ul.menu li a.active { color:#ffaa3a; }
#menuu { position: fixed; top:0; z-index:999; width:100%; background:#fff; border-bottom: #1D6395 solid 1px; transition: top 0.3s; }
.activo { font-weight:700; }
.ico { width:140px; display:inline-block; margin:15px auto; opacity:.6; }
.logo { width:70px; filter: grayscale(1); opacity:.6;  transition:all 300ms ease;  }
.logo_ { width:70px; filter: grayscale(0);  opacity:1; }
.logo-intro { width:40%; }
.submenu { background:#1D6395; width:100%; min-height:40px; padding:10px 0; text-align: right; }
hr { background:#848484; width:50px; height: 3px; margin:35px auto; border:none; opacity:1; border-radius: 7px 7px 7px 7px; }
header { width:100%; height:auto; padding:5px 0; }
img.img-rs { width:25px; display:inline-block; margin:5px 2px; }
section {  width: 100%; height: auto; padding:10% 0; position:relative; }
footer { width:100%; height:auto; padding:50px 0; background: url(img/footer.webp) no-repeat; background-size:cover; color:#fff;  }
footer a { color:#fff; }
footer a:hover { opacity:.5; }
input { background:#fff; border:none; padding:10px; width:70%; margin:10px; color: #1D6395; font-family: "Sansation", sans-serif;  font-weight: 500; }
input.submit { background:#000; border:none; width:130px; color:#fff; text-transform: uppercase; }
input.submit:hover { background:#fff; border:none; width:130px; color:#000; text-transform: uppercase; }
.container { position:relative; z-index:5; }
#amfisiovet { background: url(img/amfisovet.webp) no-repeat center top; background-size:auto 110% ; color:#fff; padding-top: 150px; }
#amfisiovet h1 { font-size:5.5vw; }
#nosotros { background: url(img/nosotros.webp) no-repeat center; background-size: cover; color:#fff; }
.text-justify { text-align: justify !important; }
img.mb { display:inline-block; }
#eventos { background:#1D6395; color:#fff; padding:35px 0; }
.carousel {  }
.carousel-cell { width:100%; font-size:22px; }
.dot { background:#fff !important; }
.btn { background:#1D6395; color:#fff; }
.scroll_ { width:100%; height:270px; overflow-y: auto; }
#directorio { padding:75px 0; background: url(img/pattern.svg) repeat-x center bottom; }
#directorio a { color:#1D6395; display:inline-block; margin:5px 0px; font-weight:bold; background:#c8c8c8; padding:3px 6px; border-radius:4px; }
#directorio a:hover { color:#1D6395; display:inline-block; margin:5px 0px 5px 10px; font-weight:bold; background:#c8c8c8; padding:3px 6px; border-radius:4px; }

#objetivos { background:#F2F2F2 url(img/pattern.svg) repeat-x center bottom; padding:135px 0; }
.top { position:fixed; z-index:9999; width:75px; right:25px; bottom:40px; }
.logo-foo { width:200px; } 
img.rs-foo { width:35px; display:inline-block; margin:10px 2px; } 
.gatito-gal { position:absolute; z-index:1; bottom:-1px; left:-10%; width:55%; }
.perritos { position:absolute; z-index:1; bottom:-1px; right:-10%; width:55%;  }
ul.lista { padding:0; margin-bottom:75px; }
ul.lista li { background: url(img/paw.svg) no-repeat; background-size:30px; margin-bottom:20px; padding-left:40px; }
select { padding:10px; color: #fff; background: #1D6395; border-radius:15px; border-right:#1D6395 solid 3px; }
.show-hide img { margin-bottom:25px; }
.box { border:#fff solid 5px; }
::-webkit-input-placeholder { /* Chrome/Opera/Safari */  color: #1D6395; }
::-moz-placeholder { /* Firefox 19+ */  color: #1D6395; }
:-ms-input-placeholder { /* IE 10+ */  color: #1D6395; }
:-moz-placeholder { /* Firefox 18- */  color: #1D6395; }
/* width */
::-webkit-scrollbar {
  width: 20px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px grey; 
  border-radius: 3px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #1D6395; 
  border-radius: 3px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #c8c8c8; 
}
.carousel-cell .hr { margin:20px 0 !important; width:100px; height:1px; background:#fff;  }
#doc0, #doc1, #doc2, #doc3, #doc4, #doc5, #doc6, #doc7, #doc8, #doc9, #doc10 {
  display: none; transition:all 300ms ease;
}
.img-e { width:120px; display:inline-block; margin:2px 2px 5px 2px; }
.previous { display:none; }
.flickity-button {
    position: absolute;
    background: none;
    border: #fff solid 4px !important;
    border: none;
    color: #fff;
}
.flickity-button:hover {
    background: none;
    cursor: pointer;
}
.flickity-prev-next-button {
    top: 10%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.flickity-button:focus { box-shadow: none !important ; }

.text-right img.doctor { display:inline-block; width:auto; height:400px;  }

 /* Extra Small Devices, Phones */ 
    @media only screen and (max-width : 580px) {
 header { text-align: center;  }
 .logo { margin:-40px auto 0; opacity:1; display:block; width:90px; }
#galeria { padding-bottom:45%; }
img.img-rs { width:15px; display:inline-block; margin:5px 2px; }
ul.men li {
    list-style: none;
    width: auto;
    display: inline-block;
    vertical-align: middle !important;
    padding: 6px 3px 0 0;
}
ul.men li a {
    color: #1D6395; font-size: 12px;
}
#amfisiovet {
    background: url(img/amfisovett.webp) no-repeat center;
    background-size: cover;
    color: #fff;
}
 }

@media only screen and (max-width : 480px) {
    #amfisiovet { padding-top: 170px; }
 body { 
       animation: fadein 2s;
       -moz-animation: fadein 2s;  
       -webkit-animation: fadein 2s; 
       -o-animation: fadein 2s; }

       .flickity-prev-next-button {
    top: -10%;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    transform: translateY(-50%);
}
.img-e { width:30%; display:inline-block;  }

}