body{
    font-family: 'Montserrat', sans-serif;
}

.navbar{
    background-color: rgba(256,256,256,1);
    border: none;
    text-align:center;

}
.navbar .nav,
.navbar .nav > li {
  float:none;
  display:inline-block;
  *display:inline; /* ie7 fix */
  *zoom:1; /* hasLayout ie7 trigger */
  vertical-align: top;
  font-size: 15px;
    font-weight: 300;

}
.logos a, .sitios a, .contacto a {
    width:70px;
}

.landings a, .emailings a {
    width:100px;
}

   
   
    .nav li a {
    padding: 10px 8px;
}



.navbar-brand{
    display: none;
}

#header{
    background-color: #bfd630;
    text-align: center;
    color: #fff;
}
.titular{
    max-width: 800px;
    margin: 8% auto;
}
#header h1{
font-family: 'Montserrat', sans-serif;
font-size:70px;
font-weight: 900;

}
#header p{
font-size: 20px;
font-family: 'Montserrat', sans-serif;
font-weight: 300;
}
.titulo{
font-size: 28px;
margin-bottom: 80px;
color: #ccc;
font-weight: 700;
}
#logos{
    padding-bottom: 90px;
    text-align: center;
    margin-top: 70px;
}
#sitios{
    background-color: #eee;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    color:#9D9D9D;
    font-size: 16px;
}
#emailings{
    padding-bottom: 90px;
    text-align: center;
    margin-top: 70px;
}
#landings{
    background-color: #eee;
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    color:#9D9D9D;
    font-size: 16px;
}
#videos{
    text-align: center;
    padding-top: 100px;
    padding-bottom: 100px;
    color:#9D9D9D;
    font-size: 16px;
}
.bajada{
    padding-bottom: 50px;
   }
.bajada:hover{

        -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
        transform: scale(1.03);
}

#emailings{
    padding: 50px;
}
.email, .email1 {
    border: 2px solid #eee;
    margin: 30px;
    }
.derecha {
    margin-top: 150px;
    }
#contact {
    background-position: center;
    background-repeat: no-repeat;
    padding-bottom: 200px;
    padding-top: 200px;
    background-color: #222;
    text-align: center;
}

.formulario{
    max-width: 800px;
    margin: 0 auto;
    font-size: 16px;
    color: #666;
}
#contact h1{
    font-family: 'Montserrat', sans-serif;
    font-size:70px;
    font-weight: 900;
    color: #444;
}

#contact .section-heading {
    color: #fff;
}

#contact .form-group {
    margin-bottom: 25px;
}

#contact .form-group input,
#contact .form-group textarea {
    padding: 20px;
}

#contact .form-group input.form-control {
    height: auto;
    background-color: transparent;
    border: 0;
    border-bottom: 2px solid #666;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

textarea.form-control {
    height: 93px;
    border: 2px solid #666;
    background-color: transparent;
    border-radius: 0;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
}

#contact .form-control:focus, #contact .form-group input.form-control:focus {
    border-color: #dbfa88;
    box-shadow: none;
}

#contact::-webkit-input-placeholder {
    text-transform: uppercase;
        color: #bbb;
}

#contact:-moz-placeholder {
    text-transform: uppercase;
    color: #bbb;
}

#contact::-moz-placeholder {
    text-transform: uppercase;
      
    color: #bbb;
}

#contact:-ms-input-placeholder {
    text-transform: uppercase;
       
    color: #bbb;
}



.btn-xl{
    background-color: #dbfa88;
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    width: 30%;
    line-height: 2em;
}

.btn-xl:hover{
    background-color: #bbe842;
}

a{
    color: #999;
}

a:link{
    color: #999;
}

a:hover{
    color: #dbfa88;
}
.navbar-default .navbar-nav > li > a{
    letter-spacing: 0.05em;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
     color: #999;
     font-weight: 700;
     letter-spacing: 0em;
 }

#contact a{
    color: #999;
}
#contact a:active{
    color: #999;
}
#contact a:hover{
    color: #bbb;
    font-weight: 400;
}
a:active, a:focus {
outline: none;
}


    .star {
        visibility: hidden;
    }

    .fadeIn {
        -webkit-animation: animat_show 0.8s;
        animation: animat_show 0.8s;
        visibility: visible !important;
    }

    @-webkit-keyframes animat_show{
        0%{opacity:0}
        100%{opacity:1}
    }

      


@media (max-width:767px){
    .navbar-brand{
        display: block; 
    }
    .logo{
        display: none !important;
    }
    #header h1{
        font-size: 40px !important;
    }
    #contact h1{
        font-size: 40px !important;
    }
    .btn-xl{
    width: 100%;
    }
    #contact {
    padding-bottom: 50px;
    padding-top: 50px;
    }
    .email, .email1{
        margin: 15px;
    }
.derecha {
    margin-top: 0px;
       }
       .nav > li > a {
      padding: 10px 8px;


}

.hide_me{
     opacity:0;
}
.show_me{
     opacity:1;
}



@media (max-width:768px){
    .navbar .nav,
    .navbar .nav > li {
    font-size: 13px;
   
    }
    .logos a, .sitios a, .contacto a {
    width:60px;
    }

    .landings a, .emailings a {
    width: 85px;

}
.nav > li > a {
    padding: 10px 0px;
}

}