/* ── DINPro Medium — fuente local ── */
@font-face {
    font-family: 'DINNextRoundedLTW02-Reg';
    src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/e779a118-4a48-4d02-b508-42ffcca65029.woff') format('woff'),
         url('../fonts/b7d55c7d-ef74-4820-8706-4cc32936b1ed.ttf') format('truetype');
    font-style: normal;
}
@font-face {
    font-family: 'DINPro';
    src: url('../fonts/DINPro-Medium.eot');
    src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINPro-Medium.woff') format('woff'),
         url('../fonts/DINPro-Medium.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro';
    src: url('../fonts/DINPro-Medium.eot');
    src: url('../fonts/DINPro-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DINPro-Medium.woff') format('woff'),
         url('../fonts/DINPro-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@charset "utf-8";
@import url('reset.css');
@import url('fonts.css');

/*codigo secreto*/
:root {
    --GrisClaro: #F8F9FB;
    --GrisMedio: #BABABA;
    --GrisLine: #D1D1D1;
    --GrisLine50: #d1d1d18c;
    --AzulProfundo: #204780;
    --AzulClaro: #14C1EA;
    --AzulETB:#0092bc;
    --AzulNeon: #00FFFF;
    --Naranjado: #FF5C39;
    --AlternativoNegro: #333333;
    --Negro: #000000;
    --Blanco: #FFFFFF;
}
.imgMantenimientoPagos{
    position: absolute;
    width: 100%;
    z-index: 100;
}
.marqueepruebas {
    position: absolute;
    z-index: 1000000;
    width: 100%;
    height: 4.3vh;
    font-size: 142%;
    color: var(--Negro);
    display: flex;
    align-items: center;
    opacity: 0.6;
}
body,
p,
table,
td,
th,
tr,
ul,
ol,
textarea,
input,
h2,
h1,
h3 {
    font-family: DINPro, arial;
    color: #666666;
    list-style: none;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
}

.titulot {
    position: relative;
    margin: 0 auto;
    width: 295px;
    color: #009bcf;
    font-size: 137%;
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    border-bottom: 6px solid #009bcf;
    line-height: 181%;
    padding-bottom: 10px;
    font-family: DINPro;
    padding: 0;
    outline: none;
    display: block;
    margin-bottom: 3%;
}

.TituloBienvenido {
    position: relative;
    float: left;
    margin: 20px 0px 30px;
    width: 100%;
    line-height: 100%;
    color: #eb6625;
    list-style: none;
    padding: 0;
    font-size: 162%;
}

h1 {
    font-family: DINPro;
    font-weight: 900;
}

.wrap {
    position: relative;
    width: 1060px;
    margin: 0 auto;
}

.newwrap {
    position: relative;
    width: 100%;
    margin: 0 auto;
}


body {
    background: #ffffff;
    width: 100%;
    overflow-x: hidden;
    display: block;
}

::-webkit-scrollbar {
    width: 12px;
    background: #fff;
}

::-webkit-scrollbar-track {
    opacity: 0.8;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: var(--AlternativoNegro);
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #fc947e;
        opacity: 0.8;
    }

a:hover {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
}

strong {
    font-weight: bold;
}

.pagosheader {
    position: relative;
    float: left;
    width: 100%;
    background: var(--AzulETB);
    height: 100px;
}

.logo-etb {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
}
.TitlePagosHeader{
    color: var(--Blanco);
    font-size: 2rem;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    line-height: 1;
    padding: 0 20px;
    text-align: center;
}
img .logol{
    border: none;
    padding: 0px;
    margin: 0px;
    display: block;
}

/*.loaderActual {
    border: 4px solid rgba(0,0,0, .1);
    width: 100px;
    height: 100px;
    border-radius: 50%;
    border-left-color: #09f;
    animation: spin 1s ease infinite;
    display: flex;
    z-index: 100000;
    position: fixed;
    top: calc(50% - 20px);
    left: calc(50% - 2px);
    
    margin-top: -80px;
    
}*/

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

/*.loaderActual .logol {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 2px);
    transform: translate(-50%, -50%);
    width: 60px;
}*/

.loaderActual {
    margin-top: -80px;
    position: fixed;
    width: 100%;
    height: 120%;
    z-index: 99999999;
    background: rgba(255, 255, 255, 1);
    opacity: 0.5;
}





.loaderActual::after {
    position: absolute;
    top: calc(50% - 74px);
    left: calc(50% - 54px);
    transform: translate(-50%, -50%);
    content: '';
    border: 4px solid #fff; /* Light grey */
    border-top: 4px solid #214780; /* Blue */
    border-radius: 250%;
    width: 100px;
    height: 100px;
    animation: spin 2s linear infinite;
    -webkit-animation: spin 2s linear infinite;
}

.loaderActual::before {
    position: absolute;
    top: calc(50% - 69px);
    left: calc(50% - 49px);
    transform: translate(-50%, -50%);
    content: '';
    border: 4px solid #fff; /* Light grey */
    border-top: 4px solid #214780; /* Blue */
    border-radius: 250%;
    width: 100px;
    height: 100px;
    animation: spin 1.1s linear infinite;
    -webkit-animation: spin 1.1s linear infinite;
}

.loaderActual .logol {
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 2px);
    transform: translate(-50%, -50%);
    width: 60px;
}
.logo-etb img {
    position: relative;
    float: left;
    height: 70%;
}
.NitPagos{
    margin: 5px 0 0 0;
}

.pagosdate, .pagoscontact {
    position: relative;
    float: right;
    width: 90%;
    color: #fff;
    text-align: right;
}

.pagosdate {
    font-size: 125%;
    font-weight: 500;
    margin: 0 0 5px 0;
}

.pagoscontact {
    font-size: 100%;
    font-weight: 300;
}

.content-pag {
    position: relative;
    float: left;
    width: 100%;
    min-height: 500px;
    background: #FCFCFC;
    z-index: 1;
}

.cont-headpag {
    position: relative;
    float: left;
    width: 100%;
}

    .cont-headpag h2 {
        position: relative;
        float: left;
        width: 100%;
        margin-bottom: 10px;
        font-size: 125%;
        font-weight: 300;
        color: #707070;
        margin-top: 20px;
    }

    .cont-headpag h3 {
        position: relative;
        float: left;
        width: 100%;
        color: #707070;
        font-size: 100%;
        font-weight: 500;
        margin-bottom: 35px;
    }

.logopse {
    position: absolute;
    left: 50%;
    top: 40px;
    margin: 0px 0px 0px -65px;
}

.content-pag section {
    position: relative;
    float: left;
    width: 100%;
    background: #fff;
    padding: 30px 0;
    height: auto;
}

.wrap-sect {
    position: relative;
    width: calc(100% - 108px);
    margin: 0 auto;
}

.wrap-sect2 {
    position: relative;
    width: 100%;
    margin: 0 auto;
}


.content-pag section h2 {
    position: relative;
    float: left;
    width: 100%;
    color: #4A4A4A;
    text-transform: uppercase;
    font-size: 1rem;
    line-height: 100%;
    font-weight: 900;
    border-bottom: 2px solid #F0F0F0;
    padding-bottom: 15px;
    margin-top: 0.5rem;
}

.cont-trans {
    position: relative;
    float: left;
    width: calc(100% - 4px);
    border: 2px solid #F0F0F0;
}

.ctrans-item {
    position: relative;
    float: left;
    width: calc(25% - 80px);
    padding: 40px;
}

.darkitem {
    background: #F0F0F0;
}

.ctrans-item p {
    position: relative;
    float: left;
    width: 100%;
    color: #4A4A4A;
    font-size: 125%;
    line-height: 120%;
    font-weight: 300;
}

    .ctrans-item p span {
        font-weight: 900;
    }

.darkitem p span {
    color: #009BCF;
}

.cont-user {
    position: relative;
    float: left;
    width: calc(100% - 84px);
    border-top: 2px solid #F0F0F0;
    padding: 40px;
}

.input-user {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

    .input-user p {
        position: relative;
        float: left;
        width: 100%;
        color: #4A4A4A;
        font-size: 112%;
        line-height: 120%;
        font-weight: 300;
        margin-bottom: 10px;
    }

    .input-user select {
        position: relative;
        float: left;
        margin-bottom: 10px;
        padding: 3px 30px 3px 12px;
        min-width: 285px;
        border: 1px solid #DDDDDD;
        font-size: 112%;
        color: #707070;
        border-radius: 5px;
        box-shadow: 1px 1px 3px rgba(0,0,0,0.12);
    }

.user-cancel {
    position: relative;
    float: left;
    min-width: 90px;
    border-radius: 24px;
    color: var(--Negro);
    padding: 10px 20px;
    height: 20px;
    line-height: 20px;
    text-transform: uppercase;
    background: #E0E0E0;
    text-align: center;
    cursor:pointer;
}

.user-pay {
    position: relative;
    float: left;
    min-width: 70px;
    border-radius: 24px;
    color: #fff;
    padding: 10px 20px;
    height: 37px;
    line-height: 20px;
    text-transform: uppercase;
    background: var(--AzulETB);
    text-align: center;
    width: 100%;
}

    .user-pay:hover {
        color: #fff;
        background: #ff5c39;
    }

.user-cancel:hover {
    color: var(--Blanco);
    background: var(--Naranjado);
}

.cont-mensaje {
    position: relative;
    float: left;
    width: calc(100% - 84px);
    padding: 40px;
}

.logo-trans {
    position: relative;
    margin: 0 auto;
}

.mensaje-trans {
    position: relative;
    float: left;
    width: 100%;
    color: #009BCF;
    text-align: center;
    margin: 30px 0px;
    font-size: 240%;
    text-transform: uppercase;
}

.state-exito h1 {
    color: #009BCF;
}

.state-delay h1, .state-rechazo h1 {
    color: #ff5c39;
}

.cont-mensaje h2 {
    border-bottom: 2px solid #F0F0F0;
    padding-bottom: 20px;
}

.table-mensaje {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

    .table-mensaje td {
        border: 1px solid #F0F0F0;
        padding: 10px 0px 10px 10px;
        width: 56%;
    }

    .table-mensaje tr td:first-child {
        border: 1px solid #fff;
        background: #009BCF;
        color: #fff;
        width: 44%;
        font-weight: 300;
    }

.consultablock table {
    width: 100%;
    position: relative;
    float: left;
    margin: 10px 0px;
}

.btns-user {
    width: 100%;
    position: relative;
    float: left;
    margin-left: 0px;
    margin-top: 0px;
    display: block;
    justify-content: center;
}

.row {
    width: 100%;
    display: flex;
    margin-bottom: 0.4rem;
    float: left;
    justify-content: center;
}

/*ipad*/
@media only screen and (min-width: 768px) and (max-width: 1025px) and (orientation: landscape) {
    body, p, table, td, th, tr, ul, ol, textarea, input, h2, h1, h3 {
        font-size: 12px;
        line-height: 15px;
    }

    .wrap {
        width: 700px
    }



    .logo-etb {
        height: 31px;
        margin-top: 16px;
    }


    .pagoscontact {
        font-size: 80%;
        font-weight: 300;
        line-height: 100%;
    }

    .content-pag {
        position: relative;
        float: left;
        width: 100%;
        min-height: 500px;
        background: #FCFCFC;
        z-index: 1;
    }

    .cont-headpag h2 {
        margin-bottom: 10px;
        font-size: 110%;
        margin-top: 30px;
    }

    .cont-headpag h3 {
        color: #707070;
        font-size: 110%;
        margin-bottom: 38px;
    }

    .logopse {
        left: initial;
        right: 0px;
        top: 20px;
        width: 70px;
        margin: 0px;
    }


    .wrap-sect {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .content-pag section h2 {
        font-size: 110%;
        margin-bottom: 20px;
    }

    .ctrans-item p {
        font-size: 110%;
    }

    .ctrans-item {
        width: calc(33.33% - 20px);
        padding: 15px 10px;
    }

    .darkitem {
        width: calc(90% - 20px);
        text-align: center;
        margin-left: 5%;
        margin-bottom: 20px;
        padding: 8px 10px;
    }

    .cont-user {
        padding: 0px;
        width: 100%;
    }

    .input-user select {
        margin-bottom: 0px;
        padding: 3px 30px 3px 12px;
        min-width: calc(100% - 6px);
    }

    .contfr-l, .contfr-r {
        position: relative;
        width: 100% !important;
        margin-left: 0px !important;
    }

    .contfr-r {
        margin-top: 20px;
    }

        .contfr-r img {
            width: 100%;
        }

    .wrap-sect {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .Ventana_pago, .consultablock {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .btns-user {
        width: 100%;
        position: relative;
        float: left;
        margin-left: 0px;
        margin-top: 0px;
    }

    .user-cancel, .user-pay {
        min-width: calc(50% - 50px);
        width: calc(50% - 50px);
        margin: 0px 5px;
    }
}
/*mobiles*/

@media only screen and (min-width: 0px) and (max-width: 767px) and (orientation: landscape) {
    body,
    p,
    table,
    td,
    th,
    tr,
    ul,
    ol,
    textarea,
    input,
    h2,
    h1,
    h3 {
        font-size: 12px;
        line-height: 15px;
    }

    .logo-etb {
        height: 31px;
        margin-top: 16px;
    }

    .pagosdate, .pagoscontact {
        color: #fff;
        margin-bottom: 0px;
    }



    .pagoscontact {
        font-size: 80%;
        font-weight: 300;
        line-height: 100%;
    }

    .content-pag {
        position: relative;
        float: left;
        width: 100%;
        min-height: 500px;
        background: #FCFCFC;
        z-index: 1;
    }

    .cont-headpag h2 {
        margin-bottom: 10px;
        font-size: 110%;
        margin-top: 30px;
    }

    .cont-headpag h3 {
        color: #707070;
        font-size: 110%;
        margin-bottom: 38px;
    }

    .logopse {
        left: initial;
        right: 0px;
        top: 20px;
        width: 70px;
        margin: 0px;
    }


    .wrap-sect {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .content-pag section h2 {
        font-size: 110%;
        margin-bottom: 20px;
    }

    .ctrans-item p {
        font-size: 110%;
    }

    .ctrans-item {
        width: calc(33.33% - 20px);
        padding: 15px 10px;
    }

    .darkitem {
        width: calc(90% - 20px);
        text-align: center;
        margin-left: 5%;
        margin-bottom: 20px;
        padding: 8px 10px;
    }

    .cont-user {
        padding: 0px;
        width: 100%;
    }

    .input-user select {
        margin-bottom: 0px;
        padding: 3px 30px 3px 12px;
        min-width: calc(100% - 6px);
    }

    .contfr-l, .contfr-r {
        position: relative;
        width: 100% !important;
        margin-left: 0px !important;
    }

    .contfr-r {
        margin-top: 20px;
    }

        .contfr-r img {
            width: 100%;
        }

    .wrap-sect {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }

    .Ventana_pago, .consultablock {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .btns-user {
        width: 100%;
        position: relative;
        float: left;
        margin-left: 0px;
        margin-top: 0px;
    }

    .user-cancel, .user-pay {
        min-width: calc(50% - 50px);
        width: calc(50% - 50px);
        margin: 0px 5px;
    }

    .Ventana_pago {
        height: 380px !important;
    }

    .Ventana_pago iframe {
        height: 380px !important;
    }
}


@media only screen and (min-width: 0px) and (max-width: 767px) and (orientation: portrait) {
    body,
    p,
    table,
    td,
    th,
    tr,
    ul,
    ol,
    textarea,
    input,
    h2,
    h1,
    h3 {
        font-size: 12px;
        line-height: 15px;
    }

    .logo-etb {
        height: 31px;
        margin-top: 16px;
    }

    .content-pag {
        position: relative;
        float: left;
        width: 100%;
        min-height: 500px;
        background: #FCFCFC;
        z-index: 1;
    }

    .cont-headpag h2 {
        margin-bottom: 10px;
        font-size: 110%;
        margin-top: 30px;
    }

    .cont-headpag h3 {
        color: #707070;
        font-size: 110%;
        margin-bottom: 38px;
    }

    .logopse {
        left: initial;
        right: 0px;
        top: 20px;
        width: 70px;
        margin: 0px;
    }


    .contfr-l, .contfr-r {
        position: relative;
        width: 100% !important;
        margin-left: 0px !important;
    }

    .contfr-r {
        margin-top: 20px;
    }

        .contfr-r img {
            width: 100%;
        }

    .wrap-sect {
        position: relative;
        width: 100%;
        margin: 0 auto;
    }
    .content-pag section{
        width: 80%;
        padding: 30px;
    }
    .content-pag section h2 {
        font-size: 110%;
        margin-bottom: 20px;
    }

    .ctrans-item p {
        font-size: 110%;
    }

    .ctrans-item {
        width: calc(33.33% - 20px);
        padding: 15px 10px;
    }

    .darkitem {
        width: calc(90% - 20px);
        text-align: center;
        margin-left: 5%;
        margin-bottom: 20px;
        padding: 8px 10px;
    }

    .cont-user {
        padding: 0px;
        width: 100%;
    }

    .input-user select {
        margin-bottom: 0px;
        padding: 3px 30px 3px 12px;
        min-width: calc(100% - 6px);
    }

    .btns-user {
        width: 100%;
        position: relative;
        float: left;
        margin-left: 0px;
        margin-top: 0px;
    }

    .user-cancel, .user-pay {
        min-width: calc(50% - 50px);
        width: calc(50% - 50px);
        margin: 0px 5px;
    }

    .Ventana_pago, .consultablock {
        width: 100% !important;
        margin-right: 0px !important;
    }

    .Ventana_pago {
        height: 500px !important;
    }

    .Ventana_pago iframe {
        height: 430px !important;
    }
}


/*new styles 2018 consulta y paga*/

.tablefac4 label {
    position: relative;
    color: #4A4A4A;
    font-size: 1rem;
    line-height: 120%;
    font-weight: 300;
}

.btnconti {
    position: relative;
    float: left;
    padding: 10px 20px;
    width: calc(100% - 42px);
    border: 1px solid #DDDDDD;
    font-size: 112%;
    color: var(--AlternativoNegro);
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.12);
    /*margin-bottom: 20px;*/
}

.subtext {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 20px;
    color: #4A4A4A;
    font-size: .6rem;
    line-height: 120%;
    font-weight: normal;
    margin: 10px 0;
}

.consultablock {
    position: relative;
    float: left;
    width: 350px;
    min-width: 350px;
}
.ContainerFirst{
    margin: 1rem 0;
}
.ContainerSecond{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    gap: 30px;
}
.Ventana_pago {
    min-width: 400px;
}

    .Ventana_pago iframe {
        height: 518px;
        border-style: none;
        overflow: hidden;
        padding: 0 !important;
		    width: 100%;
    }

.cfpop { /* cfpop es la clase para ocultar el tag section de cada popup*/
    display: none;
}

.contfr-l {
    position: relative;
    float: left;
 
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

.contfr-r {
    position: relative;
    float: left;
    width: 340px;
    background: #fbfeff;
    height: 440px;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.25);
}

.sliderimgs {
    position: relative;
    float: left;
    width: 100%;
}

.slick-dots {
    display: block;
    position: absolute;
    top: initial;
    width: auto;
    left: 85%;
    bottom: 10px;
    z-index: 8;
}

    .slick-dots li {
        position: relative;
        float: left;
        width: 15px;
        height: 15px;
        margin-bottom: 5px;
        margin-right: 3px;
    }

    .slick-dots button {
        position: relative;
        float: left;
        width: 15px;
        height: 15px;
        text-indent: -9999px;
        background: #eb6625;
        border: none;
        border-radius: 8px;
        cursor: pointer;
        -webkit-box-shadow: 0px 3px 10px -3px rgba(0,0,0,0.75);
        -moz-box-shadow: 0px 3px 10px -3px rgba(0,0,0,0.75);
        box-shadow: 0px 3px 10px -3px rgba(0,0,0,0.75);
    }

.slick-active button {
    background: #009bcf;
}

.slick-slide {
    position: relative;
}

.slick-prev {
    position: absolute;
    border: none;
    text-indent: -9999px;
    background: url(../img/icons/aleft.png) left center no-repeat;
    width: 13px;
    height: 18px;
    left: 5px;
    top: 11px;
    cursor: pointer;
    z-index: 9;
    visibility: hidden;
}

.slick-next {
    position: absolute;
    border: none;
    text-indent: -9999px;
    background: url(../img/icons/aright.png) left center no-repeat;
    width: 13px;
    height: 18px;
    right: 5px;
    top: 11px;
    cursor: pointer;
    z-index: 9;
    visibility: hidden;
}


.pt-little {
    position: relative;
    float: left;
    width: 70%;
    margin: 10px 0px;
    font-size: 73%;
    line-height: 110%;
    text-align: center;
}
.ContentPagosHeader{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
}
.ContentDataHeader{
    display: flex;
    flex-direction: column;
    width: 40%;
    align-items: center;
}

@media (max-width:768px) {
    .cont-form {
        height: auto !important;
    }
    
    .Ventana_pago {
        margin: 0;
    }

        .Ventana_pago iframe {
            height: 500px !important;
            padding: 0 !important;
        }

    .contfr-r {
        height: auto;
    }
}
.Container_pt-little{
    display: flex;
    justify-content: center;
}
.ModalSubContainer{
    background: var(--Blanco);
    display: flex;
    flex-direction: column;
    padding: 50px;
    border-radius: 20px;
    gap: 30px;
    align-items: center;
}
.ImgModalPay{
    width: 100px;
}
.ModalContainer{
    border-radius: 63rem !important;
}
.ModalBodyPay{
    background: var(--Blanco);
    color: var(--Negro);
    text-align: center;
    font-size: 1.2rem;
    line-height: 20px;
}
.BtnModalPayContain{
    background: var(--Blanco);
    display: flex;
    justify-content: center !important;
    align-items: center;
    width: 100%;
}
.BtnModalPayContain > .BtnModalPay{
    background: var(--AzulETB);
    text-transform: uppercase;
    padding: 10px 35px;
    border-radius: 12px;
    color: var(--Blanco);
}
@media (min-width:768px) {
	.consultablock {
		width:350px;
	}
	.Ventana_pago iframe {
		width: 87%;
	}
}
@media (max-width: 767px){
    .TitlePagosHeader{
        width: auto;
        position: absolute;
        top: 60px;
    }
    .pagosheader {
        height: 150px;
    }
    .ContentDataHeader{
        width: 80%;
    }
}
@media (min-width:1440px) {
    .contfr-l{
        width: 930px;
    }
    .consultablock {
        width: 500px;
    }
}