/* @import must be at top of file, otherwise CSS will not work */
/*@import 'https://fonts.googleapis.com/css?family=FontMedium:400,700';*/

@font-face {
    font-family: 'Barlow-Regular';
    src: url('../../fonts/Barlow-Regular.woff') format('woff'), url('../../fonts/Barlow-Regular.eot') format('embedded-opentype'), url('../../fonts/Barlow-Regular.otf') format('opentype'), url('../../fonts/Barlow-Regular.svg') format('svg'), url('../../fonts/Barlow-Regular.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-Bold';
    src: url('../../fonts/Barlow-Bold.woff') format('woff'), url('../../fonts/Barlow-Bold.eot') format('embedded-opentype'), url('../../fonts/Barlow-Bold.otf') format('opentype'), url('../../fonts/Barlow-Bold.svg') format('svg'), url('../../fonts/Barlow-Bold.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-Medium';
    src: url('../../fonts/Barlow-Medium.woff') format('woff'), url('../../fonts/Barlow-Medium.eot') format('embedded-opentype'), url('../../fonts/Barlow-Medium.otf') format('opentype'), url('../../fonts/Barlow-Medium.svg') format('svg'), url('../../fonts/Barlow-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Barlow-SemiBold';
    src: url('../../fonts/Barlow-SemiBold.woff') format('woff'), url('../../fonts/Barlow-SemiBold.eot') format('embedded-opentype'), url('../../fonts/Barlow-SemiBold.otf') format('opentype'), url('../../fonts/Barlow-SemiBold.svg') format('svg'), url('../../fonts/Barlow-SemiBold.ttf') format('truetype');
}

/*@font-face {
    font-family: 'Satisfy';
    src: url('../../fonts/Satisfy.woff') format('woff'), url('../../fonts/Satisfy.eot') format('embedded-opentype'), url('../../fonts/Satisfy.otf') format('opentype'), url('../../fonts/Satisfy.svg') format('svg'), url('../../fonts/Satisfy.ttf') format('truetype');
}*/

@font-face {
    font-family: 'BarlowCondensed-semiBold';
    src: url('../../fonts/BarlowCondensed-semiBold.woff') format('woff'), url('../../fonts/BarlowCondensed-semiBold.eot') format('embedded-opentype'), url('../../fonts/BarlowCondensed-semiBold.otf') format('opentype'), url('../../fonts/BarlowCondensed-semiBold.svg') format('svg'), url('../../fonts/BarlowCondensed-semiBold.ttf') format('truetype');
}
@font-face {
    font-family: 'BarlowCondensed-Bold';
    src: url('../../fonts/BarlowCondensed-Bold.woff') format('woff'), url('../../fonts/BarlowCondensed-Bold.eot') format('embedded-opentype'), url('../../fonts/BarlowCondensed-Bold.otf') format('opentype'), url('../../fonts/BarlowCondensed-Bold.svg') format('svg'), url('../../fonts/BarlowCondensed-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'BarlowCondensed-Regular';
    src: url('../../fonts/BarlowCondensed-Regular.woff') format('woff'), url('../../fonts/BarlowCondensed-Regular.eot') format('embedded-opentype'), url('../../fonts/BarlowCondensed-Regular.otf') format('opentype'), url('../../fonts/BarlowCondensed-Regular.svg') format('svg'), url('../../fonts/BarlowCondensed-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'BarlowCondensed-Light';
    src: url('../../fonts/BarlowCondensed-Regular.woff') format('woff'), url('../../fonts/BarlowCondensed-Regular.eot') format('embedded-opentype'), url('../../fonts/BarlowCondensed-Regular.otf') format('opentype'), url('../../fonts/BarlowCondensed-Regular.svg') format('svg'), url('../../fonts/BarlowCondensed-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'BarlowCondensed-Medium';
    src: url('../../fonts/BarlowCondensed-Medium.woff') format('woff'), url('../../fonts/BarlowCondensed-Medium.eot') format('embedded-opentype'), url('../../fonts/BarlowCondensed-Medium.otf') format('opentype'), url('../../fonts/BarlowCondensed-Medium.svg') format('svg'), url('../../fonts/BarlowCondensed-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Futura';
    src: url('../../fonts/BarlowCondensed-Medium.woff') format('woff'), url('../../fonts/BarlowCondensed-Medium.eot') format('embedded-opentype'), url('../../fonts/BarlowCondensed-Medium.otf') format('opentype'), url('../../fonts/BarlowCondensed-Medium.svg') format('svg'), url('../../fonts/BarlowCondensed-Medium.ttf') format('truetype');
}

@font-face {
    font-family: 'Myriad-pro';
    src: url('../../fonts/Barlow-SemiBold.woff') format('woff'), url('../../fonts/Barlow-SemiBold.eot') format('embedded-opentype'), url('../../fonts/Barlow-SemiBold.otf') format('opentype'), url('../../fonts/Barlow-SemiBold.svg') format('svg'), url('../../fonts/Barlow-SemiBold.ttf') format('truetype');
}



@font-face {
    font-family: 'Satisfy';
    src: url('../../fonts/MrDafoe-Regular.woff') format('woff'), url('../../fonts/MrDafoe-Regular.eot') format('embedded-opentype'), url('../../fonts/MrDafoe-Regular.otf') format('opentype'), url('../../fonts/MrDafoe-Regular.svg') format('svg'), url('../../fonts/MrDafoe-Regular.ttf') format('truetype');
}



body {
    background: white;
    color: #000;
    font-family: Futura !important;
    /*line-height: 24px;*/
    width: 100%;
    margin: 0 0 0 0;
    position: relative;
    padding-bottom: 0px;
    overflow-y: scroll;
    overflow-x: hidden;
    top: 0px;
    left: 0px;
}

.icono{
    height:20px;
}
.col-medio {
    width: 8.33333334%
}


.margincar1 {
    margin-top: -100px;
}
.modalhome{
    width:100%;
}

.marginheader {
    height: 95px !important;
}

.heightFormHome {
    height: 380px;
}

.fontLala {
    font-family: myriad-pro !important;
}

.textLala{
    vertical-align: middle !important;
}

a {
    color: #FFFFFF !important;
    font-family: 'Barlow-Bold' !important;
    line-height: 24px;
    text-transform: uppercase !important;
}


.logoleftCSS {
    max-height: 80px;
    margin-top: 10px;
}

.margintopheader{
    margin-top: 110px;
}

/********************/
/* Custom container */
/********************/
.container-full {
    margin: 0 0 0 0;
    width: 100%;
    padding: 0 0 0 0;
}
.margenSup5 {
    margin-top: 5px;
}
.margenSup10 {
    margin-top: 10px;
}
.margenSup20{
    margin-top:20px;
}
.form-labelLogin{
    text-align:left;
    font-family:Barlow-Bold;
}

.h10 {
    font-size: 10px;
}

.h12 {
    font-size: 12px;
}


.TablaImpar {
    background-color: #D2002C;
    color:white;
}

.TablaPar {
    background-color: #ffffff;
    color: #AFAEAE;
}


.TablaPar{

}
/*
.carousel-indicators li {
    background-color: #000 !important;
}
.carousel-indicators {
    bottom: 0px !important;
}*/
/********************/
/*TITULOS PRINCIPAl*/
/********************/
.panelDerecho {
    border: none; 
    background-color:#1C3687;
    height:550px;
    margin-top:-50px;
}

.IngresoPrincipal {
    /*background-color: #194B72;*/
    /*color: #FFFFFF;*/

    background-image: url('MaskGroup3.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.TituloSubeteAlBarco {
    /* Layout Properties */
    /* UI Properties */
    color: var(--unnamed-color-0574a6);
    text-align: center;
    font: normal normal normal 30px/43px Satisfy;
    letter-spacing: 0px;
    color: #f5f6fa;
    opacity: 1;
}
.TituloCrece {
    /* Layout Properties */
    /* UI Properties */
    color: var(--unnamed-color-0574a6);
    text-align: center;    
    font-family: BarlowCondensed-Bold;
    letter-spacing: 0px;
    color: #f5f6fa;
    opacity: 1;
}

.TituloSeccionPrincipalHome {
    color: var(--unnamed-color-0574a6);
    text-align: center;
    font-family: BarlowCondensed-Bold;
    letter-spacing: 0px;
    color: #1C3687;
    opacity: 1;
}

.fondoprincipalizquierdo {
    background-image: url('Group1Left.png');
    background-size: cover;
    background-position: left;
    margin-right: -10px !important;
    padding: 0px !important;
}

.fondoprincipalderecho {
    /*    background-image: url('FONDOD.png');    
    background-size: cover;
    background-position: right;*/
    background-color: white;
}

.input-group-addon {    
    text-align: center;
    background-color: #ffffff;

}


.subtitulosmenu {
    font-family: BarlowCondensed-Bold;
    font-size: 16px;
    color: #707070 !important;
}

.subtitulosmenu a:hover {
    font-family: BarlowCondensed-Bold;
    font-size: 16px;
    color: #0584C4 !important;
}


.TituloMecanicaHome {
    color: var(--unnamed-color-d63640);
    text-align: left;
    font-family: BarlowCondensed-Bold;
    letter-spacing: 0px;
    color: White;
    font-size: 27px
}

.TextoMecanicaHome {
    color: #FFFFFF;
    font-size: 16px;
    font-family: Barlow-Regular;
    font-weight: normal;
    margin-left:50px;
}

.TituloXS4Css {
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-family: BarlowCondensed-Bold;
    font-weight: bold !important;
}

TituloMecanicaHomeXS {
    color: #a38d5e !important;
    font-size: 20px !important;
    font-family: BarlowCondensed-Bold;
    font-weight: bold !important;
}

.TextoMecanicaHomeXS {
    color: #FFFFFF;
    font-size: 18px;
    font-family: Barlow-Regular;
    font-weight: normal;
}

.imgmecanica{
    max-height:400px;
}
/***Operaciones*/
.TituloSeccionOperaciones {
    color: #FFF200;
    font-size: 18px;
    /*font-family: 'Segoe UI';*/
    font-family: Barlow-Bold;
}

.TituloSeccionOperacionesMenu {
    color: #FFFFFF;
    font-size: 12px;  
}

#mny a, a:focus, a:hover {
    color: #FFFFFF !important;
    font-size: 12px !important;    
}

#foot a, a:focus, a:hover {
    color: #D2002C !important;
    font-size: 12px !important;
}


.PanelMenu {
    background-color: #1C3687;
    height: 400px;
    padding: 15px;
}
.stiloUl{
    color:white;
}


/***TU AVANCE****/
.pnltuavance {
    background-color: #1C3687;
}

.TitulosAvance {
    font-family: BarlowCondensed-Medium;
    font-size: 40px;
}
.TituloMetas {
    font-family: BarlowCondensed-Medium;
    font-size: 24px;
}
.TituloDetAvance {
    font-family: BarlowCondensed-Medium;
    font-size: 60px;
}

    .TituloSeccionTienda {
        color: #194B72;
        font-size: 20px;
        /*font-family: 'Segoe UI';*/
        font-family: Barlow-Bold;
        font-style: normal;
        font-weight: 700;
    }

.PuntajeMenu {
    font-size: 17px !important;
    color: #D2002C;
    text-align: left;
    font-family: Myriad-pro;
    letter-spacing: 0px;
    opacity: 1;
    margin-top: -10px !important;
}

.TitulosHome {
    color: var(--unnamed-color-0574a6);
    text-align: center !important;
    font: normal normal bold 25px/96px;
    font-family: BarlowCondensed-Bold !important;
    letter-spacing: 0px;
    color: #1C3687;
    opacity: 1;
    font-size:22px;    
}
.Tituloslanding {    
    text-align: center !important;    
    font-family: BarlowCondensed-Bold !important;
    letter-spacing: 0px;
    color: #545859;
    opacity: 1;
    font-size: 40px;
}

.TitulosHomeXS {
    color: #30abe0 !important;
    font-size: 28px !important;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-style: normal !important;
    font-weight: bold !important;
}
.TituloslandingXS {
    text-align: center !important;
    font-family: BarlowCondensed-Bold !important;
    letter-spacing: 0px;
    color: #545859;
    opacity: 1;
    font-size: 28px;
}

.ButtonHome {
    color: #FFFFFF;
    font-size: 18px !important;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #D2002C;
    height: 35px;
    width: 200px;
    border-radius: 0px;
    border: 5px;
}

.ButtonHablemos {
    color: #ffffff !important;
    font-size: 20px !important;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    background-color: #194B72 !important;
    height: 35px !important;
    width: 140px !important;
    border-radius: 12px !important;
}

.ButtonPaginacion {
    color: #ffffff;
    font-size: 35px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    background-color: #194B72;
    height: 35px;
    width: 35px;
    border-radius: 12px;
}
.ButtonDeleteCanjes {
    color: #ffffff !important;
    font-size: 15px !important;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    background-color: #1C3687 !important;
    border: 0;
    height: 25px !important;
    width: 25px !important;
    border-radius: 12px !important;
}

.BtnIngresoPrincipalWhite {
    width: 121px !important;
    height: 43px;
    border: 1px solid #D2002C;
    color: #D2002C;
    opacity: 1;
    background: var(--unnamed-color-d2002c) 0% 0% no-repeat padding-box;
    background: #ffffff 0% 0% no-repeat padding-box;
    opacity: 1;
}

.CeldaControl{
    font-size:19px;
}

.DivCapacitaciones {
    position: relative;
}

    .DivCapacitaciones .DivCapacitacionesButton {
        background-color: transparent !important;
        border: 0px;
        text-align: center;
        position: absolute;
        bottom: 35%;
        right: 5%;
        width: auto;
        height: auto;
        font-size: xx-large !important;
    }

    .DivCapacitaciones .DivCapacitacionesButtonXS {
        background-color: transparent !important;
        border: 0px;
        text-align: center;
        position: absolute;
        bottom: 40%;
        right: 5%;
        width: auto;
        height: auto;
        font-size: small;
    }

.bordeganac {
    background-clip: content-box, padding-box !important;
}

.BordeGana {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    box-shadow: 0px 0px 10px #00000029;
    height: 107px;
    /*background-clip: content-box, padding-box !important;*/
    /*  margin:10px;*/
}

.BordeGanaActivo {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFF200 0% 0% no-repeat padding-box;
    color: #1C3687;
    opacity: 1;
    height: 107px;
    /*background-clip: content-box, padding-box !important;*/
    box-shadow: 0px 0px 10px #00000029;
}


.textPaso {
    color: var(--unnamed-color-1C3687);
    text-align: center;
    font-family: Barlow-Bold;
    letter-spacing: 0px;
    color: #1C3687;
    opacity: 1;
    font-size: 23px;
}


.textPasoActivo {
    color: var(--unnamed-color-1C3687);
    text-align: center;
    font-family: Barlow-Bold;
    letter-spacing: 0px;
    color: #1C3687;
    opacity: 1;
    font-size: 24px;
}

.TextosHome {
    color: #ffffff;
    font-size: 25px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
}

.TextosHomeXSSM {
    color: #ffffff;
    font-size: 25px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: 700 !important;
}

.ComoVasTexto {
    color: #0e4064;
    font-size: 25px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.TituloSeccionTiendaHomeTitulos {
    color: #194B72;
    font-size: 30px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
}

.TituloSeccionTiendaHome {
    color: #ffffff;
    font-size: 40px;
    /*font-family: 'Segoe UI';*/
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: 700;
}

.TituloSeccionTiendaHomeXSSM {
    color: #ffffff;
    font-size: 45px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
}

.TitulosMetasHome {
    color: #ffffff;
    font-size: 25px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: 400;
}

.MontosHome {
    color: #ffffff;
    font-size: 30px;
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-style: normal;
    font-weight: bold;
}

.TituloSeccionTiendaRes {
    color: #545859;
    font-size: 16px !important;
    /*font-family: 'Segoe UI';*/
    font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
    font-style: normal;
    font-weight: 400;
}

.SubTituloSeccionPrincipalHome {
    color: var(--unnamed-color-0584c4);
    text-align: left;
    font: normal normal normal 16px/19px BarlowCondensed-Medium;
    letter-spacing: 0px;
    color: #0584C4;
    opacity: 1;
}


.DropDownLala {
    background-color: #FFFFFF !important;
    border-color: #194B72 !important;
    color: #194B72 !important;
    height: 30px !important;
    font-size: 16px !important;
    align-items: center !important;
    border-radius: 5px !important;
    font-family: myriad-pro-condensed, sans-serif !important;
    font-style: normal !important;
    font-weight: 400 !important;
    width: auto;
}

.BtnPrincipal {
    
    font-family: myriad-pro-condensed, sans-serif;
    font-style: normal;
    font-weight: 400;
    background-color: #194B72;
    color: #FFF;
    font-size: 18px;
    border-radius: 10px;
}

.LknPrincipal {
    font-family: myriad-pro-condensed, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF !important;
    font-size: 16px !important;
}


.ImgInfoPuntos {
    font-family: myriad-pro-condensed, sans-serif;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF !important;
    font-size: 18px !important;
    position:relative;
    padding-top:20px;
}

.InfoPuntos {
    position: absolute;
    top: 55%;
    left: 0%;
    width: 100%;
}

.InfoPuntosTitle {
    position: absolute;
    top: 35%;
    left: 0%;
    width: 100%;
}



.TituloSeccionPrincipal {
    font-family: Barlow-SemiBold !important;
    color: #000;
}

.FontBold {
    font-family: BarlowCondensed-Bold !important;
}

.FontAdinue {
    font-family: Barlow-SemiBold !important;
}

.FontTextoTitulos {
    font-family: BarlowCondensed-Bold !important;
}

.FontTextoNormal {
    font-family: BarlowCondensed-Medium !important;
}

.FontfuturaBook {
    font-family: Barlow-Medium;
}

.FontFuenteBold {
    font-family: Barlow-Bold;
}

.FontFuenteMedium {
    font-family: Barlow-Medium;
}

.FontFuenteSemibold {
    font-family: Barlow-SemiBold;
}
.FontFuenteRegular{
    font-family:Barlow-Regular !important;
}
/********************/
/* Colors*/
/********************/

.azul {
    color: #1C3687 !important;
}


.gris {
    color: #545859 !important;
}

.amarillo {
    color: #FFF200 !important;
}

.blanco {
    color: #FFFFFF !important;
}



.GridviewPaging {
    color: #0584C4 !important;
}

/********************/
/* start footer */
/********************/
.footer {
    background-color: blue;
    text-align: center;

}

    .footer > p {
        color: #194B72;
        margin: 0;
    }

    .footer a {
        color: #194B72;
    }

        .footer a:hover,
        .footer a:focus {
            text-decoration: underline;
        }

.footerMP {
    position: relative;
    clear: both;
    
    min-height: 220px;
    margin-bottom: -20px;
}

.Footerbgimg {
    background-color: #fff !important;
    color: #545859;
    margin-bottom: 0px;
    bottom: 0px;
}


.footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 30px;
    color: #545859;
    padding: 5px;
    font-family:Barlow-Regular;
    background-color: white !important;
}


.form-controlPrincipalL {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    background-color: white !important;
    opacity: 1;
    border-right: none;
    border-radius: 0px !important;
    font-size: 12px !important;
    font-family: Barlow-Regular;
    border-left: 1px solid var(#BBBCBC);
    border-top: 1px solid var(#BBBCBC);
    border-bottom: 1px solid var(#BBBCBC);
}
.form-controlPrincipalR {
    background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
    border-left: none;
    border-radius: 0px !important;
    font-size: 12px !important;
    font-family:Barlow-Regular;
    border-right: 1px solid var(#BBBCBC);
    border-top: 1px solid var(#BBBCBC);
    border-bottom: 1px solid var(#BBBCBC);
}


/********************/
/* start contact */
/********************/
.controlContacto {
    animation: none;
    color: #ffffff !important;
    background-color: #D2002C;
    border-color: #D2002C;
    vertical-align: middle;
    border-left: none;
    border-right: none;
    border-top: none;
    border-radius: 0px;
    outline: none !important;
    outline-width: 0 !important;
    outline: none !important;
    outline-width: 0 !important;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-bottom-color: #ffffff !important;
    border-bottom-width: 3px !important;
}



#FooterSection {
    background-color: #f6f6f6 !important;
    color: #fff;
    min-height: 220px;
    padding: 0px 0 0px 0;
}

    #FooterSection h2 {
        font-weight: bold;
        letter-spacing: 1px !important;
        padding-top: 30px;
        font-size: 15px;
        color: white;
    }

    #FooterSection h3 {
        padding-top: 30px;
        font-size: 12px;
        color: white;
    }


/* start contact */

#btnHablemos {
    background-color: #000;
    color: #fff;
    min-height: 30px;
    padding: 5px;
}


/********************/
/* Triauning */
/********************/
.margenToptraining{
    margin-top:-150px;
}
/********************/
/* Contacto */
/********************/
#contact {
    background-color: #00b6b9;
    color: #000;
    min-height: 250px;
    padding: 20px 0 0px 0;
}

    #contact p {
        font-weight: 400;
        padding: 20px 0 40px 0;
    }

    #contact .form-control {
        background: #404040;
        border: none;
        border-radius: 2px;
        box-shadow: none;
        color: #000;
        margin: 0 0 0 0;
        opacity: 0.9;
    }

        #contact .form-control::-moz-placeholder {
            color: #fff;
            opacity: 1;
        }

        #contact .form-control:-ms-input-placeholder {
            color: #fff;
        }

        #contact .form-control::-webkit-input-placeholder {
            color: #fff;
        }

    #contact input {
        /*height: 50px;*/
        color: #000;
    }

    #contact img {
        position: relative;
        width: 100%;
    }

    #contact textarea {
        height: 120px;
        color: #000;
    }

    #contact input[type="submit"] {
        background: #00b6b9;
        border: none;
        color: #FFFFFF;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
        margin: 10px 0 40px 0;
    }

        #contact input[type="submit"]:focus,
        #contact input[type="submit"]:hover {
            background: #FFFFFF;
            border-color: transparent;
            color: #66AF33;
        }

    #contact .control-label {
        font-size: 18px;
        color: black;
    }

