/*****Loader****/
 #loader {position:fixed; width:100%; height:100%; background:#379eec; z-index:9999; top:0; left:0;}
 div#loader:after {content:"Cargando...."; font-size:25px; position:absolute; top:60%; left:49%; margin-left:-60px; color:#fff;}
 #loader div{position:absolute; left:50%; top:50%; z-index:1; width:150px; height:150px; margin:-75px 0 0 -75px; border:16px solid #f3f3f3; border-radius:50%; border-top:16px solid #3498db; width:120px; height:120px; -webkit-animation:spin 2s linear infinite; animation:spin 2s linear infinite;}
 
 footer strong{color: #fff; line-height: 18px; margin:0px; font-size: 14px;}
 @-webkit-keyframes spin {
   0% { -webkit-transform: rotate(0deg); }
   100% { -webkit-transform: rotate(360deg); }
 }
 
 @keyframes spin {
   0% { transform: rotate(0deg); }
   100% { transform: rotate(360deg); }
 }
 
 /* Add animation to "page content" */
 .animate-bottom {position:relative; -webkit-animation-name:animatebottom; -webkit-animation-duration:1s; animation-name:animatebottom; animation-duration:1s}
 
 @-webkit-keyframes animatebottom {
   from { bottom:-100px; opacity:0 } 
   to { bottom:0px; opacity:1 }
 }
 
 @keyframes animatebottom { 
   from{ bottom:-100px; opacity:0 } 
   to{ bottom:0; opacity:1 }
 }
 main,nav,footer{display:none;}