

   .footer-container .footer-content-1,
   .footer-container .footer-content-2,
   .footer-container .footer-content-3{
   display: inline-block;
   vertical-align: top;
   }
   /* Footer left */
   .footer-container .footer-content-1{
   width: 30%;
   }
   /*  logo */
   .footer-container .footer-content-1 img{
   width: 25%;
   border-radius: 20px;
   }
   .footer-container h3{
   color:  #fff;
   letter-spacing: 1px;
   font:italic 30px 'Cookie', cursive;
   padding: 0px 0px 10px;
   }
   .footer-container h3 span{
   color: #3F71EA;
   font: oblique 25px 'Cookie', cursive;
   font-weight: bold;
   padding: 10px;
   }
   /* Footer links */
   .footer-container .footer-p{
   color:  #fff;
   margin: 20px 0 20px;
    transition: .5s all;	
   }
   .footer-container .footer-p a{
   display: inline-block;
   text-decoration: none;
   color:  #fff;
   margin: 0px 8px 0px 0px;
    padding-left: 3px;
   border-left: 2px solid #fff;
   }
   .footer-container .footer-p a:hover{
   text-shadow: 0 0 10px #ccc,
   0 0 20px #ccc;
   }
   /* Footer content-2 */
   .footer-container .footer-content-2{
   width: 35%;
   font-size: 14px;
   }
   .footer-container .footer-content-2 i{
   background:  #33383b;
   color: #fff;
   font-size: 15px;
   width: 35px;
   height: 35px;
   border-radius: 50%;
   text-align: center;
   line-height: 35px;
   margin: 10px;
   vertical-align: middle;
   }
   .footer-container .footer-content-2 p{
   display: inline-block;
   }
   .footer-container .footer-content-2 p a{
   color: #829990;
   text-decoration: none;
   }
   /* Footer content-3 */
   .footer-container .footer-content-3{
   width: 30%;
   }
   .footer-container .footer-empresa{
   line-height: 22px;
   color:  #829990;
   font-size: 14px;
   font-weight: 200;
   }
   .footer-container .footer-empresa span{
   display: block;
   color:  #fff;
   font-size: 20px;
   font-weight: bolder;
   margin-bottom: 20px;
   }
   .footer-container .footer-icons .fa{
   background: #fff;
   display: inline-block;
   width: 35px;
   height: 35px;
   cursor: pointer;
   border-radius: 50%;
   color: #829990;
   text-align: center;
   padding: 5px;
   margin: 5px 5px 12px 12px;
   -webkit-transition: all 0.5s;
   -moz-transition: all 0.5s;
   transition: all 0.5s;
   font-size: 24px;
   }
   .footer-icons .fa:hover{
   -moz-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   transform: scale(1.3);
   }
   .footer-icons a:nth-child(1) .fa{
   color: #2c292f;
   }
   .footer-icons a:nth-child(2) .fa{
   color: #bd0d9f;
   }
   .footer-icons a:nth-child(3) .fa{
   color: #4581cf;
   }
   .footer-icons a:nth-child(4) .fa{
   color: #054daa;
   }
   .footer-icons a:nth-child(5) .fa{
   color: #fc0000;
   }
   .footer-container .footer-content-3 p{
    color: #929990;
    font-size: 13px;
    padding: 10px;
   }
   .footer-container .copyright{
   width: 100%;
   }
   .footer-container .copyright p{
    text-align: center;
    color:#829990;
    padding: 5px;
    font-size: 12px;
   }
   /*footer responsivo*/
   @media (max-width: 880px) {
   footer { position: static;}
   .footer-container{padding: 10px;}
   .footer-container .footer-content-1,
   .footer-container .footer-content-2,
   .footer-container .footer-content-3{
   display: block;
   width: 100%;
   text-align: center;
   }
   .footer-container .footer-content-2 i{
   margin-left: 0;
   }
   .footer-container h3{
   font-size: 20px;
   }
   hr{
    margin:0 auto 0;
    width: 70%;
   }
   }