.form-control-InputTextArea {
    height: 130px !important;
}

.form-control-InputText {
    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000 !important;
    background-image: none;
    border: 1px solid #000 !important;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

    .form-control-InputText::-webkit-input-placeholder {
        color: white;
    }
/* end contact */




.fontMenu a {
    color: var(--unnamed-color-315a7e);
    text-align: left;
    font-family: Barlow-SemiBold !important;
    letter-spacing: 0px;
    color: #545859 !important;
    opacity: 1;
    text-transform: none !important;
}

    .fontMenu a:hover {
        color: #D2002C !important;
    }


.seccionMecanica {
    height: 100%;    
    justify-content: center;
    display: flex;
    align-items: center;
}


/********************/
/*Mecanica Secciones*/
/********************/

.SeccionImagenMec {
    height: 100% !important;
}


#btnContactonew {
    /*position: relative;*/ /* Important, we are going to offset to this div*/
    /*width: 200px;
    height: 200px;
    background: #EEE;*/
    overflow: hidden;
}


.btn-flotante {
    background-color: #D2002C; /* Color de fondo */
    padding: 18px 30px 18px 30px !important; /* Relleno del boton */
    position: fixed;
    bottom: 50%;
    right: 0px;
    transition: all 300ms ease 0ms;
    z-index: 99;
    background: #D2002C 0% 0% no-repeat padding-box;
    box-shadow: 0px 0px 10px #00000069;
    border-start-start-radius: 10px;
    border-end-start-radius: 10px;
    opacity: 1;
}

    .btn-flotante:hover {
        background-color: #D2002C; /* Color de fondo */
        padding: 18px 30px 18px 30px !important; /* Relleno del boton */
        position: fixed;
        bottom: 50%;
        right: 0px;
        transition: all 300ms ease 0ms;
        z-index: 99;
        background: #D2002C 0% 0% no-repeat padding-box;
        box-shadow: 0px 0px 10px #00000069;
        border-start-start-radius: 10px;
        border-end-start-radius: 10px;
        opacity: 1;
    }

