@font-face {
    font-family: 'Platform';
    src: url('../font/Platform-Regular.eot');
    src: local('../font/Platform Regular'), local('../font/Platform-Regular'),
        url('../font/Platform-Regular.eot?#iefix') format('embedded-opentype'),
        url('../font/Platform-Regular.woff2') format('woff2'),
        url('../font/Platform-Regular.woff') format('woff'),
        url('../font/Platform-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*
@font-face {
    font-family: 'Platform';
    src: url('Platform-MediumItalic.eot');
    src: local('Platform Medium Italic'), local('Platform-MediumItalic'),
        url('Platform-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('Platform-MediumItalic.woff2') format('woff2'),
        url('Platform-MediumItalic.woff') format('woff'),
        url('Platform-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Platform';
    src: url('Platform-BoldItalic.eot');
    src: local('Platform Bold Italic'), local('Platform-BoldItalic'),
        url('Platform-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('Platform-BoldItalic.woff2') format('woff2'),
        url('Platform-BoldItalic.woff') format('woff'),
        url('Platform-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Platform Hairline';
    src: url('Platform-Hairline.eot');
    src: local('Platform Hairline'), local('Platform-Hairline'),
        url('Platform-Hairline.eot?#iefix') format('embedded-opentype'),
        url('Platform-Hairline.woff2') format('woff2'),
        url('Platform-Hairline.woff') format('woff'),
        url('Platform-Hairline.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'Platform Hairline';
    src: url('Platform-HairlineItalic.eot');
    src: local('Platform Hairline Italic'), local('Platform-HairlineItalic'),
        url('Platform-HairlineItalic.eot?#iefix') format('embedded-opentype'),
        url('Platform-HairlineItalic.woff2') format('woff2'),
        url('Platform-HairlineItalic.woff') format('woff'),
        url('Platform-HairlineItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'Platform';
    src: url('Platform-Medium.eot');
    src: local('Platform Medium'), local('Platform-Medium'),
        url('Platform-Medium.eot?#iefix') format('embedded-opentype'),
        url('Platform-Medium.woff2') format('woff2'),
        url('Platform-Medium.woff') format('woff'),
        url('Platform-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Platform';
    src: url('Platform-RegularItalic.eot');
    src: local('Platform Regular Italic'), local('Platform-RegularItalic'),
        url('Platform-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('Platform-RegularItalic.woff2') format('woff2'),
        url('Platform-RegularItalic.woff') format('woff'),
        url('Platform-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Platform';
    src: url('Platform-Bold.eot');
    src: local('Platform Bold'), local('Platform-Bold'),
        url('Platform-Bold.eot?#iefix') format('embedded-opentype'),
        url('Platform-Bold.woff2') format('woff2'),
        url('Platform-Bold.woff') format('woff'),
        url('Platform-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Platform';
    src: url('Platform-Light.eot');
    src: local('Platform Light'), local('Platform-Light'),
        url('Platform-Light.eot?#iefix') format('embedded-opentype'),
        url('Platform-Light.woff2') format('woff2'),
        url('Platform-Light.woff') format('woff'),
        url('Platform-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Platform';
    src: url('Platform-LightItalic.eot');
    src: local('Platform Light Italic'), local('Platform-LightItalic'),
        url('Platform-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('Platform-LightItalic.woff2') format('woff2'),
        url('Platform-LightItalic.woff') format('woff'),
        url('Platform-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
*/


@media (max-width: 575px) {
    .img_background {
        width: 100%;
    }
}

@media (min-width: 576px) {
    .img_background {
        width: 80%;
    }
}

@media (min-width: 768px) {
    .img_background {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .messageBody {
        display: none;
    }
}

/* 
@media (min-width: 1200px) {
    .img_background {
        width: 75%;
    }
} */

@media (min-width: 1400px) {
    .img_background {
        width: 100%;
    }
}

@media (min-width: 1600px) {
    .img_background {
        width: 110%;
    }
}

@media (min-width: 2000px) {
    .img_background {
        width: 130%;
    }
}


input,
textarea {
    background: transparent !important;
    color: white !important;
    border: none !important;
    box-shadow: none !important;
}

.body {
    /* background-image: url("../images/background_1.jpg"); */
    background-repeat: no-repeat;
    background-size: 60% 90%;
    font-family: "Platform";
}

.encabezado {
    margin: 5% 15% 5% 15%;
    text-align: right;
    color: white;
    -webkit-text-stroke: 2px black;
}

.formulario {
    /*margin: 8.50% 15% 0 55%; 
    background: white;*/
    /* background-image: url("../images/Fondo.jpg"); */
    /* width: 480px; */
    height: 100%;
    background-repeat: round;
    background: radial-gradient(circle, #0750A1 0%, #02377A 50%, #011939 100%);
}

::placeholder {
    color: rgba(255, 255, 255, 0.845);
    opacity: 1;
}

.centrar {
    /*position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);*/
    transform: translateY(35%);
}

.tam_img {
    width: 50px;
    height: 50px;
}

.tam_img_lk {
    width: 45px;
    height: 45px;
}

.slider {
    width: 100%;
    background: #a3a3a3;
}

.bg_color {
    background-color: white;
}

.color_blue {
    color: #4491cd;
}

.footer_css {
    background-color: #54595f;
    /*height: 395px;*/
    height: 100%;
}

.footer_img_css {
    /*text-align: right;*/
    padding-right: 7%;
}

.pointer {
    cursor: pointer;
}

.oculto {
    display: none;
}

.inner-addon {
    position: relative;
}

.right-addon .glyphicon {
    right: 0px;
}

.inner-addon .glyphicon {
    position: absolute;
    padding: 10px;
    pointer-events: none;
}

.left-addon .glyphicon {
    left: 0px;
}

.left-addon input {
    padding-left: 30px;
}

.right-addon input {
    padding-right: 30px;
}

#datepicker {
    background-color: inherit;
}

.img_bg {
    background-image: url("../images/imagen_alerta.jpeg");
    background-repeat: no-repeat;
    background-size: 100%;
    height: 800px;
}

.tam_img_logo {
    width: 79px;
    height: 79px;
}

.pd_0 {
    padding: 0px;
}

.bg_gray {
    background-color: #f0f0f0;
}

.pd_l_15 {
    padding-left: 15px;
}

.pd_t_8 {
    padding-top: 8px;
}

.pd_r_33 {
    padding-right: 33px;
}

.mg_r_0 {
    margin-right: 0px;
}

.mg_b_0 {
    margin-bottom: 0px;
}

.mg_l_68 {
    margin-left: 68px;
}

.border_input {
    border-bottom: 1px solid white !important;
    border-radius: 10px;
}

.color_white {
    color: white;
}

.text_center {
    text-align: center;
}

.tam_img_certificados {
    max-width: 100%;
    width: 100%;
}

.texto_header {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.1em;
}

.ds_flex {
    display: flex;
}

.ds_in_bl {
    display: inline-block;
}

.j_c {
    justify-content: center;
}

.a_header {
    text-decoration: none;
    color: #787878;
}

.a_header:hover {
    text-decoration: none;
    color: #169ddd;
}

.btn_enviar {
    border-radius: 20px;
    width: 50%;
}

.p_l_25p {
    padding-left: 25%
}

.bg_body {
    position: absolute;
    z-index: -5;
    left: -120px;
}

.img_background {
    height: 760px;
}

.customInput {
    height: 40px;
    padding-bottom: 3px;
}

.customInput .icon {
    position: absolute;
    color: #4e4e4e;
    margin: 0;
    padding: 0;
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.customInput input {
    width: 100%;
    height: 100%;
    padding-left: 40px;
    border-bottom: 2px solid #5681b7 !important;
}

.customInput input:focus-visible {
    outline: none !important;
}

.customInput label {
    color: #ff0000e0;
    margin-bottom: 10px;
}

.message textarea {
    background-color: #486e9bc2 !important;
    border-radius: 10px;
    padding: 15px;
}

.message textarea::placeholder {
    color: #7a96b4;
    opacity: 1;
}

.iconSocial {
    width: 40px;
    height: 40px;
    margin: 5px;
    background-color: #fff;
    border-radius: 10px;
    color: #002f34;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: 0.5s;
}

.iconSocial:hover {
    background-color: #002f34;
    color: white;
}

.messageBody {
    font-size: 50px;
    color: #fff;
    font-weight: 900;
    font-family: system-ui;
    padding-left: 30px;
}