* {font-family: 'Montserrat', sans-serif;box-sizing:border-box;}
a,a:focus,a:hover,a:visited,a:active {text-decoration: none;}

h3 {font-size: 28px;color: #2c318b;font-weight:  bold;}
h5 {font-weight: normal !important;}
h1 {font-weight: bold;}
.half {width: 50%;vertical-align: top;display: inline-block;}
#header {
  position: fixed;
  top: 0px;
  width: 100%;
  padding: 1em 1em;
  z-index:  100;
  background-color: white;
  box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
}
#header > .container {position: relative;}

#header #logo {
  /* height: 57px; */
  display:  block;
}

#header #logo img{
  height:  100%;
}

#header ul {
  position:absolute;
  right: 0;
  top:50%;
  transform:translateY(-50%);
}

#header ul li{
  display: inline-block;
  list-style:none;
  margin: 0 0.7em;
}

#header ul li a{
  text-decoration:none;
  color:#333;
  font-size: 13px;
  font-weight:  bold;
}

#header ul li a#wsp{
  font-size: 1.5em;
  position:  relative;
  top: 3px;
}

#header ul li a:hover{
  color:#666;
}


#header ul li.tienda a {
  background-color: #2c318b;
  padding: 0.5em 1em;
  color: white;
}
#header ul li.tienda a:hover {
  background-color: #32389f;
}
#header ul li.turno a {
  background-color: #FF5722;
  padding: 0.5em 1em;
  color: white;
}
#header ul li.turno a:hover {
  background-color:#ff5724dd;
}

#top-slider {
  position: relative;
  width: 100%;
  margin: 0px auto;
  height: 500px;
  top: 90px;
}
#top-slider > div {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-size: cover;
  background-position: center;
}
#top-slider #bg-slider {
  height: 100%;
  position: relative;
  z-index: 10;
}
#top-slider a.slider-link {position:absolute;top:0;left:0;width:100%;height:100%;display-block;}
#top-slider > div > div.container {
  height:100%;
}
#top-slider > div > div.container > div {
  position: absolute;
  top: 50%;
  transform:translateY(-50%);
}
#top-slider > div h3 {
  color:white;
  text-shadow: 1px 1px 10px rgba(0,0,0,0.8);
  margin:5px 0;
  font-size: 34px;
  font-weight: bold;
}

#estudios {margin: 10em auto 8em;text-align:  center;}
#estudios > h3,#estudios > h5 {text-align: center;font-weight: bold;}
#estudios .half {text-align:left;}
#estudios .cuarto {cursor:pointer;}
#estudios .cuarto:hover {background-color:#eee;transition:0.2s;}
#estudios .cuarto:hover .img {background-color: #ff5722;}

#estudios > span{
  display: inline-block;
  width: 33%;
  margin: 0.2em 0;
  text-align:  left;
  vertical-align: top;
}
#estudios > span > i {
  color:#2c318b;
}

#equipos {margin-top: 5em;}
#equipos > h3,#equipos > h5{
  text-align: center;
  font-weight: bold;
}
#equipos img {display: block;margin: 0 auto;width: 100%;}

.modal-footer .whatsapp-boton {
  background-image: unset;
  background-color:#1ebea5;
  border:0px;
  color:white;
  text-shadow:unset;
}
.modal-footer .turno{
  background-color: #FF5722;
  padding: 0.5em 1em;
  color: white;
  background-image: unset;
  border: 0px;
}
.modal-footer .turno:hover{
  background-color: #ff3c00;
}
.modal-dialog {margin: 150px auto;}

#prestadores {
  margin: 8em auto 7em;
  text-align:  center;
  max-height: 300px;
  overflow: hidden;
  padding-bottom: 50px;
}
#prestadores.on {
  max-height: 800px;
  transition:0.3s;
}
#prestadores-ver-mas {
  display: block;
  padding: 0.5em 0;
  text-align: center;
  position:  relative;
  top: -60px;
  font-weight:  bold;
  cursor:pointer;
}
#prestadores-ver-mas:hover {text-decoration:none;opacity:0.7;}
#prestadores > h3,#prestadores > h5{
  text-align: center;
  font-weight: bold;
}

