.jumbotron{background-size:cover;background-repeat:no-repeat;background-position:center;margin-top: 0;}
.promociones{background-image:url(../img/promos/banner_promocion.png)}
.dia-del-vikingo{background-image:url(../img/promos/dia-del-vikingo-banner.png)}
.promociones-seccion{background-image:url(../img/promos/banner_promocion.png)}
.quienes-somos{background-image:url(../img/quienes/header.png)}
.proveedores{background-image:url(../img/proveedores/3_proveedores.png)}
.andatti{background-image:url(../img/andatti/banner_andatti_2.png)}
.contacto{background-image:url(../img/contacto/4_contactanos.png)}
.faqs{background-image:url(../img/faqs/5_FAQs.png)}
.responsabilidad-s{background-image:url(../img/responsabilidad/responsabilidad_social_2.png)}
.ecologiaH{background-image:url(../img/responsabilidad/head_ecologia.png)}
.sustentabilidadH{background-image:url(../img/responsabilidad/head_sustentabilidad.png)}
.alimentosH{background-image:url(../img/responsabilidad/head_alimentos.png)}
.laboralH{background-image:url(../img/responsabilidad/head_inclusion.png)}
.redondeoH{background-image:url(../img/responsabilidad/head_donativos.png)}
.promoH{background-image:url(../img/responsabilidad/head_con-causa.png)}
.headHome{background-image:url(../img/andatti/home/banner_1.png);background-repeat:no-repeat;background-position:center;background-size:cover}
.headMecanica{background-image:url(../img/andatti/mecanica/banners_mecanica.png);background-repeat:no-repeat;background-position:center;background-size:cover}
.headGanadores{background-image:url(../img/andatti/ganadores/banners_ganadores.png);background-repeat:no-repeat;background-position:center;background-size:cover}
.telefonia{background-image:url(../img/servicios/01_recarga.png)}
.pagoServicio{background-image:url(../img/servicios/02_pago-serv.png)}
.tarjetaRegalo{background-image:url(../img/servicios/03_tarjetas-regalo.png)}
.envio-nacional{background-image:url(../img/servicios/dinero_nacional.png)}
.envio-internacional{background-image:url(../img/servicios/dinero_internacional.png)}
.retiro-efectivo{background-image:url(../img/servicios/05_retiro.png)}
.otros-ser{background-image:url(../img/servicios/otros_servicios.png)}
.pagoDeposito{background-image:url(../img/servicios/07_corresponsalias.png)}
.boletosAutobus{background-image:url(../img/servicios/08_boletos-autobuses.png)}
.recargaTransporte{background-image:url(../img/servicios/9_servicios.png)}
.responsabilidad{background-image:url(http://lorempixel.com/500/300/sports/)}
.ecologia{background-image:url(http://lorempixel.com/500/300/sports/)}
.blog{background-image:url(../img/blog/banner_blog.png)}
.blog-ind{background-image:url(../img/blog/banner_blog.png);padding: 7rem 2rem;}
.pago-de-agua{background-image:url(../img/servicios/pago-de-agua.png)}
.pago-de-luz{background-image:url(../img/servicios/pago-de-luz.png)}
.pago-de-tenencia{background-image:url(../img/servicios/pago-de-tenencia.png)}
.pago-de-predial{background-image:url(../img/servicios/pago-de-predial.png)}
.pago-de-multas{background-image:url(../img/servicios/pago-de-multas-de-transito.png)}
.terminales-de-pago-clip{background-image:url(../img/servicios/terminales-de-pago-back.png)}
.oxxo-pay{background-image:url(../img/servicios/oxxo-pay-header-v1.png)}
.oxxo-pay2{background-image:url(../img/servicios/banner-oxxo-pay-section.png)}
@media (max-width: 768px) {
.promociones{background-image:url(../img/promos/1_promocion_700x350.png)}
.andatti{background-image:url(../img/andatti/2_andatti_700x350.png)}
.quienes-somos{background-image:url(../img/quienes/3_quienes_somos_700x350.png)}
.proveedores{background-image:url(../img/proveedores/4_proveedores_700x350.png)}
.contacto{background-image:url(../img/contacto/5_contacto_700x350.png)}
.faqs{background-image:url(../img/faqs/6_FAqs_700x350.png)}
.responsabilidad-s{background-image:url(../img/responsabilidad/7_responsabilidad_social_700x350.png)}
.blog{background-image:url(../img/blog/8_blog_700x350.png)}
.telefonia{background-image:url(../img/servicios/m/01_recarga.png)}
.pagoServicio{background-image:url(../img/servicios/m/02_pago-serv.png)}
.tarjetaRegalo{background-image:url(../img/servicios/m/03_tarjetas-regalo.png)}
.retiro-efectivo{background-image:url(../img/servicios/m/05_retiro.png)}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active){
header .float-l,button.float-r {z-index: 999;}
.menu{width:100%;height:80px;margin:auto;position:relative}
.box1{background:#E12019;border-top-left-radius:1em;height:25px;box-shadow:Inset 5px 0 5px #8F2829;top: 55px;position: absolute;width: 100%;}
.box2{background:#E12019;border-top-left-radius:1em;height:55px;box-shadow:Inset 5px 0 5px #8F2829;border-top-right-radius:1em;position:absolute;width:65%;margin:auto;top:25px;z-index:20;left:17.5%}
.box3{border-top-left-radius:1em;height:75px;border-top-right-radius:1em;position:absolute;width:25%;margin:auto;top:13px;left:37.5%;z-index:20;text-align:center}
.box.box3 img{max-width: 100px}
}
.white-popup{position:relative;background:#FFF;padding:2em 3em;width:auto;margin:20px auto;max-width:600px;border-radius:10px}
.login-img{max-width: 70px;}
.g-recaptcha{margin-top: 5px;}
a.icon-footer-font{margin: 5px;}
.google-auto-placed{display: none;}
html,body{width:100%;height:100%;font-family: 'Titillium Web', sans-serif;font-weight: 400;font-size: 1rem;background: #fff;}
*{padding:0;margin:0}
.background-row{background-size: contain;background-position: right;background-repeat: no-repeat;}
.not-activated-account{display: block;width: 100%;padding: 5px; font-size: 12px; color: #fff;background: red;font-weight: 700;text-align: center;}
.small, small{line-height: normal !important;}
section#counter{text-align: center;background: #E12019;color: #fff;padding: 20px 0;margin-top: -47px;}
#clock{font-size: 300%;width: 100%;}
#clock span.text{display: block;font-size: 16px;}
.navbar-dark .navbar-toggler-icon{background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");}
h1,h2,h3,h4,h5,h6{text-transform: uppercase;font-weight: 600;}
h4 a:link,h4 a:visited,h4 a.active{color: #000;}
h4, .h4 {font-size: 1.5rem;}
h5 a:link,h5 a:visited,h5 a.active{color: #000;}
a:link,a:visited,a:active{color: #c22821;}
a.btn:link, a.btn:visited, a.btn:active {color: #fff;}
.btn-primary:hover{background-color: #F7C74E;border-color: #F7C74E}
.btn-oxxo{background-color: #E12019;color: #fff; font-weight: 700;}
.btn-promos-popup{color:#E12019;background:#FFC627;border:1px solid #FFC627;font-size: 10px;font-weight: 700;}
.dropdown-menu.country-selector{min-width: auto;}
.dropdown-menu.country-selector .dropdown-item{width: auto;display: block;}
.country-btn{margin-right: 10px;}
.jumbotron{max-height: 350px;}
.jumbotron h1{color: #fff;text-shadow: rgb(0, 0, 0) 3px 0px 0px, rgb(0, 0, 0) 2.83487px 0.981584px 0px, rgb(0, 0, 0) 2.35766px 1.85511px 0px, rgb(0, 0, 0) 1.62091px 2.52441px 0px, rgb(0, 0, 0) 0.705713px 2.91581px 0px, rgb(0, 0, 0) -0.287171px 2.98622px 0px, rgb(0, 0, 0) -1.24844px 2.72789px 0px, rgb(0, 0, 0) -2.07227px 2.16926px 0px, rgb(0, 0, 0) -2.66798px 1.37182px 0px, rgb(0, 0, 0) -2.96998px 0.42336px 0px, rgb(0, 0, 0) -2.94502px -0.571704px 0px, rgb(0, 0, 0) -2.59586px -1.50383px 0px, rgb(0, 0, 0) -1.96093px -2.27041px 0px, rgb(0, 0, 0) -1.11013px -2.78704px 0px, rgb(0, 0, 0) -0.137119px -2.99686px 0px, rgb(0, 0, 0) 0.850987px -2.87677px 0px, rgb(0, 0, 0) 1.74541px -2.43999px 0px, rgb(0, 0, 0) 2.44769px -1.73459px 0px, rgb(0, 0, 0) 2.88051px -0.838247px 0px;}
.display-3{font-size: 2.5rem;font-weight: 600;line-height: 1.1;}
.btn-primary {color: #fff;background-color: #c22821;border-color: #c22821;}
.wrapper1{display:block}
.float-l{position:absolute;left:.5%;top:20px;font-size:11px}
.float-r{position:absolute;right:1.5%;top:10px;font-size:10px;font-weight:700;}
.menu{display:grid;grid-template-columns:repeat(11,1fr);grid-auto-rows:25px;color:#fff;box-shadow:0px 6px 0px #83302e;}
.menu a{text-decoration:none}
.navbar{background:#F7C74E!important;font-weight:700;margin-top: 5px;padding: 0;}
ul.navbar-nav.mr-auto{width: 100%}
.navbar-dark .navbar-nav .nav-link{color: #cf382a}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{background-color: #e3b646;color: #cf382a;}
.center-center{display:flex;align-items:center;justify-content:center;flex-direction:column}
.center-center a{color:#fff}
.carousel{margin-bottom:4rem;padding:0!important}
.box1{grid-column-start:1;grid-column-end:4;grid-row-start:3;grid-row-end:4;background:#E12019;box-shadow:5px 0 5px #83302e;border-top-left-radius:1em}
.box2{grid-column-start:4;grid-column-end:7;grid-row-start:2;grid-row-end:4;background:#E12019;box-shadow:-5px 0 5px #83302e;border-top-left-radius:1em}
.box3{grid-column-start:6;grid-column-end:7;grid-row-start:1;grid-row-end:4;border-top-left-radius:1em;border-top-right-radius:1em}
.box3 img{max-width:100%;margin:0 0 -1px 0}
.box4{grid-column-start:7;grid-column-end:9;grid-row-start:2;grid-row-end:4;background:#E12019;border-top-right-radius:1em}
.box5{grid-column-start:9;grid-column-end:12;grid-row-start:3;grid-row-end:4;background:#E12019;box-shadow:Inset 5px 0 5px #83302e;border-top-right-radius:1em}
.amarillo{background:#FFC627;height:40px;color:#E12019;font-weight:700}
.amarillo .col-md-3{padding-top:10px;padding-bottom:0}
.amarillo a{color:#E12019;text-decoration:none}
.dropbtn{background-color:#E12019;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer}
.dropdown{position:relative;display:inline-block}
.dropdown-content{display:none;position:absolute;background-color:rgba(0,0,0,0.7);min-width:550px;box-shadow:0 8px 16px 0 rgba(0,0,0,0.2);z-index:1}
.dropdown-content a{color:#fff;padding:8px 16px;text-decoration:none;display:inline-block;width:49%;font-size:11px}
.dropdown-content a:hover{background-color:#E12019}
.dropdown:hover .dropdown-content{display:block}
.dropdown:hover .dropbtn{background-color:#E12019}
.dropdown-menu {position: absolute;top: 100%;left: 0;z-index: 1000;display: none;float: left;min-width: 37rem;padding: .5rem 0;margin: .125rem 0 0;font-size: 12px;color: #fff;text-align: left;list-style: none;background-color: rgba(0,0,0,.7);background-clip: padding-box;border: 1px solid rgba(0,0,0,.15);border-radius: .25rem;}
.dropdown-item {display: inline-block;width: 48%;padding: .25rem 1.5rem;clear: both;font-weight: 400;text-align: inherit;white-space: nowrap;background: 0 0;border: 0;}
.dropdown-item:focus, .dropdown-item:hover {color: #fff;text-decoration: none;background-color: #c22821;}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto{padding-bottom: 15px;padding-top: 15px;}
a.dropdown-item{color: #fff;}
.fixed-top{display:none}
footer{background-color:#303030}
.footer{width:100%;color:#fff;margin-top: 50px;padding-top: 30px;}
.footer p{font-size:12px}
.footer p i{font-size:25px;padding-left:5px;margin-bottom:0}
.footer > .container{padding-right:0;padding-left:0}
.footer .col{padding-bottom:0!important;padding-top:10px!important}
code{font-size:80%}
button{cursor: pointer;}
#promoGeoButton{margin-top: 30px;}
#overlayContainer,#leadhookContainer{display: none;}
#overlay,#leadhook{background: rgba(0,0,0,0.8);width: 100%;height: 100%;display: table;position: absolute;z-index: 1000;}
#leadhook{background-image: url(../img/promo-background-leadhook.png);background-size: cover;padding: 15px;}
#leadhook form{max-width: 600px;padding: 10px;margin: 0 auto}
#leadhook form .form-group{margin: 0 auto}
#leadhook form label{font-size: 1.5rem}
#leadhook .close-holder{color: #fff;cursor: pointer;max-width: 600px;margin: 0 auto}
#leadhook_msg{margin: 10px auto;font-size: 1rem;max-width: 400px;}
#go_out_link{font-size: 1rem;}
#overlay-content,#leadhookContent{display: table-cell;text-align: center;vertical-align: middle;font-size: 32px;color: #FFF;}
#overlay-content img{margin: 20px 0;}
.invalid-feedback{display: block;}
h2{font-size: 1.5rem;}
ul.cobertura-list{padding-left: 50px;}
.blog-post-body .jumbotron.blog-ind{padding: 8rem 2rem;}
#contact-msg-div{margin:10px 0;padding:5px;border-radius:10px}
label.error{display:block;text-align:center;color:#c22821;padding-top:5px;font-size:14px}
#forms-msg-suscribe{display:block;margin:0 auto;text-align:center;padding:5px}
#servicios_list h3{padding-bottom:40px}
.menu-top{padding-bottom:0;font-size:12px;background-color:#FFF}
.menu-top .form-control{height:18px!important;font-size:14px;padding:2px}
.menu-top .col-sm-4,.menu-top .col-sm-6{padding:5px!important;display:flex;justify-content:center;align-items:center}
.header2{padding:0 1rem;font-size:12px}
.menu-top2{line-height:10px;font-size:10px;height:25px}
.menu-top2 .col-sm-4,.menu-top2 .col-sm-6{height:25px}
li.nav-item{text-align:center;text-transform: uppercase;width: 20%;}
li.nav-item.andatti-item{text-transform: lowercase;}
.logo-m{display:none}
.active{background-color:#922821}
.footer a .active-t{color:#922821!important}
.carousel{margin-bottom:1rem;padding:90px 0 0}
.carousel-caption{z-index:10;bottom:3rem}
.carousel-item{background-color:#fff}
.carousel-item picture img{max-width:100%;max-height:32rem}
.carousel-item picture img{min-width:100%;max-height:32rem}
.carousel-item > img{position:none;top:0;left:0;min-width:100%;height:32rem;text-align:-webkit-match-parent;justify-content:center;align-items:center}
/*.cont-float{position:relative;top:-110px}
*/.cont-float h6{background-color:#fff;margin-bottom:0;padding:5px 0;text-align:center}
.cont-float img{max-width:100%}
.features-desktop{padding: 1rem 0 0;top: -45px;position: relative;}
.container.destacados{margin-top: -20px;}
/*.destacados{position:relative;top:-60px}*/
.destacados h2{margin-bottom:1em}
.destacados img{max-width:100%}
.fa-envelope-o,.fa-file-pdf-o{color:#c22821;padding-left:10px}
.back-w{background-color:#fff}
.list{padding-left:1.8em}
.descr-c{margin-bottom:0}
.footer a{color:#FFF}
.card-header h5{font-weight:400!important;font-size:1em}
.footer-mobile{display: none;}
@media (max-width:768px) {
.menu-top{display:none}
.logo-d{display:none}
.logo-m{display:block}
.navbar-dark .navbar-nav .nav-link{height:auto!important}
li.nav-item{width:100%}
.dropdown-menu{min-width:0}
.dropdown-item{display:inline-block;min-width:100%!important}
.footer .col{display:flex;flex-wrap:wrap}
.footer{height:auto}
.footer .row{margin-right:0;margin-left:0}
.footer p{font-size:10px}
.carousel{padding:60px 0 0}
.carousel-item{min-height:16rem}
.carousel-item picture img{max-height:26rem}
.carousel-item > img{height:26rem;max-width:100%}
.carousel-indicators{bottom: 5px;}
.cont-floatm{position:relative;top:0;}
.display-3{font-size:2em}
.jumbotron{padding: 2em .7em;}
.box1,.box5,.float-l,.float-r{display:none}
.wrapper1{display:block}
.box2{grid-column-start:1;grid-column-end:5;grid-row-start:2;grid-row-end:4}
.box3{grid-column-start:4;grid-column-end:9;grid-row-start:1;grid-row-end:4}
.box3 img{max-width:100%;margin:0 0 -9px 0;max-height: 67px;z-index: 1;}
.box4{grid-column-start:8;grid-column-end:12;grid-row-start:2;grid-row-end:4}
.container.destacados{margin-top: 0}
}
.modal-content img{width: 100%;}
.modal-content .col-sm-6.img-modal-container{padding: 0;}
.ico-serv{font-size: 25px !important;color: #c22821;}
.font-pay{font-size: 1.6em}

@media (max-width: 576px) {
#f-desk{display:none !important;}
.footer-mobile{display:block;}
}
@media (min-width: 576px){
.modal-dialog {max-width: 900px;}
.jumbotron{padding: 8rem 2rem;}
}
@media only screen and (max-width: 767px){
.carousel{margin-bottom: 0;}
h4.promociones-cta{font-size: 1rem}
.features-desktop{padding-left: 15px;padding-right: 15px;}
section#counter{margin-top: -30px}
section#counter .row{margin: 0;}
.background-row{background-size: cover;background-position: left;}
#leadhook p{font-size: 1rem;}
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.navbar{padding: 0}
.navbar-brand{margin-right: 0}
.navbar-dark .navbar-nav .nav-link{font-size: 12px}
}