<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css);
@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700);
/* @import "/css/banderas.css"; */
html,
body { min-height: 100%;}
html {
  height: 100%;
}
body {
  position: absolute;
  height: 100%;
}
.home .page-wrap {
  height: 100%;
  width: 100%;
  float: none;
}

ul.nav li a {
    color: #fff;
    background: none;
    padding: 5px 0px;
    margin: 0;
}

/* .top a.favoritosbtn:after {
    position: absolute;
    height: 23px;
    line-height: 1em;
} */

a { text-decoration: none; }
.btn_bandera{padding:5px;text-align:center;color:#fff;width:100%;right:0;transition:all .3s ease}
.btn_bandera a{position:absolute;right:20px;top:-2px;color:#333;font-size:26px}
.page-wrap{float:right;width:100%;transition:width .3s ease}
.banderas{position:fixed;top:0;width:0;height:100%;background:#3B3B3B;overflow-y:auto;transition:width .3s ease;right:0;z-index:9999}
.banderas a{display:block;background:linear-gradient(#3e3e3e,#383838);border-top:1px solid #484848;border-bottom:1px solid #2E2E2E;color:#fff;padding:15px}
.banderas a:hover,.banderas a:focus{background:linear-gradient(#484848,#383838)}
.banderas:after{content:"";position:absolute;top:0;right:0;height:100%;width:34px}
.content{padding:100px 20px 20px}
.close-menu{display:none}
#banderas:target{width:20%!important}
#banderas:target + .page-wrap .open-menu{display:none!important}
#banderas:target + .page-wrap .close-menu{display:block!important}
#banderas:target + .page-wrap .btn_bandera{width:80%;left:20%}
/*********************************************/
/*  CSS incluido en el header de la web   ****/
/*
Lo elimino del header y lo meto en este css. Viene de programadores anteriores.
Lo mantengo aquí por tenerlo localizado.
Algunas me han servido, así que hago los cambios directamente sobre este código.
*/

#top,#page-wrap,#header,#header-sc,#searcher-mov,#banners,#mapa_propiedades,#content,.contenido,#noticias,#footer,#post-footer,#destacados,.favoritos_btn
{opacity:1}
.reveal-modal-header {
padding: 30px 0 10px;
max-width: 420px;
margin: auto;
}
.reveal-modal-content {
padding-top: 30px;
padding-bottom: 20px;
max-width: 420px;
margin: auto;
}
.reveal-modal-content .form-group {
margin-bottom: 20px;
}
.reveal-modal-content .form-group label {
line-height: 24px;
font-size: 12px;
}
.reveal-modal-footer {
padding: 20px 0 30px;
max-width: 420px;
margin: auto;
}
.brighttheme-notice {
background: #FECC3E;
color: #666666;
}
@media (max-width: 991px) {
  .ui-pnotify-closer, .ui-pnotify-sticker {
      visibility: visible !important;
  }
  .reveal-modal-header,
  .reveal-modal-content,
  .reveal-modal-footer {
      max-width: 100%;
  }
}
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.top .logo {
max-width: none !important;
width: auto;
height: 135px;
}
.top .logo img {
height: 100%;
width: auto;
margin: auto;
max-width: 100%;
display: block;
}
.header-top {
display: none;
}
.header-top .telefono:before {
font-family: "FontAwesome";
content: "\f095";
color: #791777;
font-size: 14px;
background: #fed644;
font-weight: 400;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
text-decoration: none;
border-radius: 50%;
padding: 5px 6px;
margin-right: 5px;
vertical-align: 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.header-top .movil:before {
font-family: "FontAwesome";
content: "\f10b";
color: #791777;
font-size: 14px;
background: #fed644;
font-weight: 400;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
text-decoration: none;
border-radius: 50%;
padding: 5px 9px;
margin-right: 5px;
vertical-align: 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.header-top .mail:before {
font-family: "FontAwesome";
content: "\f0e0";
color: #791777;
font-size: 12px;
background: #fed644;
font-weight: 400;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
text-decoration: none;
border-radius: 50%;
padding: 5px 6px;
margin-right: 5px;
vertical-align: 0;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.header-top {
padding: 8px 0;
}
.header-top a {
color: #fed644;
font-weight: 700;
text-decoration: none;
font-size: 12px;
}
@media (min-width: 1100px) {
  .header-top a { font-size: 14px;}
}
.header-top a strong {
  color: #fff;
}
.header-top ul.list-inline {
  margin: 0;
}
.zls-small.zls-btnmn.zls-btrht  {
  display: none !important;
}
.container-aipp {
  display: none;
}
@media (min-width: 769px){
  .zls-small.zls-btnmn.zls-btrht  {
  margin-right: 90px; padding: 0px; display: block !important;
  }
  #top {
  top: 40px; position: absolute;
  }
  .home-slideshow .bx-wrapper {
  margin: -40px auto 60px;
  }
  .home-slideshow .introfull {
  background-position: top center !important
  }
  #top.fix-header {
  top: 0; position: fixed;
  }
  .header-top {
  display: block;
  background: #791777;
  height: 40px;
  border-bottom: 1px solid #fed644;
  color: #fff;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
  }
}
.container { max-width: 100%; }
.sell-your-property table { width: 100%; }
.sell-your-property td {
display: block;
float: left;
width: 48%;
margin: 10px 1%;
}
.aipplogo { margin-left:10px; }
@media (min-width: 992px) {
  .container-aipp {
  display: block;
  position: fixed;
  z-index: 9999;
  top: 0;
  margin: 0 auto;
  left: 0;
  right: 0;
  }
  .container-aipp #aipp-wrap {
  position: absolute;
  left: 100%;
  width: 70px;
  background-color: #FFF;
  padding: 10px;
  z-index: 9999;
  top: 0;
  box-shadow: 0 10px 14px 0 rgba(0, 0, 0, 0.3);
  -webkit-transition: all 200ms ease-in-out 0s;
  -moz-transition: all 200ms ease-in-out 0s;
  -o-transition: all 200ms ease-in-out 0s;
  -ms-transition: all 200ms ease-in-out 0s;
  transition: all 200ms ease-in-out 0s;
  }
  .container-aipp #aipp-wrap.fix-header {
  padding: 3px;
  width: 50px;
  }
}
/* @media only screen and (max-device-width: 1350px) and (min-device-width: 992px) {
  .container-aipp #aipp-wrap {
  left: initial;
  right: 0;
  margin-right: 10px;
  top: 82px;
  }
  .container-aipp #aipp-wrap.fix-header {
  top: 42px;
  }
} */
.top .mifondo .logo img{
  height:53px !important;
}
@media (max-width: 767px){
  .mifondo{
  background-color:transparent !important;
  }
  body.interior{ padding-top:36px; }
  #wirebuscar{ top:70px !important; }
  .aipplogo img{ width:75px !important; }
  .sell-your-property td {
  display: block;
  float: left;
  width: 100%;
  margin: 10px 0;
  }
}
@media (min-width: 992px){
  .top .mifondo .logo{ height:80px !important; }
}
@media (min-width: 992px){
  .top .mifondo .logo img{ height:80px !important; }
}
@media (min-width: 992px){
  .fix-header.smaller .top .mifondo .logo img{ height:56px !important; }
}
@media (min-width: 992px){
  #swipebox-overlay #swipebox-container #swipebox-slider .slide.current img{
  height:100% !important;
  }
  #swipebox-overlay #swipebox-top-bar.visible-bars{
  background:none !important;
  transition:0.0s !important;
  position:absolute;
  right:0;
  }
  #swipebox-overlay #swipebox-bottom-bar.visible-bars{
  position:absolute;
  top:50%;
  transform: translateY(-50%);
  background: none !important;
  transition:0.0s !important;
  }
  #swipebox-overlay #swipebox-bottom-bar.visible-bars #swipebox-arrows{
  width:86% !important; max-width: none !important;
  }
  #swipebox-title{ display:none; }
}
.submenu {
-webkit-animation-duration: .7s;
animation-duration: .7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.dropdown:hover &gt;a {border-bottom: 4px solid #fed644; color: #fed644; width: 40%;
    min-width: 120px;  max-width: 360px;  margin: 0 auto !important;}
.dropdown:hover .submenu{display: block !important;}
.dropdown:hover .submenu li { font-size: 0.9em;}
/***********
Nuevo, para el rediseño del header y los banners de la home
*********/
/*********************/
/**  Nuevo         **/
/********************/
#landings {clear: both; padding-bottom: 20px}
#footer .mapa {height: 280px; width: 100%;}
.equipo { margin-bottom:30px; margin-top:10px }
.texto-equipo { text-align: center; }
#content .texto-equipo h4 {
text-align: center;
}
.logo-awards {
margin:15px
}
.banners {
text-align: center;
}
.home h1 {
font-size: 32px;
font-weight: 700;
color: #791779;
text-align: center;
letter-spacing: 0.5px;
margin-top: 5px;
}
.home h1 span {
color:#fed644;
}
.home h1 small {
font-size: 0.6em; padding-top: 5px; letter-spacing: 0;
font-weight: 700; display: block; color: #791779;
}
@media (min-width: 992px)
{
  .home h1 { font-size: 48px; }
  .home h1 small { font-size: 0.5em; }
}
/**********************/
/* Footer *************/
/**********************/
#logo-footer
{ text-align: center; }
#logo-footer .colaborador { text-align: center; }
#logo-footer .colaborador .img-responsive {
  max-height: 70px; max-width: 310px; margin:10px auto 0px auto;
}
#logo-footer .colaborador .costadelhome {
  max-height: 70px; max-width: 310px; padding: 7px; background: #01153b;
  margin:15px auto 0px auto;
}
#logo-footer .colaborador .idealista {margin-top: 10px}

