@font-face {
     font-family: 'icomoon';
     src:url('../fonts/icomoon/icomoon_7b443dd.eot');
     src:url('../fonts/icomoon/icomoon_162a16fe.eot#iefixgr0n8n') format('embedded-opentype'), url('../fonts/icomoon/icomoon_7b443dd.woff') format('woff'), url('../fonts/icomoon/icomoon_7b443dd.ttf') format('truetype'), url('../fonts/icomoon/icomoon_7b443dd.svg#icomoon') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: Raleway-Black;
     src: url(../fonts/Raleway-Black.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Bold;
     src: url(../fonts/Raleway-Bold.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-ExtraBold;
     src: url(../fonts/Raleway-ExtraBold.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-ExtraLight;
     src: url(../fonts/Raleway-ExtraLight.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Light;
     src: url(../fonts/Raleway-Light.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Medium;
     src: url(../fonts/Raleway-Medium.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Regular;
     src: url(../fonts/Raleway-Regular.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-SemiBold;
     src: url(../fonts/Raleway-SemiBold.ttf) format('opentype') 
}
 @font-face {
     font-family: Raleway-Thin;
     src: url(../fonts/Raleway-Thin.ttf) format('opentype') 
}
 html, body{
     margin:0;
     background: #fff;
     font-family: "Raleway-Regular", sans-serif;
     width: 100%;
     height: auto;
     margin: 0 auto;
     margin-bottom:-28px;
     padding: 0px;
     overflow-x: hidden;
}
 h4, h5, h6, h1, h2, h3 {
     margin: 0;
     font-family: "Raleway-Regular", sans-serif;
}
 p{
     margin:0;
}
 ul,label{
     margin:0;
     padding:0;
}
 input[type="button"],input[type="submit"]{
     transition:0.5s all;
     -webkit-transition:0.5s all;
     -moz-transition:0.5s all;
     -o-transition:0.5s all;
     -ms-transition:0.5s all;
     border:none;
}
 body a{
     transition: 0.5s all;
     -webkit-transition: 0.5s all;
     -o-transition: 0.5s all;
     -moz-transition: 0.5s all;
     -ms-transition: 0.5s all;
     text-decoration:none;
}
 body a:hover{
     text-decoration:none;
}
 [data-sr] {
     visibility: hidden;
}
 .cd-top.cd-is-visible {
     visibility: visible;
     opacity: 1;
}
 .cd-top {
     display: inline-block;
     height: 40px;
     width: 40px;
     position: fixed;
     bottom: 40px;
     right: 10px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
     overflow: hidden;
     text-indent: 100%;
     white-space: nowrap;
     background: #ef7a5b url(../images/cd-top-arrow.svg) no-repeat center 50%;
     visibility: hidden;
     z-index: 99999;
     opacity: 0;
     -webkit-transition: opacity .3s 0s, visibility 0s .3s;
     -moz-transition: opacity .3s 0s, visibility 0s .3s;
     transition: opacity .3s 0s, visibility 0s .3s;
}
/*-- banner --*/
 .container {
     width: 85%;
     margin:0 auto;
     text-align: center;
}
 .header{
     position: fixed;
     z-index: 9;
     width: 100%;
     background-color: #fff;
     -webkit-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.49);
     -moz-box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.49);
     box-shadow: 0px 2px 3px rgba(100, 100, 100, 0.49);
     font-size:.9em;
}
/*-- nav --*/
 .navbar-default {
     background: none;
     border: none;
}
 .navbar {
     margin-bottom: 0;
}
 .w3_navigation {
     border-top: 1px solid #999;
     position:relative;
}
 .navbar-nav {
     display: block;
}
 .navbar-collapse {
     padding: 0;
}

 .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
     color:#fff;
     background: #ef7a5b;
}
 .navbar-default .navbar-nav > li > a {
     color: #b0b1b1;
     font-family:"Raleway-Bold", sans-serif;
}
 .navbar-nav > li > a {
     margin: 0em 1em;
     padding: 1em;
     line-height: 1em;
     text-transform: uppercase;
}
 .navbar-nav > li:nth-child(3) a {
     margin-right: 38vw !important;
}
 .navbar-default .navbar-nav > li:last-child > a {
     margin-right: 0;
}
 .w3_navigation_pos {
     position: absolute;
     top: 9px;
     left: 45vw;
     z-index: 1;
     min-width:20%;
     text-align: left;
    float:left;
     
}
 .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
     color: #fff;
    background: #ef7a5b;
}
 .w3_navigation_pos h1 a {
     font-size: 1em;
     color: #fff;
     text-decoration: none;
     display: block;
     line-height: 0.9em;
     text-transform: capitalize;
}
 .w3_navigation_pos h1 {
     font-size: 3em;
     letter-spacing: 2px;
}

navbar-left{
    width:40%;
    text-align: left;
    float:left;
}
navbar-right{
    width:40%;
    text-align: right;
    float:right;
}
 .navbar-default .navbar-nav > li > a:hover{
     color:#fff;
}
 .w3_navigation_pos h1 a span {
     display: inline-block;
     color:#d7600d;
     width: 20px;
     height: 45px;
     background-color: yellow;
    /* Rotate div */
     -ms-transform: rotate(15deg);
    /* IE 9 */
     -webkit-transform: rotate(15deg);
    /* Chrome, Safari, Opera */
     transform: rotate(15deg);
}
 .w3_navigation_pos h1 a i {
     font-style: normal;
     display: inline-block;
}
 nav.navbar.navbar-default {
     padding:4em 0 .5em 0;
}
 .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
     color: #fff;
     background-color: transparent;
}
 .w3layouts_banner_info{
     text-align: center;
     width: 80%;
     margin: 15em auto 0;
}
 .w3layouts_banner_info h2{
     font-size:3em;
     color:#fff;
     text-transform:capitalize;
     background:rgba(0, 208, 245, 0.65);
}
 .w3layouts_banner_info p {
     text-transform: uppercase;
     color: #212121;
     letter-spacing: 7px;
     font-weight: bold;
     margin-bottom: 1em;
}
 .link-effect-2 a {
     overflow: hidden;
     padding: 20px;
     color: #797878;
     font-weight: 400;
}
 .link-effect-2 a span {
     position: relative;
     display: inline-block;
     -moz-transition: 0.3s;
     -o-transition: 0.3s;
     -webkit-transition: 0.3s;
     transition: 0.3s;
}
 .link-effect-2 a span::before {
     color: #d7600d;
     position: absolute;
     top: 100%;
     content: attr(data-hover);
     font-weight: 600;
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
}
 .link-effect-2 a:hover span {
     -moz-transform: translateY(-100%);
     -ms-transform: translateY(-100%);
     -webkit-transform: translateY(-100%);
     transform: translateY(-100%);
}
 .w3-banner-links {
     text-align: center;
}
 .w3-banner-links li {
     display: inline-block;
     margin: 1em 0;
     padding: 0 11em 0 5em;
     color: #eee;
     font-size: 1.2em;
}
 .w3-banner-links a {
     text-decoration: none;
     background-color: #00ccc0;
     border: none;
     color: white;
     padding: 15px 32px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
     margin: 4px 2px;
     cursor: pointer;
}
 .w3-banner-links li i.fa.fa-mobile {
     font-size: 1.5em;
     margin-right: 0.2em;
}
 .w3-footer-icons li{
     list-style:none;
}
 .w3-footer-icons li i {
     font-size: 1.2em;
}
/*-- //banner --*/
/*--//header--*/

/*--promo--*/
.banner{
     padding-left:0;
     position: relative;
     min-height:450px;
     z-index: 8;
     background: url(../images/banner.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
.banner_left{
    float:right;
    width:50%;
}
.banner_left h3{
    color:#5e5f5f;
    text-align: left;
    margin: auto;
    padding:10vh .5vh .5vh .5vh;
    font-size: 3em;
    width:95%;
    font-family: "Raleway-Bold", sans-serif;  
}

.banner_left p{
    color:#5e5f5f;
    text-align: justify;
    margin: auto;
    padding:1.5em 1.5em 0 1.5em;
    font-size: 1em;
    width:95%;
    font-family: "Raleway-Regular", sans-serif;  
}
    

 select.classic2 {
  background-image:
    linear-gradient(45deg, transparent 50%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 50%),
    linear-gradient(to right, #ef7a5b, #ef7a5b);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
     padding: 0.5em 3.5em 0.5em 1em;
               margin: 10% 10% auto;
               width:80%;
}

select {

  /* styling */
  background-color: #fff;
  border: none;
  border-radius: 0;
  display: inline-block;
  font: inherit;
  line-height: 1.5em;
  padding: 0.5em 3.5em 0.5em 1em;
               margin: 20% 10% auto;
               width:80%;

  /* reset */

       
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, #fff 50%),
    linear-gradient(135deg, #fff 50%, transparent 50%),
    linear-gradient(to right, #ef7a5b, #ef7a5b);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}
       
.promo{
    background-color:#FFFFFF;
    position: relative;
    float:none;
    z-index:1;
    
}

.promo h1{
    color:#000;
    text-align: center;
    margin: auto;
    padding:5px 0px 40px 0px;
    font-family: "Raleway-Bold", sans-serif;   
}

.promo h4{
    color:#05a1e0;
    text-align: center;
    margin: auto;
    padding:40px 0px 5px 0px;
    font-family: Raleway-Regular;  
}

.promoa1{
    width:50%;
    float:left;
    overflow: hidden;
}

.promoa1 img{
    max-width: 100%;
    transition: all .2s ease-in-out;
    
}

.promoa1 img:hover {
    transform: scale(1.1);   
}
.promoa2{
    width:50%;
    float:left;
    
}

.promoa2 h4{
     max-width: 80%;
    color:#ef7a5b;
    text-align: left;
    margin: 2em 2em 1em 2em;
    padding:.5em 1em 1em .5em;
    font-family: "Raleway-Bold", sans-serif;   
}
.promoa2 span{
    color:#ef7a5b;
    text-align: left;
    font-family: "Raleway-Light", sans-serif;    
}

.promoa2 p{
    max-width: 80%;
    color:#5e5f5f;
    text-align: justify;
    margin: 1em 2em 1em 3em;
    font-family: "Raleway-Light", sans-serif;    
}

.promob1{
    width:50%;
    float:right;
    overflow: hidden;
}

.promob1 img{
    max-width: 100%;
    transition: all .2s ease-in-out;
}
.promob1 img:hover {
    transform: scale(1.1);   
}
.promob2{
    width:50%;
    float:right;
}

.promob2 h4{
    max-width: 80%;
    color:#ef7a5b;
    text-align: left;
    margin: 2em 2em 1em 2em;
    padding:.5em 1em 1em .5em;
    font-family: "Raleway-Bold", sans-serif;    
}
.promob2 span{
    color:#ef7a5b;
    text-align: left;
    font-family: "Raleway-Light", sans-serif;    
}

.promob2 p{
    max-width: 80%;
    color:#5e5f5f;
    text-align: justify;
    margin: 1em 2em 1em 3em;
    font-family: "Raleway-Light", sans-serif;    
}
/*--//promo--*/
/*-- footer --*/
input[type="text"]::-webkit-input-placeholder {
  color: #fff;
}
textarea::-webkit-input-placeholder {
  color: #fff;
}
input[type="text"]:focus{
 border-color: rgba(255, 113, 117, 0.8);
  box-shadow: none;
  outline: 0 none;
}
textarea:focus{
 border-color: rgba(255, 113, 117, 0.8);
  box-shadow: none;
  outline: 0 none;
}
.footer{
    background-color: #939494;
    padding:4em;
    margin:0 auto;
}

.footer_a{
    width:30%;
    float:left;
   padding: 1em;
}
.footer_b{
    width:40%;
    float:left;
   padding: 1em;
    text-align: center;
    margin:0 auto;
}

.footer input{
    width:100%;
    padding:1em;
    background:transparent;
    border: solid 1px #fff;
    color:#fff;
    margin:1em .5em .5em 1em;
    
}
.footer textarea{
    width:100%;
    padding:1em;
    background:transparent;
    border: solid 1px #fff;
    color:#fff;
    margin:1em .5em .5em 1em;
    
}

.footer h3{
  color:#fff;
    text-transform: uppercase;
    max-width: 100%;
    padding:1.5em;
    text-align: center;
    font-family: "Raleway-Bold", sans-serif;
    font-size: 2.5em;
    width:60%;
}

.footer h4{
  color:#fff;
    text-transform: uppercase;
    max-width: 100%;
    padding:2em 1.5em;
    text-align: center;
    font-family: "Raleway-Bold", sans-serif;
    font-size: 1.5em;
}

.footer ul{
 list-style: none;
    font-family: "Raleway-Light", sans-serif;
    font-size: .9em;
    text-align: center;
}

.footer ul li{
    color:#fff;
    padding:.25em;
}

.footer ul li a{
    color:#fff;
    cursor: pointer;    
}

.footer ul li a span{
    color:#7f92a8;
    cursor: pointer;  
    margin-right: 1em;

}

.footer ul li a:hover{
    color:#9dc11e;
     
}

.logo_footer{
    width:25%;
    text-align: center;
    float:left;
}

.logo_footer img{
    max-width:100%;
    margin-bottom:2em;
}

.redes_footer{
    width:25%;
    text-align: center;
    float:left;
}
.contacto_footer{
    width:25%;
    text-align: center;
    float:left;
}
.admision_footer{
    width:25%;
    text-align: center;
     float:left;
}

/*-- footer --*/


/*-- acerca de --*/
 .portada img{
     display: block;
     width: 100vw;
     height: 50vh;
     object-fit: cover;
}
 .cover_conoce{
     padding-left:0;
     position: relative;
     min-height:600px;
     z-index: 9998;
     background: url(../images/cover_conoce.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .gray{
     background-color: #f0f0f0;
     width:100%;
     height:auto;
     padding:2em;
     margin:0 auto;
     text-align: center;
}
 .white{
     background-color: #fff;
}
 .white_dir{
     background-color: #fff;
     padding:1em 5% 3em 5%;
     margin: 1.5% 1.5%;
     width:30%;
     float:left;
}
 .white_dir h4{
     color:#757c83;
     font-family:"Raleway-Bold", sans-serif;
     font-size: 1.2em;
     text-align: center;
     margin-top: 1em;
}
 .white_dir p{
     color:#757c83;
     font-family:"Raleway-Light", sans-serif;
     text-align: center;
}
 .white_dir ul{
     list-style: none;
     margin-top:1.5em;
}
 .white_dir ul li span{
     display: inline-block;
     color: #009ca5;
     margin-right: 1em;
}
 .white_dir ul li p{
     display: inline-block;
     color: #757c83;
     margin-left: 1em;
     padding-bottom:.5em;
}
 .white88{
     background-color: #fff;
     margin: 2em 0 2em 0;
}
 .white88 ul li span{
     display: inline-block;
     color: #009ca5;
     margin-right: 1em;
}
 .white88 ul li{
     color: #757c83;
     padding:1em;
     min-height: 5em;
     font-family:"Raleway-Light", sans-serif;
}
 .white88 ul li:nth-child(even) {
     background-color: #f7f6f6;
}
 .white ul{
     color: #757c83;
     width:100%;
     list-style: none;
}
 .white p{
     color:#757c83;
     font-size: 1em;
     padding:1em;
     text-align: justify;
     font-family:"Raleway-Light", sans-serif;
}
 .white50{
     max-width: 50%;
     background-color: #fff;
     padding:1em 5% 3em 5%;
     min-height: 550px;
     vertical-align: middle;
     float:left;
}
 .white502{
     max-width: 50%;
     background-color: #fff;
     padding:1em 5% 3em 5%;
     min-height: 550px;
     vertical-align: middle;
     float:right;
}
 .white2{
     background-color: #fff;
     margin-top: 4em;
}
 .white50 p{
     color:#757c83;
     font-size: 1em;
     padding:1em;
     text-align: justify;
     font-family:"Raleway-Light", sans-serif;
}
 .white502 p{
     color:#757c83;
     font-size: 1em;
     padding:1em;
     text-align: justify;
     font-family:"Raleway-Light", sans-serif;
}
 .acerca{
     width: 50%;
     float:right;
     display: inline-block;
     vertical-align: middle;
     min-height:550px;
     z-index: 9998;
     background: url(../images/acerca.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .acerca2{
     width: 50%;
     float:left;
     display: inline-block;
     vertical-align: middle;
     min-height:550px;
     z-index: 9998;
     background: url(../images/vision.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .filosofia{
     margin-top:4em;
     width: 100%;
     display: inline-block;
     vertical-align: middle;
     min-height:450px;
     z-index: 9998;
     background: url(../images/filosofia.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .filosofia h3{
     color:#fff;
     font-size: 2.5em;
     font-family:"Raleway-Bold", sans-serif;
     text-align: center;
     padding-top:.5em;
     margin-bottom:1em;
}
 .filosofia p{
     color:#fff;
     font-size: 1em;
     padding:8% 20%;
     text-align: justify;
     font-family:"Raleway-Light", sans-serif;
}
 .line{
     max-width: 80px;
     min-width: 60px;
     text-align: center;
     margin: 0 auto;
     border-bottom:solid 5px #9bc73a;
     padding-top:2.5em;
}
 .line2{
     max-width: 80px;
     min-width: 60px;
     text-align: left;
     border-bottom:solid 5px #9bc73a;
     padding-top:2.5em;
}
 .line3{
     max-width: 60px;
     min-width: 40px;
     text-align: left;
     border-bottom:solid 3px #9bc73a;
     padding-top:1.5em;
     margin-left:1.5em;
}
 .title{
     color:#ef7a5b;
     font-size: 2.5em;
     font-family:"Raleway-Bold", sans-serif;
     text-align: center;
     padding-top:.5em;
     margin-bottom:1em;
     margin-top:1em;
}
 .title2{
     color:#ef7a5b;
     font-size: 2.5em;
     font-family:"Raleway-Bold", sans-serif;
     text-align: left;
     padding-top:.5em;
     margin-bottom:1em;
}

.center{
    text-align: center;
    margin: 0 auto;
    width:99%;
}
 .white p.center{
     text-align:center;
     max-width: 50%;
     margin:0 auto;
     line-height: 1.5em;
}
 .list{
     max-width: 50%;
     color:#757c83;
     font-family:"Raleway-Light", sans-serif;
     padding:1em 2em 1em 2em;
     float:left;
}
 .list span{
     color:#9bc73a;
     font-family:"Raleway-Bold", sans-serif;
}
 .list ul{
     list-style: none;
}
 .list ul li{
     padding:.5em;
}
/*-- acerca de --*/
/*-- directorio --*/
 .cover_dir{
     padding-left:0;
     position: relative;
     min-height:600px;
     z-index: 9998;
     background: url(../images/directorio.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
/*-- directorio --*/
/*-- instalaciones --*/
 .cover_inst{
     padding-left:0;
     position: relative;
     min-height:600px;
     background: url(../images/instalaciones.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .gallery{
     position: relative;
     min-height:250px;
     width:30%;
     margin: 1.5%;
     float:left;
     overflow: hidden;
}
 .gallery img{
     width:100%;
}
 .instalaciones h4{
     bottom:0;
     padding:1em;
     background-color:rgba(79, 88, 97, 0.7);
     width:100%;
     text-align: center;
     color:#fff;
     font-size:1.2em;
}
 .modal-content p{
     padding:.5em;
     text-transform: uppercase;
     color:#003056;
     font-size: 2em;
     font-family:"Raleway-Bold", sans-serif;
}
/*-- instalaciones --*/
/*-- becas --*/
 .cover_becas{
     padding-left:0;
     position: relative;
     min-height:600px;
     background: url(../images/becas.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .white_becas{
     background-color: #fff;
}
 .becas{
     max-width:49%;
     float:left;
     margin-top:2em;
}
 .columna{
     height:50px;
     width:2%;
     float:left;
}
 .columna2{
     height:50px;
     width:2%;
     float:left;
     display:block;
}
 .columna3{
     height:50px;
     width:2%;
     float:left;
     display:block;
}
 .becas h4{
     background-color:#003056;
     color:#fff;
     padding:1em;
     width: 100%;
     text-align:center;
     font-family:"Raleway-Bold", sans-serif;
     font-size:1.5em;
}
 .becas h5{
     color:#003056;
     padding:2em 1em 1em 1em;
     width: 100%;
     text-align:center;
     font-family:"Raleway-SemiBold", sans-serif;
     font-size:1.3em;
}
 .becas p{
     color:#003056;
     padding:1em 3em 2em 3em;
     width: 100%;
     text-align:justify;
     font-family:"Raleway-Light", sans-serif;
     font-size:1em;
}
 .becas ul{
     list-style:none;
}
 .becas ul li{
     color:#003056;
     padding:0em 3em 0em 3em;
     width: 100%;
     text-align:justify;
     font-family:"Raleway-Light", sans-serif;
     font-size:1em;
}
 .becas img{
     width:100%;
}
 .sendi{
     background-color: transparent;
     border: solid 1px #fff;
     display: block;
     width:30%;
     text-align: center;
     margin:4em auto;
     padding: .8em;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
     background-clip: padding-box;
     box-shadow: none;
     color: #fff;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .sendi:hover{
     background-color: #ef7a5b;
}
.sendi4{
     background-color: #ef7a5b;
     
     display: block;
     width:250px;
     text-align: center;
     margin:2em auto;
     padding: .8em;
    border:none;
     box-shadow: none;
     color: #fff;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .sendi4:hover{
     background-color: transparent;
     border: solid 1px #fff;
    
}

.sendi3{
     background-color: transparent;
     border: solid 1px #ef7a5b;
     display: block;
     width:200px;
     text-align: center;
     margin:3em 3em 1em 3em;
     padding: .8em;
     -webkit-border-radius: 1px;
     -moz-border-radius: 1px;
     border-radius: 1px;
     background-clip: padding-box;
     box-shadow: none;
     color: #ef7a5b;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .sendi3:hover{
     background-color: #ef7a5b;
     color:#fff;
}

.sendi5{
     background-color: #ef7a5b;
     
     display: block;
     width:200px;
     text-align: center;
     margin:2em auto;
     padding: .8em;
    border:none;
     box-shadow: none;
     color: #fff;
     -webkit-transition: all 0.3s;
     transition: all 0.3s;
}
 .sendi5:hover{
     background-color: gray;
}

 button.sendi:hover{
     background-color: #ef7a5b;
}
 .moreinfo {
     display:none 
}
 .moreinfo2 {
     display:none;
     width:100%;
}
/*-- becas --*/
/*-- noticias --*/
 .blue{
     background-color:#003056;
     color:#fff;
     text-align: center;
     margin:3em auto;
     padding:1em;
}
 .blue h3{
     color:#fff;
     font-size: 2.5em;
     font-family:"Raleway-Bold", sans-serif;
     text-align: center;
     padding-top:.5em;
     margin-bottom:1em;
}
 .sendi2{
    background-color: transparent;  
    text-align: center;
    padding: .5em 1em;
    border: 1px solid #FFFFFF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    background-clip: padding-box;
    box-shadow: none;
    color: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: absolute;
    font-size: 18px;
    bottom: 3em;
    left: 4em;
    font-family: "Raleway-Bold", sans-serif;
}
.sendi2:hover{
	border-color: #ef7a5b;
	color: #ef7a5b;
}
 .blue input{
     background-color: #fff;
     padding:.5em;
     width:38%;
     margin:1%;
     border:none;
}
 .blue2 input{
     background-color: #fff;
     padding:.5em;
     width:25.3%;
     margin:.5%;
     border:none;
}
 .blue3 input{
     background-color: #fff;
     padding:.5em;
     width:2%;
     margin:.5%;
     display:inline-block;
     border:none;
}
 .blue textarea{
     background-color: #fff;
     width:78.5%;
     padding:.5em;
     margin:1%;
}
 .empieza{
     width:31%;
     margin:1%;
     padding:1%;
     float: left;
     display: inline-block;
     text-align: center;
}
 .empieza h4{
     color:#003056;
     padding:1em;
     width: 100%;
     text-align:center;
     font-family:"Raleway-Bold", sans-serif;
     font-size:1.5em;
     min-height:5em;
}
 .empieza p{
     min-height:6em;
}
 .noticias{
    padding: 1%;
    margin: 0 auto;
    text-align: center;
    width: 33%;
    float: left;
}
 .noticias img{
     max-width: 100%;
     margin:0 auto;
}
.noticias h3 {
    max-width: 80%;
    color: #ef7a5b;
    text-align: center;
    margin: 2em 2em 1em 2em;
    padding: .5em 1em 1em .5em;
    font-family: "Raleway-Bold", sans-serif;
}
 .noticias h4{
     color:#ef7a5b;
     padding:1em;
     width: 100%;
     text-align:center;
     font-family:"Raleway-Bold", sans-serif;
     font-size:1.5em;
     min-height:2em;
}
 .noticias p{
     margin-bottom:1em;
     text-align: justify;
     padding:1em;
     font-size:1em;
}
 .cover_noticias{
     padding-left:0;
     position: relative;
     min-height:600px;
     z-index: 9998;
     background: url(../images/noticias.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
/*-- noticias --*/
/*-- contacto --*/
 .cover_contacto{
     padding-left:0;
     position: relative;
     min-height:600px;
     z-index: 9998;
     background: url(../images/contacto.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .grayo{
     background-color:#e1e1e2;
     color:#003056;
     text-align: center;
     margin:3em auto;
     padding:1em;
}
 .grayo h3{
     color:#003056;
     font-size: 2.5em;
     font-family:"Raleway-Bold", sans-serif;
     text-align: center;
     padding-top:.5em;
     margin-bottom:1em;
}
 
 .grayo input{
     background-color: #fff;
     padding:.5em;
     width:38%;
     margin:1%;
     border:none;
}
 .grayo2 input{
     background-color: #fff;
     padding:.5em;
     width:25.3%;
     margin:.5%;
     border:none;
}
 .grayo3 input{
     background-color: #fff;
     padding:.5em;
     width:2%;
     margin:.5%;
     display:inline-block;
     border:none;
}
 .grayo textarea{
     background-color: #fff;
     width:78.5%;
     padding:.5em;
     margin:1%;
     border:none;
}
 .contactos{
     text-align: center;
}
 .contactos span{
     display: inline-block;
     vertical-align: middle;
     color:#9ac63a;
     font-size:2em;
     padding:0 1em;
}
 .middle{
     display: inline-block;
     vertical-align: middle;
     text-align: left;
     padding:1em;
     color:#515962;
}
 .full{
     display: inline-block;
     vertical-align: middle;
     padding:1em;
     color:#8f949a;
}
/*-- contacto --*/
/*-- admisiones --*/
 .cover_admisiones{
     padding-left:0;
     position: relative;
     min-height:600px;
     z-index: 9998;
     background: url(../images/admisiones.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .admisiones{
     width:48%;
     margin:1%;
     padding:1%;
     float: left;
     display: inline-block;
     text-align: center;
}
 .admisiones2{
     width:100%;
     margin:1%;
     padding:1%;
     float: left;
     display: inline-block;
     text-align: center;
}
 .admisiones h4{
     color:#003056;
     padding:1em;
     width: 100%;
     text-align:left;
     font-family:"Raleway-Bold", sans-serif;
     font-size:1.5em;
     min-height:2em;
}
 .admisiones2 h4{
     color:#003056;
     padding:1em;
     width: 100%;
     text-align:left;
     font-family:"Raleway-Bold", sans-serif;
     font-size:1.5em;
     min-height:2em;
}
 .parg{
     min-height:30em;
}
 .admisiones ul{
     list-style:none;
     margin-bottom:2em;
}
 .admisiones ul li{
     color:#757c83;
     padding:1em;
     width: 100%;
     text-align:justify;
     font-family:"Raleway-Light", sans-serif;
     font-size:1em;
}
 .calendarios{
     width:31%;
     margin:1% auto;
     background-color:#e1e1e2;
     float:left;
     height:100px;
}
 .calendarios h5{
     font-size:1.2em;
     line-height: 1em;
     color:#003056;
     padding:0 0 0 30px;
     width: 100%;
     margin-top: 20px;
     text-align:left;
     font-family:"Raleway-Bold", sans-serif;
}
 .calendarios p{
     font-size:1em;
     line-height: 1em;
     color:#003056;
     padding:0 0 0 30px;
    ;
     width: 100%;
     margin-top: 20px;
     text-align:left;
     font-family:"Raleway-Light", sans-serif;
}
 .pdf{
     margin-top:30px;
     width:12%;
     height:40%;
     padding-left:0;
     z-index: 9998;
     background: url(../images/pdf.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     float:left;
     vertical-align: middle;
}
 .pdf:hover{
     background: url(../images/pdf2.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .texto_cal{
     vertical-align: middle;
     float:left;
     width:88%;
     margin:0 auto;
}
/*-- admisiones --*/
/*-- clinica --*/
 .cover_clinica{
     padding-left:0;
     position: relative;
     min-height:600px;
     z-index: 9998;
     background: url(../images/clinica.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .clinica{
     max-width:90%;
     margin:0 auto;
}
 .clinica ul{
     list-style: none;
     margin-top:2em;
}
 .white3 ul li{
     color:#757c83;
     width: 100%;
     text-align:justify;
     font-family:"Raleway-Light", sans-serif;
     font-size:1em;
     line-height: 2em;
}
 .grayo4 ul li{
     color:#fff;
     width: 100%;
     text-align:justify;
     font-family:"Raleway-Light", sans-serif;
     font-size:1em;
     line-height: 2em;
}
 .white3 h3{
     color:#003056;
     margin-top:1em;
     width: 100%;
     text-align:left;
     font-family:"Raleway-Bold", sans-serif;
     font-size:1.5em;
     min-height:2em;
}
 .grayo4 h3{
     color:#fff;
     margin-top:1em;
     width: 100%;
     text-align:left;
     font-family:"Raleway-Bold", sans-serif;
     font-size:1.5em;
     min-height:2em;
}
 .white3{
     width:50%;
     float:left;
     background-color: #fff;
     min-height:580px;
     padding:2em 3em 2em 3em;
}
 .white4{
     background-color: #fff;
     min-height:100px;
     padding:2em;
}
 .grayo4{
     width:50%;
     float:left;
     background-color: #82888e;
     min-height:580px;
     padding:2em 3em 2em 3em;
}
 .costos{
     width:23.5%;
     float:left;
}
 .grayo5{
     background-color: #82888e;
     padding:.5em;
}
 .costos h5{
     font-size:1em;
     color:#fff;
     font-family:"Raleway-Light", sans-serif;
     margin-top:1em;
     margin-bottom:1em;
     padding-left:1.5em;
}
 .costos p{
     color:#333e48;
     line-height:2em;
     font-family:"Raleway-Light", sans-serif;
}
 .costos p span{
     font-family:"Raleway-Bold", sans-serif;
}
 .plus{
     margin-top:30px;
     width:40px;
     height:40px;
     padding-left:0;
     z-index: 9998;
     background: url(../images/plus.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     float:left;
     vertical-align: middle;
}
 .minus{
     margin-top:30px;
     width:40px;
     height:40px;
     padding-left:0;
     z-index: 9998;
     background: url(../images/minus.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
     float:left;
     vertical-align: middle;
}
 .sevaci{
     width:90%;
     margin:0 auto;
     margin-top:3em;
}
 .sevaci h4{
     color:#003056;
     line-height:3em;
     font-family:"Raleway-Light", sans-serif;
     margin: 0 auto;
     max-width:90%;
     text-align: center;
     margin-top:25px;
}
 .servicios{
     width: 32%;
     margin: 1% auto;
     background-color: #fff;
     float: left;
     min-height: 100px;
}
 .servicios:hover{
     width: 32%;
     margin: 1% auto;
     background-color: #dfdfe1;
     float: left;
     min-height: 100px;
}
 .servicios ul{
     list-style: none;
     margin-top:2em;
     margin-left:2em;
     padding-right:2em;
     text-align: left;
}
 .servicios ul li{
     color:#757c83;
     width: 100%;
     text-align:justify;
     font-family:"Raleway-Light", sans-serif;
     font-size:1em;
     line-height: 2em;
}
/*-- selecciones --*/
 .cien{
     width:100%;
	 max-height:800px;
}
.sesenta{
     width:75%;
     float:left;
     height:75vh;
}
.sesenta2{
     width:75%;
     float:left;
     height:55vh;
    overflow: hidden;
}
.sesenta2 img{
    object-fit:fill;
    min-width: 100%;
}
.display{
    display:none;
}
 .cuarenta{
     width:25%;
     display:inline-block;
     float:left;
     background-color:#939494;
     height:75vh;
     padding-top:3em;
     z-index:999;
}
.cuarenta h3{
    color:#fff;
     margin-top:1em;
     width: 100%;
     text-align:center;
     font-family:"Raleway-Bold", sans-serif;
     font-size:2em;
     min-height:2em;
    
}
.cuarenta2{
     width:25%;
     display:inline-block;
     float:left;
     background-color:#939494;
     height:55vh;
     padding-top:3em;
     z-index:999;
}
.cuarenta2 h3{
    color:#fff;
     width: 100%;
     text-align:center;
     font-family:"Raleway-Bold", sans-serif;
     font-size:2em;
     min-height:2em;
    
}
 .cover_selecciones{
     padding-left:0;
     position: relative;
     min-height:600px;
     z-index: 9998;
     background: url(../images/deportes.jpg) no-repeat center center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .table{
     background-color: #8f949a;
     margin: 0 auto;
     width:33%;
     min-height:80px;
     float:left;
     border: solid 1px #757c83;
     display:block;
}
 .table h5{
     color:#fff;
     margin-left:2em;
     margin-top:1em;
}
 .table2{
     background-color: #f7f6f6;
     margin: 0 auto;
     width:100%;
     min-height:80px;
     float:left;
     border: solid 1px #757c83;
     display:none;
     margin-bottom:2em;
}
 .table2 h5{
     color:#003056;
     margin-left:2em;
     margin-top:1em;
}
 .table2 p{
     display: inline-block;
     color: #757c83;
     margin-left: 1em;
     padding-bottom:.5em;
}
/*-- selecciones --*/
 @media (max-width: 1560px){
     .navbar-nav > li:nth-child(3) a {
         margin-right: 33vw !important;
    }
}
 @media (max-width: 1402px){
     .navbar-nav > li:nth-child(3) a {
         margin-right: 30vw !important;
    }
}
 @media (max-width: 1360px){
     .navbar-nav > li:nth-child(3) a {
         margin-right: 25vw !important;
    }
     .acerca, .acerca2{
         min-height: 650px;
    }
     .white50, .white502{
         min-height: 650px;
    }
}
 @media(max-width:1280px){
     .navbar-nav > li:nth-child(3) a {
         margin-right: 23vw !important;
    }
}
 @media (max-width: 1180px){
     .navbar-nav > li:nth-child(3) a {
         margin-right: 18vw !important;
    }
     @media (max-width: 1096px){
         .navbar-nav > li:nth-child(3) a {
             margin-right: 13vw !important;
        }
         @media (max-width: 1402px){
             .navbar-nav > li:nth-child(3) a {
                 margin-right: 15vw !important;
            }
             .servicios{
                 width: 49%;
                 margin: 1% auto;
                 background-color: #fff;
                 float: left;
                 min-height: 100px;
            }
             .columna2{
                 display:none;
            }
             .calendarios{
                 width:48%;
            }
             .acerca, .acerca2{
                 min-height: 750px;
            }
             .white50, .white502{
                 min-height: 750px;
            }
             .sendi2{
                 width:auto;
            }
             .empieza{
                 width:48%;
            }
        }
         @media (max-width: 1024px){
             .footer {
    background-color: #939494;
                 padding: 3em;}
             .footer_a{
    width:50%;
    float:left;
   padding: 1em;
}
.footer_b{
    width:100%;
    float:left;
   padding: 1em;
    text-align: center;
    margin:0 auto;
}
             select, select.classic2 {
                 background-color: white;
                  border: none;
                    border-radius: 0;
                  display: inline-block;
              font: inherit;
              line-height: 1.5em;
                padding: 0.5em 3.5em 0.5em 1em;
               margin: 3% 18% auto;
               width:64%;
             }
             .display{
            display:block;
}
             .sesenta, .sesenta2, .cuarenta, .cuarenta2{
                 width:100%;
             }
             
             .cuarenta, .cuarenta2{
                 height:auto;
             }
             .cuarenta h3, .cuarenta2 h3{
                 margin-top:0;
                 padding-top: 2em;
             }
             .navbar-nav > li:nth-child(3) a {
                 margin-right: 21vw !important;
            }
             .container {
                 width: 95%;
            }
             .sesenta{
                 max-width:100%;
                 display:block;
            }
             .cuarenta, .cuarenta2{
                 max-width:100%;
                 display:block;
                 float:none;
                 padding-left:0;
                 padding-top:0;
            }
             .costos{
                 width:49%;
            }
             .admisiones{
                 width:100%;
            }
             .parg{
                 min-height: auto;
            }
             .noti{
                 width:100%;
                 float:left;
                 min-height:auto;
                 margin:1em auto;
            }
             .becas{
                 max-width:100%;
            }
             .blue input, .grayo input{
                 background-color: #fff;
                 padding:.5em;
                 width:80%;
                 margin:1%;
                 border:none;
            }
             .blue input[type=checkbox], .grayo input[type=checkbox]{
                 width:auto;
                 border:none;
            }
             .blue2 input, .grayo2 input{
                 background-color: #fff;
                 padding:.5em;
                 width:80%;
                 margin:.5%;
                 border:none;
            }
             .blue3 input, grayo3 input{
                 background-color: #fff;
                 padding:.5em;
                 width:auto;
                 margin:.5%;
                 display:inline-block;
                 border:none;
            }
             .blue textarea, .grayo textarea{
                 background-color: #fff;
                 width:80%;
                 padding:.5em;
                 margin:1%;
            }
        }
         @media (max-width: 980px){
             .noticias{
    width: 100%;
    float: none;
                 max-width:720px;
             }
             .noticias p{
     font-size:.9em;
             }
             .promoa1, .promob1, .promoa2, .promob2{
                 width:100%;
                 
             }
             .grayo4, .white3{
                 width:100%;
                 min-height:auto;
            }
             .white_dir{
                 width:47%;
            }
             .gallery{
                 width:47%;
            }
             .modal-content p{
                 font-size: 1.5em;
                 font-family:"Raleway-Bold", sans-serif;
            }
             .modal-dialog {
                 position: relative;
                 width: auto;
                 max-width: 100%;
                 margin: 10px auto;
            }
             .modal-content {
                 margin: 0 auto;
                 max-width: 90%;
                 text-align: center;
                 position: relative;
                 background-color: #fff;
                 -webkit-background-clip: padding-box;
                 background-clip: padding-box;
            }
        }
         @media (max-width: 860px){
             .banner_left{
            float:none;
            width:100%;
                 padding:8%;
}
             .table{
                 display:none;
            }
             .table2{
                 display:block;
            }
             .servicios{
                 width: 100%;
            }
             .columna3{
                 display:none;
            }
             .calendarios{
                 width:98%;
            }
             .acerca, .acerca2{
                 width: 100%;
                 min-height: 400px;
            }
             .white50, .white502{
                 min-width: 100%;
                 min-height: 400px;
            }
             .list{
                 max-width:100%;
            }
             .white p.center {
                 text-align: center;
                 max-width: 90%;
                 margin: 0 auto;
                 line-height: 1.5em;
            }
             .navbar-nav > li > a {
                 margin: 0em .1em;
            }
        }
         @media (max-width:768px){
             .navbar-nav > li:nth-child(3) a {
                 margin-right: 0vw !important;
            }
             .w3_navigation_pos {
                 position: absolute;
                 top: 9px;
                 left: 41vw;
                 z-index: 1;
            }
             @media (max-width:767px){
                 .w3_navigation_pos {
                     left: 5vw;
                     z-index: 1;
                }
                 @media (max-width: 680px){
                     .banner_left h3 {
						font-size: 2.5em;

					}
										 .footer h3 {
						padding: .5em;
						text-align: center;
						font-family: "Raleway-Bold", sans-serif;
						font-size: 2em;
						width: 60%;
										 }
										 .footer {
						background-color: #939494;
						padding: 1em;
										 }
										   .footer_a{
						width:100%;
						float:left;
					   padding: 0em 1em 0 0;
					}
					.footer_b{
						width:100%;
						float:left;
					   padding: 0em 1em 0 0;
						text-align: center;
						margin:0 auto;
					}
                     .empieza{
                         width:98%;
                    }
                }
                 @media (max-width: 600px){
                     .costos{
                         width:100%;
                    }
                     .cover_becas, .cover_inst, .cover_dir, .cover_conoce, .cover_noticias, .cover_admisiones{
                         min-height:400px;
                    }
                     .filosofia h3, .blue h3, .grayo h3{
                         font-size: 1.8em;
                    }
                     .title, .title2{
                         font-size: 1.8em;
                    }
                     .white2{
                         margin:2em 0 2em 0;
                    }
                     .white p, .white50 p, .white502 p, .filosofia p, .list ul li{
                         font-size: .9em;
                         text-align: justify;
                    }
                     .white_dir{
                         width:100%;
                    }
                     .gallery{
                         width:100%;
                    }
                     .instalaciones h4{
                         font-size:1em;
                    }
                }
                 @media (max-width: 460px){
                     .sendi, .sendi2{
                         width:auto;
                    }
                     @media (max-width: 380px){
                         .calendarios h5{
                             font-size:1em;
                        }
                         .texto_cal p{
                             font-size:.9em;
                             margin-top:1em;
                             text-align:left;
                            ;
                        }
                    }
                }