.fondo-azul-osc{background-color: #0099d9; padding: 0; margin-bottom: 30px;}
.fondo-azul-osc h2{text-align: center; color: #FFF; font-family: semi; font-size: 32px;}


#contacto{}
    
    #contacto .ctn-formulario{padding: 0;}
    #contacto .titulo{padding-top: 25px; padding-bottom: 15px;}
    #contacto .p-titulo{font-family: regular; font-size: 15px; color: #000; margin:15px 0 30px; text-align: justify;}
    #contacto .ctn-titulo img{display: inline-block;}
    #contacto .ctn-titulo h3{display: inline-block; vertical-align: middle; font-family: regular; font-size: 23px; color: #444242; margin: 0; padding-left: 5px;}
    #contacto .fondo-azul-osc h2{font-family: semi; font-size: 32px; color: #FFF; text-align: center; padding: 15px 0;}
    #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 .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 .contact-soporte .txt-soporte{padding: 30px 40px 46px 40px;}
    #contacto .contact-soporte .img-soporte img{margin-top: -15px;}
    #contacto .ctn-datos h2{display: none;}
    #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; margin-bottom: 100px;}
    #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;}
    #contacto .ctn-datos .ctn-btn{margin-bottom: 30px;}
}

@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;}
}