.TituloXS1{
    font-size:
}
/**recursos**/
.contenedorrecursos {
    position: relative;
    display: inline-block;
    text-align: center;
}

.centradorecursos {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFF200;
    font-family: BarlowCondensed-SemiBold;
    font-size:18px;
    text-transform: uppercase;
}


/***TU CUENTA****/

.container-cuenta {
    height: 400px;
     border-radius: 35px;
    opacity: 1;
}
.progbar {
    background: #044467 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 3px 6px #00000029;
    border-radius: 25px;
    opacity: 1;
}

.progbar-avance {
    background: #F2F5F8 0% 0% no-repeat padding-box;
    border-radius: 25px;
    opacity: 1;
    color: black;
}
.margenSup2 {
    margin-top: 15px;
}

.cajacuenta {
    background-color: white;
    height: 40px;
    vertical-align: middle;
}
.cuenta-font{
    font-family:Barlow-Bold !important;
}

.cuentaHeader {
    background-image: url("TuCuentaHeader.png");
    background-repeat: no-repeat;
    border-radius: 0px;
    background-size: cover;
}
.cuenta-back {
    vertical-align: middle;
    text-align: left;
    width: 95%;
    height: 35px;
    background-color: #fff;
    box-shadow: none;
    border-radius: 0px;
    color: #545859;
    padding: 10,10,10,10;
}

