/*************************
*Imagen despues del menú**
**************************/
.imgbann{
  margin-top: 10px;
  margin-bottom: 30px;
}

.centro{
  display:block;
margin:auto;
}

/*************************
*Imagen despues del menú**
**************************/

.margen70{
  margin-top: 1000px;
}

/*************************
*******Imagen zoom********
**************************/

.imgzoom{
-webkit-transition:all .9s ease; /* Safari y Chrome */
-moz-transition:all .9s ease; /* Firefox */
-o-transition:all .9s ease; /* IE 9 */
-ms-transition:all .9s ease; /* Opera */
}
.imgzoom:hover{
-webkit-transform:scale(1.25);
-moz-transform:scale(1.25);
-ms-transform:scale(1.25);
-o-transform:scale(1.25);
transform:scale(1.25);
}


/*************************
*********Galeria**********
**************************/

.btn-primary {
    display: inline-block;
    padding: 6px 13px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.428571429;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    white-space: nowrap;
    background: 0 0;
    color: #292723!important;
    border: 1px dashed #2e3591;
    margin-top: -110px;
    text-transform: uppercase;
  }

  .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
  color: #FFF !important;
  background-color: #2e3591 !important;
  border-color: #2e3591 !important;
  }
.btn:active,
.btn.active {
  background-image: none;
}

.masonry_wrapper {
    overflow:hidden;
    margin:30px 0;
  }
  .masonry_wrapper .item {
    margin: 0 2px 4px;
    padding:0;
  }
  .masonry_wrapper .item img {
    height: auto !important;
    height: 100% !important;
    width: 100%;
    position: relative;
    z-index: -2;
}
  .hovereffect .icon {
    font-size: 31px;
    font-weight: 300;
    height: 75px;
    left: 0;
    line-height: 75px;
    margin: -35px auto 0;
    position: absolute;
    right: 0;
    top:38%;
    text-align: center;
    width: 75px;
    }
    
  .hovereffect h4 {
    text-align:center;
    font-size:20px;
    padding:10px 30px;
    text-transform:uppercase;
    width:auto;
    margin-bottom:0;
    display:block;
    font-weight:700;
    }
    
  .hovereffect h5 {
    text-align:center;
    font-size:12px;
    padding:10px 30px;
    text-transform:uppercase;
    width:auto;
    color:#fff;
    margin-bottom:0;
    display:block;
    font-weight:700;
    }
    
  .hovereffect h4,
  .hovereffect .icon {
    color:#fff;
  }
  .hovereffect .buttons {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    height:auto;
    bottom: 29%;
    margin-top: -20px;
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    -o-transform: scale(0.2);
    transform: scale(0.2);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
  }
    .hovereffect:hover .buttons {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    }
    .entry:hover .hovereffect { 
    opacity: 1;
    visibility: visible;
    }
    .entry {
    display:block;
    position:relative;  
  }
  .hovereffect {
    background-color:rgba(0,0,0,0.6);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    opacity:0;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    }
/*************************
*********Galeria**********
**************************/

/*************************
****Boton de admisiones***
**************************/
.btnadm{
  position: fixed;
  top:450px;
  z-index: 999;
  margin-left: -102px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.btnfor{
  position: fixed;
  top:450px;
  z-index: 999;
  margin-left: -149px;
  text-align: center;
  -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

#admbtn a{
  background:#ec2027;
  padding: 10px 50px;
  color:#fff;
  font-size: 20px;
  text-decoration: none;
  transition: all .4s ease;

}

#admbtn a:hover{
  background:#14a750;
  padding: 20px 50px;
}

#forbtn a{
  background:#ec2027;
  padding: 10px 50px;
  color:#fff;
  font-size: 20px;
  text-decoration: none;
  transition: all .4s ease;

}

#forbtn a:hover{
  background:#14a750;
  padding: 20px 50px;
}
/*************************
****Boton de admisiones***
**************************/

