@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Raleway:300,400,700,900');
@import url('fonts/helvetica/helvetica.css');
@import url('https://fonts.googleapis.com/css?family=Signika:300');
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,300');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');
/*general*/
body{ font-family: 'Raleway', sans-serif; color:#B2B2B2; font-weight: 400;overflow-x: hidden;}
#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: 100% auto;}
a:focus { outline: none; } 
a.black{color: black;}
a.black:hover{color: black;text-decoration: none;}
a.white:hover{color: white;text-decoration: none;}
.playfair{font-family: "Playfair display",Georgia;}
.ref_casa{font-weight: 300; font-size: 16px;}
/*.h_logo {
    display: block !important;
    top: 50px !important;
}*/
/*
color principal: #DDA532;
color font: #B2B2B2
*/
body a{color:#fff};
a:hover, a:focus{text-decoration: none; color:#009ca3;border: none;}
/*inputs*/
label{font-size: 18px; color: #050505; text-transform: uppercase; padding-bottom: 5px; width:100%;font-weight: 400;}
input, select, textarea, 
.bootstrap-select > .dropdown-toggle,
.bootstrap-select > .dropdown-toggle.bs-placeholder{ height: 46px;background:#d1d1d1; color:#fff; font-size: 14px;width:85%; border:none; margin-bottom:40px;padding:13px 20px;font-weight: 400;border-radius: 0;}
textarea{margin-top:10px; height: 160px;}
/*--- MULTI SELECT ----*/
.bootstrap-select.btn-group .dropdown-toggle .filter-option{color:#fff; text-shadow:none; font-size:14px;}
::-webkit-input-placeholder{color: #fff; opacity: 1;}:-moz-placeholder {color: #fff; opacity: 1;}::-moz-placeholder {color: #fff; opacity: 1;}:-ms-input-placeholder {color: #fff; opacity: 1; }
.open .dropdown-toggle.btn-info{background:#d1d1d1;}
.bootstrap-select.btn-group .dropdown-toggle .caret.caret_plus{top: calc(50% - 18px);border: none;width: 20px;height: 20px;font-size: 30px;font-weight: 800;text-shadow: none;}
.bootstrap-select.btn-group:not(.input-group-btn){box-shadow:none;}
.bootstrap-select.btn-group .dropdown-menu{width: 85%;min-width: 85%;border: none;border-radius: 0;box-shadow: none;max-height: 270px !important;padding: 0; overflow-y: scroll !important;height: auto;}
.bootstrap-select.btn-group .dropdown-menu li{   margin-top:5px;background:#d1d1d1;margin-left: 5px;margin-right: 5px;}
.bootstrap-select.btn-group .dropdown-menu li:hover{background:#e8e8e8;}
.bootstrap-select.btn-group .dropdown-menu.inner{width:100%; max-height: none !important;overflow: hidden !important;}
/*.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{font-family: 'Signika', sans-serif;font-size: 22px;color:#000000; font-weight:300; }*/
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text{font-family: "Playfair display",Georgia;font-size: 22px;color:#000000; font-weight:300; }
.bootstrap-select.btn-group .dropdown-menu li.selected{background:#484848; }
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.text, .bootstrap-select.btn-group .dropdown-menu li.selected a span.text{color:#009ca3;}
.bootstrap-select.btn-group:not(.input-group-btn){display: block;}
.bootstrap-select.btn-group .dropdown-menu li a{padding:4.3px 20px;}
/*general*/
img{width:100%;}
.container-fluid{padding:0;width:100%}
.container-marges{padding:0 2%; max-width:calc(1200px + 4%);}
.container-marges-2{padding:0; max-width:1700px;}
.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;}
.img{background-size: 110% auto; background-position: center center; background-repeat: no-repeat; height: 30vw; max-height: 250px; background-size: cover;}
.trnst, a, i, .btn,.more,.btn-menu-2{transition:all 0.8s ease-in-out;}
.atributos{padding:60px 0 40px}
.atributos > div{width: 717px;margin-left: auto; margin-right: auto; float:none;}
.atributo{width:123px; margin: 10px 10px 0; float:left;}
.capa-blanca{background:rgba(256,256,256,0.4); height:100%; width:100%;}
/*.capa-blanca:hover{background:rgba(256,256,256,0.2);}*/
.capa-blanca:hover{animation: 1s steps(10) infinite;animation-name: u34dcce3b;background:rgba(100,100,100,0.3);background-image: url('../images/noise.png');background-size: 250% 250%;}
.langs-desp{display: none;}
.capa-negre{background:rgba(0,0,0,0.4); height:100%; width:100%;}
.capa-negre:hover{background:rgba(0,0,0,0);}
.before::before{content:"";position: absolute; left: -22px; top: 2px; width: 20px; height: 20px;background-image: url('../images/icons/sprite.svg'); background-position: -944px -249px; }
.before .icon{content:"";position: absolute; left: -22px; top: 2px; width: 20px; height: 20px;background-image: url('../images/icons/sprite.svg'); background-position: -944px -249px; }
.before{position: relative;}
::selection {
    background: #a9dfe1; /* WebKit/Blink Browsers */
}
::-moz-selection {
    background: #a9dfe1; /* Gecko Browsers */
}
.logo3 {
    position: absolute;
    z-index: 1;
    color: white;
    width: 134px;
    height: 75px;
    left: 21px;
    top: 1px;
    background-image: url('../images/icons/VR-Logo.svg');
    background-size: 252% auto;
    background-position-x: 9%;
    background-position-y: 4%;
    
    cursor:pointer;
}
/*****carousel*****/
.no-js .owl-carousel{margin-top: 10px;margin-bottom: 30px;}
.no-js .owl-carousel#slider_home_lloguer{margin-bottom: 0;}
.owl-theme .owl-controls{margin:0;}
.owl-nav{position: absolute;top: calc(50% - 45px);width: 100%;left: 0;}
.owl-theme .owl-controls .owl-nav [class*="owl-"]{display: block; width: 50px; height:90px; background-color:transparent; background-image: url(../images/icons/sprite.svg);}
.owl-theme .owl-controls .owl-nav .owl-prev{background-position: -790px -355px;float: left;margin: 0 calc(100% - 182px) 0 0 !important;}
.owl-theme .owl-controls .owl-nav .owl-next{float: right;background-position:-838px -355px;left: calc(100vw - 90px);position: absolute;}
.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover{background-color:transparent; background-image: url(../images/icons/sprite.svg);opacity:0.5;}
.owl-theme .owl-controls .owl-nav .owl-prev:hover{background-position: -790px -355px;}
.owl-theme .owl-controls .owl-nav .owl-next:hover{background-position:-838px -355px;}
/*fresco*/
.fr-window-skin-fresco .fr-close .fr-close-icon {background-image:none;color: white;
                                                 font-size: 50px;
                                                 margin-top: 25px;
                                                 margin-right: 25px;
                                                 font-weight: 300;
                                                 font-family: "Raleway";
}
.fr-window-skin-fresco .fr-close .fr-close-icon::before {
    content: "X";
    position: absolute;
    right: 25px;
    top: 0;
}
.fr-ui-outside .fr-close-background{opacity:0}
/*iconos*/
i{background-image: url('../images/icons/sprite.svg');background-repeat: no-repeat; width:20px; height: 20px; display: inline-block;}
i.hover:hover{background-image: url('../images/icons/sprite-hover.svg');}
.atributo i{height: 90px; width:90px;margin-left: calc((100% - 90px)/2); position: relative;}
.atributo span{opacity:0;transition:all 1s ease-in-out;}
.atributo:hover span{opacity:1;}
.atributo .hover{  position: absolute; top: 8px; left:8px; width:75px; height: 75px; transition:all 1s ease-in-out; z-index: -1;overflow: hidden;border-radius: 100px;}
.atributo .hover_blue{background:#d2faf8;  position: absolute; bottom: -85px; left:-1px; width:75px; height: 75px;  z-index: -2;transition:all 1s ease-in-out;}
.atributo:hover .hover_blue{bottom: 0px; }
i.asesoramiento{background-position: -1152px -96px;}
i.busqueda{background-position: -1276px -96px;}
i.contrato{background-position: -1399px -96px;}
i.manos{background-position: -1523px -96px;}
i.llave{background-position: -1647px -96px;}
i.casa{background-position: -504px -212px;}
i.bath{background-position: -533px  -213px;margin-left: 5px;}
/*i.llits{background-position: -558px -212px}*/
i.llits{background-position: -564px -212px;margin-left: 5px;}
.interior i.casa, .interior i.bath, .interior i.llits{margin:0 auto; display: block;}
.casa_ .icons .i_cont {padding: 4px;}
/*i.wishlist{background-position: -239px -248px; width: 27px; height: 32px;margin: 0 5px;}*/
/*i.wishlist{background-position: 13.5% 42.8%; width: 27px; height: 32px;margin: 0 5px;background-size: 6000% auto;}*/
i.wishlist{background-position: 20% 52.75%;width: 27px;height: 32px;margin: 0 5px;background-size: 4000% auto;background-image: url('../images/icons/sprite01.svg');}
i.wishlist:hover{background-image: url('../images/icons/sprite03.svg');}
i.share_{background-position: -266px -247px;width: 27px; height: 32px;}
i.opc:hover{opacity: 0.7;}
.icons span{display: inline-block;font-family: 'Raleway', sans-serif; font-weight: 100;color:#fff; font-size: 14px;}
/*botons*/
.boto {min-width: 220px;display: inline-block;position: relative;padding: 10px 10px;border: 1px solid #000; color:#000; font-size:18px; text-transform: uppercase; text-decoration:none;   background:#fff; cursor: pointer;  text-align: center; margin:10px; }
.boto:hover{text-decoration:none;color:#000;}
.boto.plus::after{content: ""; position: absolute; right: -30px; top: -30px; width: 30px; height: 30px; background-image: url('../images/icons/sprite.svg'); background-position: -939px -149px;-ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.boto.plus:hover::after{display: inline-block;-webkit-animation-name: spin; -webkit-animation-duration: 2000ms;  -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite;  -moz-animation-timing-function: linear;  -ms-animation-name: spin; -ms-animation-duration: 2000ms;  -ms-animation-iteration-count: infinite;   -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms;  animation-iteration-count: infinite; animation-timing-function: linear;}
.boto_plus{display: inline-block;position: relative;border:1px solid #fff;padding: 0;width: 40px; height: 40px; }
.boto_plus::before{content: "+"; color:#fff; font-size: 29px;text-align: center;padding: 0px 13px; font-weight: 300; position: absolute;top: -2px;height: 40px}
.boto_plus:hover::before{display: inline-block;-webkit-animation-name: spin; -webkit-animation-duration: 2000ms;  -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite;  -moz-animation-timing-function: linear;  -ms-animation-name: spin; -ms-animation-duration: 2000ms;  -ms-animation-iteration-count: infinite;   -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms;  animation-iteration-count: infinite; animation-timing-function: linear;top: 0;}
.boto.invert:hover{background:#000; color: #fff;}
/*titols*/ 
h1{font-size: 36px; font-weight: 700; color:#000000; text-align: center;}
h2{font-size: 36px; font-weight: 300; color:#666666; text-align: center;margin-bottom: 20px;}
h3{font-size: 28px; font-weight: 700;text-align: center;margin:0; padding:0; color:#000;}
h4{font-size: 28px; font-weight: 100; color:#666666;text-align: center;margin:0 0 30px; padding: 5px 0 0;}
h5{}
p{}
/*span{font-size:20px; color:#3f3e3e; text-align: center; font-family: 'Helvetica';display: block;}*/
/*header*/
/*home*/
.navbar.navbar-default{display: none;}
#header_home{position:relative;}
#big-menu{padding:30px 40px;position:absolute; z-index: -1; opacity: 0; background:#000; top:0; left:0; width:100%; height: 100vh; min-height: 768px; max-height: 1000px; color: #fff;}
#big-menu.actiu{opacity: 1; z-index: 9;}
#big-menu .btn-menu-2:hover{opacity: 0.5;}
#big-menu > div{height: 28%;}
#big-menu > div.bottom{position: absolute; bottom: 4%; height: auto; text-align: center;left: 0;}
#big-menu > div.bottom .info{border-right: 1px solid #fff;}
#big-menu > div.bottom .info a{padding: 25px 5px 0; font-size: 16px; display: inline-block; width:100%; position: relative;}
#big-menu > div.bottom .info a::before{top:5px; left:calc(50% - 10px); width: 20px; height: 20px;}
#big-menu > div.bottom .info a.geolocal::before{background-position: -674px -214px;}
#big-menu > div.bottom .info a.phone::before{background-position: -656px -214px;}
#big-menu > div.bottom .info a.email::before{background-position:-636px -216px;}
#big-menu > div.bottom .newsletter{font-size: 18px; padding: 10px 0 20px; }
#big-menu > div.bottom .newsletter_box{cursor:pointer;padding:50px 50px 10px; border:1px solid #009ca3; font-size:18px; text-transform: uppercase;width: auto;margin: 20px auto;float: none;display: inline-block;}
#big-menu > div.bottom .newsletter_box::before{left: calc(50% - 21.5px);top: 5px;width: 43px;height: 43px; background-position: -490px -280px;}
#big-menu > div.bottom .newsletter_box:hover{border:3px solid #009ca3; margin-top:16px;}
#big-menu .btn-menu-2{font-size: 16px; text-transform: uppercase; cursor: pointer;height: 100%;}
#big-menu .center{height: auto;}
#big-menu .center a{letter-spacing: 1px;display: inline-block; width:100%; text-align: center; color:#9c9b9b; text-transform: uppercase; padding: 6px; font-size: 20px;transition: all 0.5s ease-in-out;}
#big-menu .center a:hover{color:#009ca3; letter-spacing: 4px; }
#big-menu a:hover, #big-menu a:focus{text-decoration: none; color:#009ca3;border: none;}
#header_home .logo {
    position: absolute;
    z-index: 1;
    color: white;
    width: 134px;
    height: 75px;
    left: 18px;
    top: 10px;
    background-image: url('../images/icons/VR-Logo.svg');
    background-size: 252% auto;
    background-position-x: 79%;
    background-position-y: 4%;
    display:none;
}
#header_home .logo3 {
    position: absolute;
    z-index: 1;
    color: white;
     width: 180px;
   height: 95px;
    left: 21px;
    top: 50px;
    background-image: url('../images/icons/VR-Logo.svg');
    background-size: 252% auto;
    background-position-x: 9%;
    background-position-y: 4%;
}
.ocult {display:none;}
#header_home .btn-menu{position: absolute; left: 40px;  top:3%; z-index: 2; font-size: 16px; text-transform: uppercase; color:#fff; cursor: pointer;}
#header_home .btn-menu::before{content:"";position: absolute; left: -22px; top: 0.4px; width: 20px; height: 20px;background-image: url('../images/icons/sprite.svg'); background-position: -614px -153px; }
#header_home .header-home .img{height: 100vh; min-height: 400px; max-height: 1000px; position:relative;}
#header_home .header-home .header_venta .img, #header_home .header-home .header_alquiler .img{height: 50vh;}
#header_home .header-home .img .title{position: absolute; top: calc(50% - 20px); left: 0; width: 100%; text-align: center; color: #fff; top: calc((100% - 82px)/2);}
#header_home .header-home .img .title h1{text-transform:uppercase;margin:0; padding:0;font-size: 48px; line-height: 50px;font-weight: 300; color: #fff;}
#header_home .header-home .img .title h2{margin:0; padding:0;font-size: 32px; line-height: 32px;font-weight: 300;color: #fff;}   
#header_home .header-home > div{padding:0;}
#header_home .header-contacte{position: absolute; right: 3%; top: 3%; z-index: 2;}
#header_home .header-contacte > div{float: left;width: 100%; }
#header_home .header-contacte > div:hover{}
#header_home .header-contacte .langs{white-space: nowrap;width: 30px;overflow: hidden; height: 23px; float:right;}
#header_home .header-contacte .langs a{float:none;}
#header_home .header-contacte .langs:hover{width:120px;}
/*#header_home .header-contacte .langs a::before { left: 0; width: 30px; height: 23px;}*/
#header_home .header-contacte .langs a::before { left: 0; height: 23px;background-size: 7500% auto;background-image: url('../images/icons/sprite.svg'); height: 23px;}
a.slide_{height: 30px;float: right; color:#fff; padding-left: 40px;white-space: nowrap;width: 20px;overflow: hidden;display: inline-block; font-size: 20px;}
/*a.slide_::before{left:0; width: 40px; height: 30px;}*/
a.slide_ .icon{left:5px; width: 30px; height: 30px;}
a.slide_ .text{color: white; cursor: pointer;}
/*a.phone.slide_::before{background-position:-722px -329px;}*/
/*a.email.slide_::before{background-position: -722px -358px;}*/
/*a.email.slide_::before {
    background-position: 36.5% 37%;
    background-size: 7500% auto;
}
a.phone.slide_::before {
    background-position: 37.7% 37%;
    background-size: 7500% auto;
}*/
a.email.slide_ .icon {
    background-position: 36.5% 37%;
    background-size: 7500% auto;
}
a.phone.slide_ .icon {
    background-position: 37.68% 36.5%;
    background-size: 7500% auto;
}
a.email.slide_.down::before {background-position: 38.15% 26.69%;background-size: 7500% auto;background-size: 9031% auto;width: 30px;height: 40px;}
a.phone.slide_.down{margin-right: 0px !important;}
a.phone.slide_.down::before {background-position: 39.3% 26.3%;background-size: 9000% auto;width: 30px;height: 40px;}
a.slide_.es::before{background-position: 61.5% 50.3%;}
a.slide_.de::before{background-position: 58.7% 50.3%;}
a.slide_.en::before{background-position: 55.5% 50.3%;}
/*a.slide_.en::before{background-position: 58.7% 50.3%;}*/
a.slide_.phone:hover{width: 200px; text-decoration: none;}
a.slide_.email:hover{width: 280px; text-decoration: none;}
a.slide_.email.down {color: transparent !important;font-size: 12px !important;padding: 6px 35px !important;}
a.slide_.email.down:hover {color: #009ca3 !important;width: 300px;}
a.slide_.phone.down {color: transparent !important;font-size: 12px !important;padding: 6px 35px !important;}
a.slide_.phone.down:hover {color: #009ca3 !important;}
#menu_top .langs .lang{border: none !important;}
#menu_top a.slide_.phone.down{padding: 0 !important;padding-right: 30px !important;}
#menu_top a.slide_.phone.down:hover{width:200px;padding: 0 !important;}
#menu_top a.slide_.phone.down:hover span{color: #009ca3 !important;}
#menu_top a.slide_.phone.down span{margin-left: 30px;font-size: 12px;;margin-top: 6.5px;    display: block;}
#menu_top a.phone.slide_.down::before {left: 0;}
#menu_top a.slide_.email.down{padding: 0 !important;padding-right: 30px !important;}
#menu_top a.slide_.email.down:hover{width:280px;padding: 0 !important;}
#menu_top a.slide_.email.down:hover span{color: #009ca3 !important;}
/*#menu_top a.slide_.email.down span{margin-left: 30px;font-size: 12px;margin-top: 6.5px;}*/
#menu_top a.slide_.email.down span {
    margin-left: 30px;
    font-size: 12px;
    text-transform: lowercase;
    position: absolute;
    top: 6px;
}
#menu_top a.email.slide_.down::before {left: 0;}
#menu_top .links2 a.slide_.down{margin-left: 1%;margin-right: 1%;}
.trnst.visible .links1 a{height: 20px !important;margin-top: 10px !important;}
.parallax.img{background-position: center top;}
#menu_top{position: fixed; top:0; left: 0; background:#fff; opacity:0; z-index: -1; width:100%; padding:15px 0 15px 40px; border-bottom: 1px solid #000;}
#menu_top.visible{opacity:1; z-index: 5;height: 76px;}
#menu_top a{display: inline-block;color:#000; font-size: 15px; text-transform: uppercase;letter-spacing: 1px;padding:0px 20px; margin:5px 0; border-right: 1px solid #000;}
#menu_top a:last-child{border:none;}
#menu_top a:hover, #menu_top a.active{letter-spacing: 3px; text-decoration: none; color:#009ca3;}
#menu_top .ir_top{ background:#FFF; width:75px; height: 75px; position:absolute; right:0; top:-15px;background-image: url('../images/icons/sprite.svg');background-position: 34.7% 36%;background-size: 4500% auto;}
#menu_top .links1 {padding-left: 92px;}
#menu_top .links2 .langs{white-space: nowrap;width: 30px;overflow: hidden; float:right;margin-right: 100px;padding-top: 4px;height: 45px;}
#menu_top .links2 .langs a{float:none;}
#menu_top .links2 .langs:hover{width:160px;}
#menu_top .links2 .langs a::before { left: 0; width: 30px;}
.atributos span{font-size: 16px; width: 120px; text-align: center; display: inline-block;}
/*#home .cases .img{height: 50vw; max-height: 900px;}*/
/*#home .cases .share{position: absolute; top: 10px; right: 10px; width: 80px; text-align: right;padding: 0px;}*/
/*#home .cases .info{color:#fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 20px;}*/
/*#home .cases .icons{}*/
/*#home .cases h1{padding-top: 35px;margin: 0;font-size:50px; font-weight: 100;  padding-bottom: 15px;color: #fff;text-align: left;font-family: 'Work Sans', sans-serif;}*/
/*#home .cases h2{font-size:24px; font-weight: 300;padding-bottom: 40px;color: #fff;text-align: left;position: relative;text-transform: uppercase;line-height: 29px;}*/
/*#home .cases h2::after{content:"";position: absolute; left:5px; bottom: 10px; width: 40px; height: 1px; background: #fff; }*/
/*#home .cases .info span{font-size: 14px; font-family: 'Raleway', sans-serif; color:#fff; text-align: left; }*/
/*#home .cases i, .casa_ i{width:30px; height: 24px;margin-bottom: -4px;margin-left: 10px;}*/
/*#home .cases .share i{ height: 30px;}*/
/*#home .cases i:first-child, .casa_ i:first-child{margin-left: 0;}*/
#home .cases .casa_{margin-bottom:80px;}
#home .cases .casa_ .icons span {margin-left: 4px;}
#llistat .casa_ .icons span {margin-left: 4px;}
#fitxa .rela .casa_ .icons span {margin-left: 4px;}
/*#home .llista{margin-bottom:20px;}*/
/*#home .llista:last-child{margin-bottom: 0; width: 25px;}*/
/*#home .owl-nav .owl-next{
    right: 0;
    left: auto;
}*/
#cercador{padding-top: 20px; padding-bottom: 40px;}
#cercador .multiselect-native-select > div:last-child{display:none;}
#cercador .boto{margin: 10px 5px 30px;}
#cercador .boto.actiu{background:#000; color:#fff;}
#form_llistat > div:last-child{text-align: center;}
#llistat{padding:60px 20px; background:#f6f6f6;}
#home casa_,#llistat .casa_,#fitxa .rela .casa_{padding:0 10px; margin-bottom: 70px;text-align: left;}
#home .interior,#llistat .interior,#fitxa .rela .interior{border:1px solid  #66c4c8; float:left; width:100%; position:relative;}
#home .interior .flag_exclusive,#llistat .interior .flag_exclusive,#fitxa .rela .interior .flag_exclusive{position: absolute;right: 10px;top: 0px;background-image: url(../images/exclusiveVR.svg);height: 95px;width: 60px;z-index: 1;background-position: 172px 201px;background-size: 527% auto;}
#home .interior .flag_exclusive.lang_en,#llistat .interior .flag_exclusive.lang_en,#fitxa .rela .interior .flag_exclusive.lang_en{background-position: 237px 201px;}
#home .interior .flag_exclusive.lang_de,#llistat .interior .flag_exclusive.lang_de,#fitxa .rela .interior .flag_exclusive.lang_de{background-position: 302px 201px;}
#home .interior .flag_vendida,#llistat .interior .flag_vendida,#fitxa .rela .interior .flag_vendida{position: absolute;right: 10px;top: -3px;background-image: url(../images/vendida.svg);height: 95px;width: 60px;z-index: 1;background-position: 172px 201px;background-size: 527% auto;}
#home .interior .flag_vendida.lang_en,#llistat .interior .flag_vendida.lang_en,#fitxa .rela .interior .flag_vendida.lang_en{background-position: 237px 201px;}
#home .interior .flag_vendida.lang_de,#llistat .interior .flag_vendida.lang_de,#fitxa .rela .interior .flag_vendida.lang_de{background-position: 302px 201px;}
#home .text,#llistat .text,#fitxa .rela .text{font-size: 18px; color:#202020; font-weight: 100; padding:12px; background:#fff; float:left; width:100%; text-transform: uppercase;line-height: 21px;min-height: 110px;}
#home .icons,#llistat .icons,#fitxa .rela .icons{padding: 12px; background: #66c4c8; color:#fff; position: relative;float:left; width:100%;}
#home .boto_plus,#llistat .boto_plus,#fitxa .rela .boto_plus{position: absolute; right: 12px; bottom: 15px;}
#home .icons h1,#llistat h1,#fitxa .rela h1{margin-bottom: 0;margin-top: 10px;color:#fff;font-family: 'Work Sans', sans-serif; font-size: 40px;font-weight: 100;text-align: left;}
#llistat h1{font-size: 28px}
#home .img,#llistat .img,#fitxa .rela .img{max-height: 350px;}
.casa_ .icons .i_cont {margin: 0;display: inline-block;}
#llistat .pagina{display: none;}
#llistat .pagina.show{display: block;}
.paginacio{width: 410px;margin-left: auto;margin-right: auto;margin-top: 33px;}
.paginacio .boto{min-width: 0;padding: 10px 5px;background: transparent; margin:0 5px 0; width:48px; text-align: center;display: block;float: left;}
.paginacio .boto.next_page, .paginacio .boto.prev_page{ height: 48px; border:none;}
.paginacio .boto.next_page::before{background-position: -1035px -365px;top: 0; left:0; height: 48px; width: 48px; transition: all 0.8s ease-in-out;}
.paginacio .pag_but{height: 48px; width: 48px;display: none;margin:0 5px 0; }
.paginacio .pag_but.visible{display: inline-block;}
.paginacio .boto.prev_page::before{background-position: -979px -365px;top: 0; left:0; height: 48px; width: 48px;transition: all 0.8s ease-in-out;}
.paginacio .boto.num:hover{background:#000; color:#fff;}
.paginacio .boto.num.selected{background:#000; color:#fff;}
.paginacio .boto.next_page:hover::before{background-position: -1025px -365px;}
.paginacio .boto.prev_page:hover::before{background-position: -989px -365px;}
/*.paginacio .boto.disable{display: none;}*/
.paginacio .boto.disable:before{opacity:0.5}
.paginacio .boto.next_page.disable:hover:before{background-position: -1035px -365px;}
.paginacio .boto.prev_page.disable:hover:before{background-position: -979px -365px;}
.paginacio .boto.num{display: none;}
.paginacio .boto.num.visible{display: block;}
/*contacto*/
#contacte{margin-top: 71px;color: black;font-size: 16px;}
#contacte a{color: grey;}
#contacte a:hover{color: #2a6496;text-decoration: none;}
#contacte .logo-cont{margin-top: 46px;}
#contacte .logo{width: 113px; height: 51px;}
#contacte .title{font-size: 32px;font-weight: 600;}
#contacte .info{margin-top: 20px;margin-bottom: 30px;}
#contacte .contact_before{margin-left: 20px;margin-bottom: 30px;}
#contacte .contact_before:before{width: 20px; height: 20px; content: ''; position: absolute; left: 0;background-image: url('../images/icons/sprite.svg');background-size: 9500% auto;}
#contacte .direction::before {background-position-x: 40.4%;background-position-y: 25.8%;}
#contacte .phone::before {background-position-x: 39.35%;background-position-y: 25.8%;}
#contacte .mail::before {background-position-x: 38.15%;background-position-y: 25.9%;}
#contacte textarea{max-width: 100%;min-width: 100%;}
#contacte textarea,#contacte input{background: transparent; border: 1px solid black;color: black;margin-bottom: 10px;}
#contacte button[type=submit]{border-color: #009ca3;margin: 10px 0;margin-bottom: 60px;}
#contacte button[type=submit]:hover{background: #009ca3;color: white;}
#contacte .contact-cont{padding: 0;}
#contacte #form_contacte label p{margin: 0;} 
#contacte .newsletter{background-color: black; text-align: center;color: white;margin:0;padding-top: 45px;width: 105%;}
#contacte .newsletter_box {cursor: pointer;padding: 50px 50px 10px;border: 1px solid #009ca3;font-size: 18px;text-transform: uppercase;width: auto;margin: 20px auto;float: none;display: inline-block;margin-bottom: 45px;}
#contacte .newsletter_box::before{left: calc(50% - 21.5px);top: 5px;width: 43px;height: 43px;background-position: -415px -262px;background-image: url('../images/icons/sprite.svg');}
#contacte .newsletter_box::before{left: calc(50% - 21.5px);top: 5px;width: 43px;height: 43px; background-position: -490px -280px;}
#contacte .newsletter_box:hover{border:3px solid #009ca3; margin-top:16px;}
#contacte #mapa{height: calc(100vh - 72px);width: 66.6666666%; position: fixed !important;}
/*nosotros*/
#nosotros{color: black;}
#nosotros .img_nos{height: 553px; background-image: url(../images/nosotros.jpg); background-position: center; background-repeat: no-repeat; background-size:100% auto;margin-top: 71px;margin-bottom: 62px;}
#nosotros .nosotros_text{margin-bottom: 50px;}
#nosotros .nos{text-align: center;font-size: 16px;}
#nosotros .nos .nos_tit{font-size: 24px;}
#nosotros .nos .border{border-right: 1px solid black;height: 95%; position: absolute;top: 2.5%;right: 0;width: 10px;}
#nosotros .nos .gerente,#nosotros .nos .comercial{background-image: url(../images/gerente.jpg);height: 142px;width: 142px;margin: auto; margin-top: 35px;    background-position: center;}
#nosotros .nos .comercial{background-image: url(../images/comercial.png);}
#nosotros .nos2{padding-left: 55px;}
#nosotros .nos2 .nos2_tit{margin-bottom: 30px;font-size: 24px;}
#nosotros .nos2 .nos2_text{text-align: justify;margin-top: 30px;}
#nosotros .nos2 .nos2_links .link{width: 114px; height: 80px;display: inline-block;text-align: center;}
#nosotros .nos2 .nos2_links .icon{width: 80px; height: 80px; background-image: url(../images/icons/sprite.svg);background-position-y: 18.75%;background-size: 2000% auto;margin-left: 17px}
#nosotros .nos2 .nos2_links .icon .hover{height: 70px;width: 70px;position: relative;top: 5px;left: 5px;overflow: hidden;z-index: -1; opacity: 0;}
#nosotros .nos2 .nos2_links .icon:hover>.hover{opacity: 1;}
#nosotros .nos2 .nos2_links .icon .hover2{background-color: #D2FAF8;height: 50px;margin-top: 20px;}
#nosotros .nos2 .nos2_links .assesora{background-position-x: 69%;}
#nosotros .nos2 .nos2_links .busqueda{background-position-x: 76.45%;}
#nosotros .nos2 .nos2_links .firma{background-position-x: 83.85%;}
#nosotros .nos2 .nos2_links .acord{background-position-x: 91.25%;}
#nosotros .nos2 .nos2_links .entrega{background-position-x: 98.6%;}
#nosotros .nos2 .nos2_links a{font-size: 14px;}
#nosotros .nos2 .nos2_links a:hover{text-decoration: none;}
/*fitxa*/
#fitxa{color: black;}
#fitxa .img_fitxa{height: 1083px;background-position: center; background-repeat: no-repeat; background-size: cover;padding-top: 71px;padding: 0;}
#fitxa .img_fitxa .oscur{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,0.2);}
#fitxa .img_fitxa .fitxa_tit{margin-top: 182px;color: white;}
#fitxa .img_fitxa .fitxa_tit .icons .icon{display: inline-block;background-image: url(../images/icons/sprite.svg);background-position-y: 36.8%;background-size: 5500% auto;width: 26px;height: 26px;}
#fitxa .img_fitxa .fitxa_tit .icons .icon.fav{background-position-x: 21.7%;}
#fitxa .img_fitxa .fitxa_tit .icons .icon.share{background-position-x: 23.45%;}
#fitxa .img_fitxa .fitxa_tit .ref{font-weight: 400; font-size: 44px;padding: 0;margin-top: 38px;}
#fitxa .img_fitxa .fitxa_tit .name, #fitxa .img_fitxa .fitxa_tit .zona{ font-weight: 400; font-size: 42px;padding: 0;margin-top: 8.5px;}
#fitxa .img_fitxa .fitxa_tit .name{font-weight: 700;}
#fitxa .img_fitxa .fitxa_tit .zona{ padding-left: 29px;font-size: 42px;}
#fitxa .img_fitxa .fitxa_tit .zona:before{width: 29px;height: 41px;position: absolute;content: '';left: -3px;top: 7px;background-image: url(../images/icons/sprite.svg);background-size: 7000% auto;background-position-x: 46%;background-position-y: 14.5%;}
/*#fitxa .img_fitxa .fitxa_tit .preu p{font-family: 'Helvetica'; font-weight: 300; font-size: 42px;background-color: white; color: black;width: auto;padding-right: 58px;padding-left: 14px;margin-top: 20px;}*/
#fitxa .img_fitxa .fitxa_tit .preu p {font-weight: 400; font-size: 42px; /*background-color: rgba(0,0,0,0.25);*/ /*background:-moz-radial-gradient(black 20%, transparent 80%);*/ text-shadow: 2px 2px rgba(0,0,0,0.5); color: white; width: 250px; margin-top: 20px;}

#fitxa .img_fitxa .fitxa_flag {margin-top: 75px;color: white;}
#fitxa .img_fitxa .fitxa_flag .flag_exclusive{position: fixed;right: 35px;top: 75px;background-image: url(../images/exclusiveVR.svg);height: 120px;width: 80px;z-index: 999;background-position: 230px 267px;background-size: 527% auto;}
#fitxa .img_fitxa .fitxa_flag .flag_exclusive.lang_en{background-position: 316px 267px;}
#fitxa .img_fitxa .fitxa_flag .flag_exclusive.lang_de{background-position: 400px 267px;}
#fitxa .img_fitxa .fitxa_flag .flag_vendida{position: fixed;right: 130px;top: 75px;background-image: url(../images/vendida.svg);height: 120px;width: 80px;z-index: 999;background-position: 230px 267px;background-size: 527% auto;}
#fitxa .img_fitxa .fitxa_flag .flag_vendida.lang_en{background-position: 318px 267px;}
#fitxa .img_fitxa .fitxa_flag .flag_vendida.lang_de{background-position: 400px 267px;}

#fitxa .img_fitxa .caracts_fitxa{height: /*142px*/auto; background-color: rgba(0,0,0,0.5);position: absolute; bottom: 182px;color: white;text-align: center;}
#fitxa .img_fitxa .caracts_fitxa .caract{width: auto;display: inline-block;margin: 43.15px 2%;font-size: 18px; font-weight: 300;text-align: left;}
#fitxa .img_fitxa .caracts_fitxa .caract b{font-size: 32px; font-weight: 700;line-height: 20px;}
#fitxa .img_fitxa .caracts_fitxa .caract:before{width: 61px; height: 61px;position: absolute; content: '';background-image: url(../images/icons/sprite.svg);background-size: 2250% auto;background-position-y: 12%;}
#fitxa .img_fitxa .caracts_fitxa .contr:before{background-position-x: 24.75%;background-position-y: 10%;}
#fitxa .img_fitxa .caracts_fitxa .rooms:before{background-position-x: 1.75%;}
#fitxa .img_fitxa .caracts_fitxa .baths:before{background-position-x: 6.25%;}
#fitxa .img_fitxa .caracts_fitxa .park:before{background-position-x: 19.6%;}
#fitxa .img_fitxa .caracts_fitxa .pool:before{background-position-x: 14.5%;}
#fitxa .img_fitxa .caracts_fitxa .terr:before{background-position-x: 119.25%;    background-position-y: 11%;}
#fitxa .img_fitxa .caracts_fitxa .terre:before{background-position-x: 10.3%;}
#fitxa .img_fitxa .caracts_fitxa .caract .caracteristica{margin-left: 64px;}
#fitxa .img_fitxa .galeria_fitxa{height: 182px; background-color: black;position: absolute; bottom: 0;color: white; padding: 0;}
#fitxa .img_fitxa .galeria_fitxa img{height: 182px;}
#fitxa .img_fitxa .galeria_fitxa .owl-carousel{margin-top: 0;}
#fitxa .img_fitxa .galeria_fitxa .owl-carousel .owl-item {width: 182px !important;}
#fitxa .img_fitxa .galeria_fitxa .owl-carousel .owl-nav {height: 0;}
#fitxa .img_fitxa .galeria_fitxa .gallery_but {position: absolute;z-index: 2;width: 182px;background-color: transparent;height: 100%;}
#fitxa .img_fitxa .galeria_fitxa .owl-nav .linear{width: 10%;min-width: 50px;height: 182px;position: absolute;width: 182px;}
#fitxa .img_fitxa .galeria_fitxa .owl-nav .linear_prev{background: -webkit-linear-gradient(right, rgba(0,0,0,0.5), transparent); background: -o-linear-gradient(right, rgba(0,0,0,0.5), transparent); background: -moz-linear-gradient(right, rgba(0,0,0,0.5),transparent); background: linear-gradient(to right, rgba(0,0,0,0.5),transparent);}
#fitxa .img_fitxa .galeria_fitxa .owl-nav .owl-next{ right: 0; left: auto; }
#fitxa .img_fitxa .galeria_fitxa .owl-nav .linear_next{ background: -webkit-linear-gradient(left, rgba(0,0,0,0.5), transparent); background: -o-linear-gradient(left, rgba(0,0,0,0.5), transparent); background: -moz-linear-gradient(left, rgba(0,0,0,0.5),transparent); background: linear-gradient(to left, rgba(0,0,0,0.5),transparent); right: 0;}
#fitxa .img_fitxa .galeria_fitxa .gal_item{height: 182px;background-size: auto 100%;}
#fitxa .img_fitxa .galeria_fitxa .icon{display: block;width: 50px;height: 90px;background-image: url(../images/icons/sprite.svg);position: absolute;top: 0%;height: 182px;z-index: 99;background-position: -790px -310px;}
#fitxa .img_fitxa .galeria_fitxa .icon.prev{background-position: -790px -310px;}
#fitxa .img_fitxa .galeria_fitxa .icon.next{background-position: -838px -310px;right:0;}
#fitxa .img_fitxa .galeria_fitxa .owl-next,#fitxa .img_fitxa .galeria_fitxa .owl-prev{margin: 0; padding: 0; background: none}
#fitxa .img_fitxa .galeria_fitxa .owl-next:hover,#fitxa .img_fitxa .galeria_fitxa .owl-prev:hover{background: none}
#fitxa .img_fitxa .galeria_fitxa .owl-nav{top: 0;}
#fitxa .img_fitxa .galeria_fitxa .gallery_but .but{background-image: url(../images/icons/sprite.svg);height: 74px;background-position-y: 69%;background-size: 5000% auto;width: 27px;margin: 54px auto;}
#fitxa .img_fitxa .galeria_fitxa .gallery_but .but:hover{opacity:0.5;}
#fitxa .img_fitxa .galeria_fitxa .left_but .left {background-position-x: 46.25%;}
#fitxa .img_fitxa .galeria_fitxa .right_but .right {background-position-x: 49%;}
#fitxa .casa_descript .tit b{text-align: center;font-weight: 800; font-size: 32px;}
#fitxa .casa_descript .tit{text-align: center;font-weight: 300; font-size: 28px;margin-top: 50px;margin-bottom: 25px}
#fitxa .casa_descript .text{text-align: justify;font-weight: 300;font-size: 16px;padding-bottom: 50px;}
#fitxa .casa_descript .text2{overflow: hidden;}
#fitxa .casa_descript .text.text_hide{}
#fitxa .more{margin-bottom: 37px;border: 1px solid black;font-size: 18px; font-weight: 300;background: none;width: auto; color: black;padding: 10px;height: auto;}
#fitxa .more:hover{background: black;}
#fitxa .more span{display: inline-block;font-size: 18px; font-weight: 300;}
#fitxa .more:hover span{color: white;}
#fitxa .info{background-color: black;color: white;padding: 62px 0;}
#fitxa .info .info_tit{font-size: 32px;margin-bottom: 29px;font-weight: 300;}
#fitxa .info .form_info input{background-color: transparent;color: white;}
#fitxa .info .form_info input{border:1px solid white;margin-bottom: 29px;}
#fitxa .info .form_info input[type=submit]{border:2px solid #009ca3;width: 50%; margin: auto;}
#fitxa .info .form_info input[type=submit]:hover{color: black; background: #009ca3;}
#fitxa .rela{padding: 62px 0;text-align: center;}
#fitxa .rela .rela_tit{font-size: 32px;margin-bottom: 29px;font-weight: 300;}
#fitxa .rela .more{padding: 10px 20px;}
#fitxa .rela .more:hover{background-color: black; color: white;}
#fitxa .rela .more span:hover{color: white !important;}
/*FOOTER*/
#cookies footer{bottom: 0;}
footer{background:#000; padding: 60px 20px 40px;position: absolute;width: 100vw;left: 0;}
footer span{display: inline-block;}
footer a{color:#fff; font-size: 16px;}
footer .col-sm-4:nth-child(2) {text-align: center;}
footer .col-sm-4:nth-child(3) {text-align: right;}
footer .copyr{font-size: 14px; color:#fff;}
footer img.logo{width: 120px;}
footer a:hover{text-decoration: none; color:#009ca3;}
footer .phone:hover, footer .email:hover{color:#fff;}
footer .phone:hover, footer .email:hover{color:red;}
footer .logo {
    /*position: absolute;*/
    z-index: 1;
    color: white;
    width: 158px;
    height: 75px;
    background-image: url('../images/icons/VR-Logo.svg');
    background-size: 252% auto;
    background-position-x: 74%;
    background-position-y: 4%;
    margin: auto;
    cursor: pointer;
}
/*Cookies politici*/
#condicions_reserva{margin-top: calc(76px + 46px);margin-bottom: 46px;}
#condicions_reserva p,#condicions_reserva li{color: black;}
#condicions_reserva a{color: grey;}
#condicions_reserva a:hover{text-decoration: none;color: #2a6496;}
/*booking*/
.top-casa{margin-top: 76px;background-size: cover;background-repeat: no-repeat;background-position: center;margin-bottom: 46px;}
.top-casa #infoCasa span{font-size: 40px;color: white;margin: 150px 0;}
#infoCasa .row{margin: auto !important;}
#property-view .row{margin: auto !important;}
#property-view .row .zona{height: 500px;background-size: cover;margin-bottom: 10px;}
#property-view .iconos,#property-view .titIcono{display: inline-block;font-size: 32px;}
#property-view .iconos{width: 30px; height: 30px; background-image: url(../images/icons/book-sprite.svg);background-size: 2500% auto;}
#property-view .iconos.zonaico{background-position: 4% 6%;}
#property-view .iconos.llit{background-position: 22.75% 6%;}
#property-view .iconos.persones{background-position: 4% 6%;}
#property-view .iconos.banyera{background-position: 16.5% 6%;}
/*RESPONSIVE*/
@media (max-width: 1500px){
    /*fitxa*/
    #fitxa .img_fitxa .caracts_fitxa .caract{margin: 43.15px 1%;}
}
@media (max-width: 1400px){
    /*llistat*/
    #nosotros .img_nos{background-size:auto 100%;}
    .logo3 {
        position: absolute;
        z-index: 1;
        color: white;
        width: 65px;
        height: 34px;
        left: 1px;
        top: 15px;
        background-image: url('../images/icons/VR-Logo.svg');
        background-size: 495% auto;
        background-position-x: 6%;
        background-position-y: 4%;
    }
    #menu_top .links1 {
        padding-left: 50px;
    }
}
@media (max-width: 1300px){
    /*header*/
    #menu_top {padding: 15px 0 15px 0px;}
    /*fitxa*/
    #fitxa .img_fitxa .caracts_fitxa .caract{margin: 43.15px 2%;text-align: center;}
    #fitxa .img_fitxa .caracts_fitxa .caract::before {top: 16%;left: auto;width: 61px;margin-left: -2.5%;}
    #fitxa .img_fitxa .caracts_fitxa .caract b {position: relative;top: 58px;}
    #fitxa .img_fitxa .caracts_fitxa .caract .caracteristica {margin: auto;}
    
    #home .text,#llistat .text,#fitxa .rela .text{min-height: 140px;}
}
@media (max-width: 1200px){
    /*menu*/
    #menu_top .links2 .langs {margin-right: 100px;}
    #menu_top .links2 .langs:hover {width: 120px;}
    #menu_top .links2 a span{top: 0;position: absolute;}
    #menu_top .ir_top {z-index: 99;top: -15px;width: 75px;height: 75px;}
    #menu_top a {padding: 0px 16px; font-size:13px;}
    /*contacto*/
    #contacte #mapa {height: 75vh;width: 90vw;position: relative !important;margin: auto;margin-bottom: 5vw;}
    /*nosotros*/
    #nosotros .nos .border{border:none}
    #nosotros .nos2 {padding: 0px;}
    #nosotros .nos2 .attr_cont {text-align: center;width: auto;margin-left: calc((100% - 715px)/2);}
    #menu_top a.slide_.email.down span{font-size: 11px;}
    #menu_top a.slide_.email.down:hover{width:270px;padding: 0 !important;}
    #fitxa .casa_3{display: none;}
    
    #home .text,#llistat .text,#fitxa .rela .text{min-height: 110px;}
}
@media (max-width: 1024px){
    #fitxa .img_fitxa .fitxa_flag .flag_exclusive{top: 65px;}
    #fitxa .img_fitxa .fitxa_flag .flag_vendida{top: 65px;}
    
    #menu_top.visible {height: 66px;}
    #nosotros .img_nos {margin-top: 66px;}
    #menu_top a {padding: 0px 15px;}
    #menu_top .ir_top {width: 66px; height: 66px;top:-16px;}
    a.slide_.email.down:hover {width: 268px;}
    a.slide_.phone.down {padding: 6px 0px !important;padding-left: 35px !important;font-size: 11px !important;}
    a.slide_.email.down {padding: 6px 0px !important;padding-left: 35px !important;font-size: 11px !important;}
    #menu_top .links2 .langs {margin-right: 70px;}
    #menu_top .links2 .langs:hover {width: 100px;}
    #menu_top .links2 .langs {display: none;}
    #menu_top .links2 .phone {display: none;}
    #menu_top .links2 .email {display: none;}
    
    .i_cont i {
        display: block;
        margin: auto !important;
    }
}
@media (max-width: 991px){
    /*header*/
    #menu_top a {padding: 0px 20px;}
    #menu_top .links2 a.slide_.down{display:none !important;}
    #menu_top .links2 .langs {display:none !important;}
    /*fitxa*/
    #fitxa .img_fitxa .caracts_fitxa .caract::before {margin-left: -3.5%;}
    #fitxa .casa_3{display: inline-block;}
    /*home*/
    #home .cases h2::after {display: none;}
   #header_home .btn-menu{top: 27px;}
}
@media (max-width: 900px){
    /*fitxa*/
    #fitxa .img_fitxa .caracts_fitxa .caract .caracteristica {line-height: 36px;}
    #fitxa .img_fitxa .caracts_fitxa .caract b {font-size: 18px;}
    #fitxa .img_fitxa .caracts_fitxa .caract::before {margin-left: -4%;}
    #fitxa .img_fitxa .caracts_fitxa .caract {font-size: 16px;}
}
@media (max-width: 768px){
    /*header*/
    #menu_top .ir_top {width: 66px; height: 66px;top:-15px;}
    #big-menu > div {height: 15%;}
    #big-menu .center {position: absolute;left: 0;top: 25vh;}
    #big-menu > div.bottom {display: none;}
    #big-menu > div.bottom .info {border: none;}
    .header-contacte .phone, .header-contacte .email, .content-phone, .content-phone .text{display:none !important;}
    #menu_top a:hover, #menu_top a.active {letter-spacing: 1px;}
    a.slide_.phone:hover{width: 30px; text-decoration: none;}
    a.slide_.email:hover{width: 30px; text-decoration: none;}
    a.slide_.phone.clicked{width: 200px; text-decoration: none;}
    a.slide_.email.clicked{width: 280px; text-decoration: none;}
    
    #header_home .logo3 { width: 134px; height: 75px; left: calc(50% - 75px);  top: 10px; }
    
    #header_home .header-contacte .langs{width:120px;}
    a.slide_.phone .icon,a.slide_.email .icon{width: 30px;}
    a.slide_.phone .text,a.slide_.email .text{font-size: 0.8em;}
    /*home*/
    .menu-contact{display: none;}
    /*#header_home .btn-menu {top: 20px;}*/
    #big-menu {padding-top: 20px;max-height: 100vh;min-height: 0;}
    #big-menu .center a:hover {color: #009ca3;letter-spacing: 1px;}
    #home .cases .info{padding-top: 0;height: calc(100% - 37px);}
    #home .casa .info h2{font-size: 20px;}
    #home .casa .info h1{font-size: 40px;position: absolute;top: 50%;}
    #home .casa .share i{width: 25px; height: 25px;}
    #home .casa .icons {position: absolute;bottom: 20px;width: calc(100% - 80px);}
    /*i.llits {margin-left: 3px !important;}*/
    #home .cases i, .casa_ i {margin-left: -2px;}
    #home .cases .casa_ .icons span {margin-left: 5px;}
    #llistat .casa_ .icons span {margin-left: 5px;}
    /*#home .boto_plus{float: right;position: absolute;right: 2.5%;top: 80%;}*/
    #header_home .header-contacte {top: 20px;}
    #home .cases .img {height: 55vw;}
    i.share_{background-position: -266px -249px;width: 27px; height: 32px;}
    #fitxa .img_fitxa .galeria_fitxa .owl-nav .linear{width: 10%}
    /*atributo*/
    .atributo {width: 20%;float: none;margin: 0;display: inline-block;margin: 0%;}
    .atributos > div {width: 100%;}
    /*nosotros*/
    #nosotros .nos2 .attr_cont {width: 100%;margin: 0;}
    #nosotros .img_nos {margin-top: 66px;}
    #nosotros .nos2 .nos2_text {margin-top: 0px;padding: 0 6%;}
    /*listas*/
    #home .casa_,#llistat .casa_, #fitxa .rela .casa_ {margin-bottom: 20px;}
    #cercador .vent-alq-buts{text-align: center;}
    #cercador .item_form{padding-left: 7.5%;}
    /*contacto*/
    #contacte .newsletter{width: 100%;}
    #contacte #mapa {height: 500px;width: 100vw;margin: 0;}
    /*fitxa*/
    #fitxa .img_fitxa .icons {text-align: left;position: absolute;top: -160px;}
    #fitxa .img_fitxa .fitxa_tit {margin-top: 34%;text-align: center;}
    #fitxa .img_fitxa .fitxa_tit .zona {width: 200px;margin-left: calc((100% - 200px)/2);text-align: center;}
    #fitxa .img_fitxa .fitxa_tit .preu p {margin-left: calc((100% - 250px)/2);position: absolute;top: 150px;}
    #fitxa .img_fitxa .fitxa_flag {margin-top: 34%;text-align: center;}
    #fitxa .img_fitxa {height: 751px;}
    #fitxa .img_fitxa .caracts_fitxa {background-color: rgba(0,0,0,1);min-height: 150px;bottom: -150px;}
    #fitxa .img_fitxa .galeria_fitxa {bottom: -332px;}
    #fitxa .casa_descript .descript_text{margin-top: 332px;}
    #fitxa .img_fitxa .caracts_fitxa .caract .caracteristica {padding-top: 8px;}
    #fitxa .img_fitxa .caracts_fitxa .caract::before {margin-left: -6%;top: auto;}
    #fitxa .img_fitxa .caracts_fitxa .caract {font-size: 16px;margin: 20px 10px;}
    /*footer*/
    footer a{width: 100%;display: block;margin: 3px 0;font-size: 14px;}
    footer a.slide_.phone,footer a.slide_.email{width: auto;}
    footer a.slide_.phone:hover {width: auto;}
    footer a.slide_.email:hover{width: auto;}
    footer .copyr{margin-top: 10px;}
    footer span{display: none;}
    footer img.logo {margin-left: calc((100% - 120px)/2);margin-bottom: 20px;}
    /*footer .phone,footer .email{display: none;}*/
    footer .phone:before,footer .email:before{width: 30px; height: 20px}
    footer .phone,footer .email{font-size: 14px;}
}
@media (max-width: 767px){
    #menu_top .ir_top {top:-51px;}
}
@media (max-width: 640px){
    /*header*/
    .langs a.slide_ {width: 25px;}
    #menu_top a {font-size: 14px;padding: 0px 10px;}
    #menu_top .links2 .langs:hover {width: 120px;}
    /*home*/
    #home .cases .img {height: 50vh;}
    /*ficha*/
    #fitxa .img_fitxa .caracts_fitxa .caract .caracteristica {padding-top: 8px;}
    #fitxa .img_fitxa .caracts_fitxa .caract::before {margin-left: -6%;top: auto;}
    #fitxa .img_fitxa .caracts_fitxa .caract {font-size: 16px;margin: 20px 10px;}
}
@media (max-width: 700px){
    #menu_top.trnst{    transition: none; animation-duration: 0s;  animation-fill-mode:none;}
    .logo3 {left: calc(50% - 33px);}
    .navbar.navbar-default{display: block;}
    #big-menu > div {height: 10%;}
    .links1{display: none;}
    .links2 a.before.slide_.trnst {width: 100%; color: #009ca3 !important;text-align: center;}
    .links2 a.before.slide_.trnst:hover{width: 100%;}
    #menu_top .links2 .langs{width: 100%; color: #009ca3 !important;text-align: center;margin: 0;}
    #menu_top .links2 .langs:hover{width: 100%;}
    .navbar-collapse {border: none;}
    .navbar-collapse .before::before {content: "";position: absolute;top: -14px;left:-5px;width: 30px;height: 20px;background-image: url('../images/icons/sprite.svg');background-size: 7500% auto;background-position: -944px -249px;}
    .navbar-collapse .es::before {background-position: 61.5% 50.3%;}
    .navbar-collapse .en::before {background-position: 55.5% 50.3%;}
    .navbar-collapse .de::before {background-position: 58.7% 50.3%;}
    .navbar-collapse .lang {margin: 20px 10px !important;}
    .button_close {position: absolute; width: 66px;  height: 66px;background-color: #000000;z-index: 1;top: -2px;left: 0px;cursor: pointer;padding: 15px 0px;}
    .button_close .icon-bar{ opacity: 1;    border-top: 3px solid #ffffff; width: 35px; margin: 6px auto;}
    .button_close .icon-bar:nth-child(1){transform: translateY(11px) rotate(45deg);}
    .button_close .icon-bar:nth-child(2){opacity: 0;}
    .button_close .icon-bar:nth-child(3){ transform: translateY(-7px) rotate(-45deg);}
    
    .langs-desp{display: block;}
    .navbar-default {background: none;border: none;box-shadow: none;}
    .navbar-toggle {float: left;    margin-top: 2px;}
    .navbar-header button{margin-left: 4%;}
/*    .navbar-collapse .menu{float: left; background-color: rgba(256,256,256,0.8); border-radius: 5px;border: 1px solid black;}*/    
    .navbar-collapse .menu{background-color: rgba(37, 37, 37, 0.9);border: 1px solid black; position: fixed;  top: 0px;  left: 0px; height: 100vh;  width: 100%;  border: none;  padding-top: calc(50vh - 125px);   }
    .navbar-collapse .menu span.item {  width: 100%; display: block;  text-align: center; margin-bottom: 10px;}
    #menu_top .navbar-collapse .menu span.item  a{ border: none; color: #FFF;}         
     #menu_top .navbar-collapse .menu span.item  a:hover,  #menu_top .navbar-collapse .menu span.item  a.active { letter-spacing: 3px;  text-decoration: none;  color: #009ca3;}
.navbar-collapse{height: 100vh !important;     position: fixed;  width: 100%;    top: 0px; max-height: 100vh;    z-index: 345;}
     
    #menu_top .ir_top {width: 66px;height: 66px;top: -16px;}
    #llistat {padding: 60px 0px;}
}
@media (max-width: 500px){
    .descript_text,.form_info {width: 90%;margin: 0 5%;}
    /*atributos*/
    .atributo {width: 32%;}
    .atributos > div {width: 100%;text-align: center;}
    .atributo i {margin-left: 0;}
}
@media (max-width: 400px){
    /*fitxa*/
    #fitxa .img_fitxa .caracts_fitxa .caract::before {margin-left: -8%;}
    #fitxa .img_fitxa {height: 1283px;background-size: auto 80%;}
    #fitxa .img_fitxa {height: 987px;background-size: auto 100%;}
    #fitxa .img_fitxa .caracts_fitxa {bottom: 91px;}
    #fitxa .img_fitxa .galeria_fitxa {height: 91px;}
    #fitxa .img_fitxa .galeria_fitxa .owl-nav .linear {height: 91px;}
    #fitxa .img_fitxa .galeria_fitxa .gal_item{height: 91px;}
    #fitxa .img_fitxa .galeria_fitxa .icon {height: 91px;}
    #fitxa .img_fitxa .galeria_fitxa .owl-carousel .owl-item {width: 120px !important}
    #fitxa .img_fitxa .galeria_fitxa .icon {background-position-y:-354px !important;}
    #fitxa .img_fitxa .icons {text-align: left;position: absolute;top: -40px;}
    #fitxa .img_fitxa .caracts_fitxa {bottom: -150px;}
    #fitxa .img_fitxa .galeria_fitxa {bottom: -241px;}
    #fitxa .casa_descript .descript_text {margin-top: 241px;}
    #fitxa .img_fitxa .fitxa_flag .flag_exclusive{height: 75px;}
    #fitxa .img_fitxa .fitxa_flag .flag_vendida{height: 55px;}
    /*atributos*/
    .atributo {width: 49%;}
    .atributo i {margin-left: 0;}
    /*footer*/
    footer .phone,footer .email{display: none;}
    /*home*/
    #header_home .header-home .img {height: 50vh;min-height: 0;}
    /*#home .casa .info h2 {top: -140px;}*/
    #big-menu > div {height: auto;}
    #big-menu > div.bottom .newsletter_box {margin: 10px auto;}
    #big-menu > div.bottom .newsletter {padding: 10px 0 0px;margin-top: 20px;}
    /*atributos*/
    .atributos h1{font-size: 30px;padding: 0 5%;}
    .atributos h2{font-size: 25px;padding: 0 5%;}
}
.modal-footer {
    margin-top: 15px;
    padding: 9px 20px 10px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}
.modal-footer button{
    background-color: #66c4c8;
    color: #FFF;
}
.error .modal-footer button{
    background-color: #da2222; 
}
.error .modal-body{
    color: #da2222;
}