@charset "utf-8";
/* CSS Document */
f
*{
	margin:0;
	padding:0; border:0; outline:0;
}

body {color:#000000; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-size:11pt;  text-align:center; min-width:300px; background-color:#333f49; line-height:16pt}
body, html {height:100%}

.divwh100 {position:absolute; width:100%; height:100%; top:0; left:0;}
h1 {font-size:16pt; line-height:24pt}

.rahejalogo {position:absolute; top:30px; right:50px; z-index:999}
.exoticalogo {position:absolute; top:30px; left:50px; z-index:999; padding:10px; /*background:rgba(255, 255, 255, 0.8)*/}
.fp-tableCell {position:relative}
.scrolldown {position:absolute; bottom:25px; width:100%; text-align:center; z-index:99999}
.scrolldown img {margin: 5px auto;}
.sectionw100 {width:100%; z-index:999; position:relative}
.sectionw200 {width:calc(100% - 200px) !important; margin-left:100px; margin-right:100px; z-index:999;}
.divartist {display:block; position:absolute; left:30px; bottom:10px; font-size:7pt; z-index:9999999999999}
.divsiteby {display:block; position:absolute; right:30px; bottom:10px; font-size:7pt; z-index:9999999999999}
.divvista {display:block; position:absolute; right:30px; bottom:15px; font-size:8pt; line-height:normal; z-index:9999999999999; width:40%; text-align:justify;}
.divartisttop {display:block; position:absolute; left:30px; top:10px; font-size:7pt}

.zindex99999 {z-index:99999}
.lpbgd01 h1, .resbgd01 h1, .resbgd02 h1, .resbgd03 h1, .resbgd04 h1, .divresh1p h1, .headline {padding-bottom:15px; background:url(../images/dotline.png) no-repeat bottom center; margin-bottom:30px}
.rahejaicon img {width:100%}
.rahejaicon {position:absolute; bottom:10px}
.sitebyfp {position:absolute; bottom:-20px; font-size:8pt; text-align:center}
.sitebyfp img {width:16px; display:inline-block; vertical-align:middle; border:none}


.divresbgd {display:block}
.roomname {position:absolute; left:50%; transform: translateX(-50%); text-align:center; color:#000000; display:inline-block; background:rgba(255, 255, 255, 0.8); z-index:60; white-space:nowrap; text-transform:uppercase}
.viewname {position:absolute; left:50px; padding:2px 10px; top:50px; text-align:left; color:#333; display:inline-block; z-index:60}
.vistaname  {position:absolute; left:50%; transform: translateX(-50%); text-align:center; color:#000000; display:inline-block; z-index:60; white-space:nowrap; text-transform:uppercase}
.vistaname p {background:rgba(255, 255, 255, 0.8); padding:6px 20px}
.vistalogo img {display:block; background:transparent !important; width:127px; margin:0 auto; margin-bottom:20px}
 
.dispflex {display: flex; justify-content: center; align-self: center; align-items: center; flex-direction: column; width:100%; height:100%}
.dispflexvtop {display: flex; justify-content: center; align-self: center; flex-direction: column; width:100%;}
.dispanescape {display: flex; justify-content: flex-start; align-self: center; align-items: center; flex-direction: column; width:100%; height:auto; margin-top:30px}
.veronalogo {display:block;}
.endlesshor {color:#000000}
.screen3cont {margin:0 auto; color:#FFFFFF}
.screen3cont > h1, .upcoming > h2 {color:#39c1d0;}
.upcoming {border:solid 1px #39c1d0;}
.scr3col1bgd p, .scr3col2bgd p {text-align:left; position:relative; line-height:normal}
.scr3col1bgd p {color:#000000}
.scr3col2bgd p {color:#FFFFFF}

.screen4cont {position:absolute;}
.reranote {font-size:6pt !important; text-align:justify}
.padtoprera {padding-top:50px}
.screen4cont h1, .screen4cont p {margin-bottom:20px}

.bgddarkblue {background-color:#333f49; color:#ddd}
.bgdlightblue {background-color:#39c1d0}
.bgddarkblue h2 {margin-bottom:5px;}
.bgddarkblue h2:first-child {margin-top:0}
.gmaps img {width:50px; margin:0 auto}

.divform {width:50%; margin:0 auto; text-align:left}
.contactform > li {display:inline-block; width:100%; vertical-align:bottom; margin-bottom:20px}
.contactform > li:last-child {margin-bottom:20px}
.continputwidthbot {width:100%; border:solid 1px #333; background: transparent !important; vertical-align:middle; font-size:10pt; padding:6px 5px; color:#333333; font-family: 'Open Sans', Arial, Helvetica, sans-serif;}		
.txtareawidthbot {width:100%; border:solid 1px #333; background: transparent !important; height:80px; vertical-align:middle; font-size:10pt; padding:2px 5px; font-family: 'Open Sans', Arial, Helvetica, sans-serif; color:#333333;}
.sendbutbot {background:#fff !important; border:solid 1px #666; padding:6px 20px; width:120px; color:#333333; font-size:11pt; cursor:pointer; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;}
.sendbutbotproduct {background-color:#e7e8e9; border:solid 1px #ddd; color:#0072a7; font-size:11pt; cursor:pointer; font-family: 'Open Sans', Arial, Helvetica, sans-serif; font-weight:bold; text-align:center; border-radius:6px}
.captchasize {transform:scale(0.7);-webkit-transform:scale(0.7);transform-origin:0 0;-webkit-transform-origin:0 0; display:inline-block}
::placeholder {color:#333 !important;}

.posrel, .section {position:relative}
.bgcolwh {background-color:#FFFFFF}
.mart10 {margin-top:10px}
.mart20 {margin-top:20px}
.marb20 {margin-bottom:20px}
.marb30 {margin-bottom:30px !important;}
.marb60 {margin-bottom:60px !important;}
.martb30 {margin:30px auto}
.secmarlft {margin-left:50px}
.colwhite {color:#FFFFFF}
.col333 {color:#333333}
.fbold {font-weight:bold}
.clearb {clear:both}
.font9it {font-size:9pt; font-style:italic}
.font9 {font-size:9pt; line-height:normal}
.disptable {display:table; height:100%; width:100%}
.disptabcell {display:table-cell; vertical-align:middle;}
.alignc {text-align:center}
.alignj {text-align:justify}
.dispnone {display:none}
.dispblock {display:block}
.rerano {text-align:left; display:inline-block; margin-top:30px}
.reranodisc {text-align:center; margin-top:30px}
.ucase {text-transform:uppercase}

.menulinks:link, .menulinks:visited {color:#ddd; text-decoration:none}
.menulinks:hover, .menulinks:active {color:#ffffff; text-decoration:none}
.blacklinks:link, .blacklinks:visited {color:#000; text-decoration:none}
.blacklinks:hover, .blacklinks:active {color:#333; text-decoration:none}

.amnboxlinks, .homemenuli, .homechildmenuli, .amnmenuli, .botlogocloseli, .addressli, .casacareli, .rahejaliveli, .resfloorli, .contactli, .gallerymenuli, .gallerychildmenuli {font-size:0;}


@media screen and (min-width: 300px) {
body {font-size:10pt; line-height:13pt}
.logomenu > li, .homemenuli > li, .homechildmenuli > li, .amnmenuli > li, .addressli > li, .casacareli > li, .rahejaliveli > li, .resfloorli > li, .contactli > li, .gallerymenuli > li, .gallerychildmenuli > li {font-size:10pt;}
.sectionw100 {width:100%;}
.scrolldown {bottom:15px;}
.rahejalogo img, .exoticalogo img {width:100px}
.rahejalogo {top:10px; right:10px}
.exoticalogo {top:10px; left:10px}
.scrolldown img {width:20px; height:auto}
.roomname {left:100%; transform: translateX(-100%); bottom:60px; padding:6px 10px; font-size:11pt; font-weight:bold; line-height:normal}
.vistaname {left:50%; transform: translateX(-50%); top:10px; padding:6px 10px; font-size:11pt; font-weight:bold; line-height:normal}
.sitebyfp {bottom:-15px; font-size:4pt;}
.sitebyfp img {width:10px;}
.divartist, .divartisttop {font-size:6pt; left:10px;}
.divsiteby {font-size:6pt; right:10px}
.veronalogo img {width:200px; padding:20px 15px; background-color:#333f49; margin:0 auto; margin-bottom:5px;}
.veronalogo h1 {font-size:10pt}
h1 {font-size:12pt; line-height:16pt}
.endlesshor {width:90%; margin:0 auto; padding-top:20px}
.endlesshor .marbot {margin-bottom:10px}
.screen3cont {width:85%;}
.screen3cont > h1 {font-size:10pt; margin-bottom:10px}
.screen3cont p {font-size:9pt}
.screen3cont .marbot {margin-bottom:10px}
.upcoming {margin-top:20px; padding:10px}
.upcoming > h2 {font-size:9pt; margin-bottom:10px}
.scr3col1bgd p, .scr3col2bgd p {top:10px; left:10px; font-size:6.5pt;}
.screen4cont {top:20px; left:10%; width:80%}
.screen4cont h1 {font-size:10pt; line-height:normal; white-space:nowrap}
.screen4cont p {font-size:7pt; line-height:normal}
.screen4cont h1, .screen4cont p {margin-bottom:10px}
.bgddarkblue h2 {font-size:10pt; margin-top:10px}
.eqcol2li {width:100%; height:auto}
.disp50flex {display: block; padding:30px 0px; width:100%; height:auto; float:none}
.divform {width:90%; margin:0 auto; padding:30px 0px;}
.anescape h2, .anescape p {white-space:nowrap}
.collogohead {color:#000000}
.vernote {padding:0 20px; font-size:7pt; text-align:justify; line-height:normal; color:#555} 
.proposenote {font-size:7pt; text-align:justify; line-height:normal; color:#ddd; margin-top:20px} 
.dispdesktop {display:none}
.dispmobile {display:block}
.dispmobile {position:absolute; bottom:25%; right:15px; width:50%}
.dispmobile p {font-size:7pt; line-height:normal; color:#555}
.dispmobile .reranote {font-size:4pt !important; line-height:normal} 
.divvista {right:5%; bottom:80px; width:90%; text-align:center}
.font81011 {font-size:8pt; line-height:normal}
}

@media screen and (min-width: 480px) {
.scrolldown img {width:36px; height:auto}
.rahejalogo img, .exoticalogo img {width:120px}
.rahejalogo {top:20px; right:30px}
.exoticalogo {top:20px; left:30px}
.divartist, .divartisttop {font-size:7pt}
.divsiteby {font-size:7pt;}
.veronalogo img {width:220px; padding:20px 15px; margin-bottom:10px;}
.veronalogo h1 {font-size:11pt}
.endlesshor {width:90%; padding-top:40px}
.endlesshor .marbot {margin-bottom:20px}
.screen3cont {width:80%;}
.screen3cont > h1, .screen4cont h1 {font-size:14pt; margin-bottom:20px}
.upcoming {margin-top:40px; padding:20px}
.upcoming > h2 {font-size:12pt; margin-bottom:20px}
.screen3cont p {font-size:10pt}
.screen4cont p {font-size:10pt}
.screen3cont .marbot {margin-bottom:15px}
.screen4cont {top:30px; left:10%; width:80%}
.screen4cont h1, .screen4cont p {margin-bottom:20px}
.screen4cont h1 {white-space:pre}
.scr3col1bgd p, .scr3col2bgd p {top:10px; left:10px; font-size:7pt;}
.font81011 {font-size:9pt; line-height:normal}

}

@media screen and (min-width: 768px) {
.scrolldown {bottom:25px;}
.roomname {left:50%; transform: translateX(-50%); bottom:60px; padding:10px 20px; font-size:12pt}
.rahejalogo img, .exoticalogo img {width:200px}
.rahejalogo {top:30px; right:50px}
.exoticalogo {top:30px; left:50px}
.sitebyfp {bottom:-20px; font-size:5.5pt;}
.sitebyfp img {width:12px;}
.veronalogo img {width:280px; padding:20px 15px; margin-bottom:15px;}
.veronalogo h1 {font-size:12pt}
h1 {font-size:16pt; line-height:24pt}
.endlesshor {width:65%; padding-top:80px}
.screen3cont {width:50%;}
.screen3cont > h1, .screen4cont h1 {font-size:18pt; margin-bottom:20px}
.upcoming {margin-top:60px; padding:30px}
.screen3cont .marbot {margin-bottom:20px}
.scr3col1bgd p, .scr3col2bgd p {top:30px; left:30px; font-size:9pt;}
.screen4cont {top:20%; left:55%; width:40%}
.screen4cont h1 {white-space:normal}
.captchasize {transform:scale(0.6);-webkit-transform:scale(0.6);transform-origin:0 0;-webkit-transform-origin:0 0;}
.dispdesktop {display:block}
.dispmobile {display:none}
.vistaname {left:50%; transform: translateX(-50%); top:30px;}
.divvista {right:30px; bottom:30px; width:40%; text-align:justify}
.font81011 {font-size:10pt; line-height:normal}

}

@media screen and (min-width: 1024px) {
body {font-size:11pt; line-height:16pt}
.logomenu > li, .homemenuli > li, .homechildmenuli > li, .amnmenuli > li, .addressli > li, .casacareli > li, .rahejaliveli > li, .resfloorli > li, .contactli > li, .gallerymenuli > li, .gallerychildmenuli > li {font-size:11pt;}
.screen3cont p {font-size:11pt}
.screen4cont p {font-size:11pt}
.divartist, .divartisttop {font-size:7pt}
.divartist, .divartisttop {left:30px;}
.divsiteby {right:30px}
.veronalogo img {width:300px; padding:25px 20px; margin-bottom:15px;}
.endlesshor {width:55%; padding-top:40px}
.screen3cont {width:50%;}
.screen4cont {top:10%; left:45%; width:40%}
.bgddarkblue h2 {font-size:12pt; margin-top:30px}
.captchasize {transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0;}
.eqcol2li {width:100%; height:100vh}
.disp50flex {display: flex; justify-content: center; align-self: center; align-items: center; flex-direction: column; width:50%; height:100%; float:left; padding:0}
.divform {width:50%; margin:0 auto; padding:0}
.dispanescape {justify-content: center; margin-top:0; height:100%}
.anescape h2, .anescape p {white-space:pre}
.collogohead {color:#FFFFFF}
.vernote {padding:0 40px; font-size:7pt;}
.vistaname {bottom:70px !important; top:auto !important}
}

@media screen and (min-width: 1280px) {
.sitebyfp {bottom:-20px; font-size:7pt;}
.sitebyfp img {width:12px;}
.divartist, .divartisttop {font-size:7pt}
.veronalogo img {width:320px; padding:30px 25px; margin-bottom:20px;}
.screen3cont {width:40%;}
.captchasize {transform:scale(0.6);-webkit-transform:scale(0.6);transform-origin:0 0;-webkit-transform-origin:0 0;}
.screen4cont {top:15%;}
.vistaname {bottom:60px;}
.font81011 {font-size:11pt; line-height:normal}
}

@media screen and (min-width: 1366px) {
.sidemenu {bottom:50px; transform-origin: 5.2% 50%;}
.endlesshor {width:40%;}
.screen4cont {top:10%; left:50%; width:35%}
}

@media screen and (min-width: 1400px) {
.sitebyfp {bottom:-20px; font-size:8pt;}
.sitebyfp img {width:16px;}
.vernote {padding:0 140px; font-size:7pt;}

}

@media screen and (min-width: 1600px) {
.veronalogo img {width:350px; padding:40px 30px; margin-bottom:20px;}
.veronalogo h1 {font-size:14pt}
.endlesshor {width:35%;}
.screen3cont {width:35%;}
.screen4cont {top:20%; left:50%; width:28%}


}
@media screen and (min-width: 1900px) {
.screen3cont {width:30%;}
.screen4cont {width:20%}


}

/* input::placeholder, option::placeholder, textarea::placeholder {color: black !important;} */
.section {
    text-align: center; overflow:hidden
}
/*#section0 .fp-tableCell, #section1 .fp-tableCell {vertical-align:top !important}*/