@import url('https://fonts.googleapis.com/css?family=Poppins:400,500,700');

html, body {
  height: 100%;
  width: 100%;
  font-family: 'Rubik';
  color: #222;
}
.dropdown-toggle::after {
    display:none;
}
.navbar-collapse .navbar-nav > li > .dropdown-menu > a:hover, .navbar-collapse .navbar-nav > li > .dropdown-menu > a:focus {
    background-color: #e9ecef;
}
.pageCenter {
  width: 940px;
  margin: 0 auto;
  overflow: hidden;
}
.navbar {
  padding: 0.1rem;
}

.img-responsive{
  height: 100%; 
  width: 100%;
}

.jumbotron{
  padding: 0;
   padding-bottom: 0;
   padding-top: 0;
  height: 1%;
}

#slides .carousel-item{
	height: 400px;
}

.carousel-control-prev-icon {
    color: black;
}

.carousel-control-next-icon {
     color: black;
}

.menuSecundario li a{
  color: #018B3C;
}

.obrasSocialesTitle{
  color: #018B3C;
  font-size: 26px;
  line-height: 26px;
  font-weight: normal;
  text-align: center;
  margin: 0 0 25px;
}

.obrasSocialesTexto{
  color: #808080;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400; 
  text-align: center;
  margin: 0;
}

.card-img-top{
  width: 25%;
  height: 25%; 
}

.carousel-inner img {
  width: 100%;
  height: 100%;
}

.padding{
  padding-bottom: 2rem;
}
.welcome {
  width: 75%;
  margin: 0 auto;
  padding-top: 2rem;
}

.fa-code {
  color: #e54d26;
}


.social a {
  font-size: 4.5em;
  padding: 3rem;
}

.svg-inline--fa.fa-w-14 {
    width: .700em;
}

.svg-inline--fa.fa-w-16 {
    width: 0.700em;
}

.fa-facebook {
  color:#ffffff;
  width: 25%;
  height: 25%;
}

.fa-twitter{
  color: #ffffff;
  width: 50%;
  height: 50%;
}

.fa-whatsapp{
  color: #ffffff;
  width: 50%;
  height: 50%;
}

.fa-app-store{
  color:#ffffff;
  width: 50%;
  height: 50%;
}

.fa-google-play {
  width: 50%;
  height: 50%;
}

.fa-instagram {
  color: #ffffff;
  width: 50%;
  height: 50%;
}

.fa-youtube{
  color: #ffffff;  
}

.fa-facebook:hover,
.fa-app-store:hover,
.fa-google-play:hover,
.fa-instagram:hover,
.fa-whatsapp:hover {
    color:#d5d5d5;
}

#text-facebook {
	display: none;
}

/* SIDEBAR */
aside {
  width: 180px;
  float: right;
}
/* box estacionamiento */
#boxEstacionamiento {
  height: 220px;
  margin: 0 0 20px;
  color: #FFF;
  background-color: #0071BB;
  display: block;
  position: relative;
}
#boxEstacionamiento .titulo {
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  padding: 20px 20px 0;
  margin: 0 0 18px;
  display: block;
}
#boxEstacionamiento .texto {
  height: 65px;
  width: 175px;
  padding: 5px 0 0 85px;
  margin: 0 10px;
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  background-image: url(../images/iconoEstacionamiento.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  display: block;
}
#boxEstacionamiento .btn, #boxResultados .btn {
  width: 100%;
  padding: 9px 0;
  display: block;
  text-align: center;
  position: absolute;
  bottom: 0;
}
#boxEstacionamiento .btn {
  background-color: #0051A2;
}
#boxEstacionamiento .btn span, #boxResultados .btn span {
  height: 22px;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  background-image: url(../images/arrow22x22.png);
  background-position: right 1px;
  background-repeat: no-repeat;
  padding: 0 32px 0 0;
}
/* box domicilio */
#boxADomicilio {
  height: 220px;
  margin: 0 0 20px;
  color: #FFF;
  background-color: #349D2E;
  display: block;
  position: relative;
}
#boxADomicilio .titulo {
   font-size: 15px;
  line-height: 26px;
  font-weight: normal;
  padding: 20px 0 0;
  margin: 0 20px 15px;
  display: block;
}
#boxADomicilio .texto {
  margin: 0 22px;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
  display: block;
}
#boxADomicilio .texto strong {
  font-weight: 700;
}
#boxADomicilio .btn {
  width: 180px;
  padding: 20px 44px 20px 20px;
  font-size: 15px;
  line-height: 20px;
  font-weight: 15px;
  background-color: #018B3C;
  background-image: url(../images/iconoMapa24x32.png);
  background-position: 140px 12px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  bottom: 0;
}
/* box resultados */
#boxAResultados {
  height: 220px;
  margin: 0 0 20px;
  color: #FFF;
  background-color: #349D2E;
  display: block;
  position: relative;
}
#boxAResultados .titulo {
   font-size: 18px;
  line-height: 26px;
  font-weight: normal;
  padding: 20px 0 0;
  margin: 0 20px 15px;
  display: block;
}
#boxAResultados .texto {
  margin: 0 20px;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
  display: block;
}
#boxAResultados .texto strong {
  font-weight: 700;
}
#boxAResultados .btn {
  width: 180px;
  padding: 20px 44px 20px 20px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 15px;
  background-color: #018B3C;
  background-position: 176px 22px;
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  bottom: 0;
}
/* box consejos para sus estudios */
#boxGuiaPractica {
  height: 220px;
  background-color: #D2D2D2;
  margin: 0 0 20px;
  display: block;
}
#boxGuiaPractica img {
  display: block;
  margin: 0 0 20px;
}
#boxGuiaPractica .titulo {
  color: #018B3C;
  font-size: 15px;
  line-height: 20px;
  font-weight: 600;
  padding: 0 20px;
  display: block;
}
#boxGuiaPractica .texto {
  color: #666;
  font-size: 10px;
  line-height: 20px;
  font-weight: 400px;
  display: block;
  padding: 0 20px;
}
/* box preguntas frecuentes */
#boxPreguntasFrecuentes {
  height: 180px;
  width: 180px;
  padding: 20px;
  background-color: #FFF;
}
#boxPreguntasFrecuentes .titulo {
  color: #018B3C;
  font-size: 20px;
  line-height: 28px;
  font-weight: normal;
  margin: 0 0 15px;
  display: block;
}
#boxPreguntasFrecuentes .texto {
  color: #666;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0 0 15px;
  display: block;
}