#prestadores > span{
  display: inline-block;
  width: 33%;
  margin: 0.2em 0;
  text-align:  left;
  vertical-align: top;
}

i.fas.fa-check {
  color:#2c318b;
}

.separador {
  height: 250px;
  background-size: 40%;
  background-position: center;
  background-attachment: fixed;
  background-repeat: repeat;
}

.separador.grande {
  height: 300px;
  background-size: 100%;
  background-repeat: repeat-x;
}
.slick-prev, .slick-next {top: 44% !important;}
.slick-prev:before, .slick-next:before {color: #2e3d52 !important;font-size: 25px !important;}

#conocenos {
    margin: 6em auto 9em;
    text-align: center;
}
#conocenos h3,#conocenos h5{font-weight: bold;text-align:center;}
#conocenos .miti{
  display: inline-block;
  width: 49%;
  vertical-align: top;
  margin-top: 2em;
}
#conocenos .miti img {
  width: 100%;
  display: block;
}
#conocenos video {
  margin: 30px auto 50px;
  width: 960px;
}

#noticias-home {margin:0 auto 150px;}
#noticias-home h3 {font-weight: bold;text-align:center;margin:10px 0;}
#noticias-home h5{font-weight: bold;text-align:center;margin:10px 0 40px;}
#noticias-home #ver-todas-noticias {/* display:inline-block; */font-weight: bold;font-size: 16px;text-align: center;}

.cuarto {
  width: 22%;
  display: inline-block;
  vertical-align: top;
  margin:0 1%;
  position: relative;
}
.cuarto .img {height: 160px;display: block;margin:0 auto 1em;text-align: center;background-color: #232986;border-radius: 80px;width: 160px;}
.cuarto .img img {max-width: 70%;max-height: 60%;vertical-align:  middle;top: 50%;position:  relative;transform: translateY(-50%);}
.cuarto h5 {font-weight: bold !important;color: #2c318b;text-transform:  uppercase;}

.tercio {
  width: 30%;
  display: inline-block;
  vertical-align: top;
  margin:0 1%;
  position: relative;
}
.tercio img {width: 100%;}

#contacto > h3,#contacto > h5{
  text-align: center;
  font-weight: bold;
}
#contacto #datos-contacto{
  text-align: center;
}

#contacto #escribinos {
  background-image: url("../img/escribinos.jpg");
  background-size:  cover;
  background-position: center;
  padding: 80px 0;
}

#escribinos-form {width: 40%;position:  relative;margin-left:  10%;background-color: rgba(255,255,255,0.9);padding: 30px;text-align:  left;}

#whatsappFloat {
  position:
  fixed;
  bottom:30px;
  right:30px;
  font-size:32px;
  background-color:
  white;
  padding: 10px 20px 10px;
  border-radius:50px;
  color: white;
  cursor: pointer;z-index:1;
}
#whatsappFloat.on {cursor:default;}
#whatsappFloat:before {content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:#0dc153;border-radius:50px;}
#whatsappFloat #whatsappText {
  font-size: 14px;
  line-height: 1.1;
  display: inline-block;
  text-align: right;
  margin-right: 60px;
  font-weight:
  bold;
  z-index: 1;
  position: relative;
}
#whatsappFloat:hover {
  background-color:hsl(143 88% 35% / 1);
}
#whatsappFloat .whatsappFloaticon {
  background-color:#0cb74d;
  position:absolute;
  top:0;
  right:0;
  width: 60px;
  height:100%;
  /* padding:0 25px; */
  text-align:center;
  display: block;
  border-radius: 0 50px 50px 0;
}
#whatsappFloat:hover .whatsappFloaticon {
  background-color:hsl(143 88% 30% / 1);
}
#whatsappFloat .whatsappFloaticon i {
  position:absolute;
  top: 49%;
  left: 50%;
  transform: translate(-50%,-50%);
}
#whatsappFloat #whatsapp-rosario,
#whatsappFloat #whatsapp-baigorria {position:absolute;top: 50%;right: 0;background-color: #0dc153;z-index:-1;padding: 8px 38px 8px 16px;border-radius: 30px;color:white;opacity: 0;text-decoration: none;font-size: 13px;font-weight: 500;transition:0.3s;}
#whatsappFloat #whatsapp-rosario .whatsappFloaticon,
#whatsappFloat #whatsapp-baigorria .whatsappFloaticon {width: 42px;background-color: transparent;}
#whatsappFloat #whatsapp-rosario:hover,
#whatsappFloat #whatsapp-baigorria:hover {background-color:#09903d;}
#whatsappFloat.on #whatsapp-rosario {transform: translateY(-125px);opacity:1;transition:0.3s;}
#whatsappFloat.on #whatsapp-baigorria {transform: translateY(-80px);opacity:1;transition:0.3s;}
#whatsappFloat.on .whatsappFloaticon {background-color:hsl(143 88% 30% / 1);}

