/* 06/03/2025 */


#Footer * {
    box-sizing: content-box;
}
#topEncabezado * {
    box-sizing: content-box;
}
#contenedorMenuPrincipal * {
    box-sizing: content-box;
}
#encabezado {
    background-color: #000;
}
#encabezado #topEncabezado {
    background: black;
    height: 27px;
    margin: 0 auto;
    width: 960px;
}
#topEncabezado .contentAsistencia {
    padding-top: 4px;
}
ul.asistencia {
    float: right;
}
#topEncabezado ul.asistencia li {
    padding-right: 7px;
}
ul.asistencia li.tabLanguage {
    width: 38px;
}
#asistance li {
    float: left;
}
#topEncabezado ul.asistencia li.boxSearch {
    padding-right: 0;
    padding-left: 6px;
    width: 160px!important;
    height: 21px;
}
#topEncabezado #hora {
    color: #b0b0b0;
    margin: 2px 15px 0 0;
}
ul.asistencia li a {
    display: block;
}
ul.asistencia li a:hover {
    text-decoration: none;
}
ul.asistencia legend {
    display: none;
}
ul.asistencia li a, ul.asistencia li {
    color: #FFF;
    font-size: 11px;
    font-weight: bold;
}
ul.asistencia li a.atencionCliente {
    background: url(/banamex/recursos/images/sprite.gif) no-repeat scroll 110px -425px transparent;
    display: block;
    float: left;
    padding: 2px 10px 4px 5px;
    width: 110px;
}
ul.asistencia li a.atencionCliente:hover, ul.asistencia li.hovered a.atencionCliente {
    color: #666;
    background: url(/banamex/recursos/images/sprite.gif) no-repeat scroll 110px -440px transparent;
    background-color: #fff ;
    text-decoration: none;
}
ul.asistencia li a.language {
    padding-top: 2px;
    display: block;
    margin-left: -8px;
}
ul.asistencia li a.language:hover {
    padding-top: 2px;
    display: block;
    color: #5aa1b8;
    text-decoration: none;
    margin-left: -8px;
}
li.boxSearch input.search, li.boxSearch .glass {
    display: block;
    float: left;
    border: 0;
}
li.boxSearch input.search {
    background: url(/banamex/recursos/images/sprite.gif) -72px -73px no-repeat;
    width: 111px;
    font: 11px Arial, Helvetica, sans-serif;
    color: #FFF;
    padding: 2px 0 0 3px;
    height: 20px;
}
li.boxSearch .glass {
    background: url(/banamex/recursos/images/sprite.gif) -208px -73px no-repeat;
    width: 11px;
    height: 19px;
    cursor: pointer;
}
ul.asistencia li.hovered .glass {
    background: url(/banamex/recursos/images/sprite.gif) -208px -73px no-repeat;
}
#boxAtencionCliente {
    width: 187px;
    position: absolute;
    top: 18px;
    z-index: 3;
    display: none;
}
.bottomAtencionCliente {
    background: url(/banamex/recursos/images/submenu/bg-atencion.gif) no-repeat left bottom;
    padding-bottom: 6px;
}
.topAtencionCliente {
    background: url(/banamex/recursos/images/submenu/bg-atencion.gif) no-repeat left top;
    padding-top: 10px;
}
.middleAtencionCliente {
    background: #fff;
    padding: 0 15px;
    overflow: hidden;
}
ul.linksAtencion li {
    border-bottom: 1px solid #ecebeb;
    width: 157px;
    padding-right: 0!important;
    font-size: 11px!important;
    color: #636364!important;
}
ul.linksAtencion li:hover {
    border-bottom: 1px solid #ecebeb;
    width: 157px;
    padding-right: 0!important;
    font-size: 11px!important;
    color: #00bdf2!important;
}
ul.linksAtencion li a {
    height: 50px;
    clear: both;
    font-size: 10px;
    padding-left: 57px;
    padding-top: 17px;
    color: #636364!important;
}
ul.linksAtencion li a:hover {
    height: 50px;
    clear: both;
    font-size: 10px;
    padding-left: 57px;
    padding-top: 17px;
    color: #00bdf2!important;
}
ul.linksAtencion li a.sucursal {
    background: url(/banamex/recursos/images/sprite-atencionlinea.png) no-repeat scroll -8px -9px;
}
ul.linksAtencion li a.chatear {
    background: url(/banamex/recursos/images/sprite-atencionlinea.png) no-repeat scroll -8px -50px;
}
ul.linksAtencion li a.llamar {
    height: 30px!important;
    background: url(/banamex/recursos/images/sprite-atencionlinea.png) no-repeat scroll -8px -93px;
    padding-top: 20px;
}
ul.linksAtencion li a.llamanos {
    height: 30px!important;
    background: url(/banamex/recursos/images/sprite-atencionlinea.png) no-repeat scroll -8px -137px;
    padding-top: 20px;
}
ul.linksAtencion li a.contactar {
    background: url(/banamex/recursos/images/sprite-atencionlinea.png) no-repeat scroll -8px -182px;
}
ul.linksAtencion li a.sucursal:hover {
    background: url(/banamex/recursos/images/sprite-atencionlinea-h.png) no-repeat scroll -8px -9px;
}
ul.linksAtencion li a.chatear:hover {
    background: url(/banamex/recursos/images/sprite-atencionlinea-h.png) no-repeat scroll -8px -50px;
}
ul.linksAtencion li a.llamar:hover {
    height: 30px!important;
    background: url(/banamex/recursos/images/sprite-atencionlinea-h.png) no-repeat scroll -8px -93px;
    padding-top: 20px;
}
ul.linksAtencion li a.llamanos:hover {
    height: 30px!important;
    background: url(/banamex/recursos/images/sprite-atencionlinea-h.png) no-repeat scroll -8px -137px;
    padding-top: 20px;
}
ul.linksAtencion li a.contactar:hover {
    background: url(/banamex/recursos/images/sprite-atencionlinea-h.png) no-repeat scroll -8px -182px;
}
ul.BlockInfo li.last {
    border-bottom: none;
    height: 35px;
}
ul.linksAtencion li.last {
    border-bottom: none;
    height: 50px;
}
ul.BlockInfo li.video {
    border-bottom: none;
}
#contactanosAtnCliente {
    height: 33px;
}
ul.asistencia li .link_header {
    color: #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    padding: 2px 10px 4px 5px;
}
ul.asistencia li .link_header:hover {
    color: #5AA1B8;
}
.cintilloimg {
    position: absolute;
    right: -7px !important;
    top: 0 !important;
}
.a_cin {
    color: #eca10a !important;
    font-size: 18px !important;
    padding: 4px 0 9px !important;
}
.cintillo span {
    color: #eca10a !important;
    font-size: 12px !important;
    padding: 0 !important;
    text-align: left !important;
}
.btn-danger {
    background-color: #8f0203;
}
.btn-info {
    background-color: #126685;
}
li.cintillo:hover a, li.cintillo:hover a span {
    color: #22a0d5 !important;
}
#atnCliente:hover + div {
    display: block;
}
#boxAtencionCliente:hover {
    display: block;
}
.tabAtencionCliente:hover > a {
    background: #fff url("/banamex/recursos/images/sprite.gif") no-repeat scroll 110px -440px !important;
    color: #666;
    text-decoration: none;
}
.icon-speech {
    background: rgba(0, 0, 0, 0) url("/banamex/recursos/images/lightbox/icon-speech.gif") no-repeat scroll 0 0;
    padding-left: 40px;
}
.icon-phone {
    background: rgba(0, 0, 0, 0) url("/banamex/recursos/images/sprite-atencionlinea-titulos.png") no-repeat scroll -9px -81px / 36px;
    padding-left: 40px;
}
.linksAtencion > li {
    height: 50px;
}
.jbb-fluid-foot-cont .hide {
    display: initial !important;
}
.modal-title {
    color: #004785;
    font-size: 22px;
}
.modal-link {
    color: #177495;
    font-size: 12px;
}
.modal-text {
    color: #004785;
    font-size: 12px;
}
.modal-dialog {
    margin: 58px auto;
    width: auto;
    min-width: 270px;
    max-width: 370px;
}
.modal-dialog-condusef {
    width: 600px;
}
.modal-body.condusef p {
    font-size: 12px;
}
/* #Reset & Basics 
================================================== */
    html, body, div, span:not(.tooltip-subtitle), p, a, ol, ul, :not(header li), :not(footer li) fieldset , form, label, legend, table, tbody, tfoot, thead, tr, th, td, article {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}
article, footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
img {
    border: 0;
}
/* #Basic Styles
================================================== */
    body {
    /* font: 16px Helvetica, sans-serif; */
    color: #003746;
   /* -webkit-font-smoothing: antialiased; */
    /* Fix for webkit rendering */
        
/* -webkit-text-size-adjust: 100%; */
}
/* #Typography
================================================== */
    h1, h2, h3, h4, h5, h6 {
    margin: 10px 0 10px 0;
}
p:not(header p, footer p) {
    margin: 0 0 10px 0;
}
em {
    font-style: italic;
}
small {
    font-size: 10px;
    line-height: initial;
    display: inline-block;
}
.font11 {
    font-size: 11px ;
    line-height: 15px;
}
.font12 {
    font-size: 12px ;
    line-height: 16px;
}
.font14 {
    font-size: 14px ;
    line-height: 19px;
}
.font16 {
    font-size: 16px ;
    line-height: 21px;
}
.font18 {
    font-size: 18px ;
    line-height: 23px;
}
.font22 {
    font-size: 22px ;
    line-height: 27px;
}
.font24 {
    font-size: 24px ;
    line-height: 29px;
}
.font30 {
    font-size: 30px ;
    line-height: 35px;
}
.font48 {
    font-size: 48px ;
    line-height: 50px;
}
.font60 {
    font-size: 60px ;
    line-height: 60px;
    margin-top: -10px;
    margin-bottom: -10px;
}
.font66 {
    font-size: 66px ;
    line-height: 66px;
    margin-top: -10px;
    margin-bottom: -10px;
}
.font80 {
    font-size: 80px ;
    line-height: 80px;
    margin-top: -10px;
    margin-bottom: -10px;
}
.strongf {
    font-weight: bold;
}
.jbb-calign {
    text-align: center;
}
.jbb-lalign {
    text-align: left;
}
.jbb-ralign {
    text-align: right;
}
.jbb-upper {
    text-transform: uppercase;
}
/* #Links
================================================== */
 

