/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.

    Created on : 28-sep-2016, 8:54:55
    Author     : carmen.carbonell
*/

@font-face { 
    font-family: 'Fontawesome'; font-weight: normal; font-style: normal;
    src: url('../fonts/FontAwesome.otf') format('opentype'), url('../fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
        url('../fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/fontawesome-webfont.svg') format('svg');
}

/* COMUNES */
body, html { color: #4c4f54; font-family: 'Roboto'; }
section { top: 143px; position: relative; margin-bottom: 130px; }
header { z-index: 8888; }
.rb { font-weight: 500; }
.bold { font-weight: 700; }
.italic { font-style: italic; }
.underline { text-decoration: underline!important; }
.sin-subrayado { text-decoration: none !important; }
.ocultar { display: none; }
.centrar-div { display: -webkit-flex; -webkit-justify-content: center; display: flex; justify-content: center; align-items:center; -webkit-align-items: center; align-items: center; }
h1 { font-family: 'PT Sans'; font-weight: 700; font-size: 45px; margin-top: 50px; }
h2 { font-size: 21px; margin-top: 5px; }
div.titulo_zona { font-weight: 500; color: #4c4f54; }
.packs-division-sm { display: none; }
.packs-division-lgmd { display: none; }
.salto-de-linea { display: none; }
.pagina-404 { margin-top: 50px; margin-bottom: 100px; padding-top: 25px; padding-bottom: 25px; font-size: 75px; }
.cap { position: fixed; height: 143px; width: 100%; background-color: #FFF; z-index: 10; }
.is-disabled { pointer-events: none; opacity: 0.7; }

/* BOTONES */
.boton { 
    background-color: #ec6735; font-family: 'PT Sans'; font-weight: 700; font-size: 16px; height: 48px; color: #FFF;
    -moz-user-select: none; background-image: none;
    border: 1px solid transparent; border-radius: 8px;
    cursor: pointer; display: inline-block; margin-bottom: 0;
    padding: 10px 32px; text-align: center; vertical-align: middle; white-space: nowrap;
}
.boton:hover { background-color: #e35d04; color: #FFF; }
.btn-seo { }
.ancla {}
.ancla .btn-ancla {
    width: 60px;
    margin-top: -65px;
    float: right;
}
.img-ancla { background: url("../../landing_transcobro/img/boton-ancla.png") no-repeat 0 0; height: 60px; width: 60px; }

/* COLORES CORPORATIVOS */
.gris-oscuro { color: #4c4f54!important; }
.gris {color: #9a989a!important; }
.gris-claro { color: #EEE!important; }
.naranja { color: #ec6735!important; }
.blanco { color: #FFF!important; }
.minheight0 { min-height: 0px!important;}
/* CARGANDO */
.caja-cargando-pie{ margin-left: 32%; padding-top: 31%; width: 50%; }
.bullet-cargando { position: relative; width: 40px; height:40px; }
.bullet-cargando .wBall { position: absolute; width: 38px; height: 38px; opacity: 0; -moz-transform: rotate(225deg); -moz-animation: orbit 5.5s infinite; -webkit-transform: rotate(225deg); -webkit-animation: orbit 5.5s infinite; -o-transform: rotate(225deg); -o-animation: orbit 5.5s infinite; -ms-transform: rotate(225deg); -ms-animation: orbit 5.5s infinite; transform: rotate(225deg); animation: orbit 5.5s infinite; }
.bullet-cargando .wBall .wInnerBall{ position: absolute; width: 5px; height: 5px; background: #878787; left:0px; top:0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.bullet-cargando #wBall_1 { -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -o-animation-delay: 1.2s; -ms-animation-delay: 1.2s; animation-delay: 1.2s; }
.bullet-cargando #wBall_2 { -moz-animation-delay: 0.24s; -webkit-animation-delay: 0.24s; -o-animation-delay: 0.24s; -ms-animation-delay: 0.24s; animation-delay: 0.24s; }
.bullet-cargando #wBall_3 { -moz-animation-delay: 0.48s; -webkit-animation-delay: 0.48s; -o-animation-delay: 0.48s; -ms-animation-delay: 0.48s; animation-delay: 0.48s; }
.bullet-cargando #wBall_4 { -moz-animation-delay: 0.72s; -webkit-animation-delay: 0.72s; -o-animation-delay: 0.72s; -ms-animation-delay: 0.72s; animation-delay: 0.72s; }
.bullet-cargando #wBall_5 { -moz-animation-delay: 0.96s; -webkit-animation-delay: 0.96s; -o-animation-delay: 0.96s; -ms-animation-delay: 0.96s; animation-delay: 0.96s; }

@-moz-keyframes orbit { 0% { opacity: 1; z-index:99; -moz-transform: rotate(180deg); -moz-animation-timing-function: ease-out; }7% { opacity: 1; -moz-transform: rotate(300deg); -moz-animation-timing-function: linear; -moz-origin:0%; }30% { opacity: 1; -moz-transform:rotate(410deg); -moz-animation-timing-function: ease-in-out; -moz-origin:7%; }39% { opacity: 1; -moz-transform: rotate(645deg); -moz-animation-timing-function: linear; -moz-origin:30%; }70% { opacity: 1; -moz-transform: rotate(770deg); -moz-animation-timing-function: ease-out; -moz-origin:39%; }75% { opacity: 1; -moz-transform: rotate(900deg); -moz-animation-timing-function: ease-out; -moz-origin:70%; }76% { opacity: 0; -moz-transform:rotate(900deg); } 100% { opacity: 0; -moz-transform: rotate(900deg); }}
@-webkit-keyframes orbit { 0% { opacity: 1; z-index:99; -webkit-transform: rotate(180deg); -webkit-animation-timing-function: ease-out; }7% { opacity: 1; -webkit-transform: rotate(300deg); -webkit-animation-timing-function: linear; -webkit-origin:0%; }30% { opacity: 1; -webkit-transform:rotate(410deg); -webkit-animation-timing-function: ease-in-out; -webkit-origin:7%; }39% { opacity: 1; -webkit-transform: rotate(645deg); -webkit-animation-timing-function: linear; -webkit-origin:30%; }70% { opacity: 1; -webkit-transform: rotate(770deg); -webkit-animation-timing-function: ease-out; -webkit-origin:39%; }75% { opacity: 1; -webkit-transform: rotate(900deg); -webkit-animation-timing-function: ease-out; -webkit-origin:70%; }76% { opacity: 0; -webkit-transform:rotate(900deg); }100% { opacity: 0; -webkit-transform: rotate(900deg); }}
@-o-keyframes orbit {0% { opacity: 1; z-index:99; -o-transform: rotate(180deg); -o-animation-timing-function: ease-out; }7% { opacity: 1; -o-transform: rotate(300deg); -o-animation-timing-function: linear; -o-origin:0%; }30% { opacity: 1; -o-transform:rotate(410deg); -o-animation-timing-function: ease-in-out; -o-origin:7%; }39% { opacity: 1; -o-transform: rotate(645deg); -o-animation-timing-function: linear; -o-origin:30%; }70% { opacity: 1; -o-transform: rotate(770deg); -o-animation-timing-function: ease-out; -o-origin:39%; }75% { opacity: 1; -o-transform: rotate(900deg); -o-animation-timing-function: ease-out; -o-origin:70%; }76% { opacity: 0; -o-transform:rotate(900deg); } 100% { opacity: 0; -o-transform: rotate(900deg); }}
@-ms-keyframes orbit {0% { opacity: 1; z-index:99; -ms-transform: rotate(180deg); -ms-animation-timing-function: ease-out; }7% { opacity: 1; -ms-transform: rotate(300deg); -ms-animation-timing-function: linear; -ms-origin:0%; }30% { opacity: 1; -ms-transform:rotate(410deg); -ms-animation-timing-function: ease-in-out; -ms-origin:7%; }39% { opacity: 1; -ms-transform: rotate(645deg); -ms-animation-timing-function: linear; -ms-origin:30%; }70% { opacity: 1; -ms-transform: rotate(770deg); -ms-animation-timing-function: ease-out; -ms-origin:39%; }75% { opacity: 1; -ms-transform: rotate(900deg); -ms-animation-timing-function: ease-out; -ms-origin:70%; }76% { opacity: 0; -ms-transform:rotate(900deg); } 100% { opacity: 0; -ms-transform: rotate(900deg); }}
@keyframes orbit { 0% { opacity: 1; z-index:99; transform: rotate(180deg); animation-timing-function: ease-out; }7% { opacity: 1; transform: rotate(300deg); animation-timing-function: linear; origin:0%; }30% { opacity: 1; transform:rotate(410deg); animation-timing-function: ease-in-out; origin:7%; }39% { opacity: 1; transform: rotate(645deg); animation-timing-function: linear; origin:30%; }70% { opacity: 1; transform: rotate(770deg); animation-timing-function: ease-out; origin:39%; }75% { opacity: 1; transform: rotate(900deg); animation-timing-function: ease-out; origin:70%; }76% { opacity: 0; transform:rotate(900deg); }100% { opacity: 0; transform: rotate(900deg); }}

/* HEADER */
.navbar { margin-bottom: 0!important; height: 48px; }
.img-logo { background: url("../../landing_transcobro/img/logo_transcobro.png?1") no-repeat 0 0; height: 70px; margin: 20px auto 6px; width: 250px; }
.listas-enlinea { padding-left: 0; list-style: none; margin-bottom: 0; }
.listas-enlinea > li {
    display: inline-block;
    height: 48px;
    padding-top: 12px;
    margin-left: -2px;
    margin-right: -2px;
}
.listas-enlinea > li > a {
    font-family: 'PT Sans'; font-weight: 700;
    font-size: 16px;
    color: #9a989a;
    text-decoration: none;        
}
.listas-enlinea > li > a:hover { background-color: #ec6735; color: #FFF; }
.listas-enlinea > li > a.selected { background-color: #ec6735; color: #FFF; }

#nav-icon {
  width: 30px; height: 15px; cursor: pointer;
  position: relative; /*margin: 45px auto 0;*/
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out;  
}
#nav-icon span {
  display: block; position: absolute;
  height: 3px; width: 100%;
  background: #ec6735; border-radius: 10px;
  opacity: 1; left: 0;
  -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out;
}
#nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(2) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon span:nth-child(3) {
  top: 20px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0;
  left: 10px;
}
#nav-icon.open span:nth-child(2) {
  width: 0%; opacity: 0;
}
#nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 20px;
  left: -10px;
}

#menusito { 
    display: none;
    background: #FFF none repeat scroll 0 0;
    right: 0;                        
    position: absolute;
    top: 95px;
/*  width: 300px;*/
    z-index: 5;
/*  margin-right: 10px;*/
}
#menusito ul { margin-bottom: 0; padding-left: 0; }
#menusito ul li { border-bottom: 1px solid rgba(154, 152, 154, 0.5); list-style: none; width: 80%; margin-left: 10%; }
#menusito ul li a { 
    padding-top: 15px!important; 
    padding-bottom: 15px!important;
    display: block;        
    text-align: center;
    text-decoration: none;
    color: #ec6735;
    background-color: #FFF;
    font-family: 'PT Sans'; font-weight: 700;
    font-size: 18px;
}
#menusito ul li:hover a { background-color: #ea6b35; color: #FFF; }
#nav-icon.open + #menusito { display: block; }
.showNav { animation: 0.3s ease 0.3s normal forwards 1 running showNav; }
.hideNav { animation: 0.3s ease 0.3s normal forwards 1 running hideNav; }

/* ZONA FORMULARIO */
.imagen-titulo { color: #FFF; }
.formulario { margin-top: 25px; }
.formulario > div > span { font-size: 16px; display: block; line-height: 18px; }
.formulario input.formConsulta { 
    display: inline; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
    background: rgba(255,255,255,0.125); border: 1px solid #FFF;
    font-weight: 500; color: rgba(255,255,255,1);
} 
.formulario input:focus { border: 2px solid #ec6735; }
.formulario input.formConsulta.formError {
    background: rgba(187, 73, 69, 0.3); border: 2px solid #BB4945; font-weight: 500; color: rgba(255,255,255,0.7);
}
.errores .acepto-condiciones > label { font-size: 12px; }
.errores .acepto-condiciones > label > i { font-size: 20px; opacity: 0.6; display: inline-block; margin-right: 5px; vertical-align: -3px; }
.errores .acepto-condiciones > label > a { color: #FFF; text-decoration: underline; }
.errores .acepto-condiciones > label > a:hover { opacity: 0.6; }
input[type="checkbox"]{ display: none; }
input[type="radio"]{ display: none; }
input[type=radio], input[type=checkbox] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}    
input[type=radio] ~ label:before {
    display: inline-block;    
    content: url('../../landing_transcobro/img/rbtn-desmarcado.png'); 
    letter-spacing: 10px;
    font-size: 1.3em;
    width: 1.4em;
    color: #FFF;
    vertical-align: -4px;
}
input[type=radio]:checked ~ label:before  {
    content: url('../../landing_transcobro/img/rbtn-marcado.png');
    font-size: 1.3em;    
    letter-spacing: 5px;
    vertical-align: -4px;
}
input[type=checkbox] + label span.ck {
    display: inline-block;
    width: 22px;
    height: 24px;
    background: url('../../landing_transcobro/img/checkbox_form-sprite_horizontal.png') -24px top no-repeat;
    margin: -1px 4px 0 0;
    vertical-align: -6px;   
}
input[type=checkbox]:checked + label span.ck {
    background: url('../../landing_transcobro/img/checkbox_form-sprite_horizontal.png') 0px top no-repeat; 
}

input[type=checkbox] + label span.gris { display: inline-block; width: 22px; height: 24px; background: url('../img/sprite-check.png') -24px top no-repeat; margin: -1px 4px 0 0; vertical-align: -6px;    }
input[type=checkbox]:checked + label span.gris { background: url('../img/sprite-check.png') 0px top no-repeat; }

.errores .caja-error-formulario, .formulario .caja-error-formulario {
    background-color: #BB4945;
    color: #EFD3D7;
    height: 24px;
    opacity: 0.70;
    padding: 2px;
    border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
    border: 1px solid red;
    font-size: 13px;
    text-align: center;
}
.errores .caja-error-formulario.exito, .formulario .caja-error-formulario.exito {
    background-color: #DFF0D7;
    color: #43894E;
    border: 1px solid #43894E;    
}
.error {
    background-color: #f2dede;
    color: #a94442;
    font-size: 13px;
    margin: 5px 0 10px;
    padding: 2px 0 2px 6px;
}
.exito {
    background: rgba(217, 239, 216, 1) none repeat scroll 0 0;
    border: 2px solid #cfebc5;
    border-radius: 4px;
    color: #369074;
    padding: 10px;
}

/* BODY */
.cuerpo { font-size: 16px; line-height: 24px; color: #4c4f54; }
.cuerpo .sub-h2 { display: inline-block; font-size: 24px; padding-bottom: 1em; line-height: 30px; }
.cuerpo .sub-h3 { font-size: 18px; }
.cuerpo > div > div { margin-top: 10px; margin-bottom: 30px; }
.video-inicio {
    align-items: center; -webkit-align-items: center;
    background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/video-solucion-impagos.jpg") no-repeat scroll center center / cover ;
    cursor: pointer;
    display: flex; display: -webkit-flex;
/*    height: 440px;*/
    justify-content: center; -webkit-justify-content: center;    
}
.video-cliente {
    align-items: center; -webkit-align-items: center;
    background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/vila-valiente-play.jpg") no-repeat scroll center center / cover ;
    cursor: pointer;
    display: flex; display: -webkit-flex;
    justify-content: center; -webkit-justify-content: center;   
}
.play-videos-grandes {
    background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/sprite-play.png") no-repeat scroll;
    display: block;
    height: 73px;
    transition: none 0s ease 0s ;
    width: 100px;
    background-position: 0 0;
}
.play-videos-peq {
    background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/sprite-play.png") no-repeat scroll;
    display: block;
    height: 52px;
    transition: none 0s ease 0s ;
    width: 72px;
    background-position: 0 -75px;
}
.video-inicio:hover > .play-videos-grandes, .video-cliente:hover > .play-videos-grandes {
    background:url('../../landing_transcobro/img/sprite-play.png') no-repeat -103px 0; height: 73px; width: 100px; 
}
.video-inicio:hover > .play-videos-peq, .video-cliente:hover > .play-videos-peq {
    background:url('../../landing_transcobro/img/sprite-play.png') no-repeat -72px -75px; height: 52px; width: 72px; 
}

.clientes { background-color: #EEE; height: 530px; width: 100%; }
.medios { background-color: #FFF; height: 280px; width: 100%; }
.cuerpo a { color: inherit; text-decoration: none; }
.cuerpo .contenido { margin-bottom: 20px; margin-top: -5px; }
.cuerpo .titulo .fa-check { margin-right: 6px; }
.cuerpo .titulo .fa-angle-down, .cuerpo .titulo .fa-angle-up { color: #c7c8ca; font-size: 2em; margin-top: -4px; }
.div-tablet, .div-icono-solucion { 
    align-items: center; -webkit-align-items: center; 
    display: flex; display: -webkit-flex;
    justify-content: center; -webkit-justify-content: center;    
}
.div-img-solucion { 
    align-items: flex-end; -webkit-align-items: flex-end; 
    display: flex; display: -webkit-flex;
    justify-content: center; -webkit-justify-content: center;    
}
.img-directcobro { 
    background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/otras-soluciones/tablet-directcobro.png") no-repeat scroll center center;
    display: block; transition: none 0s ease 0s;
}
.img-premium {
    background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/otras-soluciones/portatil-directcobro-premium.png") no-repeat scroll center center;
    display: block; transition: none 0s ease 0s;
}
.icono-directcobro { background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/otras-soluciones.png") no-repeat scroll -8px -12px; display: block; transition: none 0s ease 0s; width: 195px; height: 60px; }
.icono-premium { background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/otras-soluciones.png") no-repeat scroll -225px -12px; display: block; transition: none 0s ease 0s; width: 185px; height: 60px; }
.prevencion { background-color: #4c4f54; width: 100%; color: #FFF; }
.btns-precios.btn-verde-mlt {
    background-color: #70b84c;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 14px 0 0;
    text-align: center;
/*    width: 200px;*/
}
.btns-precios {
    border: 0 none;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fffefe;
    font-family: "PT Sans"; font-weight: 700;
    font-size: 17px;
    height: 48px;
    padding: 12px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.respuestas .sobre-transcobro, .respuestas .monitorio, .respuestas .monitorio-eu, .respuestas .ejecucion-embargo { margin-bottom: 75px; }
.respuestas .sobre-transcobro .contenido, .respuestas .monitorio .contenido, 
.respuestas .monitorio-eu .contenido, .respuestas .ejecucion-embargo .contenido { margin-bottom: 30px; text-align: justify; }
.respuestas .titulo { margin-bottom: 15px; }

/* CONTACTO */
.informacion-contacto .direccion .titulo, .informacion-contacto .horario .titulo, .informacion-contacto .redes-sociales .titulo {
    color: #4b4f54;
    font-weight: 500;
}
.cuerpo .informacion-contacto { min-height: 700px; }
.cuerpo .informacion-contacto .direccion { margin-top: 0!important; min-height: 250px; }
.cuerpo .informacion-contacto .horario { min-height: 65px; }
.cuerpo .informacion-contacto .redes-sociales { min-height: 95px; }
.cuerpo .informacion-contacto .direccion .titulo { margin-bottom: 20px; }
.cuerpo .informacion-contacto > div { margin-bottom: 30px; }
.cuerpo .informacion-contacto .direccion .contenido > div { clear: both; margin-bottom: 15px; min-height: 25px; }
.cuerpo .informacion-contacto .direccion .contenido > div > div { float: left; }
.cuerpo .informacion-contacto .direccion .contenido > div > div:first-child { margin-right: 10px; }
.informacion-contacto, .formulario-contacto { margin-top: 30px; margin-bottom: 40px; }
.informacion-contacto .direccion .contenido .icon { color: #d7d7d7; margin: 1px auto auto 2px; width: 32px; font-size: 24px; }
.informacion-contacto .direccion .contenido .text { line-height: 18px; padding-top: 5px; margin-bottom: 5px; }
.informacion-contacto .direccion .contenido > div:first-child > div:last-child { padding-top: 0!important; }
.reloj-contacto { color: #d7d7d7; float: left; margin-top: 0.5em; width: 10%; }
.horario-contacto { font-size: 14px; float: left; line-height: 1.5em; margin-top: 0.5em; padding-left: 0.5em; width: 85%; min-height: 45px; margin-bottom: 1.5em; }
.informacion-contacto .redes-sociales .contenido .rrss > div > a {
    margin: 0 auto;
}
.informacion-contacto .redes-sociales .contenido .rrss {
    height: 50px;
    margin: 11px auto;
    position: relative;
    width: 100%;
}
#form-contacto label { color: #b2b2b2; font-weight: 500; font-size: 16px; display: block; }
#form-contacto .fa-asterisk { color: #e5572c; font-size: 0.8em; margin-left: 0.3em; }
#form-contacto .row { margin-bottom: 20px; }
#form-contacto input, #form-contacto select {
    border: 1px solid #999999;
    border-radius: 10px;
    color: #3c3c3b;
    font-size: 1em !important;
    padding: 12px;
    width: 100%;
}
#form-contacto textarea {
    border: 1px solid #999999;
    border-radius: 5px;
    color: #3c3c3b;
    font-weight: 500;
    font-size: 1em !important;
    min-height: 100px;
    padding: 12px;
    resize: vertical;
    width: 100%;
}
#form-contacto input::-moz-placeholder, #form-contacto textarea::-moz-placeholder {
    color: #999999;
}

#formAclararDudas-md input::-moz-placeholder, #formAclararDudas-md textarea::-moz-placeholder {
    color: #ffffff!important;
}

#formAclararDudas-md ::-webkit-input-placeholder {
    color: #ffffff!important;
}

#form-contacto ::-webkit-input-placeholder {
    color: #999999;
}

/* REDES SOCIALES */
a.fbk-n, a.twr-n, a.gpl-n, a.ytb-n, a.lkn-n, a.shr-n, a.inst-n {
    background: rgba(0,0,0,0) url('../img/sprite-iconos-rrss.png?1') no-repeat scroll 0 0; height: 52px; width: 44px; cursor: pointer; transition: none; display: block; position: relative;
}
.informacion-contacto .redes-sociales a.fbk-n { background-position: -9px -4px; }
.informacion-contacto .redes-sociales a.twr-n { background-position: -63px -4px; }
.informacion-contacto .redes-sociales a.inst-n { background-position: -119px -4px; }
.informacion-contacto .redes-sociales a.gpl-n { background-position: -173px -4px; }
.informacion-contacto .redes-sociales a.ytb-n { background-position: -228px -4px; }
.informacion-contacto .redes-sociales a.lkn-n { background-position: -283px -4px; }
.informacion-contacto .redes-sociales a.shr-n { background-position: -338px -4px; }
.informacion-contacto .redes-sociales a.fbk-n:hover { background-position: -9px -60px; }
.informacion-contacto .redes-sociales a.twr-n:hover { background-position: -63px -60px; }
.informacion-contacto .redes-sociales a.inst-n:hover { background-position: -119px -60px; }
.informacion-contacto .redes-sociales a.gpl-n:hover { background-position: -173px -60px; }
.informacion-contacto .redes-sociales a.ytb-n:hover { background-position: -228px -60px; }
.informacion-contacto .redes-sociales a.lkn-n:hover { background-position: -283px -60px; }
.informacion-contacto .redes-sociales a.shr-n:hover { background-position: -338px -60px; }

.msgcookie {
    background: rgba(93, 96, 101, 0.9) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 1.5em;
    padding: 25px;
    position: fixed;
    text-align: left;
    z-index: 1000;
}
.msgcookie-left { float: left; width: 98%; }
.msgcookie-right { float: right; width: 2%; }
#equis_cookie { color: white !important; font-size: 2.5em; }


/* FOOTER */
footer { background-color: #4c4f54; color: #9a989a; }
footer .container { font-family: 'PT Sans'; }
.pie-fila-1 { padding-top: 15px!important; padding-bottom: 15px!important; font-family: 'PT Sans'; }
.pie-fila-2 { height: 70px; box-sizing: border-box; padding-top: 12px; font-family: 'PT Sans'; }
footer a, #formContacto a { color: #9a989a; }
footer a:visited, footer a:link, footer a:active { color: #9a989a; }
footer a:hover, #formContacto a:hover { color: #FFF; text-decoration: underline; }
footer .empresa .logo, footer .empresa .texto, footer .empresa .img-pae { padding-top: 12px; padding-bottom: 12px; }
footer .empresa .texto a { color: inherit; }
footer .empresa .logo { background: url('../../landing_transcobro/img/logo-tugesto.png?2') no-repeat 0 0; height: 81px; margin: 20px 0 7px; }
footer .empresa .img-pae { background: url('../../landing_transcobro/img/pae-tufactura.png') no-repeat 0 0; height: 75px; margin: 24px 0 20px; }
footer .empresa .texto { color: #FFF; font-weight: 500; font-size: 16px; padding-right: 70px; }
footer .blog {}
footer .blog .titulo { font-weight: 500; font-size: 18px; margin-top: 30px; }
footer .contacto {}
footer .contacto .titulo { font-weight: 500; font-size: 18px; margin-top: 30px; }

#home-direccion::before, .home-direccion::before {
    content: "\f08d";
    float: none;
    font-family: FontAwesome;
    font-size: 28px;
    margin: 0 0.7em 0.5em 0;
    position: relative;
    top: 0.35em;
    vertical-align: middle;
    color: #67686c;
}
.home-direccion > div { margin-top: -30px; padding-left: 38px; }
#home-mail-contacto::before, .home-mail-contacto::before {
    clear: both;
    content: "\f0e0";
    font-family: FontAwesome;
    font-size: 22px;
    margin-right: 0.6em;
    vertical-align: middle;
    color: #67686c;
}
#home-phone-contacto::before, .home-phone-contacto::before {
    clear: both;
    content: "\f095";
    font-family: FontAwesome;
    font-size: 24px;
    margin-right: 0.6em;
    vertical-align: middle;
    color: #67686c;
}
#home-fax-contacto::before, .home-fax-contacto::before {
    clear: both;
    content: "\f1ac";
    font-family: FontAwesome;
    font-size: 22px;
    margin-right: 0.6em;
    vertical-align: middle;
    color: #67686c;
}
.home-direccion, .home-mail-contacto, .home-phone-contacto, .home-fax-contacto { margin-bottom: 10px; font-weight: 500; }

.redes-sociales { height: 48px; margin-bottom: 35px; margin-top: 20px; }
.redes-sociales > a { background: url('../../landing_transcobro/img/sprite-rrss.png') no-repeat; transition:none!important; border:0; cursor:pointer; width:41px; height:48px; float:left; margin: 0 1px; opacity: 0.6; }
.redes-sociales > a.facebook:hover, .redes-sociales > a.twitter:hover, .redes-sociales > a.instagram:hover, .redes-sociales > a.gplus:hover, .redes-sociales > a.youtube:hover, .redes-sociales > a.linkedin:hover, .redes-sociales > a.slideshare:hover { opacity: 1; }
.redes-sociales > a.facebook { background-position: -6px 0; margin-left: 0!important; }
.redes-sociales > a.twitter { background-position: -58px 0; }
.redes-sociales > a.instagram { background-position: -111px 0; }
.redes-sociales > a.gplus { background-position: -164px 0; }
.redes-sociales > a.youtube { background-position: -217px 0; }
.redes-sociales > a.linkedin { background-position: -270px 0; }
.redes-sociales > a.slideshare { background-position: -323px 0; }

.fila-blog-pie { clear: both; padding-top: 25px; }
.imagen-texto-fila-blog-pie { float: left; }
.texto-fila-blog-pie a {
    color: #9a989a;
    float: left;
    font-size: 14px;
    line-height: 20px;   
    text-decoration: none;
    width: 190px;
}
.texto-fila-blog-pie a:hover { color: #FFF; }
.linea-div { height: 1px; border-bottom: 1px solid #9a989a; clear: both; }

.msgcookie {
    background: rgba(93, 96, 101, 0.9) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    font-size: 12px;
    line-height: 1.5em;
    padding: 25px;
    position: fixed;
    text-align: left;
/*    max-width: 1140px;*/
    z-index: 1000;
}
.msgcookie-left { float: left; width: 98%; }
.msgcookie-right { float: right; width: 2%; }
#equis_cookie { color: white !important; font-size: 2.5em; }

#contacto, #closeFormContacto { cursor: pointer; }
#contacto {
    background-color: #ea6a35;
    display: block;
    opacity: 0.95;
    padding: 30px 2px 10px;
    color: FFF;
    text-align: center;
    font-size: 25px;
}
#contactoFlotante {
    height: 54px;
    position: fixed;
    top: 0;
    width: 54px;
    z-index: 99995;
    display: block;   
}
#formContacto {
    background-color: #4f5256;
    color: white;
    display: none;
    max-width: 320px;
    max-height: 400px;
    opacity: 0.92;
    padding: 1.5em;
    position: absolute;   
    text-align: left;
    top: 0;
    width: 100%;
    z-index: 99995;
    color: #9a989a;
}
#contacta {
    padding-bottom: 10px;
    padding-top: 5px;
    position: relative;
}
.et_contacta {
    color: white;
    font-family: PT Sans;
    font-size: 24px;
    font-weight: 700;
    padding: 0 0 5px;
}
#closeFormContacto {
    color: white;
    float: right;
    position: absolute;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 30px;
    right: -28px;
    top: -45px;
}
/*COOKIES*/
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    display: inline!important;
    background-color: #188600!important;
	border: 1px solid #188600!important;
	padding: 12px !important;
    border-radius: 40px!important;
    color: #ffffff !important;
	font-weight: bold !important;
    position: absolute!important;
    top: 350px !important;
    width:250px !important;	
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    right: 50px!important;
}
a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
    right: 650px!important;
} 
a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    right: 350px!important;
}

/* LG */
@media only screen and (min-width: 1200px) {
    /* COMUNES */
    h1 { font-size: 45px; margin-top: 50px; }
    h2 { font-size: 21px; margin-top: 5px; }
    div.titulo_zona { font-size: 24px!important; margin-top: 20px!important; margin-bottom: 10px!important; line-height: 32px; }
    .btn-seo { margin-top: 10px; }
    .msgcookie { max-width: 1140px; width: 100%; }
    
    /* HEADER */
    .listas-enlinea > li > a {         
        padding: 12px 32px;
    }
    
    /* FORMULARIO */
    section { margin-top: -4px; }
    .imgagen-titulo { height: 320px; width: 100%; }
    .imagen-banner { height: 200px; width: 100%; }
    .imagen-titulo.inicio { background: url('../../landing_transcobro/img/inicio/TRANSCOBRO-inicio-1600.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.servicios { background: url('../../landing_transcobro/img/servicios/transcobro-servicios-1600.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.precios { background: url('../../landing_transcobro/img/precios/transcobro-precios-1600.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.soluciones { background: url('../../landing_transcobro/img/otras-soluciones/transcobro-otras-soluciones-1600.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.preguntas { background: url('../../landing_transcobro/img/preguntas/transcobro-preguntas-frecuentes-1600.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.contacto { background: url('../../landing_transcobro/img/contacto/como-gestionar-una-empresa-1600.jpg') no-repeat center center / cover; height: 240px; }
    .imagen-banner.inicio { background: url('../../landing_transcobro/img/inicio/chica_con_portatil_mockup_tugesto.jpg') no-repeat center center / cover; height: 200px; }
    .imagen-banner.servicios { background: url('../../landing_transcobro/img/servicios/calculadora-1600.jpg') no-repeat center center / cover; height: 200px; }
    .errores .caja-error-formulario { width: 267px; float: right; margin-right: 20px; }
    .errores .acepto-condiciones { padding-right: 74px; }    
    .formulario input.formConsulta { width: 265px; height: 50px; margin: 12px 5px; padding-left: 10px; }    
    .formulario > div > button { display: inline; width: 140px; height: 50px; }
    .formulario > div > div { 
        display: inline; width: 250px; height: 30px; margin: 12px 5px; 
        border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
        border: 1px solid #F00;
    }
    
    /* BODY */
    .imagen-titulo.precios h1 { margin-top: 25px; }
    .cuerpo .titulo .fa-angle-down, .cuerpo .titulo .fa-angle-up { display: none; }
    .respuestas .cuerpo .titulo .fa-angle-down, .respuestas .cuerpo .titulo .fa-angle-up { display: block; }
    section .pestanya-seccion { pointer-events: none; cursor: default; }
    .respuestas .cuerpo .pestanya-seccion { pointer-events:inherit; cursor: pointer; }
    .video-inicio { height: 440px; }
    .video-cliente { height: 320px; }
    .mrg-div-btn-precios { padding-top: 26px; }
    .cuerpo.ventajas { margin-bottom: 15px; }
    .clientes .titulo, .medios .titulo { margin-top: 30px; margin-bottom: 30px; }
    .clientes .nuestro-cliente .div-empresa { border-left: 1px solid #ec6735; }
    .clientes .nuestro-cliente .div-empresa .comentario { font-size: 16px; margin-bottom: 15px; }
    .clientes .nuestro-cliente .div-empresa .nombre-cliente { font-weight: 500; font-size: 16px; color: #4c4f54; margin-bottom: 15px; }
    .clientes .nuestro-cliente .div-empresa .cargo-cliente, .clientes .nuestro-cliente .div-empresa .empresa-cliente { 
        color: #ec6735; font-size: 16px; font-style: italic; 
    }
    .medios .los-medios > div { float: left; width: 234px; height: 80px; }
    .medios .los-medios .img-logo-1 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/veintepies_logo.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 40px; width: 200px; }
    .medios .los-medios .img-logo-2 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_elvigia.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 24px; width: 200px; }
    .medios .los-medios .img-logo-3 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transcamion.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 24px; width: 200px; }
    .medios .los-medios .img-logo-4 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transporte_profesional.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 78px; width: 200px; }
    .medios .los-medios .img-logo-5 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_economia3.png") no-repeat scroll center center;
        display: block; transition: none 0s ease 0s ; height: 38px; width: 200px; }
    .div-tablet { height: 665px; margin-top: 0!important; }
    .img-tablet {
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/servicios/tablet_transcobro.png") no-repeat scroll center center;
        display: block; transition: none 0s ease 0s; height: 425px; width: 300px;
    }   
    .mrgn-puntos-reclamacion { margin-top: 30px!important; }
    .cuerpo.reclamar > div { padding-top: 10px; }
    .prevencion { height: 450px; }
    .cuerpo.prev-impagos-titulo > div { padding-top: 20px; }
    .cuerpo.prev-impagos-puntos > div { padding-top: 40px; }
    .cuerpo.prev-impagos-puntos .contenido { margin: -5px 0 10px 0; }
    .cuerpo.servicios > div { padding-top: 10px; }
    .cuerpo.servicios.cta { margin-bottom: 60px; }
    .cuerpo.servicios.cta div.titulo_zona { padding: 0 80px; }
    /* .packs .pk1, .packs .pk2, .packs .pk3, .packs .pk4 { padding-left: 5px; padding-right: 5px; } */
    .cuerpo.packs { padding-top: 15px; }
    .packs .pk1 .titulo, .packs .pk2 .titulo, .packs .pk3 .titulo, .packs .pk4 .titulo { font-size: 21px; font-weight: 500; padding: 15px 0 30px 10px; color: #ec6735; }
    .packs .pk1 .puntos > div, .packs .pk2 .puntos > div, .packs .pk3 .puntos > div, .packs .pk4 .puntos > div { float: none; }
    .packs .pk1 .puntos > div > div, .packs .pk2 .puntos > div > div, .packs .pk3 .puntos > div > div, .packs .pk4 .puntos > div > div { float: left; }
    .packs .pk1 .puntos > div > div:first-child, .packs .pk2 .puntos > div > div:first-child, .packs .pk3 .puntos > div > div:first-child, .packs .pk4 .puntos > div > div:first-child { 
        width: 10%; box-sizing: border-box; padding-right: 3px; margin-top: 3px;
    }
    .packs .pk1 .puntos > div > div:last-child, .packs .pk2 .puntos > div > div:last-child, .packs .pk3 .puntos > div > div:last-child, .packs .pk4 .puntos > div > div:last-child { 
        width: 90%; box-sizing: border-box; padding-left: 3px; padding-bottom: 15px; font-size: 16px; line-height: 22px;
    }
    .packs-division-lgmd { display: block; clear: both; height: 1px; border-bottom: 1px solid #ededed; margin-bottom: 20px; width: 90%; margin-left: 5%; }
    .precios-packs { width: 1000px; margin: 0 auto 60px; box-sizing: border-box; background-color: #ededed; height: 260px; position: relative; top: 30px; }
    .precios-packs > div { float: left; width: 25%; box-sizing: border-box; padding: 10px 15px; }
    .precios-packs > div > div:last-child { margin-top: -5px; }
    .box-impagos-autonomos, .box-impagos-empresas { 
        margin-left: -34px; text-align: center; background-color: #4e5055; color: #ffffff; font-weight: 500; font-size: 14px; height: 100px; padding: 0 6px!important; 
        position: absolute; width: 34px!important; top:0;
        transform: rotate(180deg); writing-mode: vertical-lr; 
        -webkit-writing-mode:vertical-lr; -webkit-transform:rotate(180deg); 
        -ms-writing-mode: bt-lr; -ms-transform: rotate(180deg); }
    .box-impagos-empresas { margin-top: 130px; }
    .box-impagos-autonomos { margin-top: 20px; }
    .precios-packs .nombre-pack { background-color:#ea6a35; text-align: center; padding: 8px 0; color: #FFF; font-size: 24px; font-weight: 500; margin-top: -30px; margin-bottom: 20px; }
    .precios-packs .nombre-pack.rojo { background-color: #ec3a40!important; }
    .precios-packs .precio-modulo { height: 75px; margin-bottom: 25px; background-color: #FFF; } 
    .precios-packs .precio-modulo > p:nth-child(1) { text-align: center; padding: 5px 0 0; margin: 0 0 5px; }
    .precios-packs .precio-modulo > p:nth-child(2) { text-align: center; padding: 0 0 5px; margin: 5px 0 0; }
    .precios-packs .precio-modulo .desde { font-size: 12px; font-weight: 500; }
    .precios-packs .precio-modulo .hasta { font-size: 12px; display: inline-block; vertical-align: 5px; padding-right: 5px; font-weight: 500; }
    .precios-packs .precio-modulo .importe { font-size: 40px; font-weight: 500; }
    .precios-packs .precio-modulo .numero { font-size: 40px; font-weight: 500; display: inline-block; }
    .precios-packs .precio-modulo .euro { font-size: 24px; font-weight: 500; }
    .precios-packs .precio-modulo .mes { font-size: 16px; font-weight: 500; }
    .precios-packs .precio-modulo .fdisp { font-size: 16px; font-weight: 500; }
    .precios-packs .precio-modulo .fac { font-size: 16px; font-weight: 500; padding-top: 30px!important; }
    .precios-packs .precio-modulo .ilm { font-size: 24px; font-weight: 500; padding-top: 7px!important; }
    .precios-packs > div > div > .puntos-modulo { margin-top: 20px; }
    .precios-packs > div > div > .puntos-modulo > div { clear: both; padding: 4px 0 8px; font-size: 15.5px; text-align: justify; line-height: 22px; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(1) { width: 14px; float: left; padding: 4px 3px 8px 0; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(2) { width: 180px; float: left; padding: 4px 0 8px 3px; }
    .btns-precios.btn-verde-mlt { width: 220px; }
    .cuerpo.packs-nacionales, .cuerpo.packs-internacionales { margin-bottom: 30px; }
    .cuerpo.info-precios { margin-bottom: 60px; }
    .cuerpo.info-precios > div > p { padding-left: 40px; }
    /* Otras-soluciones */
    .div-img-solucion { height: 400px; }
    .img-directcobro { width: 270px; height: 370px; }
    .img-premium { width: 500px; height: 295px; }
    .cuerpo.soluciones { margin-bottom: 60px; }
    .cuerpo.soluciones .solucion > div { margin-bottom: 40px; }
    .cuerpo.soluciones .solucion .nombre .subtitulo_zona { padding: 0 95px; }
    .cuerpo.soluciones .explicacion-solucion { padding: 0 85px; text-align: justify; }
    /* Preguntas frecuentes */
    .respuestas { }
    .imagen-titulo.preguntas h1 { margin-top: 20px!important; }
    .navegador { margin-top: 40px; height: 50px; margin-bottom: 40px; }
    .menu { 
        float: left; background-color: #EEE; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; font-size: 16px;
        box-sizing: border-box; color: #ea6a35; height: 50px; font-weight: 500; padding-top: 15px; cursor: pointer;
    }
    .menu.izq { width: 32%; text-align: right; padding-right: 50px; }
    .menu.mid { width: 20%; text-align: center; }
    .menu.der { padding-left: 50px; width: 28%; }
    .menu.selected { background-color: #FFF; }
    /* Contacto */
    .informacion-contacto .redes-sociales .contenido .rrss > div {
        float: left;
        width: 48px;
    } 
         
    /* FOOTER */
    footer .visita-nuestro-blog { pointer-events: none!important; cursor: default; }
    footer .empresa { padding-left: 30px; }
    .texto-fila-blog-pie a { padding: 20px 0 0 15px; }
    .pie-fila-2 { border-top: 1px solid #9a989a; }
     /*COOKIES*/
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
         display: block!important;
         background-color: #188600!important;
         border: 1px solid #188600!important;
         padding: 12px !important;
         border-radius: 40px!important;
         color: #ffffff !important;
         font-weight: bold !important;
         position:relative;
         top: 350px !important;
         width:250px !important;	
     }
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
         right: 50px!important;
     }
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
         right: 650px!important;
     } 
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
         right: 350px!important;
     }
}


/* MD */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    /* COMUNES */
    h1 { font-size: 41px; margin-top: 50px; }
    h2 { font-size: 21px; margin-top: 5px; }
    div.titulo_zona { font-size: 24px!important; margin-bottom: 10px !important; margin-top: 20px !important; line-height: 32px; }
    .btn-seo { margin-top: 10px; }
    .msgcookie { max-width: 940px; width: 100%; }
    
    /* HEADER */
    .listas-enlinea > li > a {         
        padding: 12px 19px;
    } 
    
    /* FORMULARIO */
    section { margin-top: -4px; }
    .imgagen-titulo { height: 320px; width: 100%; }
    .imagen-banner { height: 200px; width: 100%; }
    .imagen-titulo.inicio { background: url('../../landing_transcobro/img/inicio/TRANSCOBRO-inicio-1199.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.servicios { background: url('../../landing_transcobro/img/servicios/transcobro-servicios-1199.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.precios { background: url('../../landing_transcobro/img/precios/transcobro-precios-1199.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.soluciones { background: url('../../landing_transcobro/img/otras-soluciones/transcobro-otras-soluciones-1199.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.preguntas { background: url('../../landing_transcobro/img/preguntas/transcobro-preguntas-frecuentes-1199.jpg') no-repeat center center / cover; height: 320px; }
    .imagen-titulo.contacto { background: url('../../landing_transcobro/img/contacto/como-gestionar-una-empresa-1200.jpg') no-repeat center center / cover; height: 240px; }
    .imagen-banner.inicio { background: url('../../landing_transcobro/img/inicio/chica_con_portatil_mockup_tugesto.jpg') no-repeat center center / cover; height: 200px; }
    .imagen-banner.servicios { background: url('../../landing_transcobro/img/servicios/calculadora-1199.jpg') no-repeat center center / cover; height: 200px; }
    .errores .caja-error-formulario { width: 265px; margin-left: -25px; }
    .errores .acepto-condiciones { padding-right: 48px; }
    .formulario input.formConsulta { width: 250px; height: 50px; margin: 12px 5px; padding-left: 10px; }
    .formulario > div > button { display: inline; width: 140px; height: 50px; }
    .formulario > div > div { 
        display: inline; width: 250px; height: 30px; margin: 12px 5px; 
        border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px;
        border: 1px solid #F00;
    }
    
    .imagen-titulo.soluciones h1, .imagen-titulo.precios h1, .imagen-titulo.preguntas h1 { margin-top: 20px; }
    
    /* BODY */
    .cuerpo .titulo .fa-angle-down, .cuerpo .titulo .fa-angle-up { display: none; }
    .respuestas .cuerpo .titulo .fa-angle-down, .respuestas .cuerpo .titulo .fa-angle-up { display: block; }
    .pestanya-seccion { pointer-events: none!important; cursor: default; }
    .respuestas .cuerpo .pestanya-seccion { pointer-events:auto; cursor: pointer; }
    .video-inicio { height: 400px; }
    .video-cliente { height: 320px; }
    .mrg-div-btn-precios { padding-top: 28px; }
    .cuerpo.ventajas { margin-bottom: 15px; }
    .clientes .titulo, .medios .titulo { margin-top: 30px; margin-bottom: 30px; }
    .clientes .nuestro-cliente .div-empresa { border-left: 1px solid #ec6735; }
    .clientes .nuestro-cliente .div-empresa .comentario { font-size: 16px; margin-bottom: 15px; }
    .clientes .nuestro-cliente .div-empresa .nombre-cliente { font-weight: 500; font-size: 16px; color: #4c4f54; margin-bottom: 15px; }
    .clientes .nuestro-cliente .div-empresa .cargo-cliente, .clientes .nuestro-cliente .div-empresa .empresa-cliente { 
        color: #ec6735; font-size: 16px; font-style: italic; 
    }
    .medios .los-medios > div { float: left; width: 194px; height: 72px; }
    .medios .los-medios .img-logo-1 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/veintepies_logo.png") no-repeat scroll center center / 94% auto;
        display: block; transition: none 0s ease 0s ; height: 36px; width: 184px; }
    .medios .los-medios .img-logo-2 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_elvigia.png") no-repeat scroll center center / 94% auto;
        display: block; transition: none 0s ease 0s ; height: 22px; width: 184px; }
    .medios .los-medios .img-logo-3 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transcamion.png") no-repeat scroll center center / 94% auto;
        display: block; transition: none 0s ease 0s ; height: 24px; width: 184px; }
    .medios .los-medios .img-logo-4 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transporte_profesional.png") no-repeat scroll center center / 94% auto;
        display: block; transition: none 0s ease 0s ; height: 66px; width: 184px; }
    .medios .los-medios .img-logo-5 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_economia3.png") no-repeat scroll center center;
        display: block; transition: none 0s ease 0s ; height: 36px; width: 184px; } 
    .prevencion { height: 465px; }
    .div-tablet { height: 755px; }
    .img-tablet {
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/servicios/tablet_transcobro.png") no-repeat scroll center center;
        display: block; transition: none 0s ease 0s; height: 425px; width: 300px;
    }  
    .mrgn-puntos-reclamacion { margin-top: 30px!important; }
    .cuerpo.reclamar > div { padding-top: 10px; }
    .cuerpo.prev-impagos-titulo > div { padding-top: 20px; }
    .cuerpo.prev-impagos-puntos > div { padding-top: 40px; }
    .cuerpo.prev-impagos-puntos .contenido { margin: -5px 0 10px 0; }
    .cuerpo.servicios > div { padding-top: 10px; }
    .cuerpo.servicios.cta { margin-bottom: 60px; }
    .cuerpo.servicios.cta div.titulo_zona { padding: 0 55px; margin-top: 10px !important; }
    /* .packs .pk1, .packs .pk2, .packs .pk3, .packs .pk4 { padding-left: 5px; padding-right: 5px; }*/
    .packs .pk1 .titulo, .packs .pk2 .titulo, .packs .pk3 .titulo, .packs .pk4 .titulo { font-size: 21px; font-weight: 500; padding: 15px 0 30px 10px; color: #ec6735; }
    .packs .pk1 .puntos > div, .packs .pk2 .puntos > div, .packs .pk3 .puntos > div, .packs .pk4 .puntos > div { float: none; }
    .packs .pk1 .puntos > div > div, .packs .pk2 .puntos > div > div, .packs .pk3 .puntos > div > div, .packs .pk4 .puntos > div > div { float: left; }
    .packs .pk1 .puntos > div > div:first-child, .packs .pk2 .puntos > div > div:first-child, .packs .pk3 .puntos > div > div:first-child, .packs .pk4 .puntos > div > div:first-child { 
        width: 10%; box-sizing: border-box; padding-right: 3px; margin-top: 3px;
    }
    .packs .pk1 .puntos > div > div:last-child, .packs .pk2 .puntos > div > div:last-child, .packs .pk3 .puntos > div > div:last-child, .packs .pk4 .puntos > div > div:last-child { 
        width: 90%; box-sizing: border-box; padding-left: 3px; padding-bottom: 15px; font-size: 16px; line-height: 22px;
    }
    .packs-division-lgmd { display: block; clear: both; height: 1px; border-bottom: 1px solid #ededed; margin-bottom: 20px; width: 90%; margin-left: 5%; }
    .cuerpo.packs > div > div.titulo_zona { margin-top: 35px; }
    .precios-packs { width: 826px; margin: 0 auto 60px; box-sizing: border-box; background-color: #ededed; height: 260px; position: relative; top: 30px; }
    .precios-packs > div { float: left; width: 25%; box-sizing: border-box; padding: 10px 15px; }
    .precios-packs > div > div:last-child { margin-top: -5px; }
    .box-impagos-autonomos, .box-impagos-empresas { 
        margin-left: -34px; text-align: center; background-color: #4e5055; color: #ffffff; font-weight: 500; font-size: 14px; height: 100px; padding: 0 6px!important; 
        position: absolute; width: 34px!important; top:0;
        transform: rotate(180deg); writing-mode: vertical-lr; 
        -webkit-writing-mode:vertical-lr; -webkit-transform:rotate(180deg); 
        -ms-writing-mode: bt-lr; -ms-transform: rotate(180deg); }
    .box-impagos-empresas { margin-top: 130px; }
    .box-impagos-autonomos { margin-top: 20px; }
    .precios-packs .nombre-pack { background-color:#ea6a35; text-align: center; padding: 8px 0; color: #FFF; font-size: 24px; font-weight: 500; margin-top: -30px; margin-bottom: 20px; }
    .precios-packs .nombre-pack.rojo { background-color: #ec3a40!important; }
    .precios-packs .precio-modulo { height: 75px; margin-bottom: 25px; background-color: #FFF; } 
    .precios-packs .precio-modulo > p:nth-child(1) { text-align: center; padding: 5px 0 0; margin: 0 0 5px; }
    .precios-packs .precio-modulo > p:nth-child(2) { text-align: center; padding: 0 0 5px; margin: 5px 0 0; }
    .precios-packs .precio-modulo .desde { font-size: 12px; font-weight: 500; }
    .precios-packs .precio-modulo .hasta { font-size: 12px; display: inline-block; vertical-align: 5px; padding-right: 5px; font-weight: 500; }
    .precios-packs .precio-modulo .importe { font-size: 40px; font-weight: 500; }
    .precios-packs .precio-modulo .numero { font-size: 40px; font-weight: 500; display: inline-block; }
    .precios-packs .precio-modulo .euro { font-size: 24px; font-weight: 500; }
    .precios-packs .precio-modulo .mes { font-size: 16px; font-weight: 500; }
    .precios-packs .precio-modulo .fdisp { font-size: 16px; font-weight: 500; }
    .precios-packs .precio-modulo .fac { font-size: 16px; font-weight: 500; padding-top: 30px!important; }
    .precios-packs .precio-modulo .ilm { font-size: 24px; font-weight: 500; padding-top: 7px!important; }
    .precios-packs > div > div > .puntos-modulo { margin-top: 20px; }
    .precios-packs > div > div > .puntos-modulo > div { clear: both; padding: 4px 0 8px; font-size: 15.5px; text-align: justify; line-height: 22px; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(1) { width: 14px; float: left; padding: 4px 3px 8px 0; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(2) { width: 180px; float: left; padding: 4px 0 8px 3px; }
    .btns-precios.btn-verde-mlt { width: 177px; }
    .cuerpo.packs-nacionales, .cuerpo.packs-internacionales { margin-bottom: 30px; }
    .cuerpo.info-precios { margin-bottom: 60px; }
    .cuerpo.info-precios > div > p { padding-left: 30px; }
    /* Otras-soluciones */
    .div-img-solucion { height: 375px; }
    .img-directcobro { width: 255px; height: 340px; background-size: 99% auto; }    
    .img-premium { width: 495px; height: 275px; background-size: 99% auto; }
    .cuerpo.soluciones { margin-bottom: 60px; }
    .cuerpo.soluciones .solucion > div { margin-bottom: 40px; }
    .cuerpo.soluciones .solucion .nombre .subtitulo_zona { padding: 0 80px; }
    .cuerpo.soluciones .explicacion-solucion { padding: 0 50px; text-align: justify; }
    /* Preguntas frecuentes */
    .navegador { margin-top: 40px; height: 50px; margin-bottom: 40px; }
    .menu { 
        float: left; background-color: #EEE; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; font-size: 14px; cursor: pointer;
        box-sizing: border-box; color: #ea6a35; height: 50px; font-weight: 500; padding-top: 16px; padding-bottom: 14px;
    }
    .menu.izq { width: 32%; text-align: right; padding-right: 50px; }
    .menu.mid { width: 20%; text-align: center; }
    .menu.der { padding-left: 50px; width: 28%; }
    .menu.selected { background-color: #FFF; }
    /* Contacto */
    .cuerpo .informacion-contacto .direccion { min-height: 275px; }
    .informacion-contacto .redes-sociales .contenido .rrss > div {
        float: left;
        width: 37px;
    }
        
     /* FOOTER */
     footer .visita-nuestro-blog { pointer-events: none!important; cursor: default; }
    .texto-fila-blog-pie a { padding: 15px 0; }
    .pie-fila-2 { border-top: 1px solid #9a989a; }
    
    .redes-sociales { height: 48px; margin-bottom: 35px; margin-top: 20px;  }

    .redes-sociales > a { background:url('../../landing_transcobro/img/iconos-rrss-footer-tugesto-responsive-320.png') no-repeat; margin: 0 1px; transition:none!important; border:0; cursor:pointer; width:38px; height:48px; float:left;}
    
    .redes-sociales > a.facebook { background-position: -6px 0; margin-left: 0!important; }
    .redes-sociales > a.twitter { background-position: -51px 0; }
    .redes-sociales > a.instagram { background-position: -96px 0; }
    .redes-sociales > a.gplus { background-position: -141px 0; }
    .redes-sociales > a.youtube { background-position: -185px 0; }
    .redes-sociales > a.linkedin { background-position: -230px 0; }
    .redes-sociales > a.slideshare { background-position: -275px 0; }
    
    a.fbk-n, a.twr-n, a.gpl-n, a.ytb-n, a.lkn-n, a.shr-n, a.inst-n {
        background: rgba(0,0,0,0) url('../img/sprite_iconos.png?2') no-repeat scroll 0 0; height: 40px; width: 35px; cursor: pointer; transition: none; display: block; position: relative;
    }

    .informacion-contacto .redes-sociales a.fbk-n { background-position: -13px -222px; }
    .informacion-contacto .redes-sociales a.twr-n { background-position: -49px -222px; }
    .informacion-contacto .redes-sociales a.inst-n { background-position: -85px -222px; }
    .informacion-contacto .redes-sociales a.gpl-n { background-position: -120px -222px; }
    .informacion-contacto .redes-sociales a.ytb-n { background-position: -156px -222px; }
    .informacion-contacto .redes-sociales a.lkn-n { background-position: -191px -222px; }
    .informacion-contacto .redes-sociales a.shr-n { background-position: -227px -222px; }
       
    .informacion-contacto .redes-sociales a.fbk-n:hover { background-position: -11px -78px; }
    .informacion-contacto .redes-sociales a.twr-n:hover { background-position: -47px -78px; }
    .informacion-contacto .redes-sociales a.inst-n:hover { background-position: -83px -78px; }
    .informacion-contacto .redes-sociales a.gpl-n:hover { background-position: -118px -78px; }
    .informacion-contacto .redes-sociales a.ytb-n:hover { background-position: -155px -78px; }
    .informacion-contacto .redes-sociales a.lkn-n:hover { background-position: -191px -78px; }
    .informacion-contacto .redes-sociales a.shr-n:hover { background-position: -227px -78px; }
}


/* SM */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* COMUNES */
    div.titulo_zona { font-size: 24px!important; margin-top: 20px !important; margin-bottom: 10px!important; line-height: 32px; }
    h1 { font-size: 36px; margin-top: 30px; }
    h2 { font-size: 21px; margin-top: 5px; }
    .msgcookie { max-width: 720px; width: 100%; }
    
    /* HEADER */
    .listas-enlinea > li > a {         
        padding: 12px 17px;
    }
    .img-logo { margin: 16px 0 10px 0; float: left; }  
    
    /* FORMULARIO */
    .imgagen-titulo { height: 380px; width: 100%; }
    .imagen-banner { height: 200px; width: 100%; }
    .imagen-titulo.inicio { background: url('../../landing_transcobro/img/inicio/TRANSCOBRO-inicio-991.jpg') no-repeat center center / cover; height: 380px; margin-top: -2px; }
    .imagen-titulo.servicios { background: url('../../landing_transcobro/img/servicios/transcobro-servicios-991.jpg') no-repeat center center / cover; height: 380px; margin-top: -2px; }
    .imagen-titulo.precios { background: url('../../landing_transcobro/img/precios/transcobro-precios-1199.jpg') no-repeat center center / cover; height: 380px; margin-top: -2px; }
    .imagen-titulo.soluciones { background: url('../../landing_transcobro/img/otras-soluciones/transcobro-otras-soluciones-991.jpg') no-repeat center center / cover; height: 380px; margin-top: -2px; }
    .imagen-titulo.preguntas { background: url('../../landing_transcobro/img/preguntas/transcobro-preguntas-991.jpg') no-repeat center center / cover; height: 380px; margin-top: -2px; }
    .imagen-titulo.contacto { background: url('../../landing_transcobro/img/contacto/como-gestionar-una-empresa-960.jpg') no-repeat center center / cover; height: 240px; }
    .imagen-banner.inicio { background: url('../../landing_transcobro/img/inicio/chica_con_portatil_mockup_tugesto.jpg') no-repeat center center / cover; height: 200px; }   
    .imagen-banner.servicios { background: url('../../landing_transcobro/img/servicios/calculadora-991.jpg') no-repeat center center / cover; height: 200px; }
    .margenes-titulo-servicios { padding-left: 0!important; padding-right: 0!important; }
    .formulario .caja-error-formulario { margin-left: 8px; margin-top: 4px; width: 84%; font-size: 12px; height: 24px; padding: 3px; }
    .formulario input.formConsulta { width: 250px; height: 50px; margin: 10px 5px; padding-left: 10px; }    
    .formulario > form > div > div > div.acepto-condiciones { padding-left: 25px; }
    .formulario > form > div > button { display: inline; width: 265px; height: 50px; margin-left: 5px; margin-right: 5px; }
    .formulario > form > div > div > div.acepto-condiciones > label { font-size: 12px; }
    .formulario > form > div > div > div.acepto-condiciones > label > i { font-size: 21px; opacity: 0.6; vertical-align: -3px; margin-right: 6px; }
    .formulario > form > div > div > div.acepto-condiciones > label > a { color: #FFF; text-decoration: underline; }
    .formulario > form > div > div > div.acepto-condiciones > label > a:hover { opacity: 0.6; }
    .formulario > form > div > div { float: left; width: 50%; display: inline; margin: 0!important; }
    .formulario input.margen-derecha-especial { margin-right: -25px; margin-left: 10px; }
    .formulario > form > div > div > button { height: 50px; margin: 12px 8px 12px -22px; width: 250px; }
    .formulario > form > div > div > .caja-error-formulario {}
    
    /* BODY */
    .cuerpo .titulo .fa-angle-down, .cuerpo .titulo .fa-angle-up { display: none; }
    .respuestas .cuerpo .titulo .fa-angle-down, .respuestas .cuerpo .titulo .fa-angle-up { display: block; }
    .pestanya-seccion { pointer-events: none!important; cursor: default; }
    .respuestas .cuerpo .pestanya-seccion { pointer-events:auto; cursor: pointer; font-size: 14px; }
    .respuestas .cuerpo .contenido { font-size: 14px; }
    .video-inicio { height: 350px; }
    .mrg-div-btn-precios { padding-top: 20px; }
    .video-cliente { height: 160px; }
    .cuerpo.ventajas { margin-bottom: 15px; }
    .clientes { height: 365px; }
    .clientes .titulo, .medios .titulo { margin-top: 20px; margin-bottom: 20px; }
    .clientes .nuestro-cliente .div-empresa { }
    .clientes .nuestro-cliente .div-empresa .comentario { font-size: 14px; margin-bottom: 15px; text-align: justify; }
    .clientes .nuestro-cliente .div-empresa .nombre-cliente { font-weight: 500; font-size: 14px; color: #4c4f54; margin-bottom: 15px; }
    .clientes .nuestro-cliente .div-empresa .cargo-cliente, .clientes .nuestro-cliente .div-empresa .empresa-cliente { 
        color: #ec6735; font-size: 14px; font-style: italic; 
    }
    .medios .los-medios > div { float: left; width: 150px; height: 70px; }
    .medios .los-medios .img-logo-1 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/veintepies_logo.png") no-repeat scroll center center / 82% auto;
        display: block; transition: none 0s ease 0s ; height: 30px; width: 140px; }
    .medios .los-medios .img-logo-2 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_elvigia.png") no-repeat scroll center center / 82% auto;
        display: block; transition: none 0s ease 0s ; height: 20px; width: 140px; }
    .medios .los-medios .img-logo-3 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transcamion.png") no-repeat scroll center center / 82% auto;
        display: block; transition: none 0s ease 0s ; height: 20px; width: 140px; }
    .medios .los-medios .img-logo-4 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transporte_profesional.png") no-repeat scroll center center / 82% auto;
        display: block; transition: none 0s ease 0s ; height: 50px; width: 140px; }
    .medios .los-medios .img-logo-5 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_economia3.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 34px; width: 140px; }    
    .prevencion { height: 515px; }
    .div-tablet { height: 875px; }
    .img-tablet {
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/servicios/tablet_transcobro.png") no-repeat scroll center center;
        display: block; transition: none 0s ease 0s; height: 425px; width: 300px;
    }  
    .mrgn-puntos-reclamacion { margin-top: 30px !important; }
    .mrgn-puntos-reclamacion.col2 { margin-top: -15px !important; }
    .cuerpo.reclamar > div { padding-top: 10px; }
    .cuerpo.prev-impagos-titulo > div { padding-top: 20px; }
    .cuerpo.prev-impagos-puntos > div { padding-top: 40px; }
    .cuerpo.prev-impagos-puntos .contenido { margin: -5px 0 10px 0; }
    .cuerpo.servicios > div { padding-top: 10px; }
    .cuerpo.servicios.cta { margin-bottom: 60px; }
    .cuerpo.servicios.cta div.titulo_zona { padding: 0 55px; margin-bottom: 0 !important; }
    .cuerpo.servicios.cta .btn-seo { margin-top: 0!important; }
    /* Precios */
    .imagen-titulo.precios h1 { margin-top: 25px !important; }
    .cuerpo.packs > div > div { margin: 10px auto 15px; }
    .packs .pk1 .titulo, .packs .pk2 .titulo, .packs .pk3 .titulo, .packs .pk4 .titulo { font-size: 21px; font-weight: 500; padding: 15px 0 30px 20px; color: #ec6735; }
    .packs .pk1 .puntos > div, .packs .pk2 .puntos > div, .packs .pk3 .puntos > div, .packs .pk4 .puntos > div { float: none; }
    .packs .pk1 .puntos > div > div, .packs .pk2 .puntos > div > div, .packs .pk3 .puntos > div > div, .packs .pk4 .puntos > div > div { float: left; }
    .packs .pk1 .puntos > div > div:first-child, .packs .pk2 .puntos > div > div:first-child, .packs .pk3 .puntos > div > div:first-child, .packs .pk4 .puntos > div > div:first-child { 
        width: 8%; box-sizing: border-box; padding-right: 3px; margin-top: 3px;
    }
    .packs .pk1 .puntos > div > div:last-child, .packs .pk2 .puntos > div > div:last-child, .packs .pk3 .puntos > div > div:last-child, .packs .pk4 .puntos > div > div:last-child { 
        width: 92%; box-sizing: border-box; padding-bottom: 15px; padding-right: 15px; font-size: 16px; line-height: 22px;
    }
    .packs-division-sm { display: block; clear: both; height: 1px; border-bottom: 1px solid #ededed; margin-bottom: 20px; padding-top: 15px; }
    .cuerpo.packs-nacionales > div > div.titulo_zona, .cuerpo.packs-internacionales > div > div.titulo_zona { margin-top: 5px; }
    .cuerpo.packs-nacionales, .cuerpo.packs-internacionales { margin-bottom: 30px; }
    .cuerpo.info-precios { margin-bottom: 60px; }
    .cuerpo.packs > div > div.titulo_zona { margin-top: 35px; }
    .precios-packs { width: 512px; margin: 0 auto 60px; box-sizing: border-box; background-color: #ededed; height: 260px; position: relative; top: 30px; }
    .precios-packs > div { float: left; width: 50%; box-sizing: border-box; padding: 10px 15px; }
    .precios-packs > div > div:last-child { margin-top: -5px; }
    .box-impagos-autonomos, .box-impagos-empresas { 
        margin-left: -34px; text-align: center; background-color: #4e5055; color: #ffffff; font-weight: 500; font-size: 14px; height: 100px; padding: 0 6px!important; 
        position: absolute; width: 34px!important; top:0;
        transform: rotate(180deg); writing-mode: vertical-lr; 
        -webkit-writing-mode:vertical-lr; -webkit-transform:rotate(180deg); 
        -ms-writing-mode: bt-lr; -ms-transform: rotate(180deg); }
    .box-impagos-empresas { margin-top: 130px; }
    .box-impagos-autonomos { margin-top: 20px; }
    .precios-packs .nombre-pack { background-color:#ea6a35; text-align: center; padding: 8px 0; color: #FFF; font-size: 24px; font-weight: 500; margin-top: -30px; margin-bottom: 20px; }
    .precios-packs .nombre-pack.rojo { background-color: #ec3a40!important; }
    .precios-packs .precio-modulo { height: 75px; margin-bottom: 25px; background-color: #FFF; } 
    .precios-packs .precio-modulo > p:nth-child(1) { text-align: center; padding: 5px 0 0; margin: 0 0 5px; }
    .precios-packs .precio-modulo > p:nth-child(2) { text-align: center; padding: 0 0 5px; margin: 5px 0 0; }
    .precios-packs .precio-modulo .desde { font-size: 12px; font-weight: 500; }
    .precios-packs .precio-modulo .hasta { font-size: 12px; display: inline-block; vertical-align: 5px; padding-right: 5px; font-weight: 500; }
    .precios-packs .precio-modulo .importe { font-size: 40px; font-weight: 500; }
    .precios-packs .precio-modulo .numero { font-size: 40px; font-weight: 500; display: inline-block; }
    .precios-packs .precio-modulo .euro { font-size: 24px; font-weight: 500; }
    .precios-packs .precio-modulo .mes { font-size: 16px; font-weight: 500; }
    .precios-packs .precio-modulo .fdisp { font-size: 16px; font-weight: 500; }
    .precios-packs .precio-modulo .fac { font-size: 16px; font-weight: 500; padding-top: 30px!important; }
    .precios-packs .precio-modulo .ilm { font-size: 24px; font-weight: 500; padding-top: 7px!important; }
    .precios-packs > div > div > .puntos-modulo { margin-top: 20px; }
    .precios-packs > div > div > .puntos-modulo > div { clear: both; padding: 4px 0 8px; font-size: 15.5px; text-align: justify; line-height: 22px; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(1) { width: 14px; float: left; padding: 4px 3px 8px 0; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(2) { width: 180px; float: left; padding: 4px 0 8px 3px; }
    .btns-precios.btn-verde-mlt { width: 225px; }    
    .cuerpo.info-precios > div > p { font-size: 14px; }
    .cuerpo.info-precios > div > p:last-child { padding-right: 60px; }
    /* Otras-soluciones */
    .imagen-titulo.soluciones h1 { margin-top: 25px !important; }
    .div-img-solucion { height: 400px; }    
    .img-directcobro { width: 250px; height: 360px; background-size: 99% auto; }    
    .img-premium { width: 345px; height: 230px; background-size: 99% auto; }
    .cuerpo.soluciones { max-height: 850px; margin-bottom: 65px; }
    .cuerpo.soluciones .solucion { margin-bottom: 15px!important; }
    .cuerpo.soluciones .solucion > div { margin-bottom: 40px; }
    .cuerpo.soluciones .solucion .nombre .subtitulo_zona { padding: 0 30px; }
    .cuerpo.soluciones .explicacion-solucion { padding: 0 20px; text-align: justify; }
    /* Preguntas frecuentes */
    .imagen-titulo.preguntas h1 { /*margin-top: 25px!important;*/ }
    .navegador { margin-top: 40px; height: 50px; margin-bottom: 40px; }
    .menu { 
        float: left; background-color: #EEE; border-top: 1px solid #EEE; border-bottom: 1px solid #EEE; font-size: 12px; cursor: pointer;
        box-sizing: border-box; color: #ea6a35; height: 50px; font-weight: 500; padding-top: 16px; padding-bottom: 14px;
    }
    .navegador > #eu { line-height: 15px; padding-bottom: 10px; padding-top: 10px; }
    .menu.izq { width: 32%; text-align: right; padding-right: 50px; }
    .menu.mid { width: 20%; text-align: center; }
    .menu.der { padding-left: 50px; width: 28%; }
    .menu.selected { background-color: #FFF; }
    /* Contacto */
    .cuerpo .informacion-contacto .direccion { min-height: 272px; }
    .informacion-contacto .direccion .contenido .text {
        line-height: 18px;
        font-size: 14px;
    }
    .informacion-contacto .redes-sociales .contenido .rrss > div {
        float: left;
        width: 37px;
    }
    a.fbk-n, a.twr-n, a.gpl-n, a.ytb-n, a.lkn-n, a.shr-n, a.inst-n {
        background: rgba(0,0,0,0) url('../img/sprite_iconos.png?1') no-repeat scroll 0 0; height: 40px; width: 35px; cursor: pointer; transition: none; display: block; position: relative;
    }
    
    .informacion-contacto .redes-sociales a.fbk-n { background-position: -13px -222px; }
    .informacion-contacto .redes-sociales a.twr-n { background-position: -49px -222px; }
    .informacion-contacto .redes-sociales a.inst-n { background-position: -85px -222px; }
    .informacion-contacto .redes-sociales a.gpl-n { background-position: -120px -222px; }
    .informacion-contacto .redes-sociales a.ytb-n { background-position: -156px -222px; }
    .informacion-contacto .redes-sociales a.lkn-n { background-position: -191px -222px; }
    .informacion-contacto .redes-sociales a.shr-n { background-position: -227px -222px; }
       
    .informacion-contacto .redes-sociales a.fbk-n:hover { background-position: -11px -78px; }
    .informacion-contacto .redes-sociales a.twr-n:hover { background-position: -47px -78px; }
    .informacion-contacto .redes-sociales a.inst-n:hover { background-position: -83px -78px; }
    .informacion-contacto .redes-sociales a.gpl-n:hover { background-position: -118px -78px; }
    .informacion-contacto .redes-sociales a.ytb-n:hover { background-position: -155px -78px; }
    .informacion-contacto .redes-sociales a.lkn-n:hover { background-position: -191px -78px; }
    .informacion-contacto .redes-sociales a.shr-n:hover { background-position: -227px -78px; }
    
    #form-contacto label { font-size: 14px; }
    #form-contacto .fa-asterisk { font-size: 0.65em; }
    #form-contacto input, #form-contacto select, #form-contacto textarea { font-size: 0.8em !important; }
        
    /* FOOTER */
    footer .visita-nuestro-blog { pointer-events: none!important; cursor: default; }
    footer .empresa, footer .blog, footer .contacto { float: none; clear: both; text-align: center; font-family: 'PT Sans'; }
    footer .empresa { margin: 20px auto 5px; }
    footer .blog { min-height: 260px; margin: 20px auto; }
    footer .blog .titulo { margin-top: 25px; }
    footer .contacto { margin: 40px auto 20px; }
    footer .empresa .texto { text-align: center; padding: 12px 24px; }
    footer .empresa .img-pae {
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/pae-tufactura.png") no-repeat scroll 0 0;
        height: 90px; width: 120px; margin: 15px auto 0;
    }
    footer .empresa .logo {
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/logo-tugesto.png?2") no-repeat scroll 0 0;
        height: 80px;
        background-position: center;
    }
    .texto-fila-blog-pie a { padding: 15px 0 15px 15px; text-align: left; }
    footer .contacto .direcciones { text-align: left; padding-left: 30px; }
    footer .contacto .redes-sociales { padding-left: 2px; margin-bottom: 0!important; }
    footer .pie-fila-2 > div:last-child { padding-bottom: 12px; padding-top: 12px; }
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
        padding: 3px !important;
        top:205px!important;
    }
}


/* XS */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /* COMUNES */
    h1 { font-size: 24px; margin-top: 30px; }
    h2 { font-size: 18px; margin-top: 5px; }
    div.titulo_zona { font-size: 21px!important; margin-bottom: 10px !important; margin-top: 20px !important; }
    .msgcookie { max-width: 700px; width: 95%; }

    .cap { height: 105px!important; }
    section { top: 105px; margin-bottom: 105px; }
    
    /* HEADER */
    .img-logo { margin: 25px 50px 12px 0; float: right; }
    #nav-icon { float: left; margin: 42px 10px 0 0; }
    .listas-enlinea > li > a {         
        padding: 12px 13px;
    }
    #menusito {       
        width: 400px;     
        margin-right: 40px;
    }
    
    /* FORMULARIO */
    .imgagen-titulo { height: 460px; width: 100%; }
    .imagen-banner { height: 200px; width: 100%; }
    .imagen-titulo.inicio { background: url('../../landing_transcobro/img/inicio/TRANSCOBRO-inicio-767.jpg') no-repeat center center / cover; height: 480px; }
    .imagen-titulo.servicios { background: url('../../landing_transcobro/img/servicios/transcobro-servicios-767.jpg') no-repeat center center / cover; height: 480px; }
    .imagen-titulo.precios { background: url('../../landing_transcobro/img/precios/transcobro-precios-767.jpg') no-repeat center center / cover; height: 480px; }
    .imagen-titulo.soluciones { background: url('../../landing_transcobro/img/otras-soluciones/transcobro-otras-soluciones-767.jpg') no-repeat center center / cover; height: 480px; }
    .imagen-titulo.preguntas { background: url('../../landing_transcobro/img/preguntas/transcobro-preguntas-767.jpg') no-repeat center center / cover; height: 480px; }
    .imagen-titulo.contacto { background: url('../../landing_transcobro/img/contacto/como-gestionar-una-empresa-768.jpg') no-repeat center center / cover; height: 240px; }
    .imagen-banner.inicio { background: url('../../landing_transcobro/img/inicio/chica_con_portatil_mockup_tugesto.jpg') no-repeat center center / cover; height: 200px; }
    .imagen-banner.servicios { background: url('../../landing_transcobro/img/servicios/calculadora-767.jpg') no-repeat center center / cover; height: 200px; }
    .imagen-banner.cliente-home { background: url('../../landing_transcobro/img/inicio/no_image_768.png') no-repeat center center / cover; height: 300px; }
    .imagen-banner.video-presentacion { background: url('../../landing_transcobro/img/inicio/no_image_768.png') no-repeat center center / cover; height: 320px; }
    
    .imagen-titulo.precios h1 { padding-left: 50px; padding-right: 50px; }
    .imagen-titulo.precios h2 { padding-left: 55px; padding-right: 55px; margin-bottom: -10px; }
    .imagen-titulo.soluciones h2 { /*margin-bottom: -10px;*/ }    
    .imagen-titulo.preguntas h1 { /*padding-left: 50px; padding-right: 50px;*/ }
    .imagen-titulo.preguntas h2 { padding-left: 40px; padding-right: 40px; margin-bottom: 0; }
    
    .formulario .caja-error-formulario { width: 80%; margin: 4px auto 0; font-size: 12px; height: 24px; padding: 3px; }
    .formulario input.formConsulta { width: 80%; height: 50px; margin: 6px auto; padding-left: 10px; }
    .formulario > form > div > button { display: inline; width: 80%; height: 50px; margin: 0 auto; }
    .formulario > form > div > div { display: block; width: 100%; }
    .formulario > form > div > div.acepto-condiciones { text-align: right; padding: 8px 10% 8px 0; }
    .formulario > form > div > div.acepto-condiciones > label { font-size: 12px; }
    .formulario > form > div > div.acepto-condiciones > label > i { font-size: 21px; opacity: 0.6; vertical-align: -3px; margin-right: 6px; }
    .formulario > form > div > div.acepto-condiciones > label > a { color: #FFF; text-decoration: underline; }
    .formulario > form > div > div.acepto-condiciones > label > a:hover { opacity: 0.6; }    
    
    /* BODY */
    .cuerpo .sub-h3 { font-size: 16px; display: inline-block; margin: 0 60px; }
    .cuerpo.seccion { margin: 10px auto 25px; }
    .cuerpo.texto { margin-top:25px; margin-bottom: 25px; }
    .cuerpo a { cursor: pointer; }
    .cuerpo .titulo .fa-angle-down, .cuerpo .titulo .fa-angle-up { display: block; }
    /* Servicios */
    .cuerpo.reclamar .sub-h3, .cuerpo.servicios .sub-h3 { margin: 0 0 15px; }
    .video-inicio { height: 320px; }
    .video-cliente { height: 300px; }
    .mrg-div-btn-precios { padding-top: 20px; }
    .cuerpo.ventajas { margin-bottom: 15px; }
    .cuerpo.ventajas .btn-seo { width: 250px; margin-top: 10px; }
    .clientes { height: 640px; }
    .clientes .titulo, .medios .titulo { margin-top: 20px; margin-bottom: 20px; }
    .clientes .nuestro-cliente .div-empresa { margin-top: 15px; border-top: 1px solid #ec6735; padding-top: 15px; }
    .clientes .nuestro-cliente .div-empresa .comentario { font-size: 14px; margin-bottom: 15px; text-align: center; }
    .clientes .nuestro-cliente .div-empresa .nombre-cliente { font-weight: 500; font-size: 14px; color: #4c4f54; margin-bottom: 15px; text-align: center; }
    .clientes .nuestro-cliente .div-empresa .cargo-cliente, .clientes .nuestro-cliente .div-empresa .empresa-cliente { 
        color: #ec6735; font-size: 14px; font-style: italic; text-align: center;
    }
    .medios { height: 550px; }
    .medios .los-medios > div { width: 100%; height: 80px; }
    .medios .los-medios .img-logo-1 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/veintepies_logo.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 42px; width: 200px; }
    .medios .los-medios .img-logo-2 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_elvigia.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 28px; width: 200px; }
    .medios .los-medios .img-logo-3 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transcamion.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 28px; width: 200px; }
    .medios .los-medios .img-logo-4 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transporte_profesional.png") no-repeat scroll center center / 85% auto;
        display: block; transition: none 0s ease 0s ; height: 68px; width: 200px; }
    .medios .los-medios .img-logo-5 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_economia3.png") no-repeat scroll center center;
        display: block; transition: none 0s ease 0s ; height: 30px; width: 200px; }
    
    .prevencion { min-height: 400px; padding-bottom: 25px; }
    .div-tablet { height: 450px; margin-bottom: 0!important; }
    .img-tablet {
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/servicios/tablet_transcobro.png") no-repeat scroll center center;
        display: block; transition: none 0s ease 0s; height: 425px; width: 300px;
    }  
    .mrgn-puntos-reclamacion { margin-top: 0!important; margin-bottom: 0!important; }
    .cuerpo.reclamar > div { }
    .cuerpo.reclamar:first-child { padding-top: 30px; }
    .cuerpo.prev-impagos-titulo > div { padding-top: 20px; margin-bottom: 40px; }
    .cuerpo.prev-impagos-puntos .contenido { margin: -5px 0 10px 0; }
    .margenes-titulo-servicios { padding-left: 45px; padding-right: 45px; }
    .cuerpo.servicios > div { padding-top: 10px; }
    .cuerpo.servicios:nth-child(2) { text-align: center; }
    .cuerpo.servicios.cta { margin-bottom: 40px; }
    .cuerpo.servicios.cta .btn-seo { margin-top: 0; }
    .cuerpo.servicios.cta:first-child { margin-top: -10px; padding-top: 0; }
    .cuerpo.servicios.cta div.titulo_zona { padding: 0 55px; }
    .order {
        display:flex; flex-direction:column;
        display:-webkit-flex; -webkit-flex-direction:column; 
    }
    .order .ord1 { order:1; -webkit-order:1; padding: 0; }
    .order .ord2 { order:2; -webkit-order:2; padding: 0; }
    /* Precios */
    .cuerpo.packs > div > div.titulo_zona { padding-left: 40px; padding-right: 40px; padding-top: 15px; }
    .packs .pk1, .packs .pk2, .packs .pk3, .packs .pk4 { border-bottom: 1px solid #ededed; margin-bottom: 10px; padding: 0 33px 15px 33px; }
    .packs .pk1 { padding-top: 25px!important; }
    .packs .pk1 .titulo, .packs .pk2 .titulo, .packs .pk3 .titulo, .packs .pk4 .titulo { font-size: 21px; font-weight: 500; padding: 15px 0 15px 26px; color: #ec6735; }
    .packs .pk1 .puntos > div, .packs .pk2 .puntos > div, .packs .pk3 .puntos > div, .packs .pk4 .puntos > div { float: none; }
    .packs .pk1 .puntos > div > div, .packs .pk2 .puntos > div > div, .packs .pk3 .puntos > div > div, .packs .pk4 .puntos > div > div { float: left; }
    .packs .pk1 .puntos > div > div:first-child, .packs .pk2 .puntos > div > div:first-child, .packs .pk3 .puntos > div > div:first-child, .packs .pk4 .puntos > div > div:first-child { 
        width: 8%; box-sizing: border-box; padding-right: 3px; margin-top: 3px;
    }
    .packs .pk1 .puntos > div > div:last-child, .packs .pk2 .puntos > div > div:last-child, .packs .pk3 .puntos > div > div:last-child, .packs .pk4 .puntos > div > div:last-child { 
        width: 92%; box-sizing: border-box; padding-left: 3px; padding-bottom: 15px; font-size: 16px; line-height: 22px;
    }
    .cuerpo.packs-nacionales > div > div.titulo_zona, .cuerpo.packs-internacionales > div > div.titulo_zona { margin-top: 5px; padding-left: 25px; padding-right: 25px; }
    .cuerpo.packs-nacionales, .cuerpo.packs-internacionales { margin-bottom: 30px; }
    .cuerpo.info-precios { margin-bottom: 40px; }
    .cuerpo.packs > div > div.titulo_zona { margin-top: 35px; }
    .precios-packs { width: 280px; margin: 0 auto 60px; box-sizing: border-box; background-color: #ededed; height: 260px; position: relative; top: 30px; }
    .precios-packs > div { float: left; width: 100%; box-sizing: border-box; padding: 10px 20px; }
    .precios-packs > div > div:last-child { margin-top: -5px; }
    .box-impagos-autonomos, .box-impagos-empresas { 
        margin-left: -34px; text-align: center; background-color: #4e5055; color: #ffffff; font-weight: 500; font-size: 14px; height: 100px; padding: 0 6px!important; 
        position: absolute; width: 34px!important; top:0;
         transform: rotate(180deg); writing-mode: vertical-lr; 
        -webkit-writing-mode:vertical-lr; -webkit-transform:rotate(180deg); 
        -ms-writing-mode: bt-lr; -ms-transform: rotate(180deg); }
    .box-impagos-empresas { margin-top: 130px; }
    .box-impagos-autonomos { margin-top: 20px; }
    .precios-packs .nombre-pack { background-color:#ea6a35; text-align: center; padding: 8px 0; color: #FFF; font-size: 24px; font-weight: 500; margin-top: -30px; margin-bottom: 20px; }
    .precios-packs .nombre-pack.rojo { background-color: #ec3a40!important; }
    .precios-packs .precio-modulo { height: 75px; margin-bottom: 25px; background-color: #FFF; } 
    .precios-packs .precio-modulo > p:nth-child(1) { text-align: center; padding: 5px 0 0; margin: 0 0 5px; }
    .precios-packs .precio-modulo > p:nth-child(2) { text-align: center; padding: 0 0 5px; margin: 5px 0 0; }
    .precios-packs .precio-modulo .desde { font-size: 12px; font-weight: 500; }
    .precios-packs .precio-modulo .hasta { font-size: 12px; display: inline-block; vertical-align: 5px; padding-right: 5px; font-weight: 500; }
    .precios-packs .precio-modulo .importe { font-size: 40px; font-weight: 500; }
    .precios-packs .precio-modulo .numero { font-size: 40px; font-weight: 500; display: inline-block; }
    .precios-packs .precio-modulo .euro { font-size: 24px; font-weight: 500; }
    .precios-packs .precio-modulo .mes { font-size: 16px; font-weight: 500; }
    .precios-packs .precio-modulo .fdisp { font-size: 16px; font-weight: 500; }
    .precios-packs .precio-modulo .fac { font-size: 16px; font-weight: 500; padding-top: 30px!important; }
    .precios-packs .precio-modulo .ilm { font-size: 24px; font-weight: 500; padding-top: 7px!important; }
    .precios-packs > div > div > .puntos-modulo { margin-top: 20px; }
    .precios-packs > div > div > .puntos-modulo > div { clear: both; padding: 4px 0 8px; font-size: 15.5px; text-align: justify; line-height: 22px; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(1) { width: 14px; float: left; padding: 4px 3px 8px 0; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(2) { width: 180px; float: left; padding: 4px 0 8px 3px; }
    .btns-precios.btn-verde-mlt { width: 240px; }  
    .cuerpo.info-precios > div { padding: 0 12px; }
    .cuerpo.info-precios > div > p { font-size: 14px; margin-bottom: 15px; }
    .salto-de-linea { height: 1px; display: block; }
    /* Otras-soluciones */
    .imagen-titulo.soluciones > div > div > div > h1 { margin-top: 25px!important; }
    .imagen-titulo.soluciones > div > div > div > h2 { margin-bottom: 5px!important; }
    .div-img-solucion { height: 350px; }
    .div-img-solucion.pr { height: 215px; }
    .img-directcobro { width: 240px; height: 320px; background-size: 99% auto; }
    .img-premium { width: 380px; height: 215px; background-size: 99% auto; }
    .cuerpo.soluciones .solucion > div { margin-bottom: 30px; }
    .cuerpo.soluciones:last-child { margin-bottom: 50px; }
    .cuerpo.soluciones .solucion .nombre .subtitulo_zona { padding: 0 40px; font-size: 16px; }
    .cuerpo.soluciones .explicacion-solucion { padding: 0 35px; text-align: justify; }
    /* Preguntas frecuentes */
    .cuerpo .titulo .fa-angle-down, .cuerpo .titulo .fa-angle-up { margin-top: -27px; position: absolute; right: 0; }
    section .respuestas:last-child { margin-bottom: 70px; }
    .respuestas > div > div { margin-top: 30px; }
    .imagen-titulo.preguntas { margin-bottom: 30px; }
    .imagen-titulo.preguntas h1 { /*margin-top: 25px!important;*/ }
    .navegador { margin-top: 40px; height: 50px; margin-bottom: 40px; }
    .menu { 
        float: left; background-color: #EEE; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; font-size: 20px;
        box-sizing: border-box; color: #ea6a35; height: 80px; font-weight: 500; padding-top: 30px; cursor: pointer; margin: 0 auto;
    }
    .menu.izq, .menu.mid, .menu.der { width: 100%; text-align: center; }
    .menu.selected { background-color: #FFF; }
    .respuestas .titulo > span { padding-right: 10px; }
    /* Contacto */
    .formulario-contacto { min-height: 800px; }
    #form-contacto .row { margin-bottom: 0; }
    #form-contacto .row > div { margin-bottom: 20px; }
    #form-contacto label { font-size: 14px; }
    #form-contacto .fa-asterisk { font-size: 0.65em; }
    #form-contacto input, #form-contacto select, #form-contacto textarea { font-size: 0.9em !important; }
    
    /* FOOTER */
    footer .visita-nuestro-blog { pointer-events:auto; cursor: pointer; }
    footer .empresa, footer .blog, footer .contacto { width: 400px; float: none; margin: 20px auto; clear: both; text-align: center; font-family: 'PT Sans'; }
    footer .empresa .logo {
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/logo-tugesto.png?2") no-repeat scroll 0 0;
        height: 69px; /*width: 300px; margin: 20px auto 5px;*/
        background-position: center;
    }
    footer .empresa .texto { text-align: center; padding: 12px 22px; }
    footer .blog .titulo { height: 50px; padding-top: 25px; margin-top: 0; }
    footer .contacto .titulo { margin-top: 0; padding-top: 25px; }
    footer .contacto .direcciones { text-align: left; width: 275px; margin: 0 auto; }
    footer .contacto .redes-sociales { width: 275px; margin: 20px auto; }
    footer .pie-fila-2 > div:last-child { padding-bottom: 12px; padding-top: 12px; }
    .ancla .btn-ancla { position: absolute; right: 10px; float:none; }
}


/* Super XS */
@media only screen and (min-width: 320px) and (max-width: 479px) {
    /* COMUNES */
    h1 { font-size: 24px; margin-top: 30px; }
    h2 { font-size: 16px; margin-top: 5px; }
    div.titulo_zona { font-size: 21px!important; margin-top: 20px!important; margin-bottom: 10px!important; }
    .msgcookie { max-width: 460px; width: 95%; }

    .cap { height: 95px!important; }
    section { top: 95px; margin-bottom: 95px; }
    
    /* HEADER */
    .listas-enlinea > li > a {         
        padding: 12px 6px;
    }
    .img-logo { background: url("../../landing_transcobro/img/logo_transcobro.png?1") no-repeat 0 0 / auto; height: 53px; width: 200px; margin: 22px 0 15px 10px; float: right; }
    #nav-icon { float: left; margin: 40px 10px 0 0; }
    #menusito {       
        width: 266px;     
        margin-right: 27px;
    }
    
    /* FORMULARIO */
    .imgagen-titulo { height: 460px; width: 100%; }
    .imagen-banner { height: 200px; width: 100%; }
    .imagen-titulo.inicio { background: url('../../landing_transcobro/img/inicio/TRANSCOBRO-inicio-767.jpg') no-repeat center center / cover; height: 460px; }
    .imagen-titulo.servicios { background: url('../../landing_transcobro/img/servicios/transcobro-servicios-767.jpg') no-repeat center center / cover; height: 480px; }
    .imagen-titulo.precios { background: url('../../landing_transcobro/img/precios/transcobro-precios-767.jpg') no-repeat center center / cover; height: 480px; }
    .imagen-titulo.soluciones { background: url('../../landing_transcobro/img/otras-soluciones/transcobro-otras-soluciones-767.jpg') no-repeat center center / cover; height: 480px; }
    .imagen-titulo.preguntas { background: url('../../landing_transcobro/img/preguntas/transcobro-preguntas-767.jpg') no-repeat center center / cover; height: 480px; }
    .imagen-titulo.contacto { background: url('../../landing_transcobro/img/contacto/como-gestionar-una-empresa-480.jpg') no-repeat center center / cover; height: 240px; }
    .imagen-banner.inicio { background: url('../../landing_transcobro/img/inicio/chica_con_portatil_mockup_tugesto.jpg') no-repeat center center / cover; height: 200px; }
    .imagen-banner.servicios { background: url('../../landing_transcobro/img/servicios/calculadora-767.jpg') no-repeat center center / cover; height: 200px; }
    .imagen-banner.cliente-home { background: url('../../landing_transcobro/img/inicio/no_image_480.png') no-repeat center center / cover; height: 200px; }
    .imagen-banner.video-presentacion { background: url('../../landing_transcobro/img/inicio/no_image_480.png') no-repeat center center / cover; height: 220px; }
    
    .imagen-titulo.precios h2 { margin-bottom: -10px; padding-left: 15px; padding-right: 15px; }
    .imagen-titulo.preguntas h2 { margin-bottom: 0; }
    
    .formulario .caja-error-formulario { margin: 4px auto 0; width: 100%; font-size: 12px; height: 24px; padding: 3px; }
    .formulario input.formConsulta { width: 100%; height: 50px; margin: 4px auto; padding-left: 10px; }
    .formulario > form > div { padding-left: 5px; padding-right: 5px; }
    .formulario > form > div > button { display: inline; width: 100%; height: 50px; margin: 0 auto; }
    .formulario > form > div > div { /*min-width: 320px; width: 100%; margin: 0;*/ }
    .formulario > form > div > div.acepto-condiciones { margin: 0 auto!important; padding: 7px 2.25% 7px 0; text-align: right; width: 100%!important; }
    .formulario > form > div > div.acepto-condiciones > label { font-size: 12px; }
    .formulario > form > div > div.acepto-condiciones > label > i { font-size: 21px; opacity: 0.6; vertical-align: -3px; margin-right: 6px; }
    .formulario > form > div > div.acepto-condiciones > label > a { color: #FFF; text-decoration: underline; }
    .formulario > form > div > div.acepto-condiciones > label > a:hover { opacity: 0.6; }  
    
    /* BODY */
    .cuerpo > div { padding-right: 5px; padding-left: 5px; font-size: 14px; }
    .cuerpo.ventajas > div { padding-right: 15px!important; padding-left: 15px!important; }
    .cuerpo .sub-h3 { font-size: 16px; padding-left: 33px; padding-right: 33px; display: inline-block; }
    .cuerpo.seccion { margin: 10px auto 25px; }
    .cuerpo.seccion div.titulo_zona { padding-left: 15px; padding-right: 15px; }
    .cuerpo.texto { margin-top:25px; margin-bottom: 25px; }
    .cuerpo a { cursor: pointer; }
    .cuerpo .titulo .fa-angle-down, .cuerpo .titulo .fa-angle-up { display: block; font-size: 1.7em; margin-top: -2px; }
    .cuerpo.reclamar .sub-h3, .cuerpo.servicios .sub-h3 { padding: 0!important; }
    .cuerpo.servicios .sub-h3 { margin-bottom: 5px; }
    .video-inicio { height: 220px; }
    .video-cliente { height: 200px; }
    .play-videos-grandes { height: 50px; width: 70px; background-position: 0 -76px; }
    .video-inicio:hover > .play-videos-grandes, .video-cliente:hover > .play-videos-grandes { background-position: -71px -76px; height: 50px; width: 70px; }
    .cuerpo.ventajas div.titulo_zona { padding-left: 7px; padding-right: 7px; }
    .cuerpo.ventajas .btn-seo { width: 250px; margin-top: 10px; }
    .clientes { height: 635px; }
    .clientes .titulo, .medios .titulo { margin-top: 20px; margin-bottom: 20px; }
    .clientes .titulo div.titulo_zona { padding-left: 35px; padding-right: 35px; }
    .clientes .nuestro-cliente .div-empresa { margin-top: 15px; border-top: 1px solid #ec6735; padding-top: 15px; }
    .clientes .nuestro-cliente .div-empresa .comentario { font-size: 14px; text-align: center; }
    .clientes .nuestro-cliente .div-empresa .nombre-cliente { font-weight: 500; font-size: 14px; color: #4c4f54; margin-bottom: 5px; margin-top: 10px; text-align: center; }
    .clientes .nuestro-cliente .div-empresa .cargo-cliente, .clientes .nuestro-cliente .div-empresa .empresa-cliente { 
        color: #ec6735; font-size: 14px; font-style: italic; text-align: center;
    }
    .cuerpo.reclamar { margin-bottom: 15px; }
    .cuerpo.reclamar > div > div { margin: 15px auto; }
    .medios { height: 550px; }
    .medios .los-medios > div { width: 100%; height: 80px; }
    .medios .los-medios .img-logo-1 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/veintepies_logo.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 42px; width: 200px; }
    .medios .los-medios .img-logo-2 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_elvigia.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 28px; width: 200px; }
    .medios .los-medios .img-logo-3 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transcamion.png") no-repeat scroll center center / 98% auto;
        display: block; transition: none 0s ease 0s ; height: 28px; width: 200px; }
    .medios .los-medios .img-logo-4 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_transporte_profesional.png") no-repeat scroll center center / 85% auto;
        display: block; transition: none 0s ease 0s ; height: 68px; width: 200px; }
    .medios .los-medios .img-logo-5 { 
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/inicio/logo_economia3.png") no-repeat scroll center center;
        display: block; transition: none 0s ease 0s ; height: 30px; width: 200px; }
    .prevencion { min-height: 400px; padding-bottom: 25px; }
    .div-tablet { height: 370px; margin: 0!important; }
    .img-tablet {
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/servicios/tablet_transcobro.png") no-repeat scroll center center / 99% auto;
        display: block; transition: none 0s ease 0s; height: 360px; width: 260px;
    }  
    .mrgn-puntos-reclamacion { margin-top: 0!important; margin-bottom: 0!important; }
    .cuerpo.reclamar > div { padding-top: 10px; }
    .cuerpo.prev-impagos-titulo > div { padding-top: 20px; margin-bottom: 40px; }
    .cuerpo.prev-impagos-puntos .contenido { margin: -5px 0 10px 0; }
    .margenes-titulo-servicios { padding-left: 30px; padding-right: 30px; }
    .cuerpo.servicios > div { padding-top: 10px; }
    .cuerpo.servicios.cta { margin-bottom: 40px; }
    .cuerpo.servicios.cta .btn-seo { margin-top: 0; }
    .cuerpo.servicios.cta > div:last-child { margin-bottom: 20px; }
    .cuerpo.servicios.cta div.titulo_zona { padding: 0 5px; }
    .order {
        display:flex; flex-direction:column;
        display:-webkit-flex; -webkit-flex-direction:column;
    }
    .order .ord1 { order:1; -webkit-order:1; }
    .order .ord2 { order:2; -webkit-order:2; }
    .cuerpo.packs > div > div.titulo_zona { padding-left: 40px; padding-right: 40px; padding-top: 15px; }
    .packs .pk1, .packs .pk2, .packs .pk3, .packs .pk4 { border-bottom: 1px solid #ededed; margin-bottom: 10px; padding-bottom: 15px; padding-top: 5px; }
    .packs .pk1 { padding-top: 25px!important; }
    .packs .pk1 .titulo, .packs .pk2 .titulo, .packs .pk3 .titulo, .packs .pk4 .titulo { font-size: 18px; font-weight: 500; padding: 15px 0 15px 20px; color: #ec6735; }
    .packs .pk1 .puntos > div, .packs .pk2 .puntos > div, .packs .pk3 .puntos > div, .packs .pk4 .puntos > div { float: none; }
    .packs .pk1 .puntos > div > div, .packs .pk2 .puntos > div > div, .packs .pk3 .puntos > div > div, .packs .pk4 .puntos > div > div { float: left; }
    .packs .pk1 .puntos > div > div:first-child, .packs .pk2 .puntos > div > div:first-child, .packs .pk3 .puntos > div > div:first-child, .packs .pk4 .puntos > div > div:first-child { 
        width: 10%; box-sizing: border-box; padding-right: 3px; margin-top: 3px;
    }
    .packs .pk1 .puntos > div > div:last-child, .packs .pk2 .puntos > div > div:last-child, .packs .pk3 .puntos > div > div:last-child, .packs .pk4 .puntos > div > div:last-child { 
        width: 90%; box-sizing: border-box; padding-bottom: 15px; font-size: 14px; line-height: 20px;
    }
    .cuerpo.packs-nacionales > div > div.titulo_zona, .cuerpo.packs-internacionales > div > div.titulo_zona { margin-top: 5px; }  
    .cuerpo.packs-nacionales, .cuerpo.packs-internacionales { margin-bottom: 30px; }
    .cuerpo.info-precios { margin-bottom: 50px; }
    .cuerpo.packs > div > div.titulo_zona { line-height: 27px; margin-top: 20px; }
    .precios-packs { width: 216px; margin: 0 auto 60px; box-sizing: border-box; background-color: #ededed; height: 260px; position: relative; top: 30px; left: 15px; }
    .precios-packs > div { float: left; width: 100%; box-sizing: border-box; padding: 10px 15px; }
    .precios-packs > div > div:last-child { margin-top: -5px; }
    .box-impagos-autonomos, .box-impagos-empresas { 
        margin-left: -34px; text-align: center; background-color: #4e5055; color: #ffffff; font-weight: 500; font-size: 12px; height: 100px; padding: 0 6px!important; 
        position: absolute; width: 34px!important; top:0;
         transform: rotate(180deg); writing-mode: vertical-lr; 
        -webkit-writing-mode:vertical-lr; -webkit-transform:rotate(180deg); 
        -ms-writing-mode: bt-lr; -ms-transform: rotate(180deg); }
    .box-impagos-empresas { margin-top: 130px; }
    .box-impagos-autonomos { margin-top: 20px; }
    .precios-packs .nombre-pack { background-color:#ea6a35; text-align: center; padding: 8px 0; color: #FFF; font-size: 19px; font-weight: 500; margin-top: -30px; margin-bottom: 20px; }
    .precios-packs .nombre-pack.rojo { background-color: #ec3a40!important; }
    .precios-packs .precio-modulo { height: 75px; margin-bottom: 25px; background-color: #FFF; } 
    .precios-packs .precio-modulo > p:nth-child(1) { text-align: center; padding: 5px 0 0; margin: 0 0 5px; }
    .precios-packs .precio-modulo > p:nth-child(2) { text-align: center; padding: 0 0 5px; margin: 5px 0 0; }
    .precios-packs .precio-modulo .desde { font-size: 10px; font-weight: 500; }
    .precios-packs .precio-modulo .hasta { font-size: 10px; display: inline-block; vertical-align: 5px; padding-right: 5px; font-weight: 500; }
    .precios-packs .precio-modulo .importe { font-size: 31px; font-weight: 500; }
    .precios-packs .precio-modulo .numero { font-size: 31px; font-weight: 500; display: inline-block; }
    .precios-packs .precio-modulo .euro { font-size: 19px; font-weight: 500; }
    .precios-packs .precio-modulo .mes { font-size: 12px; font-weight: 500; }
    .precios-packs .precio-modulo .fdisp { font-size: 12px; font-weight: 500; }
    .precios-packs .precio-modulo .fac { font-size: 12px; font-weight: 500; padding-top: 30px!important; }
    .precios-packs .precio-modulo .ilm { font-size: 19px; font-weight: 500; padding-top: 7px!important; }
    .precios-packs > div > div > .puntos-modulo { margin-top: 20px; }
    .precios-packs > div > div > .puntos-modulo > div { clear: both; padding: 4px 0 8px; font-size: 15.5px; text-align: justify; line-height: 22px; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(1) { width: 14px; float: left; padding: 4px 3px 8px 0; }
    .precios-packs > div > div > .puntos-modulo > div > div:nth-child(2) { width: 180px; float: left; padding: 4px 0 8px 3px; }
    .btns-precios { font-size: 15px; height: 42px; }
    .btns-precios.btn-verde-mlt { width: 186px; padding: 10px 0 0; }    
    .cuerpo.info-precios > div > p { font-size: 12px; padding: 0 24px; margin-bottom: 15px; }
    .salto-de-linea { height: 1px; display: block; }
    /* Otras-soluciones */
    .imagen-titulo.soluciones > div > div > div > h1 { /*padding: 0 5px;*/ }
    .imagen-titulo.soluciones > div > div > div > h2 { /*padding: 0 15px;*/ }
    .div-img-solucion { height: 350px; }
    .div-img-solucion.pr { height: 150px; }
    .img-directcobro { width: 220px; height: 320px; background-size: 98% auto; }
    .img-premium { width: 255px; height: 145px; background-size: 98% auto; }
    .cuerpo.soluciones .solucion > div { margin-bottom: 30px; }
    .cuerpo.soluciones:last-child { margin-bottom: 40px; }
    .cuerpo.soluciones .solucion .nombre .subtitulo_zona { padding: 0 15px; font-size: 16px; }
    .cuerpo.soluciones .explicacion-solucion { padding: 0 15px; text-align: justify; }
    /* Preguntas frecuentes */
    .cuerpo .titulo .fa-angle-down, .cuerpo .titulo .fa-angle-up { margin-top: -23px; position: absolute; right: 0; }
    section .respuestas:last-child { margin-bottom: 70px; }
    .respuestas .sobre-transcobro, .respuestas .monitorio, .respuestas .monitorio-eu, .respuestas .ejecucion-embargo {
        margin-bottom: 30px;
    }
    .respuestas > div > div { margin-top: 30px; }
    .imagen-titulo.preguntas { margin-bottom: 30px; }
    .imagen-titulo.preguntas h1 { /*margin-top: 25px!important;*/ }
    .navegador { margin-top: 40px; height: 50px; margin-bottom: 40px; }
    .menu { 
        float: left; background-color: #EEE; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; font-size: 20px;
        box-sizing: border-box; color: #ea6a35; height: 80px; font-weight: 500; padding-top: 28px; cursor: pointer; margin: 0 auto;
    }
    .menu.izq, .menu.mid, .menu.der { width: 100%; text-align: center; }
    .menu.selected { background-color: #FFF; }
    .respuestas .titulo > span { padding-right: 5px; }
    /* Contacto */
    .formulario-contacto { min-height: 850px; }
    #form-contacto .row { margin-bottom: 0; }
    #form-contacto .row > div { margin-bottom: 20px; }
    #form-contacto label { font-size: 14px; }
    #form-contacto .fa-asterisk { font-size: 0.65em; }
    #form-contacto input, #form-contacto select, #form-contacto textarea { font-size: 0.9em !important; }
    
    /* FOOTER */
    footer .visita-nuestro-blog { pointer-events:auto; cursor: pointer; }
    footer .empresa, footer .blog, footer .contacto { float: none; margin: 20px auto; clear: both; text-align: center; font-family: 'PT Sans'; }
    footer .blog .titulo { margin-bottom: 30px; }
    footer .empresa .logo {
        background: rgba(0, 0, 0, 0) url("../../landing_transcobro/img/logo-tugesto.png?2") no-repeat scroll 0 0; /* / 98% auto;*/
        height: 80px;
        background-position:center;
    }
    footer .empresa .texto { text-align: center; padding: 12px 0; }
    footer .blog .titulo { height: 50px; padding-top: 25px; margin-top: 0; }
    footer .contacto .titulo { margin-top: 0; padding-top: 25px; }
    footer .contacto .direcciones { text-align: left; width: 250px; margin: 0 auto; }
    footer .contacto .redes-sociales { width: 265px; margin: 20px auto; }
    
    .redes-sociales > a { background:url('../../landing_transcobro/img/iconos-rrss-footer-tugesto-responsive-320.png') no-repeat; margin: 0 0.5px; transition:none!important; border:0; cursor:pointer; width:36px; height:48px; float:left;}
    
    .redes-sociales > a.facebook { background-position: -6px 0; margin-left: 0!important; }
    .redes-sociales > a.twitter { background-position: -51px 0; }
    .redes-sociales > a.instagram { background-position: -96px 0; }
    .redes-sociales > a.gplus { background-position: -141px 0; }
    .redes-sociales > a.youtube { background-position: -185px 0; }
    .redes-sociales > a.linkedin { background-position: -230px 0; }
    .redes-sociales > a.slideshare { background-position: -275px 0; }
    
    footer .pie-fila-2 > div:last-child { padding-bottom: 12px; padding-top: 12px; }
    .ancla .btn-ancla { position: absolute; right: 10px; float:none; }

    /*CSS Cookiebot */
    #CybotCookiebotDialogPoweredbyLink{
		display: initial!important;
	}
	
	#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper{
		display: block!important;
		margin-top:8px!important;
		margin-bottom: 5px!important; 
	}
	
	#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper{
		float: none!important;
	}

	#CybotCookiebotDialogPoweredbyImage{
		box-sizing: border-box !important;
		display: block !important;
		height: 74px !important;
		padding-left: 187px !important;
		margin-top: -9px !important;
		background: url("../../landing_transcobro/img/logo_transcobro.png?1") no-repeat 0 0 !important;
		background-size: 80%!important;
	}
	
	#CybotCookiebotDialogBodyContentTitle{
		width: 94%!important;
	}
	
	#CybotCookiebotDialogBodyContentText{
		text-align: justify !important;
		width: 92% !important;
		margin: 20px !important;
        font-size: 14px !important;
        padding-bottom: 42px!important;
	}
	
	#CybotCookiebotDialog{
        top: 0px!important;
	}
     /*COOKIES*/
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
 
         padding: 3px !important;
         position:inherit !important;
         width:auto !important;
         margin:6px;
     }
 
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
         display:block!important;
         width:fit-content!important;
         margin-right:0px;
         margin-left:auto;
     }
}


/*CSS PLUGIN COOKIES*/
input[type="checkbox"].CybotCookiebotDialogBodyLevelButton + label{
    font-size: 12px!important;
    font-weight: normal!important;
}
#CybotCookiebotDialogBodyContentTitle{
	width: 98%!important;
    background-color: #000000;
    padding-top: 20px!important;
    padding-bottom: 20px!important;
    padding-left: 30px!important;
    top: 0!important;
    color: transparent!important;
	border-top-left-radius: 10px!important;
	border-top-right-radius: 10px!important;
	margin-top: 0px!important;
}

#CybotCookiebotDialogBody{
	max-width: 100%!important;
}

#CybotCookiebotDialogBodyContent{
	padding-left: 0px!important;
	padding-top: 0px!important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper{
	display: block!important;
	margin-top: -70px!important;
	padding-right: 30px!important;
}




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

	#CybotCookiebotDialogPoweredbyImage{
		box-sizing: border-box!important;
		display: block!important;
		height: 72px!important;
		padding-left: 187px!important;
		margin-top: -9px!important;
		background: url("../../landing_transcobro/img/logo_transcobro.png?1") no-repeat 0 0 !important;
		background-size: 80%!important;
	}	


	#CybotCookiebotDialogBodyContentText{
		text-align: justify!important;
		width: 95%!important;
		margin-left: 30px!important;
		font-size: 14px!important;
		margin-top: 70px!important;
	}
	
	#CybotCookiebotDialogDetail{
		margin-top: 114px!important;
	}	

	#CybotCookiebotDialogBodyLevelButtons{
		clear: both!important;
		position: absolute!important;
		right: 340px!important;
		margin-top: 93px!important;
	}
	
	#CybotCookiebotDialog{
		min-height: 451px!important;
		height: auto!important;
		position: fixed!important;
		border-radius: 10px!important;
		margin: 0 auto!important;
		left: 0!important;
		right: 0!important;
		width:992px!important;
	}
	
	#CybotCookiebotDialogBodyLevelButtonsTable{
		width: 500px!important;
	}
}

/*Ipad vertical*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {	
	#CybotCookiebotDialogBodyContentText{
		text-align: justify !important;
		margin: 20px!important;
		font-size: 15px!important;
	}	

	#CybotCookiebotDialogBodyLevelButtons{
		float: right !important;
		pointer-events: auto !important;
		margin-left: 50% !important;
		margin-right: 30px !important;
		clear: both !important;
		margin-top: -34px !important;
	}

	#CybotCookiebotDialogBodyLevelButtonsTable {
		width: 500px !important;
	} 

	
	#CybotCookiebotDialog{
		height: auto!important;
	}
	
	#CybotCookiebotDialogBodyContent{
		font-size: 20px!important;
	}
	
	#CybotCookiebotDialogPoweredbyImage{
		box-sizing: border-box !important;
		display: block !important;
		height: 74px !important;
		padding-left: 187px !important;
		margin-top: -9px !important;
		background: url("../../landing_transcobro/img/logo_transcobro.png?1") no-repeat 0 0 !important;
		background-size: 80%!important;
	}
	
	#CybotCookiebotDialogBodyContentTitle{
		width: 97%!important;
	}
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
    a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
        padding: 3px !important;
        width:fit-content!important;
        top:317px!important;
        display:block !important;
        left:0;
    }
  a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
    top:344px!important;
  }
   a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection{
    top:344px!important;
     left:200px !important;
  }
}
@media only screen and (max-width: 320px) {
    /*COOKIES*/
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
         
         padding: 2px !important;
         position:inherit !important;
         width:auto !important;
         margin:6px;
         font-size:11px!important;
         margin-top:30px!important;
       
     }
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll{
        margin-right:-40px;
     }
     a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
         display:block!important;
         width:fit-content!important;
         margin-right:-40px;
         margin-left:auto;
     }
 }