.progbar {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: inset 0px 3px 6px #00000029;
    border-radius: 25px;
    opacity: 1;
}

.progbar-avance {
    background: #FFF200 0% 0% no-repeat padding-box;
    border-radius: 25px;
    opacity: 1;
    color: black;
}





@media only screen and (max-width: 600px) {
    .btn-flotante {
        font-size: 14px;
        padding: 12px 20px;
        bottom: 20px;
        margin-top:50%;
       /* right: 20px;*/
    }
} 

@media only screen and (min-width: 1200px) {

    .fondotest{
        background-color:transparent;
    }
  

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 50px !important;
    /*    margin-top: 10px !important;*/
    }

    .margintopMobile {
        margin-top: 0px;
    }

    .col-md-6 {
        width: 49% !important;
        display: inline-block;
        float: none !important;
        vertical-align: middle;
    }

    .col-md-offset-3 {
        margin-left: 19% !important;
    }

    .fillmeleft {
        position: absolute;
        top: 0px;
        bottom: 0px;
        left: 0px;
    }

    .fillmeright {
        position: absolute;
        top: 0px;
        bottom: 0px;
        right: 0px;
    }

    .margenSup {
        padding-top: 50px;
    }

    .margenSup1 {
        padding-top: 10px;
    }

    .marginSup2 {
        padding-top: 30px;
    }

    .HomeBg {
        padding-top: 50px;
    }

    .boxContacto {
        float: left;
    }
    .box {
        float: left;
        overflow: hidden;
    }
    /* Add padding and border to inner content
    for better animation effect */
    .box-inner {
        width: 400px;
        padding: 10px;
    }

    .timeline-item {
        font-size: 14px !important;
    }


    .TituloSeccion {
        font-family: Barlow-Medium;
        font-size: 40px;
        color: #fff;
    }

    .DescripcionSeccion {
        font-family: Barlow-Medium;
        font-size: 21px;
        color: white;
        margin-bottom: 7%;
    }

    .DescripcionSeccionInf {
        font-family: Barlow-Medium;
        font-size: 21px;
        color: #3a5562;
    }

    .timeline-badge {
        display: block;
    }

    ul.timeline > li > .timeline-panel:after {
        display: block;
    }

    ul.timeline > li > .timeline-panel:before {
        display: block;
    }

    .ul.timeline > li {
        width: 100%;
    }



    .NewHeaderImgMarcas {
        max-width: 100%;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
        display: inline;
        text-align: right !important;
    }


    #videoModal {
        padding-right: 0px !important;
        width: 100% !important;
    }

    #modal-content-Video {
        width: 150%;
    }


    #modal-dialog-Video {
        margin-left: 16% !important;
        margin-right: 0px !important;
    }

    #iframeVideo {
        height: 500px !important;
        width: 855px;
    }


    body {
        background-color: white;
    }


    .imglogoFooter {
        width: 100px;
        /*margin-left:33%;*/
    }

    .blueimp-gallery .modal-body img, .blueimp-gallery .modal-body .video-content video, .blueimp-gallery .modal-body .video-content iframe, .blueimp-gallery .modal-body .video-content a {
        top: 55% !important;
    }

    h1 {
        font-size: 60px;
    }

    h2 {
        font-size: 31px;
    }

    h3 {
        font-size: 31px;
    }

    h4 {
        font-size: 25px;
    }
    /*HTC No mover*/
    h5 {
        font-size: 24px ;
    }
    /*HTC No mover*/
    h6 {
        font-size: 20px;
    }
    /*HTC No mover*/
    h7 {
        font-size: 32px;
    }
    /*HTC No mover*/
    h8 {
        font-size: 56px;
    }
    /*HTC No mover*/
    h9 {
        font-size: 13px;
    }
    /*HTC No mover*/
    h10 {
        font-size: 12px;
    }
    /*HTC No mover*/
    h11 {
        font-size: 13px;
    }
    /*HTC No mover*/
    h12 {
        font-size: 28px;
    }
    /*HTC No mover*/
    h13 {
        font-size: 14px;
    }
    /*HTC No mover*/
    h14 {
        font-size: 14px;
    }
    /*HTC No mover*/
    h15 {
        font-size: 28px;
    }
    /*HTC No mover*/
    h16 {
        font-size: 18px;
    }
    /*HTC No mover*/
    h17 {
        font-size: 22px;
    }

    h18 {
        font-size: 18px;
    }

    h20 {
        font-size: 20px;
    }


    h24 {
        font-size: 24px;
    }

    h30 {
        font-size: 30px;
    }

    h35 {
        font-size: 35px;
    }

    h36 {
        font-size: 36px !important;
    }

    h40 {
        font-size: 40px !important;
    }
   


    /*HTC No mover*/
    .FontMedium {
        font-family: FontMedium;
        font-weight: 700;
        font-size: 17px !important;
    }

    .Univers55Roman100 {
        font-family: FontMedium;
        font-weight: 100;
        letter-spacing: 2px;
    }

    .Univers55Roman300 {
        font-family: FontMedium;
        font-weight: bold;
        letter-spacing: 2px;
    }

    /*button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        background-color:#e30614;
        color: white;
        font-weight: bold;
        margin-top: 10px;
        width: 80px;
        height: 40px;
        padding : 8px 20px 8px 20px;        
        font-family: FontMedium, sans-serif;
    }*/



    .RegresivoTitulo1 {
        font-size: 80px;
    }

    .RegresivoTitulo2 {
        font-size: 27px;
    }

    .RegresivoTitulo3 {
        font-size: 19px;
    }

    .RegresivoTitulo4 {
        font-size: 45px;
    }

    .RegresivoTitulo5 {
        font-size: 16px;
    }

    .RegresivoTitulo6 {
        font-size: 40px;
    }

    .control-label {
        font-size: 19px;
    }

    .LabelNotas {
        font-size: 14px;
    }

    .subtitulos {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 16px;
        color: #000000 !important;
    }
    .HeaderTable{
        text-transform:uppercase;
    }

    .subtitulosReportes {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 20px !important;
    }

    .btnEstablecimiento {
        font-size: 9px;
    }

    #Tree a, a:focus, a:hover {
        font-size: 18px;
    }

    #Tree .chkboxPerfil {
        font-size: 18px;
    }

    .GridviewPaging a, a:focus, a:hover {
        font-size: 16px;
    }

    .GridviewPaging span {
        font-size: 14px;
    }

    .WucMensaje {
        width: 30%;
        margin: 0 0 5% 0;
    }

    .TitulosPrincipales {
        padding-top: 0.2em;
    }

    .MargenMenu {
        margin-left: 50px;
    }

    .navbar-default .navbar-nav li a {
        font-size: 13px;
        height: 40px;
        line-height: 40px;
    }

    .rombo {
        width: 30px;
        height: 30px;
        margin: 8px;
    }

    .RankinCac {
        font-size: 15px;
    }

    .RankinAlcance {
        font-size: 22px;
        font-weight: bold;
    }

    .RankinTitulo {
        font-size: 18px;
        color: #fff;
    }

    .divRanking {
        font-size: 60px;
        padding-top: 60px;
    }

    .carousel-inner {
        margin-top: 1.3%;
        margin-bottom: 1.3%;
    }
}

