.header{
  height: 110px;
  overflow: visible;
  box-shadow: 0px 0px 40px rgba(0,0,0,0.2);
  z-index: 999999999;
}
.ulnobullet{
  list-style-type: none;
}
.addshadow{
  -moz-box-shadow: inset 0px 10px 20px -10px rgba(124, 110, 100, 1), inset 0px -10px 20px -10px rgba(124, 110, 100, 0.25);
  -webkit-box-shadow: inset 0px 10px 20px -10px rgba(124, 110, 100, 1), inset 0px -10px 20px -10px rgba(124, 110, 100, 0.25);
  box-shadow: inset 0px 10px 20px -10px rgba(124, 110, 100, 1), inset 0px -10px 20px -10px rgba(124, 110, 100, 0.25);
}
.addshadow2{  
  box-shadow: 0 -2px 10px rgba(81, 125, 140,.05), 0 0 15px rgba(81, 125, 140,.05), 0 -1px 3px rgba(81, 125, 140,.1), 0 -2px 15px rgba(81, 125, 140,.1);
}
.addshadow3{
  box-shadow: 0px 4px 5px -3px #888;
}
.addshadow4{
   box-shadow: -10px 0 5px -10px rgba(0, 0, 0, 0.6),
             10px 0 5px -10px rgba(0, 0, 0, 0.6);
}
.halfcircle{
  position: relative;
  top: -20px;
  height: 60px;
  width: 120px;
  border-radius: 0 0 90px 90px;
  -moz-border-radius: 0 0 90px 90px;
  -webkit-border-radius: 0 0 90px 90px;
  background-color: white;
}
.logo {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
	min-height: 50px
} 
.orbit-slide-number{
  color:black !important;
  margin:auto
}
.button-header{
  padding-top:70px;
  padding-bottom:10px;
}
/*.button:hover{
  background-color:rgba(0, 0, 0, 0.1);
  color:black;
}*/
.buttonw:hover{
  background-color:rgba(0, 0, 0, 0.0);
  color:white;
}
.orbit-bullets-container{
  margin-top:-55px;
  display:none;

}  
.orbit-bullets{
  z-index:77777777;
}
.orbit-progress{
    background-color:rgba(0, 0, 0, 0.3) !important;
}
.orbit-next{
  left:97%;
  background-color:rgba(0, 0, 0, 0.1);
}
.orbit-prev{
  left:1% !important;      
  background-color:rgba(0, 0, 0, 0.1);
}      
.login-drawer {
  width: 100%;
  
  padding-top: 0px;
  padding-bottom: 0px;
}
.orbit-timer > span {      
  border-color: transparent transparent transparent black;      
}
.tmhome{
  color:black;
  background:url(img/icon_becas.png) no-repeat 48% 40%;        
}      
.tmenroll{
  color:black;
  background:url(img/icon_enroll.png) no-repeat 48% 40%;        
}      
.tmfacebook{
  color:black;
  background:url(img/facebook.png) no-repeat 48% 40%;      
  color:white;
  background-size: 50px 50px
}      
.tmyoutube{
  color:black;
  background:url(img/youtube.png) no-repeat 48% 40%;      
  color:white;
  background-size: 50px 50px
}      
.tmblogger{
  color:black;
  background:url(img/blogger.png) no-repeat 48% 40%;      
  color:white;
  background-size: 50px 50px
}      
.tmtwitter{
  color:black;
  background:url(img/twitter.png) no-repeat 48% 40%;      
  color:white;
  background-size: 50px 50px
}      
.tmservicios{
  color:black;
  background:url(img/birrete.png) no-repeat 48% 40%;      
}           
.tmacercade{
  color:black;
  background:url(img/diploma.png) no-repeat 48% 40%;      
}          
.tmcostos{
  color:black;
  background:url(img/costo.png) no-repeat 48% 40%;      
}
.tmcalendar{
  color:black;
  background:url(img/laurel.png) no-repeat 48% 40%;      
}
.tmcontacto{
  color:black;
  background:url(img/contacto.png) no-repeat 48% 44%;      
}
.service-items{  
  background-repeat:no-repeat;
  background-position: 3px  ; 
  padding-right:0px; 
  background-size:60px 64px;  
  text-align:left;
  margin-bottom:0px;
  padding: 1.25rem;  
  padding-left:70px; 
}