@media (max-width: 599px)
{
  #prefooter img
  { height: 40px; width: auto !important; margin: 10px auto; }
}
.bannersBot .moneycorp {
margin-top: -15px; margin-bottom: 5px;
}
.bannersBot .cont-iframe {
position: relative; padding-bottom: 50.3%; height: auto; overflow: hidden;
}
.bannersBot iframe
{
border: 0px; margin: 0px; padding: 0px; backgroundcolor: transparent; top: 0px; left: 0px; width: 340px; height: 100%; position: absolute;
}
@media (min-width: 992px)
{
  .bannersBot iframe
  {
  border: 0px; margin: 0px; padding: 0px; backgroundcolor: transparent; top: 0px; left: 0px; width: 400px; max-width: 100%; height: 100%; position: absolute;
  }
}
/**********************/
/*      banners       */
/**********************/
.wow { visibility: hidden; }
.bnr33.banner-1, .bnr33.banner-2, .bnr33.banner-3 {
background-color: transparent !important;
padding: 0 !important;
margin-bottom: 30px;
}
#banners .bnr33.banner-1 h3, #banners .bnr33.banner-2 h3, #banners .bnr33.banner-3 h3 {
color:#fff;
padding: 10px 0;
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#banners .banner-1 a, #banners .banner-2 a, #banners .banner-3 a{
height: 280px;
display: block;
color:#fff;
position: relative;
background-color: rgba(0, 0, 0, 0.4);
-webkit-transition: all 0.5s;
transition: all 0.5s;
}
#banners .banner-1:hover a,  #banners .banner-2:hover a, #banners .banner-3:hover a{
 background-color: rgba(121, 23, 119, 0.1);
}
#banners .banner-1 {
background: url(/media/images/website/new-build.jpg) no-repeat center center;
background-size: cover;
}
#banners .banner-2 {
background: url(/media/images/website/resale.jpg) no-repeat center center;
background-size: cover;
}
#banners .banner-3 {
background: url(/media/images/website/elite.jpg) no-repeat center center;
background-size: cover;
}
#banners .bnr33n h3, #banners .bnr33 .mini-banner-header {
font-size: 2.4rem;
font-weight: 800;
line-height: 1.1em;
text-transform: uppercase;
position: absolute;
width: 100%;
top: 50%;
text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.3);
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
#banners .bnr33 h3 small, #banners .bnr33 .mini-banner-header small {
font-size: 0.8em;
font-weight: 400;
display: block;
text-transform: none;
color: #fed644;
padding:10px 20px;
margin-top: 10px;
line-height: 1.3em;
}
.property #banners { margin-top: 0;}
/* slider home */
.home-slideshow .bx-wrapper .bx-prev, .home-slideshow .bx-wrapper .bx-next {
  display: none;
}
@media (min-width: 992px)
{ #banners .bnr33 .container {padding: 0 !important;} }
/**********************************/
.no-fondo {background: none;}
.telefono small {color: #ffd500; font-size: 1em;}
.misidiomas {display: block; margin-top:1px; background:transparent}
#wirebuscar .container .col-md-5 {padding-left: 5px;}
.misidiomas .dropdown .btn {background:transparent !important}
.top-right {margin-right: 10px; margin-top: 3px}
body {
font-family: 'Lato', sans-serif;
}
ul.nav {
font-family: 'Lato', sans-serif;
margin: 30px 0 0 0;
}
.header-top .facebook a:before {
font-family: "FontAwesome";
content: "\f09a";
color: #fff;
font-size: 15px;
margin-right: 5px;
background: #2b32b7;
font-weight: 400;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
text-decoration: none;
border-radius: 19px;
padding: 6px 9px;
margin-left: 4px;
vertical-align: ;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.header-top .facebook {
float: right;
font-weight: 300;
text-align: left;
color: #fff;
}
.header-top .facebook a {
color: #fed644;
text-transform: lowercase;
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
-ms-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
font-weight: lighter;
display: inline-block;
text-decoration: none;
}
.header-top .facebook a strong {display: none;}
.header-top .twitter a:before {
font-family: "FontAwesome";
content: "\f099";
color: #fff;
font-size: 15px;
margin-right: 5px;
background: #1aa9cd;
font-weight: 400;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
text-decoration: none;
border-radius: 19px;
padding: 6px 6px;
margin-left: 4px;
vertical-align: ;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.header-top .twitter {
float: right;
font-weight: 300;
text-align: left;
color: #fff;
}
.header-top .twitter a {
color: #fed644;
text-transform: lowercase;
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
-ms-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
font-weight: lighter;
display: inline-block;
text-decoration: none;
}
.header-top .twitter a strong {
display: none;
}
.header-top .googleplus a:before {
font-family: "FontAwesome";
content: "\f0d5";
color: #fff;
font-size: 15px;
margin-right: 5px;
background: #c61414;
font-weight: 400;
text-shadow: 1px 1px 0 rgba(0, 0, 0, 0);
text-decoration: none;
border-radius: 19px;
padding: 6px 4px;
margin-left: 4px;
vertical-align: ;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.3);
box-shadow: 0 1px 3px rgba(0,0,0,.3);
}
.header-top .googleplus {
float: right;
font-weight: 300;
text-align: left;
color: #fff;
}
.header-top .googleplus a {
color: #fed644;
text-transform: lowercase;
-webkit-transition: all 200ms ease-in-out 0s;
-moz-transition: all 200ms ease-in-out 0s;
-o-transition: all 200ms ease-in-out 0s;
-ms-transition: all 200ms ease-in-out 0s;
transition: all 200ms ease-in-out 0s;
font-weight: lighter;
display: inline-block;
text-decoration: none;
}
.header-top .googleplus a strong {
display: none;
}
.dropdown-menu.sup {
background-color: #791777 !important;
border-radius: 0;
border:0;
width: 78px !important;
min-width: auto;
}
.drop-idioma {
background-color: #791777;
padding: 5px 10px;
}
.drop-idioma a {
color:#fff;
text-transform: uppercase;
}
.dropdown .btn {
color: #8b378d;
text-shadow:none;
font-weight: bold;
letter-spacing: 1px;
font-size: 15px;
}
/***************/
/** slider    **/
/***************/
.home-slideshow .introfull {
    background-position: center center;
    background-repeat: no-repeat;
    width: 100%;
}
.alinear {top: 50%; transform: translateY(-50%); position: relative;}
@media only screen and (max-width: 415px)
{
  #header {height: 250px !important;}
  #banners {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 767px)
{
  .home-slideshow .bx-wrapper {
     height: 320px !important;
     max-height: 320px !important;
     min-height: 320px !important;
     display: block;
  }
  #searcher.secc {padding-top: 65px}
}
@media only screen and (min-width: 992px)
{
  /* #header .bx-viewport {
      height: 640px !important;
      min-height: 640px !important;
  }
  .home-slideshow .introfull {
      min-height: 640px !important;
      background-size: cover !important;
  }
  .home-slideshow .bx-wrapper {
     height: 640px !important;
     max-height: 640px !important;
     min-height: 640px !important;
  } */

  #searcher {
    /* top: -60px; */

    position: static; /* cambio */
  }
   #banners{
     margin-top:0px
   }
  .home #banners{
    /* margin-top:-60px */
    /* cambio */
  }
  #searcher.estatico {position:static; margin-top: 100px}

}

.select2-container .select2-selection--multiple {
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.9);
    border: 1px solid #ddd;
}

