@import url(https://fonts.googleapis.com/css?family=Lato:400,700,900,300);

/*general*/
body{ font-family: sans-serif; color:#000; font-weight: 400;-webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;}
#loadingEspera{position: fixed; left: 0; top:0; width:100%; height: 100%; background-color:rgba(256, 256, 256, 1); background-image: url('../images/icons/loading.gif'); z-index: 99999; background-position: center center; background-repeat: no-repeat;background-size: 110px auto;}
/*
color principal: #F0B02A;
color font: #3E3E3E
*/

body a{color:#fff;  }
body a:hover{text-decoration: none; color:#fff;}
body a:focus{text-decoration: none; color:#fff; border: none;}

/*inputs*/
::-webkit-input-placeholder{ opacity: 1;}:-moz-placeholder { opacity: 1;}::-moz-placeholder { opacity: 1;}:-ms-input-placeholder { opacity: 1; }
input, .btn.dropdown-toggle.bs-placeholder.btn-info, .btn-group > .btn:first-child{border:1px solid #F0B02A; padding:10px; font-size:13px; color:#545454; border-radius:0; background:#fff; width:100%; text-shadow:none; font-weight: 400;}
.bootstrap-select > .dropdown-toggle.bs-placeholder, .bootstrap-select > .dropdown-toggle.bs-placeholder:active, .bootstrap-select > .dropdown-toggle.bs-placeholder:focus, .bootstrap-select > .dropdown-toggle.bs-placeholder:hover{color:#545454}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:100%;}
.ui-corner-all{border-radius: 0; border:1px solid #F0B02A; background:rgba(234, 199, 88, 0.5);}
.ui-slider-horizontal .ui-slider-range{background:rgba(234, 199, 88, 0.8);}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{border:1px solid #F0B02A; background:#F0B02A; box-shadow: 0 0 1px 1px #F0B02A; border-radius: 2px;}
.ui-slider .ui-slider-handle{width:25px; height: 25px;}
.bootstrap-select.btn-group .dropdown-toggle .caret{color:#F0B02A;border-right: 5px solid transparent;border-left: 5px solid transparent;}
.bootstrap-select.btn-group .dropdown-menu{border-radius:0; max-height: 200px !important;}
.bootstrap-select.btn-group .dropdown-menu.inner{max-height: 200px !important;}
.bootstrap-select.btn-group .dropdown-menu li > a{color:#545454;}/*#545454 #9C9C9F*/
.bootstrap-select.btn-group .dropdown-menu li > a:hover, .bootstrap-select.btn-group .dropdown-menu li > a:focus{background:#F0B02A; color:#fff;}

.posicioMobil {margin-top:-36px !important;margin-bottom:40px !important;}
.posDesktop {margin-top:-33px;}

/*bootstrap*/
img{width:100%;}
.container-fluid{padding:0;width:100%}
.container-marges{padding:0 2%; max-width:1200px;}
.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{margin-bottom: 15px;}
.navbar-toggle{display: none;}
header .lang a:hover{text-decoration: none;}
.modal-header .close{color:#2E3192; opacity:1; margin-top:-15px;}
.img{background-size: 110% auto; background-position: center center; background-repeat: no-repeat; height: 30vw; max-height: 250px;}

/*****carousel*****/
.owl-theme .owl-controls{position:absolute; top: 50%; right:20px;display:none;}
#slider .sliderItem{ background-repeat: no-repeat;background-size: 100% auto;background-position:center; height: 35vw;min-height: 200px; max-height: 620px;}
#slider h1{position:absolute; bottom: 20%; left: 12%; color:#fff; font-size: 60px; width: 100%; text-shadow: 0 0 6px #000; font-weight: 700;text-align: left;}
#slider h3{position:absolute; bottom: 12%; left: 12%; color:#fff; font-size: 30px; width: 100%; text-shadow: 0 0 6px #000; font-weight: 700;text-align: left; font-style: italic;}
#slider .owl-dots{width:20px;}
#slider .owl-nav{display:none;}
.owl-theme .owl-dots .owl-dot span{background: transparent;border: 1px solid #fff;}
.owl-theme .owl-dots .owl-dot:hover span, .owl-theme .owl-dots .owl-dot.active span{background: #fff;}

/*iconos*/
.icon{width:30px; height: 30px; display: inline-block; background-position: center center; background-repeat: no-repeat; }
.icon.ico-es{background-image: url('../images/icons/es.png');}
.icon.ico-en{background-image: url('../images/icons/en.png');}
.icon.ico-de{background-image: url('../images/icons/de.png');}
.iconos{width:62px; height: 41px; background-image: url('../images/icons/iconos.png'); background-repeat: no-repeat;float:left;}
.iconos.banyera{background-position: 2px 0px;}
.iconos.persones{background-position: -55px 0px;}
.iconos.llit{background-position: -129px 0px;}
.iconos.zonaico{background-position: 0px -45px;}
.iconos.piscina{background-position: -60px -45px;}
.iconos.metrosquadrats{background-position: -131px -45px;}
.icon-wish{background-image:url('../images/icons/favoritos.png'); padding: 18px 18px; background-repeat: no-repeat; background-position: 0 center; background-size: 70px; cursor: pointer;margin-right:0px;display:inline-block; margin-bottom: -10px;}
.icon-wish.active{background-position: -34px center;}
.icon-wish-white{background-image:url('../images/icons/favoritos-blanc.png'); padding: 0px 12px; background-repeat: no-repeat; background-position: 0 center; background-size: 48px; cursor: pointer;margin-right:7px;}
.icon-wish-white.active{background-position: -25px center;}
.ico-print{width:30px; margin:30px 0px; transition: all 0.8s ease-in-out;}
.ico-print:hover{opacity:0.5;}

/*botons*/
.boto {padding: 10px 40px;border: 1px solid #F0B02A; color:#fff; font-size:13px; text-decoration:none;  transition: all 0.8s ease-in-out;  background:#F0B02A; cursor: pointer;  text-align: center; border-radius: 0px; }
.boto:hover, .boto:focus{color:#F0B02A; background:#fff; text-decoration:none;}
.boto.invers{color:#F0B02A; background:#fff; border:1px solid #F0B02A; padding:15px 60px; font-size: 14px; font-weight: 300; }
.boto.invers:hover, .boto.invers:focus{color:#fff; background:#F0B02A; }

/*general*/
.banner_info{background:#C9C9C9; padding:40px 0; color:#737271; text-align: center; }
.banner_info h3{font-size: 25px; margin:0 0 30px; padding:0; font-weight: 700;}
.banner_info p{font-size: 14px; margin:0 0 15px; padding:0; font-weight: 300;}
.img-top{height: 40vw; background-size: 100% auto; background-position: center center; max-height: 450px; min-height: 200px;}
#mapa{height: 40vw; max-height: 400px;}

/*header*/
header {background:#F0B02A; box-shadow: 0 2px 4px 3px #ccc; }/*#F0B02A;  #F7C14E*/
#header{margin-top:5px;padding-bottom: 5px; }
header .navbar-default .navbar-collapse{background:transparent; border:none; padding-right: 0; margin-top:15px; box-shadow: none;}
header .col-logo img{max-height: 50px; width: auto;margin-right: 20px; margin-top:7px;}
/*menu*/
header .menu{ text-align: right;}
header .menu a{margin:0 0px; padding:7px 13px;}
header .menu a{text-decoration: none;}
header .menu span:last-child > a{margin-right: 0;}
header .menu a.boto{padding: 10px 30px;}
header .item-menu{position:relative;}
header .item-menu a{transition: all 0.8s ease-in-out;  font-size:16px; cursor:pointer; color:#fff; font-weight: 300; text-transform: uppercase;}
header .item-menu a.active, header .item-menu:hover > a, header .item-menu a.active, header .item-menu a:hover{text-decoration: underline;}
header .navbar-default{background:none; box-shadow: none; border:none}
header .titol{margin-top:15vh; text-align: center;}
/*lang*/
#header .lang{margin-bottom: -8px;}
#header .langs a{padding:7px 0; margin:0 3px;}
#header .telf small{font-size: 21px; font-weight: 700;}

/*----- CERCADOR ----*/
#cercador{max-width: 1200px; margin:15px auto 0px; }
#cercador path{cursor:pointer; transition:all 0.5s ease-in-out;}
#cercador path:hover, #cercador path:focus, #cercador path:active, #cercador path.active{opacity:0.5;}
#cercador .inputs{margin-top:75px;}
#cercador .boto{width:100%; margin-top:25px;}
#cercador .col-sm-3{padding:0 8px; }
#cercador .col-sm-3.bottom{margin-top:25px; }
#cercador .cerca_preu_min{padding: 0 2px 0 0;}
#cercador .cerca_preu_max{padding: 0 0 0 2px;}

/*#cercador .inputs > .row:last-child .col-sm-6, #cercador .inputs > .row:last-child .col-sm-3{padding:0 2px; }*/
#cercador .ui-slider{margin-top:40px;}
#cercador .info-slider{position:absolute; top:10px; left:0; width:100%; padding:0 7px;}
#cercador .info-slider small{font-size: 11px; font-weight: 300;}
#cercador .info-slider small:first-child{float:left;}
#cercador .info-slider small:last-child{float:right;}
#obrir_cercador{width:100%; background-color:rgb(247, 193, 78); height: 50px; display: none;cursor:pointer;float:left; background-image: url('../images/icons/lupa.png'); background-size: 30px auto; background-position: center center; background-repeat: no-repeat; margin-bottom: 40px;}

/*---   HOME    -----*/
#home .cercador{border-bottom: 10px solid #F0B02A;}
#galeriaZones{ background-color:#F5F5F5;padding:70px 0;}
#galeriaZones .col-xs-12:last-child:not(:first-child){float:left;}
#galeriaZones .col-xs-12{padding:1rem 1rem;}
#galeriaZones .zona{height:25vw; max-height: 305px;background-repeat: no-repeat;background-size:cover; background-position:center;margin:0 auto;position:relative;box-shadow: 1px 1px 3px 2px rgba(194,188,194,1);color: #FFF;font-size: 32px;padding-top: 38%;text-align:center;font-weight:bold;
}
#galeriaZones .zona.zonaespecial{padding-top: 22.5%;}
 
#galeriaZones .zona > a > div{opacity:0;transition:all ease-in-out 0.5s;width: 50%;height: 100%;background: rgba(256,256,256,0.95);font-size: 20px;padding-top: 30%;position: absolute;top: 0;color:RGB(247, 193, 78);line-height: 30px;}
#galeriaZones .zona-home-esquerra{left: 0;}
#galeriaZones .zona-home-dreta{right: 0; padding: 0 7px;}
#galeriaZones .zona:hover > a > div{opacity:1;  }
#galeriaZones .zona > a > div:hover{background:rgba(247, 193, 78, 1); color:#fff;}

/*galeria*/
#galeria{padding:4rem 0rem;}
#galeria h4{font-size: 18px; color:#4B4B47; text-align: center; font-weight: 700;}
#galeria .titulo{    font-size: 1.625rem;color: #484848; font-weight:900;}
#galeria .subtitulo{font-size: 1.2rem;color: #484848; font-weight:300;}
#galeria #sliderGaleria{margin-top:4rem; margin-bottom:3rem;}
#galeria .row.sliderContent{position: relative;}
#galeria .row.sliderContent .divOpacoL{position:absolute; top:4rem;left:0px; width:19.70%; background-color:#FFF; opacity:0.8;height:425px; z-index:10}
#galeria .row.sliderContent .divOpacoR{position:absolute; top:4rem;right:0px; width:19.68%; background-color:#FFF; opacity:0.8;height:425px;z-index:10}
#galeria #sliderGaleria .sliderItem{width:97%;height:330px;background-repeat:no-repeat;background-size:cover;margin:0 auto;position:relative;background-position:center;transition: all 0.8s ease-in-out;}
#galeria #sliderGaleria .sliderItem:hover{ opacity:0.3}
#galeria #sliderGaleria .sliderItem .precio{ position: absolute;top: 20px;left: 20px;background-color: #F0B02A;width: auto;color: #FFF;padding: 5px 10px; text-align: left; }
#galeria #sliderGaleria .sliderItem .precio .coste{font-size:24px; font-weight: 700;}
#galeria #sliderGaleria .sliderItem .info{position: absolute;bottom: 1.6rem;left: 2%;width: 96%; background-color: #FFF;    padding: 10px 5px;background-color:rgba(255,255,255,0.8);min-height: 65px; }
#galeria #sliderGaleria .sliderItem .info .iconos{height: 30px;width: 42px; background-size: 132px; float: left;}
#galeria #sliderGaleria .sliderItem .info .text{font-size:18px;font-weight:300;color:#6d6e70;padding-top:4px;float:left;text-align:right;width: calc(100% - 42px)}	
#galeria #sliderGaleria .sliderItem .info .contenedorInfoIconos	{ width:50%; float:left; padding:5px; position:relative;height: 100%;border-right: 1px solid #6d6e70;    padding: 7px 7%;}										
#galeria #sliderGaleria .sliderItem .info .persones{background-position: -37px 2px;}
#galeria #sliderGaleria .sliderItem .info .banyera{background-position: 3px 2px;}
#galeria #sliderGaleria .sliderItem .info .llit{background-position: -85px 2px;}	
#galeria .btn.row{width:281px; height: 62px;}
#galeria .linkVerCasas{padding: 1.1rem;font-size: 17px; color: #F0B02A;transition: all 0.8s ease-in-out; border:1px solid RGB(247, 193, 78);}
#galeria .linkVerCasas:hover{ background-color:#F0B02A; color:#FFF}
#galeria .todas{text-align: center; margin-top:30px;}


/*----  VENTA   ----*/
#venta{padding-bottom:100px;background:#F5F7F5;}
#venta #cercador{background:#fff; border:1px solid #F0B02A; margin-top:-146px; margin-bottom: 100px; padding:0 20px;}
#venta .row.principal {box-shadow: 1px 1px 3px 2px rgba(194,188,194,1); margin-bottom:1.5rem;max-width: 75rem; color:#000;font-size:1.5rem;margin: 0 15px 25px;}
#venta .primaria{width: 48.5%; margin-right: 1.5%;} 
#venta .row.principal .imgPropiedad{background-repeat: no-repeat;background-size: cover; background-position:center; height: 280px;  }
#venta .row.principal .imgPropiedad .estat_casa{position: absolute; font-size: 18px; line-height: 20px;bottom:0; left: 0%; width: auto; color:#fff; padding: 5px 10%; text-align: center; background:#F0B02A;}
#venta .row.principal .infoCasa{padding: 2rem 1rem 1rem; background:#fff;    height: 280px;}
#venta .row.principal .titol{width:100%;  font-size:16px; font-weight:bold; color:#231f20; text-transform: uppercase;}
#venta .row.principal .info{width:100%; font-size: 16px; margin-top: 0;margin-bottom: 15px; font-weight:300;float: left;}
#venta .row.principal .info .contenedorInfoIconos:nth-child(2){border:none;}
#venta .row.principal .btn {float: right;font-size: 0.8rem;padding: 0.4rem;text-align: center;margin-top:20px;}
#venta .row.principal .info .iconos{height: 28px;width: 33px; float: left; background-size: 110px;}
#venta .row.principal .info .text{font-size:12px;font-weight:300;color:#000;padding-top:4px;float:left;text-align:center;width: calc(100% - 40px)}	
#venta .row.principal .info .contenedorInfoIconos	{ width:50%; float:left;  position:relative;height: 100%;border-right: 1px solid #6d6e70;    padding: 14px 8%;}										
#venta .row.principal .info .persones{background-position: -32px 3px; }
#venta .row.principal .info .banyera{background-position: 0 3px;}
#venta .row.principal .info .llit{background-position: -71px 3px; width: 36px}
#venta .row.principal .img{padding:0;}
#venta .principal .boto.invers{padding:7px 10px; float: right;font-size: 12px;margin-top: 10px;}
#venta .primaria{width: 48.5%; margin-right: 1.5%;} 
#venta h6{font-size: 16px; color:#000; text-transform: uppercase; margin-left: 15px;}
#venta .info.preu{text-align: center; color:#000;}
/*paginacio*/
#paginacio{clear:both;}
#paginacio .row.principal {max-width: 75rem;color:#6D6E70; position:relative;padding-bottom: 0;}
#paginacio .pag{  background-repeat:no-repeat; padding: 2px 14px 7px; cursor:pointer; float: right; background-color:#F0B02A; color:#fff; font-size: 18px; line-height: 25px;}
#paginacio .pag:hover{opacity:0.8;}
#paginacio .pag.inactiu{opacity:0.5; cursor:no-drop;}
#paginacio .prev { }
#paginacio .next { background-position: -48px 0px;background-color: #D7B14E; margin-right: 15px;}
.paginacio-llistat{margin-bottom:-23px;}


/*----  PROPIETAT   ----*/
#propietat{}
#propietat #cercador div{ width:100%;}
#propietat #cercador .inputs{margin-top:0px;margin-left:0;}
#propietat #cercador .col-sm-3.bottom{margin-top:0;}
#propietat #cercador .mapa{padding:0 30px; margin-bottom: -15px; margin-top: -15px;}
#propietat .cinta{position:absolute; bottom: 0; left: 0; width:100%; background:rgba(0, 0,0, 0.7); padding: 15px 5% 10px 5%; color:#fff; text-transform: uppercase;}
#propietat .cinta .row > div:nth-child(1){font-size:12px;margin-top:-7px;}
#propietat .cinta .row > div:nth-child(1) > span{ padding-top: 20px; width: 100%;}
/*#propietat .cinta .row > div:nth-child(1) > span:last-child{font-size: 26px; display: inline-block; padding-left: 6px;}*/
#propietat .cinta .row > div:nth-child(2){text-align: center; font-size: 36px; font-weight: 700; line-height: 32px;}
#propietat .cinta .row > div:nth-child(2) > span{font-size: 20px; font-weight: 400;display: inline-block;width: 100%;}
#propietat .cinta .row > div:nth-child(3){text-align: right; font-size: 30px; font-weight: 700;line-height: 30px;}
#propietat input, #propietat .btn.dropdown-toggle.bs-placeholder.btn-info, #propietat .btn-group > .btn:first-child, #propietat #cercador .boto{margin-top:10px;}
#propietat #cercador .boto{position:absolute; bottom:-70px; left: 0;}
#propietat #cercador .ui-slider{margin-bottom:20px;}
#propietat #mapa{height:450px; }
#propietat .galeria > a > div > div{background-size: auto 110%; background-position: center center; background-repeat: no-repeat; height: 20vw; max-height: 250px}
#propietat .galeria a:nth-child(1) > div > div, #propietat .galeria > a:nth-child(4) > div > div{background-size: 110% auto;}
#propietat .galeria > a > div > div{margin:4px 0;}
#propietat .info{margin-top:60px;}
#propietat .caracteristiques .info{margin-top:0;}
#propietat .info h2{font-size: 34px; color:#F0B02A; text-transform: uppercase; }
#propietat .info p{font-size: 16px; color:#000; font-weight: 400; margin:70px 0; padding:0 15% 0 0;}
#propietat .info small{font-size: 15px; color:#F0B02A; text-transform: uppercase; font-weight: 700;    width: 100%;  display: inline-block;}
#propietat .info .ul_caracteristiques li{font-size: 15px; font-weight: 400; color:#000; margin:5px 0;}
#propietat .info .ul_caracteristiques{margin-top:20px;}
#propietat .info .caracteristiques{background-color:#C9C9C9; padding:90px 20px; min-height: 850px;position: relative;}
#propietat .ul_caracteristiques {list-style: none;    padding:0;    margin:0; margin-left: 20px;}
#propietat .ul_caracteristiques li {  padding-left: 1em;  text-indent: -.7em;}
#propietat .ul_caracteristiques li:before {   content: "• ";   color: #F0B02A; }
#propietat .info h3{margin-top:50px;}
#propietat .info .contenedorInfoIconos	{ width:50%; float:left;  position:relative;height: 100%;border-right: 1px solid #6d6e70;    padding: 3px 10px;}										
#propietat .info .persones{background-position: -28px 0px;background-size: 112px auto; }
#propietat .info .banyera{background-position: 6px 0px;background-size: 112px auto;}
#propietat .info .llit{background-position: -69px 0px;background-size: 112px auto;}
#propietat .iconos{height:26px; width:40px;}
#propietat .info .text {font-size: 12px; font-weight: 300; color: #6d6e70; padding-top: 4px; float: left; text-align: center; width: calc(100% - 40px);}
#propietat .info .contenedorInfoIconos:nth-child(2){border-right:0;}
#propietat .caracteristiques .info{background-color:#fff;margin-bottom: 50px; padding:10px 0;}
#propietat .caracteristiques small{padding-bottom: 20px;}
#propietat .lista > div{font-size:13px; color:#201815;padding: 2px 0;}
#propietat .lista .dreta{text-align: right;}
#propietat .img-property{height:12vw; max-height: 150px; background-size: cover; background-position: center; background-repeat: no-repeat; margin:0 3px;}
#propietat #sliderProperty{margin:40px -3px; width: calc(100% + 6px);}
#propietat .primer-row{margin-top:50px;}


/*-----  CONTACTO   ----*/
#contacto{padding: 30px 15px 45px; text-align: center;}
#contacto .row.principal .row{margin:0px;}
#contacto .row.principal{color:#6D6E70;font-size:16px;}
#contacto .row.principal .principal{padding-left:0px; padding-right:0px;}
#contacto h3{color:#231f20; font-size:24px; margin-bottom:18px; margin-top:30px;}
#contacto p{ font-weight:300; font-size: 16px; line-height: 26px;}
#contacto a{color:#6D6E70;}
#contacto #formContacto input,#contacto #formContacto textarea{width:100%; border: 3px solid #F0B02A; padding:20px 16px; font-size:16px; }
#contacto #formContacto input,#contacto #formContacto textarea{padding:20px 16px;height:auto;margin-bottom:0px;font-size:16px;}
#contacto #formContacto textarea{ min-height:200px;}
#contacto #formContacto input#nombre,#contacto #formContacto input#email{border-bottom:none;}
#contacto #formContacto #buscarBtn{padding: 14px 49px;text-align: center;font-size: 16px;margin-top: 0px;float:right; border:3px solid #F0B02A}
#contacto a:hover, #contacte a:focus{text-decoration: none; opacity: 0.8;}
#contacto #formContacto #privacitat_check{width:20px;}
#missatgeContacte{display:none; color:#006600; font-size:14px; margin-top: 20px; text-align: right;}
.accetpo_condiciones{text-align: left;margin:15px 0;}
.accetpo_condiciones label, .accetpo_condiciones a{font-size: 14px; color:#6D6E70; margin-right: 0;font-weight: 400;}
.accetpo_condiciones a:hover{ text-decoration: underline;}
.g-recaptcha{width:304px; float:left;}

/*---   FOOTER  ---*/
footer{background-color:#F0B02A; padding:25px; font-size: 17px;color:#FFF;  }
footer .left{text-align:left;}
footer .center{text-align:center;margin-top: 0;}
footer .center img{width:auto; height: auto; max-width: 170px;}
footer .logo{margin-top:30px;}
footer .right{text-align:right;}
footer .logoInoff{width:50px; margin-top:-25px;}
footer a, footer p{color:#FFF; font-weight: 300;}
footer .top a{ display: inline-block; width:100%;}
footer .bottom{margin-top:0px;font-size: 14px;font-weight: 300; }
footer .bottom a{ font-size: 14px; font-weight: 300;text-align: center;}
footer a:hover, footer a:focus, footer a:active{color:#fff; text-decoration: underline;}
footer h3{font-size: 17px;font-weight: 700; margin-top:30px;}
footer .left h3:first-child{margin-top:0;}
footer .right a{margin-bottom: 20px;}
footer .ico-facebook{margin-top:15px;}
footer .logos-legals img{width:60px;}

/*##    AVISO LEGAL ##*/
#aviso-legal{margin-bottom: 60px; font-size: 13px; color:#000;}
#aviso-legal h1{margin-top:60px; text-align:center; margin-bottom: 40px; font-weight: 700; font-size: 40px;}

/*---   COOKIES ---*/
#cookies a{color:#758DBB;}

@media (max-width: 1300px){
    .collapse{display:block;}
}
@media (max-width: 1199px){
    .divOpacoR, .divOpacoL{display:none;}
    #slider h1{font-size: 40px; left: 5%;}
    #slider h3{bottom: 7%; left: 5%;}
    #cercador .inputs{margin-top:7vw;}
    header .menu a {margin: 0 4px;padding: 7px 4px;}
    
}
@media (max-width: 991px){
    header .menu a{margin: 0;padding: 7px 2px;font-size: 13px;}
    #home .img_top{padding: 10vw 0;}
    .collapse{display:block;}
    .navbar-toggle{float:left;}   
    .collapse{display:block;}
    
    #cercador .info-slider small{font-size:10px;}
    #galeriaZones .zona{height:45vw; max-height: 375px;}
    #venta .row.principal{max-width: 630px; margin-left: auto; margin-right: auto;}
    
    #propietat #cercador div.col-sm-3{width: 25%;}
    #propietat #cercador div.col-sm-9{width: 75%;}
    #propietat #cercador div.col-sm-6{width: 50%;}
    #propietat #cercador .boto{position:relative; bottom: auto; left:auto;}
    #propietat .cinta .centro{display:none;}
    #propietat .img-property{height: 20vw; max-height: 200px;}
    #propietat .info .caracteristiques{min-height: 1000px;}
    #propietat #sliderProperty { margin: 40px 0px;    width:100%;}
}
@media (max-width: 767px){
    header .navbar-default{position: fixed; right: 0%; top:2%; z-index: 999;}
    #header{float:left; width: 100%; }
    header .item-menu.langs{width:33%; float: left;}
    .navbar-default .navbar-toggle .icon-bar{background-color:#DDA532;}
    .navbar-default .navbar-toggle{border-color:#DDA532; background:#fff;}
    .collapse{display:none}  
    header{ background-size: auto 100%;}
    header .bottom .horari{display: none;}
    header .navbar-default .navbar-collapse{position:absolute; z-index: 10; max-height: none; padding-bottom:20px; width: 200%; margin-left: -110%; top:45px; margin-top:0;}
    header .menu{background:#fff; }
    header .navbar-toggle{display: block;}
    header .menu{ border:1px solid #DDA532;; box-shadow: 0px 4px 4px -1px rgba(117, 93, 11, 0.7);}
    header .item-menu a{width:100%; display: inline-block; padding:15px;margin:0; color:#DDA532;; text-align: center;}  
    header .item.lang{display: none;}
    header .item-menu a.active, header .item-menu a:hover{background:#DDA532;; color:#fff;}
    header .sub-menu{position:relative; background:#fff; display: none;left: auto;width: 100%;top: auto; opacity: 1; z-index: 999;}
    header .menu a.boto{display: inline-block;}
    header .navbar-header{float:right;}
    
    #galeriaZones .zona{height:75vw; max-height: 435px;}
    
    #cercador{width:80%;min-height: 730px;}
    #cercador .mapa{width:80%; margin:auto;max-width: 250px;}
    #cercador .inputs{margin-top:20px;margin-left:0;}
    #cercador input, #cercador .btn.dropdown-toggle.bs-placeholder.btn-info, #cercador .btn-group > .btn:first-child, #cercador .boto{margin-top:10px;}
    #cercador .boto{position:absolute; bottom:-70px; left: 0;}
    #cercador .ui-slider{margin-bottom:20px;}
    #cercador .info-slider{top:-25px;}
    #cercador .ui-slider{margin-top:50px;}
    #cercador .col-sm-3.bottom{margin-top:0;}
    #cercador .cerca_preu_min{padding: 0 0 0 0;}
    #cercador .cerca_preu_max{padding: 0 0 0 0;}

    #form_cercador{display:none;}
    #obrir_cercador{display:block;}
    
    #slider h1{font-size: 20px;}
    #slider h3{font-size:18px;}
    
    #venta .img{max-height: 280px; height: 50vw;}
    #venta .row.principal .imgPropiedad{height: 50vw;}
    #venta .row.principal .info{margin-bottom:10px;}
    #venta .row.principal .infoCasa{height: auto;}
    #venta #obrir_cercador{margin-left:-2%; margin-right:-2%; width:104%;}
    
    #propietat .info h2{margin-top: 40px;}
    #propietat .info h2{font-size: 24px;}
    #propietat .info .caracteristiques{margin-top:40px; margin-bottom: 40px;}
    
    #propietat #cercador div.col-sm-3{width: 100%;}
    #propietat #cercador div.col-sm-9{width: 100%;}
    #propietat #cercador div.col-sm-6{width: 100%;}
    #propietat #cercador .boto{position:absolute; bottom: -280px; left:0;}
    #propietat .img-top{height: 70vw; max-height: none; background-size: auto 100%;}
    #propietat .info .caracteristiques{min-height:200px;}
    #propietat .info{margin-top:0;}
    
    #formContacto{margin-top:40px;}
    #mapa{height: 60vw;}
    
    footer .right{display:none;}
    footer .left, footer .center{text-align: center; margin-bottom: 30px;}
    .posicioMobil {margin-top:-36px !important;margin-bottom:20px !important;}
    .posDesktop {margin-top:0px;}

  
}
@media (max-width: 500px){
    .g-recaptcha{float:right; width:100%;}
    .g-recaptcha > div{float: right;}
    
    #mapa{height: 90vw;}
    #contacto #formContacto #buscarBtn{margin-top:40px;}
    
    #slider h1{font-size: 16px;}
    #slider h3{font-size:14px;}
    
    #propietat .img-top{height: 90vw; max-height: none; background-size: auto 100%;}
    #propietat .cinta{padding: 20px 2% 15px 2%;}
    #propietat .cinta .row > div:nth-child(3){font-size:25px;}
}