.nopadding{padding:0 !important;}
.italic{font-style:italic}
.panel-extra{
  min-height: 10px;
  background-color:white;
  margin-top: 9px;
  border:0;
  padding-top:10px;
  /*padding-right:5px;padding-left:5px;*/
  color:#545454;
  padding-left:0px;
  padding-right:0px;
  font-size:.95em;
}
ul.pricing-table { margin-bottom: 0; }
ul.pricing-table .title {
  background-color: #dddddd;
  color: #333333;
  font-weight: bold;
}
ul.pricing-table .price { background: #f8f8f8;  }
ul.pricing-table i { display: inline-block; margin-right: 5px; } 

.recommended { box-shadow: 0 0 10px rgba(0,0,0,0.25); position: relative; z-index: 2; }
.addstroke{
  border-bottom: 1px solid #ccc;
}           
.addstroketop{
  border-top: 1px solid #ccc;
}                 
.barchart { 
  background-color: #a3dbe3;
  height: 1em;
  padding: 0em;
  margin: 0.625em 0; 
  width: 100%; }

.barchart .meter {
  background: #2daebf;
  height: 100%;
  display: block; }

table.chart { 
  width: 100%;
  border-width: 0;
  margin: 40px 0; }

table tr.even, table tr.alt, table tr:nth-of-type(even) { 
  background: #FFF; }

td.chart {
  font-size: 14px;
  margin-bottom: 50px;
  padding: 0 0 20px 0; }

p.percentage {
  font-size: 30px !important; 
  color: #6f6f6f;
  font-weight: 300;
  margin-bottom: 17px;}  
.shadowbox{
  /*background: #ddd;*/
  /*height: 460px;*/
  margin-bottom: 2em;
  overflow: hidden;
  padding: 0;
  position: relative;
  border-top: solid 1px #fff;
  border-bottom: solid 1px #fff;
}
.shadowbox:after{
  bottom: -16px;
  box-shadow: 0px -8px 16px rgba(0,0,0,.1);
}  
.shadowbox:before {
content: "";
display: block;
width: 100%;
position: absolute;
height: 16px;
z-index: 2;
bottom: -16px;
box-shadow: 0px -8px 16px rgba(0,0,0,.2);
}  
.shadow_header {
  width: 1122px;
  height: 18px;
  position: absolute;
  left: 548px;
  margin-left: -561px;
  bottom: -18px;
  z-index: 888;
  background: url(img/shadow_header.png) no-repeat left top transparent;
}
.line {
height: 1px;
background: #d7d7d7;
margin: 0px 0 25px;
}
.mejoshadow {
background: #fff;
-o-box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
-ms-box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
-webkit-box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
box-shadow: 5px 5px 20px rgba(0,0,0,0.3);
-webkit-background-clip: padding-box;
min-height: 180px;
margin-bottom: 15px;
position: relative;
}
@media only screen and (max-width: 1024px) { 
  .myhide{
    display:none
  }
  .mainImgDiv{
    width: 629px
    left: 0px;
    top: 0px;
    position: relative;
    display: block;
    overflow: hidden;

  }
  .mainImgDivImg{
    width: 100%;
    height: auto;
    display: block;
    vertical-align: bottom;
  }
  .mainImg{
    height:154px;
  background-image: url('./img/banner.png');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;    
  background-position-y: 57px;    
  background-size: 470px 124px;
  margin-top: 43px;
  }
  #subenrollment{
        width: 100%; background-color:#FFF; position:absolute; z-index:999999;height: 100%
  }
  #enrollment{
  background-color: #FFF;
}  
} 
@media only screen and (min-width: 1024px) { 
  .myhide2{
    display:none
  }
  
  .mainImg{
    width: 1600px; 
    height:466px;    
  background-image: url('./img/banner.png');
   transition: background 1s linear;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center;    
  background-position-y: 128px;
  }
#subenrollment{
  top: 50%;left: 50%;margin-right: -50%;transform: translate(-50%, -50%); background-color:#FFF; position:absolute; z-index:999999
}    
}    