/* MIS RESULTADOS SECTION*/
#misResultadosSection .container {
  position: relative;
  width: 100%;
}

#misResultadosSection .container img {
  width: 100%;
  height: auto;
}

#misResultadosSection .container .btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  color: white;
  font-size: 16px;
  padding: 12px 24px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

/*********************************** FOOTER **************************************/
#footer{
	background-color: #018B3C;
}

#footer ul.social li{
	padding: 3px 0;
}
#footer ul.social li a i {
    margin-right: 5px;
	font-size:25px;
	-webkit-transition: .5s all ease;
	-moz-transition: .5s all ease;
	transition: .5s all ease;
}
#footer ul.social li:hover a i {
	font-size:30px;
	margin-top:-10px;
}
#footer ul.social li a,
#footer ul.quick-links li a{
	color:#ffffff;
}
#footer ul.social li a:hover{
	color:#eeeeee;
}
#boxComentarios, #boxComentarios:visited {
  color: #FFF;
  width: 160px;
  height: 180px;
  padding: 20px 30px;
  background-color: #50B748;
  display: block;
}
#boxComentarios:hover {
  background-color: #349D2E;
}
#boxComentarios .titulo {
  font-family: 'helvLight';
  font-size: 26px;
  line-height: 28px;
  font-weight: normal;
  margin: 0 0 15px;
  display: block;
}
#boxComentarios .texto {
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 19px;
  font-weight: 400;
}
#boxComentarios .texto strong {
  font-weight: 600;
}

#sedes {
  width: 960px;
}
.sede {
  width: 300px;
  color: #FFF;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  float: left;
  margin: 0 20px 0 0;
}
.sede img {
  vertical-align: text-top;
}
.sede h6 {
  color: #FFF;
  font-size: 22px;
  line-height: 22px;
  font-weight: normal;
  padding: 10px 15px;
  margin: 0 0 20px;
  background-color: #50B748;
}
.sede .direccion {
  font-size: 18px;
  line-height: 22px;
}
.sede strong {
  font-weight: 600;
}
.sede span {
  color: #50B748;
  font-weight: 600;
}
.sede a, .sede a:visited {
  color: #FFF;
  padding: 2px 0 0 25px;
  background-image: url(../images/iconoMapa.png);
  background-position: 0 0;
  background-repeat: no-repeat;
}
.sede a:hover {
  color: #50B748;
}
.btn-sedes{
	padding: 0;
	border: none;
	background: none;
}
#copyright {
  color: #FFF;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  height: 50px;
  margin: 30px 0 0;
  padding: 20px 0 0;
  border-top: solid 1px #34a263;
  display: block;
  clear: both;
}
#copyright img {
  margin: 0 20px 0 0;
  vertical-align: middle;
}
#copyright a, #copyright a:visited {
  color: #FFF;
}
#copyright a:hover {
  text-decoration: underline;
}
.btnVQ {
  width: 125px;
  color: #4eae77;
  font-size: 11px;
  margin: 15px 0 0;
  float: right;
}
.btnVQ a, .btnVQ a:visited {
  width: 80px;
  height: 0;
  padding: 20px 0 0;
  margin: 0 0 0 5px;
  background-image: url(../images/logoVQ.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  float: right;
  overflow: hidden;
}
.btnVQ a:hover {
  background-position: 0 -20px;
}
/* Google Calendar */

.st-bg { background:black; }
.st-bg-today { background:yellow; border-left:1px solid yellow; border-right:1px solid yellow; }
.st-dtitle { background:white; }

#wrap {
   width:800px;
   margin:0 auto;
}
#left_col {
   float:left;
   width:500px;
}
#right_col {
   float:right;
   width:300px;
}

