html{
  overflow-x:hidden;
}
body {
   font-family:'Raleway', sans-serif;
   color: #FFF;
   line-height:1.2em;
   font-size:17px;
   line-height:20px;
}

a {
   color:#fff;
   text-decoration: none;
}
a:hover {
   color: #fff;
   text-decoration:none;
}
h1, h2, h3, h4, h5, h6 {
   font-weight: normal;
}
h1 {
   margin: 10px;
}
h3{text-transform:uppercase;}
p {
   padding: 10px;
   font-weight: 100;
}
.navbar {
padding:40px;
 background-color: #164fb5;
 background-image: url(../images/fondo-01.svg);
 background-repeat:no-repeat;
 background-size:cover;
 -webkit-transform: rotate(-2deg);
 -moz-transform: rotate(-2deg);
 -o-transform: rotate(-2deg);
 -ms-transform: rotate(-2deg);
 transform: rotate(-2deg);
 -webkit-backface-visibility: hidden;
 outline: 1px solid transparent;
 box-shadow: 0px 2px 3px rgba(0,0,0,0.4) inset;
margin: 0 -10px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 -ms-transform-origin: left center;
 transform-origin: left center;
 z-index:99;
   margin-bottom:0;
   min-height:70px;
}
#barra{
   position: fixed;
   width: 100%;
   padding-left: 0;
   padding-right: 20px;
   padding-bottom: 20px;
}
#home{background-color:#fff;}
.acerca{text-align:center; padding-top:15%; padding-bottom:7%;}
.acerca h2{color:#333333;}
.acerca >p{font-family:'Source Sans Pro', sans-serif;color:#333333;}
.navbar-fixed-top {
   min-height:40px;
   height:40px;
}
.navbar-inner {
-webkit-transform: rotate(2deg);
 -moz-transform: rotate(2deg);
 -o-transform: rotate(2deg);
 -ms-transform: rotate(2deg);
 transform: rotate(2deg);
   background-color: none;
   border-radius:0;
   filter: none;
   border: none;
   box-shadow: none;
}
.navbar .brand img {
   width:120px;
   height:40px;
}
.navbar .nav > li > a {
   text-transform:uppercase;
   line-height: auto;
   vertical-align: middle;
   margin:10px 3px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   font-size:14px;
   text-shadow: none;
 font-weight:400;
   color: #fff;
}
.navbar .nav > li > a:visited {
   text-transform:uppercase;
   line-height: auto;
   vertical-align: middle;
   margin:10px 3px;
   -webkit-box-shadow: none;
   -moz-box-shadow: none;
   box-shadow: none;
   font-size:14px;
   text-shadow: none;
 font-weight:400;
   color: #fff;
}
.mouse-icon {
 position: absolute;
 left: 50%;
 bottom: 40px;
 border: 2px solid #e5e5e5;
 border-radius: 16px;
 height: 40px;
 width: 24px;
 margin-left: -15px;
 display: block;
 z-index: 10;
 opacity: 0.7;
 z-index:9;
}
.mouse-icon .wheel {
 -webkit-animation-name: drop;
 -webkit-animation-duration: 1s;
 -webkit-animation-timing-function: linear;
 -webkit-animation-delay: 0s;
 -webkit-animation-iteration-count: infinite;
 -webkit-animation-play-state: running;
 -webkit-animation-name: drop;
         animation-name: drop;
 -webkit-animation-duration: 1s;
         animation-duration: 1s;
 -webkit-animation-timing-function: linear;
         animation-timing-function: linear;
 -webkit-animation-delay: 0s;
         animation-delay: 0s;
 -webkit-animation-iteration-count: infinite;
         animation-iteration-count: infinite;
 -webkit-animation-play-state: running;
         animation-play-state: running;
}
.mouse-icon .wheel {
 position: relative;
 border-radius: 10px;
 background: #e5e5e5;
 width: 2px;
 height: 6px;
 top: 4px;
 margin-left: auto;
 margin-right: auto;
 z-index:9;
}
.navbar .nav > li:hover> a, .navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
   color: rgba(255,255,255,0.5)

}
.nav-pills {
   margin-bottom: 30px;
}
.nav-pills > li > a {
   background: transparent;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
   margin-right:5px;
   padding-left:25px;
   padding-right:25px;
   border: 1px solid #181A1C;
}
.nav-pills > li > a:hover, .nav-pills > .active > a, .nav-pills > .active > a:hover, .nav-pills > .active > a:focus {
   background: #181A1C;
   color: #fff;
}
.navbar .btn-navbar:hover, .navbar .btn-navbar {
   border-radius:0;
   background:#167bb5;
   color: #fff;
}
#top-navigation{
   padding-left: 20px;
}
.centered {
   margin-left:auto;
   margin-right:auto;
   float: none;
   text-align: center;
}
.center {
   float: none !important;
   margin: 0 auto !important;
   text-align: center;
}
.highlighted-box {
   background:#F4F8F9;
   padding:20px 30px;
}
.highlighted-box h1 {
   margin:0px;
}
.large-text {
   line-height:1.2em;
   font-size: 30px;
   color: #181A1C;
   padding:20px;
   margin-bottom:20px;
}
.highlighted-box h1, .highlighted-box p {
   color: #181A1C !important;
}
.circle-border {
   display: inline-block;
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
   -khtml-border-radius: 500px;
   border: 3px solid #fff;
}
.left-align {
   text-align:left;
}
.right-align {
   text-align:left;
}
.error {
   color: #CF0000;
   display: none;
}
.invisible {
   display:none;
   visibility:visible;
}
.triangle {
   margin: 0 auto;
   text-align:center;
   width: 0;
   height: 0;
   border-top: 30px solid #164fb5;
   border-left: 585px outset transparent;
   border-right: 585px outset transparent;
   position: relative;
}
.zoom-in {
   -webkit-transform: scale(1, 1);
   -moz-transform: scale(1, 1);
   -o-transform: scale(1, 1);
   -ms-transform: scale(1, 1);
   -webkit-transition: all 250ms ease;
   -moz-transition: all 250ms ease;
   -o-transition: all 250ms ease;
   -ms-transition: all 250ms ease;
   transition: all 250ms ease;
}
.zoom-in:hover {
   -webkit-transform: scale(1.1, 1.1);
   -moz-transform: scale(1.1, 1.1);
   -o-transform: scale(1.1, 1.1);
   -ms-transform: scale(1.1, 1.1);
}
.button,  .button:visited, .button:focus {
   display:inline-block;
   border:1px solid #181A1C;
   color:#181A1C;
   background-color:transparent;
   padding:15px 30px;
   font-size:17px;
   line-height:auto;
}
.carousel-inner .thumbnail{background-color:transparent !important;}
.button:hover, .button:active{
   background-color: rgba(255,255,255,0.5);
   color:#fff;
}
#clientes .title{padding-top:50px; padding-bottom:20px;}
#home,#frase{padding-top:80px;padding-bottom:80px;}
#frase h2{color:#333333; font-size:28px;}
#frase p{color:#999999; font-size:18px; font-style:italic;}
.button-sp, .button-sp:visited, .button-sp:focus {
   border:none;
   background-color:#FECE1A;
   color:#181A1C;
}
.button-sp:hover, .button-sp:active {
   background-color:#181A1C;
   color:#FECE1A;
}
.button-ps, .button-ps:visited, .button-ps:focus {
   border:none;
   background-color:#181A1C;
   color:#FECE1A;
}
.button-ps:hover, .button-ps:active {
   background-color:#FECE1A;
   color:#181A1C;
}
.thumbnail {
   width:100%;
   height:100%;
   padding:0;
   overflow: hidden;
   position: relative;
   border:0;
   border-radius:0;
   box-shadow:none;
   text-align:center;
 background-color:#222222;
}
.thumbnail .more {
   display:block;
   z-index:4;
   position:absolute;
   top:-100px;
   left:50%;
   margin:0 auto;
   margin-left:-41px;
   width:80px;
   height:80px;
   font-size:40px;
   color:#fff;
   text-decoration:none;
   line-height: 70px;
   text-align: center;
}
.thumbnail:hover .more {
   top:40%;
   margin-top:-40px;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3 s ease-out;
   -ms-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
}
.thumbnail h3,
.thumbnail p {
   margin:0;
   padding:0;
   position:relative;
   z-index:4;
}
.thumbnail h3 {
   color: #25a7dd;
   margin-top:10px;
   font-size:20px;
   text-transform:uppercase;
}
.thumbnail > p {
   padding-bottom:20px;
 color:#888888!important;
}
.thumbnail .mask {
   opacity:0.85;
   filter: alpha(opacity=85);
   top:100%;
   left:0;
   width:100%;
   height:100%;
   background:#181A1C;
   position:absolute;
   -webkit-transition: all 0.2s ease-out;
   -moz-transition: all 0.2s ease-out;
   -o-transition: all 0.2 s ease-out;
   -ms-transition: all 0.2s ease-out;
   transition: all 0.2s ease-out;
}
.thumbnail:hover .mask {
   top:0;
}
.social {
   list-style: none;
   float: none;
   position:relative;
   margin:5px; auto;
}
.social li {
   display:inline-block;
   line-height: 32px;
   font-family:'Porta';
   font-size: 32px;
   padding:0 5px;
}
.social li a {
   margin:0;
   padding:0;
   width:32px;
   height:32px;
   color: #FECE1A;
}
.social li a:hover {
   color:#181A1C;
}
.section {
   padding-bottom: 50px;
}
.section .container {
   padding-top:50px;
}
.section .title {
   text-align: center;
   margin-bottom: 30px;
}
.section .title h1 {
   font-weight: normal;
   margin-bottom: 20px;
   padding: 0;
 text-transform:uppercase;
 font-family:'Raleway', sans-serif;
}
.section .title > p {
   font-size: 20px;
   color: #FFF;
   font-weight: lighter;
}
.primary-section {
padding:40px;
 background-color: #164fb5;
 background-image: url(../images/fondo-01.svg);
 background-repeat:no-repeat;
 background-size:cover;
 -webkit-transform: rotate(2deg);
 -moz-transform: rotate(2deg);
 -o-transform: rotate(2deg);
 -ms-transform: rotate(2deg);
 transform: rotate(2deg);
 -webkit-backface-visibility: hidden;
 box-shadow: 0px 2px 3px rgba(0,0,0,0.4) inset;
 outline: 1px solid transparent;
margin: 0 -40px;
 -webkit-transform-origin: left center;
 -moz-transform-origin: left center;
 -o-transform-origin: left center;
 -ms-transform-origin: left center;
 transform-origin: left center;
}
  .equipo .equipo-img {
 float: left;
 margin-right: 0px;
 position: relative;
}
.equipo .equipo-img:after {
 content: '';
 display: block;
 width: 40px;
 height: 40px;
 border-radius: 40px;
 background-color: #164fb5;
 position: absolute;
 bottom: 5%;
 left: 5%;
}
.equipo .equipo-img:before {
 font-family:'Raleway', sans-serif;
 content: '\201C';
 font-size: 40px;
 position: absolute;
 bottom: 1%;
 left: 12%;
 z-index: 99;
}
.equipo .equipo-img img {
 border-radius: 50%;
}
.equipo blockquote {
 border-width: 0;
}
.equipo blockquote p {
 color:#fff;
 font-weight:normal;
 font-family:'Source Sans Pro', sans-serif;
 letter-spacing:1px; font-style:italic
}
.equipo blockquote footer,
.equipo blockquote small,
.equipo blockquote .small {
 color: #fff;
}
.equipo-carousel {
 max-width: 800px;
 margin: 0 auto;
}
.equipo-carousel ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.equipo-carousel ul li {
 margin: 0;
 padding: 0;
 display: block;
}
.primary-section .container{
   -webkit-transform: rotate(-2deg);
 -moz-transform: rotate(-2deg);
 -o-transform: rotate(-2deg);
 -ms-transform: rotate(-2deg);
 transform: rotate(-2deg);
   -webkit-backface-visibility: hidden;
}
.primary-section{
   padding-bottom: 50px;
}

