.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 {
  height:100px;
} 
.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/home.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/servicios.png) no-repeat 48% 40%;      
}           
.tmacercade{
  color:black;
  background:url(../img/acercade.png) no-repeat 48% 40%;      
}          
.tmcostos{
  color:black;
  background:url(../img/costo.png) no-repeat 48% 40%;      
}
.tmcalendar{
  color:black;
  background:url(../img/calendar.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: 62.49em) { 
  .myhide{
    display:none
  }
} 
@media only screen and (min-width: 62.50em) { 
  .myhide2{
    display:none
  }
}    

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