@media only screen and (min-width: 768px){
  .left-side { border-right: none; }
  .right-side { border-left: none; }
}              


@media screen and (max-width: 39.9375em) {
  .no-js .top-bar {
    display: none;
  }
}

@media print, screen and (min-width: 40em) {
  .no-js .title-bar {
    display: none;
  }
}

[data-sticky] {
  width: 100%;
}

.sticky-container {
  z-index: 5;
}

.title_elas{
    display: inline-block;
    padding-left: 20px;
    padding-right: 20px    
  }



.shadowbox{
    box-shadow: 0 0 10px grey;
	border:none
}
.white{
  color:#FFF;
}
.graybox{
      border: 1px dotted #CCC;
}
.bluebox{
      border-top: 1px solid #CCC;
      border-bottom: 1px solid #CCC;      
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index:999999999; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 3% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 90%; /* Could be more or less, depending on screen size */
  height: 90%;
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}
.thumbnail{
  /*height: 220px
  width:220px;*/
}
.wrapper {
  width: 900px;
  max-width: 100%;
  margin: auto;
}

form.multi-form {
  padding: 20px;
}

form.multi-form fieldset:not(.active) {
  display: none;
}

form.multi-form fieldset.active:first-of-type ~ .buttons .prev,
  form.multi-form fieldset.active:first-of-type ~ .buttons .submit {
  display: none;
}

form.multi-form fieldset.active:not(:last-of-type) ~ .buttons .submit {
  display: none;
}

form.multi-form fieldset.active:last-of-type ~ .buttons .next {
  display: none;
}


.breadcrumb-counter-nav {
  counter-reset: headings;
  margin: 0;
  padding: 0;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  list-style: none;
  background: #CCC;
}

.breadcrumb-counter-nav .breadcrumb-counter-nav-item {
  position: relative;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 1rem 2rem;
  text-align: center;
  vertical-align: middle;
  /*cursor: pointer;*/
  color:#FFF;
-webkit-user-select: none; /* Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+/Edge */
user-select: none; /* Standard */  

}
.breadcrumb-counter-nav .breadcrumb-counter-nav-item:hover {
/*  background: #b1dfbb ;*/
}

.breadcrumb-counter-nav .breadcrumb-counter-nav-item::before {
  counter-increment:headings;
  content:counter(headings, decimal); 
  position:relative;
/*  background:#507192;*/
  color: #fff;
  right: 0.8rem;
  border-radius: 50%;
  padding: 0.2em 0.55em;
}
@media only screen and (max-width: 1000px){
.breadcrumb-counter-nav .breadcrumb-counter-nav-item::before {
  counter-increment:headings;
  content:counter(headings, decimal)"/3";
  position: relative;
/*  background:#507192;*/
  color: #fff;
  right: 0.8rem;
  border-radius: 50%;
  padding: 0.2em 0.55em;
}
}
.breadcrumb-counter-nav .breadcrumb-counter-nav-item.current {
  background: #5cb85c;
}


.breadcrumb-counter-nav .breadcrumb-counter-nav-item.current::after {
  content: '';
  position: absolute;
  top: 0;
  right: -1rem;
  width: 0;
  height: 0;
  border-top: 1.75rem solid transparent;
  border-bottom: 1.75rem solid transparent;
  border-left: 1rem solid #5cb85c;
  z-index: 300;
}

.breadcrumb-counter-nav .breadcrumb-counter-nav-item.current:last-of-type::after {
 display:none;
}


.breadcrumb-counter-nav .breadcrumb-counter-nav-item.current::before {
  background-color: #5cb85c;
}

.breadcrumb-counter-nav .breadcrumb-counter-nav-item a {
  color: #fff;
  font-size: 0.875rem;
}

@media only screen and (max-width: 52em) {
  .breadcrumb-counter-nav {
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media only screen and (max-width: 62.49em) { 
  .breadcrumb-counter-nav-item:not(.active) {
    height: 0 !important;
    padding: 0 !important;
    width: 0 !important;
    overflow: hidden !important;
    position: absolute !important;
 }  
}