@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);
@import url(https://fonts.googleapis.com/css?family=Montserrat);


/*------  GENERAL -----------*/
body{font-family: 'Lato', sans-serif;background:#F6F7F8; }
img{width:100%;}
.container-fluid{padding:0;  margin-left:auto; margin-right:auto; }
.container-marges{padding:0 2%;max-width:1200px;}
.row{margin:0;}
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{padding:0;}
.item-img {
    width:100%;
    height: 300px;
    background-size: cover;
}
.total_w{max-width:100%!important;}
.titol{font-weight:bold; font-size:30px; padding:10px 0 10px 30px;}
.sub-titol{font-size:14px; padding:20px 0 10px 20px; text-transform:uppercase;}
.desc{font-size: 12px; padding: 0 0 20px 20px}

.boto{padding:5px 30px; text-transform:uppercase; background:#3d4f61; font-size:23px; margin-top:20px; display:table; margin-left:auto; margin-right:auto; color:#fff;}
.boto:hover{background:#fff; color:#3d4f61;}
.boto2{padding:10px 30px; border: 1px solid #3d4f61; text-transform:uppercase; background:#fff; font-size:12px; margin-top:25px; display:table; margin-left:auto; margin-right:auto; color:#3d4f61;}
.boto2:hover{background:#3d4f61; color:#fff;}
.top_page{padding:30px 0 30px 60px; font-size:30px; font-weight:bold; color:#fff; background:#3d4f61; margin:40px -60px 0 -60px; width:1200px; text-transform:uppercase;}
 
#loading { position: fixed; left: 0px; top: 0px; background-color:#fff; width:100%; height:100%;z-index:999; }
#loading .loading_gif{width:200px; margin-left:-100px;; margin-top:-50px; position:absolute; left:50%; top:50%; z-index:1000; }
a{transition: opacity 0.8s ease-in-out;}
a:hover, a:focus{text-decoration:none; opacity:0.6;}

/* --- header --*/
header{ width:100%;}
header .langs{position:absolute; top:20px; left: 13%; z-index:999;}
header .langs img{width:28px; margin-right:5px; float:left;}
.caseta{float: left;  max-width: 40px; margin-left: 8px;}


/*#grupo{max-width: 1400px; width: 100%; margin-bottom: 2em;margin-top: 0.5em;}*/
.containerGrupos{}
.containerGrupos.top{margin-top:10px; margin-bottom: 15px;}
.grupo{max-width: 1400px; width: 100%; margin-bottom: 1em;margin-top: 0.5em; z-index: 1; margin-top: 80px;}
.containerGrupos.top .grupo{margin-top:0;}
 #new-que-fer-top.dins_slider{display: none;}
.grupo > a > div{padding: 0 1%;}
.grupo > a:first-child > div{padding-left: 0;}
.grupo > a:last-child > div{padding-right: 0;}
.grupo .pastilla{border-radius:6px;  color: #FFF;font-size: 0.75em; margin:0;padding: 0 13px;}
.grupo .pastilla#platges{ background-color:rgb(1,182,199);}
.grupo .pastilla#onCapdepera{background-color:#6EA224;}
.grupo .pastilla#proxima{background-color:#aa869e;}
.grupo .pastilla#visit{background-color: #f4d500;}

.grupo .pastilla .texta{float: left;padding: 16px 1%;font-family: 'Montserrat', sans-serif;font-size: 12px;-moz-osx-font-smoothing: grayscale;-webkit-font-smoothing: antialiased;}
.grupo .pastilla .imatge{width:55px; float: right; height: 50px; background-image: url('../../images/icons/grupos.png');}
.grupo .pastilla#platges .imatge{ background-position: 159px -6px;}
.grupo .pastilla#onCapdepera .imatge{background-position: -62px -4px;}
.grupo .pastilla#proxima .imatge{background-position: 49px -2px;}
/*#grupo .pastilla#proxima .imatge{background-image: none;}*/

.header_home#header .menuContains{position:absolute; top:60px;}
.item.item-menu a{padding:0 5px; color:#b2304a;border-right: 1px solid #b2304a; text-transform: uppercase; font-size:12px;}
.item.item-menu{float:right; margin-top:25px;}
.item.item-menu:first-child > a{border:none;}
header .contentLang{width: 50px;height: 40px; background-color:#b2304a;float: right; margin-top:15px;}
header .idiSel{color:#fff; text-align:center; padding-top:0.8rem;box-shadow: 1px 1px 3px 1px #333;height: 40px; cursor:pointer;}
header #contenedorDerecha .column{padding: 0px;}
header #contenedorDerecha{position: absolute;top: 180px;right: 15%;z-index: 999;max-width: 150px;}
header .idiomas{width: 50px;position: absolute;z-index: 99;  background-color:#b2304a; text-align:center;color:#fff; display:none; 
                padding-top:40px;box-shadow: 1px 1px 3px 1px #333;}
header .idiomas a	{color:#fff;}			
header .idiomas .idi {border-bottom:1px solid #FFF;}
header .idiomas .idi.last {border-bottom:0px }
.banner_mobil{display: none;}

.home-banner{height: 259px;}

#new-que-fer-top .img-top > img{height:650px;}

@media only screen and (min-width: 800px) and (max-width: 1023px) { 
    #head .contentLang{position: absolute;top: 136px;right: 2.25%;}
    #head #contenedorDerecha{margin-top:0px; padding-right:0px;}
    .caseta{float: left;  max-width: 40px; margin-left: -25px;}

}





@media only screen and (min-width: 640px) and (max-width: 799px) {
    #head .contentLang{position: absolute;top: 136px;right: 2.25%;}
    #head #contenedorDerecha{margin-top:0px; padding-right:0px;}
}




/*------- SOCIAL ---------*/
.xarxes_soci {margin-top:60px}
.xarxes_soci .social{ height:25vw; text-align:center; color:#fff; font-weight:bold; font-size:30px; max-height:300px; padding-top:36%;}
.xarxes_soci a:hover{text-decoration:none}
.xarxes_soci .social.facebook{background:url(../images/icons/facebook.png); background-repeat:no-repeat; background-position:center 30%; background-color:#465996}
.xarxes_soci .social.twitter{background:url(../images/icons/twitter.png); background-repeat:no-repeat; background-position:center 30%; background-color:#65a7dd}
.xarxes_soci .social.instagram{background:url(../images/icons/instagram.png); background-repeat:no-repeat; background-position:center 30%; background-color:#617da0}
.xarxes_soci .face iframe{width:100% !important}
.fb-like-box.fb_iframe_widget{width:100%}
.fb_iframe_widget span{width:100% !important}


/*--------- QUE - FER -----------*/
/*slider*/
.sy-controls{display:none !important;}
.sy-controls li a:after{height:70px; width:70px; border-radius:0;}
.sy-controls li.sy-prev a:after{background: url(../images/icons/fletxa_esq.png); background-repeat:no-repeat; left:20px;}
.sy-controls li.sy-next a:after{background: url(../images/icons/fletxa_dre.png); background-repeat:no-repeat; left:70px}
.sy-controls li a:link, .sy-controls li a{opacity:0.7;}
#slider .sy-controls li{height:21% !important; top:260px !important; width:121px}
#slider{max-width:none; border-bottom: 10px solid rgb(178, 48, 74);}
#slider .descobreix{position:absolute; z-index:30; top:40%; left:0%; width:100%; text-align: center;background-color: rgba(178, 48, 74,0.3); padding: 20px 0;}
#slider .descobreix .titol{ padding:0; text-align:center; font-size:48px; font-weight:700; line-height:50px; color:#fff;}
#slider .descobreix .nucli{font-size:40px;}
#slider .descobreix .boton{padding:13px 38px; font-size:14px; text-transform:uppercase; background:transparent; border:1px solid rgb(61, 79, 97); color:rgb(61, 79, 97); font-weight:bold;margin-top:10px;display:table; margin-left:auto; margin-right:auto;}
#slider .descobreix a:hover > .boton{background: rgb(61, 79, 97); color:#fff;}
#slider .descobreix a:hover {text-decoration:none;}
#slider .sy-caption-wrap{display:none;}
.img_slider_home{ height: 50vw; max-height: 500px; background-size: cover; background-repeat: no-repeat; background-position: center center;}

/*------------ NEW-QUE-FER  --------*/
.img_top_{height: auto; max-height: 500px; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.img_top_  .titol{ width: 100%; padding: 20px 0; color:#B2304A; text-align: center; font-size: 48px; font-weight: 700;}
#new-que-fer-top{}
#new-que-fer-top h1{color:#fff; margin:0; padding:10px; font-size:45px; line-height:50px; text-transform:uppercase;}
#new-que-fer-top h2{color:#fff; margin:0; padding:5px 10px; font-size:30px; line-height:35px;}
#new-que-fer .col-md-4, #new-que-fer .col-sm-6{padding:0 5px;}
#new-que-fer-top .img-top{position:relative; margin-top: 20px;}
#new-que-fer-top .logos-top{position:absolute; top:20px;right: 4%;    z-index: 500;}
#new-que-fer-top .logos-top > a{display:inline-block; width:100px; height:100px; background:rgba(256,256,256,0.5); border-radius:8px; margin-right:5px; float:left; transition: background 0.8s ease-in-out;}
#new-que-fer-top .logos-top > a:hover{background:rgba(0,0,0,0.5); }
#new-que-fer-top .logos-top > a > img{width:80%; margin-left:10%;}
#new-que-fer-top .info-img-top{width:100%; }
#new-que-fer-top .logo-fer{}
#new-que-fer-top .info-img-top .logo{margin-left: auto;   margin-right: auto;  max-width: 130px;}
#new-que-fer-top .icons-top.movil{display:none;}
#new-que-fer-top .icons-top.desktop{text-align: right;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{border:none; box-shadow: none;}
.navbar.navbar-default {border:none; box-shadow: none; background:transparent;}
#new-que-fer-top .icons-top.desktop.no-home{margin-top:18px;}
.navbar-collapse.collapse{padding:0;}
#new-que-fer-top  .desktop .ico-fer{padding:36px; background:url('../images/icons/icons_serveis.png'); background-repeat:no-repeat; background-size:auto 70px; display:inline-block;margin:5px; cursor:pointer; transition:opacity 0.8s ease-in-out;}
#new-que-fer-top .desktop .ico-fer.vespre {background-position: 2.5px 0;}
#new-que-fer-top .desktop .ico-fer.tapes {background-position: -76px 0;}
#new-que-fer-top .desktop .ico-fer.activitats {background-position: -154px 0;}
#new-que-fer-top .desktop .ico-fer.compres {background-position: -231px 0;}
#new-que-fer-top .desktop .ico-fer.lloguer {background-position: -310px 0;}
#new-que-fer-top .desktop .ico-fer.serveis {background-position: -464px 0;}
#new-que-fer-top .desktop .ico-fer.gastronomia {background-position: -387px 0;}
#new-que-fer-top .ico-fer:hover{opacity:0.6;}

#new-que-fer-top .icons-top.movil{margin-top:30px; width:100%}
#new-que-fer-top .icons-top.movil a{width:340px;  padding:12px 5px;color:#fff; text-shadow: 0 4px 5px #000; font-size:16px; display:inline-block; border-radius:20px; position:relative;margin-bottom:20px; cursor:pointer;}
#new-que-fer-top .icons-top.movil a:hover{text-decoration:none;}
#new-que-fer-top .movil .ico-fer i{width:55px; height:55px; background:url('../images/icons/icons_serveis.png'); background-repeat:no-repeat; background-size:auto 60px; display:inline-block;float:left; position: absolute;left: calc(50% - 182px);top: -3px;box-shadow: 5px 0px 8px 0px #000;border-radius: 40px;}
#new-que-fer-top .movil .ico-fer.vespre i {background-position: 0px -2px;}
#new-que-fer-top .movil .ico-fer.allotjament i {background-position: -466px -2px;}
#new-que-fer-top .movil .ico-fer.tapes i {background-position:  -69px -2px;}
#new-que-fer-top .movil .ico-fer.activitats i {background-position: -135px -2px;}
#new-que-fer-top .movil .ico-fer.compres i {background-position: -201px -2px;}
#new-que-fer-top .movil .ico-fer.lloguer i {background-position: -268px -2px;}
#new-que-fer-top .movil .ico-fer.gastronomia i {background-position: -335px -2px;}
#new-que-fer-top .movil .ico-fer.serveis i {background-position: -399px -2px;}
#new-que-fer-top .movil .ico-fer.salud i {background-position: -473px -2px;}

#new-que-fer-top .movil .ico-fer.vespre {background-color:#3d9fac;}
#new-que-fer-top .movil .ico-fer.tapes {background-color:#5b4470}
#new-que-fer-top .movil .ico-fer.activitats {background-color:#4b5554;}
#new-que-fer-top .movil .ico-fer.compres {background-color:#fcb634;}
#new-que-fer-top .movil .ico-fer.lloguer {background-color:#d6572e;}
#new-que-fer-top .movil .ico-fer.serveis {background-color:#6e9c48;}
#new-que-fer-top .movil .ico-fer.gastronomia {background-color:#e25063;}
#new-que-fer-top .movil .ico-fer.allotjament {background-color:#355da2;}
#new-que-fer-top .movil .ico-fer.salud {background-color:#ed84b4;}


#new-que-fer{width:100%; max-width:1200px; padding:0 2%;}
#new-que-fer{margin:150px auto;}
#new-que-fer .col-md-4.col-sm-6{cursor:pointer;}
#new-que-fer .tira{padding:12px 5px; text-align:center; color:#fff; text-shadow: 0 4px 5px #000; margin-bottom:10px;  font-size:17px; text-transform: uppercase;}
#new-que-fer .tira.vespre{background:#3d9fac;}
#new-que-fer .tira.tapes{background:#5b4470;}
#new-que-fer .tira.activitats{background:#4b5554;}
#new-que-fer .tira.compres{background:#fcb634;}
#new-que-fer .tira.lloguer{background:#d6572e;}
#new-que-fer .tira.serveis{background:#6e9c48;}
#new-que-fer .tira.salud{background:#d681b1;}
#new-que-fer .tira.gastronomia{background:#db3448;}
#new-que-fer .tira.allotjament{background:#355da2;}
#new-que-fer .tira.salud{background:#ed84b4;}
#new-que-fer a:hover{opacity:0.6;}
#new-que-fer .royal{margin-top:90px}


/*------------- FOOTER NEW QUE FER --------*/
.footer-new-que-fer.container-fluid{padding:30px; background:#b2304a; color:#fff; }
.footer-new-que-fer .dreta.col-sm-6{text-align:right;}
.footer-new-que-fer .dreta a > img{width:50px;margin-right:22px;}
.footer-new-que-fer .dreta a:first-child > img{width:50px;margin-right:30px;}
.footer-new-que-fer .dreta a:last-child > img{width:92px;margin-right:20px;}
.footer-new-que-fer .esquerra a{color:#fff;}
.footer-new-que-fer .esquerra a:hover{color:#fff; }
.footer-new-que-fer .esquerra{padding-top:15px;}
.footer-new-que-fer .centre a{color:#fff;}
.footer-new-que-fer .centre a:hover{color:#fff; }
.footer-new-que-fer .centre{padding-top:15px;}



/*----------- CLIENTS QUE FER ----------*/
#info {margin-top:20px; }
#info .fitxa-client {background:#fff; padding:5px; margin-bottom:20px;}
#info .fitxa-client .client{background-size:100% auto; background-position:center center; height:50vw; max-height: 500px; color:#fff; text-align:center; background-repeat: no-repeat;}
#info .fitxa-client .client .interior{background-color: transparent;  height: 100%;    position: relative;}
#info .fitxa-client .client .interior a.lightview{display: inline-block; height: 100%; width: 100%}
#info .fitxa-client h1{ color: #fff;font-size: 40px; margin: 0; padding: 10px 0 10px;text-shadow: 0px 0px 5px rgb(0, 0, 0);font-weight: bold; text-align: center; }
#info .topVip{background:#b2304a}
#info .fitxa-client h4{color: #fff; font-size: 16px;  margin: 0; padding: 0;text-shadow: 0px 0px 5px rgb(0, 0, 0);font-weight: bold; text-align: center; padding-bottom: 10px}
#info .fitxa-client h3{color: #ad283b;font-size: 25px;font-weight: 700;  margin: 0; opacity: 0.6;padding: 20px;}
#info .fitxa-client h5{ color: #333; font-size: 18px; font-weight: 300;  margin: 0; padding: 0 0 35px 20px;}
#info .fitxa-client .trobens{position:absolute; right:5%; bottom:10px;box-shadow: 0px 0px 2px 2px #B2304A;border-radius: 6px;background: #B2304A;}
#info .fitxa-client .trobens span{width:55px; height:70px;  background-position:center center; display:inline-block; background-repeat:no-repeat;}
#info .fitxa-client .ico-map{background-image:url('../images/icons/ico-map.png');background-size: 30px auto;} 
#info .fitxa-client .ico-facebook{background-image:url('../images/icons/ico-facebook.png');background-size: 22px auto;}
#info .fitxa-client .ico-tel{background-image:url('../images/icons/ico-tel.png');background-size: 38px auto;}
#info .fitxa-client .destacamos{ display: none; background: #ad283b none repeat scroll 0 0;    border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;color: #fff;float: right;font-size: 16px;  font-style: italic;  font-weight: 700;  margin: 0;  padding: 10px 25px;  text-align: center;}
#banner_vip .fitxa-client{margin-left: auto; margin-right: auto;max-width: 850px; float:none; margin-bottom: 40px;}
/*normal*/
#info .cuadre-normal{padding-right:5px;padding-left:5px;}
#info .fitxa-client.normal .client{height:265.5px;}
#info .fitxa-client.normal .interior{height:230px; }
#info .fitxa-client.normal .interior a.lightview{display: inline-block; height: 100%; width: 100%}
#info .fitxa-client.normal h1{font-size:18px; padding:13px 5px 13px;text-shadow: 0px 0px 5px rgb(0, 0, 0);font-weight: normal; background:rgba(178,48,74,1); text-align: center;}
#info .fitxa-client.normal h4{font-size:15px; font-size: 20px;  padding: 15px 0 10px 15px;} 
#info .fitxa-client.normal h3{font-size:25px;padding:15px 0 10px 15px; }
#info .fitxa-client.normal h5{ font-size: 13px;  line-height: 18px;padding: 0 0 5px 15px; }
#info .fitxa-client.normal .trobens{padding:3px 7px; position: relative;right: auto;bottom: auto;}
#info .fitxa-client.normal .trobens span{width:31px; height:32px;}
#info .fitxa-client.normal .ico-map{background-size: 25px auto;}
#info .fitxa-client.normal .ico-facebook{background-size: 19px auto;} 
#info .fitxa-client.normal .ico-tel{background-size: 33px auto;}
#info .fitxa-client.normal .info-client > .col-sm-12{height:140px; overflow:hidden; }
#info .fitxa-client.normal .info-client > .col-sm-12.interior{width:127px; height: auto; float: right;padding: 5px;}
.facebook-icono{width:30px; margin-left:20px;}

/*----------- CLIENTS FITXA----------*/
#fitxa{background:#fff; padding:20px;max-width:870px;}
#fitxa img{height:auto;}
#fitxa .fitxa{margin-bottom:15px;}
#fitxa, #fitxa a{color:#B93842;}
#fitxa h1{font-size:23px;margin:0;padding:5px 0px 5px 20px;font-weight:700;color:#B93842;}
#fitxa h3{opacity:0.6;font-size:14px;padding:0 0 15px 20px;margin:0;color:#B93842;}
#fitxa h2{font-size:18px;padding:0 0px 5px 20px;font-weight:700; margin:0;color:#B93842;}
#fitxa h4{opacity:0.6;font-size:12px;padding:0 0 15px 20px;margin:0;color:#B93842;}
#fitxa .xarxes span{display:inline-block; width:50px; height:40px; background-repeat:no-repeat; background-position:center center;}
#fitxa .xarxes span.ico-facebook{background-image:url('../images/icons/ico-facebook.png'); background-size:35px auto;}
#fitxa .xarxes{padding:10px 0;}
#fitxa p{font-size:14px; font-weight:400;}
#fitxa .mapa iframe{width:100% !important;}
#fitxa .desc{padding:20px;}
.lv_window_dark .lv_button_top_close{top:90px; left:87%; background-image:url('../images/icons/close-fitxa.png') !important; background-size:30px auto;}
.lv_window_dark .lv_button_top_close:hover{background-position:inherit;}
.lv_skin canvas{display:none !important;}
#slider_mobile{display:none;}
header#header_mobile{display:none;}

@media (max-width: 1400px){
    #new-que-fer-top .info-img-top{top:150px;}	
    #new-que-fer-top .logo-fer{margin-bottom:25px;}
    #new-que-fer-top .icons-top.desktop{}
    #new-que-fer-top h1{padding: 10px;font-size: 40px;line-height: 45px;}
}


@media (max-width: 1200px){
    #new-que-fer-top .logos-top{left:3%;}
    /*	#new-que-fer-top .info-img-top{bottom:20px;}*/
    #info .fitxa-client.normal .client .interior, #info .fitxa-client.normal .client{ height:22.6vw;}
    /*	#new-que-fer-top .info-img-top img{width:250px;}
            #new-que-fer-top .logo-fer{margin-bottom:25px;}
            #new-que-fer-top .icons-top.desktop{margin-top:25px;}*/
    #new-que-fer-top .info-img-top{top:150px;}	
    #new-que-fer-top .logo-fer{margin-bottom:15px;}
    #new-que-fer-top .icons-top.desktop{}
    #new-que-fer-top h1{padding: 5px;font-size: 40px;line-height: 45px;}
}

@media (max-width: 1080px){
    .home-banner{height: 24.2vw;}
    #info .fitxa-client.normal .info-client > .col-sm-12 {height: 170px;}
    #header_home .item.item-menu a{padding:0 5px;}

}




@media (max-width: 992px){
    #header_home .item.item-menu a{padding: 0px 2px; font-size: 10px;;}
    #new-que-fer-top .info-img-top{bottom:0px}
    #new-que-fer-top .info-img-top h1{font-size:30px; line-height:35px; padding:0;text-shadow: 0px 0px 8px #000; font-weight: 700;}
    #new-que-fer-top .info-img-top h2{font-size:25px; line-height:30px;text-shadow: 0px 0px 8px #000; font-weight: 700;}
    #new-que-fer-top .info-img-top .logo{max-width:200px; width:100%;}
    #new-que-fer-top .logos-top > a{width:80px; height:80px;}
    #info .fitxa-client.normal h1{padding-top:20px;}
    .lv_content_wrapper{width:100% !important;}
    .lv_content{width:90% !important; left:5% !important;}
    #new-que-fer-top .logo-fer{margin-bottom:17px;}
    #new-que-fer-top .icons-top.desktop.no-home{margin-top:-18px;}
    #new-que-fer-top .img-top .info-img-top img{}
    #new-que-fer-top .desktop .ico-fer{margin:0;}
    #new-que-fer-top .img-top{}
    .img-background{ min-height: 700px;}
    #new-que-fer-top .info-img-top{ bottom:inherit; top:15px;}
    #new-que-fer-top .img-top img{width:auto; height:100%;}
    #new-que-fer-top .img-top > img{margin-left: -470px; height:auto;}
    #new-que-fer-top .logos-top > a > img {width:80%; height:auto;}
    #info .fitxa-client.normal .client .interior, #info .fitxa-client.normal .client{ height:34.4vw;}
    .home-banner{height: 35.2vw; margin-bottom:10px;}
    .bannerRoyal{margin-top:0 !important}
    .containerGrupos{display:block;}
    .containerGrupos.top{}
    #info .fitxa-client.normal .info-client > .col-sm-12 {height: 150px;}

}

@media (max-width: 767px){

    .container-marges{padding:0;}
    .grupo > a:first-child > div{padding-left:1%;}
    .grupo > a:last-child > div{padding-right: 1%;}
    
    header .contentLang{position:absolute; right: 1%; top: 0;}
    #new-que-fer-top .logo-fer{text-align: center;}
    .navbar.navbar-default{width:auto; position: absolute; left:0; top:19px; width:100%; z-index: 12;}
    .navbar-default .navbar-toggle{margin-left: 1%;}
    #new-que-fer-top .icons-top.desktop{text-align: center;}
    .navbar-toggle{margin:0; float: left;}
    span.item.item-menu{margin:5px 0; display: inline-block; width:100%;}
    .navbar-default .navbar-collapse, .navbar-default .navbar-form{max-height: none;}
    #slider .descobreix .titol{font-size:38px;}
    #new-que-fer-top .logo-fer{z-index: 14;width: calc(100% - 140px);margin-left: 70px;}
    .grupo .pastilla .texta{display: none;}
    .grupo .pastilla .imatge{float:none;margin: auto;}
    .footer-new-que-fer .esquerra{text-align: center; margin-bottom: 20px;}
    #new-que-fer-top .icons-top.movil{display:block;padding: 0px; text-align: center;}
    .img-top-home{background-size: cover; background-repeat: no-repeat; /*background-image: url('../images/background.jpg');*/}
    
    /* .no_mobile, #slider{display:none;} */
    #slider_mobile{display:block;margin-bottom: 50px;}
    #new-que-fer-top .img-top, #new-que-fer-top .icons-top.movil{margin-top:0;}
    #new-que-fer-top .icons-top.movil a.logo-home-mobil{width:100%; text-align: center; display: inline-block;}
    header#header_home{display:none;}
    header#header_mobile{display:block;}
    
    #new-que-fer-top .icons-top.desktop{width:200px; z-index: 11; background:#fff; padding: 10px; border-radius: 16px; margin-left: 20px; margin-top:30px;}
    #new-que-fer {margin: 50px auto;}
    #new-que-fer-top .tipus{font-size:27px;}
    #info .fitxa-client .client .interior, #info .fitxa-client .client{height:60vw;}
    #info .fitxa-client h1{padding-top:30px; font-size:20px; padding-bottom:10px; } 
    #info .fitxa-client h4{font-size:18px;}
    #info .fitxa-client h5{padding-bottom:0;}
    #info .fitxa-client h3{font-size:25px; padding:10px 20px;}
    #info .fitxa-client h5{font-size:14px; padding:0 20px 25px;}
    #info .fitxa-client .trobens span{width:30px; height:40px;}
    #info .fitxa-client .ico-map{background-size: 25px auto;}
    #info .fitxa-client .ico-facebook{background-size: 20px auto;}
    #info .fitxa-client .ico-tel{background-size: 34px auto;}
    #info .fitxa-client.normal .client .interior, #info .fitxa-client.normal .client {   height: 72.7vw;}
    #info .fitxa-client.vip .info-client{float:left; margin-bottom:50px;}
    #fitxa{padding:5px}
    .img_top_  .titol{font-size:36px;}
    .containerGrupos, #slider .descobreix{display:none;}
    #new-que-fer-top.dins_slider{position: absolute; top:20%; left:0; display: block;margin-top:0;}
    #new-que-fer-top.dins_slider.grupo .texta{display:block;}
    #new-que-fer-top.dins_slider .pastilla.tipus_1{border: 1px solid #01B6C7; background:rgba(1, 182, 199, 0.5); }
    #new-que-fer-top.dins_slider .pastilla.tipus_2{border: 1px solid #6EA224;background:rgba(110, 162, 36, 0.5); }
    #new-que-fer-top.dins_slider .pastilla.tipus_3{border: 1px solid #E4A32C; background:rgba(228, 163, 44, 0.5);}
    #new-que-fer-top.dins_slider .pastilla .imatge{float: right; margin: 0;}
    
    #info .fitxa-client.normal .info-client > .col-sm-12 {height: 150px;float: none;}
}

@media (max-width: 500px){
    #info .fitxa-client.vip .info-client > div, #info .fitxa-client .destacamos{width:100%;}
    #info .fitxa-client.normal .client .interior, #info .fitxa-client.normal .client {   height: 71vw;}
    /*#new-que-fer-top .icons-top.movil a{padding: 6px 5px;font-size: 14px;}
    #new-que-fer-top .movil .ico-fer i{width: 43px;height: 43px; background-size: cover;top: -7px;box-shadow: 1px 1px 1px -1px #000;border-radius: 25px;}
    #new-que-fer-top .movil .ico-fer.vespre i {    background-position: 4px 2px;}
    #new-que-fer-top .movil .ico-fer.tapes i {background-position:  -44px 2px;}
    #new-que-fer-top .movil .ico-fer.activitats i {background-position: -92px 2px;}
    #new-que-fer-top .movil .ico-fer.compres i {background-position: -141px 2px;}
    #new-que-fer-top .movil .ico-fer.lloguer i {background-position: -189px 2px;}
    #new-que-fer-top .movil .ico-fer.gastronomia i {background-position: -236px 2px;}
    #new-que-fer-top .movil .ico-fer.serveis i {background-position: -282px 2px;}
    #new-que-fer-top .info-img-top img{width:400px;}
     #new-que-fer-top .img-top{min-height: calc(710px + 80vw);}
    #new-que-fer-top .img-top{overflow:hidden; border:none; height: auto; }*/
    .footer-new-que-fer.container-fluid{padding: 0px;}
    .img_top_  .titol{font-size:28px;top:35%;}
    .banner_desktop{display: none;}
    .banner_mobil{display: block; margin: 20px auto;}
    .img-background{ min-height: calc(710px + 80vw);}
    #slider .descobreix .titol{font-size:22px;}
    .img_slider_home{height: 80vw;}
    .item-img {
        width:100%;
        height: 300px;
        background-size: cover;
    }
    

}


@media (max-width: 640px) and (orientation: landscape){
    /*#new-que-fer-top .icons-top.movil a{margin-bottom:12px;}
    #new-que-fer-top .icons-top.movil a{padding: 5px 5px;font-size: 14px;}
    #new-que-fer-top .movil .ico-fer i{width: 43px;height: 43px; background-size: cover;top: -7px;box-shadow: 1px 1px 1px -1px #000;border-radius: 25px;}
    #new-que-fer-top .movil .ico-fer.vespre i {    background-position: 4px 2px;}
    #new-que-fer-top .movil .ico-fer.tapes i {background-position:  -44px 2px;}
    #new-que-fer-top .movil .ico-fer.activitats i {background-position: -92px 2px;}
    #new-que-fer-top .movil .ico-fer.compres i {background-position: -141px 2px;}
    #new-que-fer-top .movil .ico-fer.lloguer i {background-position: -189px 2px;}
    #new-que-fer-top .movil .ico-fer.gastronomia i {background-position: -236px 2px;}
    #new-que-fer-top .img-top{overflow:hidden; border:none; height: 200vh; min-height:612px;}
    .footer-new-que-fer.container-fluid{padding: 0px;}
    .banner_mobil{display: block; margin-right: auto; margin-left: auto;}*/
}