@media only screen and (max-width: 1199px) {
    .fondotest {
        background-color: transparent;
    }
    .timeline-item {
        font-size: 12px !important;
    }

    .TituloSeccion2 {
        font-family: Barlow-Medium;
        font-size: 80px;
        color: rgb(255, 255, 255);
        margin-top: 5%;
    }

    .TituloSeccion {
        font-family: Barlow-Medium;
        font-size: 35px;
        color: white;
    }

    .DescripcionSeccion {
        font-family: Barlow-Medium;
        font-size: 22px;
        color: white;
        margin-bottom: 5%;
    }

    .DescripcionSeccionInf {
        font-family: Barlow-Medium;
        font-size: 22px;
        color: #3a5562;
        margin-bottom: 0%;
    }

    .NewHeaderImgMarcas {
        max-width: 100%;
        margin-top: 2.5%;
        margin-bottom: 7%;
        display: inline;
        text-align: right !important;
    }

    #videoModal {
        padding-right: 0px !important;
        width: 1000px !important;
    }

    #modal-content-Video {
        width: 100%;
    }


    #modal-dialog-Video {
        margin-left: 250px !important;
        margin-right: 0px !important;
    }

    #iframeVideo {
        height: 350px !important;
        width: 100%;
    }

    body {
        background-color: white;
    }

    .imglogoFooter {
        width: 100px;
        /*margin-left:33%;*/
    }

    .blueimp-gallery .modal-body img, .blueimp-gallery .modal-body .video-content video, .blueimp-gallery .modal-body .video-content iframe, .blueimp-gallery .modal-body .video-content a {
        top: 2% !important;
    }

    h1 {
        font-size: 91px;
    }

    h2 {
        font-size: 31px;
    }

    h3 {
        font-size: 31px;
    }

    h4 {
        font-size: 25px;
    }
    /*HTC No mover*/
    h5 {
        font-size: 24px;
    }
    /*HTC No mover*/
    h6 {
        font-size: 20px;
    }
    /*HTC No mover*/
    h7 {
        font-size: 30px;
    }
    /*HTC No mover*/
    h8 {
        font-size: 56px;
    }
    /*HTC No mover*/
    h9 {
        font-size: 14px;
    }
    /*HTC No mover*/
    h10 {
        font-size: 12px;
    }
    /*HTC No mover*/
    h11 {
        font-size: 13px;
    }
    /*HTC No mover*/
    h12 {
        font-size: 28px;
    }
    /*HTC No mover*/
    h13 {
        font-size: 14px;
    }
    /*HTC No mover*/
    h14 {
        font-size: 16px;
    }
    /*HTC No mover*/
    h15 {
        font-size: 28px;
    }
    /*HTC No mover*/
    h16 {
        font-size: 18px;
    }
    /*HTC No mover*/
    h17 {
        font-size: 22px;
    }

    h18 {
        font-size: 21px;
    }

    .FontMedium {
        font-family: Barlow-Medium !important;
        font-weight: 700;
    }

    .Univers55Roman100 {
        font-family: FontMedium;
        font-weight: 100;
        letter-spacing: 2px;
    }

    .Univers55Roman300 {
        font-family: FontMedium;
        font-weight: bold;
        letter-spacing: 2px;
    }



    .RegresivoTitulo1 {
        font-size: 80px;
    }

    .RegresivoTitulo2 {
        font-size: 27px;
    }

    .RegresivoTitulo3 {
        font-size: 19px;
    }

    .RegresivoTitulo4 {
        font-size: 45px;
    }

    .RegresivoTitulo5 {
        font-size: 16px;
    }

    .RegresivoTitulo6 {
        font-size: 40px;
    }

    .control-label {
        font-size: 18px;
    }

    .LabelNotas {
        font-size: 14px;
    }

    .subtitulos {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 16px;
        color: #000000 !important;
    }

    .subtitulosReportes {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 20px !important;
    }

    .btnEstablecimiento {
        font-size: 9px;
    }

    #Tree a, a:focus, a:hover {
        font-size: 18px;
    }

    #Tree .chkboxPerfil {
        font-size: 18px;
    }

    .GridviewPaging a, a:focus, a:hover {
        font-size: 16px;
    }

    .GridviewPaging span {
        font-size: 14px;
    }

    .WucMensaje {
        width: 30%;
        margin: 0 0 5% 0;
    }

    .TitulosPrincipales {
        padding-top: 0.2em;
    }

    .MargenMenu {
        margin-left: 50px;
    }

    .navbar-default .navbar-nav li a {
        font-size: 13px;
        height: 40px;
        line-height: 40px;
    }

    .rombo {
        width: 30px;
        height: 30px;
        margin: 8px;
    }

    .RankinCac {
        font-size: 15px;
    }

    .RankinAlcance {
        font-size: 22px;
        font-weight: bold;
    }

    .RankinTitulo {
        font-size: 18px;
        color: #fff;
    }

    .divRanking {
        font-size: 60px;
        padding-top: 60px;
    }
}

@media only screen and ( max-width: 965px ) {
    .fondotest {
        background-color: transparent;
    }
    .timeline-item {
        font-size: 12px !important;
    }

    .TituloSeccion {
        font-family: Barlow-Medium;
        font-size: 34px;
        color: white;
    }

    .DescripcionSeccion {
        font-family: MauRdL;
        font-size: 16px;
        color: white;
        margin-bottom: 3%;
    }

    .DescripcionSeccionInf {
        font-family: Barlow-Medium;
        font-size: 20px;
        color: #3a5562;
    }

    .NewHeaderImgMarcas {
        max-width: 75%;
        margin-top: 5.5%;
        margin-bottom: 2.5%;
        display: inline;
        text-align: right !important;
    }

    body {
        background-color: white;
    }

    .TituloSeccion2 {
        font-family: Barlow-Medium;
        font-size: 70px !important;
        color: rgb(255, 255, 255);
    }

    .imglogoFooter {
        width: 100px;
    }


    .MargenMenu {
        margin-left: 50px;
    }

    .navbar-default .navbar-nav li a {
        font-size: 8px;
        height: 40px;
        line-height: 40px;
    }

    .TitulosPrincipales {
        padding-top: 0.2em;
    }

    .seccionMecanica {
        padding-top: 1%;        
        height: auto !important;
    }

    #videoModal {
        padding-right: 0px !important;
        width: 1000px !important;
    }

    #modal-content-Video {
        width: 100%;
    }


    #modal-dialog-Video {
        margin-left: 150px !important;
        margin-right: 0px !important;
    }

    #iframeVideo {
        height: 350px !important;
        width: 100%;
    }
}