.primary-section .title {
   border-bottom: 1px solid #FFF;
}
.primary-section, .primary-section .title p, .primary-section h3 {
   color: #dbdbdb;
 font-family:'Source Sans Pro', sans-serif;
}
#equipo{
   background-size: 230% auto;
}
.primary-section >p {
   color:#999999;
}
.primary-section h1 {
   color:#FFF;
}
.primary-section h4 {
   color:#FFF;
}
.secondary-section {
   background:#ffffff;
   padding-top:50px;
}
#contacto .secondary-section{
   padding-top: 25px;
}
.secondary-section .title {
   border-bottom: 1px solid #181A1C;
}
.secondary-section h1, .secondary-section .title p {
   color: #999999;
 font-family:'Source Sans Pro', sans-serif;
}
.secondary-section h1{color:#333333}
.secondary-section p{color:#333333;font-family:'Source Sans Pro', sans-serif;}
.third-section {
   padding-bottom: 70px;
   background-image: url(../images/fondo-01.svg);
   background-color:#164fb5;
   background-repeat:no-repeat;
   background-position:center;
   background-size:cover;
}
.third-section .container {
   padding-top:50px;
   position:relative;
}
.third-section .title {
   border-bottom: 1px solid #A1AAB7;
   color: #ffffff;
}
.sub-section {
   margin-top:30px;
}
.sub-section .title {
   padding:0;
}
.consultoria{
   margin-top:20px;
}
.consultoria, .consultoria h2 {
   padding-top:15px;
}
.consultoria p {
   padding:0px 50px;
   height:60px;
}
.consultoria img {
   width:150px;
   height:150px;
}
.desarrollo img{width:100px; height:100px; padding-top:50px;}
.single-project {
   margin-bottom:30px;
   background:#333333;
}
.single-project img {
   width:100%;
}
.project-description {
   padding-right:20px;
   color: #ffffff;
   padding-left:2%;
   margin-top: 2%;
}
.project-description p {
   padding-left:0;
   padding-top:3%;
}
.project-description >ul {
   padding-top:3%;
}
.project-description .res, .project-description .res_ul{
   list-style-position: inside;
   margin-left: 7%;
   margin-right: 7%;  
}
.project-title {
   margin-top:15px;
   margin-bottom:15px;
   border-bottom:1px solid #25a7dd;
}
.project-title h3 {
   float:left;
   margin-top:0;
   padding:0;
   width:80%;
}
.project-title .close {
   color: #25a7dd;
   margin-top:10px;
}
.project-info span, .project-title h3 {
   color:#25a7dd;
 text-transform:uppercase;
}
.project-info {
   font-weight:100;
   padding:10px 0;
}
.project-info span {
   width: 80px;
   display: inline-block;
}
.project-info div {
   margin-bottom:5px;
}
.close {
   float: right;
   width: 40px;
   height: 40px;
   text-align: center;
   margin-top: 7px;
}
.res_close{
   width: 13%;
}
#portfolio-grid .mix {
   opacity: 0;
   display: none;
}
.team{padding-bottom:30px;background-image: url(../images/fondo-01.svg);}
.team .thumbnail {
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   padding: 10px;
   border: 1px solid #fff;
}
.team .thumbnail:hover .social {
   z-index: 5;
}
.team .thumbnail:hover .social a {
   color:#fff;
}
.team .thumbnail .mask {
   background: #000;
}
.team .thumbnail .mask p {
   font-family:'Source Sans Pro', sans-serif;
   margin-top:20%;
   margin-left:4%;
   margin-right:4%;}
.team .thumbnail .mask h6 {
 text-transform: uppercase;
   font-family:'Raleway', sans-serif;
}
.team .thumbnail .mask, .team .thumbnail .mask h3, .team .thumbnail .mask p, .team .thumbnail:hover h3, .team .thumbnail:hover .social a:hover {
   color: #ffffff;
}
.about-text {
   margin-top:30px;
}
.about-text p {
   padding:0;
   font-size:16px;
}
.client-slider img:hover {
   background-color: rgba(255,255,255,0.1)
}
.client-nav {
   list-style:none;
   margin-top:10px;
}
.client-nav li {
   float:left;
   display:block;
   margin-left:10px;
}
.client-nav li a {
   display:inherit;
   padding:5px;
   background:#167bb5;
   border-radius:3px;
   width:20px;
   height:20px;
}
.client-nav li a:hover {
   background:#25a7dd;
}
.contact {
   background: #FECE1A;
}
.contact h1, .contact h2, .contact h3, .contact h4, .contact h5, .contact h6, .contact .section .title > p, .contact .social > li > a {
   color: #333;
 text-transform:uppercase;
}
.contact textarea, .contact input[type="text"], .contact input[type="email"] {
   padding: 10px;
   line-height: 20px;
   height: auto;
}
.contact textarea {
   height: 120px;
}
.contacts, .contact .social {
   color: #fff;
   list-style: none;
   margin-left: 10px;
}
.contacts > li {
   margin-top: 15px;
}
.contacts > li > a {
   color: #fff;
}
.contact-info {
   margin-top:10px;
   margin-bottom:10px;
}
.contact-info p{
    font-weight:normal;
  color:#333;
  font-size:14px;
}
.contact-info .icon {
   margin:10px auto;
   font-size:30px;
}
.map-wrapper {
   position:relative;
   height:500px;
}
.map-canvas {
   background-color: grey;
   background-repeat:no-repeat;
   background-size:cover;
   position:absolute;
   margin-bottom:20px;
   width:100%;
   height:500px;
   color: #29383F;
   position:absolute;
   left:0;
   top:0;
   right:0;
}
.contact .social {
   display: inline-block;
   margin-left:0;
}
.contact .social li {
   line-height: 32px;
   padding:10px 10px;
   font-family:'Porta';
   font-size: 50px;
   transition: margin 0.4s;
   -webkit-transition: margin 0.4s;
}
.contact .social li a {
   color:#167bb5;
}
.contact .social li a:hover {
   color:#25a7dd;
}
.contact-form{
   background: rgba(255, 255, 255, 0.9);
   z-index:110;
   position:relative;
   margin-top:-25px;
   padding:20px 20px 5px 20px;
   z-index:2;
}
.form h3 {
   color:#838589;
   padding-bottom:20px;
}
.message-btn {
   border:1px solid #25a7dd;
   color:#747C89;
   background-color:transparent;
   padding:15px 30px;
   font-size:17px;
}
.message-btn:hover {
   background-color:#25a7dd;
 color:#fff;
}
.contact-info {
   text-align:center;
   font-size:22px;
}
.info-mail {
   border:1px solid white;
   width:60%;
   margin:0 auto;
   padding:15px;
   color:#181A1C;
}
.black {
   color:#181A1C;
}
.footer {
   background: #181A1C;
   text-align: center;
}
.footer > p {
   color: #fff;
   margin:0;
}

.footer a{
   color:#FECE1A;
}

.footer a:hover, .footer a:focus{
   text-decoration: underline;
}
.scrollup {
   text-align:center;
   cursor:pointer;
   vertical-align:middle;
   width:39px;
   height:39px;
   border-radius:5px;
   font-size:20px;
   position:fixed;
   bottom:30px;
   right:20px;
   border:1px solid #fff;
   display:none;
   background: #167bb5;
}
.scrollup > a {
   position:relative;
   top:7px;
   color:#fff;
}
#direccion{
   width: 100%;
   margin-bottom: 20px;
   height: auto;
}
#direccion p{
   text-align: center;
   width: 100%;
   font-size: 16.5px;
   padding: 0;
   color: #454647;
}
img[src="images/ico/map-fondo.png"]
{background: url('../images/ico/map-icon.png') no-repeat 4px 4px}
@media (min-width: 980px) {
   .thumbnail .more {
       margin-left:-41px;
       width:80px;
       height:80px;
       border-radius:40px;
       line-height: 80px;
   }
   span.texto{
      display: inline-block;
      box-sizing: border-box;
      font-size: 17px;
      margin-top: 50px;
      padding-left: 7%;
      padding-right: 7%;
   }
}
@media (max-width: 979px) {
   body {
       padding-left:0;
       padding-right:0;
   }
   .navbar-fixed-top, .navbar-fixed-bottom {
      position: fixed;
   }
   .navbar .nav > li > a {
       line-height: 20px;
       vertical-align: middle;
   }
   .section {
       padding-left:20px;
       padding-right:20px;
   }
   .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
       margin-left: -10px;
       margin-right: -10px;
   }
   .nav-collapse {
       clear: both;
   }
   .nav-collapse .nav {
       float: none;
       margin: 0 0 10px;
   }
   .nav-collapse .nav > li {
       float: none;
   }
   .nav-collapse, .nav-collapse.collapse {
       width: 100%;
       display: inherit;
   }
   .thumbnail .more {
       margin-left:-21px;
       width:40px;
       height:40px;
       border-radius:30px;
       line-height: 40px;
   }
   .thumbnail:hover .more {
       margin-top:-20px;
   }
}
@media (max-width: 979px) and (min-width: 768px){
   span.texto{      
      display: inline-block;
      box-sizing: border-box;
      font-size: 15px;
      margin-top: 15px;
      padding-left: 7%;
      padding-right: 7%;  
   }
}
@media (max-width: 767px) {
   .info-mail {
       width:90%;
       padding:15px 0px;
   }
   .project-description {
       padding-left:20px;
   }
   span.texto{
      display: inline-block;
      box-sizing: border-box;
      font-size: 19.5px;
      margin-top: 30px;
      margin-left: 7%;
      margin-right: 7%;
   }
   h6.texto{
      font-size: 13px;
   }
   .res{
      margin-left: 7%;
      margin-right: 7%;  
   }
   .mask{
      box-sizing: border-box;
      padding-left: 6%;
      padding-right: 6%;
   }
   #map, #formulario{
      width: 100%;
   }
   .map-wrapper {      
      height:400px;
   }
   #mapa-form{
      padding-top: 35px;
   }
   #equipo{
      transform: rotate(2deg) translateX(-50px);
      -webkit-transform: rotate(2deg) translateX(-50px);
      -moz-transform: rotate(2deg) translateX(-50px);
      -o-transform: rotate(2deg) translateX(-50px);
      -ms-transform: rotate(2deg) translateX(-50px);
   }
   #equipo2{
      transform: rotate(-2deg) translateX(50px);
      -webkit-transform: rotate(-2deg) translateX(50px);
      -moz-transform: rotate(-2deg) translateX(50px);
      -o-transform: rotate(-2deg) translateX(50px);
      -ms-transform: rotate(-2deg) translateX(50px);
   }
   .project-title h3 {
      width:73%;
   }
   .project-description p, .project-description .res_ul{
      padding-top: 0;
   }
   .project-description .res_ul{
      margin-bottom: 20px;
   }
   .project-info, .project-info p{
      padding-bottom: 0;
   }
   .acerca{
      padding-top: 25%;
      padding-bottom: 4%;
   }
}
@media(max-width: 420px){
   #map{
      height: 400px;
   }
}
#loader-wrapper {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 1000;
}
#loader {
   display: block;
   position: relative;
   left: 50%;
   top: 50%;
   width: 150px;
   height: 150px;
   margin: -75px 0 0 -75px;
   border-radius: 50%;
   border: 3px solid transparent;
   border-top-color: #3498db;
   -webkit-animation: spin 2s linear infinite;
   animation: spin 2s linear infinite;
}

   #loader:before {
       content: "";
       position: absolute;
       top: 5px;
       left: 5px;
       right: 5px;
       bottom: 5px;
       border-radius: 50%;
       border: 3px solid transparent;
       border-top-color: #ffffff;
       -webkit-animation: spin 3s linear infinite;
       animation: spin 3s linear infinite;
   }

   #loader:after {
       content: "";
       position: absolute;
       top: 15px;
       left: 15px;
       right: 15px;
       bottom: 15px;
       border-radius: 50%;
       border: 3px solid transparent;
       border-top-color: #1daae2;

       -webkit-animation: spin 1.5s linear infinite;
         animation: spin 1.5s linear infinite;
   }

   @-webkit-keyframes spin {
       0%   {
           -webkit-transform: rotate(0deg);
           -ms-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100% {
           -webkit-transform: rotate(360deg);
           -ms-transform: rotate(360deg);
           transform: rotate(360deg);
       }
   }
   @keyframes spin {
       0%   {
           -webkit-transform: rotate(0deg);
           -ms-transform: rotate(0deg);
           transform: rotate(0deg);
       }
       100% {
           -webkit-transform: rotate(360deg);
           -ms-transform: rotate(360deg);
           transform: rotate(360deg);
       }
   }

.ir {
   background-color: transparent;
   border: 0;
   overflow: hidden;
   *text-indent: -9999px;
}

.ir:before {
   content: "";
   display: block;
   width: 0;
   height: 150%;
}

.hidden {
   display: none !important;
   visibility: hidden;
}

.visuallyhidden {
   border: 0;
   clip: rect(0 0 0 0);
   height: 1px;
   margin: -1px;
   overflow: hidden;
   padding: 0;
   position: absolute;
   width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
   clip: auto;
   height: auto;
   margin: 0;
   overflow: visible;
   position: static;
   width: auto;
}
.clearfix:before,
.clearfix:after {
   content: " ";
   display: table;
}

.clearfix:after {
   clear: both;
}
.clearfix {
   *zoom: 1;
}
.carousel {
   margin-bottom: 0;
 padding: 0 40px 30px 40px;
}
.carousel-control {
 left: -12px;
}
.carousel-control.right {
 right: -12px;
}
.carousel-indicators {
 right: 50%;
 top: auto;
 bottom: 0px;
 margin-right: -19px;
}
.carousel-indicators li {
 background: #c0c0c0;
}
.carousel-indicators .active {
background: #333333;
}
#desarrollo h2{color:#999999; font-family:'Raleway', sans-serif; font-size:14px; border-bottom: 1px #dedede solid;}
#otros img{width:100px; height:100px;}
.alert-success{color:#333333; background-color: rgba(22,123,181, 0.2); border-color:#167bb5;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background-color:#ffffff !important;}