@charset "utf-8";
/* CSS Document */


.gallerymenu {width:100%; z-index:101; display:block; text-align:left}
/*.gallerymenuli {width:100%; height:100%; overflow:hidden;}*/
.gallerymenuli > li {display:inline-block; vertical-align:top; position:relative; overflow:hidden}
.gallerymenuli > li {width:25%; height:calc(25vh)}
.gallerymenuli > 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}
.gallerymenuli > 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.63; 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;}


.videoplay {width:100%; height:100%;}
.videoplay img {width:100%; height:auto; margin-top:-20px}
.videoplay .play {height: 50px; width: 50px; left: 50%; top: 50%; transform:translate(-50%, -50%); position: absolute; background: url("../images/icon_play.png") no-repeat; cursor: pointer;}
.ytube01 {background: url("http://img.youtube.com/vi/GhtryAUQ6ac/0.jpg") center no-repeat; background-size:cover}
.ytube02 {background: url("http://img.youtube.com/vi/sG1DagTgkro/0.jpg") center no-repeat; background-size:cover}
.ytube03 {background: url("http://img.youtube.com/vi/GmT-Jraei50/0.jpg") center no-repeat; background-size:cover}
.ytube04 {background: url("http://img.youtube.com/vi/mW9aeenbzos/0.jpg") center no-repeat; background-size:cover}
.ytube05 {background: url("http://img.youtube.com/vi/0aTQL8KqlWQ/0.jpg") center no-repeat; background-size:cover}


