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

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

.divw25 {width:25%; margin: 0 auto}
.divw40 {width:40%; margin: 0 auto}
.divw50 {width:50%; margin: 0 auto}
.divw60 {width:60%; margin: 0 auto}
.divw80 {width:80%; margin: 0 auto}
.divwh100 {position:absolute; width:100%; height:100%; top:0; left:0;}
h1 {font-size:16pt; line-height:24pt}
.divblank {z-index:999999; width:100% !important; height:25% !important; position:absolute; bottom:0; left:0;}
.divtopblank {z-index:999999; width:100% !important; height:25% !important; position:absolute; top:0; left:0;}

.imperialogo {position:absolute; top:30px; left:50px}
.imperialogo img, .rahejalogo img {width:200px}
.rahejalogo {position:absolute; top:30px; right:50px}
.fp-tableCell {position:relative}
.scrolldown {position:absolute; bottom:25px; width:100%; text-align:center; z-index:99999}
.scrolldown img {margin: 5px auto;}
.sectionw100 {width:calc(100% - 100px) !important; margin-left:100px; z-index:999; position:relative}
.sectionw200 {width:calc(100% - 200px) !important; margin-left:100px; margin-right:100px; z-index:999;}
.bgcolwh {background-color:#FFFFFF}
.divartist {display:block; position:absolute; left:30px; bottom:10px; font-size:8pt; z-index:9999999999999}
.divartisttop {display:block; position:absolute; left:30px; top:10px; font-size:8pt}

.zindex99999 {z-index:99999}
/*#section1 {width:calc(100% - 100px); margin-left:100px}*/
#section1 .intro, #section2 .intro, #section3 .intro, #section4 .intro, #section5 .intro, #section6 .intro, #section7 .intro {bottom: -110%; position:relative;}
/*.section h1 {font-size:16pt; font-weight:normal; line-height:24pt}*/
.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}
.divamnlink {display:inline-block; width:auto; margin:10px}
.amnboxlinks {line-height:0 !important}
.amnboxlinks li {width:5px; height:5px; background-color:#FFFFFF; display:inline-block; margin:4px 4px; line-height:0 !important}
.divlogostrip {display:block; position:fixed; left:0; top:0; width:100px; height:100%; background-color:#212121; padding:40px 20px; -webkit-box-sizing: border-box;    -moz-box-sizing: border-box; box-sizing: border-box; text-align:center; z-index:9999999}
.imprahicons {position:relative; height:100%; z-index:999999999 }
.imperiaicon img, .rahejaicon img {width:100%}
.imperiaicon {position:absolute; top:0}
.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}
.sidemenu {position:absolute; bottom:46px; -webkit-transform: rotateZ(-90deg); -moz-transform: rotateZ(-90deg); transform: rotateZ(-90deg); transform-origin: 6.5% 40%;}
.sidemenuli {position:relative; width:450px;}
.sidemenuli li {display:inline-block; margin:0 10px}

.divhomemenu {/*height:100% !important;*/ height:calc(100vh) !important; z-index:101; display:block; overflow:visible}
.homemenuli {width:100%; height:100%;}
.homemenuli > li {height:50%; display:inline-block; vertical-align:middle; position:relative; overflow:hidden}
.homemenuli > li:nth-child(1) {width:75%;}
.homemenuli > li:nth-child(2) {width:25%;}
.homemenuli > li:nth-child(3) {width:30%;}
.homemenuli > li:nth-child(4) {width:45%;}
.homemenuli > li:nth-child(5) {width:25%; position:relative}
.homemenuli > li:nth-child(6), .homemenuli > li:nth-child(7), .homemenuli > li:nth-child(8), .homemenuli > li:nth-child(9) {width:100%;}
.homechildmenuli {display:block; position:relative; height:100%; overflow:hidden}
.homechildmenuli > li {width:100%; height:50% !important; display:block; position:relative; overflow:hidden}
.homemenuli > li h1 {padding-bottom:15px; background:url(../images/dotline.png) no-repeat bottom center; margin-bottom:30px; position:absolute; top:50%; margin-top:-18px; left:50%; width:180px; margin-left:-90px; font-weight:normal}
.martpopin {margin-top:-29px !important}
.homemenuli > li button2 {padding-bottom:15px; background:url(../images/dotline.png) no-repeat bottom center; margin-bottom:10px; position:absolute; top:50%; left:50%; width:120px; margin-left:-60px}
.blacktrans {background:#000000; opacity:0.7; width:100%; height:100%; transition: all 0.5s ease-in-out;}
.blacktrans:hover {/*transform: translateX(50px) scale(1.1);  */ transition: all 0.5s ease-in-out; opacity: 0.2;}

.homemenuli > li > div, .homechildmenuli > li > div {height: 100%; width: 100%;}
.homemneubgd01 {background:url(../images/home-res.jpg) no-repeat; background-size: cover; background-position:right}
.homemneubgd02 {background:url(../images/home-add.jpg) no-repeat; background-size: cover; background-position:left bottom}
.homemneubgd03 {background:url(../images/home-flr.jpg) no-repeat; background-size: cover; background-position:left bottom}
.homemneubgd04 {background:url(../images/home-amn.jpg) no-repeat; background-size: cover; background-position:center bottom}
.homemneubgd05 {background:url(../images/home-views.jpg) no-repeat; background-size: cover; background-position:left}
.homemneubgd05a {background:url(../images/home-casa.jpg) no-repeat; background-size: cover; background-position:center}
.homemneubgd06 {background:url(../images/home-gallery.jpg) no-repeat; background-size: cover; background-position:center}
.homemneubgd07 {background:url(../images/home-media.jpg) no-repeat; background-size: cover; background-position:center}
.homemneubgd08 {background:url(../images/home-disc.jpg) no-repeat; background-size: cover; background-position:center}
.homemneubgd09 {background:url(../images/home-construction.jpg) no-repeat; background-size: cover; background-position:center}

.homemneubgd01:before, .homemneubgd02:before, .homemneubgd03:before, .homemneubgd04:before, .homemneubgd05:before, .homemneubgd05a:before, .homemneubgd06:before, .homemneubgd07:before, .homemneubgd08:before, .homemneubgd09:before {content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.70);}
.homemenuli > li:hover .homemneubgd01:before, .homemenuli > li:hover .homemneubgd02:before, .homemenuli > li:hover .homemneubgd03:before, .homemenuli > li:hover .homemneubgd04:before, .homechildmenuli > li:hover .homemneubgd05:before, .homechildmenuli > li:hover .homemneubgd05a:before, .homemenuli > li:hover .homemneubgd06:before, .homemenuli > li:hover .homemneubgd07:before, .homemenuli > li:hover .homemneubgd08:before , .homemenuli > li:hover .homemneubgd09:before {background-color: rgba(0,0,0,0); -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.homemenuli > li:hover .homemneubgd01, .homemenuli > li:focus .homemneubgd01, .homemenuli > li:hover .homemneubgd02, .homemenuli > li:focus .homemneubgd02, .homemenuli > li:hover .homemneubgd03, .homemenuli > li:focus .homemneubgd03, .homemenuli > li:hover .homemneubgd04, .homemenuli > li:focus .homemneubgd04, .homechildmenuli > li:hover .homemneubgd05, .homechildmenuli > li:focus .homemneubgd05, .homechildmenuli > li:hover .homemneubgd05a, .homechildmenuli > li:focus .homemneubgd05a, .homemenuli > li:hover .homemneubgd06, .homemenuli > li:focus .homemneubgd06, .homemenuli > li:hover .homemneubgd07, .homemenuli > li:focus .homemneubgd07, .homemenuli > li:hover .homemneubgd08, .homemenuli > li:focus .homemneubgd08, .homemenuli > li:hover .homemneubgd09, .homemenuli > li:focus .homemneubgd09 {-ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);    -o-transform: scale(1.2); transform: scale(1.2);  -webkit-transition: all 10s; -moz-transition: all 10s; -o-transition: all 10s; transition: all 10s;}


.divresrtstrip {position:fixed; top:0; right:0; width:100px; height:100%; background-color:#212121; color:#FFFFFF; z-index:98}
.divresbgdcolor {height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.63);}
.divresh1p {position:relative;/* top:50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); transform: translateY(-50%);*/ display:block}
.divresbgd {display:block}
.resbutton {width:40px; height:40px; margin:0 auto; background:url(../images/resbutton.png) no-repeat; background-size:cover; display:block}
.resclose {position:fixed; bottom:50px; right:50px; z-index:200}
.roomname {position:absolute; left:50%; transform: translateX(-50%); padding:2px 20px; bottom:60px; text-align:center; color:#fff; display:inline-block; background-color:#333333; z-index:60; white-space:nowrap}
.viewname {position:absolute; left:50px; padding:2px 10px; top:50px; text-align:left; color:#333; display:inline-block; z-index:60}
 

/* panning css */
.img-pan-container, .img-pan-container img{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.img-pan-container{position: relative; overflow: hidden; cursor: crosshair; height: 100%; width: 100%;}
.img-pan-container img{-webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); position: absolute; top: 0; left: 0;}
.res3panimg img{width:auto !important; height:1500px !important}


/* Zoom Pan Images Start */
.tile {position: absolute; top:0; left:0; width: 100%; height: 100%; overflow: hidden;}
.photo {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; transition: transform .5s ease-out;}
/* Zoom Pan Images End */



.viewssect {color:#333333}
.locimg img {display:block; margin:0 auto; width:60px}

#undercontproj {width: 100%; height: 100%; position: fixed; top: 0; left: 0; background:url(../images/fancybox_overlay.png) repeat; z-index: 999999999; color:#000000}
.undercontboxagree {position:absolute; top:15%; width:calc(100wh-100px); height:calc(50vh);}
.undercontbox {position: relative; background:#fff repeat; z-index:999999; border-radius:10px; width:40%; height:100% !important; margin:0 auto; overflow-y:auto}
.undercont {position:relative; padding: 50px 50px; }
.undercont img {cursor:pointer; position:absolute; top:-14px; right:-15px}
.undercont p {text-align:justify;}
.iagree {display:block; width:100px; margin:0 auto; margin-top:30px; background-color:#fff; color:#333; cursor:pointer; padding:6px 20px; position:relative; border-radius:4px}
#contentdisclaimer {height:calc(70vh)}
.constupdate {position:fixed; top:200px; right:0; z-index: 99999999999999999999; cursor:pointer}

.posrel, .section {position:relative}
.bgcolwh {background-color:#FFFFFF}
.mart10 {margin-top:10px}
.mart20 {margin-top:20px}
.marb20 {margin-bottom:20px}
.marb30 {margin-bottom:30px}
.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}
.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}

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

/* 404 Error */
.div404main {display:flex; justify-content: center; align-items:center; height:100%}
.div404cont {width:60%; margin:0 auto; padding:30px; background:url(../images/transbl80.png) repeat;}
.div404bord {border:solid 1px #444; padding:20px}
.img404 img {width:100%; max-width:295px; height:auto; margin:0 auto;}
.txt404 {text-align:center; margin:20px auto; color: #BCB640;}
.partl404 img {width:100%; margin:0 auto; max-width:500px;}
.imp404logo img {width:100%; max-width:300px; margin:30px auto;}
.img404 img, .imp404logo img {max-width:300px;}

.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;}
.res3panimg img{width:auto !important; height:800px !important}
.undercontbox {width:92%; font-size:8pt; line-height:normal}
.undercont {padding: 10px;}
.undercont p {margin-bottom:5px}
.divw25 {width:80%;}
.sectionw100 {width:calc(100% - 40px) !important; margin-left:40px;}
.divlogostrip {width:40px; height:100%; padding:15px 5px;}
.sidemenuli {width:150px;}
.sidemenuli li {margin:0 7px; font-size:9pt}
.sidemenu {bottom:30px; transform-origin: 9% 50%;}
.homefont {font-size:7.5pt; margin-top:5px}
h1, .homemenuli > li h1 {font-size:11pt; line-height:18pt}
.lpbgd01 h1, .resbgd01 h1, .resbgd02 h1, .resbgd03 h1, .resbgd04 h1, .divresh1p h1, .headline, .homemenuli > li h1 {padding-bottom:10px; margin-bottom:20px}
.scrolldown {bottom:15px;}
.imperialogo {top:10px; left:10px}
.imperialogo img, .rahejalogo img {width:100px}
.rahejalogo {top:10px; right:10px}
.homemenuli > li:nth-child(1), .homemenuli > li:nth-child(2), .homemenuli > li:nth-child(3), .homemenuli > li:nth-child(4), .homemenuli > li:nth-child(6), .homemenuli > li:nth-child(7), .homemenuli > li:nth-child(8), .homemenuli > li:nth-child(9) {height:16.66% !important;}
.homemenuli > li:nth-child(5) {height:33.33% !important;}
.homemenuli > li:nth-child(1), .homemenuli > li:nth-child(2), .homemenuli > li:nth-child(3), .homemenuli > li:nth-child(4), .homemenuli > li:nth-child(5), .homemenuli > li:nth-child(6), .homemenuli > li:nth-child(7), .homemenuli > li:nth-child(8), .homemenuli > li:nth-child(9) {width:100%;}
.scrolldown img {width:20px; height:auto}
button, .resbutton {width:30px; height:30px; display:none}
.resclose {bottom:60px; right:0px}
.resclose img {width:20px; height:20px;}
.marb30 {margin-bottom:20px}
.roomname {position:absolute; left:100%; transform: translateX(-100%); bottom:60px; padding:2px 10px;}
.addpointers li img {width:16px}
.sidemenuli .dispnoneblock {display:none}
.marhome {margin-top:15px}
.sitebyfp {bottom:-15px; font-size:4pt;}
.sitebyfp img {width:10px;}
.divartist, .divartisttop {font-size:6pt}
.divartist, .divartisttop {left:10px;}
.constupdate {display:none}
.div404cont {width:90%;}
.img404 img, .imp404logo img {max-width:120px;}
}

@media screen and (min-width: 480px) {
/*.menulinks:link, .menulinks:visited {color:#ffff00; text-decoration:none}*/
.res3panimg img{width:auto !important; height:900px !important}
.undercontbox {width:80%; font-size:8pt}
.undercont {padding: 20px;}
.sidemenuli li {margin:0 7px; font-size:10pt}
.scrolldown img {width:36px; height:auto}
.imperialogo {top:20px; left:30px}
.imperialogo img, .rahejalogo img {width:120px}
.rahejalogo {top:20px; right:30px}
.divartist, .divartisttop {font-size:7pt}
.div404cont {width:70%;}
.img404 img, .imp404logo img {max-width:120px;}

}

@media screen and (min-width: 768px) {
/*.menulinks:link, .menulinks:visited {color:#ffffff; text-decoration:none}*/
.res3panimg img{width:auto !important; height:1000px !important}
.undercontbox {width:70%; font-size:9pt}
.sectionw100 {width:calc(100% - 70px) !important; margin-left:70px;}
.divlogostrip {width:70px; height:100%; padding:25px 15px;}
.sidemenuli li {margin:0 10px; font-size:11pt}
.sidemenuli {width:180px;}
.sidemenu {bottom:40px; transform-origin: 9% 30%;}
.homefont {font-size:9pt; margin-top:10px}
h1, .homemenuli > li h1 {font-size:14pt; line-height:20pt}
.scrolldown {bottom:25px;}
button, .resbutton {width:40px; height:40px; display:block; margin:0 auto}
.resclose {bottom:50px; right:50px}
.resclose img {width:40px; height:40px;}
.marb30 {margin-bottom:30px}
.roomname {position:absolute; left:50%; transform: translateX(-50%); bottom:60px; padding:2px 20px;}
.addpointers li img {width:20px}
.imperialogo {top:30px; left:50px}
.imperialogo img, .rahejalogo img {width:200px}
.rahejalogo {top:30px; right:50px}
.sitebyfp {bottom:-20px; font-size:5.5pt;}
.sitebyfp img {width:12px;}
.img404 img, .imp404logo img {max-width:160px;}

}

@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;}
/*.menulinks:link, .menulinks:visited {color:#ff0000; text-decoration:none}*/
.res3panimg img{width:auto !important; height:1000px !important}
.undercontbox {width:70%; font-size:10pt}
.undercont {padding: 30px;}
.undercont p {margin-bottom:10px}
.divw25 {width:25%;}
.sidemenu {bottom:15px; transform-origin: 3.5% 25%;}
.homefont {font-size:11pt; margin-top:10px}
h1, .homemenuli > li h1 {font-size:16pt; line-height:24pt}
.homemenuli > li:nth-child(1) {width:70%;}
.homemenuli > li:nth-child(2) {width:30%;}
.homemenuli > li:nth-child(3) {width:30%;}
.homemenuli > li:nth-child(4) {width:40%;}
.homemenuli > li:nth-child(5) {width:30%;}
.homechildmenuli {height:100%;}
.homemenuli > li:nth-child(1), .homemenuli > li:nth-child(2), .homemenuli > li:nth-child(3), .homemenuli > li:nth-child(4){height:50% !important;}
.homemenuli > li:nth-child(5) {height:50% !important;}
.homemenuli > li:nth-child(6), .homemenuli > li:nth-child(7), .homemenuli > li:nth-child(8), .homemenuli > li:nth-child(9) {display:none}
.sidemenuli .dispnoneblock {display:inline-block}
.sidemenuli {width:450px;}
.marhome {margin-top:10px}
.divartist, .divartisttop {font-size:7pt}
.divartist, .divartisttop {left:30px;}
.constupdate {display:block}
.div404cont {width:74%;}
}

@media screen and (min-width: 1280px) {
/*.menulinks:link, .menulinks:visited {color:#ffff00; text-decoration:none}*/
.res3panimg img{width:auto !important; height:1200px !important}
.undercontbox {width:60%; font-size:10pt}
.sectionw100 {width:calc(100% - 80px) !important; margin-left:80px;}
.divlogostrip {width:80px; height:100%; padding:30px 15px;}
.sidemenu {bottom:30px; transform-origin: 4.5% 25%;}
.homemenuli > li:nth-child(1) {width:75%;}
.homemenuli > li:nth-child(2) {width:25%;}
.homemenuli > li:nth-child(3) {width:30%;}
.homemenuli > li:nth-child(4) {width:45%;}
.homemenuli > li:nth-child(5) {width:25%;}
.sitebyfp {bottom:-20px; font-size:7pt;}
.sitebyfp img {width:12px;}
.divartist, .divartisttop {font-size:7.5pt}
.div404cont {width:60%;}
.img404 img, .imp404logo img {max-width:200px;}

}

@media screen and (min-width: 1366px) {
/*.menulinks:link, .menulinks:visited {color:#ffffff; text-decoration:none}*/
.divlogostrip {padding:20px 15px;}
.sidemenu {bottom:50px; transform-origin: 5.2% 50%;}
.divartist, .divartisttop {font-size:8pt}

}

@media screen and (min-width: 1400px) {
/*.menulinks:link, .menulinks:visited {color:#ff0000; text-decoration:none}*/
.res3panimg img{width:auto !important; height:1300px !important}
.undercontbox {width:50%; font-size:11pt}
.undercont {padding: 50px;}
.sectionw100 {width:calc(100% - 90px) !important; margin-left:90px;}
.divlogostrip {width:90px; height:100%; padding:30px 15px;}
.sidemenu {bottom:50px; transform-origin: 6.0% 40%;}
.sitebyfp {bottom:-20px; font-size:8pt;}
.sitebyfp img {width:16px;}

}

@media screen and (min-width: 1600px) {
/*.menulinks:link, .menulinks:visited {color:#ffff00; text-decoration:none}*/
.res3panimg img{width:auto !important; height:1500px !important}
.undercontbox {width:40%; font-size:11pt}
.divlogostrip {padding:40px 20px;}
.sectionw100 {width:calc(100% - 100px) !important; margin-left:100px;}
.divlogostrip {width:100px; height:100%; padding:40px 20px;}
.sidemenuli li {margin:0 10px}
.sidemenu {bottom:50px; transform-origin: 6.0% 40%;}

}
@media screen and (min-width: 1900px) {
/*.menulinks:link, .menulinks:visited {color:#ffffff; text-decoration:none}*/
.res3panimg img{width:auto !important; height:1500px !important}

}

/* 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}*/