#contacto{}

#contacto .fondo-azul-osc h2{font-family: semi; font-size: 32px; color: #FFF; text-align: center; padding: 30px;}
#contacto .ctn-contactos{padding-top:22px;}
#contacto .ctn-contactos h3{font-family: semi; font-size: 25px; color:#FFF; border-bottom: 1px solid rgba(255,255,255,0.3); text-align: center; padding-bottom: 5px;;}
#contacto .ctn-contactos .correo{font-family: regular; font-size: 16px; color:#FFF; text-align: center; padding-top: 5px; padding-bottom: 12px;}
#contacto .ctn-contactos .correo a{font-family: regular; font-size: 16px; color:#FFF;}
#contacto .ctn-contactos .correo a:hover{text-decoration: underline;}
#contacto .ctn-contactos .contact-venta, .contact-soporte{background-color: rgba(125 ,220 ,255 ,0.5); border-radius: 20px;}
#contacto .contact-venta .txt-contact-ventas{padding: 30px 40px 15px 40px;}
#contacto .contact-venta .img-contact-venta img{margin-top: -13px;}
#contacto .ctn-contactos .contact-venta h2{font-family: regular; font-size: 25px; color:#FFF; text-align: center;}
#contacto .ctn-contactos .contact-venta h2 p{font-family: regular; font-size: 25px; color:#FFF; }
#contacto .ctn-contactos .contact-venta h2 a{font-family: regular; font-size: 25px; color:#FFF; }
#contacto .ctn-contactos .contact-venta h2 a:hover{text-decoration: underline;}
#contacto .contact-soporte .txt-soporte{padding: 30px 40px 46px 40px;}
#contacto .contact-soporte .img-soporte img{margin-top: -15px;}

#contacto .ctn-datos{padding-top: 40px; margin-bottom: 44px;}
#contacto .ctn-datos h2{font-family: semi; font-size: 32px; text-align: center; color: #FFF; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 20px; height: auto;}
#contacto .ctn-datos form{padding-top: 24px; }
#contacto .ctn-datos form textarea{height: 85px;}
#contacto .ctn-datos form img{display: block; margin: 0 auto;}
#contacto .ctn-datos .ctn-btn{text-align: center;}
#contacto .ctn-datos .btn-verde{font-family: semi; font-size: 18px; border-radius: 20px; padding: 8px 44px; margin-top: 16px;}
#contacto .ctn-datos .h-campos{display: none;}
#contacto .ph_formulario.secundario .form-group label span{color: #FFF;}
#contacto .ph_formulario.secundario .form-group .g-recaptcha{transform: inherit !important; -webkit-transform: inherit !important; transform-origin: inherit !important; -webkit-transform-origin: inherit !important;}
#contacto .ph_formulario.secundario .form-group .g-recaptcha div{margin: 0 auto;}

@media(max-width:767px){
    #contacto .contact-venta{margin-bottom: 20px;}
    #contacto .ctn-contactos .contact-venta h2{font-size: 23px;}   
    
    #contacto .ctn-datos div:nth-child(5){padding-top: 0;}
    #contacto .ctn-datos .recaptcha{margin-top: 15px;}
}

@media (min-width:768px) and (max-width:920px){
    #contacto .contact-venta{padding:10px;}
    #contacto .contact-soporte {padding: 10px;}
    #contacto .contact-venta .img-contact-venta{width: 100%;}
    #contacto .contact-venta .txt-contact-ventas{width: 100%; padding-top: 15px; padding-bottom: 10px;}
    #contacto .contact-soporte .img-soporte{width: 100%;}
    #contacto .contact-soporte .txt-soporte{width: 100%; padding-top:15px; padding-bottom: 40px;}
    #contacto .contact-venta .img-contact-venta img{margin: 0 auto; display: block; height: 140px;}
    #contacto .contact-soporte .img-soporte img{margin: 0 auto; display: block;  height: 140px;}
}

@media (max-width:479px){  
    #contacto .fondo-azul-osc h2{padding:15px; font-size: 28px;}
    #contacto .ctn-datos h2{font-size: 28px; padding-bottom: 10px;}
    #contacto .ctn-contactos h3{padding-top:5px;}
    #contacto .contact-venta{padding:10px;}
    #contacto .contact-venta .img-contact-venta{width: 100%;}
    #contacto .contact-venta .img-contact-venta img{margin: 0 auto; display: block; width: 130px; height: 100px;}
    #contacto .contact-venta .txt-contact-ventas{width: 100%; padding: 0;}
    
    #contacto .contact-soporte {padding: 10px;}
    #contacto .contact-soporte .img-soporte{width: 100%;}
    #contacto .contact-soporte .img-soporte img{width: 130px; height: 100px; margin: 0 auto; display: block;}
    #contacto .contact-soporte .txt-soporte{width: 100%; padding: 0;}
    #contacto .ph_formulario.secundario .form-group .g-recaptcha{transform: scale(0.77) !important; -webkit-transform: scale(0.77) !important; transform-origin: scale(0.77) !important; -webkit-transform-origin: scale(0.77) !important;}
}