/***************************SEDES FOOTER*******************************/

#footer-sedes .box { background-color: #fff; border-radius: 8px; border: 2px solid #e9ebef; padding: 50px; margin-bottom: 40px; }
#footer-sedes .box-title { margin-bottom: 30px; text-transform: uppercase; font-size: 16px; font-weight: 700; color: #094bde; letter-spacing: 2px; }
#footer-sedes .plan-selection { border-bottom: 2px solid #e9ebef; padding-bottom: 25px; margin-bottom: 35px; }
#footer-sedes .plan-selection:last-child { border-bottom: 0px; margin-bottom: 0px; padding-bottom: 0px; }
#footer-sedes .plan-data { position: relative; }
#footer-sedes .plan-data label { font-size: 20px; margin-bottom: 15px; font-weight: 400; }
#footer-sedes .plan-text { padding-left: 35px; }
#footer-sedes .plan-price { position: absolute; right: 0px; color: #094bde; font-size: 20px; font-weight: 700; letter-spacing: -1px; line-height: 1.5; bottom: 43px; }
#footer-sedes .term-price { bottom: 18px; }
#footer-sedes .secure-price { bottom: 68px; }
#footer-sedes .summary-block { border-bottom: 2px solid #d7d9de; }
#footer-sedes .summary-block:last-child { border-bottom: 0px; }
#footer-sedes .summary-content { padding: 28px 0px; }
#footer-sedes .summary-price { color: #094bde; font-size: 20px; font-weight: 400; letter-spacing: -1px; margin-bottom: 0px; display: inline-block; float: right; }
#footer-sedes .summary-small-text { font-weight: 700; font-size: 12px; color: #8f929a; }
#footer-sedes .summary-text { margin-bottom: -10px; }
#footer-sedes .summary-title { font-weight: 700; font-size: 14px; color: #1c1e22; }
#footer-sedes .summary-head { display: inline-block; width: 120px; }

#footer-sedes .widget { margin-bottom: 30px; background-color: #e9ebef; padding: 30px; border-radius: 6px; }
#footer-sedes .widget:last-child { border-bottom: 0px; }
#footer-sedes .widget-title { color: #094bde; font-size: 16px; font-weight: 700; text-transform: uppercase; margin-bottom: 25px; letter-spacing: 1px; display: table; line-height: 1; }

#footer-sedes .btn { font-family: 'Noto Sans', sans-serif; font-size: 16px; text-transform: capitalize; font-weight: 700; padding: 12px 36px; border-radius: 4px; line-height: 2; letter-spacing: 0px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; word-wrap: break-word; white-space: normal !important; }
#footer-sedes .btn-default { background-color: #0943c6; color: #fff; border: 1px solid #0943c6; }
#footer-sedes .btn-default:hover { background-color: #063bb3; color: #fff; border: 1px solid #063bb3; }
#footer-sedes .btn-default.focus, .btn-default:focus { background-color: #063bb3; color: #fff; border: 1px solid #063bb3; }

/***************************FIN SEDES FOOTER*******************************/


/*---Media Queries --*/


@media (max-width: 992px) {

  }
@media (min-width: 768px) {
  /* show 3 items */
  .espcarousel .carousel-inner .active,
  .espcarousel .carousel-inner .active + .carousel-item,
  .espcarousel .carousel-inner .active + .carousel-item + .carousel-item {
    display: block;
  }

  .espcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
  .espcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item,
  .espcarousel .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
    transition: none;
  }

  .espcarousel .carousel-inner .carousel-item-next,
  .espcarousel .carousel-inner .carousel-item-prev {
    position: relative;
    transform: translate3d(0, 0, 0);
  }

  .espcarousel .carousel-inner .active.carousel-item + .carousel-item + .carousel-item + .carousel-item {
    position: absolute;
    top: 0;
    right: -33.3333%;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* left or forward direction */
  .espcarousel .active.carousel-item-left + .carousel-item-next.carousel-item-left,
  .espcarousel .carousel-item-next.carousel-item-left + .carousel-item,
  .espcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item,
  .espcarousel .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }

  /* farthest right hidden item must be abso position for animations */
  .espcarousel .carousel-inner .carousel-item-prev.carousel-item-right {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: block;
    visibility: visible;
  }

  /* right or prev direction */
  .espcarousel .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
  .espcarousel .carousel-item-prev.carousel-item-right + .carousel-item,
  .espcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item,
  .espcarousel .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
    position: relative;
    transform: translate3d(100%, 0, 0);
    visibility: visible;
    display: block;
    visibility: visible;
  }
}


@media (max-width: 576px) {
  
}



/*---Firefox Bug Fix --*/
.selector-item {
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
}
/*--- Fixed Background Image --*/
figure {
  position: relative;
  width: 100%;
  height: 60%;
  margin: 0!important;
}
.fixed-wrap {
  clip: rect(0, auto, auto, 0);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#fixed {
  background-image: url('../img/mac.png');
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  will-change: transform;
}
/*--- Bootstrap Padding Fix --*/
[class*="col-"] {
    padding: 1rem;
}





/*
Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }
*/