/* @media only screen and (min-width: 1440px)
{
    #header .bx-viewport {
        height: 780px !important;
        min-height: 780px !important;
    }
    .home-slideshow .introfull {
        min-height: 780px !important;
        background-size: cover !important;
    }
    .home-slideshow .bx-wrapper {
       height: 780px !important;
       max-height: 780px !important;
       min-height: 780px !important;
    }
} */
/* @media only screen and (min-width: 1920px)
{
    #header .bx-viewport {
        height: 920px !important;
        min-height: 920px !important;
    }
    .home-slideshow .bx-wrapper {
       height: 920px;
       max-height: 920px !important;
       min-height: 920px !important;
    }
    .home-slideshow .introfull {
        min-height: 920px !important;
    }
} */



#menu {
width: 100%;
float: none;
padding-top: 0px;
margin-left: 0;
}
#menu ul {
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
max-height: 0;
overflow: hidden;
margin: 0;
position: absolute;
left: 0
}
#menu li {
border-bottom: 0;
float: left;
margin: 0;
padding: 10px;
width: 100%;
}
#menu ul.open-menu {
max-height: 1024px;
-webkit-transition: max-height 1s;
-moz-transition: max-height 1s;
-ms-transition: max-height 1s;
-o-transition: max-height 1s;
transition: max-height 1s;
float: left;
margin: 0;
padding: 0;
top: 50px;
width: 100%;
min-height: 1024px;
background: rgba(121, 23, 119, 0.7);
}
#menu ul li ul, #menu ul.open-menu li ul{
-webkit-transition: max-height 1s;
-moz-transition: max-height 1s;
-ms-transition: max-height 1s;
-o-transition: max-height 1s;
transition: max-height 1s;
box-shadow: none !important;
position: relative;
display: none;
padding-bottom: 30px;
background: transparent;
margin-top: 0px;
top:10px;
min-height: auto;
max-height: auto;
}
#menu ul li ul li{
text-align: center;
background: transparent;
box-shadow: 0;
}
.muestra-buscador {font-size:20px; padding:5px; margin:0 5px;}
@media only screen and (min-width: 769px)
{
  .top .telefono a {
  color: #8b378d;
  text-shadow:none;
  }
  .top .telefono a:hover {
  color: #8b378d;
  }
  .top .telefono a strong {
  font-weight: bold;
  color: #8b378d;
  text-shadow: none;
  }
  .top .logo {
  height: 110px;
  }
  #header {
  height: auto !important;
  }
  .header-top {
  display: none;
  }
  #nav-mobile {
  background: none;
  display: none;
  float: left;
  height: 38px;
  opacity: 0.9;
  position: relative;
  left: 5px;
  top: 3px;
  width: 30px;
  color: #8b378d;
  width: 50px;
  letter-spacing: 1px;
  margin-top: 9px;
  margin-left: 8px;
  text-transform: uppercase;
  font-weight: bold;
  }
  #nav-mobile, .navbar-collapse {
  display: block;
  }
  #top, #top.smaller {
  height: 50px;
  top:0;
  background: rgba(255, 255, 255, 0.85);
  }
  .home-slideshow .bx-wrapper {
  margin: -85px auto 0px;
  }
  .top-left {
  float: left;
  }
  #header {
  overflow: hidden;
  }
  #searcher {
  width: 100%;
  left: 0;
  }
  .introfull {
  max-height: 980px;
  }
  .mifondo {
  display: none;
  }
  .top .telefono {
  margin-top: 15px;
  margin-left: 20px;
  }
  ul.nav li.active a {
  width: 40%;
  min-width: 120px;
  max-width: 360px;
  margin: 0 auto !important;
  padding: 10px !important;
  }
}
@media only screen and (max-width: 768px)
{
  #nav-mobile span
  {
  display: none;
  }
  .top .telefono a {
  color: #8b378d;
  text-shadow:none;
  }
  .top .telefono a:hover {
  color: #8b378d;
  }
  .top .telefono a strong {
  font-weight: bold;
  color: #8b378d;
  text-shadow: none;
  }
  .top-left {
  float: left;
  }
  #top, #top.smaller {
  height: 50px;
  top: 0;
  background: rgba(255, 255, 255, 0.85);
  }
  .top .telefono, .top .movil, .top .mail {
  margin: 0;
  display: block;
  }
  .top-left {
  float: left;
  }
  #menu li {
  background: transparent;
  }
  .top-left {
  margin-top: 15px;
  margin-left: 10px;
  }
}
@media only screen and (max-width: 767px)
{
  .telefono small {
  display: none;
  }
  .aipplogo {
  display: none
  }
  .top .logo {
  height: 65px;
  }
  #wirebuscar {
  bottom: 60px;
  margin-top: 0;
  top: auto !important;
  }
  #home-slideshow-main   .introfull {
  min-height: 220px !important;
  max-height: 400px !important;
  background-size: cover !important;
  background-position: center center;
  }
}
.sacabusca.cierre {display: none}
@media only screen and (max-width: 415px)
{
  #wirebuscar {width:100% !important; position:absolute; z-index: 10; bottom: auto !important;}
  .home h1 { font-size: 26px; margin-top: 20px !important; padding-top: 10px; margin-bottom: -5px; font-size: 26px !important;}
  .sacabusca.cierre {background-color: #666; display: block; color: #fff; text-align: right; padding-bottom: 10px; padding-top: 2px; padding-right: 10px; font-size: 11pt; }
  #searcher.busqueda {height: 460px !important; top: 60px !important}
  #wirebuscar.secc {margin-top: 70px !important; z-index: 2; position: absolute}
  .property .top .logo img, .about-us .top .logo img, .properties .top .logo img, .sell-your-property .top .logo img, .news .top .logo img, .contact .top .logo img, .favorites .top .logo img {
    margin-top: 0;
  }
}

/* landing */

.fondo-landing{height:auto; color: #fff; background-position: center center; background-size: cover}
.fondo-landing .opacidad {
  background-color: rgba(0,0,0,0.35);
  height: 100%;
  margin: 0 auto;
}
.fondo-landing .alinear {transform:none; top:0}
.fondo-landing h1 {
  margin-top: 80px;
  font-size: 42px;
  font-style: italic;
  font-weight: 600;
  text-shadow: 0 0 16px rgba(0,0,0,0.3);
}
.fondo-landing h1 span:first-child, .fondo-landing .destaca {color:#FED647}
.fondo-landing .discover h1 span:first-child {color:#fff}
.fondo-landing h1 span:last-child {color:#FED647}
.fondo-landing h2, h3 {text-shadow: 0 0 16px rgba(0,0,0,0.3);}
.fondo-landing h2 {font-size: 32px; }
.fondo-landing h3 {font-size: 28px; font-style: italic;}
.fondo-landing p {
  font-size: 18px; padding: 15px 0;
  text-shadow: 0 0 16px rgba(0,0,0,0.3);
}
.fondo-landing form {margin-top: 45px;}
.fondo-landing input,  .fondo-landing textarea{
  min-height: 52px;
  border:1px solid #999;
  font-size: 18px;
}
.fondo-landing .btn{
  min-height: 52px;
  font-size: 18px;
  color:#FED647
}
.fondo-landing .discover .btn{
  color:#79177B;
  background-color: #FED647;
}

.fondo-landing a {
    color:#fff;
}
.fondo-landing textarea.form-control::placeholder {
    color: #888;
    font-size: 18px;
}
.landing #banners{margin-top:0px}
.fondo-landing .discover p{font-size: 16.5px; margin: 10px 0; padding-bottom: 0; text-shadow: 0 0 4px rgba(0,0,0,0.5); text-align: left;}
@media only screen and (min-width: 992px) {
.fondo-landing{height:640px}
.fondo-landing .alinear {top: 50%; transform: translateY(-50%); position: relative;}
.landing #banners{margin-top:-60px}
.fondo-landing .opacidad {
  background-color: rgba(0,0,0,0.15);
}
.fondo-landing h1 {
  font-size: 60px;
  margin-top: 20px;
}
.fondo-landing h2 {font-size: 38px; }
.fondo-landing h3 {font-size: 32px; font-style: italic;}
.fondo-landing .texto {max-height: 400px; overflow-y: auto;}
}
@media only screen and (min-width: 1200px) {
.fondo-landing{height:680px}
.fondo-landing h1 {
  font-size: 76px;
  margin-top: 20px;
}
.fondo-landing h2 {font-size: 48px; }
.fondo-landing h3 {font-size: 40px; font-style: italic;}

}
@media only screen and (min-width: 1440px) {
.fondo-landing{height:780px}
.fondo-landing .texto{max-height:520px;overflow-y:auto}
}

@media only screen and (max-width: 991px)
{
    #searcher 
    {
        display: none;
    }
    #bannersBot .cont-iframe iframe 
    {
        max-width: 240px
    }
}
.pb-50 {padding-bottom: 50px}


@media only screen and (min-width: 1024px)
{
      #header 
      {
        height: calc(80% - 140px) !important;
        max-height: 640px;
      }
      #header .bx-viewport {
          height: 100% !important;
          min-height: auto !important;
      }
      .home-slideshow .introfull {
          min-height: none !important;
          background-size: cover !important;
          max-height: none !important;
      }
      .home-slideshow .bx-wrapper {
         margin: 0px auto 0px; /* nuevo */
         max-height: none !important;
         height: 100% !important;
      }
}

@media only screen and (min-width: 1200px)
{
      #header 
      {
          height: calc(100% - 160px) !important;
          max-height: 800px;
      }
}

@media only screen and (min-width: 1900px)
{
      #header 
      {
          height: calc(100% - 160px) !important;
          max-height: 900px;
      }
}
@media only screen and (min-width: 2048px)
{
      #header 
      {
          height: calc(100% - 160px) !important;
          max-width: 2560px;
          margin-left: auto;
          margin-right: auto;
          max-height: 1080px;
      }
}

/**** import ****/
@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}
</pre></body></html>