@charset "UTF-8";
/*@import 'html5doctor-reset.css';*/

body{ font-family: 'Helvetica Std', var(--font-family); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *,
                                                                                                                                                           *:before, *:after { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; margin: 0;}
#menu_indor ul li a {text-transform: capitalize;}
h1,h2,h3,h4,ul,li,a,p{margin:0;padding:0;list-style:none;}
a,a:hover {text-decoration:none;}
ul,ol {list-style:none;}
.hometradeinn{    max-height: 100%;min-height: 100%;}
.linia_separacion{      margin: 0 20px;  display: inline-block; float: left; width: 2px;background: #000;height: 26px;}
.resaltar { display: block !important;}
nav{display:flex;justify-content: space-around;flex-wrap: nowrap;width: 100%;flex-direction: row;flex: 1 0;}
.marginTop15{margin-top:15px;}
.stage{display: flex;    align-content: center;}
.zona_flechas_banner{max-width: var(--max-width); display: flex; margin: 0 auto;}
.resCarousel{width: 100%;}
.aboutus{text-align: left;}
#recaptcha1 iframe{margin-left:-40px;}
#recaptcha2 iframe, #recaptcha3 iframe{margin-left:-45px;}
.menuMargen .opcionesMenu{ justify-content: start;}

.menuMargen .opcionesMenu li a{text-transform: capitalize;}
#overlayer{background:#000 none repeat scroll 0 0;height:100%;left:0;position:fixed;display:none;opacity:.6;top:0;width:100%;z-index:624}
.nuestra_seleccion .titulo{    width: 100%;text-align: left;}
.resultados-buscador{color: #000;font-size: 16px;margin-top: 10px;margin-bottom: 10px;width: 100%;display: inline-block;text-align: center;}
.buscador-input-close{margin-left:13px !important;background:#e9e9e9;border: solid 1px #ccc;border-radius:50%;margin-top:22px !important;height:35px;width:35px;}
.buscador-input-close img{margin-top:5px;}
.fontsize18{font-size:18px !important;}
.marginbotoom20{margin-bottom:20px !important;}
.selector_idiomas{margin-left: 200px;}
.selector_idiomas ul li{ list-style:none; color:#fff; text-align:left; line-height:32px;}
.selector_idiomas ul li a{color:#fff; width:100%; float:left;}
.selector_idiomas ul li a:hover{color: #A3A2A2 !important;}
.todos_idioma{display:block; line-height: 32px;}
.content_familias_sport{display: none; position: absolute; width: 100%; height: auto; z-index: 100; background: white; padding: 10px; top: 220px;-webkit-box-shadow: 10px 19px 30px 0 rgba(50, 50, 50, 0.17); -moz-box-shadow: 10px 19px 30px 0 rgba(50, 50, 50, 0.17); box-shadow: 10px 19px 30px 0 rgba(50, 50, 50, 0.17);}
.content_familias_sport ul li a p {padding: 0 5px 0 21px; text-decoration: none;}
.content_familias_sport ul li {margin: 5px 0}

.capa_idiomas{display:none;background-color: #000;width: 120px;padding: 20px;position: absolute;z-index: 10;top: 136px;}
.txt-legal a{color: var(--grismedio);}
.ocultar_menu_mobile{ display:block; position:relative;}
.google-maps { position: relative;padding-bottom: 44.7%; // This is the aspect ratio  height: 0;  overflow: hidden;  }
.google-maps iframe { position: absolute;  top: 0; left: 0; width: 100% !important;height: 100% !important; }
.cincuenta{width:50%; float:left;}
.fileUpload { position: relative; overflow: hidden; margin: 3px 3px 3px 0;}
.fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px;  cursor: pointer;opacity: 0; filter: alpha(opacity=0);}
.btn-primary {  color: #2745B1;  background-color: #FFF;border: solid 1px #2745B1;}
.btn {display: flex; justify-content: space-between;align-items: center; white-space: nowrap;  -ms-touch-action: manipulation;touch-action: manipulation; cursor: pointer;  -webkit-user-select: none;  -moz-user-select: none; -ms-user-select: none;user-select: none;background-image: none; }
.separacion_kid{padding-top: 0 !important;  border-left: 1px solid #d8d8d8; padding-left: 5px; border-right: 1px solid #d8d8d8; padding-right: 5px; margin-right: 5px !important;}
.separacion_dress{border-left: 1px solid #d8d8d8; }
.separacion_kid a p {color: #cd2945; margin-top: -4px; font-size: 9px; font-weight: 900; margin-left: 25px; text-decoration: none;     margin-bottom: 3px;}
.separacion_kid a{text-decoration: none;}
.logo140{margin-bottom: 13px !important; display: block;}
.resCarousel{margin: 0;}
.BoxPriceName, .BoxPriceValor, .BoxPriceName a{text-align: left !important;font-size: 14px !important;line-height: 17px !important;}
.carrusels_tradeinnhp{width: 100% !important; padding: 15px;}
.singleBoxMarcaCarrusel .BoxImage{min-height: 227px;}
/* Cabecera*/
#cabecera-fondo {width:100%;    display: flex;flex-direction: column;}
.cabecera-contenedor{width: 100%; display: flex; background-color: #000;height: 40px;align-items: center;}
.menu-item{position: relative; display: inline-block; zoom:1;}
.cookieBar{font-family: 'Helvetica Std', var(--font-family); font-size: 13px; line-height: 19px; color: #505050 !important;text-align: left; float: left; width: 550px;background-color: #E5E5E5;padding: 20px;position: fixed;z-index: 100000000000000000000;bottom: 30px;right: 30px;-webkit-box-shadow: 6px 6px 17px 0 rgba(50,50,50,.22);-moz-box-shadow: 6px 6px 17px 0 rgba(50,50,50,.22);box-shadow: 6px 6px 17px 0 rgba(50,50,50,.22);opacity: .97;}
.cookieBar a{color: #505050 !important; text-decoration:underline; margin-left: 5px;margin-right: 5px;}
.menu-item a:hover {color: #A3A2A2 !important;}
.cab-zona-logo{margin-right: 6px; float: left; list-style: none;  display: table-cell; text-align: left; height: 30px; vertical-align: middle;}
.menu-list{display: flex;flex-direction: row;flex-wrap: nowrap;width: 100%;justify-content: space-between;}
.logo-header{margin-right: 25px;display: flex;}
.logo-header img{width: 190px;}
.zona_menu{display: flex; flex-direction: row;max-width: var(--max-width); width: 100%;}
.zona_despleagable_idioma{width: 100%;    display: flex;justify-content: flex-end;max-width: var(--max-width);}
.login_zona-opciones{width: 434px;}
.pm-img{width: 100%;}
.others_sports{display: flex;}

.logo_banner_hpt{position: absolute;z-index: 100; width: 100%;    top: 170px; max-width: var(--max-width); display: flex; justify-content: center;flex-direction: column;align-items: flex-end;}
.banner_hpt{position: relative; width: 100%;}
.link_banner_hpt{display: flex; justify-content: center;align-content: center;align-items: center;}
.txt_cta_hpt{font-size: 14px; color: #FFF;    margin-top: 15px;}
.txt_cta_hpt:hover{text-decoration: underline;}
.contenedor_logo_hpt{display: flex;    flex-direction: column;}
.nombretienda_mini{text-align: center; font-size: 17px;color: #000; font-weight: 700;}
/* MUENÚ MOBIL*/
#menu_mobile{display: none;}
.espacio_gris_separador{float: left; width: 100%;  background: #eee; margin-top: -1px; height: 20px;}
.espacio_gris_separador{display: none;}

.cab-zona-logo a{width: 100%; float: left;}
.zona-logos{height: 40px;max-width: var(--max-width);width: 100%;display: flex;justify-content: space-between;}
.zona-logos ul{display: flex; justify-content: space-between; margin: auto;  width: 100%;   align-items: flex-end;}
.header_tiendas li{margin-right: 5px;}
.goalinnmini{margin-bottom: -5px;}
.waveinnmini{margin-bottom: -1px;}
.trekkinnmini{margin-bottom: -1px;}
.snowinnmini{margin-bottom: -2px;}

/*.df-fullscreen{background:none !important;}
.df-fullscreen .df-topbar{top:92px !important;}
.df-fullscreen .df-overlay{top:92px !important;}
.df-fullscreen .df-fullscreen__content{top:200px !important;}
.df-fullscreen .df-searchbox input{font-size:16px !important;}
*/
#doofinderLogo{display:none;}

/* NAVEGACIÓN MOBILE */

.menu-mobile {display:none;cursor:pointer;padding: 10px;}
.menu-mobile_cerrar {display:block;cursor:pointer; justify-content: center ;-moz-box-sizing: border-box;box-sizing: border-box;margin: 0;width: 15px;}

#menu-mobile-hambur {display:none;cursor:pointer;background: #000; width: 64px;height: 50px;justify-content: center;align-items: center;margin-right: 20px;}
#cabecera-fondo a {color: white;font-size: 14px; line-height: 25px;}
#zona-lupa{background-color:  var(--primary);height: 92px;width: 61px;float: right;margin-right: 17px; margin-top: -2px; display:none;}
#zona-lupa a {padding: 0;}
.buscador-fondo {background-color: #F4F3F3;height: 70px; display:none;}
.buscador {max-width:1174px;margin:0 auto;height: 70px;}
input[type=search] .buscador { appearance: none;}
#txt-buscador, #df-searchbox__dffullscreen {width:calc(100% - 61px);background-color: #F4F3F3;border: none;font-size: 15px;margin-left: 16px;display: inline-block;float: left;line-height:68px;}

/* FIN NAVEGACIÓN MOBILE */

/* HOME PAGE */

.grid-item {padding: 0;overflow: hidden;box-sizing: border-box;cursor:pointer;}
.capa_oscura{background: #000;float: left;position:absolute;width: 100%;height: 100%;opacity: 0.5;cursor:pointer;}
.grid-item img{height:100%;}
#tiendas{width:100%;float: left;}
.tiendas-horizontal{display: inline-block;width: 66.666% !important;vertical-align: top;float: left;}
.tiendas-vertical {display: inline-block;width: 33.333333% !important;vertical-align: top;float: left;}
.tiendas-cuadrada {display: inline-block;vertical-align: super;width: 33.3333333%;float: left;}
.txt-tiendas-h{z-index: 3;flex-direction: column;align-items: center;	position: absolute;text-align: center; margin-top: 20%; float: left;width: 100%;display: block;}
.txt-tiendas-v{z-index: 3;flex-direction: column;align-items: center; position: absolute;text-align: center;float: left;width: 100%;	margin-top: 90%;display: block;}
.txt-tiendas-c{z-index: 3;flex-direction: column;align-items: center; position: absolute;text-align: center;width: calc(100% - 20px);margin-top: 40%;display: block; margin-left: 10px; margin-right: 10px;}
.nombre-tienda {font-size: 62px;font-family: 'Lato', 'Helvetica Std', var(--font-family);font-weight: 900;color: #fff;text-align: center;}
.tipo-tienda {font-size: 18px;font-family: 'Lato', 'Helvetica Std', var(--font-family);font-weight: 400;color: #fff;text-align: center;}
/*HOVER TIENDAS*/

.hover-tiendas-h{flex-direction: column;align-items: center;z-index: 4;position: absolute;text-align: center;float: left;width: 100%;margin-top: 18%;display:none;}
.hover-tiendas-v{flex-direction: column;align-items: center;z-index: 4;position: absolute;text-align: center;float: left;width: 100%;margin-top: 80%;display:none;}
.hover-tiendas-c{flex-direction: column;align-items: center;z-index: 4;position: absolute;text-align: center;float: left;width: 100%;margin-top: 30%;display:none;}
.txt-tiendas-hover{
    font-size: 18px;
    font-family: 'Lato', 'Helvetica Std', var(--font-family);
    font-weight: 400;
    color: #fff;
    margin-top: 20px;
    display:inline-block;
    text-align: center;
    width: 80%;
}

.boto-tienda {
    text-align: center;
    display: block;
    margin-top: 20px;
    width: 195px;
    height: 45px;
    background: none;
    border: solid 2px #fff ;
    color: #fff;
    font-size: 16px;
    cursor:pointer;
}


/* FIN HOVER TIENDAS*/


.img-tienda-h{
    width:100%;
    margin: 0;
}

.img-tienda-v{
    width:100%;
    margin: 0;
    z-index: 1;
}

.img-tienda-c{
    width:100%;
    margin: 0;
    z-index: 1;
}


/* FIN HOMEPAGE */


/* QUIENES SOMOS */

.seccion_fqs {background-color: #F2F2F2;width: 100%;float: left;}
.secciones_linia {max-width: 1260px;margin: 0 auto;width: 100%;border-bottom: solid 1px #C2C2C2;margin-top: 40px;padding-bottom: 80px;}
.txt_seccion {font-size: 49px;font-family: 'Lato', 'Helvetica Std', var(--font-family);font-weight: 800;color: #000;text-align: center; padding-top: 10px;margin-bottom: 30px;}
.txt_programa {font-family: 'Lato', 'Helvetica Std', var(--font-family);    line-height: 25px;font-size: 18px; font-weight: 400;padding: 24px 0;}
.collapse {display: none;}
.titulo_dia {line-height: 25px; font-size: 18px; background-color: #E5E5E5;padding: 20px;width: 100%;margin-top: 40px; font-weight: 800;}
.icono_menos {float: right;margin-top: 10px;}
.zona-almacen{display: flex;}
.quien-somos{
    float: left;
    width: 100%;
}

.logos-tiendas-quien{
    margin-bottom: 20px;
    margin-top: 55px;
    float: left;
    text-align: center;
}

.logos-tiendas-quien ul{width: 100%;top: 50%;text-align: center; display: flex;display: -webkit-flex; display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap; align-items: flex-end;justify-content: center;}

.logos-tiendas-quien li{display: inline-block;list-style: none;margin-left: 0; margin-bottom: 20px;}
.logos-tiendas-quien li:first-child {margin-left: 0;}
.logos-tiendas-quien li a {
    display: block;
    line-height: 30px;
    padding: 0 10px;
    cursor: pointer;
}

.logo_cc_quien{margin-bottom: 6px !important;}
.logo_goalinn_quien{margin-bottom: 14px !important;}

.tiendas-quien{
    max-width:1174px;
    padding-left: 17px;
    padding-right: 17px;
    text-align: center;
}

.foto-quien {
    width:100%;
    float: left;
}

.img-quien{
    width:100%;
    float: left;
}

.titulo-quien {
    font-size: 106px;
    font-family: 'Lato', 'Helvetica Std', var(--font-family);
    font-weight: 800;
    color: #fff;
    text-align: center;
    width: 100%;
    z-index: 3;
    position: absolute;
    margin-top: 15px;
}

.logo-diveinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/diveinn.svg');margin: auto;text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-swiminn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/swiminn.svg') ; margin: auto;text-align: center;-moz-box-sizing: border-box; box-sizing: border-box;}
.logo-waveinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/waveinn.svg') ; margin: auto;text-align: center;-moz-box-sizing: border-box; box-sizing: border-box;}
.logo-trekkinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/trekkinn.svg');margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-snowinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/snowinn.svg') ; margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-runnerinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/runnerinn.svg'); margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-traininn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/traininn.svg');margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-goalinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/goalinn.svg');margin: auto;text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-smashinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/smashinn.svg');margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-bikeinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/bikeinn.svg') ; margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-motardinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/motardinn.svg') ; margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-xtremeinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/xtremeinn.svg') ; margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-dressinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/dressinn.svg');margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-outletinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/outletinn.svg'); margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-kidinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/kidinn.svg');  margin: auto;text-align: center; -moz-box-sizing: border-box; box-sizing: border-box; }
.logo-bricoinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/bricoinn.svg');  margin: auto;text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-techinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/techinn.svg'); margin: auto;text-align: center; margin-top: 0;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-bricoinn{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/bricoinn.svg'); margin: auto;text-align: center; margin-top: 0;  -moz-box-sizing: border-box; box-sizing: border-box;}
.logo-tplace-celra{display: block;    width: 300px;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/recogidaexpress.svg') ;margin: auto;text-align: center; margin-top: 0;  -moz-box-sizing: border-box; box-sizing: border-box;}


.diveinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/diveinn_big.svg');margin: auto;text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.swiminn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/swiminn_big.svg') ; margin: auto;text-align: center;-moz-box-sizing: border-box; box-sizing: border-box;}
.waveinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/waveinn_big.svg') ; margin: auto;text-align: center;-moz-box-sizing: border-box; box-sizing: border-box;}
.trekkinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/trekkinn_big.svg');margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.snowinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/snowinn_big.svg') ; margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.runnerinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/runnerinn_big.svg'); margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.traininn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/traininn_big.svg');margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.goalinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/goalinn_big.svg');margin: auto;text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.smashinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/smashinn_big.svg');margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.bikeinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/bikeinn_big.svg') ; margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.motardinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/motardinn_big.svg') ; margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.xtremeinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/xtremeinn_big.svg') ; margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.dressinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/dressinn_big.svg');margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.outletinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/outletinn_big.svg'); margin: auto;text-align: center;  -moz-box-sizing: border-box; box-sizing: border-box;}
.kidinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/kidinn_big.svg');  margin: auto;text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.bricoinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/bricoinn_big.svg');  margin: auto;text-align: center; -moz-box-sizing: border-box; box-sizing: border-box;}
.techinn-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/techinn_big.svg'); margin: auto;text-align: center; margin-top: 0;  -moz-box-sizing: border-box; box-sizing: border-box;  }
.tplace-q{display: block;content: url('https://storage.googleapis.com/tradeinn-images/images/home-tradeinn/clickcollect_big.svg') ;margin: auto;text-align: center; margin-top: 0;  -moz-box-sizing: border-box; box-sizing: border-box;  }


.circul01 {
    display: table-cell;
    height: 195px;
    width: 195px;
    background: #fff;
    border: solid 9px #B8E986;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

.circul02 {
    display: table-cell;
    height: 195px;
    width: 195px;
    background: #fff;
    border: 9px #F14353 dashed;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

.circul03 {
    display: table-cell;
    height: 195px;
    width: 195px;
    background: #fff;
    border: solid 9px #4990E2;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
}

.circulo1-zona{
    text-align: center;
    float: left;
    width: calc(33.333333% - 34px);
    margin-top: 70px;
    margin-bottom: 70px;
    vertical-align: top;
    margin-left: 17px;
}

.circulo2-zona{
    display: inline-block;
    text-align: center;
    width: calc(33.333333% - 34px);
    margin-top: 70px;
    margin-bottom: 70px;
    vertical-align: top;
    margin-left: 17px;
}

.circulo3-zona{
    display: inline-block;
    text-align: center;
    width: calc(33.333333% - 34px);
    margin-top: 70px;
    margin-bottom: 70px;
    vertical-align: top;
    float: right;
}

.num-circulo {
    font-size: 31px;
    font-family: 'Lato', 'Helvetica Std', var(--font-family);
    font-weight: 800;
    color: #000;
    text-align: center;
    z-index: 3;
    position: relative;
}

.txt-circulo {
    font-size: 24px;
    font-family: 'Lato', 'Helvetica Std', var(--font-family);
    font-weight: 500;
    color: #000;
    line-height: 27px;
}

.img-almacen{
    width: 100%;
    float: left;
    margin-top: 65px;
}

.txt-almacen{font-size: 35px;
    line-height: 43px;
    font-family: 'Lato', 'Helvetica Std', var(--font-family);
    font-weight: 500;
    color: #fff;
    width: 50%;
    margin-left: 50%;
    margin-top: 10%;
    z-index: 4;
    position: absolute;
    float: left;
    margin-right: 17px;
}

.txt-almacen-parteA{
    margin-top: 7%;
    margin-left: 25px;
    width: calc(100% - 45px);
}

.txt-almacen-parteB{
    margin-top: 45px;
    margin-left: 25px;
    width: calc(100% - 45px);
}

.titulo-seccion{
    font-size: 49px;
    font-family: 'Lato', 'Helvetica Std', var(--font-family);
    font-weight: 800;
    color: #000;
    text-align: center;
}

.titulo-seccion2{
    font-size: 49px;
    font-family: 'Lato','Helvetica Std', var(--font-family);
    font-weight: 800;
    color: #000;
    text-align: center;
}

.envios{
    float: left;
    width: 100%;
    margin-top: 70px;
}

.img-envios{
    text-align: center;
    display:block;
    margin-top: 30px;
}

.equipo{
    max-height: 1174px;
    text-align: center;
    float: left;
    width: 100%;
    margin-top: 70px;
}

.img-equipo{
    width: 100%;
}

.txt-seccion{
    font-size: 18px;
    line-height: 30px;
    font-family: 'Lato', 'Helvetica Std', var(--font-family);
    font-weight: 400;
    color: #000;
    text-align: center;
    max-width: 1174px;
    margin: 0 auto;
    margin-top: 15px;}


.social{float: left; width: calc(100% - 60px);margin-top: 70px;margin-left: 30px;margin-right: 30px;}
.social .sociales{width: 100%;}
.mision{float: left;max-height: 1174px;text-align: center; width: calc(100% - 60px); margin: 65px 30px 70px 30px;}
.quien-somos .txt-seccion{line-height: 25px;font-size: 18px;}
.sociales_logos{width: calc(50% - 20px); display: inline-block;}

/* CONTACTO*/
.txt-seccion a:hover{text-decoration:underline;}
.campos_contacto_mitad_izq{float:left; width:70%;}
.campos_contacto_mitad_der{float:left; width:30%;}
.contacto{max-width: 1140px;}
.contacto .titulo-seccion{text-align: left;}
.contacto .txt-seccion{text-align: left;line-height: 21px;font-size: 15px;}
.localizacion .titulo-seccion{margin-left: 0;}
.localizacion{margin-top: 40px;}
.zona-mapa{width: 50%;display: inline-block;margin-top: 40px;}
.zona-txt-mapa{width: 50%;margin: 0 auto;}
.titulo-zonamapa{font-size: 23px;font-weight: 600;position: relative;z-index: 3;color: #FFFFFF;margin-left: 25px;letter-spacing: 1px;margin-top: 10%;margin-right: 25px;}
.subtitulo-zonamapa{font-size: 14px;font-weight: 600;margin-top: 12%;margin-left: 25px;position: relative;z-index: 2;color: #FFFFFF;letter-spacing: 1px;margin-right: 25px;}
.txt-zonamapa{font-size: 14px;margin-top: 6px;font-weight: 300;position: relative;z-index: 3;color: #FFFFFF;margin-left: 25px;letter-spacing: 1px;margin-right: 25px;line-height: 19px;}
.img-mapa{width: 100%;}
.img-ofi{width: 50%;float: right;display: inline-block;}
.zona-txt-mapa{width: 50%;margin: 0 auto; margin-top: 40px; float: right;}
.zona-direccion{background: #444444;width: 100%;float: left;display: inline-block;}
.zona-direccion:last-child{margin-right:0;}
.zona-direccion:before{ content:""; display:block; padding-top:45%;float: left; }
.zona-horarios-celra{background-color: #2745B1;width: 50%;float: left;display: inline-block;}
.zona-horarios-celra:last-child{ margin-right:0;}
.zona-horarios-celra:before{ content:""; display:block;  padding-top:89%;float: left;}
.zona-horarios-girona{background-color: #27B17D;width: 50%;float: left;display: inline-block;}
.zona-horarios-girona:last-child{ margin-right:0;}
.zona-horarios-girona:before{ content:""; display:block; padding-top:89%;float: left; }
.img-mapa{width: 100%;}
.formulario-contacto{margin-top: 70px;margin-bottom: 70px;float: left;margin-left: 17px;margin-right: 17px;}
.formulario-contacto #form {padding: 0 0;margin: 0 auto;display: inline-block;}
.formulario-contacto input {width: calc(50% - 19px);height: 45px;margin: 16px 16px 0 0;padding-left: 16px;font-size: 13px;color: var(--grismedio);-moz-border-radius: 3px;-webkit-border-radius: 3px;border: 1px solid #BDC2C9;}
.formulario-contacto select {width: 110% ;height: 45px; line-height:45px;padding-left:16px;font-size: 13px;color: var(--grismedio);-moz-border-radius: 3px; -webkit-border-radius: 3px;border: none; -webkit-appearance: none; background-color: transparent;}
.flecha_select{border: 1px solid #BDC2C9; display: inline-block; width: calc(50% - 19px); float: left; margin: 16px 20px 0 0; height: 45px; border-radius: 3px; overflow: hidden; background: #fff url(https://www.tradeinn.com/img/flecha-mini-down.png) no-repeat center; background-position-x: calc(100% - 10px); color: var(--grismedio);}

.formulario-contacto input[type=submit] {
    background-color:#2745B1;
    height:45px;
    width:100%;
    float: right;
    padding: 0;
    border:none;
    margin-right: 0;
    color:#FFFFFF;
    font-size: 17px;
}

.formulario-contacto input:required:invalid {
    border: 1px solid var(--error);
}

.input-textoarea{
    height: 106px !important;
    vertical-align: top;
    font-size: 13px;
    color: var(--grismedio);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #BDC2C9;
    width: 100%;
    margin-top: 17px;
    font-family: 'Helvetica Std', var(--font-family);
    line-height:20px;
    padding-top:10px;
    padding-left:10px;
    resize: none;
}

.txt-leido a{color:#000; text-decoration:underline;}

.formulario-contacto .txt-leido{
    width:100% ;
    float: right;
}

.formulario-contacto .check-leido{
    width: 15px;
    height: 15px;
    margin-top: 0;
    margin-right: 10px;
}

.trabajo{
    margin-top: 70px;
    margin-bottom: 70px;
    float: left;
    margin-left: 17px;
    margin-right: 17px;
}

.formulario-izquierda{
    width: calc(50% - 100px);
    margin-left: 100px;
    float: left;
    margin-top: 40px;
    margin-right: 55px;
}

.trabajo-form {
    display: inline-block;
    width: calc(50% - 155px);
    margin-right: 100px;
    margin-top: 40px;
    float: left;
    margin-bottom: 45px;
}

.trabajo-form select, .trabajo-form .input { width: 100%;height: 45px; margin: 14px 16px 0 0;line-height: 45px;padding-left: 10px; font-size: 13px; color: var(--grismedio); -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #BDC2C9;}
.flecha_select_cv select{width: 110%; border: none; background-color: transparent; height: auto;}
.flecha_select_cv { border: 1px solid #BDC2C9; display: inline-block; width: 100%; float: left;  margin: 16px 20px 0 0; height: 45px;  border-radius: 3px;  overflow: hidden; background: #fff url(https://www.tradeinn.com/img/flecha-mini-down.png) no-repeat center; background-position-x: calc(100% - 10px); color: var(--grismedio);}


.trabajo-form .input-textoarea
{
    width: 100%;
}

.trabajo #uploadFile, .trabajo #uploadFile2 {
    width: 50%;
    height: 45px;
    line-height:45px;
    margin: 7px 7px 0 0;
    font-size: 13px;
    padding: 0;
    border:none;
    background:#fff;
}

.trabajo input {
    width: 100%;
    height: 45px;
    margin: 16px 16px 0 0;
    padding: 16px;
    font-size: 13px;
    color: var(--grismedio);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border: 1px solid #BDC2C9;
}

.trabajo input[type=submit] {
    background-color:#2745B1;
    height:45px;
    width:100%;
    padding: 0;
    border:none;
    color:#FFFFFF;
    font-size: 17px;
}

.trabajo input:required:invalid {
    border: 1px solid var(--error);
}


.trabajo .txt-leido{
    width:100%;
    line-height: 21px;
}

.trabajo .check-leido{
    width: 15px;
    height: 15px;
    margin-top: 0;
    margin-right: 10px;
    margin-bottom: 20px;
}

.titulo-trabajo{
    font-size: 20px;
    color: #2745B1;
    float: left;
    font-weight: 700;
}

.txt-trabajo{
    font-size: 15px;
    float: left;
    line-height: 20px;
}

.linia-trabajo {
    background-color: #2745B1;
    height:3px;
}

.frase-ley{
    font-size: 13px;
    color: var(--grismedio);
    float:left;
    line-height: 17px;
}

.partners{
    margin-top: 0;
    margin-bottom: 70px;
    float: left;
    margin-left: 17px;
    margin-right: 17px;
}

.txt-partners{
    margin-bottom: 50px;
    margin-top: 20px;
    margin-left: 25px;
    width: calc(100% - 119px);
    display: inline-block;
}

.partners-list{
    margin-top: 20px;
}

.adyen{
    float: left;

    width: 94px;
    height: 60px;
}

.paypal{
    float: left;
    width: 94px;
    height: 60px;
}

.google{
    float: left;
    width: 94px;
    height: 60px;
}

.netrivals{
    float: left;
    width: 94px;
    height: 60px;
}

.trust{
    float: left;
    width: 94px;
    height: 60px;
}

.bsavadell{
    float: left;
    width: 94px;
    height: 60px;
}

.intermonoxfam{
    float: left;
    width: 94px;
    height: 60px;
}

.confinaza-online{
    float: left;
    width: 94px;
    height: 60px;
}

/* FIN CONTACTO*/


/* MARCAS



.marcas{
    max-width: 1174px;
    margin-bottom: 70px;

}

.marcas-tienda{
    margin-right: 13px;
}

.marcas-tienda a{
    font-size: 14px;
    color: var(--grismedio);
    font-family: var(--font-family);
    font-weight: 800;
}

.menu-tiendas ul{margin-left: 17px; width: calc(100% - 17px); float: left;    display: flex;flex-wrap: nowrap;}

.menu-tienda-marcas-1:hover, .menu-tienda-marcas-1.selected{ color: var(--color-diveinn); }
.menu-tienda-marcas-2:hover, .menu-tienda-marcas-2.selected{ color: var(--color-snowinn); }
.menu-tienda-marcas-3:hover, .menu-tienda-marcas-3.selected{ color: #368E42; }
.menu-tienda-marcas-4:hover, .menu-tienda-marcas-4.selected{ color: var(--color-bikeinn); }
.menu-tienda-marcas-5:hover, .menu-tienda-marcas-5.selected{ color: var(--color-smashinn); }
.menu-tienda-marcas-6:hover, .menu-tienda-marcas-6.selected{ color: var(--color-swiminn); }
.menu-tienda-marcas-7:hover, .menu-tienda-marcas-7.selected{ color: var(--color-waveinn); }
.menu-tienda-marcas-8:hover, .menu-tienda-marcas-8.selected{ color: var(--color-motardinn); }
.menu-tienda-marcas-10:hover, .menu-tienda-marcas-10.selected{ color: var(--color-runnerinn); }
.menu-tienda-marcas-11:hover, .menu-tienda-marcas-11.selected{ color: var(--color-goalinn); }
.menu-tienda-marcas-12:hover, .menu-tienda-marcas-12.selected{ color: #000000; }
.menu-tienda-marcas-13:hover, .menu-tienda-marcas-13.selected{ color: var(--color-traininn); }
.menu-tienda-marcas-14:hover, .menu-tienda-marcas-14.selected{ color: var(--color-xtremeinn); }
.menu-tienda-marcas-15:hover, .menu-tienda-marcas-15.selected{ color: var(--color-kidinn); }
.menu-tienda-marcas-16:hover, .menu-tienda-marcas-16.selected{ color: #404040; }
.menu-tienda-marcas-17:hover, .menu-tienda-marcas-17.selected{ color: var(--color-bricoinn); }

.marcas .titulo-seccion{
    float: left;
    width: calc(100% - 30px);
    text-align: justify;
    margin-bottom: 34px;
    margin-top: 30px;
    margin-left: 17px;
}

.logos-marcas-destacado{
    margin-bottom: 35px;
    margin-top: 0;
    float: left;
    text-align: left;
    margin-left: 17px;
}

.logos-marcas-destacado ul{
    width: 100%;
    margin-top: -20px;
}

.logos-marcas-destacado li{
    display: inline-block;
    list-style: none;
    margin-right: 1%;
    margin-top: 30px;
    width: 7%;
}

.logos-marcas-destacado li a img {
    width: 100%;
}

.logos-marcas-destacado li:first-child {
    margin-left: 0;
}

.logos-marcas-destacadoli a {
    display: block;
    line-height: 30px;
    padding: 0 10px;
}

.logos-destacados {
    margin-right: 9%;
    display: inline-block;
    position: relative;
}

.menu-tiendas-mobile {
    display:none;
}
.menu-tiendas-mobile select {width: 110% ;height: 45px; line-height:45px;padding-left:16px;font-size: 13px;color: var(--grismedio);-moz-border-radius: 3px; -webkit-border-radius: 3px;border: none; -webkit-appearance: none; background-color: transparent;}
.flecha_select_marcas{border: 1px solid #BDC2C9; display: inline-block; width: 90%; margin-left: 16px ; height: 45px; border-radius: 3px; overflow: hidden; background: #fff url(https://www.tradeinn.com/img/flecha-mini-down.png) no-repeat center; background-position-x: calc(100% - 10px); color: var(--grismedio);}

.zona-buscador{
    clear:both;
    margin-bottom: 30px;
    margin-left: 17px;
    margin-right: 17px;
    text-align: center;
}

.buscador-marcas-fondo {
    background-color: #F4F3F3;
    width:33.333333%;
    display: inline-block;
    margin-right: 16px;
}

.buscador-marcas {
    width:100%;
    float: left;
    display: inline-block;
}

input[type=search] .buscador-marcas {
    appearance: none;
    display: inline-block;
}

.txt-buscador-marcas {
    width:calc(100% - 61px);
    background-color: #F4F3F3;
    border: none;
    font-size: 15px;
    margin-left: 16px;
    display: inline-block;
    float: left;
    line-height:45px;
}

.lupa-buscador-marcas {
    width: 28px;
    height: 28px;
    margin-left: 16px;
    float: left;
    display: inline-block;
    margin-top: 10px;
}

.letra-marca{
    display: inline-block;
    margin-top: 12px;
}


.titulo-marcas{
    font-size: 23px;
    font-weight: 600;
    margin-top: 60px;
    margin-left: 17px;
    margin-right: 17px;
}

.titulo-marcas-top{
    font-size: 23px;
    font-weight: 600;
    margin-top: 20px;
    margin-right: 17px;
}

.columnas-marcas{
    -webkit-column-count:5;
    -moz-column-count:5;
    column-count:5;
    line-height: 25px;
    font-size: 14px;
    margin-left: 17px;
    margin-right: 17px;
}

.columnas-marcas li a{color:#000;}

.columnas-marcas li a:hover{
    text-decoration: underline;
}

FIN MARCAS */


/* FOOTER*/
#footer-fondo {background:#EFEFEF;width:100%;float: left;}
.footer-contenedor{height: 295px;max-width:1174px;margin:0 auto; padding-top: 50px;}
#txt-subscribete {font-weight: bold;font-size: 20px;}
#txt-consigue {font-size: 13px; line-height: 30px;font-weight: bold;}
.newsletter {font-size: 13px;position: relative;display: inline-block;margin: 46px 17px;}
.titulo{float: left;margin-right: 16px;}
.newsletter form {float: left;}
.tu-mail {width: 232px;height: 45px;padding-left: 16px;-webkit-appearance: none;-webkit-border-top-left-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-topleft: 3px;-moz-border-radius-bottomleft: 3px;border-top-left-radius: 3px;border-bottom-left-radius: 3px;border: none;font-size: 13px;float: left;}
.boton-enviar {width: 103px;height: 45px;background-color: var(--grismedio);border: none;color: white; font-size: 14px;-webkit-appearance: none;-webkit-border-top-right-radius: 3px;-webkit-border-bottom-right-radius: 3px;-moz-border-radius-topright: 3px;-moz-border-radius-bottomright: 3px;border-top-right-radius: 3px;border-bottom-right-radius: 3px;float: left;}
.check-leido {float: left;margin-right: 10px;}
.txt-leido{float: left;width: 100%;margin-top: 16px;font-size: 13px;}
.footer-contenedor .idioma{border: none; display: inline-block; width: calc(25% - 15px); height: 45px; border-radius: 3px; overflow: hidden; background: #fff url(https://www.tradeinn.com/img/flecha-mini-down.png) no-repeat center; background-position-x: calc(100% - 10px); color: var(--grismedio); float: left;}
.idioma-select{width: 110%; border: none;     padding-left: 15px; background-color: transparent; height: 45px; font-size: 13px; color: #000;}
.idioma-select option{color: #000;}
.titulos-pie{font-size: 14px;font-weight: bold; margin-bottom: 10px;}
.rrss{ width: calc(25% - 15px); margin-right: 15px; position: relative;display: inline-block; float: left;}
.rrss ul li {margin-right: 15px;display: inline-block;}
.app{width: calc(25% - 15px); display: inline-block; margin: 0 15px 0 auto; float: left;}
.app ul li {display: inline-block;}
.tgcbinn{width: calc(25% - 15px); margin-right: 15px; display: inline-block; float: left;}
.logo_carrusel_hp{display: flex; justify-content: flex-start; margin-bottom: 15px;   align-content: center;align-items: flex-end;}
.logo_goalinn_hp{    margin-bottom: -10px;}
.opciones_activado_menu_hp{background-color: #2f2f2f;}
.footer-contenedor #legal { float: left; margin-top: 30px; margin-left: 17px; width: calc(100% - 34px); margin-right: 17px; }
#legal hr { margin-bottom: 30px; }
.txt-legal { font-size: 13px; line-height: 20px; text-align: center; color: var(--grismedio); }
#searchinn{top:28px;}
.txt_confianza_legal{color: #bfbfbf;font-size: 12px; line-height: 15px;  margin: 40px 10px 10px 10px;  text-align: left; float: left;max-height: 60px;
    overflow: scroll;}
.zona_flechas_banner{align-content: center; align-items: center;}
.sldr-nav_left{margin-top: 0; top: 360px;}
.sldr-nav_right{margin-top: 0; top: 360px;}
.sldr{width: 100%;}

/*MEDIAQUERIES*/
@media only screen and (max-width: 1550px) {
.logo_banner_hpt{margin-right: 270px;}
}

@media only screen and (max-width: 1400px) {
    .zona-logos{width: calc(100% - 40px); margin-right: 20px; margin-left: 20px;max-width: 100%;}
    .zona_menu{width: calc(100% - 40px); margin-right: 20px; margin-left: 20px; max-width: 100%;}
    .cab-zona-logo i{transform: scale(0.8);}
    .cab-zona-logo {margin-right: 2px;}
    .secciones_linia {width: calc(100% - 60px);margin: 30px 30px 0 30px;float: left;}
    .zona_despleagable_idioma{max-width: 100%;}
    .banners_home_medio{width: calc(100% - 40px);  margin: 0 20px;}
    .carrusels_tradeinnhp{padding: 15px 0;}
}

@media only screen and (max-width: 1240px) {
    .cabecera-contenedor{width: auto;height: 0;background-color: #fff;}
    #searchinn{top:28px !important;}
    .footer-contenedor .idioma{width: 100%;}
    .secciones_linia {width: calc(100% - 60px);margin: 30px 30px 0 30px;float: left;}
    .mostrar_menu_mobile{ display:block;transition: all 3s ease;-o-transition: all 3s ease; /* Para Opera */-ms-transition: all 3s ease; /* Para IE */-moz-transition: all 3s ease; /* Para Firefox */-webkit-transition: all 3s ease; /* Para Chrome y Safari */left: 0; overflow-y: scroll; position: fixed; top: 0; z-index: 10000; height: 100%;}
    .ocultar_menu_mobile{ display:none; position:relative; transition: all 3s ease;-o-transition: all 3s ease; /* Para Opera */-ms-transition: all 3s ease; /* Para IE */-moz-transition: all 3s ease; /* Para Firefox */-webkit-transition: all 3s ease; /* Para Chrome y Safari */}
    .menu-list{flex-direction: column; margin-top: 20px;}
    .menu-list li{padding: 5px 0 5px 20px;}
    .zona_menu .selector_idiomas{display: none;}
    #cabecera-fondo a{    color: #000; font-weight: 700;}
    .sldr-nav_left{ top: auto;}
    .sldr-nav_right{top: auto;}
    .logo_banner_hpt{top: auto;margin-right: 580px;}

    .secciones_linia {width: calc(100% - 60px);margin: 30px 30px 0 30px;float: left;}
    .menu-item-botigues {display: block !important;}
    /*.df-fullscreen .df-topbar{top:70px !important;}
    .df-fullscreen .df-overlay{top:70px !important;}
    .df-fullscreen .df-fullscreen__content{top:150px !important;}*/
    #menu_opciones ul li{display: block;}
    #searchinn{top:28px !important;}
    .espacio_gris_separador {display: block;}
    .selector_idiomas
    {
        float: right;
        height: 70px;
    }

    .selector_idiomas ul{float:right; position: relative;
        margin-top: -30px;
        width:100%;
        background:#000;}

    .selector_idiomas ul li{ list-style:none; color:#fff; text-align:left; line-height:32px;}
    .selector_idiomas ul li a{color:#fff; width:100%; float:left;}
    .selector_idiomas ul li a:hover{color: #A3A2A2 !important;}
    .todos_idioma{display:block; line-height: 32px;}
    .social .sociales{width:100%;}
    .txt-tiendas-c{margin-top: 30%;}

    /* MENÚ MOBILE*/

    .menu-item-botigues a{padding: 8px 12px !important;}
    .menu-item-botigues{display: block;}

    .menu-mobile {display:block;}
    #menu-mobile-hambur {display:flex;}
    .menu-contenedor {
        width:100%;
        padding:40px 0 0;
    }

    nav {display:none; z-index: 100000000000; position: absolute; background: #fff; width: 80%; height: 100%;}
    .menu-item {
        width:calc(100% - 64px);
        float:left;
        text-align: left;
        font-size: 15px;
        line-height: 5px;
        margin-left: 32px;
        margin-right: 32px;
        border-bottom: solid 1px #D2D2D2;
        display: block !important;
    }

    .menu-item a {
        padding:10px;
        color: #000 !important;
    }

    .menu-active {
        display:block;
    }




    /* CABECERA*/

    .zona-logos{
        display: none;
    }

    #cabecera-fondo {
        height: auto;
    }

    .menu-item a {
        font-size: 13px;
        padding: 30px 12px;
    }

    .cabecera-contenedor {
        width: 100%;
        margin-bottom: 0;
    }

    .logo-tradeinn {
        float:left;
        margin-top: 13px;
    }

    #zona-lupa{
        height: 72px;
        margin-right: 30px;
        display:none;
    }

    #zona-lupa .lupa {
        margin-top: 20px;
    }

    .buscador {
        width:100%;
        max-width: none;
        height: 70px;
        background-color: #F4F3F3;
        float: left;}

    .lupa-buscador{
        margin-left: 30px;
    }

    #txt-buscador, #df-searchbox__dffullscreen{
        width: calc(100% - 75px);
        float: left;
        display: inline-block;
    }



    /* FIN CABECERA*/



    /* HOME PAGE*/

    .nombre-tienda {font-size: 55px;line-height: 50px;}
    .tipo-tienda {font-size: 19px;line-height: 17px;  margin-top: 10px;}




    /* hover tiendas*/

    .tiendas-horizontal .grid-item{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .txt-tiendas-hover{
        margin-top: 10px;
        font-size: 17px;
    }

    .hover-tiendas-h{
        margin-top: 15% ;
    }

    .hover-tiendas-v{
        margin-top: 100% ;

    }

    .hover-tiendas-c{
        margin-top: 25% ;
    }

    .boto-tienda{
        width: 150px;
        height: 40px;
        font-size: 14px;
        margin-top: 13px;
    }

    .logo-trekkinn{
        transform:scale(0.7);
    }

    .logo-snowinn{
        transform:scale(0.9);
    }

    .logo-bikeinn {
        transform:scale(0.9);
    }

    .logo-runnerinn {
        transform:scale(0.9);
    }

    .logo-traininn{
        transform:scale(0.9);
    }

    .logo-diveinn{
        transform:scale(0.9);
    }

    .logo-smashinn{
        transform:scale(0.9);
    }

    .logo-dressinn{
        transform:scale(0.9);
    }

    .logo-motardinn {
        transform:scale(0.9);
    }

    .logo-swiminn{
        transform:scale(0.9);
    }

    .logo-goalinn{
        transform:scale(0.9);
    }

    .logo-waveinn{
        transform:scale(0.9);
    }

    .logo-outletinn{
        transform:scale(0.9);
    }

    .logo-tplace-celra{
        transform:scale(0.9);
    }

    .logo-tplace-girona{
        transform:scale(0.9);
    }

    .logo-kidinn{
        transform:scale(0.7);
    }
    .logo-techinn{
        transform:scale(0.7);
    }
    .logo-bricoinn{
        transform:scale(0.7);
    }


    /* FIN HOME PAGE */



    /* QUIEN SOMOS */



    .titulo-quien{
        font-size: 80px;
        margin-top: 15px;
    }

    .diveinn-q{
        transform: scale(0.9);
        margin-right: 1%;
        margin-top: 0;
    }

    .waveinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .swiminn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .trekkinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .snowinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .runnerinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .traininn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .smashinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .goalinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .bikeinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .motardinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .xtremeinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .dressinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .outletinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .tplace-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .tplace-qr{
        transform: scale(0.9);
        margin-top: 0;
    }

    .kidinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .techinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }
    .bricoinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .logos-tiendas-quien ul{width: 100%;top: 50%;text-align: center; display: flex;display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;align-items: flex-end;justify-content: center;}
    .logos-tiendas-quien li{margin-left: 2px; margin-bottom: 20px;}

    .logos-tiendas-quien li a {
        display: block;
        line-height: 10px;
        padding: 0 5px;
    }

    .circulo1-zona {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .circulo2-zona {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .circulo3-zona {
        margin-bottom: 30px;
        margin-top: 30px;
    }

    .txt-circulo{
        font-size: 20px;
        line-height: 24px;
    }

    .img-almacen{
        margin-top: 40px;
    }

    .txt-almacen{
        font-size: 25px;
        line-height: 32px;
        margin-right: 0;
    }

    .txt-almacen-parteA{
        margin-top: 7%;
        margin-right: 17px;
        width: calc(100% - 62px);
    }

    .txt-almacen-parteB{
        margin-top: 35px;
        margin-right: 17px;
        width: calc(100% - 62px);
    }

    .img-envios{
        margin-left: 0;
        width: 100%;
    }

    .titulo-seccion{
        font-size: 37px;
    }

    .titulo-seccion2{
        font-size: 37px;
    }

    .quien-somos .txt-seccion{
        line-height: 25px;
        font-size: 18px;
        margin-left: 30px;
        margin-right: 30px;
    }

    /* FIN QUIEN SOMOS*/





    /* CONTACTO*/

    .campos_contacto_mitad_izq{float:left; width:100%;}
    .campos_contacto_mitad_der{float:left; width: calc(100% - 20px);margin-right: 20px;}

    .contacto{
        max-width: 100%;
    }

    .localizacion{
        margin-top: 20px;
    }

    .localizacion .txt-seccion{
        margin-left: 30px;
        margin-right: 30px;
    }

    .localizacion .titulo-seccion{
        margin-left: 30px;
        margin-right: 30px;
    }

    .titulo-zonamapa{
        font-size: 16px;
    }

    .subtitulo-zonamapa{
        margin-top: 16px;
        font-size: 14px;
    }

    .txt-zonamapa{
        font-size: 13px;
        line-height: 16px;
    }

    .zona-horarios-celra:last-child{
        margin-right:0;
    }

    .zona-horarios-celra:before{
        content:"";
        display: block;
        padding-top:100%;
        float: left;
    }

    .zona-horarios-girona:last-child{
        margin-right:0;
    }

    .zona-horarios-girona:before{
        content:"";
        display: block;
        padding-top:100%;
        float: left;
    }


    .zona-direccion:last-child{
        margin-right:0;
    }

    .zona-direccion:before{
        content:"";
        display:block;
        padding-top:40%;
        float: left;
    }


    .formulario-contacto{
        margin-left: 30px;
        margin-right: 30px;
        width: calc(100% - 60px);
        float: left;
    }

    .frase-ley{
        margin-left: 0;
        margin-right: 30px;
        float: left;
        width: calc(100% - 30px);
    }

    .formulario-contacto .txt-leido {float: right; }
    .formulario-contacto input {width: calc(50% - 20px);}
    #recaptcha1 iframe, #recaptcha2 iframe, #recaptcha3 iframe { margin-left: 0;}
    .formulario-contacto select{width: 110%;}
    .cincuenta {width: 50%; float: left;}
    #recaptcha1, #recaptcha2, #recaptcha3 {float:left;}
    .formulario-contacto input[type=submit] {width: calc(50% - 10px);float: right;}
    .trabajo #uploadFile, .trabajo #uploadFile2 { height: 20px; line-height: 15px;}
    .trabajo{margin-left: 30px;margin-right: 30px;margin-top: 10px;margin-bottom: 10px;}
    .formulario-izquierda{width: calc(50% - 30px);margin-left: 30px;margin-right: 16px;margin-top: 30px;}
    .trabajo-form{margin-right: 0;width: calc(50% - 20px);}
    .partners{margin-left: 30px;margin-right: 30px;margin-top: 30px;}

    /* MARCAS */

    .buscador-marcas-fondo{
        width: 50%;
    }

    .marcas .titulo-seccion{
        margin-left: 30px;
    }

    .logos-marcas-destacado {
        margin-left: 30px;
    }

    .menu-tiendas-mobile {
        display:block;
    }
    .menu-tiendas {
        display:none;
    }

    .zona-buscador{
        margin-left: 30px;
    }



    .titulo-marcas {
        margin-left: 30px;
    }

    .columnas-marcas{
        margin-left: 30px;
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;
    }

    /* Pie */
    #footer-fondo {height: auto;padding-bottom: 15px;}
    .newsletter {width: calc(100% - 50px);margin-left: 30px;margin-bottom: 20px;}
    .footer-contenedor .idioma{margin-top: 40px; width:50%; }
    .titulo { margin-right: 0;}
    .newsletter form {width: 50%; }
    .app, .rrss, .tgcbinn{width: calc(33.333% - 15px);     margin-right: 15px;}
    .footer-contenedor{padding-right: 17px; padding-left: 17px; height: 306px;}
    .idioma{width: 100%; margin-top: 25px;}
    #searchinn{top:-48px !important;}
    .tu-mail {width: calc(100% - 113px);}
}

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

    .tiendas-horizontal{width: 100% !important;}
    .tiendas-vertical{width: 50% !important;}
    .logo140{margin: auto;text-align: center;}
    .secciones_linia {width: calc(100% - 60px);margin: 30px 30px 0 30px;float: left;}
    .separacion_dress{border: none;}
    .menu-item-botigues {display: block !important;}
    .espacio_gris_separador {display: block;}
    #searchinn{top:-48px !important;}
    .social .sociales{margin-top: -10px;}
    .localizacion { margin-top: 20px;}
    .cincuenta{width:100%;}
    .cookieBar{width: 100%; right: 0; padding: 30px; bottom: 0;}
    .selector_idiomas{display:none;}
    .logo-oxfam{transform: scale(0.7); }
    .logo-aecc{transform: scale(0.7) !important;margin-left: -35px; }
    .logo-manos{transform: scale(0.7); }
    .social .sociales{margin-top: 40px;}
    .sociales_logos { width: calc(33.3333% - 3px);}
    .social .sociales {margin-top: -10px;}

    /* MENÚ MOBILE*/
    .mostrar_menu_mobile{ display:block; left: 0; overflow-y: scroll; position: fixed; top: 0; z-index: 10000; height: 100%; transition: all 2s ease;
        -o-transition: all 2s ease; /* Para Opera */
        -ms-transition: all 2s ease; /* Para IE */
        -moz-transition: all 2s ease; /* Para Firefox */
        -webkit-transition: all 2s ease; /* Para Chrome y Safari */}
    .ocultar_menu_mobile{ display:none; position:relative;}

    .menu-mobile {display:block;}
    .menu-contenedor {width:100%;padding:40px 0 0;}
    nav {display:none;z-index: 100000000000;position: absolute;background: #fff;width: 79%;height: 100%;}
    .menu-list {margin-top: 20px;display: flex;flex-direction: column;align-items: flex-start;}
    .menu-item {width:calc(100% - 64px);float:left;text-align: left;font-size: 15px;line-height: 40px;margin-left: 32px;margin-right: 32px;border-bottom: solid 1px #D2D2D2;}
    .menu-item a {padding:10px;color: #000 !important;}
    .menu-active {display:block;}

    /* Cabecera*/
    .zona-logos{display: none;}
    .cabecera-contenedor {height: 0;}
    #cabecera-fondo {height: auto;}
    .logo-tradeinn {float:left;margin-top: 13px;}
    #zona-lupa{height: 72px;}
    #zona-lupa .lupa {margin-top: 20px;}
    .buscador {width:100%;max-width: none;height: 70px;background-color: #F4F3F3;float: left;}

    /* HOME PAGE*/
    .txt-tiendas-h{
        margin-top: 18%;
    }

    .txt-tiendas-c{
        margin-top: 30%;
    }

    .nombre-tienda {
        font-size: 42px;

    }

    .tipo-tienda {font-size: 16px; line-height: 18px;  margin-top: 10px;}


    .tiendas-horizontal{
        display: inline-block;
        width: 0;
        vertical-align: top;
        float: left;
    }

    .tiendas-vertical {
        display: inline-block;
        width: 0;
        vertical-align: top;
        float: left;
    }

    .tiendas-cuadrada {
        display: inline-block;
        vertical-align: super;
        width: 0;
        float: left;
    }


    /* hover tiendas*/

    .tiendas-horizontal .grid-item{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .txt-tiendas-hover{
        margin-top: 10px;
        font-size: 16px;
    }

    .hover-tiendas-h{
        margin-top: 10% ;
    }

    .hover-tiendas-v{
        margin-top: 80% ;
    }

    .hover-tiendas-c{
        margin-top: 20% ;
    }

    .boto-tienda{
        width: 150px;
        height: 40px;
        font-size: 14px;
        margin-top: 13px;
    }

    .logo-tplace-celra, .logo-tplace-girona, .logo-smashinn, .logo-diveinn, .logo-trekkinn, .logo-kidinn, .logo-techinn, .logo-snowinn, .logo-bikeinn, .logo-outletinn, .logo-traininn, .logo-runnerinn, .logo-waveinn, .logo-goalinn, .logo-swiminn, .logo-xtremeinn, .logo-motardinn, .logo-dressinnn, .logo-bricoinn  {transform:scale(0.7);}

    /* FIN HOME PAGE */




    /* QUIEN SOMOS */

    .titulo-quien{
        font-size: 53px;
        margin-top: 15px;
    }

    .diveinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .waveinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .swiminn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .trekkinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .snowinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .runnerinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .traininn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .smashinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .goalinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .bikeinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .motardinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .xtremeinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .dressinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .outletinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .tplace-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .tplace-qr{
        transform: scale(0.9);
        margin-top: 0;
    }

    .kidinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .techinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }

    .bricoinn-q{
        transform: scale(0.9);
        margin-top: 0;
    }


    .logos-tiendas-quien ul{
        width: 100%;
        top: 0;
        margin-top: -30px;
    }

    .logos-tiendas-quien li{
        margin-left: 2px;
    }

    .logos-tiendas-quien li a {
        display: block;
        line-height: 5px;
        padding: 0 1px;
    }
    #txt-buscador, #df-searchbox__dffullscreen {padding-right: 20px;}
    .circulos
    {
        float: left;
        display: inline-block;
        width: 100%;
    }

    .circul01 {
        display: table-cell;
        height: 140px;
        width: 140px;
        border: solid 7px #B8E986;
    }

    .circul02 {
        display: table-cell;
        height: 140px;
        width: 140px;
        border: 7px #F14353 dashed;
        float:right;
    }

    .circul03 {
        display: table-cell;
        height: 140px;
        width: 140px;
        border: solid 7px #4990E2;
    }

    .circulo1-zona{
        text-align: center;
        float: left;
        width: calc(50% - 34px);
        margin-top: 30px;
        margin-bottom: 30px;
        vertical-align: top;
        margin-left: 17px;
    }

    .circulo2-zona{
        display: inline-block;
        text-align: center;
        width: calc(50% - 34px);
        margin-top: 30px;
        margin-bottom: 30px;
        vertical-align: top;
        margin-right: 17px;
    }

    .circulo3-zona{
        display:inline;
        width: calc(100% - calc(145px + calc((100% - 154px)/2)));
        margin-top: 0;
        margin-bottom: 50px;
        vertical-align: top;
        margin-left: calc((100% - 154px)/2);
        float: left;
        text-align: center;
    }

    .num-circulo {
        font-size: 17px;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        color: #000;
        text-align: center;
        z-index: 3;
        margin-top:10px;
        position: relative;
    }

    .txt-circulo {
        font-size: 17px;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        color: #000;
        line-height: 20px;
    }

    .txt-almacen{
        font-size: 25px;
        line-height: 32px;
        margin-left: 17px;
        margin-right: 17px;
        width: calc(100% - 34px);
        margin-top: 0;
    }

    .txt-almacen-parteA{
        margin-top: 23%;
        margin-right: 17px;
        width: calc(100% - 17px);
    }

    .txt-almacen-parteB{
        margin-top: 35px;
        margin-right: 17px;
        width: calc(100% - 17px);
    }

    .img-envios{
        margin-left: 0;
        width: 100%;
    }


    .titulo-seccion2{
        font-size: 30px;
    }

    .txt-seccion{
        font-size: 17px;
        line-height: 25px;
    }


    .mision{
        margin-top: 20px;
    }

    .equipo{
        margin-top: 40px;
    }

    .social{
        margin-top: 40px;
    }

    .envios{
        margin-top: 40px;
    }

    .img-almacen{margin-top: 0;}

    /* FIN QUIEN SOMOS*/



    /* CONTACTO*/

    .campos_contacto_mitad_izq{float:left; width:100%;}
    .campos_contacto_mitad_der{float:left; width:100%;}

    .contacto{
        max-width: 100%;
    }

    .localizacion{
        margin-top: 20px;
    }

    .titulo-seccion{
        font-size: 25px;
    }

    .zona-mapa{
        width: 100%;
    }

    .zona-txt-mapa{
        width: 100%;
        margin-top: 0;
    }

    .txt-seccion{
        font-size: 14px;
        line-height: 0;
    }

    .localizacion .txt-seccion{
        margin-left: 30px;
        margin-right: 30px;
    }

    .localizacion .titulo-seccion{
        margin-left: 30px;
        margin-right: 30px;
    }

    .titulo-zonamapa{
        font-size: 16px;
    }

    .subtitulo-zonamapa{
        margin-top: 16px;
        font-size: 14px;
    }

    .txt-zonamapa{
        font-size: 13px;
        line-height: 16px;
    }

    .zona-horarios-celra:last-child{
        margin-right:0;
        width:  50%;
    }

    .zona-horarios-celra:before{
        content:"";
        display: block;
        padding-top:85%;
        float: left;
    }

    .zona-horarios-girona:last-child{
        margin-right:0;
        width:  50%;
    }

    .zona-horarios-girona:before{
        content:"";
        display: block;
        padding-top:89%;
        float: left;
    }


    .zona-direccion:last-child{
        margin-right:0;
    }

    .zona-direccion:before{
        content:"";
        display:block;
        padding-top:30%;
        float: left;
    }


    .formulario-contacto{
        margin-left: 30px;
        margin-right: 30px;
        margin-bottom: 35px;
        margin-top: 35px;
        width: calc(100% - 60px);
        float: left;
    }

    .frase-ley{
        margin-left: 0;
        margin-right: 30px;
        float: left;
        width: 100%;
        margin-top: 0;

    }

    .formulario-contacto .txt-leido {
        width: 100%;
        float: left;
        line-height: 18px;
    }

    .formulario-contacto input {width: 100%;}
    .formulario-contacto select{width:110%;}
    .flecha_select {width: 100%;}
    .formulario-contacto .input-textoarea{	width:100%;}
    .formulario-contacto input[type=submit] {width:100%;float: left;}
    .formulario-contacto .check-leido{margin-bottom: 20px;	}
    #recaptcha1, #recaptcha3, #recaptcha2 {float:left;}
    #recaptcha1 iframe, #recaptcha3 iframe, #recaptcha2 iframe { margin-left: 0;}
    .trabajo{margin-left: 30px;margin-right: 30px;margin-top: 0;margin-bottom: 0;}
    .formulario-izquierda{width: 100%;margin-top: 30px;margin-left: 0;margin-right: 0;}
    .trabajo-form{margin-right: 0;width: 100%;margin-top: 6px;}
    .partners{margin-left: 30px;margin-right: 30px;margin-top: 10px;}
    .txt-partners{margin-top: 0;margin-bottom: 35px;}

    /* MARCAS */

    .buscador-marcas-fondo{width: 100%;}
    .marcas .titulo-seccion{margin-left: 17px;margin-bottom: 30px;}
    .logos-marcas-destacado {margin-left: 17px;}

    .menu-tiendas-mobile {
        display:block;
    }
    .menu-tiendas {
        display:none;
    }

    .zona-buscador{
        clear:both;
        margin-left: 17px;
        margin-bottom: 15px;
    }


    .titulo-marcas {
        margin-left: 17px;
        margin-top: 30px;
    }

    .columnas-marcas{
        margin-left: 17px;
        font-size: 15px;
        line-height: 30px;
        -webkit-column-count:2;
        -moz-column-count:2;
        column-count:2;
    }

    .logos-marcas-destacado{
        clear:both;
        margin-bottom: 10px;

    }
    .logos-marcas-destacado li{
        width: 15%;
    }

    .logosd-tablet {
        display: none;
    }
    .logos-marcas-destacado {
        display: none;
    }

    /* FIN MARCAS */



    /*Footer*/
    .titulos-pie{text-align: center;}

    #footer-fondo {height: auto;padding-bottom: 15px;}

    .footer-content{
        width: 100%;
    }

    .app ul {
        margin-left: calc((100% - 350px)/2);
    }

    .tgcbinn{
        width: 100%;
        float: left;
    }

    .tgcbinn-logo
    {
        margin-left: calc((100% - 116px)/2);
    }

    .app{width: calc(100% - 17px); margin-left: 17px;}
    .tgcbinn{width: calc(100% - 17px);margin-left: 17px;}
    .tgcbinn-logo {text-align: center;}
    .newsletter {width:calc(100% - 17px);margin-top: 30px;margin-right: 0;margin-bottom: 30px;}
    .rrss{width:calc(100% - 17px); margin-top: 30px;}
    .rrss ul {text-align: center;}
    .footer-contenedor .idioma{width: calc(100% - 30px); margin-left: 15px; margin-top: 40px;}
    .rrss ul li {margin-right: 0;width: 60px;}
    .app ul li {margin-right: 10px;}
    .tu-mail {width: calc(100% - 120px);}

    form {
        width: 100%;
        margin-right: 0;
        float:left;
    }

    .zona-almacen {
        float: left;
        width: 100%;
    }

    .tiendas-vertical{position:relative; float: left; height: auto !important;}
    .txt-tiendas-v{margin-top: 38%;}
    .txt-tiendas-h{margin-top: 22%;}
    .logo_banner_hpt{margin-right: 830px;}

}



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

    .logo-header img {width: 160px;}
    .carrusels_tradeinnhp {width: calc(100% - 40px) !important;}
    .menu-mobile_cerrar{  margin: auto;  }
    #menu-mobile-hambur {  margin-left: 0; margin-right: 15px; height: 40px;justify-content: flex-start; }
    .singleBoxMarcaCarrusel .BoxImage{min-height: auto;}
    .singleBoxMarcaCarrusel .BoxImage a{max-height: 307px;}
    .logo_banner_hpt{margin-right: 0; align-items: center;}
}
@media only screen and (max-width: 480px) {

    .ResSlid1 .item{width: 45% !important;}
    .ResSlid0 .item{width: 45% !important;}
    .BoxPriceName{    max-height: 35px;}
    .linia_separacion{margin: 0 6px;}
    .logo_carrusel_hp a img{transform: scale(0.8); margin-left: -10px;}
    .banners_home_medio{width: calc(100% - 20px) !important;}
    .menu-mobile_cerrar{    margin: auto;}
    #menu-mobile-hambur {  margin: 0;  height: 55px;justify-content: flex-start; }
    .logo-header{    flex: 2 0;justify-content: flex-start;}
    #cabecera-fondo{background-color: #000;}
    .logo-header img{justify-content: center; -moz-box-sizing: border-box;box-sizing: border-box;}
    .secciones_linia {width: calc(100% - 60px);margin: 30px 30px 0 30px;float: left;}
    .menu-item-botigues {display: block !important;}
    .espacio_gris_separador {display: block;  width: calc(100% + 20px);  margin-left: -20px;margin-bottom: 20px;}
    #searchinn{top:-48px !important;}
    #cabecera-fondo a{color: #000000;}
    .menu-list{margin-left: 0;}
    .menu-list li{border: none;}
    .localizacion { margin-top: 20px;}
    .cincuenta{width:100%;}
    .cookieBar{width: 100%; right: 0; padding: 30px; bottom: 0;}
    .selector_idiomas{display:none;}

    /* MENÚ MOBILE*/
    .mostrar_menu_mobile{ display:block; left: 0;  overflow-y: scroll; position: fixed; top: 0; z-index: 10000000000; height: 100%;transition: all 2s ease;
        -o-transition: all 2s ease; /* Para Opera */
        -ms-transition: all 2s ease; /* Para IE */
        -moz-transition: all 2s ease; /* Para Firefox */
        -webkit-transition: all 2s ease; /* Para Chrome y Safari */}
    .ocultar_menu_mobile{ display:none; position:relative;}
    .menu-mobile {display:block;margin:0; padding: 0;}


    .menu-contenedor {
        width:100%;
        padding:40px 0 0;
    }

    nav {
        display:none;
        z-index: 1000000000000000;
        position: absolute;
        background: #fff;
        width: 74%;
        height: 100%;
    }

    .menu-list {margin-top: 20px;display: flex;flex-direction: column;align-items: flex-start;margin-left: 0;}

    .menu-item {
        width:calc(100% - 20px);
        float:left;
        text-align: left;
        font-size: 15px;
        line-height: 35px;
        margin-left: 10px;
        margin-right: 10px;
        border-bottom: solid 1px #D2D2D2;
    }

    .menu-item a {
        padding:10px;
        color: #000 !important;
    }

    .menu-active {
        display:block;
    }


    /* Cabecera*/


    .zona-logos{
        display: none;
    }


    #cabecera-fondo {
        height: auto;
    }
    .logo-tradeinn {
        float:left;
        margin-top: 13px;
        transform:scale(0.9);
    }

    #zona-lupa{
        height: 70px;
        width: 50px;
        background-color: #000;
    }
    #zona-lupa .lupa {
        margin-top: 23px;
    }

    #txt-buscador, #df-searchbox__dffullscreen {
        height: 70px;
        margin-left: 0;
        padding-left: 17px;
        font-size: 13px;
    }

    .buscador {
        width:100%;
        max-width: none;
        height: 70px;
        background-color: #F4F3F3;
        float: left;
    }


    /* HOME PAGE*/


    .txt-tiendas-h{
        margin-top: 18%;
    }

    .txt-tiendas-c{margin-top: 12%;}
    .nombre-tienda {font-size: 37px; display: flex; align-items: center; justify-content: center;}
    .tipo-tienda {font-size: 16px; line-height: 18px;}
    .tiendas-horizontal{display: inline-block;width: 0;vertical-align: top;float: left;}
    .grid-item picture{display: flex;}
    .tiendas-vertical {
        display: inline-block;
        width: 0;
        vertical-align: top;
        float: left; max-height: 360px !important;
    }

    .tiendas-cuadrada {
        display: inline-block;
        vertical-align: super;
        width: 0;
        float: left;
    }


    /* hover tiendas*/

    .tiendas-horizontal .grid-item{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .txt-tiendas-hover{
        margin-top: 10px;
        font-size: 16px;
    }

    .hover-tiendas-h{
        margin-top: 10% ;
    }

    .hover-tiendas-v{
        margin-top: 80% ;
    }

    .hover-tiendas-c{
        margin-top: 20% ;
    }

    .boto-tienda{
        width: 150px;
        height: 40px;
        font-size: 14px;
        margin-top: 13px;
    }
    .logo-trekkinn{	transform:scale(0.9);}
    .logo-snowinn{transform:scale(0.9);}
    .logo-bikeinn {	transform:scale(0.9);}
    .logo-runnerinn {transform:scale(0.9);}
    .logo-traininn{	transform:scale(0.9);}
    .logo-diveinn{transform:scale(0.9);}
    .logo-smashinn{transform:scale(0.9);}
    .logo-dressinn{transform:scale(0.9);}
    .logo-xtremeinn {transform:scale(0.9);}
    .logo-motardinn {transform:scale(0.9);}
    .logo-swiminn{	transform:scale(0.9);}
    .logo-goalinn{transform:scale(0.9);}
    .logo-waveinn{transform:scale(0.9);}
    .logo-kidinn{transform:scale(0.9);}
    .logo-techinn{transform:scale(0.9);}
    .logo-bricoinn{transform:scale(0.9);}
    .logo-outletinn{transform:scale(0.9);}
    .logo-tplace-celra{	transform:scale(0.9);}
    .logo-tplace-girona{transform:scale(0.9);}

    /* QUIEN SOMOS */
    .titulo-quien{font-size: 38px;margin-top: 15px;}
    .diveinn-q{transform: scale(0.9);margin-top: -5px;}
    .waveinn-q{transform: scale(0.9);margin-top: -5px;}
    .swiminn-q{transform: scale(0.9);margin-top: -5px;}
    .trekkinn-q{transform: scale(0.9);margin-top: -5px;}
    .snowinn-q{transform: scale(0.9);margin-top: -5px;}
    .runnerinn-q{transform: scale(0.9);margin-top: -5px;}
    .traininn-q{transform: scale(0.9);margin-top: -5px;}
    .smashinn-q{transform: scale(0.9);margin-top: -5px;}
    .goalinn-q{transform: scale(0.9);margin-top: -5px;}
    .bikeinn-q{transform: scale(0.9);margin-top: -5px;}
    .xtremeinn-q{transform: scale(0.9);margin-top: -5px;}
    .motardinn-q{transform: scale(0.9);margin-top: -5px;}
    .dressinn-q{transform: scale(0.9);margin-top: -5px;}
    .outletinn-q{transform: scale(0.9);	margin-top: -5px;}
    .tplace-q{transform: scale(0.9);margin-top: -5px;}
    .tplace-qr{transform: scale(0.9);margin-top: -5px;}
    .kidinn-q{transform: scale(0.9);margin-top: -5px;}
    .techinn-q{transform: scale(0.9);margin-top: -5px;}
    .bricoinn-q{transform: scale(0.9);margin-top: -5px;}
    .logos-tiendas-quien ul{width: 100%;top: 0;margin-top: -45px;}
    .logos-tiendas-quien li{margin-left: 8px;}
    .logos-tiendas-quien li a {  display: block;line-height: 2px;padding: 0 1px;}
    .circulos {float: left;}
    .logo-oxfam{transform: scale(0.6); margin-top: -55px;}
    .logo-aecc{transform: scale(0.6) !important; margin-top: -55px;}
    .logo-manos{transform: scale(0.6); margin-top: -55px;}
    .social .sociales a {margin-left: 0;}
    .social .sociales{margin-top: 40px;}
    .sociales_logos {width: 100%;display: block;}
    .zona-almacen {
        float: left;
        width: 100%;
    }

    .circul01 {
        display: table-cell;
        height: 140px;
        width: 140px;
        border: solid 7px #B8E986;
    }

    .circul02 {
        display: table-cell;
        height: 140px;
        width: 140px;
        border: 7px #f14353 dashed;
    }

    .circul03 {
        display: table-cell;
        height: 140px;
        width: 140px;
        border: solid 7px #4990E2;
    }

    .circulo1-zona, .circulo2-zona, .circulo3-zona{
        display: inline-block;
        width: calc(100% - calc((100% - 154px)/2));
        margin-top: 10px;
        margin-bottom: 20px;
        vertical-align: top;
        margin-left: calc((100% - 154px)/2);
        float: left;
        text-align: center;
    }
    /*
    .circulo2-zona{
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
        vertical-align: top;
        margin-left: calc((100% - 154px)/2);
        float: left;
        text-align: center;
        }

    .circulo3-zona{
        display: inline-block;
        width: 100%;
        margin-top: 10px;
        margin-bottom: 20px;
        vertical-align: top;
        margin-left: calc((100% - 154px)/2);
        float: left;
        text-align: center;
        }	*/

    .num-circulo {
        font-size: 17px;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        color: #000;
        text-align: center;
        z-index: 3;
        position: relative;
    }

    .txt-circulo {
        font-size: 17px;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        color: #000;
        line-height: 20px;
    }

    .img-almacen{
        margin-top: 0;
    }

    .txt-almacen{
        margin-left: 17px;
        margin-right: 17px;
        margin-top: 10%;
        width: calc(100% - 24px);
        float: left;
    }

    .txt-almacen-parteA{
        margin-top: 10px;
        font-size: 20px;
        line-height: 32px;
        width: calc(100% - 24px);
    }

    .txt-almacen-parteB{
        margin-top: 20px;
        font-size: 20px;
        line-height: 32px;
        width: calc(100% - 24px);
    }

    .img-envios{
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
    }

    .quien-somos .txt-seccion{
        font-size: 16px;
        line-height: 20px;
        margin-top: 10px;
        margin-left: 17px;
        margin-right: 17px;
    }

    .quien-somos .titulo-seccion{
        font-size: 20px;
        margin-left: 0;
        margin-right: 0;
    }

    .quien-somos .titulo-seccion2{
        font-size: 20px;
        margin-bottom: 20px;
    }



    .mision{
        margin-top: 10px;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .img-equipo.mobile{
        margin-top: 40px;
    }

    .equipo{
        margin-top: 30px;
    }

    .social{
        margin-top: 30px;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .envios{
        margin-top: 30px;
    }




    /* FIN QUIEN SOMOS*/



    /* CONTACTO*/

    .campos_contacto_mitad_izq{float:left; width:100%;}
    .campos_contacto_mitad_der{float:left; width:100%;}
    .contacto{width: 100%;}
    .localizacion{margin-top: 20px;	}
    .titulo-seccion{font-size: 25px;}
    .zona-mapa{width: 100%; margin-top: 23px;}
    .zona-txt-mapa{width: 100%;margin-top: 0;}
    .txt-seccion{
        font-size: 14px;
        line-height: 0;
        margin-left: 0;
    }

    .localizacion .txt-seccion{
        margin-left: 30px;
        margin-right: 30px;
    }

    .localizacion .titulo-seccion{
        margin-left: 30px;
        margin-right: 30px;
    }

    .titulo-zonamapa{
        font-size: 16px;
    }

    .subtitulo-zonamapa{
        margin-top: 16px;
        font-size: 14px;
    }

    .txt-zonamapa{
        font-size: 13px;
        line-height: 16px;
    }
    .zona-direccion{height: 140px;}
    .zona-horarios-celra {width: 100%; height: 100px;}
    .zona-horarios-celra:last-child{margin-right:0;width:  100%;}
    .zona-horarios-celra:before{content:"";display: block;padding-top:50%;float: left; }
    .zona-horarios-girona {width: 100%; height: 100px;}

    .zona-horarios-girona:last-child{
        margin-right:0;
        width:  100%;
    }

    .zona-horarios-girona:before{
        content:"";
        display: block;
        padding-top:50%;
        float: left;
    }

    .zona-direccion:last-child{
        margin-right:0;
    }

    .zona-direccion:before{
        content:"";
        display:block;
        padding-top:50%;
        float: left;
    }

    .img-ofi{
        display: none;
    }

    .formulario-contacto form {width: 100%;}
    .formulario-contacto{margin-left: 17px;margin-right: 17px;margin-bottom: 35px;margin-top: 35px;width: calc(100% - 34px);float: left;}

    .frase-ley{
        margin-left: 0;
        margin-right: 17px;
        float: left;
        width: 100%;
        margin-top: 0;

    }

    .formulario-contacto .txt-leido {
        width: 100%;
        float: left;
        line-height: 18px;
    }

    .formulario-contacto input {width: 100%;}
    .formulario-contacto select{width:110%; padding-right: 60px;}
    .flecha_select {width: 100%; }
    .formulario-contacto .input-textoarea{	width:100%; }
    #recaptcha1 iframe, #recaptcha2 iframe, #recaptcha3 iframe {margin-left: 0;}
    .formulario-contacto input[type=submit] {width: 100%;float: left;}
    .formulario-contacto .check-leido{margin-bottom: 20px;	}
    .trabajo-form .boton-enviar{
        float: left;
    }

    .trabajo{
        margin-left: 17px;
        margin-right: 17px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .formulario-izquierda{
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }

    .trabajo-form{
        margin-right: 0;
        width: 100%;
        margin-top: 6px;
    }

    .partners{
        margin-left: 17px;
        margin-right: 17px;
        margin-top: 10px;
    }

    .txt-partners{
        margin-top: 0;
        margin-bottom: 20px;
        width: 100%;
        margin-left: 0;
    }


    .partners-list{
        margin-top: 16px;
        margin-left: 17px;
    }


    /* FIN CONTACTO*/

    /* MARCAS */

    .buscador-marcas-fondo{
        width: 100%;
    }

    .marcas .titulo-seccion{
        margin-left: 17px;
        margin-bottom: 10px;
    }

    .logos-marcas-destacado {
        margin-left: 17px;
    }

    .logos-marcas-destacado ul{
        margin-bottom: -40px;
    }

    .menu-tiendas-mobile {
        display:block;
    }
    .menu-tiendas {
        display:none;
    }

    .zona-buscador{
        clear:both;
        margin-left: 17px;
        margin-bottom: 15px;
    }


    .titulo-marcas {
        margin-left: 17px;
        margin-top: 20px;
    }

    .columnas-marcas{
        margin-left: 17px;
        font-size: 15px;
        -webkit-column-count:1;
        -moz-column-count:1;
        column-count:1;
    }

    .logos-marcas-destacado{
        margin-bottom: 10px;

    }
    .logos-marcas-destacado li{
        width: 20%;
    }

    .columnas-marcas li a {
        line-height: 55px;
        width: 100%;
        float: left;
        border-bottom:1px solid #D2D2D2;
        height: 55px;
    }

    .logosd-tablet {
        display: none;
    }

    .logosd-mobile {
        display: none;
    }

    .logos-marcas-destacado {
        display: none;
    }







    /* Pie*/

    #footer-fondo {height: auto;padding-bottom: 15px;}
    .titulos-pie { text-align: center;}
    .footer-area{width: 100%;}
    .app{width: 100%; margin-left: 0;}
    .app ul {margin-left: calc((100% - 361px)/2);}
    .app ul li{ margin-right: -15px;}
    .rrss ul li i {transform: scale(0.8); margin-right: 0;}
    .footer-contenedor{padding-top: 30px; padding-left: 15px; padding-right: 15px;}
    .tgcbinn{width: calc(100% - 34px);float: left;margin-left: 17px;}
    .tgcbinn-logo{margin-left: calc((100% - 116px)/2);}
    .newsletter {width: calc(100% - 34px);margin-top: 25px;margin-bottom: 20px;}
    #txt-subscribete {font-size: 18px;}
    .titulos-pie{margin-bottom: 8px;}
    .googleplus{ margin-top: 0;}
    .footer-contenedor #legal{margin-left: 0; width: 100%; margin-right: 0;}
    .idioma-select{    padding-left: 15px;}
    .footer-contenedor .idioma{width: calc(100% - 34px);margin-left: 0;text-align: center;margin-top: 30px;margin-bottom: 0;}
    .rrss{width: calc(100% - 34px); margin-top: 25px;}
    .rrss ul {text-align: center;}
    .rrss ul li {margin-right: 0;}
    .newsletter form {width: 100%;}
    .tu-mail {width: calc(100% - 103px);}
    .boton-enviar{float: right;}
    .txt-legal{font-size: 12px;     line-height: 17px;}
    #legal hr {margin-bottom: 16px; color: var(--grismedio);}
    #txt-consigue{line-height: 16px; margin-top: 7px;}
    .grid{height:100% !important;}
    .grid-item{max-height:400px !important; width: 100%; position: relative !important; top: 0 !important;display: contents;}
    .grid-item img{width:100%; position: relative;}
    .txt-tiendas-v, .txt-tiendas-h{margin-top: 10%;}
    .tiendas-vertical{position:relative; float: left;}
    .applesotre{transform:scale(0.8); height: 38px;     margin-left: 15px;}
    .googleplus{transform:scale(0.8);}
    .capa_oscura{float: none; position: relative;}
    .logo140 {margin: auto;text-align: center;}
    .ResSlid2 .item {width: 45%!important; ;}
    .ResSlid3 .item {width: 45%!important; ;}
    .ResSlid4 .item {width: 45%!important; ;}
    .ResSlid5 .item {width: 45%!important; ;}
    .ResSlid6 .item {width: 45%!important; ;}
    .ResSlid7 .item {width: 45%!important; ;}

}

@media (min-width: 1px) and (max-width: 318px) {
    .contenedor_logo_hpt img{width: 70% !important;}
    .ResSlid2 .item {width: 45%!important; ;}
    .ResSlid3 .item {width: 45%!important; ;}
    .ResSlid4 .item {width: 45%!important; ;}
    .ResSlid5 .item {width: 45%!important; ;}
    .ResSlid6 .item {width: 45%!important; ;}
    .ResSlid7 .item {width: 45%!important; ;}

    .logo140 {margin: auto;text-align: center;}

    .secciones_linia {width: calc(100% - 60px);margin: 30px 30px 0 30px;float: left;}
    nav {display:none; z-index: 1000000000000000; position: absolute; background: #fff; width: 70%; height: 100%;}
    .menu-item-botigues {display: block !important;}
    .espacio_gris_separador {display: block;}
    .espacio_gris_separador {display: block;  width: calc(100% + 20px);  margin-left: -10px;margin-bottom: 15px;}
    #searchinn{top:-48px !important;}
    #cabecera-fondo a{color: #000000;}
    .menu-list li{border: none;}
    /*.df-fullscreen .df-topbar{top:70px !important;}
    .df-fullscreen .df-overlay{top:70px !important;}
    .df-fullscreen .df-fullscreen__content{top:150px !important;}*/
    .grid-item picture{display: flex;}
    #searchinn{top:-48px !important;}
    .cookieBar{width: 100%; right: 0; padding: 30px; bottom: 0;}
    .selector_idiomas{display:none;}

    /* MENÚ MOBILE*/
    .mostrar_menu_mobile{ display:block;left: 0; overflow-y: scroll; position: fixed; top: 0; z-index: 10000; height: 100%;transition: all 2s ease;-o-transition: all 2s ease; /* Para Opera */-ms-transition: all 2s ease; /* Para IE */-moz-transition: all 2s ease; /* Para Firefox */-webkit-transition: all 2s ease; /* Para Chrome y Safari */}
    .ocultar_menu_mobile{ display:none; position:relative;}
    .menu-mobile {display:block;}
    .menu-contenedor {width:100%;padding:40px 0 0;}
    .menu-list {margin-top: 20px;display: flex;flex-direction: column;align-items: flex-start;margin-left: 0;}
    .menu-item {width:calc(100% - 34px);float:left;text-align: left;font-size: 15px;line-height: 35px;margin-left: 17px;margin-right: 17px;border-bottom: solid 1px #D2D2D2;}
    .menu-item a {
        padding:10px;
        color: #000 !important;
    }

    .menu-active {
        display:block;
    }


    /* Cabecera*/

    .zona-logos{
        display: none;
    }


    #zona-lupa {
        display: none;
    }

    #cabecera-fondo {
        height: auto;
    }
    .logo-tradeinn {
        float:left;
        margin-top: 13px;
        transform:scale(0.9);
    }

    #txt-buscador, #df-searchbox__dffullscreen {
        height: 70px;
        margin-left: 0;
        padding-left: 17px;
    }




    /* HOME PAGE*/


    .txt-tiendas-h{
        margin-top: 18%;
    }

    .txt-tiendas-c{
        margin-top: 12%;
    }

    .nombre-tienda {font-size: 37px;}

    .tipo-tienda {font-size: 15px; line-height: 0; display: flex; align-items: center;justify-content: center;}

    .tiendas-horizontal{
        display: inline-block;
        width: 0;
        vertical-align: top;
        float: left;
    }

    .tiendas-vertical {
        display: inline-block;
        width: 0;
        vertical-align: top;
        float: left; height: auto !important;
    }

    .tiendas-cuadrada {
        display: inline-block;
        vertical-align: super;
        width: 0;
        float: left;
    }


    /* hover tiendas*/

    .tiendas-horizontal .grid-item{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .txt-tiendas-hover{
        margin-top: 10px;
        font-size: 15px;
    }

    .hover-tiendas-h{
        margin-top: 10% ;
    }

    .hover-tiendas-v{
        margin-top: 80% ;
    }

    .hover-tiendas-c{
        margin-top: 20% ;
    }

    .boto-tienda{
        width: 150px;
        height: 40px;
        font-size: 13px;
        margin-top: 13px;
    }

    .logo-trekkinn{
        transform:scale(0.7);
    }

    .logo-snowinn{
        transform:scale(0.7);
    }

    .logo-bikeinn {
        transform:scale(0.7);
    }

    .logo-runnerinn {
        transform:scale(0.7);
    }

    .logo-traininn{
        transform:scale(0.7);
    }

    .logo-diveinn{
        transform:scale(0.7);
    }

    .logo-smashinn{
        transform:scale(0.7);
    }

    .logo-dressinn{
        transform:scale(0.7);
    }
    .logo-xtremeinn {
        transform:scale(0.7);
    }

    .logo-motardinn {
        transform:scale(0.7);
    }

    .logo-swiminn{
        transform:scale(0.7);
    }

    .logo-goalinn{
        transform:scale(0.7);
    }

    .logo-waveinn{
        transform:scale(0.7);
    }

    .logo-outletinn{
        transform:scale(0.7);
    }

    .logo-tplace-celra{
        transform:scale(0.7);
    }

    .logo-tplace-girona{
        transform:scale(0.7);
    }

    .logo-kidinn{
        transform:scale(0.7);
    }

    .logo-techinn{
        transform:scale(0.7);
    }
    .logo-bricoinn{
        transform:scale(0.7);
    }
    /* FIN HOME PAGE */



    /* QUIEN SOMOS */

    .titulo-quien{
        font-size: 25px;
        margin-top: 15px;
    }

    .diveinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .waveinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .swiminn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .trekkinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .snowinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .runnerinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .traininn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .smashinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .goalinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .bikeinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .xtremeinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .motardinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .dressinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .outletinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .kidinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .techinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }
    .bricoinn-q{
        transform: scale(0.9);
        margin-top: 3px;
    }
    .tplace-q{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .tplace-qr{
        transform: scale(0.9);
        margin-top: 3px;
    }

    .logos-tiendas-quien ul{
        width: 100%;
        top: 0;
        margin-top: -45px;
    }

    .logos-tiendas-quien li{
        margin-left: 8px;
    }

    .logos-tiendas-quien li a {
        display: block;
        line-height: 2px;
        padding: 0 1px;
    }

    .circulos {
        float: left;
    }

    .zona-almacen {
        float: left;
        width: 100%;
    }

    .circul01 {
        display: table-cell;
        height: 140px;
        width: 140px;
        border: solid 7px #B8E986;
    }

    .circul02 {
        display: table-cell;
        height: 140px;
        width: 140px;
        border: 7px #F14353 dashed;
    }

    .circul03 {
        display: table-cell;
        height: 140px;
        width: 140px;
        border: solid 7px #4990E2;
    }

    .circulo1-zona{
        display: inline-block;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
        vertical-align: top;
        margin-left: calc((100% - 154px)/2);
        float: left;
        text-align: center;
    }

    .circulo2-zona{
        display: inline-block;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
        vertical-align: top;
        margin-left: calc((100% - 154px)/2);
        float: left;
        text-align: center;
    }

    .circulo3-zona{
        display: inline-block;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 10px;
        vertical-align: top;
        margin-left: calc((100% - 154px)/2);
        float: left;
        text-align: center;
    }

    .num-circulo {
        font-size: 14px;
        font-family: 'Lato', sans-serif;
        font-weight: 800;
        color: #000;
        text-align: center;
        z-index: 3;
        position: relative;
    }

    .txt-circulo {
        font-size: 14px;
        font-family: 'Lato', sans-serif;
        font-weight: 500;
        color: #000;
        line-height: 17px;
    }

    .img-almacen{
        margin-top: 0;
    }

    .txt-almacen{
        margin-left: 17px;
        margin-right: 17px;
        margin-top: 10%;
        width: calc(100% - 24px);
        float: left;
    }

    .txt-almacen-parteA{
        margin-top: 10px;
        font-size: 14px;
        line-height: 32px;
        width: 100%;
    }

    .txt-almacen-parteB{
        margin-top: 10px;
        font-size: 14px;
        line-height: 19px;
        width: 100%;
    }

    .img-envios{
        margin-left: 0;
        width: 100%;
        margin-top: 20px;
    }

    .quien-somos .txt-seccion{
        font-size: 13px;
        line-height: 19px;
        margin-top: 5px;
        margin-left: 17px;
        margin-right: 17px;
    }

    .quien-somos .titulo-seccion{
        font-size: 16px;
        margin-left: 0;
        margin-right: 0;
    }

    .quien-somos .titulo-seccion2{
        font-size: 15px;
        margin-bottom: 10px;
    }


    .mision{
        margin-top: 0;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .img-equipo.mobile{
        margin-top: 40px;
    }

    .equipo{
        margin-top: 30px;
    }

    .social{
        margin-top: 30px;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .envios{
        margin-top: 30px;
    }




    /* FIN QUIEN SOMOS*/




    /* CONTACTO*/


    .campos_contacto_mitad_izq{float:left; width:100%;}
    .campos_contacto_mitad_der{float:left; width:100%;}

    .contacto{
        max-width: 100%;
    }

    .localizacion{
        margin-top: 90px;
    }

    .titulo-seccion{
        font-size: 25px;
    }

    .zona-mapa{
        width: 100%;
    }

    .zona-txt-mapa{
        width: 100%;
        margin-top: 0;
    }

    .txt-seccion{
        font-size: 14px;
        line-height: 0;
        margin-left: 0;
    }

    .localizacion .txt-seccion{
        margin-left: 30px;
        margin-right: 30px;
    }

    .localizacion .titulo-seccion{
        margin-left: 30px;
        margin-right: 30px;
    }

    .titulo-zonamapa{
        font-size: 16px;
    }

    .subtitulo-zonamapa{
        margin-top: 16px;
        font-size: 14px;
    }

    .txt-zonamapa{
        font-size: 13px;
        line-height: 16px;
    }

    .zona-horarios-celra {
        width: 100%;
    }

    .zona-horarios-celra:last-child{
        margin-right:0;
        width:  100%;
    }

    .zona-horarios-celra:before{
        content:"";
        display: block;
        padding-top:50%;
        float: left;
    }

    .zona-horarios-girona {
        width: 100%;
    }

    .zona-horarios-girona:last-child{
        margin-right:0;
        width:  100%;
    }

    .zona-horarios-girona:before{
        content:"";
        display: block;
        padding-top:50%;
        float: left;
    }

    .zona-direccion:last-child{
        margin-right:0;
    }

    .zona-direccion:before{
        content:"";
        display:block;
        padding-top:50%;
        float: left;
    }

    .img-ofi{
        display: none;
    }

    .formulario-contacto form {
        width: 100%;
    }

    .formulario-contacto{
        margin-left: 17px;
        margin-right: 17px;
        margin-bottom: 35px;
        margin-top: 35px;
        width: 100%;
        float: left;
    }

    .frase-ley{
        margin-left: 0;
        margin-right: 17px;
        float: left;
        width: 100%;
        margin-top: 0;

    }

    .formulario-contacto .txt-leido {
        width: 100%;
        float: left;
        line-height: 18px;
    }

    .formulario-contacto input {
        width: calc(100% - 36px);
    }

    .formulario-contacto input[type=submit] {
        width:calc(100% - 36px);
        float: left;
    }

    .formulario-contacto .check-leido{
        margin-bottom: 20px;
    }

    .trabajo-form .boton-enviar{
        float: left;
    }

    .trabajo{
        margin-left: 17px;
        margin-right: 17px;
        margin-top: 0;
        margin-bottom: 0;
    }

    .formulario-izquierda{
        width: 100%;
        margin-top: 30px;
        margin-left: 0;
    }

    .trabajo-form{
        margin-right: 0;
        width: 100%;
        margin-top: 6px;
    }

    .partners{
        margin-left: 17px;
        margin-right: 17px;
        margin-top: 10px;
    }

    .txt-partners{
        margin-top: 0;
        margin-bottom: 20px;
        width: 100%;
        margin-left: 0;
    }


    .partners-list{
        margin-top: 16px;
        margin-left: 0;
        font-size: 14px;
        line-height: 19px;
    }


    /* FIN CONTACTO*/



    /* Pie*/

    #footer-fondo {height: auto;padding-bottom: 15px;}
    .titulos-pie { text-align: center;}
    .footer-area{width: 100%;}
    .app{width: 100%; margin-left: 0;}
    .app ul {margin-left: calc((100% - 361px)/2);}
    .app ul li{ margin-right: -15px;}
    .rrss ul li i {transform: scale(0.8); margin-right: 0;}
    .footer-contenedor{padding-top: 30px; padding-left: 15px; padding-right: 15px;}
    .tgcbinn{width: calc(100% - 34px);float: left; margin-left: 17px;}
    .tgcbinn-logo{margin-left: calc((100% - 116px)/2);}
    .newsletter {width: calc(100% - 34px);margin-top: 25px;margin-bottom: 20px;}
    #txt-subscribete {font-size: 18px;}
    .titulos-pie{margin-bottom: 8px;}
    .googleplus{ margin-top: 0;}
    .footer-contenedor #legal{margin-left: 0; width: 100%; margin-right: 0;}
    .idioma-select{    padding-left: 15px;}
    .footer-contenedor .idioma{width: calc(100% - 34px);margin-left: 0;text-align: center;margin-top: 30px;margin-bottom: 0;}
    .rrss{width: calc(100% - 34px); margin-top: 25px;}
    .rrss ul {text-align: center;}
    .rrss ul li {margin-right: 0;}
    .newsletter form {width: 100%;}
    .tu-mail {width: calc(100% - 103px);}
    .boton-enviar{float: right;}
    .txt-legal{font-size: 12px;}
    #legal hr {margin-bottom: 16px; color: var(--grismedio);}
    #txt-consigue{line-height: 16px; margin-top: 7px;}
    .grid{height:100% !important;}
    .grid-item{max-height:400px !important; width: 100%; position: relative !important; top: 0 !important;height: auto !important;}
    .grid-item img{width:100%; position: relative;}
    .txt-tiendas-v, .txt-tiendas-h{margin-top: 10%;}
    .tiendas-vertical{position:relative; float: left;}
    .applesotre{transform:scale(0.8); height: 38px;     margin-left: 15px;}
    .googleplus{transform:scale(0.8);}
}