#footer {background-color:#ddd;padding: 3em 0;text-align: center;}
#footer > div {}
#footer .tercio {text-align: left;}


#noticias {margin: 120px auto 200px;}
#noticias h2 {margin: 20px auto 30px;font-weight:bold;}
#noticias-home .noticia,
#noticias .noticia {position: relative;background-color: #f5f5f5;padding: 46px 20px 24px 19%;/* border: 1px solid #eee; */display: block;overflow: hidden;text-decoration: none;margin: 0 0 40px;}
#noticias-home .noticia:hover,
#noticias .noticia:hover {background-color: #f0f0f0;}
#noticias-home .noticia .img,
#noticias .noticia .img {position: absolute;top: 0;left: 0;/* width: 20%; */height: 100%;aspect-ratio: 1/1;background-position: center;background-size: cover;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
#noticias-home .noticia h3,
#noticias .noticia h3 {margin:0 0 10px;text-align: left;}
#noticias-home .noticia p,
#noticias .noticia p {font-size:16px;line-height:1.4;height:45px;color: #000;}
.noticia-descripcion {font-size:16px;}
.noticia-img {display:block;margin: 20px auto 30px 0;max-width: 100%;}
.volver {font-weight:bold;color:#111;}

@media only screen and (max-width: 768px) {
  .half {display:block;width:100%;}  
  #estudios > span,#prestadores > span{width: 49%;}

  #menu {
      left: -100vw;
      right: unset !important;
      float: unset !important;
      top: 60px !important;
      text-align: left;
      margin: 0;
      transform: unset !important;
      width: 100vw;
      box-sizing: border-box;
      height: 100vh;
      padding: 20px 20px;
      background-color: white;
      z-index: 10;
      transition: 0.2s;
  }
  #header {padding: 1em 0 !important;}
  #header .container {padding:0 !important;}
  #header #logo {margin-left: 20px;height:  50px;}
  #menu.on {
    left: 0;
    transition: 0.3s;
    /* padding: 80px 20px; */
  }
  ul#menu li {
    display: block;
    padding: 0.8em 0;
    border-bottom: 1px solid #ddd;
  }
  ul#menu li a {
    margin: 0;
  }
  #turno-mobile {background-color:#FF5722;color: white;display: inline-block !IMPORTANT;padding: 0.3em 0.5em;position: absolute;top: 9px;right: 70px;}
  #hamburguesa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    padding: 10px;
    z-index: 20;
    font-size: 27px;
  }
  #top-slider {
    top: 80px;
    height: 250px;
  }
  #top-slider > div h3 {font-size: 20px;}
  #estudios {margin: 8em auto 4em;}
  #equipos {margin-top: 2em;}
  .separador {height:150px;background-attachment: unset;}
  .separador.grande {height: 250px;}

  #conocenos {margin: 3em auto 3em;}
  #conocenos video {width: 90%;}

  #contacto .half iframe {width:100%;}

  #whatsappFloat {right:20px;bottom:20px;}
  .slick-track {/* width: 100vw !important; */}
  .tercio,.cuarto {width:46%;}
  #escribinos-form {
    width:86%;
    margin: 0 auto;
  }
  #footer .tercio {
    display:block;
    width:100%;
    margin-bottom:1em;
    text-align:center;
  }

}