@media only screen and ( max-width: 992px ) {
    
    .fondoprincipalderecho {
        /*border-radius: 28px !important;*/
        background-color:white;
    }

    .textPasoActivo { 
        font-size: 15px;
    }
    .textPaso {
        font-size: 15px;
    }

    .TituloMecanicaHome {
        font-size: 15px;
    }

    .TextoMecanicaHome {
        font-size: 15px;
    }

    .margincar1 {
        margin-top: 20px;
    }
    .PuntajeMenu{
        margin-top:0px;
    }


    .fondotest {
        background-color: transparent !important;
    }

    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: 50px !important;
        margin-top: 10px !important;
    }
}

@media only screen and ( max-width: 768px ) {


    .fondotest {
        background-color: transparent;
    }


    .fondoprincipalderecho{
        border-radius:28px !important;
    }
    .margintopMobile {
        margin-top: 50px;
    }

    .nav{
        float:right; 
        text-align: right;
    }

    .margenSup {
        padding-top: 25px;
    }

    .marginSup2 {
        padding-top: 15px;
    }

    .TituloSeccion2 {
        font-family: Barlow-Medium;
        font-size: 50px !important;
        color: rgb(255, 255, 255);
        margin-top: 5%;
        margin-left: 5%;
    }


    ul.timeline > li > .timeline-panel:after {
        display: none;
    }

    ul.timeline > li > .timeline-panel:before {
        display: none;
    }

    ul.timeline > li {
        width: 100% !important;
    }


    .timeline-panel::before {
        display: none;
    }

    .timeline-badge {
        display: none;
    }

    .NewHeaderImgMarcas {
        max-width: 90%;
        margin-top: 2.5%;
        margin-bottom: 2.5%;
        display: inline;
        text-align: right !important;
    }

    #videoModal {
        padding-right: 0px !important;
        width: 1000px !important;
    }

    #modal-content-Video {
        width: 100%;
        margin-left: 2%;
    }


    #modal-dialog-Video {
        margin-left: 20px !important;
        margin-right: 0px !important;
    }

    #iframeVideo {
        height: 350px !important;
        width: 100%;
    }

    .TituloSeccionPrincipal {
        font-family: Barlow-Bold !important;
        font-size: 40px !important;
        color: #000;
    }

    .TituloSeccion {
        padding-top: 10px;
        font-family: Barlow-Medium;
        font-size: 30px;
        color: white;
    }

    .DescripcionSeccionInf {
        font-family: Barlow-Medium;
        font-size: 17px;
        color: #3a5562;
    }

    .DescripcionSeccion {
        padding-bottom: 10px;
        font-family: Barlow-Medium;
        font-size: 18px;
        color: white;
    }

    body {
        background-color: white;
    }

    .imglogo {
        width: 200px;
    }

    .imglogoFooter {
        width: 100px;
    }

    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 31px;
    }

    h3 {
        font-size: 31px;
    }

    h4 {
        font-size: 25px;
    }
    /*HTC No mover*/
    h5 {
        font-size: 24px;
    }
    /*HTC No mover*/
    h6 {
        font-size: 20px;
    }
    /*HTC No mover*/
    h7 {
        font-size: 34px;
    }
    /*HTC No mover*/
    h8 {
        font-size: 56px;
    }
    /*HTC No mover*/
    h9 {
        font-size: 18px;
    }
    /*HTC No mover*/
    h10 {
        font-size: 12px;
    }
    /*HTC No mover*/
    h11 {
        font-size: 13px;
    }
    /*HTC No mover*/
    h12 {
        font-size: 28px;
    }
    /*HTC No mover*/
    h13 {
        font-size: 14px;
    }
    /*HTC No mover*/
    h14 {
        font-size: 16px;
    }
    /*HTC No mover*/
    h15 {
        font-size: 28px;
    }
    /*HTC No mover*/
    h16 {
        font-size: 18px;
    }
    /*HTC No mover*/
    h17 {
        font-size: 22px;
    }

    h18 {
        font-size: 15px;
    }

    h30 {
        font-size: 22px;
    }

    h35 {
        font-size: 24px;
    }

    .FontMedium {
        font-family: FontMedium;
        font-weight: 700;
    }

    .Univers55Roman100 {
        font-family: FontMedium;
        font-weight: 100;
        letter-spacing: 2px;
    }

    .Univers55Roman300 {
        font-family: FontMedium;
        font-weight: bold;
        letter-spacing: 2px;
    }

    /*button,
    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        cursor: pointer;
        background-color:#e30614;
        color: white;
        font-weight: bold;
        margin-top: 10px;
        width: 80px;
        height: 40px;
        padding : 8px 20px 8px 20px;        
        font-family: FontMedium, sans-serif;
    }*/



    .RegresivoTitulo1 {
        font-size: 80px;
    }

    .RegresivoTitulo2 {
        font-size: 27px;
    }

    .RegresivoTitulo3 {
        font-size: 19px;
    }

    .RegresivoTitulo4 {
        font-size: 45px;
    }

    .RegresivoTitulo5 {
        font-size: 16px;
    }

    .RegresivoTitulo6 {
        font-size: 40px;
    }

    .control-label {
        font-size: 18px;
    }

    .LabelNotas {
        font-size: 14px;
    }

    .subtitulos {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 16px;
        color: #000000 !important;
    }

    .subtitulosReportes {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 20px !important;
    }

    .btnEstablecimiento {
        font-size: 9px;
    }

    #Tree a, a:focus, a:hover {
        font-size: 18px;
    }

    #Tree .chkboxPerfil {
        font-size: 18px;
    }

    .GridviewPaging a, a:focus, a:hover {
        font-size: 16px;
    }

    .GridviewPaging span {
        font-size: 16px;
    }

    .WucMensaje {
        width: 30%;
        margin: 0 0 5% 0;
    }

    .TitulosPrincipales {
        padding-top: 0.2em;
    }

    .MargenMenu {
        margin-left: 50px;
    }

    .navbar-default .navbar-nav li a {
        font-size: 15px;
        height: 40px;
        line-height: 40px;
    }

    .rombo {
        width: 30px;
        height: 30px;
        margin: 8px;
    }

    .RankinCac {
        font-size: 15px;
    }

    .RankinAlcance {
        font-size: 22px;
        font-weight: bold;
    }

    .RankinTitulo {
        font-size: 18px;
        color: #fff;
    }

    .divRanking {
        font-size: 60px;
        padding-top: 60px;
    }

    .MargenMenu {
        margin-left: 50px;
    }

    .navbar-default .navbar-nav li a {
        font-size: 13px;
        height: 40px;
        line-height: 40px;
    }

    .carousel-inner {
        margin-top: 6%;
    }
}