/* #Lists
================================================== */
    ul, ol {
    margin-bottom: 0px;
}
ul {
    list-style: none outside;
}
ol {
    list-style: decimal;
}
/* #Images
================================================== */
    img.scale-with-grid {
    max-width: 100%;
    height: auto;
}
/* #Buttons
================================================== */

    .button-orange {
    text-transform: uppercase;
    color: #fff !important;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    cursor: pointer;
    line-height: normal;
    padding: 10px;
    border-radius: 3px;
    text-align: center;
    -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
    background: #ffa202;
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background:-moz-linear-gradient(top, #ffa202 0%, #ff9f02 10%, #ff9101 30%, #ff8601 83%, #ff8601 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffa202), color-stop(10%, #ff9f02), color-stop(30%, #ff9101), color-stop(83%, #ff8601), color-stop(100%, #ff8601));
    background:-webkit-linear-gradient(top, #ffa202 0%, #ff9f02 10%, #ff9101 30%, #ff8601 83%, #ff8601 100%);
    background:-o-linear-gradient(top, #ffa202 0%, #ff9f02 10%, #ff9101 30%, #ff8601 83%, #ff8601 100%);
    background:-ms-linear-gradient(top, #ffa202 0%, #ff9f02 10%, #ff9101 30%, #ff8601 83%, #ff8601 100%);
    background:linear-gradient(to bottom, #ffa202 0%, #ff9f02 10%, #ff9101 30%, #ff8601 83%, #ff8601 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa202', endColorstr='#ff8601', GradientType=0 );
}
/* Fix for odd Mozilla border & padding issues */
    button: :-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* #Misc
================================================== */
    .jbb-right {
    float: right !important;
}
.jbb-left {
    float: left !important;
}
.jbb-relative {
    position: relative;
}
.jbb-absolute {
    position: absolute;
}
.jbb-hide {
    display: none;
}
.jbb-web-hide {
    display: none;
}
.jbb-web-show {
    display: block;
}
.jbb-flow-hid {
    overflow: hidden;
}
.jbb-flow-vis {
    overflow: visible;
}
.add-top {
    margin-top: 10px;
}
.add-bottom {
    margin-bottom: 10px;
}
.add-right {
    margin-right: 10px;
}
.add-left {
    margin-left: 10px;
}
.remove-bottom {
    margin-bottom: 0 !important;
}
.remove-top {
    margin-top: 0 !important;
}
.remove-left {
    margin-left: 0 !important;
}
.remove-right {
    margin-right: 0 !important;
}
.fffont, .fffont p, .fffont h1, .fffont h2, .fffont h3, .fffont h4    , .fffont ul , .fffont li {
    color: #fff;
}
.jbb-focal-vc {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
@media all\0 {
    .jbb-focal-vc {
    top: 10%;
}
}
/* #Base 960 Grid
================================================== */
    .jbb-container {
    position: relative;
    width: 960px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
}
.jbb-container .column {
    float: left;
    display: inline;
}
.jbb-row {
    margin-bottom: 10px;
}
/* Nested Column Classes */
    .column.alpha {
    margin-left: 0;
    margin-right: 10px;
}
.column.omega {
    margin-right: 0;
    margin-left: 10px;
}
/* Base Grid */
    .jbb-container .c1.column {
    width: 80px;
}
.jbb-container .c2.column {
    width: 160px;
}
.jbb-container .c3.column {
    width: 240px;
}
.jbb-container .c4.column {
    width: 320px;
}
.jbb-container .c5.column {
    width: 400px;
}
.jbb-container .c6.column {
    width: 480px;
}
.jbb-container .c7.column {
    width: 560px;
}
.jbb-container .c8.column {
    width: 640px;
}
.jbb-container .c9.column {
    width: 720px;
}
.jbb-container .c10.column {
    width: 800px;
}
.jbb-container .c11.column {
    width: 880px;
}
.jbb-container .c12.column {
    width: 960px;
}
/* disque grid creativo motivacional magico del futuro con unicornios y arcoiris de Charlie*/
    
    .jbb-vgrid160 {
    height: 160px;
    overflow: hidden;
}
.jbb-vgrid320 {
    height: 320px;
    overflow: hidden;
}
.jbb-vgrid480 {
    height: 480px;
    overflow: hidden;
}
.jbb-vgrid640 {
    height: 640px;
    overflow: hidden;
}
.jbb-vgrid800 {
    height: 800px;
    overflow: hidden;
}
.jbb-vgrid960 {
    height: 960px;
    overflow: hidden;
}
/* #Tablet (Portrait)
================================================== */

    /* Width    768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
    .jbb-container {
    width: 768px;
}
.column.alpha {
    margin-left: 0;
    margin-right: 10px;
}
.column.omega {
    margin-right: 0;
    margin-left: 10px;
}
.jbb-container .c1.column {
    width: 64px;
}
.jbb-container .c2.column {
    width: 128px;
}
.jbb-container .c3.column {
    width: 192px;
}
.jbb-container .c4.column {
    width: 256px;
}
.jbb-container .c5.column {
    width: 320px;
}
.jbb-container .c6.column {
    width: 384px;
}
.jbb-container .c7.column {
    width: 448px;
}
.jbb-container .c8.column {
    width: 512px;
}
.jbb-container .c9.column {
    width: 576px;
}
.jbb-container .c10.column {
    width: 640px;
}
.jbb-container .c11.column {
    width: 704px;
}
.jbb-container .c12.column {
    width: 768px;
}
.jbb-tablet-hide {
    display: none;
}
}
/*    #Mobile (Portrait)
================================================== */

    /* Width 320px */

    @media only screen and (max-width: 767px) {
    .jbb-container {
    width: 310px;
}
.jbb-container .column {
    margin: 0;
}
.jbb-container .c1.column, .jbb-container .c2.column, .jbb-container .c3.column, .jbb-container .c4.column, .jbb-container .c5.column, .jbb-container .c6.column, .jbb-container .c7.column, .jbb-container .c8.column, .jbb-container .c9.column, .jbb-container .c10.column, .jbb-container .c11.column, .jbb-container .c12.column {
    width: 310px;
}
.jbb-container .one-third.column {
    width: 100px;
}
.jbb-container .two-thirds.column {
    width: 200px;
}
/* Table responsive */
        .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
}
.table-responsive > .jbb-table {
    margin-bottom: 0;
}
.table-responsive > .jbb-table > thead > tr > th, .table-responsive > .jbb-table > tbody > tr > th, .table-responsive > .jbb-table > tfoot > tr > th, .table-responsive > .jbb-table > thead > tr > td, .table-responsive > .jbb-table > tbody > tr > td, .table-responsive > .jbb-table > tfoot > tr > td {
    white-space: nowrap;
}
.table-responsive > .bmx-table-bordered {
    border: 0;
}
.table-responsive > .bmx-table-bordered > thead > tr > th:first-child, .table-responsive > .bmx-table-bordered > tbody > tr > th:first-child, .table-responsive > .bmx-table-bordered > tfoot > tr > th:first-child, .table-responsive > .bmx-table-bordered > thead > tr > td:first-child, .table-responsive > .bmx-table-bordered > tbody > tr > td:first-child, .table-responsive > .bmx-table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
}
.table-responsive > .bmx-table-bordered > thead > tr > th:last-child, .table-responsive > .bmx-table-bordered > tbody > tr > th:last-child, .table-responsive > .bmx-table-bordered > tfoot > tr > th:last-child, .table-responsive > .bmx-table-bordered > thead > tr > td:last-child, .table-responsive > .bmx-table-bordered > tbody > tr > td:last-child, .table-responsive > .bmx-table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
}
.table-responsive > .bmx-table-bordered > tbody > tr:last-child > th, .table-responsive > .bmx-table-bordered > tfoot > tr:last-child > th, .table-responsive > .bmx-table-bordered > tbody > tr:last-child > td, .table-responsive > .bmx-table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
}
.jbb-mobile-hide {
    display: none;
}
}
/* #Mobile (Landscape)
================================================== */

    /* Width 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
    .jbb-container {
    width: 420px;
}
.jbb-container .column {
    margin: 0;
}
.jbb-container .c1.column, .jbb-container .c2.column, .jbb-container .c3.column, .jbb-container .c4.column, .jbb-container .c5.column, .jbb-container .c6.column, .jbb-container .c7.column, .jbb-container .c8.column, .jbb-container .c9.column, .jbb-container .c10.column, .jbb-container .c11.column, .jbb-container .c12.column {
    width: 420px;
}
.jbb-container .one-third.column {
    width: 140px;
}
.jbb-container .two-thirds.column {
    width: 280px;
}
}
/* #Clearing
================================================== */

    /* Clear propio */
    .container: after {
    content: "\0020";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* Clear en padre */
    .clearfix: before, .clearfix:after, .row:before, .row:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
.row:after, .clearfix:after {
    clear: both;
}
.row, .clearfix {
    zoom: 1;
}
.jbb-list-foot h4 {
    font-size: 11px;
}
.jbb-bmxlogo {
    background: url("/banamex/assets/img/menu/sprite_nuevo_home.png") no-repeat 0 -85px;
    width: 158px;
    height: 38px;
    background-repeat: no-repeat;
    float: left;
    margin-top: 10px;
}
.jbb-fluid-menu-cont {
    background: url("/banamex/assets/img/menu/sprite_nuevo_home.png") 0px -8px;
    height: 60px;
    clear: both;
}
.jbb-menu {
    float: right;
    margin-top: 10px;
}
.jbb-menu li {
    float: left;
    display: inline;
    position: relative;
    padding: 10px;
}
.jbb-menu li:hover, .jbb-menu li.hovered {
    background: #fff;
    color: #666;
}
.jbb-menu li:hover a, .jbb-menu li.hovered a {
    color: #666;
    text-transform: none;
}
.jbb-menu li a {
    font-size: 11px;
    color: #fff;
}
.jbb-menu li:hover > ul {
    display: block;
}
.jbb-submenu {
    position: absolute;
    display: none;
    background: #fff;
    height: 380px;
    width: 180px;
    margin-top: 10px;
}
.jbb-menu-button {
    display: none;
}
.jbb-menu li.jbb-last-liel {
    margin-right: 0px;
}
.jbb-menu li.dl-back {
    display: none;
}
.jbb-submenu li {
    display: block;
    float: none;
    padding: 5px;
    margin-right: 0px;
    position: static;
}
.jbb-submenu li a {
    color: #003746;
}
ul.jbb-submenu.inner {
    left: 100%;
    display: none;
    margin-top: 0px;
}
.jbb-submenu li:hover > ul.jbb-submenu.inner {
    top: 0;
    display: block;
    left: 190px;
    padding: 10px;
    border-left: 1px solid #eee;
}
.jbb-submenu li:hover > a {
    color: #002d72;
    text-decoration: none;
}
.jbb-submenu.inner li:hover > a {
    color: #002d72;
    text-decoration: none;
}
.jbb-submenu.jbb-banca-linea-menu {
    right: 0;
    border-radius: 5px;
    border-top-right-radius: 0px;
    padding: 10px;
    height: 417px;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    width: 470px;
    z-index: 10;
}
li.jbb-pers-cont {
    position: static;
}
.jbb-pers-cont.jbb-specdrop-cont, .jbb-last-liel.jbb-specdrop-cont {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
ul.jbb-submenu.main {
    width: 100%;
    left: 0;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    z-index: 10;
}
.jbb-menu li a.jbb-main-menu-format, .jbb-menu li:hover a.jbb-main-menu-format {
    text-transform: uppercase;
    font-weight: bold;
}
.jbb-bancas-banner {
    position: absolute;
    top: 30px;
    right: 10px;
}
ul.jbb-submenu.jbb-banca-linea-menu li {
    border-top: 1px solid #eee;
    width: 170px;
}
li.jbb-bancas-mobile-title {
    width: 170px;
    font-size: 12px;
    border-top: 0px !important;
}
li.jbb-bancas-mobile-title span {
    color: #cc0000;
    font-size: 18px;
}
ul.jbb-submenu.main li {
    width: 175px;
}
ul.jbb-submenu.main li a {
    font-weight: bold;
    font-size: 14px;
}
ul.jbb-submenu.inner li a {
    font-weight: normal;
    font-size: 11px;
}
ul.jbb-submenu.inner li {
    padding: 4px;
    line-height: 11px;
}
li.jbb-menu-haschild {
    background: url("/banamex/assets/img/menu/arrow-gray-big.gif") no-repeat 165px center;
}
li:hover.jbb-menu-haschild {
    background: url("/banamex/assets/img/menu/arrow-blue-big.gif") no-repeat 165px center;
}
li.jbb-action-hover {
    border-radius: 5px;
}
.jbb-menu-main-banner {
    position: absolute;
    height: 375px;
    width: 690px;
    margin: 10px;
    background: url("/banamex/assets/img/menu/banner_menu_personas.jpg") no-repeat;
    bottom: 0px;
    right: 0;
}
.jbb-main-banner-button {
    bottom: 150px;
    position: absolute;
    left: 25px;
}
ul.jbb-submenu li {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}
ul.jbb-submenu li:hover {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.jbb-cuentas-banner {
    position: absolute;
    /*background: url("/banamex/assets/img/menu/fondoCuentas.jpg") no-repeat;
    */
        height: auto;
    width: 686px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.jbb-tarjetas-banner {
    position: absolute;
    background: url("/banamex/assets/img/menu/fondoTarjetas.jpg") no-repeat;
    height: 174px;
    width: 686px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.jbb-creditos-banner {
    position: absolute;
    background: url("/banamex/assets/img/menu/personas_creditos.jpg") no-repeat;
    height: 240px;
    width: 687px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.jbb-inversiones-banner {
    position: absolute;
    background: url("/banamex/assets/img/menu/banner_inversiones.jpg") no-repeat;
    height: 175px;
    width: 683px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.jbb-seguros-banner {
    position: absolute;
    background: url("/banamex/assets/img/menu/banner_menu_seguros.jpg") no-repeat;
    height: 202px;
    width: 683px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.jbb-banca-banner {
    position: absolute;
    background: url("/banamex/assets/img/menu/fondoBancaElect.jpg") no-repeat;
    height: 224px;
    width: 683px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.jbb-servicios-banner {
    position: absolute;
    background: url("/banamex/assets/img/menu/personas_ser_esp.jpg") no-repeat;
    height: 190px;
    width: 683px;
    bottom: 10px;
    left: 10px;
    z-index: 1;
}
.jbb-cuentas-banner-button {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
.jbb-tarjetas-banner-button {
    bottom: 10px;
    position: absolute;
    right: 20px;
}
.jbb-credito-banner-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.jbb-inversiones-banner-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.jbb-seguros-banner-button {
    bottom: 10px;
    position: absolute;
    left: 10px;
}
.jbb-banca-banner-button {
    position: absolute;
    bottom: 10px;
    right: 10px;
}
.jbb-servicios-banner-button {
    position: absolute;
    bottom: 10px;
    left: 10px;
}
ul.jbb-submenu.jbb-banca-linea-menu li {
    /* padding: 3px;
    posible fix de alto en menu*/
}
/*: ::::::::::: FOOTER :::::::::::*/
    .jbb-fluid-foot-cont {
    background: #fff;
    padding: 10px 0;
}
.jbb-foot-bnet, .jbb-foot-app, .jbb-foot-edocta, .jbb-foot-alertas, .jbb-foot-audio, .jbb-foot-atm, .jbb-foot-bnet-emp {
    width: 80px;
    height: 88px;
    float: left;
}
.jbb-foot-bnet {
    background: url('/banamex/recursos/images/sprite_bene.png') no-repeat;
    background-position: 18px 16px;
    background-repeat: no-repeat;
}
.jbb-foot-bnet:hover {
    background-position: 18px -67px;
}
.jbb-foot-app {
    background: url('/banamex/recursos/images/sprite_bene.png') no-repeat;
    background-position: -58px 16px;
    background-repeat: no-repeat;
}
.jbb-foot-app:hover {
    background-position: -58px -67px;
}
.jbb-foot-edocta {
    background: url('/banamex/recursos/images/sprite_bene.png') no-repeat;
    background-position: -132px 16px;
    background-repeat: no-repeat;
}
.jbb-foot-edocta:hover {
    background-position: -132px -67px;
}
.jbb-foot-alertas {
    background: url('/banamex/recursos/images/sprite_bene.png') no-repeat;
    background-position: -209px 16px;
    background-repeat: no-repeat;
}
.jbb-foot-alertas:hover {
    background-position: -209px -67px;
}
.jbb-foot-audio {
    background: url('/banamex/recursos/images/sprite_bene.png') no-repeat;
    background-position: -286px 16px;
    background-repeat: no-repeat;
}
.jbb-foot-audio:hover {
    background-position: -286px -67px;
}
.jbb-foot-atm {
    background: url('/banamex/recursos/images/sprite_bene.png') no-repeat;
    background-position: -361px 16px;
    background-repeat: no-repeat;
}
.jbb-foot-atm:hover {
    background-position: -361px -67px;
}
.jbb-foot-bnet-emp {
    background: url('/banamex/recursos/images/sprite_bene.png') no-repeat;
    background-position: -437px 15px;
    background-repeat: no-repeat;
}
.jbb-foot-bnet-emp:hover {
    background-position: -437px -67px;
}
.jbb-footbeneficios-text {
    padding: 25px 25px 12px 18px;
    border-bottom: 8px solid #00bdf2;
    color: #0c5b88;
    font-size: 17px;
    position: relative;
}
.jbb-footbeneficios-text strong {
    font-size: 20px;
}
.jbb-container.jbb-benef-cont {
    border: 1px solid #d2d2d2;
    background: #fff;
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…IgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #e3e3e3 0%, #f5f6f6 7%, #ffffff 14%, #ffffff 80%, #f4f3f3 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e3e3e3), color-stop(7%, #f5f6f6), color-stop(14%, #ffffff), color-stop(80%, #ffffff), color-stop(100%, #f4f3f3));
    background: -webkit-linear-gradient(top, #e3e3e3 0%, #f5f6f6 7%, #ffffff 14%, #ffffff 80%, #f4f3f3 100%);
    background: -o-linear-gradient(top, #e3e3e3 0%, #f5f6f6 7%, #ffffff 14%, #ffffff 80%, #f4f3f3 100%);
    background: -ms-linear-gradient(top, #e3e3e3 0%, #f5f6f6 7%, #ffffff 14%, #ffffff 80%, #f4f3f3 100%);
    background: linear-gradient(to bottom, #e3e3e3 0%, #f5f6f6 7%, #ffffff 14%, #ffffff 80%, #f4f3f3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3e3e3', endColorstr='#f4f3f3', GradientType=0 );
}
ul.jbb-foot-bene-ul.clearfix {
    margin-left: 40px;
}
ul.jbb-list-foot li {
    width: 149px;
    float: left;
    font-size: 11px;
    padding-left: 10px;
    border-right: 1px solid #d2d2d2;
    height: 200px;
}
ul.jbb-list-foot-inner li a {
    font-size: 11px;
    display: block;
    margin-bottom: 5px;
    color: #999;
    padding-right: 10px;
}
ul.jbb-list-foot li h4 {
    margin: 0px 0px 5px 0px;
    font-weight: bold;
}
ul.jbb-list-foot-inner li {
    padding: 0px;
    border-right: 0px;
    height: auto;
}
.jbb-container.jbb-ul-foot {
    border: 1px solid #d2d2d2;
    margin-top: 10px;
    padding: 10px 0;
}
li.jbb-foot-lastli {
    border-right: 0px !important;
}
ul.jbb-legal-ul {
    list-style: none;
    float: left;
    padding: 0;
    margin-top: 0;
}
ul.jbb-legal-ul li {
    float: left;
    padding: 5px;
}
ul.jbb-legal-ul li a {
    color: #002d72;
    text-decoration: none;
    border-right: 1px solid #666;
    padding-right: 10px;
    font-weight: bold;
    font-size: 11px;
}
ul.jbb-legal-ul li a span {
    font-size: 11px;
}
ul.jbb-legal-ul li a:hover {
    text-decoration: underline;
}
.jbb-copycont-left {
    float: left;
}
.jbb-copycont-right {
    float: right;
    text-align: right;
}
.jbb-legal-m {
    border-bottom: 1px solid #666;
    margin: 10px 0;
}
p.jbb-yt-text {
    color: #999;
    font-size: 9px;
}
.jbb-legal-icons-cont {
    float: right;
}
.jbb-legal-icons-cont a span {
    margin-right: 5px;
}
span.jbb-buro-icon {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -94px 0;
    width: 28px;
    height: 27px;
    float: left;
}
span.jbb-app-icon {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat 0 -115px;
    width: 82px;
    height: 27px;
    float: left;
}
span.jbb-fb-icon {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat 0 0;
    width: 27px;
    height: 27px;
    float: left;
}
span.jbb-tw-icon {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -28px 0;
    width: 27px;
    height: 27px;
    float: left;
}
span.jbb-yt-icon {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -56px 0;
    width: 37px;
    height: 27px;
    float: left;
}
span.jbb-buro-icon:hover {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -94px -30px;
}
span.jbb-app-icon:hover {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat 0 -87px;
}
span.jbb-fb-icon:hover {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat 0 -30px;
}
span.jbb-tw-icon:hover {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -28px -30px;
}
span.jbb-yt-icon:hover {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -56px -30px;
}
span.jbb-buro-icon:active, .jbb-buro-icon.active {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -94px -60px;
}
span.jbb-app-icon:active, .jbb-app-icon.active {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat 0 -143px;
}
span.jbb-fb-icon:active, .jbb-fb-icon.active {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat 0 -60px;
}
span.jbb-tw-icon:active, .jbb-tw-icon.active {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -28px -60px;
}
span.jbb-yt-icon:active, .jbb-yt-icon.active {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -56px -60px;
}
span.jbb-lkn-icon {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -123px 0;
    width: 28px;
    height: 27px;
    float: left;
}
span.jbb-lkn-icon:hover {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -123px -30px;
}
span.jbb-lkn-icon:active, .jbb-yt-icon.active {
    background: url('/banamex/assets/img/footer/icon_legales.png') no-repeat -123px -60px;
}
.jbb-copycont-left a, .jbb-copycont-left p {
    font-size: 11px;
}
.jbb-copycont-right a {
    font-size: 11px;
}
.jbb-dropdown-mob {
    display: none;
}
@media only screen and (max-width: 959px) {
    /* @font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot');
    src: url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
} */
div#topEncabezado {
    display: none !important;
}
.bread_crumb {
    width: auto !important;
}
#MenuCompleto {
    width: auto !important;
}
ul.jbb-submenu.jbb-banca-linea-menu li {
    padding: 0px;
    border-top: 0px;
}
ul.jbb-submenu li {
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
ul.jbb-submenu li:hover {
    border-top: 0px solid #eee;
    border-bottom: 0px solid #eee;
}
.jbb-menu-main-banner, .jbb-cuentas-banner, .jbb-tarjetas-banner, .jbb-creditos-banner, .jbb-inversiones-banner, .jbb-seguros-banner {
    display: none !important;
}
li.jbb-action-hover {
    border-radius: 0px;
}
li.jbb-menu-haschild {
    background: none;
}
li:hover.jbb-menu-haschild {
    background: none;
}
ul.jbb-submenu.main li a {
    font-weight: bold;
    font-size: inherit;
}
ul.jbb-submenu.inner li a {
    font-weight: bold;
    font-size: inherit;
}
ul.jbb-submenu.inner li {
    padding: 0px;
}
ul.jbb-submenu.main li {
    width: auto;
}
ul.jbb-submenu.jbb-banca-linea-menu li {
    width: auto;
}
li.jbb-bancas-mobile-title {
    display: none !important;
    border-top: 0px;
}
.jbb-bancas-banner {
    display: none;
}
.jbb-submenu.jbb-banca-linea-menu {
    padding: 0px;
    width: auto;
}
.jbb-submenu li:hover > ul.jbb-submenu.inner {
    padding: 0px;
    border-left: 0px;
}
ul.jbb-submenu.main {
    padding: 0px;
}
.jbb-pers-cont.jbb-specdrop-cont, .jbb-last-liel.jbb-specdrop-cont {
    border-top-right-radius: inherit;
    border-top-left-radius: inherit;
}
.jbb-submenu li:hover > a {
    color: #fff;
}
.jbb-submenu.inner li:hover > a {
    color: #002d72;
}
.jbb-menu li:hover {
    background: transparent;
}
.jbb-menu li:hover > ul {
    display: none;
}
.jbb-container.jbb-logo-cont {
    padding-top: 10px;
}
/* Common styles of menus */
.jbb-submenu {
    position: static;
    display: block;
    height: auto;
    width: auto;
    margin-top: 0px;
}
ul.jbb-submenu.inner {
    left: inherit    ;
    display: block;
}
.jbb-menu li a {
    font-size: 11px;
    text-transform: none;
}
.jbb-menu li:hover a {
    color: #002d72;
}
.jbb-menu li {
    float: none;
    margin-right: 0px;
    padding: 0px;
}
.jbb-menu-button {
    display: block;
}
.jbb-submenu li {
    display: block;
    padding: 0px;
    margin-right: 0px;
}
.jbb-bmxlogo {
    float: none;
    display: block;
    margin: 0 auto;
}
.jbb-menuwrapper {
    width: 100%;
    max-width: 300px;
    float: left;
    position: absolute;
    top: 10px;
    -webkit-perspective: 1000px;
    perspective: 1000px;
    -webkit-perspective-origin: 50% 200%;
    perspective-origin: 50% 200%;
    z-index: 10;
}
.jbb-menuwrapper:first-child {
    margin-right: 100px;
}
.jbb-menuwrapper button {
    background: transparent;
    border: none;
    width: 48px;
    height: 45px;
    text-indent: -900em;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
}
.jbb-menuwrapper button:hover, .jbb-menuwrapper button.dl-active {
    background: transparent;
}
.jbb-menuwrapper ul {
    background: #fff;
}
.jbb-menuwrapper button:after {
    content: '';
    position: absolute;
    width: 68%;
    height: 5px;
    background: #fff;
    top: 10px;
    left: 16%;
    border-radius: 5px;
    box-shadow: 0 10px 0 #fff, 0 20px 0 #fff;
}
.jbb-menuwrapper ul {
    padding: 0;
    list-style: none;
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.jbb-menuwrapper li {
    position: relative;
}
.jbb-menuwrapper li a {
    display: block;
    position: relative;
    padding: 15px 20px;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
    color: #002d72;
    outline: none;
}
.no-touch .jbb-menuwrapper li a:hover {
    background: rgba(255, 248, 213, 0.1);
}
.jbb-menuwrapper li.dl-back > a {
    padding-left: 30px;
    background: #002d72;
    color: #fff;
}
.jbb-menuwrapper li.dl-back:after, .jbb-menuwrapper li > a:not(:only-child):after {
    position: absolute;
    top: 0;
    line-height: 50px;
    speak: none;
    -webkit-font-smoothing: antialiased;
    content: "\e000";
    margin-left: 0px;
}
.jbb-menuwrapper li.dl-back:after {
    left: 10px;
    color: #fff;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.jbb-menuwrapper li > a:after {
    right: 10px;
}
.jbb-menuwrapper .jbb-menu {
    margin: 5px 0 0 0;
    position: absolute;
    width: 100%;
    opacity: 0;
    pointer-events: none;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.jbb-menuwrapper .jbb-menu.jbb-menu-toggle {
    transition: all 0.3s ease;
}
.jbb-menuwrapper .jbb-menu.jbb-menuopen {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    transform: translateY(0px);
    -webkit-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.5);
}
.jbb-menuwrapper li .jbb-submenu {
    display: none;
}
.jbb-menu.dl-subview li, .jbb-menu.dl-subview li.dl-subviewopen > a, .jbb-menu.dl-subview li.dl-subview > a {
    display: none;
}
.jbb-menu.dl-subview li.dl-subview, .jbb-menu.dl-subview li.dl-subview .jbb-submenu, .jbb-menu.dl-subview li.dl-subviewopen, .jbb-menu.dl-subview li.dl-subviewopen > .jbb-submenu, .jbb-menu.dl-subview li.dl-subviewopen > .jbb-submenu > li {
    display: block;
}
.jbb-menuwrapper > .jbb-submenu {
    position: absolute;
    width: 100%;
    top: 50px;
    left: 0;
    margin: 0;
}
.jbb-menu.dl-animate-out-1 {
    -webkit-animation: MenuAnimOut1 0.4s;
    animation: MenuAnimOut1 0.4s;
}
.jbb-menu.dl-animate-out-2 {
    -webkit-animation: MenuAnimOut2 0.3s ease-in-out;
    animation: MenuAnimOut2 0.3s ease-in-out;
}
.jbb-menu.dl-animate-out-3 {
    -webkit-animation: MenuAnimOut3 0.4s ease;
    animation: MenuAnimOut3 0.4s ease;
}
.jbb-menu.dl-animate-out-4 {
    -webkit-animation: MenuAnimOut4 0.4s ease;
    animation: MenuAnimOut4 0.4s ease;
}
.jbb-menu.dl-animate-out-5 {
    -webkit-animation: MenuAnimOut5 0.4s ease;
    animation: MenuAnimOut5 0.4s ease;
}
@-webkit-keyframes MenuAnimOut1 {
    0% {
}
50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
}
75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
}
100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut2 {
    0% {
}
100% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut3 {
    0% {
}
100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut4 {
    0% {
}
100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
}
}
@-webkit-keyframes MenuAnimOut5 {
    0% {
}
100% {
    -webkit-transform: translateY(40%);
    opacity: 0;
}
}
@keyframes MenuAnimOut1 {
    0% {
}
50% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
}
75% {
    -webkit-transform: translateZ(-372.5px) rotateY(15deg);
    transform: translateZ(-372.5px) rotateY(15deg);
    opacity: .5;
}
100% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
}
}
@keyframes MenuAnimOut2 {
    0% {
}
100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}
}
@keyframes MenuAnimOut3 {
    0% {
}
100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
}
}
@keyframes MenuAnimOut4 {
    0% {
}
100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
}
}
@keyframes MenuAnimOut5 {
    0% {
}
100% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
}
}
.jbb-menu.dl-animate-in-1 {
    -webkit-animation: MenuAnimIn1 0.3s;
    animation: MenuAnimIn1 0.3s;
}
.jbb-menu.dl-animate-in-2 {
    -webkit-animation: MenuAnimIn2 0.3s ease-in-out;
    animation: MenuAnimIn2 0.3s ease-in-out;
}
.jbb-menu.dl-animate-in-3 {
    -webkit-animation: MenuAnimIn3 0.4s ease;
    animation: MenuAnimIn3 0.4s ease;
}
.jbb-menu.dl-animate-in-4 {
    -webkit-animation: MenuAnimIn4 0.4s ease;
    animation: MenuAnimIn4 0.4s ease;
}
.jbb-menu.dl-animate-in-5 {
    -webkit-animation: MenuAnimIn5 0.4s ease;
    animation: MenuAnimIn5 0.4s ease;
}
@-webkit-keyframes MenuAnimIn1 {
    0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
}
20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
}
100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn2 {
    0% {
    -webkit-transform: translateX(-100%);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn3 {
    0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn4 {
    0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
}
}
@-webkit-keyframes MenuAnimIn5 {
    0% {
    -webkit-transform: translateY(40%);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
    opacity: 1;
}
}
@keyframes MenuAnimIn1 {
    0% {
    -webkit-transform: translateZ(-500px) rotateY(0deg);
    transform: translateZ(-500px) rotateY(0deg);
    opacity: 0;
}
20% {
    -webkit-transform: translateZ(-250px) rotateY(30deg);
    transform: translateZ(-250px) rotateY(30deg);
    opacity: 0.5;
}
100% {
    -webkit-transform: translateZ(0px) rotateY(0deg);
    transform: translateZ(0px) rotateY(0deg);
    opacity: 1;
}
}
@keyframes MenuAnimIn2 {
    0% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
}
@keyframes MenuAnimIn3 {
    0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
}
}
@keyframes MenuAnimIn4 {
    0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
}
}
@keyframes MenuAnimIn5 {
    0% {
    -webkit-transform: translateY(40%);
    transform: translateY(40%);
    opacity: 0;
}
100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
}
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-in-1 {
    -webkit-animation: SubMenuAnimIn1 0.4s ease;
    animation: SubMenuAnimIn1 0.4s ease;
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-in-2 {
    -webkit-animation: SubMenuAnimIn2 0.3s ease-in-out;
    animation: SubMenuAnimIn2 0.3s ease-in-out;
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-in-3 {
    -webkit-animation: SubMenuAnimIn3 0.4s ease;
    animation: SubMenuAnimIn3 0.4s ease;
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-in-4 {
    -webkit-animation: SubMenuAnimIn4 0.4s ease;
    animation: SubMenuAnimIn4 0.4s ease;
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-in-5 {
    -webkit-animation: SubMenuAnimIn5 0.4s ease;
    animation: SubMenuAnimIn5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimIn1 {
    0% {
    -webkit-transform: translateX(50%);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn2 {
    0% {
    -webkit-transform: translateX(100%);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0px);
    opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn3 {
    0% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn4 {
    0% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
}
}
@-webkit-keyframes SubMenuAnimIn5 {
    0% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0);
    opacity: 1;
}
}
@keyframes SubMenuAnimIn1 {
    0% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
}
@keyframes SubMenuAnimIn2 {
    0% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}
100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
    opacity: 1;
}
}
@keyframes SubMenuAnimIn3 {
    0% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
}
}
@keyframes SubMenuAnimIn4 {
    0% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
}
}
@keyframes SubMenuAnimIn5 {
    0% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
}
100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-out-1 {
    -webkit-animation: SubMenuAnimOut1 0.4s ease;
    animation: SubMenuAnimOut1 0.4s ease;
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-out-2 {
    -webkit-animation: SubMenuAnimOut2 0.3s ease-in-out;
    animation: SubMenuAnimOut2 0.3s ease-in-out;
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-out-3 {
    -webkit-animation: SubMenuAnimOut3 0.4s ease;
    animation: SubMenuAnimOut3 0.4s ease;
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-out-4 {
    -webkit-animation: SubMenuAnimOut4 0.4s ease;
    animation: SubMenuAnimOut4 0.4s ease;
}
.jbb-menuwrapper > .jbb-submenu.dl-animate-out-5 {
    -webkit-animation: SubMenuAnimOut5 0.4s ease;
    animation: SubMenuAnimOut5 0.4s ease;
}
@-webkit-keyframes SubMenuAnimOut1 {
    0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
}
100% {
    -webkit-transform: translateX(50%);
    opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut2 {
    0% {
    -webkit-transform: translateX(0%);
    opacity: 1;
}
100% {
    -webkit-transform: translateX(100%);
    opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut3 {
    0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(-300px);
    opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut4 {
    0% {
    -webkit-transform: translateZ(0px);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(300px);
    opacity: 0;
}
}
@-webkit-keyframes SubMenuAnimOut5 {
    0% {
    -webkit-transform: translateZ(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(-200px);
    opacity: 0;
}
}
@keyframes SubMenuAnimOut1 {
    0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
}
100% {
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    opacity: 0;
}
}
@keyframes SubMenuAnimOut2 {
    0% {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
}
100% {
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    opacity: 0;
}
}
@keyframes SubMenuAnimOut3 {
    0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(-300px);
    transform: translateZ(-300px);
    opacity: 0;
}
}
@keyframes SubMenuAnimOut4 {
    0% {
    -webkit-transform: translateZ(0px);
    transform: translateZ(0px);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(300px);
    transform: translateZ(300px);
    opacity: 0;
}
}
@keyframes SubMenuAnimOut5 {
    0% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1;
}
100% {
    -webkit-transform: translateZ(-200px);
    transform: translateZ(-200px);
    opacity: 0;
}
}
/* No JS Fallback */
.no-js .jbb-menuwrapper .jbb-menu {
    position: relative;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}
.no-js .jbb-menuwrapper li .jbb-submenu {
    display: block;
}
.no-js .jbb-menuwrapper li.dl-back {
    display: none;
}
.no-js .jbb-menuwrapper li > a:not(:only-child) {
    background: rgba(0, 0, 0, 0.1);
}
.no-js .jbb-menuwrapper li > a:not(:only-child):after {
    content: '';
}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .jbb-foot-bnet, .jbb-foot-app, .jbb-foot-edocta, .jbb-foot-alertas, .jbb-foot-audio, .jbb-foot-atm, .jbb-foot-bnet-emp {
    width: 70px;
}
ul.jbb-foot-bene-ul.clearfix {
    margin-left: 5px;
}
.jbb-footbeneficios-text {
    padding: 30px 25px 19px 18px;
    border-bottom: 8px solid #00bdf2;
    color: #0c5b88;
    font-size: 13px;
}
.jbb-footbeneficios-text strong {
    font-size: 14px;
}
ul.jbb-list-foot-inner li a {
    padding-right: 5px;
}
ul.jbb-list-foot li h4 {
    font-weight: normal;
}
ul.jbb-list-foot li {
    width: 120px;
    padding-left: 5px;
    height: 190px;
}
ul.jbb-list-foot-inner li a {
    padding-right: 5px;
}
ul.jbb-list-foot-inner li {
    padding-left: 0px;
    height: auto;
}
.jbb-container.jbb-benef-cont {
    border-right: 0px;
    border-left: 0px;
}
.jbb-container.jbb-ul-foot {
    border-right: 0px;
    border-left: 0px;
}
.jbb-legal-m {
    margin-top: 0px;
}
ul.jbb-legal-ul {
    float: none;
    width: 631px;
    margin: 0 auto;
}
.jbb-legal-icons-cont {
    margin: 10px auto;
    float: none;
    margin-top: 5px;
    width: 190px;
}
}
@media only screen and (max-width: 767px) {
    ul.jbb-list-foot {
    width: 920px;
}
.jbb-menu-button {
    display: none;
}
.jbb-container.jbb-ul-foot {
    overflow-x: scroll;
    width: auto;
}
.jbb-dropdown-mob {
    position: absolute;
    right: 10px;
    top: 20px;
    display: block;
}
.jbb-arrow-down {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 11px solid #0c5b88;
}
ul.jbb-foot-bene-ul.clearfix {
    margin-left: 0px;
}
.jbb-footbeneficios-text {
    padding: 10px 25px 10px 18px;
    border-bottom: 8px solid #00bdf2;
    color: #0c5b88;
    font-size: 17px;
}
.jbb-foot-bnet, .jbb-foot-app, .jbb-foot-edocta, .jbb-foot-alertas, .jbb-foot-audio, .jbb-foot-atm, .jbb-foot-bnet-emp {
    width: 75px;
}
ul.jbb-list-foot li {
    width: 140px;
}
.jbb-copycont-right {
    float: left;
    text-align: left;
}
.jbb-copycont-left {
    float: none;
    width: 100%;
    text-align: center;
}
.jbb-footbeneficios-text strong {
    font-size: 18px;
}
.jbb-legal-icons-cont a span {
    margin-right: 15px;
}
.jbb-legal-icons-cont.clearfix {
    width: 100%;
    margin: 10px 0;
}
ul.jbb-legal-ul li a {
    border-right: 0px solid #666;
    padding: 0px;
}
ul.jbb-legal-ul li {
    padding: 0 5px;
    width: auto;
    text-align: center;
    border-right: 1px solid #333;
    margin: 2px 0;
}
ul.jbb-list-foot li {
    height: auto;
}
ul.jbb-list-foot-inner {
    height: 180px;
    margin-top: 10px;
}
}
.bmx-footershow-down {
    display: none;
    font-size: 10px;
}
.bmx-footershow:hover > span.bmx-footershow-down {
    display: block;
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    ul.jbb-list-foot {
    width: 1250px;
}
.jbb-foot-bnet, .jbb-foot-app, .jbb-foot-edocta, .jbb-foot-alertas, .jbb-foot-audio, .jbb-foot-atm, .jbb-foot-bnet-emp {
    width: 60px;
}
.jbb-foot-bnet {
    background-position: 10px 16px;
}
.jbb-foot-bnet:hover {
    background-position: 10px -67px;
}
.jbb-foot-app {
    background-position: -70px 16px;
}
.jbb-foot-app:hover {
    background-position: -70px -67px;
}
.jbb-foot-edocta {
    background-position: -146px 16px;
}
.jbb-foot-edocta:hover {
    background-position: -146px -67px;
}
.jbb-foot-alertas {
    background-position: -220px 16px;
}
.jbb-foot-alertas:hover {
    background-position: -220px -67px;
}
.jbb-foot-audio {
    background-position: -295px 16px;
}
.jbb-foot-audio:hover {
    background-position: -295px -67px;
}
.jbb-foot-atm {
    background-position: -380px 16px;
}
.jbb-foot-atm:hover {
    background-position: -380px -67px;
}
.jbb-foot-bnet-emp {
    background-position: -452px 15px;
}
.jbb-foot-bnet-emp:hover {
    background-position: -452px -67px;
}
ul.jbb-list-foot li {
    width: 195px;
}
.jbb-copycont-left {
    float: left;
    width: auto;
    text-align: left;
}
.jbb-legal-icons-cont a span {
    margin-right: 38px;
}
ul.jbb-legal-ul li {
    padding: 0px;
    width: 133px;
    text-align: center;
    border-right: 1px solid #333;
    margin: 2px 0;
}
ul.jbb-list-foot li {
    height: auto;
}
ul.jbb-list-foot-inner {
    height: 180px;
    margin-top: 10px;
}
}
li.jbb-action-hover.espacio-cul {
    margin-right: 100px;
}
span.jbb-menu-ad {
    background: url("/banamex/assets/img/menu/arrow-d.png") no-repeat scroll -3px -3px;
    display: inline-block;
    height: 10px;
    margin-left: 7px;
    width: 10px;
}
li.jbb-last-liel.jbb-specdrop-cont:hover > a span {
    background: url("/banamex/assets/img/menu/arrow-d.png") no-repeat scroll -3px -19px;
    display: inline-block;
    margin-left: 7px;
    width: 10px;
}
.modal {
    text-align: center;
}
@media screen and (min-width: 768px) {
    .modal: before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
}
}
.modal-dialog {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}
.bread_crumb {
    max-width: 932px;
    margin: 0 auto;
    color: #666;
    background-color: #EEE;
    font-size: 12px;
    padding: 5px 0 5px 10px;
    overflow: hidden;
    margin-bottom: 10px;
}
.bread_crumb ul.bread {
    width: 100%;
    height: auto;
    float: left;
    margin: 0;
    padding: 0;
    margin-top: 2px;
}
.bread_crumb ul.bread li {
    width: auto;
    float: left;
    margin: 0 0 0 3px;
}
.bread_crumb a {
    font-size: 12px;
    text-decoration: none;
    color: #00BDF2;
    background: url(/banamex/recursos/images/home/gray_arrow.png)right center no-repeat;
    padding-right: 10px;
}
.bread_crumb a:hover {
    text-decoration: underline;
    color: #00BDF2;
}
.bread_crumb a.no_arrow {
    background: none;
    color: #666;
    text-decoration: none;
}
.bg_in {
    background-color: rgb(0, 0, 0);
    background-color: rgba(0, 0, 0, 0.6);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
    -webkit-transition: background-color 0.5s linear;
    -moz-transition: background-color 0.5s linear;
    -o-transition: background-color 0.5s linear;
    -ms-transition: background-color 0.5s linear;
    transition: background-color 0.5s linear;
}
@keyframes pulso {
    0% {
    transform: scale(0.7);
    opacity: 0.5;
    border: 4px solid #002d72;
}
50% {
    opacity: 1;
}
85% {
    transform: scale(1);
}
100% {
    transform: scale(1);
    opacity: 0;
    border: 4px solid #002d72;
}
}
.pulso-anim {
    background: transparent;
    border: 0px solid #002d72;
    display: block;
    height: 71px;
    width: 71px;
    left: -1px;
    top: -2px;
    position: absolute;
    z-index: -1;
    border-radius: 55px;
    animation: pulso 2s ease-in-out infinite;
}
/* p.focal-block-numbers-big.tuit-edit insert {
    font-family: 'interstateel', sans-serif;
} */
.bread-item {
    cursor: arrow;
    font-size: 11px;
}
/*estilos para el submenu inicio*/
#containerLlamanos {
    background-color: #FFF;
    margin: 0 auto;
    min-height: 300px;
}
#containerLlamanos #content {
    padding: 25px;
    overflow: hidden;
}
#containerLlamanos #content h2, #llamanos_modal {
    background: url("/banamex/recursos/images/sprite-atencionlinea-titulos.png") no-repeat scroll -9px -81px transparent;
    color: #004785;
    font-size: 22px;
    font-weight: normal;
    height: 32px;
    line-height: 32px;
    margin: 0 0 15px;
    padding: 0 0 0 30px;
}
#containerLlamanos #content p {
    margin: 0 0 30px;
}
#containerLlamanos .col-left, .col-right {
    width: 300px;
}
#containerLlamanos .col-left {
    float: left;
}
#containerLlamanos .col-right {
    float: right;
}
#containerLlamanos #content h3 {
    color: #cc0000;
    font-size: 18px;
    margin: 0 0 15px;
    font-weight: normal;
}
#content_call {
    padding: 25px;
    overflow: hidden;
    min-height: 300px;
}
.full-accord-title, .accord-cont, .accord-title, .accord-body, .accord-light-blue, .accord-light-grey, .accord-orange {
    font: 12px Helvetica, sans-serif;
    color: #666;
}
.accord-left {
    width: 300px;
    margin-right: 10px;
    float: left;
}
.accord-right {
    width: 300px;
    float: left;
}
.full-accord-title {
    color: #c00;
    font-size: 18px;
}
.accord-title {
    font-weight: bold;
    padding: 10px 0;
    cursor: pointer;
    background-color: #eee;
    background: transparent url(/banamex/recursos/images/llamanos-panel-titulo.png) repeat-x;
    position: relative;
    border-top: 1px solid #ccc;
    padding-left: 10px;
}
.accord-light-blue {
    color: #00bdf2;
    margin-bottom: 5px;
}
.accord-orange {
    color: #ffa202;
}
.accord-light-grey {
    margin-top: 0px;
    background: transparent url(/banamex/recursos/images/bullet-disc.png) no-repeat 10px 4px;
    padding-left: 20px;
}
.accord-arrowdown {
    background: transparent url(/banamex/recursos/images/llamanos-panel-arrow-down.png) no-repeat;
    width: 10px;
    height: 10px;
    float: right;
    margin-right: 10px;
    margin-top: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.accord-arrowup {
    background: transparent url(/banamex/recursos/images/llamanos-panel-arrow-up.png) no-repeat;
    width: 10px;
    height: 10px;
    float: right;
    margin-right: 10px;
    margin-top: 4px;
    position: absolute;
    right: 10px;
    top: 10px;
}
.accord-body {
    padding-left: 10px;
    display: none;
}
.clearfix.tabheight {
    height: 59px;
    display: table;
    margin-left: -10px;
    padding-left: 10px;
}
@media (max-width: 959px) {
    .modal-dialog-video .modal-body div {
    width: auto !important;
    height: auto !important;
}
}
.modal-dialog-video {
    width: auto;
    max-width: none;
}
@media only screen and (max-device-width:  959px) and (orientation : landscape) {
    .modal-dialog-video {
    height: 100%;
    width: 75%;
    margin: 10px;
    max-width: 75%;
}
.modal-dialog-video .modal-content {
    height: 90%;
    width: 97%;
}
.modal-dialog-video .modal-body {
    height: 100%
}
.modal-dialog-video .modal-body div {
    height: 80% !important;
}
}
/*Sub menu Inicio*/
/* @font-face {
    font-family: "interstate";
    src: url("/banamex/assets/fonts/inter.eot");
    src: url("/banamex/assets/fonts/inter.eot?") format("embedded-opentype"), url("/banamex/assets/fonts/inter.woff") format("woff"), url("/banamex/assets/fonts/inter.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "interstatet";
    src: url("/banamex/assets/fonts/intert.eot");
    src: url("/banamex/assets/fonts/intert.eot?") format("embedded-opentype"), url("/banamex/assets/fonts/intert.woff") format("woff"), url("/banamex/assets/fonts/intert.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "interstatel";
    src: url("/banamex/assets/fonts/interl.eot");
    src: url("/banamex/assets/fonts/interl.eot?") format("embedded-opentype"), url("/banamex/assets/fonts/interl.woff") format("woff"), url("/banamex/assets/fonts/interl.ttf") format("truetype");
    font-style: normal;
}
@font-face {
    font-family: "interstateel";
    src: url("/banamex/assets/fonts/interel.eot");
    src: url("/banamex/assets/fonts/interel.eot?") format("embedded-opentype"), url("/banamex/assets/fonts/interel.woff") format("woff"), url("/banamex/assets/fonts/interel.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
} */
.font_16 {
    font-size: 16px
}
.wrap_menu {
    font-size: 12px;
    height: 61px;
    width: 100%;
    position: absolute;
    z-index: 1;
    border-bottom: 1px transparent;
    display: inline-block;
}
.wrap_menu.scroll {
    position: fixed;
    top: 0px;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid #333;
    z-index: 1;
}
.wrap_menu.scroll.sub-white {
    background-color: rgba(255, 255, 255, 0.8)
}
.wrap_menu.scroll.sub-dark {
    background-color: rgb(0, 0, 0, 0.6)
}
.wrap_menu.scroll.sub-white .top_menu, .wrap_menu.scroll.sub-white .top_menu .nav_txt               p a {
    color: #333 !important
}
.wrap_menu.scroll.sub-dark .top_menu, .wrap_menu.scroll.sub-dark .top_menu .nav_txt     p a {
    color: #FFF !important
}
.wrap_menu.scroll .top_menu {
    border-bottom: none
}
.wrap_menu::after {
    content: "";
    clear: both;
}
.top_menu {
    border-bottom: 1px solid #333;
    height: 100%;
    padding: 0px;
    display: table
}
.sec_title {
    display: table-cell;
    vertical-align: middle;
    cursor: pointer
}
.title_page {
    line-height: 1.3;
    margin: 0px;
    padding: 0px;
    max-width: 200px;
    margin: 0px !important;
}
.sec_title.hide_burger div:first-child:before {
    content: "";
    background-image: none;
}
.sec_title.hide_burger .title_page {
    padding-left: 15px;
}
.sec_nav {
    display: table-cell;
    vertical-align: top;
    padding: 0px;
    height: 100%;
    text-align: right
}
.sec_nav div {
    margin-left: 25px;
    display: inline-block;
    text-align: center;
    line-height: 1;
    height: 100%
}
.sec_nav.long div {
}
.sec_nav .nav_txt p {
    margin: 0px;
    height: 100%;
    display: block;
}
.nav_txt p a {
    display: block;
    height: 100%;
    padding-top: 25px;
    color: #333 !important;
    font-size: 12px;
    box-sizing: border-box;
}
.nav_txt p a:hover, .nav_txt p a:focus, .nav_txt p a:visited {
    color: #333 !important;
    text-decoration: none
}
.wrap_menu.scroll.sub-dark .top_menu .nav_txt.active {
    border-bottom: 4px solid #FFF !important;
}
.nav_txt.active p a {
    border-bottom: 4px solid #333 !important;
    font-weight: bold;
}
.btn-green {
    font-size: 12px !important;
    background-color: #ed1c24;
    border: 2px solid #ed1c24 !important;
    color: #FFF;
    width: 160px;
    height: 40px;
    padding: 0px;
    margin: 0px 0px 0px 20px !important;
    border-radius: 6px
}
.btn-green:hover, .btn-green:active, .btn-green:focus {
    background-color: #fff;
    color: #ed1c24
}
.btn-green.mob {
    display: none
}
.btn-green.rev {
    background-color: #FFF;
    border: 2px solid #ed1c24 !important;
    color: #ed1c24;
    padding: 10px 0px 9px 0px;
    width: 160px;
    margin: 0px 0px 2px 0px;
}
.btn-green.rev:hover, .btn-green.rev:active, .btn-green.rev:focus {
    background-color: #ed1c24;
    color: #FFF
}
.btn-green.mob.rev {
    display: none
}
.btn-blue {
    background-color: #0071b7;
    border: 2px solid #0071b7 !important;
    color: #FFF;
    padding: 8px 0px;
    margin: 0px 0px 2px 0px
}
.btn-blue:hover, .btn-blue:active, .btn-blue:focus {
    background-color: #fff;
    color: #0071b7
}
.mob_buttons {
    display: none !important;
    background-color: #eee;
    padding: 5px 10px;
}
.mob_buttons .btn-green, .mob_buttons .btn-blue {
    margin: 5px auto;
    width: 100%
}
.sec_butt {
    display: table-cell;
    vertical-align: middle;
    width: 180px;
}
@media screen and (max-width: 1200px) {
    .sec_nav.long div {
    margin-left: 10px;
}
}
@media (min-width:959px) and (max-width:991px) {
    .top_menu {
    width: 95%;
    min-width: 750px
}
}
@media (max-width: 959px) {
    .container {
    width: 100%;
}
.wrap_menu {
    top: 60px;
    left: 0px;
    padding: 0px;
    height: auto;
    display: block;
    background: none!important;
}
.wrap_menu.scroll {
    position: fixed;
    padding: 0px;
    top: 0px;
    border-bottom: none;
    background-color: transparent
}
.wrap_menu.open {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.8) !important;
}
.top_menu {
    height: 100%;
    padding: 0px;
    border-bottom: none;
}
.sec_title {
    position: absolute;
    display: table;
    left: 0px;
    background-color: rgba(255, 255, 255, 0.8);
    width: 100%;
    border-bottom: 1px solid #333;
    height: 60px;
}
.sec_title div {
    display: table-cell;
    vertical-align: middle;
}
.sec_title div:first-child:before {
    content: " ";
    width: 15px;
    height: 13px;
    overflow: hidden;
    display: block;
    float: left;
    background-image: url(../img/burger.png);
    position: absolute;
    top: 50%;
    margin-top: -7px;
    left: 15px;
    cursor: pointer;
}
.title_page {
    max-height: 35px;
    overflow: hidden;
    padding: 0px 0px 0px 40px;
    max-width: 100%;
}
.sec_title.open {
    left: 260px;
    -webkit-animation-name: left_ant;
    -webkit-animation-duration: 1s;
    animation-name: left_ant;
    animation-duration: 1s;
}
@-webkit-keyframes left_ant {
    from {
    left: 0px;
}
to {
    left: 260px;
}
}
@keyframes left_ant {
    from {
    left: 0px;
}
to {
    left: 260px;
}
}
.sec_title.close_m {
    left: 0px;
    -webkit-animation-name: left_antre;
    -webkit-animation-duration: 1s;
    animation-name: left_antre;
    animation-duration: 1s
}
@-webkit-keyframes left_antre {
    from {
    left: 260px;
}
to {
    left: 0px;
}
}
@keyframes left_antre {
    from {
    left: 260px;
}
to {
    left: 0px;
}
}
.sec_title.open div:first-child::before {
    background-position: 0px 13px;
}
.btn-green {
    margin: 0px 0px 0px 0px!important;
}
.btn-green.mob {
    display: block;
    width: 100%;
    max-width: 160px;
    margin: 0px 15px 0px 0px!important;
    float: right;
}
.sec_nav {
    display: none;
    position: absolute;
    width: 260px;
    height: 100%;
    left: 0px;
    background-color: #FFF;
    text-align: left;
    -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);
    overflow-y: auto;
}
.sec_nav.open {
    display: block;
    opacity: 1;
    -webkit-animation-name: left_an;
    -webkit-animation-duration: 1s;
    animation-name: left_an;
    animation-duration: 1s
}
@-webkit-keyframes left_an {
    from {
    left: -260px;
    opacity: 0;
}
to {
    left: 0px;
    opacity: 1;
}
}
@keyframes left_an {
    from {
    left: -260px;
    opacity: 0;
}
to {
    left: 0px;
    opacity: 1;
}
}
.sec_nav.close_m {
    display: block;
    opacity: 0;
    -webkit-animation-name: left_anre;
    -webkit-animation-duration: 1s;
    animation-name: left_anre;
    animation-duration: 1s
}
@-webkit-keyframes left_anre {
    from {
    left: 0px;
    opacity: 1;
}
to {
    left: -260px;
    opacity: 0;
}
}
@keyframes left_anre {
    from {
    left: 0px;
    opacity: 1;
}
to {
    left: -260px;
    opacity: 0;
}
}
.sec_nav div {
    display: list-item;
    text-align: left;
    max-width: 100%;
    height: auto;
}
.sec_nav div {
    margin-left: 0px;
}
.sec_nav.long div {
    margin: 0px;
    max-width: 100%;
}
.sec_nav .nav_txt:last-child {
    margin-bottom: 60px
}
.nav_txt:hover {
    background-color: #f0f0f0
}
.nav_txt.active:hover {
    background-color: transparent
}
.sec_nav .nav_txt p a {
    padding: 16px 10px 17px 10px;
    margin: 0px 15px;
    border-bottom: 1px solid #eee
}
/*.nav_txt.active {
    border-bottom: none !important;
}
*/
    .nav_txt.active p a {
    border-bottom: 1px solid #002d72 !important;
    font-weight: bold;
    color: #002d72 !important;
}
.mob_buttons {
    display: block !important
}
.sec_butt {
    display: none;
}
}
@media (max-width: 600px) {
    .btn-green.mob {
    width: 100%;
    max-width: 160px;
}
.btn-green.mob.rev {
    width: 100%;
    max-width: 160px;
}
.title_page {
    font-size: 12px !important
}
.sec_title.open {
    left: 260px;
    -webkit-animation-name: left_ant;
    -webkit-animation-duration: 1s;
    animation-name: left_ant;
    animation-duration: 1s;
}
@-webkit-keyframes left_ant {
    from {
    left: 0px;
}
to {
    left: 260px;
}
}
@keyframes left_ant {
    from {
    left: 0px;
}
to {
    left: 260px;
}
}
.sec_title.close_m {
    left: 0px;
    -webkit-animation-name: left_antre;
    -webkit-animation-duration: 1s;
    animation-name: left_antre;
    animation-duration: 1s
}
@-webkit-keyframes left_antre {
    from {
    left: 260px;
}
to {
    left: 0px;
}
}
@keyframes left_antre {
    from {
    left: 260px;
}
to {
    left: 0px;
}
}
}
/*Final Sub menu */

/*Ipad medias*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    ul.jbb-legal-ul {
    float: left;
    width: 485px;
    margin-left: 10px;
}
.jbb-legal-icons-cont {
    margin: 10px auto;
    float: left;
    margin-top: 5px;
    width: 260px;
}
ul.jbb-legal-ul li a {
    font-size: 7px;
}
}