.gallerymenuli > li > div {height: 100%; width: 100%;}
.gallerymneubgd01 {background:url(../floorplan/floorplanimg.jpg) no-repeat; background-size: cover; background-position:left bottom}
.gallerymneubgd02 {background:url(../gallery/gallery01.jpg) no-repeat; background-size: cover; background-position:right center}
.gallerymneubgd03 {background:url(../gallery/gallery09.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd04 {background:url(../gallery/gallery11.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd05 {background:url(../gallery/gallery04.jpg) no-repeat; background-size: cover; background-position:left bottom}
.gallerymneubgd06 {background:url(../gallery/gallery02.jpg) no-repeat; background-size: cover; background-position:left bottom}
.gallerymneubgd07 {background:url(../images/res05.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd08 {background:url(../images/res06.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd09 {background:url(../images/res07.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd10 {background:url(../images/res08.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd11 {background:url(../images/res01.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd12 {background:url(../images/res03.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd13 {background:url(../gallery/gallery05.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd14 {background:url(../images/home-res.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd15 {background:url(../gallery/gallery10.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd16 {background:url(../images/vista01.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd17 {background:url(../gallery/gallery07.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd18 {background:url(../images/vista02.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd19 {background:url(../images/vista03.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd20 {background:url(../gallery/gallery08.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd21 {background:url(../gallery/gallery12.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd22 {background:url(../images/vista04.jpg) no-repeat; background-size: cover; background-position:center}
.gallerymneubgd23 {background:url(../images/vista05.jpg) no-repeat; background-size: cover; background-position:center}

.gallerymneubgd01:before, .gallerymneubgd02:before, .gallerymneubgd03:before, .gallerymneubgd04:before, .gallerymneubgd05:before, .gallerymneubgd06:before, .gallerymneubgd07:before, .gallerymneubgd08:before, .gallerymneubgd09:before, .gallerymneubgd10:before, .gallerymneubgd11:before, .gallerymneubgd12:before, .gallerymneubgd13:before, .gallerymneubgd14:before, .gallerymneubgd15:before, .gallerymneubgd16:before, .gallerymneubgd17:before, .gallerymneubgd18:before, .gallerymneubgd19:before, .gallerymneubgd20:before, .gallerymneubgd21:before, .gallerymneubgd22:before, .gallerymneubgd23:before {content: ""; height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0,0,0,0.70);}
.gallerymenuli > li:hover .gallerymneubgd01:before, .gallerymenuli > li:hover .gallerymneubgd02:before, .gallerymenuli > li:hover .gallerymneubgd03:before, .gallerymenuli > li:hover .gallerymneubgd04:before, .gallerymenuli > li:hover .gallerymneubgd05:before, .gallerymenuli > li:hover .gallerymneubgd06:before, .gallerymenuli > li:hover .gallerymneubgd07:before, .gallerymenuli > li:hover .gallerymneubgd08:before, .gallerymenuli > li:hover .gallerymneubgd09:before, .gallerymenuli > li:hover .gallerymneubgd10:before, .gallerymenuli > li:hover .gallerymneubgd11:before, .gallerymenuli > li:hover .gallerymneubgd12:before, .gallerymenuli > li:hover .gallerymneubgd13:before, .gallerymenuli > li:hover .gallerymneubgd14:before, .gallerymenuli > li:hover .gallerymneubgd15:before, .gallerymenuli > li:hover .gallerymneubgd16:before, .gallerymenuli > li:hover .gallerymneubgd17:before, .gallerymenuli > li:hover .gallerymneubgd18:before, .gallerymenuli > li:hover .gallerymneubgd19:before, .gallerymenuli > li:hover .gallerymneubgd20:before, .gallerymenuli > li:hover .gallerymneubgd21:before, .gallerymenuli > li:hover .gallerymneubgd22:before, .gallerymenuli > li:hover .gallerymneubgd23:before {background-color: rgba(0,0,0,0); -webkit-transition: all 2s; -moz-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

.gallerymenuli > li:hover .gallerymneubgd01, .gallerymenuli > li:focus .gallerymneubgd01, .gallerymenuli > li:hover .gallerymneubgd02, .gallerymenuli > li:focus .gallerymneubgd02, .gallerymenuli > li:hover .gallerymneubgd03, .gallerymenuli > li:focus .gallerymneubgd03, .gallerymenuli > li:hover .gallerymneubgd04, .gallerymenuli > li:focus .gallerymneubgd04, .gallerymenuli > li:hover .gallerymneubgd05, .gallerymenuli > li:focus .gallerymneubgd05, .gallerymenuli > li:hover .gallerymneubgd06, .gallerymenuli > li:focus .gallerymneubgd06, .gallerymenuli > li:hover .gallerymneubgd07, .gallerymenuli > li:focus .gallerymneubgd07, .gallerymenuli > li:hover .gallerymneubgd08, .gallerymenuli > li:focus .gallerymneubgd08, .gallerymenuli > li:hover .gallerymneubgd09, .gallerymenuli > li:focus .gallerymneubgd09, .gallerymenuli > li:hover .gallerymneubgd10, .gallerymenuli > li:focus .gallerymneubgd10, .gallerymenuli > li:hover .gallerymneubgd11, .gallerymenuli > li:focus .gallerymneubgd11, .gallerymenuli > li:hover .gallerymneubgd12, .gallerymenuli > li:focus .gallerymneubgd12, .gallerymenuli > li:hover .gallerymneubgd13, .gallerymenuli > li:focus .gallerymneubgd13, .gallerymenuli > li:hover .gallerymneubgd14, .gallerymenuli > li:focus .gallerymneubgd14, .gallerymenuli > li:hover .gallerymneubgd15, .gallerymenuli > li:focus .gallerymneubgd15, .gallerymenuli > li:hover .gallerymneubgd16, .gallerymenuli > li:focus .gallerymneubgd16, .gallerymenuli > li:hover .gallerymneubgd17, .gallerymenuli > li:focus .gallerymneubgd17, .gallerymenuli > li:hover .gallerymneubgd18, .gallerymenuli > li:focus .gallerymneubgd18, .gallerymenuli > li:hover .gallerymneubgd19, .gallerymenuli > li:focus .gallerymneubgd19, .gallerymenuli > li:hover .gallerymneubgd20, .gallerymenuli > li:focus .gallerymneubgd20, .gallerymenuli > li:hover .gallerymneubgd21, .gallerymenuli > li:focus .gallerymneubgd21, .gallerymenuli > li:hover .gallerymneubgd22, .gallerymenuli > li:focus .gallerymneubgd22, .gallerymenuli > li:hover .gallerymneubgd23, .gallerymenuli > li:focus .gallerymneubgd23 {-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;}

@media screen and (min-width: 300px) {
.gallerymenuli > li {width:100%; height:calc(25vh)}
}

@media screen and (min-width: 480px) {
.gallerymenuli > li {width:50%; height:calc(25vh)}

}

@media screen and (min-width: 768px) {

}

@media screen and (min-width: 1024px) {
.gallerymenuli > li {width:25%; height:calc(25vh)}

}

@media screen and (min-width: 1280px) {

}

@media screen and (min-width: 1366px) {

}

@media screen and (min-width: 1440px) {

}

@media screen and (min-width: 1600px) {

}
@media screen and (min-width: 1900px) {

}