body, html { height: 100%; width: 100%; }
body { margin: 0; padding: 0; font-family: 'Roboto', sans-serif !important; font-weight: 400; color: #788489; }
#break { display: inherit; }
.hide-desktop { display: none; }
a:link { color: #033850; }
a:hover { color: #788489; }
#screen #header { background: #003771; color: #fff !important; font-family: 'Roboto Slab', serif; font-size: 14px; padding: 10px 0; margin-bottom: 20px; text-shadow: 0 2px 5px rgba(0,0,0,.5); position: relative; z-index:10; }
#header { background: url(https://mallorcapropertyvb.com/images/header-strip.jpg) repeat; color: #fff !important; font-family: 'Roboto Slab', serif; font-size: 14px; padding: 10px 0; margin-bottom: 20px; text-shadow: 0 2px 5px rgba(0,0,0,.5); position: relative; z-index: 1; }
#header a { color: #fff; text-decoration: none; }
#header a:hover { text-decoration: underline; }
#header p { margin-top: 5px; }
#header .social { width: 24px; height: auto; margin-right: 10px; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
#header .social:hover {opacity:0.4; filter:alpha(opacity=40); }
#header .contact { position: relative; top: -5px; }
#header p.right { float: right; }
.language { float: right; margin: 12px 0 0 6px; }
.language a img { opacity:0.9; filter:alpha(opacity=90); /* For IE8 and earlier */ height: 14px; width: auto; margin-left: 10px; -webkit-transition: opacity .3s ease-in-out; -moz-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; }
.language a:hover img, .language a .selected { opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ }
#screen { background-image: url(https://mallorcapropertyvb.com/images/bg-main.jpg) no-repeat; background-size: cover; min-height: 70%; }
.clear { clear: both; }
.light { font-weight: 300 !important; font-size: 60%; display: block; }
.small { font-size: 80%; margin-top: 5px; }
#zoominoutParent { position: absolute; top: 0; left: 0; z-index: 0; }
#featured { color: #fff !important; font-weight: 300 !important; text-shadow: 0 2px 5px rgba(0,0,0,.5); margin-top: 40px; position:relative; z-index: 5; }
#featured h1 { font-size: 44px; line-height: 48px; font-family: 'Roboto Slab', serif; font-weight: 400; }
#featured h2 { font-size: 24px; font-weight: 400; }
#main-nav { float: right; font-size:16px; list-style: none; margin-top: 1px; }
#main-nav li { float: left; margin-left: 10px; border-left: 1px solid #fff; }
#main-nav li:first-child { border-left: none; }
#main-nav li a { margin-left: 10px; padding-bottom: 6px; }
#main-nav li a:hover, #main-nav li.here a { border-bottom: 1px solid #fff; text-decoration: none; }
#quick-search h3, #quick-search h3 a { font-family: 'Roboto Slab', serif !important; margin-top: 20px; }
#quick-search .social { width: auto; height: 38px; margin: 5px 0 0 10px; float: right; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
#quick-search .social:hover {opacity:0.4; filter:alpha(opacity=40); }
#search-title h1 a { color: #033850; float: left; text-decoration: none; font-family: 'Roboto Slab', serif; letter-spacing: -.05em; margin-bottom: 20px; }
#search-title h1 a:hover { color: #788489; }
#search-title a.drop { float: right; width: 40px; height: 40px; margin-top: -10px; opacity: 0.5; }
#search { padding-bottom: 20px; }
#search h4 { margin-top: 20px; font-weight: 600; }
#search hr { border-top: 1px solid #dddddd; margin: 0; }
#related a.no-results { font-size: 14px; font-weight: 700; display: inline !important; color: #033850; }
#quick-search { position: relative; z-index: 500; }
#quick-search hr { margin-bottom: 0; }
#reference_number { margin-top: 5px; width: 260px; }
#revise { border-top: 1px solid #dddddd; text-align: center; padding: 20px 0; }
#revise a { text-decoration: none; font-size: 18px; transition: background-color 0.5s ease; }
#revise a:hover { color: #fff; background-color: #788489; border: 1px solid #788489; }
#featured-property h4 { font-family: 'Roboto Slab', serif; margin-top: 10px; }
#featured-property h3 { font-size: 34px; color: #033850; font-family: 'Roboto Slab', serif; }
#featured-property p { font-size: 14px; line-height: 18px; }
#featured-property .price { margin:2px 0 10px 0; padding:4px 25px 4px 10px; display:inline-block; color:#fff; font-weight: 700; font-size: 18px; border:1px solid #033850; background:#033850; }
#featured-property strong { color: #033850; margin-bottom: 12px; display: block; }
#feat-btns { }
.built { display: block; height: 30px; margin: 4px 0 2px 0; padding-top:4px; background: url(https://mallorcapropertyvb.com/images/icons/built.png) no-repeat; padding-left: 40px; font-weight: 700; }
.plot { display: block; height: 30px; margin: 4px 0 2px 0; padding-top:4px; background: url(https://mallorcapropertyvb.com/images/icons/plot.png) no-repeat; padding-left: 40px; font-weight: 700; }
.beds { display: block; height: 30px; margin: 4px 0 2px 0; padding-top:4px; background: url(https://mallorcapropertyvb.com/images/icons/beds.png) no-repeat; padding-left: 40px; font-weight: 700; }
.baths { display: block; height: 30px; margin: 4px 0 2px 0; padding-top:4px; background: url(https://mallorcapropertyvb.com/images/icons/baths.png) no-repeat; padding-left: 40px; font-weight: 700; }
.reception { display: block; height: 30px; margin: 4px 0 2px 0; padding-top:4px; background: url(https://mallorcapropertyvb.com/images/icons/rooms.png) no-repeat; padding-left: 40px; font-weight: 700; }
.energy { display: block; width: 280px; height: 30px; margin: 4px 0 2px 0; padding-top:5px !important; background: url(https://mallorcapropertyvb.com/images/icons/energy.png) no-repeat; padding-left: 10px !important; font-weight: 700; color: #fff; font-size: 18px; }
.energy .energy-text { color: #788489; height: 30px; margin: 4px 0 2px 0; padding-top:4px; padding-left: 20px; font-weight: 700; font-size: 14px; font-weight: normal; }
.energy a.download { display: inline; color: #033850; }
.built p { display: inline; }
.right { text-align: right; float: right; }
#property { margin-top: 30px; font-size: 14px; }
#property h1 { font-family: 'Roboto Slab', serif; color: #033850; font-weight: 800; }
#property h2 { font-family: 'Roboto Slab', serif; font-weight: 400; }
#property p { line-height: 24px; }
#property .sub-head { font-family: 'Roboto Slab', serif; color: #033850; font-weight: 600; border-bottom: 1px solid #dddddd; padding-bottom: 10px; margin-bottom: 10px; display: block; clear:both; }
#property #details { background: #f4f5f7; padding: 20px; }
#property #details .sub-head { padding-bottom: 4px; }
#property #details li { padding: 6px 0 6px 40px; }
#property #details #features { margin: -4px 0 20px 0; }
#property #details #features li { list-style: none; border-bottom: 1px solid #dddddd; padding: 0 0 6px 0; margin: 0 0 6px 0; }
#property #details #features li:last-child { border-bottom: none; margin-bottom: 0; }
#related .sub-head { font-family: 'Roboto Slab', serif; color: #033850; font-weight: 600; padding-bottom: 10px; margin-bottom: 10px; display: block; clear:both; }
#related { background: #f5f5f5; border-top: 1px solid #dddddd; padding: 20px 0; }
#related .related { background: #fff; border: 1px solid #dddddd; border-top: none; border-bottom: none; margin-top: -4px; }
#related img, #featured-property img { opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
#related img:hover, #featured-property img:hover { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }
.related { background: #f4f5f7; margin-bottom: 0; padding: 10px 10px 6px 10px; font-size: 14px; position: relative; }
.related h3 { font-family: 'Roboto Slab', serif; font-weight: 800; font-size: 14px; line-height: 18px !important; margin-bottom: 4px; height: 36px; }
.related h3 a { color: #033850; line-height: 18px !important; padding: 0; }
.related h3 a:hover { color: #8e979c; background-color:transparent; }
.related h4, .related .ref { font-family: 'Roboto Slab', serif; font-weight: 400; font-size: 14px; line-height: 18px; }
.related hr { margin: 4px 0 8px 0; border-top: 1px solid #dddddd; }
.related .beds { display: block; height: 20px; margin: 6px 0 2px 0; padding-top:4px; background: url(https://mallorcapropertyvb.com/images/icons/beds.png) no-repeat; background-size: 24px 24px; padding-left: 30px; font-weight: 400; }
.related .baths { display: block; height: 20px; margin: 6px 0 2px 0; padding-top:4px; background: url(https://mallorcapropertyvb.com/images/icons/baths.png) no-repeat; background-size: 24px 24px; padding-left: 30px; font-weight: 400; }
.related .reception { display: block; height: 20px; margin: 6px 0 2px 0; padding-top:4px; background: url(https://mallorcapropertyvb.com/images/icons/rooms.png) no-repeat; background-size: 24px 24px; padding-left: 30px; font-weight: 400; }
#related .property-link { display: block; clear: both; width: 100%; text-align: center; margin: 0 0 20px 0; padding: 10px 0; }
#related a { font-size: 14px; text-decoration: none; border: none; display: block; transition: background-color 0.75s ease; }
#related .property-link:hover { background-color: #8e979c; color: #fff; border: none; }
#related img:hover { background-color: #fff !important; }
#news .grid_8 { margin-bottom: 20px; }
#news hr { border-top: 1px solid #dddddd; margin-top: 20px; }
#news h2, #news h2 a, #news h4 { color: #033850; font-family: 'Roboto Slab', serif; transition: }
#news h2 a:hover { color: #8e979c; }
#news p { font-size: 14px; line-height: 18px; }
#news a { text-decoration: none; }
#news strong { color: #033850; font-weight: 700; }
#news .date { font-size: 18px; font-weight: 700; }
#news img { margin: 20px 0; opacity: 1; filter: alpha(opacity=100); -webkit-transition: opacity .5s ease-in-out; -moz-transition: opacity .5s ease-in-out; -ms-transition: opacity .5s ease-in-out; -o-transition: opacity .5s ease-in-out; transition: opacity .5s ease-in-out; }
#news img:hover { opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */ }
#news label, #property label { width: 150px; display: block; float: left; }
#news input[type="text"], #property input[type="text"] { width: 250px; margin-top:8px; }
#news textarea, #property textarea { margin-top: 14px; }
#news input[type="submit"], #property input[type="submit"] { margin-bottom: 20px; }
#page h3 { color: #033850; font-family: 'Roboto Slab', serif; }
#page strong { color: #033850; font-weight: 700; }
#paginate hr { border-top: 1px solid #dddddd; margin-top: 10px; }
#paginate p { font-size: 14px; }
#paginate strong { background: #033850; color: #fff; padding: 4px 10px; float: left; }
#paginate #pages { padding: 4px 0; margin-right: 14px; font-weight: 600; float: left; }
#paginate a { color: #8e979c; background: none; padding: 4px 10px; float: left; }
#paginate a:hover { color: #fff; background: #8e979c; }
#sidebar { margin-bottom: 20px; }
#sidebar hr { border-top: 1px solid #dddddd; }
#sidebar h4 { color: #033850; font-weight: 600; }
#sidebar .inner, .grid_4 .inner { border: 1px solid #dddddd; padding: 20px; background: #f5f5f5; font-size: 14px; }
#sidebar .inner a, .grid_4 .inner a { display: block; padding: 5px 0 5px 34px; margin-top: 12px; color: #788489; text-decoration: none; font-weight: 600; }
#sidebar .inner a:hover, .grid_4 .inner a:hover { color: #033850; }
#sidebar .fbook { background: url(https://mallorcapropertyvb.com/images/facebook.png) no-repeat; background-size: 24px 24px; }
#sidebar .twitter { background: url(https://mallorcapropertyvb.com/images/twitter.png) no-repeat; background-size: 24px 24px; }
#sidebar .google { background: url(https://mallorcapropertyvb.com/images/google.jpg) no-repeat; background-size: 24px 24px; }
#sidebar .rss { background: url(https://mallorcapropertyvb.com/images/rss.jpg) no-repeat; background-size: 24px 24px; }
.location p { font-size: 12px; line-height: 16px !important; }
#directory { background: #e8eaeb; border-top: 1px solid #dddddd; border-bottom: 1px solid #dddddd; width: 100%; padding-bottom: 24px; margin: 0 0 20px 0; line-height: 14px; }
#directory h3 { color: #033850; font-family: 'Roboto Slab', serif; font-weight: 400; text-align: center; margin:14px 0; }
#directory a { color: #788489; text-decoration: underline; font-size: 11px; margin-bottom: 2px; }
#directory a:hover { text-decoration: none; }
#footer { font-family: 'Roboto Slab', serif; font-size: 14px; padding-bottom:20px; }
#footer a { text-decoration: none; color: #788489; }
#footer a:hover { text-decoration: underline; }
/* ---------------------------------------------- Reset form elements ---------------------------------------------- */
input, select, textarea {
margin:0; padding:0; font-size:0.85em; outline:none;
font-family:inherit;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */
box-sizing:border-box;}
/* ---------------------------------------------- Inputs, textareas and selects ---------------------------------------------- */
input[type="text"], textarea, select, input[type="file"] {
width:12em; border-radius:2px; border: solid 1px #ccc; padding:0.5em;}
div.styled { border-radius:2px; border: solid 1px #ccc; padding:0.5em; }
div.styled, select, input[type="submit"], input[type="button"],
input[type="file"]:after {
background: white url(https://mallorcapropertyvb.com/images/icons/formelements-select.png) no-repeat center right;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
option { border-top: 1px solid #dddddd; }
input[type="text"], textarea, input[type="file"] {
background-color: #fff;
-webkit-box-shadow: inset 0 2px 3px rgba(0,0,0,0.2);
box-shadow: inset 0 2px 3px rgba(0,0,0,0.1);}
.ie9 input[type="text"] {line-height:normal;} /* Get the stuff to line up right */
textarea { width:100%; height:10em; }
/* ---------------------------------------------- Select menu ---------------------------------------------- */
/* For IE and Firefox */
div.styled { overflow:hidden; padding:0; margin:8px 0 14px 0; }
.ie7 div.styled {border:none;}
div.styled select {
width:115%; background-color:transparent; background-image:none;
-webkit-appearance: none; border:none; box-shadow:none; color: #788489;}
.ie7 div.styled select {
width:100%; background-color:#fff; border: solid 1px #ccc;
padding:0.3em 0.5em;}
/* ---------------------------------------------- File field ---------------------------------------------- */
/* Webkit Only */
input[type="file"] {
position: relative;
-webkit-appearance: none;
-webkit-box-sizing: border-box;
box-sizing: border-box; width: 40%; padding:0;}
input[type=file]::-webkit-file-upload-button {
width: 0; padding: 0; margin: 0;-webkit-appearance: none; border: none;}
input[type="file"]:after {
content: 'Upload File';
margin:0 0 0 0.5em;
display: inline-block; left: 100%; position: relative;
background:white url(https://mallorcapropertyvb.com/images/icons/formelements-select.png) no-repeat center left;
padding:0.3em 0.5em; border: solid 1px #ccc !important;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);
box-shadow: 0 1px 3px rgba(0,0,0,0.2);
border-radius:4px;}
input[type="file"]:active:after {box-shadow:none;}
/* ---------------------------------------------- Checkboxes and Radio inputs ---------------------------------------------- */
input[type="radio"],
input[type="checkbox"] { position: absolute; left: -999em; }
label:before {
font-weight: 600; margin-bottom: 10px; height:2px;
display: block; position: relative; top:0; left:-2px;
content:''; }
input[type="checkbox"] + label:before { background-position: 0 -25px;}
input[type="checkbox"]:checked + label:before {background-position: 0 0 ; }
input[type="radio"] + label:before { background-position: -25px -25px;}
input[type="radio"]:checked + label:before { background-position: -25px 0;}
/* Remove the custom styling for IE 7-8 */
.ie8 label:before { display:none; content:none; }
.ie8 input[type="checkbox"],
.ie8 input[type="radio"],
.ie7 input[type="checkbox"],
.ie7 input[type="radio"]{
position: static; left:0; }
.ie8 input[type="checkbox"],
.ie8 input[type="radio"] {
position:relative; top:5px; margin-right:0.5em;}
input[type="text"]:focus, textarea:focus {border-color:#033850;}
/* ---------------------------------------------- Form Submit and Next buttons ---------------------------------------------- */
input[type="submit"],
input[type="button"] {
padding:0.5em 1em; line-height:1em; cursor:pointer;
border-radius:4px; color:#033850; font-weight:bold; font-size:inherit;
border:solid 1px #ccc; box-shadow:0 1px 5px rgba(0,0,0,0.2);
background-position: center bottom;
float: right; }
/* Gradient Generator by : http://www.colorzilla.com/gradient-editor/ */
input[type="submit"]:active,
input[type="button"]:active {-webkit-box-shadow: none; box-shadow:none;}
/* IE7 needs you to change the background to transparent when using image background for submit buttons */
/*---------------------------------------------- Media Queries ---------------------------------------------- */
@media only screen and (max-width: 767px) and (min-width: 480px) {
#screen { background-image: none; }
#footer, #footer .right { width: 456px !important; text-align: center !important; }
}
@media screen and (min-width: 600px) { .flexy-menu { display: none; } }
@media screen and (max-width: 600px) {
#screen { height: 100%; background-position: -100px 0px; background: url(https://mallorcapropertyvb.com/images/bg-main.jpg) no-repeat; background-size: cover; }
#zoominoutParent { display: none; }
#screen #header { background: rgba(3, 56, 80, 1); padding-bottom: 0; }
#header { background-image: none; background-color: #033850; height: 120px; }
#header .grid_12 { margin-top: 0; }
#logo { width: 50% !important; float: left; }
#header .right { width: 50%; float: right; }
#header .right .right { width: 100%; float: right; }
#header .contact, .crumbs { clear: both; display: none; }
#header .language { margin-top: 0; }
#header .social { width: 30px; margin: 6px 0 0 10px; }
#header a:hover { text-decoration: none; }
#featured { width: 100% !important; position: absolute; right: 0; left: 0; bottom: 0; background: rgba(3, 56, 80, 0.7); }
#featured h1 { font-size: 18px; line-height: 22px; padding: 20px 20px 0 20px; }
#featured h2, #featured h4 { font-size: 14px; line-height: 18px; padding: 0 20px 0 20px; }
.hide-mobile { display: none; }
#featured-property { border-top: 1px solid #dddddd; margin-top: 14px; padding-top: 20px; }
#quick-search h3 { text-align: center; }
#featured-property h3 { font-size: 24px; line-height: 28px; }
#featured-property a.btn, #featured-property .btn, #featured-property a.btn-grey, #featured-property .btn-grey, #revise a, #revise a:hover { width: 100%; text-align: center; padding-left: 0; padding-right: 0; border: none; }
#feat-btns { margin-top: 0; }
.beds, .baths, .reception { display: inline-block; margin: 4px 20px 4px 0; }
#related .property-link { margin-bottom: 0; }
#ref-no { padding-bottom:14px; border-bottom: 1px solid #dddddd; }
#reference_number { width: 74%; }
div.styled select { width: 100%; }
#search-title h1 a { font-size: 24px; }
#search1 hr, #search2 hr { display: none; }
#search2 { margin-top: 0; }
#search #no-results { font-size: 14px; font-weight: 700; display: inline }
#property a.btn, #property .btn, #property a.btn-grey, #property .btn-grey { width: 100%; border: none !important; padding-left: 0 !important; padding-right: 0 !important; text-align: center; }
#property h2 { font-size: 18px; }
#property h2 span { float:left !important; clear: both; display: block; }
#paginate p { text-align: center; }
#paginate hr { display: none; }
#paginate #pages { width: 100%; text-align: center; margin-bottom: 10px; }
#paginate #nos { width: 100%; text-align: center; display: block; }
#paginate a, #paginate strong { text-align: center; float: none; display: inline-block; font-size: 12px; }
#related .sub-head { font-size: 18px; line-height: 22px; text-align: center; }
.related h3 a { font-size: 16px !important; }
#directory .grid_2 { width: 50% !important; float: left; }
#directory .grid_2:nth-child(4), #directory .grid_2:nth-child(5), #directory .grid_2:nth-child(6), #directory .grid_2:nth-child(7) { margin-top: -10px; }
#directory p { margin-bottom: 0; padding-top:20px; }
#directory a { width: 100%; display: block; text-decoration: none; font-size: 10px !important; margin-top: -18px; margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #788489; }
.break { clear: both; display: block; }
#footer, #footer .right { width: 300px; text-align: center !important; }
}/* end of query */
@media screen and (max-width: 400px) {
input[type="text"], textarea, select, div.styled {width:100%}
}/* end of query */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
.bannerscollection_zoominout.opportune .contentHolderVisibleWrapper { margin-top:90px !important; }
#screen { height: 73% !important; }
#reference_number { width: 200px !important; }
}
/* iPads (portrait) ----------- */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
/* Styles */
#header, #main-nav { font-size: 12px !important; }
.bannerscollection_zoominout.opportune .contentHolderVisibleWrapper { margin-top:90px !important; }
#screen { height: 42% !important; }
#featured { margin-top: 0 !important; }
#reference_number { width: 150px !important; }
#featured-property a.btn, #featured-property .btn, #featured-property a.btn-grey, #featured-property .btn-grey, #revise a, #revise a:hover { width: 100%; text-align: center; padding-left: 0; padding-right: 0; border: none; }
.related h3 { height: 40px !important; }
.related h3 a { font-size: 12px !important; line-height: 14px !important; }
.related h4, .related .ref { font-size: 11px !important; }
.related { font-size: 11px !important; }
}