@media only screen and (max-width: 640px) {

    #modal-content-Video {
        width: 40%;
    }

    .TituloSeccion2 {
        font-family: Barlow-Medium;
        font-size: 80px !important;
        color: rgb(255, 255, 255);
        margin-top: 5%;
        margin-left: 5%;
    }

    ul.timeline > li > .timeline-panel:after {
        display: none !important;
    }

    ul.timeline > li > .timeline-panel:before {
        display: none !important;
    }

    ul.timeline > li {
        width: 115% !important;
        margin-left: -15%;
    }


    .timeline-panel::before {
        display: none;
    }

    .timeline-badge {
        display: none;
    }

    .NewHeaderImgMarcas {
        max-width: 130%;
        margin-top: 10%;
        margin-bottom: 2.5%;
        display: inline;
        text-align: right !important;
    }

    body {
        background-color: white;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 31px;
    }

    h3 {
        font-size: 31px;
    }

    h4 {
        font-size: 20px;
    }

    h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 17px;
    }

    h7 {
        font-size: 28px;
    }

    h8 {
        font-size: 35px;
    }

    h9 {
        font-size: 13px;
    }

    h10 {
        font-size: 12px;
    }

    h11 {
        font-size: 13px;
    }

    h12 {
        font-size: 28px;
    }

    h13 {
        font-size: 14px;
    }

    h14 {
        font-size: 16px;
    }

    h15 {
        font-size: 28px;
    }

    h16 {
        font-size: 18px;
    }

    h17 {
        font-size: 17px;
    }

    h18 {
        font-size: 18px;
    }

    .Univers65700 {
        font-family: MotoSans-Regular;
        font-weight: 700;
    }

    .Univers55Roman100 {
        font-family: MotoSans-Regular;
        font-weight: 100;
        letter-spacing: 2px;
    }

    .Univers55Roman300 {
        font-family: MotoSans-Regular;
        font-weight: bold;
        letter-spacing: 2px;
    }

    .RegresivoTitulo1 {
        font-size: 40px;
    }

    .RegresivoTitulo2 {
        font-size: 20px;
    }

    .RegresivoTitulo3 {
        font-size: 12px;
    }

    .RegresivoTitulo4 {
        font-size: 25px;
    }

    .RegresivoTitulo5 {
        font-size: 12px;
    }

    .RegresivoTitulo6 {
        font-size: 24px;
    }

    .control-label {
        font-size: 14px;
    }

    .LabelNotas {
        font-size: 10px;
    }

    .subtitulos {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 12px;
        color: #000000 !important;
    }

    .subtitulosReportes {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 14px !important;
    }

    .btnEstablecimiento {
        font-size: 6px;
    }

    #Tree a, a:focus, a:hover {
        font-size: 14px;
    }

    #Tree .chkboxPerfil {
        font-size: 14px;
    }

    .GridviewPaging a, a:focus, a:hover {
        font-size: 14px;
    }

    .GridviewPaging span {
        font-size: 1px;
    }

    .WucMensaje {
        width: 60%;
        margin: 0 0 20% 0;
    }

    .TitulosPrincipales {
        padding-top: 2.5em;
    }

    #home .btn {
        width: auto;
        height: auto;
        padding: 10px 20px;
        margin-top: 10px;
        text-transform: uppercase;
    }

    .rombo {
        width: 12px;
        height: 12px;
        margin: 5px;
    }

    .RankinCac {
        font-size: 9px;
    }

    .RankinAlcance {
        font-size: 16px;
        font-weight: bold;
    }

    .RankinTitulo {
        font-size: 12px;
        color: #fff;
    }

    .divRanking {
        font-size: 25px;
    }

    .carousel-inner {
        margin-top: 12%;
    }
}

@media only screen and (max-width:600px) {

    .button-container {
        display: inline-block;
        margin-bottom: 0em;
    }

        .button-container button {
            position: absolute;
            width: 180px;
            bottom: 0em;
            right: 5em;
        }

    .Tituloslanding {
        font-size: 28px;
    }
}

@media only screen and (max-width: 500px) {
    .logoleftCSS {
        max-height: 60px;
        margin-right: 100PX;
    }

    .margintopheader {
        margin-top: 70px;
    }
    .marginheader {
        height: 70px !important;
    }

    .container-cuenta {
        height: 600px;
        border-radius: 35px;
        opacity: 1;
    }
    
    .TituloDetAvance {
        font-family: BarlowCondensed-Medium;
        font-size: 25px;
    }

    .TituloMetas {
        font-family: BarlowCondensed-Medium;
        font-size: 20px;
    }
   
    .margincar1 {
        margin-top: 20px;
    }

    .btnC {
        font-size: 12px !important;
    }

    .btn {
        font-size: 9px !important;
    }

    #modal-content-Video {
        width: 44%;
        margin-left: -28px;
    }


    .div.absolute {
        position: absolute;
        top: 80px;
        right: 0;
        width: 200px;
        height: 100px;
        border: 3px solid #73AD21;
    }

    .BtnHablemos {
        position: absolute !important;
        top: 800px !important;
        right: 0 !important;
        width: 200px !important;
        height: 100px !important;
    }

    .TituloSeccion2 {
        font-family: Barlow-Medium;
        font-size: 50px !important;
        color: rgb(255, 255, 255);
        margin-top: 5%;
        margin-left: 5%;
    }

    .c0 {
        margin-left: 30pt;
        padding-top: 0pt;
        padding-left: 0pt;
        padding-bottom: 0pt;
        line-height: 1.5;
        text-align: left;
    }

    .cf {
        margin-left: 50pt;
        padding-top: 0pt;
        padding-left: 0pt;
        padding-bottom: 0pt;
        line-height: 1.5;
        text-align: left;
    }
}

@media only screen and (max-width: 400px) {
    
    h36{
        font-size:20px;
    }

    #divLogo {
        margin-top: 20px;
    }

    #modal-content-Video {
        width: 40%;
        margin-left: -30px;
    }

    .intro-header {
        margin-top: 4%;
    }
}

