/*@import '../css/fonts/Monsterrat"Helvetica Neue",Helvetica,Arial,sans-serifcss';*/
@import url('https://fonts.googleapis.com/css?family=Lato:300,400,500,600,800');
@font-face {
    font-family: breve;
    src: url(FontBreve/breve_sans_text_light-webfont.woff2);
}
@font-face {
    font-family: breve;
    src: url(FontBreve/breve_sans_text_bold-webfont.woff2);
    font-weight: bold;
}
/*general*/
body{font-family: "breve" !important;overflow-x: hidden;}

header {font-family: "breve" !important;}


#loading {top: 0;left: 0;background-image: url('../images/logo_marro.svg');background-size: 200px;width: 100vw;height: 100vh;position: fixed;z-index: 100000;background-repeat: no-repeat;background-position: center;background-color: #F5EAE6;}
#loading.opacity{opacity: 0.5;}
/*bootstrap*/
img{width:100%;}
.container-fluid{padding:0;width:100%}
.container-marges{padding:0 2%; max-width:calc(1000px + 4%);}
.container-marges2{padding:0 2%; max-width:calc(1200px + 4%);}
.container-marges3{padding:0 2%; max-width:calc(1700px + 4%);}
.row{margin:0;}
.col-sm-12{padding:0;}
.vcenter {display: inline-block;vertical-align: middle;float: none; margin-left:-1.5px; margin-right:-1.5px;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: #e7e7e7;float: right;}
.over_y_h{overflow-y: hidden;}
.relative{position: relative;}
a.but:hover{text-decoration: none;}
.hover08:hover{opacity: 0.8;transition: 1s opacity;}
.hover08 a:hover{color: inherit; text-decoration: none;}
.pretitol { color: white; font-size: 21px; margin: 0; position: absolute; z-index: 3;  width: 50%;  left: 25%;  border: 1px solid white;  bottom: 12.5%;font-weight: 300;padding: 4px;}

h1{    font-size:62px; font-family: 'breve';font-weight:300;text-transform: uppercase;}
h2{    font-size:52px; font-family: 'breve';font-weight:800;}
h2 .wow{    font-size:52px; font-family: 'breve';font-weight:300;text-transform: uppercase;display: block;}
h3{    font-size:36px; font-family: 'breve';font-weight:800;}
h3 .wow{    font-size:36px; font-family: 'breve';font-weight:300;}
h4{    font-size:32px; font-family: 'breve';font-weight:600;}
h5{    font-size:28px; font-family: 'breve';text-transform: uppercase;font-weight:300;}
h6{    font-size:24px; font-family: 'breve';font-weight:500;}
h7{    font-size:18px; font-family: 'breve';font-weight:600;}
h8{    font-size:14px; font-family: 'breve';font-weight:300;}
em{color:black !important;}
blockquote{line-height: 1 !important;}
blockquote p {margin-bottom:0px !important;margin-top: 0px !important}
.marges-langs {
    margin-top: 6px;
    margin-bottom:6px !important;
    margin-right:7px !important;
}

/* -------   GENERAL   ----- */
.exit{width: 100vw;height: 100vh; top: 0; left: 0; display: none;position: absolute;z-index: 98;}
body{background-color: #F5EAE6;background-size: 100% auto;background-repeat: no-repeat;background-position: bottom;height: auto;margin: 0;min-height: 100vh;}
body.home,body.rutas,body.sel_ruta{background-image: url('../images/background-wow.jpg');}
body.rutas_5{background-image: url('../images/fondos/background-literaria-web.jpg');background-size: cover;}
body.rutas_5 #rutas, body.rutas_5 header{background: rgba(256,256,256,0.6);} 
body.rutas_4{background-image: url('../images/fondos/llegend.jpg');background-size: auto 100%;background-repeat: inherit;}
body.rutas_4 header{background: rgba(237,229,216,0.85);}
body.rutas_4 section{background: rgba(237,229,216,0.85);}
body.ruta,body.mapa,body.etnos{background-color: #e0eff2;}
.logo{width: 230px; height: 110px; background-image: url('../images/logo_marro.svg');background-position: center; background-size: 75% auto; margin: auto; background-repeat: no-repeat;}
.logo.logo_walking{ background-image: url('../images/logo_literaries.svg');background-size: 100% auto;}
.logo.logo_llegendes{ background-image: url('../images/icons/tematica-4.svg');background-size: 100% auto;}
input[type=password]{letter-spacing: 0.5em;}
input[type=password]::-webkit-input-placeholder{letter-spacing: normal;}
input[type=password]::-moz-placeholder{letter-spacing: normal;}
input[type=password]:-ms-input-placeholder{letter-spacing: normal;}
input[type=password]:-moz-placeholder{letter-spacing: normal;}
.upper{text-transform: uppercase;}
.f-upper{text-transform: capitalize;}
a:hover{opacity:0.8;}
.home_icon {position: absolute;top: 15px;left: 15px;width: 70%;height: 20%;background-image: url('../images/home/logo_void_blanc.png');z-index: 3;background-size: contain;background-repeat: no-repeat;}
.home_icon.logo_mapa{background-image: url('../images/icons/wow_blanc.svg');}
.home_icon.walkingWord{background-image: url('../images/logo_literaries_blanc.svg');}
.home_icon.logo_llegendes{background-image: url('../images/icons/llegendes_blanc2-01.svg');background-size: auto;}
#home2 .pretitol:hover{background-color:rgba(0,0,0,0.8);}
.btn:hover, .btn:active, .btn:focus{opacity:0.7;}
.btn.btn-link-map{color:rgb(51, 51, 51);background-color:#dcdbd5;padding:10px 32px; font-weight: 700; font-size: 24px;margin-right: 20px;}
.miques-pa-mapa .btn.btn-link-map{margin:0 0 20px 20px;}
.containerAgenda {
    max-width:1200px;
    margin:0 auto;
}
.fotoBack {
    width:100%;
    height:300px;
    background-repeat: no-repeat;
    background-size: cover;
}
.botoAgenda{
    position:absolute;
    /* left: calc(50% - 200px); */
    top:11%;
}    

/*------     HEADER ------*/

header{padding: 1%;font-size: 15px;font-family: 'breve';height: 150px}
header li a{font-family: 'breve';}
ul{list-style: none;}
header a:hover, header a:focus{text-decoration: none;}
.langs li{display: inline-block;}
li a{color: #5D5D5D; font-size: 15px;font-family: 'breve';}
.llistat_rutes li a{font-family: 'breve';font-weight: 400;}
li a:hover{color: #85B198;}
/*izquierda*/
.menu{padding: 2%;z-index: 99;position: absolute;top:-1px;}
.menu li{height: 19px;}
.menu li a div{margin-bottom: 1%;line-height: 1em;font-size: 15px;}
.menu li a.active{color:rgba(93, 93, 93, 0.6);text-decoration: underline;}
.line {position: relative;}
.que{line-height: 14px;}
header .busqueda{margin-top: 5px;}
.cuadre_desp{width: 120px; height: 120px;background-color: #D9C8B9;background-size: 100% auto;display: inline-block; margin: 2%; cursor: pointer}
.find{background-color: transparent; border: 1px solid black;width: 100px;}
.lupa{position: absolute;right: 10%;cursor: pointer;}
/*derecha*/
.langs{float: right}
.regist{float: right; text-transform: uppercase;}
.langs li a{color: #5D5D5D; font-size: 15px;font-family: 'breve';padding-left: 0.5em;}
.langs li a.active{color: #85B198;}
.langs li a:hover{color: #85B198;}
header input.register{background-color: #BCAEA1; color: white;border: none;width: 136px;padding: 3% 4%;margin-top: 4%;margin-bottom: 1%;text-transform: uppercase;}
header input[type=button]{background-color: #BCAEA1; color: white;border: none;width: 136px;padding: 3% 4%;margin-top: 4%;margin-bottom: 1%;text-transform: uppercase;}
header input[type=button].logout{background-color: #BCAEA1; color: white;border: none;width: auto;padding: 3% 4%;margin-top: 4%;margin-bottom: 1%;}
header input[type=button].selected{background-color: #D9C8B9;}
.regist_cont{height: 250px;overflow: hidden; position: absolute; z-index: 99;right: 0;width: auto;padding-left: 27px;}
.access_cont{height: 250px;overflow: hidden; position: absolute; z-index: 99;right: 0;width: auto;padding-left: 27px; display:none;}
.cont_formu{background-color: #58595B;color: white;}
.cont_formu form{padding: 5%;}
.cont_formu .error-text{font-size: 12px;color: #f68a8a;}
#form-login-mywow input{text-transform: none;}
.cont_formu .mail{margin-top: 5%;}
.cont_formu .pass{margin-top: 5%;}
.eye{position: absolute;top: 52%;right: 7%;cursor:pointer;}
.eye:hover{opacity:0.8;}
.cont_formu input{background: transparent;border: none; border-bottom: 1px solid white;width: 250px;max-width: 100%;-webkit-border-radius: 0px;-webkit-box-shadow: 0px 0px 0px #FFFFFF;text-transform: uppercase;}
.cont_formu .submit{width: 100%;background-color: #E5C253;border: none;padding: 5% 0;margin-top:20px;}
.cross1{border:2px solid black;top: 45%;width: 61%;margin: auto;margin-top: 45%;}
.cross2{border:2px solid black;width: 61%;margin: auto;margin-top: auto;margin-top: 3%;}
.cuadre_cont{width: auto;}
.menu_cont{height: 140px; overflow: hidden;}
.form_close{position: absolute;left: -24px;cursor: pointer;background: #E5C253;width: 20px;height: 20px;padding-left: 5px;padding-bottom: 22px;color: white;}
header .error{border-bottom: 1px solid #e10000;}
header .menu span{ text-transform: uppercase;}
.header-login{display:none; text-align: right;}
.header-login .user-button{background: #BCAEA1;border-radius: 0px;color:#fff;}
.header-login .user-button:hover{opacity:0.8}
.header-login .user-button i{color: #f5eae6;}
.dropdown-user{float: right;margin-top: 20px;}
.dropdown-user .dropdown-menu{text-align: left;text-align: left;background: #58595B;border-radius: 0;}
.dropdown-user .dropdown-menu > li > a{padding: 11px 30px;color: #fff;font-size: 15px;font-family: 'breve';text-transform: uppercase;border-bottom: 1px solid #fff;}
.dropdown-user .dropdown-menu > li:last-child > a{border-bottom: 0;}
.dropdown-user .dropdown-menu > li > a:hover{color:#5d5d5d}
#header-user-nick{color: #f5eae6;padding-left: 12px;text-transform: uppercase;}
header .logo { position: absolute;   left: calc(50% - 115px);}
.mida-fotoFML{
    width:20%;
    margin-right:0px;
}
#pointer {
    display: inline-block;
    font-size: 15pt; 
    width: 17em;
    height: 2em;
    position: relative;
    background: gray;
    text-align: center;
    vertical-align: middle;
    margin: 0.6em;
  }
  #pointer:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left:1em solid #f5eae6;
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
  }
  #pointer:before {
    content: "";
    position: absolute;
    right: -1em;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 1em solid gray;
    border-top: 1em solid transparent;
    border-bottom: 1em solid transparent;
  }
  .cnt {
    position: relative;
    top: 0.25em;
    left: 1em;
    color: white;
   
  }


/*Miques de pa*/
.navegacio{margin:40px 0;}
.navegacio .mica_de_pa{margin-left:44px;position: relative;width: auto;display: inline-block;color:#2d2d2c; font-size: 13px; font-weight: 700;padding:5px 13px; border: 2px solid #2d2d2c; border-radius: 6px;}
.navegacio .mica_de_pa::before{position:absolute; content: " "; left:-50px; top:6px; background: url('../images/icons/cami.png'); background-repeat: no-repeat; background-size: 50px; width: 50px; height: 25px;}
.navegacio a:first-child > .mica_de_pa{margin-left: 0;} 
.navegacio a:first-child > .mica_de_pa::before{display:none;} 



/*home*/
#home{font-size: 20px;font-family: 'breve';font-weight: 300;text-align: center;}

#home b{font-weight: 600;}
#home.mapa_wow .first_cont{background-image: url('../images/background-wow.jpg');background-size: cover;background-position: center;padding-bottom: 60px; background-position-y: 75%;margin: 60px 0 0;}
#home .text{margin-top:25px;margin-bottom: 25px;}
#home .buttons{padding: 60px 2em 0; text-transform: uppercase;}
#home .teva_cerca {background-color: #F5EAE6;width: 25%;float: left;width: 100%;margin-bottom: 30px;}
#home .buttons .button{width: 20%; margin: 0; margin: 0; float: left;color:black; font-weight: 600 !important;cursor: pointer;}
#home .buttons .button .img{height: 100px;width: 100px; margin: auto;background-image: url('../images/icons/svg/sprite_icons.svg');background-size: 750% auto;background-position-y: 7%;}
#home .buttons .button .img.selected{background-image: url('../images/icons/svg/sprite_icons-hover2.svg');}
#home .buttons .button .img:hover{background-image: url('../images/icons/svg/sprite_icons-hover2.svg');}
#home .buttons .epoca .img{background-position-x: 5.5%;}
#home .buttons .categ .img{background-position-x: 28%;}
#home .buttons .pobla .img{background-position-x: 50.75%;}
#home .buttons .estil .img{background-position-x: 73.25%;}
#home .buttons .especi .img{background-position-x: 95.75%;}
#home .desp{float: left; width: 100%;margin-top: 15px;overflow: hidden;}
#home .desp .but_busq {height: 32.8px;font-size: 16px;margin-bottom: 0 !important;float: left;}


#home .pobla_desp_cont,#home .categ_desp_cont,#home .epoca_desp_cont, #home .estil_desp_cont, #home .especi_desp_cont{margin-top: 39px;}
#home .desp_cont{display:none}
#home .pobla_desp_cont{display:block}
#home .search{padding:2px 9px 5px;background: #fff;   border: 1px solid #ccc;   border-radius: 4px;}
#home .search:hover{opacity:0.8;}
#home .input-search{margin-left: 14px;margin-bottom: 10px;font-size: 16px;padding: 5.4px;border-radius: 4px;border: 1px solid #ccc; }
#home .desp .epoca{background-color: rgba(93, 93, 93, 0.8);border-radius: 5px;color: white; margin: 2.5% 1%;padding: 0.75em;cursor: pointer;height: 70px;font-size: 16px;}
#home .desp .epoca.selected,#home .desp .epoca:hover{background-color: rgba(188, 174, 161, 0.8);}
#home #cont-search-pobles{display:none;}
#home .desp .estil{background-color: rgba(93, 93, 93, 0.8);border-radius: 5px;color: white; margin: 2.5% 1%;padding: 0.75em;cursor: pointer;font-size: 16px;}
#home .desp .estil.selected,#home .desp .estil:hover{background-color: rgba(188, 174, 161, 0.8);}

#home .desp .categ_desp .primera_cat_1{background-color: #e2c962;padding: 0.5em;border-radius: 5px;text-transform: uppercase;font-size: 18px;}
#home .desp .categ_desp .primera_cat_2{background-color: #c4c76e;padding: 0.5em;border-radius: 5px;text-transform: uppercase;font-size: 18px;}
#home .desp .categ_desp .primera_cat_3{background-color: #89abd8;padding: 0.5em;border-radius: 5px;text-transform: uppercase;font-size: 18px;}
#home .desp .categ_desp .primera_cat_2{}
#home .desp .categ_desp .primera_cat_3{}
#home .desp .categ_desp .categoria{cursor: pointer;font-size: 16px;}
#home .desp .categ_desp .categoria1{background-color: rgba(93, 93, 93, 0.8);border-radius: 5px;color: white; margin: 2.5% 0%;padding: 0.325em;cursor: pointer;padding: 0.75em;height: auto;width: 100%;}
#home .desp .categ_desp .categoria1{position: relative;}
#home .desp .categ_desp .categoria2{background-color: rgba(83, 71, 65, 0.8);}
#home .desp .categ_desp li{position: relative;width: auto;font-size: 12px;color: white; margin: 0.5% 2%;}
#home .desp .categ_desp li.active > div, #home .desp .categ_desp .categoria1.categoria.active{background-color: rgba(178, 152, 133, 0.8);}
#home .desp .categ_desp li.active::after, .categoria1.categoria.active::after{top: calc(50% - 7px);width: 15px;height: 15px;right: 2px; position:absolute; content: " ";background-image: url(../images/icons/check.svg); }
#home .desp .categ_desp .categoria1.selected, #home .desp .categ_desp .categoria1:hover{background-color: rgba(188, 174, 161, 0.8);}
#home .desp .categ_desp .categoria2{background-color: rgba(83, 71, 65, 0.8);}
#home .desp .categ_desp .categoria2.selected{background-color: rgba(178, 152, 133, 0.8);}
#home .desp .categ_desp .iz{margin-bottom: 10px;}
#home .desp .categ_desp .categoria1:before{width: 20px; height: 25px; position: absolute;z-index: 99;content: ""; left: 12px;background-repeat: no-repeat;background-image: url('../images/icons/svg/icons-c.svg');}
#home .desp .categ_desp .categoria1.selected:before,#home .desp .categ_desp .categoria1:hover:before{background-image: url('../images/icons/svg/icons-w.svg');}
#home .desp .categ_desp .categoria1.selected:before,#home .desp .categ_desp .categoria1:hover:before{background-image: url('../images/icons/svg/icons-w.svg');}


#home .desp .categ_desp .basija::before {background-position-x: 4.13%;background-position-y: 26%;}
#home .desp .categ_desp .museo:before{background-position-x: 4.13%;background-position-y: 74%;}
#home .desp .categ_desp .art:before{background-position-x: 14.3%;background-position-y: 26%;}
#home .desp .categ_desp .cuadro:before{background-position-x: 14.3%;background-position-y: 74%;}
#home .desp .categ_desp .antigu:before{background-position-x: 24.5%;background-position-y: 26%;}
#home .desp .categ_desp .libros:before{background-position-x: 24.5%;background-position-y: 74%;}
#home .desp .categ_desp .paisaj:before{background-position-x: 34.7%;background-position-y: 26%;}
#home .desp .categ_desp .teatro:before{background-position-x: 34.7%;background-position-y: 74%;}
#home .desp .categ_desp .dimoni:before{background-position-x: 44.9%;background-position-y: 26%;}
#home .desp .categ_desp .banderillas:before{background-position-x: 44.9%;background-position-y: 74%;}
#home .desp .categ_desp .pluma:before{background-position-x: 55.1%;background-position-y: 26%;}
#home .desp .categ_desp .tienda:before{background-position-x: 55.1%;background-position-y: 74%;}
#home .desp .categ_desp .musica:before{background-position-x: 65.3%;background-position-y: 26%;}
#home .desp .categ_desp .ruta:before{background-position-x: 65.3%;background-position-y: 74%;}
#home .desp .categ_desp .especta:before{background-position-x: 75.5%;background-position-y: 26%;}
#home .desp .categ_desp .vehiculo:before{background-position-x: 75.5%;background-position-y: 74%;}
#home .desp .categ_desp .film:before{background-position-x: 85.7%;background-position-y: 26%;}
#home .desp .categ_desp .informa:before{background-position-x: 85.7%;background-position-y: 74%;}
#home .desp .categ_desp .people:before{background-position-x: 95.9%;background-position-y: 26%;}
#home .desp .categ_desp .suelo::before {background-position-x: 95.9%;background-position-y: 74%;}

#home .desp .categ_desp .line1{display: block;line-height: 6px;}
#home .desp .categ_desp .line2{display: block;font-size: 12px;line-height: 25px;}
#home .desp .categ_desp .line2{display: block;line-height: 25px;}
#home .desp .value{display: none;}
/*#home .cerca{background-color: rgba(93, 93, 93, 0.6); color: white; margin: 0.5% 1%;width: calc((80%/3) - 2%);border: none;border-radius: 5px;padding: 2.5%;margin: 0;min-width: 130px;¡min-height: 60px;}*/
#home .cerca {background-color: rgba(93, 93, 93, 0.6);color: white;border: none;border-radius: 5px;padding: 14px 25px;margin: 40px 0 0;min-width: 130px;min-height: 60px;font-size: 20px;font-family: 'breve';}
#home .cerca:hover{background-color: rgba(93, 93, 93, 0.8);}
#home.mapa_wow #map_form {float: left;width: 100%;margin: 45px 0 60px;}
#home .input-check.active::after{width: 20px;height: 20px;position: absolute;top: calc(50% - 10px);right: 10px; content: " ";background-image: url(../images/icons/check.svg);}
#home .input-check > span{display: inline-block; background-color: rgba(93, 93, 93, 0.8); color: white;border-radius: 5px; cursor: pointer;padding:8px 0; margin:5px; width: 100%;}
#home .input-check.active > span,#home .input-check:hover > span{background-color: rgba(188, 174, 161, 0.8);}
#home .desp .pobla_desp .right_but, #home .desp .pobla_desp .left_but {margin-top: 34%;margin: 0;position: absolute;top: calc(50% - 25px);}
#home .desp .pobla_desp .right_but {right: 0;}
#home .desp .pobla_desp .but {height: 50px;width: 50px;background-image: url('../images/icons/svg/sprite_icons.svg');background-size: 1250% auto;background-position-y: 32%;cursor: pointer;}
#home .desp .pobla_desp .limit .but {background-image: url('../images/icons/svg/sprite_icons-hover.svg');cursor:inherit;}
#home .desp .pobla_desp .left_but .but {background-position-x: 6.5%;}
#home .desp .pobla_desp .right_but .but {background-position-x: 16.5%;float: right;}

#home .desp .especi{background-color: rgba(93, 93, 93, 0.8);border-radius: 5px;color: white; margin: 2.5% 1%;padding: 0.75em;cursor: pointer;height: auto;font-size: 16px;}
#home .desp .especi.selected,#home .desp .especi:hover{background-color: rgba(188, 174, 161, 0.8);}

/*home2*/
#home2{float: left; width: 100%;}
#home2 .link{text-align: center; height: calc(100vh - 150px - 75px - 60px);background: red;padding: 0;color: white;min-height: 500px; cursor: pointer;}
#home2 .link > div{background-color: rgba(0,0,0,0.5); transition: background 0.8s ease-in-out;height: 100%;}
#home2 .link:hover > div{background-color: transparent;}
#home2 .link.llegend:hover > div{background-color: rgba(123, 104, 73, 0.45);}
#home2 .link .tit_home{position: absolute;width: 100%;top: 0; left: 0;margin: 0;z-index: 3;height: 100%;display: table}
#home2 .link .tit_home h1{display: table-cell;vertical-align: middle;font-size: 50px;line-height: 79px;color: white;}
#home2 .link .img_home{position: absolute;bottom: 25%;z-index: 4;width: 70%;left: 15%;}
#home2 .link.mapa{background-image: url(../images/home/mapa.jpg); background-size: cover;background-position: center;}
#home2 .link.rutes_lit{background-image: url(../images/home/rutes_lit.jpg); background-size: cover;background-position: center;top: calc(50% - 1em);}


#home2 .link.llegend{background-image: url(../images/home/llegend.jpg); background-size: cover;background-position: center;}


#home2 .logo_home.map {position: absolute;z-index: 2;bottom: 10px;right: 10px;background-image: url(../images/home/logo_void_blanc.png);padding: 1% 3% 1% 1%;background-size: cover;width: 133px;}
#home2 .logo_home.map p {font-size: 24px;font-family: 'breve';font-weight: 300;text-align: center;color: white;margin: 0;}

/*registro*/
#registro{text-align: center;font-family: 'breve';text-transform: uppercase;}
#registro .text{font-size: 36px; font-weight: 300; }
#registro .text.registrado{font-size: 18px;text-transform: none;padding: 30px 0;}
#registro input{margin-top: 23px;}
#registro input[type=checkbox]{margin-top: 23px;}
#registro input[type=email],#registro input[type=text],#registro input[type=password]{width: 100%;background: none;border: none;border-bottom: 1px solid black;padding-bottom: 1%;font-family: 'breve'; font-weight: 800;font-size: 15px;}
#registro input[type=submit]{text-transform: uppercase; background: none; border: none; background-image: url('../images/icons/button.png'); float: right;width: 132px; height: 45px;background-size: 100% auto;color: white; text-align: center;padding-right: 8%;}
#registro label{width: 100%;color:#7D8589; font-weight: 800; font-family: 'breve'; font-size: 16px;}
#registro label p{width: 100%;color:#7D8589; font-weight: 400; font-family: 'breve'; font-size: 10px;padding-left: 33px;}
#registro input[type="checkbox"].checkbox {display:none;}
#registro input.checkbox[type="checkbox"] + .label {display: inline-block;width: 20px;height: 20px;margin: -2px 10px 0 0;vertical-align: middle;background: url('../images/icons/svg/sprite_icons.svg');cursor: pointer;background-size: 5000% auto;background-repeat: no-repeat;background-position-y: 41%;background-position-x: 37%;}
#registro input[type="checkbox"].checkbox:checked + .label {background: url('../images/icons/svg/sprite_icons-hover.svg');background-size: 5000% auto;background-repeat: no-repeat;background-position-y: 41%;background-position-x: 37%;}
#registro .ok_cont{margin-top: 46px;line-height: 100%;}
#registro .ok{padding: 20px 40px; background: #c9a441; color:#fff; font-weight: 700;display: inline-block;margin-bottom: 40px;}
#registro .ok_img{background: url('../images/icons/svg/sprite_icons.svg');width: 143px; height: 143px;background-size: 550% auto;background-position-y: 60%;background-position-x: 7%;margin: auto;}
#registro .ko_img{background: url('../images/icons/cancel.svg'); background-repeat: no-repeat;width: 143px; height: 143px;background-size: 140px;margin: auto;}
#registro .registrado_cont{padding-top: calc(25vh - 62px);}
#registro .checks{margin-bottom: 43px;}
#registro .error{color: red;display: none; font-size:12px;} 
#registro .recordar_contrasenya{text-align: left;padding-top: 22px;color: #c9a441;font-size: 15px;cursor:pointer; }
#registro .recordar_contrasenya:hover{opacity:0.8;}

/* -- MODALS --*/
.modal .modal-dialog .modal-content{background:#f5eae6;padding: 0 20px 20px;text-align: center;font-family: 'breve';}
.modal button.close{font-size: 45px;}
.modal.success button.close{color: #40b398;}
.modal.warning button.close{color: #e79020;}
.modal.error button.close{color: #f07f7b;}
#modal-alert.success.modal .modal-dialog .modal-content{border: 2px solid #40b398;}
#modal-alert.error.modal .modal-dialog .modal-content{border: 2px solid #f07f7b;}
#modal-alert.warning.modal .modal-dialog .modal-content{border: 2px solid #e79020;}
#modal-alert .modal-content i{font-size: 50px;}
#modal-alert.warning .modal-content i{color: #e79020;}
#modal-alert.success .modal-content i{color: #40b398;}
#modal-alert.error .modal-content i{color: #f07f7b;}
#modal-alert .modal-content .btn{color:#fff;}
#modal-alert.warning .modal-content .btn{background: #e79020;}
#modal-alert.success .modal-content .btn{background: #40b398;}
#modal-alert.error .modal-content .btn{background: #f07f7b;}
#modal-alert #alert-msg{padding:20px 0;}
#login-error{padding-top: 20px;color: #d46767;}

#modal-alert.warning .modal .modal-dialog .modal-content i{border: 2px solid #e79020;}

/*selRuta*/ 
#sel_ruta{min-height: calc(100vh - 225px);}
#sel_ruta .text{text-align: center; font-family: "Lato"; font-weight: 300;}
#sel_ruta .text .suptexte{margin-top: 15px;}
#sel_ruta .text .subtexte{font-size: 18px}
#sel_ruta .rutas{text-align: center;margin-top: 49px;margin-bottom: 15px;}
#sel_ruta .rutas .ruta{width: 48%; margin: 1%; padding: 1em;font-size: 20px; font-weight: 600; color: #231F20;min-height: 124px;}
#sel_ruta .rutas .ruta a{color: #231F20}
#sel_ruta .rutas .ruta1{background-color: #B1C0C9}
#sel_ruta .rutas .ruta2{background-color: #EBDBD7}
#sel_ruta .rutas .ruta3{background-color: #C9B09A}
#sel_ruta .rutas .ruta4{background-color: #87D2DB}
#sel_ruta .rutas .ruta5{background-color: #EE9885}
#sel_ruta .rutas .ruta6{background-color: #C8E1A5}
#sel_ruta .to_map{cursor: pointer;}
#sel_ruta .ruta h8 {    font-size: 14px; font-family: 'breve'; font-weight: 300;  line-height: 1em;  display: block;  margin-top: 5px;}
.autor_name{font-size: 16px; margin-top:15px;}
#sel_ruta .rutas .ruta:hover .abso {display: block;opacity: 1;}
#sel_ruta .rutas .ruta .abso {opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,0.82);background-repeat: no-repeat;background-position: center;background-size: 44%;transition: 0.8s all ease-in-out;}
#sel_ruta .rutas .ruta1 .abso {background-image: url('../images/logo_literaries_blanc.svg');}
#sel_ruta .rutas .ruta2 .abso {background-image: url('../images/icons/llegendes_blanc.svg');}
.oscur.ruta{  position: relative;  opacity: 0.5;}
.oscur.ruta:before {  content: "";   position: absolute;   left: 0;  top: 0;   width: 100%;   height: 100%;   background-color: rgba(0,0,0,0.5);}
.sel_ruta .oscur.ruta:hover:before {  content: "";   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   background-color: rgba(0,0,0,0.5);}
.sel_ruta .ruta:hover:before {   content: "";   position: absolute;   left: 0;   top: 0;   width: 100%;   height: 100%;   background-color: rgba(0,0,0,0.2);}
#sel_ruta .rutas .subtit {  font-weight: 400;   font-size: 18px;}
.descripcio_tema{    font-size: 16px;}

/*rutas*/
#rutas{min-height: calc(100vh - 225px);}
#rutas .text{text-align: center; font-size: 16px;font-weight: 400;}
#rutas .text .suptexte{font-size: 56px;line-height: 46px;font-weight: 300;}
#rutas .text .subtexte{font-size: 18px}
#rutas .rutas{margin-bottom: 46px;margin-top: 49px;}
/*#rutas .rutas .iz{width: 48%; margin: 0 1%;}*/
#rutas .rutas .ruta{margin: 2% 0; padding: 0.25em 1em;font-size: 24px; /*font-weight: 800;*/ color: #231F20;background-size: 100% 100%;background-repeat: no-repeat;height: 80px;height: 95px;padding-top: 14px;}
#rutas.personal .rutas .ruta{font-size: 20px;}
#rutas .rutas .ruta .title{font-weight: 800;}
/*#rutas .rutas .ruta.de{position: absolute; right: 0; top:-80px;z-index:99;}*/
#rutas .rutas .ruta.de {width: 100%;}
#rutas .rutas .ruta .sub{font-weight: 300;font-size: 16px;}
#rutas .rutas .de{width: 48%; margin: 1% 0;margin-top: 6%;}
/*#rutas .rutas .de .ruta{width: 100%; margin: 2% 0; padding: 1em;font-size: 24px; font-weight: 800; color: #231F20;background-size: auto 100%;background-repeat: no-repeat;}*/
#rutas .rutas .ruta h3{margin: 0;}
#rutas .rutas .ruta_cont.par{text-align: right;position: relative;top: 50px;}
#rutas .rutas .ruta_cont:nth-child(8n-7) .ruta{background-image: url('../images/icons/rutas/ruta1.png');}
#rutas .rutas .ruta_cont:nth-child(6n-4) .ruta{background-image: url('../images/icons/rutas/ruta2.png');}
#rutas .rutas .ruta_cont:nth-child(8n-5) .ruta{background-image: url('../images/icons/rutas/ruta3.png');}
#rutas .rutas .ruta_cont:nth-child(6n-2) .ruta{background-image: url('../images/icons/rutas/ruta4.png');}
#rutas .rutas .ruta_cont:nth-child(8n-3) .ruta{background-image: url('../images/icons/rutas/ruta5.png');}
#rutas .rutas .ruta_cont:nth-child(6n) .ruta{background-image: url('../images/icons/rutas/ruta6.png');}
#rutas .rutas .ruta_cont:nth-child(8n-1) .ruta{background-image: url('../images/icons/rutas/ruta7.png');}
#rutas .explora_button{background-color: #5B5C5C;color: white;border: none;padding: 2em 3em;border-radius: 15px; margin-bottom: 60px;}


/*ruta*/
#ruta{min-height: calc(100vh - 225px - 80px);font-family: 'breve';margin-bottom: 80px;}
#ruta .logo{margin-bottom:80px;}
#ruta .ruta_identi{background-image: url('../images/icons/rutas/ruta_identi.png'); background-repeat: no-repeat;padding: 0.25em;background-size: 100% 100%;font-size: 30px; font-weight: 300;text-align: center;width: auto;padding-right: 2em;}
#ruta .poblacio {padding: 0.25em;font-size: 22px;float: left;}
#ruta .icon.categ { background-image: url('../images/icons/svg/icons-c.svg');  width: 30px;   height: 30px;   float: left;  margin-top: 8px;  background-size: 3500% auto;}
#ruta .icon.categ.basija{background-position-x: 4.13%;background-position-y: 26%;}
#ruta .icon.categ.museo{background-position-x: 4.13%;background-position-y: 74%;}
#ruta .icon.categ.art{background-position-x: 14.3%;background-position-y: 26%;}
#ruta .icon.categ.cuadro{background-position-x: 14.3%;background-position-y: 74%;}
#ruta .icon.categ.antigu{background-position-x: 24.5%;background-position-y: 26%;}
#ruta .icon.categ.libros{background-position-x: 24.5%;background-position-y: 74%;}
#ruta .icon.categ.paisaj{background-position-x: 34.7%;background-position-y: 26%;}
#ruta .icon.categ.teatro{background-position-x: 34.7%;background-position-y: 74%;}
#ruta .icon.categ.dimoni{background-position-x: 44.9%;background-position-y: 26%;}
#ruta .icon.categ.banderillas{background-position-x: 44.9%;background-position-y: 74%;}
#ruta .icon.categ.pluma{background-position-x: 55.1%;background-position-y: 26%;}
#ruta .icon.categ.tienda{background-position-x: 55.1%;background-position-y: 74%;}
#ruta .icon.categ.musica{background-position-x: 65.3%;background-position-y: 26%;}
#ruta .icon.categ.ruta{background-position-x: 65.3%;background-position-y: 74%;}
#ruta .icon.categ.especta{background-position-x: 75.5%;background-position-y: 26%;}
#ruta .icon.categ.vehiculo{background-position-x: 75.5%;background-position-y: 74%;}
#ruta .icon.categ.film{background-position-x: 85.7%;background-position-y: 26%;}
#ruta .icon.categ.informa{background-position-x: 85.7%;background-position-y: 74%;}
#ruta .icon.categ.people{background-position-x: 95.9%;background-position-y: 26%;}
#ruta .icon.categ.suelo{background-position-x: 95.9%;background-position-y: 74%;}


#ruta .descript_cont{margin-top: 10px; margin-bottom: 30px;}
#ruta .titol_cont { font-size: 18px;  font-weight: 600;}
#ruta .audio span{ background-repeat: no-repeat;padding: 0.25em;font-size: 30px; font-weight: 300;text-align: center;width: auto;padding-right: 2em;}
#ruta .audio .buts_cont{overflow: hidden;margin-top: 10px;padding:10%;}
/*#ruta .audio_ {margin: 10px 0;}*/
#ruta .audio .buts_desp{}
/*#ruta audio{position: fixed;left: calc((100% - 500px)/2);width: 500px;top: calc((100vh - 40px)/2);display: none;background: rgba(0,0,0,0.8);}*/
#ruta audio{width: 100%;background: rgba(0,0,0,0.8);}
#ruta .audio_cont{position: fixed;width: 100vw;height: 100vh;background: rgba(0,0,0,0.5);top: 0;left: 0;display: none;}
#ruta .desp{background-image: url('../images/icons/audio.png');background-size: auto 100%;}
#ruta .descarga{background-image: url('../images/icons/svg/sprite_icons.svg');background-size: 2400% auto;background-position-y: 71.75%;background-position-x: 50.25%;height: 37.5px;width: 37.5px;}
#ruta .reproducir {background-image: url('../images/icons/svg/sprite_icons.svg');background-size: 2400% auto;background-position-y: 71.75%;background-position-x: 46.25%;height: 37.5px;width: 37.5px;}
#ruta .share{background-image: url('../images/icons/svg/sprite_icons.svg');background-size: 2400% auto;background-position-y: 71.75%;background-position-x: 40.25%;height: 37.5px;width: 37.5px;}
#ruta .galeria{margin-top: 46px;}
.img-galeria > a{position:relative; display: inline-block;}
.mosaic > a > div{position:relative;}
.mosaic > a{display:block !important;}
.peu_foto{position:absolute; bottom: 10px; left: 0; width:100%; background:rgba(256,256,256,0.5); color: #000;padding:5px 5px 5px 15px; }
.peu_foto span{font-size: 12px;}
.mosaic .peu_foto{bottom:0;}

#ruta .galeria{margin: 20px 0 !important;}
#ruta .video{position:relative;height:0;padding-bottom:56.25%;margin: 20px 0 !important;}
#ruta .video video{width:100%; height:auto;}
#ruta .video iframe{width: 99%;height: 100%;position: absolute;}
#ruta .galeria img{margin-bottom: 10px;max-height: 80vh;width: auto;max-width: 100%;}
/*#ruta .galeria.galeria_ruta img{margin-bottom: 10px;width: 100%;}*/
#ruta .mapa_link{background-color: rgba(93, 93, 93, 0.6);color: white;margin: 0.5% 0%;width: auto;border: none;border-radius: 5px;padding: 2.5%;}
#ruta .tema {    float: left; width: 100%; margin-top: 40px;  padding: 20px 0;  background: #f5625e; text-align: center;  color: white;}
#ruta .tema a{    color: white;text-decoration: underline;}
#ruta .audio { margin-top: 5px; margin-bottom: 25px;}
#ruta .cont-audio { display: block; width: 100%;  float: left; overflow: hidden;}
.llistat_rutes{margin-top:15px;}
.llistat_rutes ul li{padding-bottom: 5px;}


#ruta.etno .ruta_identi{background: none;padding: 0.25em;background-size: 100% 100%;font-size: 30px; font-weight: 300;text-align: center;width: auto;padding-right: 2em;}
#ruta.etno .marcador{background-image: url('../images/icons/rutas/ruta_identi.png'); background-repeat: no-repeat;width: 20px;padding-right: 10px;display: inline-block;width: 100%;padding-left: 56px;background-size: 60px 100%;}
#ruta .img_principal{ height: 400px; background-position: center;  background-size: cover;}
#map_canvas.estandar{width:100%; height: 500px; margin:0;}
#map_canvas.mapa-wow{height: 75vh; position: relative; overflow: hidden;}
.contenedor_mapa{margin-top:100px;}
.contenedor_mapa > div, .contenedor_mapa > div > div{padding:0;}
#llista-etnos-ruta{background: #f8f5f3;height: 500px;  position: relative;}
#llista-etnos-ruta ul{overflow:auto; max-height:448px;margin-bottom: 0;padding-bottom: 10px;}
#llista-etnos-ruta li{padding:3px 10px 3px 40px;list-style: none; position: relative; cursor:pointer;}
#llista-etnos-ruta li a{display: table-cell;   font-size: 13px;color:#4b4b4a; opacity:0.7;}
#llista-etnos-ruta li.active a{opacity:1;}
#llista-etnos-ruta.small li a{white-space: nowrap;}
#llista-etnos-ruta h6{ font-size: 24px;font-weight: 700;background: #f8f5f3; position:relative;padding:10px 5px 15px 8px;margin:0 0 0 10px;} 
#llista-etnos-ruta li i, #llista-etnos-ruta::before{background-image: url('../images/icons/ruta-etno.svg');position:absolute; left: 10px; top:1px; width:25px; height: 30px; background-size: 110px; background-position: -64px -35px; background-repeat: no-repeat;}
#llista-etnos-ruta::before{content: " "; left: 18px; top:0px; width:5px; height: 100%; background-size: 110px; background-position: -46px -35px; display:none;}
#llista-etnos-ruta.active::before{display:block;}
#llista-etnos-ruta li.active i{background-position: -64px -61px;}     
#llista-etnos-ruta li:last-child::before{height: 22px;}  
#llista-etnos-ruta li:first-child::before{width:0; height: 0;}  

#rightToogle{transition:all 0.8s ease-in-out; z-index: 9;cursor:pointer;position: absolute;width: 42px;height: 30px;background: #3f3f3e;color: #fff;text-align: right;right: 24%;top: 17px;padding-right: 10px;border-top-right-radius: 15px;border-bottom-right-radius: 15px;font-size: 18px;}
#rightToogle:hover{opacity:0.8;}
#rightToogle.big{right:-10px;}

#div-mapa{transition: width 0.8s ease-in-out;}   
#div-mapa.big{width:100%;}
#llista-etnos-ruta{transition: all 0.8s ease-in-out;position:relative;}

#llista-etnos-ruta.small{width:0%; overflow: hidden;}  
#llista-etnos-ruta.small ul{overflow: hidden; } 


.back-tematica .btn{background: #f2f7f9;font-weight: 700;font-size: 16px;text-transform: capitalize;margin: 20px 0 20px 30px;padding: 7px 40px;border-radius: 8px;}

/*RUTES PERSONALS*/
#rutas.personal .rutas > div{text-align: right;top:50px;}
#rutas.personal .rutas > div:nth-of-type(2n+1){text-align: left;top:0;}
#rutas.personal .rutas{margin-bottom: 110px;}

/*ETNOS*/
.etno-xarxes{font-size: 24px;color: #81AEBC;margin: 4px 0 0 20px;display: inline-block;}
/*comentaris*/
.etno .comentaris{margin-top: 50px;}
.etno .comentaris a{color:#3e3e3d;}
.etno .comentaris p{font-size: 17px; }
.etno .comentaris .comentari p{font-size: 15px;line-height: 19px;}
.etno .comentaris h5{font-size: 30px; font-weight: 700; text-transform: none;margin: 40px 0;}
.etno .comentari{background: #fff;margin-top: 15px; padding: 20px 10px; border-radius: 10px;}
.etno .comentari .avatar{padding:0px 3%;}
.etno .comentari .avatar > img{border-radius: 200px;}
.etno .comentari .user-nick{font-weight: 700; padding-bottom: 5px; font-size: 18px; text-transform: uppercase; color:#2d2d2c;}
.etno .comentari .new-coment textarea{border:none; height: 110px; width: 100%; margin-bottom: 15px;resize: none;}
.etno .comentari .buttons{text-align: right;}
.etno .comentari .cgaleria.no-new{height: 5vw; max-height: 80px; overflow: hidden; transition: all 1s ease-in-out;}
.etno .comentari .cgaleria .img{margin: 0px 15px 15px 0; transition: all 1s ease-in-out;position: relative;float:left; margin-right: 15px; background-size: cover; background-position: center; width: 5vw; height: 5vw; max-width: 70px; max-height: 70px;}
.etno .comentari .cgaleria .img button{width: 100%;height: 100%;border: none;border-radius: 0;background:rgba(237, 22, 22, 0.5);color: #fff;opacity: 0; transition: opacity 0.8s ease-in-out;}
.etno .comentari .cgaleria.no-new .img button{background: rgba(0,0,0,0.5);}
.etno .comentari .cgaleria .img:hover > button{opacity:1;}
.etno .comentari .buttons button{border: none;width:42px; height: 42px; background-color: #dfeff2;background-size: 20px; background-position: center; background-repeat: no-repeat; border-radius: 8px;display: inline-block;}
.etno .comentari .buttons button:hover{opacity:0.7;}
.etno .comentari .buttons .atachment{background-image: url('../images/icons/clip.svg'); }
.etno .comentari .buttons .send-coment{background-image: url('../images/icons/send.svg');}
.etno .comentaris input[type="file"]{display: none;}
.etno .comentaris span{cursor:pointer;padding: 8px 10px;background: #e46565;opacity: 0.7;border-radius: 27px;position: absolute;left: calc(50% - 15px);top: calc(50% - 15px); color:#fff;}
.etno .comentaris span:hover{opacity:1;}
.etno .comentaris .text-coment{max-height: 75px; overflow: hidden;transition: all 1s ease-in-out;}
.etno .comentaris .text-coment.open{max-height: 500px; overflow: scroll;}
.etno .comentari .cgaleria.open{max-height: 500px; height: auto; overflow: scroll; }
.etno .comentari .cgaleria.open .img{width: 7vw; height: 5vw; max-width: 140px; max-height: 140px;}
.etno .comentari .llegir-manco{display:none;}
.etno .comentaris .btn-footer .btn{margin: 30px 0 0 0;color: #fff;background: #919596;font-size: 14px;padding: 19px 15px;}
.jQueryMosaic .fresco > div{max-width:480px; margin:5px; }
.jQueryMosaic .fresco > div::after{padding-left: 48%;display: flex;  align-items: center;transition:opacity 0.8s ease-in-out ;position:absolute; width:100%; height:100%; left:0; top:0; background:rgba(188, 174, 161, 0.6); opacity:0; content:"\f06e"; font: normal normal normal 14px/1 FontAwesome; color:#fff; text-align:center;} 
.jQueryMosaic .fresco:hover > div::after{ opacity:1;}

 
/*que_es*/
#que_es {min-height: calc(100vh - 150px - 75px);color: #302923;}
#que_es .intro{background-image: url('../images/background-wow.jpg');background-size: cover;background-position: center;padding-bottom: 60px; background-position-y: 75%;margin-bottom: 60px;}
#que_es .intro .tit{margin-top: 15px;}
#que_es .intro .des{padding: 0 15%}
#que_es .tit{margin: 0;margin-bottom: 5px;text-align: center;}
#que_es .tit span{display: block;}
#que_es .des{font-size: 16px;}
#que_es .coment{font-size: 14px;line-height: 10px;}
#que_es .buton{font-size: 18px;margin: 0px 0px 40px;;line-height: 20px;display: block;cursor: pointer;}
#que_es .buton b{font-size: 25px;vertical-align: -2px;}
#que_es .tit2 {font-size: 30px;font-weight: 600;margin: 25px 0;}
#que_es .desc_cont{padding:0 14px;}
#que_es .que_es_tit{font-size: 24px; font-weight: 400;border-left: 10px solid #d3c6b6;padding-left: 5px;margin-bottom: 20px;}
#que_es .que_es_tit span{display: block;}
#que_es .tabla{margin: 20px 0;float: left;}
#que_es .bg_1{background-color: #f8eeec;padding: 0.5em 1em;}
#que_es .bg_2{background-color: #eee3dd;padding: 0.5em 1em;}
#que_es .rutes{float: left;margin-bottom: 60px;width: auto;}
#que_es .rutes h6{margin: 0;}
#que_es .rutes .ruta{float: left;width: auto;}
#que_es .rutes .separa{float: left;width: 1px;margin: 0px 30px;height: 50px;margin-top: 30px;}
#que_es .rutes .num{color: #d3c5b8;font-size: 75px;display: inline-block;margin-right: 10px;}
#que_es .rutes .rutat_tit{display: inline-block;}
#que_es .rutes .ruta_tit1{display: block;font-weight: 600;font-size: 24px;}
#que_es .rutes .ruta_tit2{display: block;}
#que_es .info_creds{background-color: #e5d8cf;padding: 60px 0;}
#que_es.informacio .info_creds{min-height: calc(100vh - 225px);}
#que_es .info_creds .col-xs-6 {padding: 0 5% 0 0}
#que_es .info_creds .que_es_tit{border-left: 5px solid #f5eae6;font-weight: 600;font-size: 32px;}
#que_es .info_creds a{color: #302923;text-decoration: underline;}
#que_es .info_creds i.rodo.fa-facebook{background-color: #292b2a; border-radius: 100%;width: 30px; height: 30px;font-size: 18px;padding: 7px 9px;color: #E5D8CF;}
#que_es .info_creds i.rodo{background-color: #292b2a; border-radius: 100%;width: 30px; height: 30px;font-size: 18px;padding: 6px 0px;color: #E5D8CF;text-align: center;}
#que_es .info_creds p{margin-bottom: 20px;}
#que_es .tabla_credits .separador{position: absolute;border-left: 1px solid black;height: 100%;top: 0;left: 50%;}

/*mapa*/
#mapa{min-height: calc(100vh - 225px);font-family: 'breve'}
/*#mapa h3{font-weight: 300; font-size: 30px;}*/
#mapa h3 {font-weight: 300;font-size: 22px;margin: 0;margin-bottom: 0px;  padding: 25px 25px 20px !important;}
#mapa li{font-weight: 400; font-size: 30px;font-family: 'breve'; font-size: 12px;}
#mapa #map{width:100%;height:400px;background: white;}
#mapa .etno:before{width: 20px; height: 25px; position: absolute;z-index: 99;content: ""; left: 5px;background-repeat: no-repeat;background-image: url('../images/icons/svg/sprite_icons.svg');cursor: pointer;background-size: 5000% auto;background-repeat: no-repeat;background-position-y: 41%;background-position-x: 37%;}
#mapa .etno.selected:before{background-image: url('../images/icons/svg/sprite_icons-hover.svg');}
#mapa .etno{margin-left: 20px;line-height: 20px;cursor: pointer; padding: 3px;}
#mapa .legend {height: auto;background-color: #faf5f2;width: 22.5%;margin-left: 2.5%;float: right;max-height: 75vh;overflow-y: auto;}
#mapa .legend2{height: auto;background-color: #faf5f2;float: left;margin-top: 15px;border-radius: 15px;padding-bottom: 30px;margin-bottom: 70px;}
#mapa .legend2 .cats{padding: 0 20px; }
#mapa .categoria-pare{width:25%;float: left;border-right: 4px solid #f5eae6;padding:20px;}
#mapa .categoria-pare:first-child{width:50%;padding-left: 0;}
#mapa .categoria-pare:last-child{padding-right: 0; border-right: 0;}
#mapa .categoria-filla{width:50%;float: left;font-size: 12px;}
#mapa .categoria-pare:first-child  .categoria-filla{width:20%}
#mapa .categoria-filla > div:first-child{width:35px;float:left;}
#mapa .categoria-filla > div:last-child{width:calc(100% - 35px);float:left; height: 50px;}

/*-- zoom */
.btn-mapa-zoom{width:20%;float:left;background:transparent;;}
.btn-mapa-zoom:last-child{border:none;}
.btn-mapa-zoom > .btn{width:100%;background:#fff;box-shadow: none;cursor: pointer;padding: 11px 12px;border-radius: 0px;}
.btn-mapa-zoom > .btn:hover, .btn-mapa-zoom > .btn.active{background:#bebebe;border-radius: 4px;}

#mapa p.msg{margin-bottom: 120px;margin-top: 15px;float: right; background-color: #535353;color: #f8e9e2; padding: 0.25em 0.5em;}
#map_form{margin-bottom: 120px;margin-top: -45px;}
#formulari-filtre-mapa{margin-top:30px;}
/*footer*/
footer{font-size: 15px; font-family:'breve'; font-weight: 800; text-transform: uppercase;}
footer a{color:#C7B299;}
.footer1{position: fixed;bottom: 0;width: 100vw;text-align: center;}
.footer2 {text-align: center;width: 100%;}
footer .foot_but_cont{background: #231F20;height: 20px;}
footer .foot_but_cont .info{background-image: url('../images/icons/info.png');margin: auto;background-repeat: no-repeat;background-position: center;width: 12; height: 22px;}
footer .foot_but_cont .info_cont{background: #231F20;width: 60px;height: 60px;border-radius: 50%;font-size: 20px;position: relative;bottom: 37px;margin: auto;padding-top: 10px;}
footer .footer_cont{background: #231F20;height: 75px;}
footer .footer_cont .links_cont{margin-top: 18px;}
footer .footer_cont2{background: #231F20;}
footer .footer_cont2 .links_cont{margin-top: 28px;}

.suptexte{margin-top: 15px;}
.subtexte{font-size: 18px}

#home .desp .pobla_desp .poble{}
#home .desp .pobla_desp .poble .table_cel{}



#formulari-llegendes .container-marges { max-width: calc(840px + 4%);}
#formulari-llegendes .intro{background: none; text-transform: uppercase;}
#formulari-llegendes .intro h2{font-size: 40px;    margin-bottom: 30px;}
#formulari-llegendes .intro h2 span{font-weight: 300;}
#formulari-llegendes .intro .des{ font-size: 28px; line-height: 1.2;}
#formulari-llegendes #legends-form{padding: 50px 0px; }
#formulari-llegendes label{margin-bottom: 2px;text-transform: uppercase;}
#formulari-llegendes input { width: 100%;  border: none; background-color: #f9f5f2; padding: 7px; margin-bottom: 20px;}
#formulari-llegendes hr{ margin: 20px auto 40px; border-top: 2px solid #e4d8ce;}
#formulari-llegendes .cerca {background-color: rgba(93, 93, 93, 0.6);color: white;border: none;border-radius: 5px;padding: 14px 25px;margin: 40px 0 0;min-width: 130px;min-height: 60px;font-size: 20px;font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;    width: 200px;    float: right;}
#formulari-llegendes .cerca:hover{background-color: rgba(93, 93, 93, 0.8);}
#formulari-llegendes .camps-obligatoris{background-color: #e4d8ce;text-align: justify; padding: 15px 0px;}


#formulari-llegendes input.parsley-error,#formulari-llegendes select.parsley-error,#formulari-llegendes textarea.parsley-error{color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7;}
.parsley-errors-list.filled { opacity: 1;  color: #bf0404;  position: absolute;  bottom: -2px;}

/* stay creative */
.slider_ruta{/*width: 100%;overflow-x: scroll;height: 20px;overflow-y:none;white-space:nowrap;*/ }
.slider_ruta li{/*display: contents;margin-right: 10px;float: left*/;}
.slider_ruta li b{margin-right: 15px;font-family: 'breve';color: #333;font-size: 14px;color: #88afbe;}
.slider_ruta li a{text-decoration: underline;cursor: pointer;margin-right: 15px;font-family: 'breve';color: #333;font-size: 14px;}
.slider_ruta li a:hover{text-decoration: none;}
.uk-arrow-slider-right{position: absolute;right: 0;top: 20px;color: #333 !important;z-index: 3;background-color: #e0eff2;opacity: 1 !important;}
.uk-arrow-slider-left{position: absolute;left: 0;top: 20px;color: #333 !important;z-index: 3;background-color: #e0eff2;opacity: 1 !important;}
.uk-slider-etnos{padding: 0 20px;}

.busqueda-mapa-wow{padding: 20px;}
.busqueda-mapa-wow .find{width: 100%;height: 40px;padding: 5px;}
.busqueda-mapa-wow .lupa{right: 30px;top: 25px;}

.passejades .sub {width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
#home2 .link.passejades_h{background-image: url(../images/home/passejades.jpg); background-size: cover;background-position: center;top: calc(50% - 1em);}

/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-         RESPONSIVE          -=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=*/


@media(max-width:991px){
    
    /*general*/
    body.mapa .logo {margin-bottom: 0px;}
    
    /*home*/
    #home .buttons .button {width: 20%;}
    #home .teva_cerca{width: 100%;}
    #home2 .link{margin-top: 0;}
    
    /*mapa*/
    #mapa{margin-bottom: 75px;}
    #rightToogle{right: 40%;}
    #home .buttons .button > h6{display:none;}
    #mapa .categoria-pare, #mapa .categoria-pare:first-child{width:100%;padding: 0;border-right: 0;}
    #mapa .categoria-pare:first-child .categoria-filla{width:50%;}
    
    /*rutas*/
    #rutas .rutas .ruta .sub {font-size: 13px;}
}
@media(max-width:767px){
    
    body{overflow-x: hidden;width: 100vw;}
    
    /*header*/
    header {height: auto;}
    .cuadre_desp {width: 60px;height: 60px;}
    .menu_cont {height: 140px;margin-top: 20px;}
    header li a {font-size: 19px;line-height: 22px;}
    header .logo {   position: relative;   right: initial;   left: initial;   width: 60%;   float: left;   margin-left: 20%;max-width: 200px;}
    header .derecha{position: absolute;right: 7px;}
    header .busqueda {  width: 100%;}
    header .lupa{position: absolute;right: 15px; cursor: pointer;}
    header .find{width: 95%;}
    header .access_cont{min-width: 290px;}
    header .cont_formu input{width: 100%;}
    h2 .wow{font-size: 32px;}
    
    /*home*/
    #home .col_p{width: 50%;}
    #home .text {margin-top: 60px;margin-bottom: 25px;margin-bottom: 0;}
    #home2 .link.rutes_lit h1{top: calc(50% - 1em);}
    
    
    /*footer*/
    footer .foot_but_cont {margin-bottom: -20px;}
    footer .footer_cont2 {background: #231F20;padding-top: 8px;}
    footer .footer_cont2 .links_cont{margin-top: 0;}
    #que_es .rutes .ruta{width: 100%; text-align: center;}
    #que_es .rutes .separa{display: none;}

      /*mapa*/
    #mapa p.msg {width: 100%;}
    #mapa .legend {margin-top: 15px;width: 100%;margin-bottom: 0;}
    #button-zoom-map{display: none;}
    #cont-slide-pobles{display:none !important;}
    #cont-search-pobles{display:block !important;}
    #home .buttons .button{width:18vw;}
    #home .buttons {  padding: 20px 2% 0;   text-align: center;}
    #home .buttons .button .img {  height: 18.1vw;  width: 18vw;}
    #home .input-check > span{width: 210px;font-size: 17px;}
    #home .input-check.active::after {right:90px;}
    #llista-etnos-ruta ul {    overflow: auto;    max-height: 50vh;min-height: 100px;}

    /*rutas*/
    #rutas .rutas .ruta.de {position: static;right: 0;top: 0;z-index: 99;margin: 0;width: 100%;}
    #rutas .rutas .ruta_cont.par{top: 0;position: static;}    
    .navegacio .mica_de_pa{font-size: 12px;padding: 5px 6px;margin-left: 30px;}
    .navegacio .mica_de_pa::before {background-size: 35px;left: -35px;}
    #rightToogle{display:none;}
    #llista-etnos-ruta{height: auto; max-height: 500px;}
    .btn-mapa-zoom { width: 50%;}
    .btn-mapa-zoom:last-child { width: 100%;}
    .contenedor_mapa{position:relative;}
    .contenedor_mapa > div.back-tematica{position:absolute; top: -80px;}
    .back-tematica .btn{margin-left: 0;}
    
    /*Etno*/
    #ruta.etno .ruta_identi{font-size: 20px;}
    #ruta.etno .marcador{font-size: 30px;line-height: 20px;padding-left: 36px;background-size: 30px 100%;}
    #ruta.etno .navegacio > div:last-child{display:none;}
    #ruta.etno .btn.btn-link-map{margin:9px 0;width: 100%;}
    .etno .comentari .avatar > img{max-width: 100px;   margin-bottom: 20px;}
    .etno .comentari .cgaleria.no-new{height: 50vw;}
    .etno .comentari .cgaleria .img ,.etno .comentari .cgaleria.open .img{width: calc(50vw - 48px);height: calc(50vw - 48px);}
    .etno .comentari .new-coment textarea {height: 90px;}

    /*tematicas*/
    #sel_ruta .rutas .ruta{width: 98%;}
    
    /*que es*/
    #que_es .info_creds .col-sm-6:first-child .des{margin-bottom: 60px;}
    
    /*footer*/
    footer a { color: #C7B299;  padding-bottom: 10px; display: inline-block;}   
    
    #formulari-llegendes #legends-form{font-size: 12px; }
    #formulari-llegendes .intro h2{font-size: 32px;}
    #formulari-llegendes .intro .des{ font-size: 22px; }
    .mida-fotoFML{
        width:40%;
        margin-right:10px;
    }
    /* .botoAgenda{display:none;} */
}

@media(max-width:500px){
    /*general*/
    .home_first_text {text-align: center;font-size: 30px;}
    .pretitol {width: 75%;left: 12.5%;bottom: 6.75%;}
    
    /*header*/
    header .menu_cont{width: 100%;}
    
    /*home*/
    #home .text {margin-top: 0;}
    #home .desp .cerca {margin-top: 45px;width: auto;}
    #home.mapa_wow .first_cont {margin: 0;}
    #home .teva_cerca {width:100%;}

    /*ruta*/
    #ruta .ruta_identi {font-size: 25px;}
    .marges-langs {
        margin-top: 6px;
        margin-bottom:15px !important;
        margin-right:0px;
    }
    .logoMobil {margin-top:15px;}
    .mida-fotoFML{
        width:40%;
        margin-right:10px;
    }
    .botoAgenda{
        position:absolute;
        left: calc(50% - 122px);
        top: 100%;
    }
   
}
@media(max-width:400px){
    /*header*/
    header{height: auto;padding-bottom: 10px;}
    .menu {width: 100%;}
    header .cont_formu li{width: 200px;}
    header .cont_formu .submit {width: 90%;}
    header .cont_formu input{width: 90%;}
    
    
    /*home*/
    #home .buttons {padding: 60px 0.5em 0;}
    #home .desp .pobla_desp .poble {width: calc(100% - 2%);margin: 1.5% 1%;}
    #home .desp .pobla_desp .but {margin: auto;}
    #home .desp .pobla_desp .right_but, #home .desp .pobla_desp .left_but {margin-top: 0;padding-top: calc(50% - 50px);padding-bottom: calc(50% - 50px);}
    #home .desp .estil {font-size: 0.85em;}
    #home .desp .but_busq {font-size: 14px;}
    #home .desp .categ_desp .col-xs-10{margin: 5%; width: 90%;}
    
    /*que es*/
    #que_es .rutes .num{display: none;}
    
    /*ruta*/
    #ruta {margin-top: 30px;}
    
    .xs_400{margin: 0; width: 100%;}

}
@media(max-width:360px){

    /*home*/
    #home .desp .estil_desp .col-xs-6 {width: 100%;}

    /*tematiques*/
    #sel_ruta .rutas .ruta{width: 98%;font-size: 16px;}
    #sel_ruta .rutas {margin-bottom: 20px;}

    /*rutas*/
    /*#rutas .rutas .ruta.de{position: static;width: 100%;margin-top: 0%;}*/
    #rutas .rutas .ruta2 {background-image: url('../images/icons/rutas/ruta2-gir.png');}
    #rutas .rutas .ruta4 {background-image: url('../images/icons/rutas/ruta4-gir.png');}
    #rutas .rutas .ruta6 {background-image: url('../images/icons/rutas/ruta6-gir.png');}
    #rutas .text .suptexte {font-size: 42px;}
    .store_link{width: 100%;}
    .store_link:last-child{margin-top: 20px;}
    
    /*ruta*/
    #ruta .ruta_identi {font-size: 19px;}
    #ruta .logo {background-size: 75% auto;margin-bottom: 20px;}

    /*mapa*/
    #mapa{margin-bottom: 75px;}
    #mapa .legend{width: 100%;}

    /*registro*/
    #registro .text.registrado {font-size: 40px;}
    #registro .registrado_cont {margin-bottom: 56px;}

    /*footer*/
    
}