/*************************
***Calendario Responsive**
**************************/

.responsiveCal { 
position: relative; 
padding-bottom: 75%; 
height: 0; 
overflow: hidden;
}
 
.responsiveCal iframe {
position: absolute; 
width: 100%; 
}

/*************************
***Calendario Responsive**
**************************/

/*************************
********Contacto**********
**************************/
.contact_right img {
  margin-right:5px;
}

.contact_right form {
  padding-left:15px;
  padding-right:15px
}

.txt_orange {
    color: #2e3591;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

.txt_darkgrey {
    color: #2e3591;
    font-weight: 700;
    padding: 0 0 15px 0;
    margin: 0 0 30px 0;
    font-family: 'Raleway', sans-serif;
}

.arriba{
  margin-top: 30px;
}

#templatemo-contact {
  font-size:20px;
}
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.templatemo-line-header {
    margin-top:50px;
    margin-bottom:80px;
}

.templatemo-line-header span {
    font-size: 25px; 
    float :left; 
    margin-top: 10px;
}

.head_contact {
    padding-bottom:80px; 
    margin-bottom:0;
}

.team_hr {
    border: 1px solid #fff; 
    width: 39.5%; 
    float: left;
}

.team_hr_left {
    margin-right: 30px;
    margin-left: 15px; 
}

.team_hr_right {
    margin-left: 30px;
}

.hr_gray {
    border: 1px solid #2e3591; 
}

@media (min-width:991px) and (max-width: 1200px) {
   .team_hr {
    width: 37%; 
  }
}

@media (min-width:683px) and ( max-width: 991px) {
   .team_hr {
    width: 33%;
  }
}

@media (min-width:585px) and ( max-width: 683px) {
        .member-thumb .thumb-overlay {
            padding-left: 25%;

        }
   .team_hr {
    width: 30%;
  }
}

@media (min-width:536px) and ( max-width: 585px) {
   .team_hr {
    width: 28%;
  }
}

@media  (min-width:410px) and  ( max-width: 536px) {
   .team_hr {
    width: 21%;
  }
}

@media  ( max-width: 410px) {
   .team_hr {
    width: 11%;
  }
}

/*************************
********Contacto**********
**************************/

/*************************
*****Tabs verticales******
**************************/

.tabs1 {
  position:relative;
  margin-top:30px;
  margin-left: 30px;
  margin-bottom: 20px;
  width:95%;
  height:600px;
  padding:30px 20px;
  background:#fff;
  box-shadow:5px 5px 10px 5px #ccc;
  overflow:hidden;
}
.tabs1 .tab-header {
  float:left;
  width:180px;
  height:100%;
  border-right:1px solid #ccc;
  padding:20px 0px;
}
.tabs1 .tab-header > div {
  height:50px;
  line-height:50px;
  font-size:16px;
  font-weight:600;
  color:#888;
  cursor:pointer;
  padding-left:10px;
}

.tabs1 .tab-header > div.active {
  color:#2e3591;
}
.tabs1 .tab-header div i {
  display:inline-block;
  margin-left:10px;
  margin-right:5px;
}
.tabs1 .tab-content {
  position:relative;
  height:100%;
  overflow:hidden;
}
.tabs1 .tab-content > div > i {
  display:inline-block;
  width:50px;
  height:50px;
  background:#555;
  color:#f5f5f5;
  font-size:25px;
  font-weight:600;
  text-align:center;
  line-height:50px;
  border-radius:50%;
}
.tabs1 .tab-content > div {
  position:absolute;
  text-align:center;
  padding:20px 20px;
  top:-200%;
  transition:all 500ms ease-in-out;
}
.tabs1 .tab-content > div.active {
  top:0px;
}

.tabs1 .tab-indicator {
  position:absolute;
  width:4px;
  height:50px;
  background:#2e3591;
  left:198px;
  top:80px;
  margin-top: -35px;
  transition:all 500ms ease-in-out;
}