@media only screen and ( max-width: 375px ) {

   

    .margincar1 {
        margin-top: 10px;
    }

    .textPasoActivo {
        font-size: 10px !important;
    }

    .textPaso {
        font-size: 10px !important;
    }


    .TituloMecanicaHome {
        font-size: 15px;
    }

    .TextoMecanicaHome {
        font-size: 10px !important;
    }


    #modal-content-Video {
        width: 33%;
        margin-left: -20px;
    }


    .TituloSeccion2 {
        font-family: Barlow-Medium;
        font-size: 50px !important;
        color: rgb(255, 255, 255);
        margin-top: 5%;
        margin-left: 5%;
    }

    ul.timeline > li {
        width: 115% !important;
        margin-left: -15%;
    }

    /*Iphone*/
    .NewHeaderImgMarcas {
        max-width: 130%;
        margin-top: 15%;
        margin-bottom: 2.5%;
        display: inline;
        text-align: right !important;
    }

    .c0 {
        margin-left: 8pt;
        padding-top: 0pt;
        padding-left: 0pt;
        padding-bottom: 0pt;
        line-height: 1.5;
        text-align: left;
    }

    .c3 {
        color: #000000;
        font-weight: 700;
        text-decoration: none;
        vertical-align: baseline;
        font-size: 12pt;
        font-family: Barlow-Medium !important;
        font-style: normal;
    }

    .c4 {
        color: #000000;
        font-weight: 700;
        text-decoration: none;
        vertical-align: baseline;
        font-size: 12pt;
        font-family: Barlow-Medium !important;
        font-style: normal;
    }

    .c2 {
        margin-left: 10pt;
        padding-top: 0pt;
        padding-left: 0pt;
        padding-bottom: 0pt;
        line-height: 1.5;
        text-align: left;
    }

    .c13 {
        color: #000000;
        font-weight: 400;
        text-decoration: none;
        vertical-align: baseline;
        font-size: 14pt;
        font-family: Barlow-Medium !important;
        font-style: normal;
        line-height: 2;
    }

    .c1 {
        text-decoration: none;
        vertical-align: baseline;
        font-size: 12pt;
        font-family: Barlow-Medium !important;
        line-height: 1.5;
        font-style: normal;
    }

    .cf {
        margin-left: 20pt;
        padding-top: 0pt;
        padding-left: 0pt;
        padding-bottom: 0pt;
        line-height: 1.5;
        text-align: left;
    }



    .TituloSeccionPrincipal {
        font-family: Barlow-Bold !important;
        font-size: 40px !important;
        color: #000;
    }

    .TituloSeccion {
        padding-top: 10px;
        font-family: Barlow-Medium;
        font-size: 30px;
        color: white;
    }

    .DescripcionSeccion {
        font-family: Barlow-Medium;
        font-size: 15px;
        color: white;
    }


    body {
        background-color: white;
    }



    .Univers65700 {
        font-family: MotoSans-Regular;
        font-weight: 700;
    }

    .Univers55Roman100 {
        font-family: MotoSans-Regular;
        font-weight: 100;
        letter-spacing: 2px;
    }

    .Univers55Roman300 {
        font-family: MotoSans-Regular;
        font-weight: bold;
        letter-spacing: 2px;
    }

    .RegresivoTitulo1 {
        font-size: 40px;
    }

    .RegresivoTitulo2 {
        font-size: 20px;
    }

    .RegresivoTitulo3 {
        font-size: 12px;
    }

    .RegresivoTitulo4 {
        font-size: 27px;
    }

    .RegresivoTitulo5 {
        font-size: 12px;
    }

    .RegresivoTitulo6 {
        font-size: 26px;
    }

    .control-label {
        font-size: 12px;
    }

    .LabelNotas {
        font-size: 10px;
    }

    .subtitulos {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 10px;
        color: #000000 !important;
    }

    .subtitulosReportes {
        font-family: myriad-pro, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif !important;
        font-size: 12px !important;
    }


    .btnEstablecimiento {
        font-size: 5px;
    }

    #Tree a, a:focus, a:hover {
        font-size: 12px;
    }

    #Tree .chkboxPerfil {
        font-size: 12px;
    }

    .GridviewPaging a, a:focus, a:hover {
        font-size: 14px;
    }

    .GridviewPaging span {
        font-size: 14px;
    }

    .WucMensaje {
        width: 70%;
        margin: 0 0 20% 0;
    }

    .TitulosPrincipales {
        padding-top: 2.5em;
    }

    #loginRegistro .team_thumb .team_overlay {
        background: #FFFFFF;
        width: 100%;
        height: 100%;
        line-height: 220px;
        top: 0;
        bottom: 0;
        opacity: 0;
        position: absolute;
        -webkit-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .bienvenida {
        font-family: MotoSans-Medium;
        font-size: 12px;
        font-weight: bold;
    }

    .rombo {
        width: 8px;
        height: 8px;
        margin: 4px;
    }

    .RankinCac {
        font-size: 7px;
    }

    .RankinAlcance {
        font-size: 10px;
        font-weight: bold;
    }

    .RankinTitulo {
        font-size: 8px;
        color: #fff;
    }

    .diviz {
        width: 40px;
    }

    .divcen {
        width: 40px;
    }

    .divder {
        width: 40px;
    }

    .divRanking {
        font-size: 20px;
    }

    .carousel-inner {
        margin-top: 14%;
    }
}



#form1 {
    margin-bottom: 0 !important;
}

.imglogo {
    padding-top: 10px;
}

@media (min-width: 769px) {
    .container {
        width: 700px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 7px;
    }

    .imglogo {
        width: 240px;
    }

    .fontMenu a {
        font-size: 14px !important;  
    }

    .MargenMenuizquierdo {
        padding-left: 5%;
    }

    .MargenMenuDerecho {
        margin-left: 5%;
        padding-right: 5%;
    }
}

@media (min-width: 890px) {
    .container {
        width: 700px;
    }

    .imglogo {
        width: 280px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }

    .fontMenu a {
        font-size: 10.50px !important;
     
    }

    .MargenMenuizquierdo {
        padding-left: 5%;
    }

    .MargenMenuDerecho {
        padding-right: 5%;
    }
}

@media (min-width: 992px) {
    .container {
        width: 100%;
    }

    .imglogo {
        width: 320px;
    }

    .fontMenu a {
        font-size: 14px !important;
        
    }

    .MargenMenuizquierdo {
        padding-left: 5%;
    }

    .MargenMenuDerecho {
        padding-right: 5%;
    }
}

@media (min-width: 1200px) {
    .container {
        width: 100%;
    }

    .imglogo {
        width: 350px;
    }

 

    .MargenMenuizquierdo {
        padding-left: 5%;
    }

    .MargenMenuDerecho {
        padding-right: 5%;
    }
}

@media (min-width: 1366px) {
    .container {
        width: 100%;
    }
}

@media (min-width: 1600px) {
    .container {
        width: 1600px;
    }
}


.navbar .navbar-nav {
    display: inline-block !important;
    vertical-align: top !important;
    margin-left: 1%;
    margin-right: 2%;
}

.navbar .navbar-collapse {
    text-align: center !important;
}

.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
    margin-right: 0px;
    margin-left: 0px;
}

@media (min-width: 768px) {
    .container > .navbar-header,
    .container-fluid > .navbar-header,
    .container > .navbar-collapse,
    .container-fluid > .navbar-collapse {
        margin-right: 0px;
        margin-left: 0px;
    }
}

@media (min-width: 768px) {
    .navbar > .container .navbar-brand,
    .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }

}


.sombra {
    text-shadow: 2px 2px rgba(168, 168, 168, 0.9);
}


/*Botones*/

.btn::after {
    border-right: 1px solid #000 !important;
    border-top: 1px solid #000 !important;
    height: 100% !important;
    right: -3px !important;
    top: 3px !important;
    width: 3px !important;
}

.btn::before {
    border-bottom: 1px solid #000 !important;
    border-left: 1px solid #000 !important;
    bottom: -3px !important;
    height: 3px !important;
    left: 3px !important;
    width: 100% !important;
}


.gl-cta--primary:not(.gl-cta--disabled):active {
    transform: translate(0);
}

.gl-cta--primary {
    transform: translate(-3px,-3px);
}

    .gl-cta--primary:before {
        border-bottom: 1px solid #000;
        border-left: 1px solid #000;
        bottom: -3px;
        height: 3px;
        left: 3px;
        width: 100%;
    }

    .gl-cta--primary:after {
        border-right: 1px solid #000;
        border-top: 1px solid #000;
        height: 100%;
        right: -3px;
        top: 3px;
        width: 3px;
    }



/*button, html input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer;
    background-color: #194b72 !important;
    color: white;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}*/

.navbar-default {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.navbar {
    border: 0px !important;
}

.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    border-top: 0px !important;
}

.btn.focus, .btn:focus, .btn:hover {
    color: #ffffff !important;
    text-decoration: none;
}

.btn {
    align-items: center !important;
    border-radius: 0 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    justify-content: flex-start !important;
    line-height: 29px !important;
    min-height: 30px !important;
    padding: 0 15px !important;
    position: relative !important;
    text-align: left !important;
    text-decoration: none !important;
    transition: transform .1s cubic-bezier(.3, 0, .45, 1), color .1s cubic-bezier(.3, 0, .45, 1), border .1s cubic-bezier(.3, 0, .45, 1), background .1s cubic-bezier(.3, 0, .45, 1) !important;
    white-space: nowrap !important;
    top: 0px;
    left: 0px;
}


.form-control:focus {
    border-color: #a9a9a9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}

}

.carousel-indicators li {
    background-color: #000 !important;
}


.button-container {
    display: inline-block;
    position: relative;
}

    .button-container button {
        position: absolute;
        width:180px;
        bottom: 0em;
        right: 9.5em;
    }