/*##############################################################################
#
# ---- 1. CSS Reset
#
##############################################################################*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, audio, canvas, details, figcaption,
figure, footer, header, hgroup, mark, menu, meter, nav,
output, progress, section, summary, time, video 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	letter-spacing: 0.6px;
}
body 
{
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	
}
article, aside, dialog, figure, footer, header, 
hgroup, nav, section, blockquote 
{ 
	display: block;
}
ul 
{
	list-style: none;
}
blockquote, q 
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after 
{
	content: '';
	content: none;
}
table 
{
	border-collapse: collapse;
	border-spacing: 0;
}
hr 
{
	display: block;
	height: 1px;
	border: 0;	
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
input, select, a img 
{
	vertical-align: middle;
}
strong
{
	font-weight: normal;
}
img
{
	max-width: 100%;
	/* max-height: 100%; */
}
@font-face {
    font-family: 'pala';
	src: url('../fonts/pala.ttf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'palab';
	src: url('../fonts/palab.ttf');
	font-weight: normal;
	font-style: normal;
}
.scrollbox a{
    text-decoration: none;
	color: #999999;
}
.hidden{
display:none;
}
.toplogo{
    max-width: 354px;
    max-height: 65px;
    top: 25px;
    left: 50%;
    margin-left: -177px;
}
#navigation{
  margin: 0 auto;
  text-align: center;
}
#page_header .lang_links        { display: block; float: right; margin-right:35px;      margin-top: -25px;    font-family: 'PT Sans', sans-serif;}
#page_header .lang_links li,
#page_header .lang_links a		{  display: inline;}

.soundBTN{
display:block;
background-image:url(../sound/soundBTN.png);
background-repeat:no-repeat;
width:21px;
height:19px;
background-position:0 top;
}
.soundOn {background-position:0 bottom;}
#page_header .soundul {
  display: block;
  float: right;
  margin-right: 5px;
  margin-top: -22px;
}
.mobile{
  display: none;
}
.desktop{
  display: block;
}
.brochure{
    margin-top: 30px;
    font-size: 12px;
    line-height: 13px;
}



.pl{
	    padding-bottom: 170px;
}
.pl a {
    text-decoration: none;
    color: #999999;
}


/*##############################################################################
#
# ---- 2. Column Layouts
#
##############################################################################*/
.container                                  { position: relative; padding: 0; /* width: 960px;  */margin: 0 auto; }
.container .column,
.container .columns							{ float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.contop										{  padding-top: 10%;}
/* Nested Column Classes */
.column.first, .columns.first               { margin-left: 0; }
.column.last, .columns.last					{ margin-right: 0; }


/* Base Grid */
.container .one.column,
.container .one.columns                 	{ width: 40px;  }
.container .two.columns                 	{ width: 100px; }
.container .three.columns              		{ width: 160px; }
.container .four.columns                	{ width: 220px; }
.container .five.columns                	{ width: 280px; }
.container .six.columns                 	{ width: 340px; }
.container .seven.columns               	{ width: 400px; }
.container .eight.columns               	{
	width: 470px;
}
.container .nine.columns                	{ width: 520px; }
.container .ten.columns                 	{ width: 580px; }
.container .eleven.columns              	{ width: 640px; }
.container .twelve.columns              	{ width: 700px; }
.container .thirteen.columns            	{ width: 760px; }
.container .fourteen.columns            	{ width: 820px; }
.container .fifteen.columns             	{ width: 880px; }
.container .sixteen.columns             	{ /* width: 940px;  */width: 100%; }
.container .nb.columns 						{  width: 100%;}
.container .vdo.columns            	{ width: 100%; }


.container .one-third.column            	{ width: 300px; }
.container .two-thirds.column           	{ width: 620px; }

.container .blog-half.column				{ width: 310px; }


/* Offsets */

.container .offset-by-one               	{ /* padding-left: 60px;  */ }
.container .offset-by-two               	{   padding-left: 30%; }
.container .offset-by-three             	{ padding-left: 180px; }
.container .offset-by-four              	{ padding-left: 240px; }
.container .offset-by-five              	{ padding-left: 300px; }
.container .offset-by-six               	{ padding-left: 360px; }
.container .offset-by-seven             	{ padding-left: 420px; }
.container .offset-by-eight             	{
	padding-left: 65px;
}
.container .offset-by-nine              	{ padding-left: 540px; }
.container .offset-by-ten               	{ padding-left: 600px; }
.container .offset-by-eleven            	{ padding-left: 660px; }
.container .offset-by-twelve            	{ padding-left: 720px; }
.container .offset-by-thirteen          	{ padding-left: 780px; }
.container .offset-by-fourteen          	{ padding-left: 840px; }
.container .offset-by-fifteen           	{ padding-left: 900px; }
.cheight									{ *height: 750px; width:100%;}
.cheight.House.ext                                    {display: flex !important;}
.cheight.House.ext .imgcap2{
    text-shadow: 1px 1px 2px black;
}


.videobtn{
	position: absolute;
	z-index: 9999;
	margin: 10px;
}


 #prev,
 #next,
 #prev4,
 #next4,
 #prev15,
 #next15
{
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 42px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	background-image: url(../images/assets/arrow.png);
	background-repeat: no-repeat;
	color: white;
	text-decoration: none;
	z-index: 111;
}

 #prev,
 #prev a,
 #prev4,
 #prev4 a,
 #prev15,
 #prev15 a
{
	left: 0;
	background-position: 0 -60px;
}
 #next,
 #next a,
 #next4,
 #next4 a,
 #next15,
 #next15 a
{
	right: 0;
}
 #prev5,
 #next5,
 #prev6,
 #next6{
 display:none;
 }
 #prev2,
 #next2,
 #prev3,
 #next3,
 #prev5,
 #next5,
 #prev6,
 #next6,
 #prev7,
 #next7,
 #prev8,
 #next8{

	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 42px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	background-image: url(../images/assets/arrow2.png);
	background-repeat: no-repeat;
	color: white;
	text-decoration: none;
	z-index: 150;
}

 #prev2,
 #prev2 a,
 #prev3,
 #prev3 a,
 #prev5,
 #prev5 a,
 #prev6,
 #prev6 a,
 #prev7,
 #prev7 a,
 #prev8,
 #prev8 a
{
	left: 0;
	background-position: 0 -60px;
}
 #next2,
 #next2 a,
 #next3,
 #next3 a,
 #next5,
 #next5 a,
 #next6,
 #next6 a,
 #next7,
 #next7 a,
 #next8,
 #next8 a
{
	right: 0;
}

.slideli
{
 display:none;
}
.con span{
  color: #ffffff;
  margin-left: 55px;

  font-size: 22px;
  font-weight: bold;
 
}
.con .cycle-pager{
    padding-top: 20px;
}
.con .cycle-pager2{
    padding-top: 20px;
}

.nbh,.nbh2{
	background-image: url(../images/assets/shadow.png);
	background-repeat: no-repeat;
	  height: 745px;
	  position: absolute;
	  z-index: 110;
	  width: 100%;
}
.nbh .con
,.nbh2 .con{
	  padding-top: 50px;
}
.nbh .con a{
  color: #fff;
  margin-left: 55px;
  text-decoration: blink;
  font-size: 12px;
  display: list-item;
    width: 177px;
	  line-height: 21px;
	      list-style-type: none;
}
.nbh2 .con a{
  color: #fff;
  margin-left: 55px;
  text-decoration: blink;
  font-size: 12px;
  display: list-item;
    width: 177px;
	  line-height: 21px;
}
.cycle-pager a.cycle-pager-active {
  color: #fff;
  font-weight: bolder;
  *text-decoration: underline;
  border-bottom: 1px solid;
}
.cycle-pager2 a.cycle-pager-active {
  color: #fff;
  font-weight: bolder;
  *text-decoration: underline;
  border-bottom: 1px solid;
}
.ced{
  color: #fff;
  font-weight: bolder;
  border-bottom: 1px solid;
}

.nbh1{
	background-image: url(../images/assets/GLY.png);
	background-repeat: no-repeat;
	  height: 745px;
	  position: absolute;
	  z-index: 110;
	  width: 266px;
}
.nbh1 .con1{
	padding-top:85px;
}
.nbh1 .con1 a{
  color: #fff;
  display: inline-block;
  margin-left: 25px;
  line-height: 35px;
  text-decoration: blink;
  height: 28px;
    font-size: 12px;
}

.nbindex{
*width:1920px;
*height:750px;
  *padding-top: 50px;

}
.nbindex a{
  text-decoration: blink;
}

.nbindex li{
  display: inline;
}

/*.nbindex img {
margin:0;
margin-left:-5px;
  max-width: 25.07%;
    width: 100%;
	    min-height: 310PX;
	*height:360px;
	
}*/


.house_page3_div > div img{
  min-width: 100px;
 }
/*##############################################################################
#
# ---- 3. Page Header
#
##############################################################################*/
#page_header
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	background: #ffffff;
}
#page_header_after
{
	position: fixed;
	top: 130px;
	width: 100%;
	background: url(../images/assets/header_shadow.png);
	display: block;
	height: 60px;
	z-index: 998;
	pointer-events: none;
}
#page_header,
#page_header_overlay
{
	display: block;
	height: 130px;
}
#page_header_overlay
{
	/* background: url(../images/assets/top2.png); */
	  background-size: 25% 100%;
	 background-repeat: no-repeat;
/* 	margin-left: 30px;
	margin-right: 30px; */
}
.linkPart{
	height:40px;
	position:absolute;
	left:0;
	bottom:0;
	-webkit-transition: height .2s ease-in-out;
	   -moz-transition: height .2s ease-in-out;
	    -ms-transition: height .2s ease-in-out;
	     -o-transition: height .2s ease-in-out;
	        transition: height .2s ease-in-out;
}
.linkPart_m{
	display:none;
	height:20px;
	margin-top: 8px;
	position:relative;
	left:0;
	top:0;
	bottom:unset;
}
.linkPart a,.linkPart_m a{
	color:transparent;
	text-transform:none;
	margin-right:10px;
	display:block;
	float:left;
	-webkit-transition: all .2s ease-in-out;
	   -moz-transition: all .2s ease-in-out;
	    -ms-transition: all .2s ease-in-out;
	     -o-transition: all .2s ease-in-out;
	        transition: all .2s ease-in-out;
}
#page_header .lang_links,#page_header .soundul{
	-webkit-transition: margin-top .2s ease-in-out;
	   -moz-transition: margin-top .2s ease-in-out;
	    -ms-transition: margin-top .2s ease-in-out;
	     -o-transition: margin-top .2s ease-in-out;
	        transition: margin-top .2s ease-in-out;
}
.linkPart a{
	width:20px;
	height:20px;
	border-radius: 5px;
}
.linkPart a:hover{
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.linkPart_m a{
	width:20px;
	height:20px;
	border-radius: 5px;
}
.linkPart a:nth-child(1){
	background-image:url('../images/assets/ig2.png');
	background-size: cover;
	margin-left:30px;
}
.linkPart_m a:nth-child(1){
	background-image:url('../images/assets/ig2.png');
	background-size: cover;
	margin-left:20px;
}
.linkPart a:nth-child(2),.linkPart_m a:nth-child(2){
	background-image:url('../images/assets/fb2.png');
	background-size: cover;
}
.linkPart a:nth-child(3),.linkPart_m a:nth-child(3){
	background-image:url('../images/assets/yt2.png');
	background-size: cover;
}
.linkPart a:nth-child(4),.linkPart_m a:nth-child(4){
	background-image:url('../images/assets/wc2.png');
	background-size: cover;
}
.linkPart img,.linkPart_m img{
	opacity: 0;
	-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;
}
.linkPart img{
	display:none;
	width: 155px;
    height: auto;
    position: fixed;
    top: 146px;
    left: 64px;
}
.linkPart_m img {
    width: 150px;
    height: auto;
    position: relative;
    top: -155px;
    left: -90px;
}
@media only screen and (max-width: 1300px){
	.linkPart a{
		margin-right:5px;
	}
	.linkPart img{
		left: 50px;
	}
}
@media only screen and (max-width: 1140px){
	.linkPart{
		height:85px;
	}
	#page_header .lang_links{
		margin-top:-70px;
	}
	#page_header .soundul{
		margin-top:-67px;
	}
	.linkPart img{
		top: 100px;
	}
}
@media only screen and (max-width: 767px){
	.linkPart{
		display:none;
	}
	.linkPart_m{
		display:block;
	}
}



#page_header .header img
{
	float: left;
	/* padding-top: 22px; */
	padding-bottom: 8px;
	  position: absolute;
}
#page_header .header .lang_links
{
    display: none;
}
#content, #dcontent
{
	-webkit-transition: -webkit-transform .2s ease-in-out;
	   -moz-transition:    -moz-transform .2s ease-in-out;
	     -o-transition:      -o-transform .2s ease-in-out;
	        transition:         transform .2s ease-in-out;
	-webkit-backface-visibility: hidden;
}
#content_overlay
{
	opacity: 0;
	height: 0;
	width: 100%;
	top: 0;
	z-index: 999;
	-webkit-transition: opacity .2s ease-in-out;
	   -moz-transition: opacity .2s ease-in-out;
	     -o-transition: opacity .2s ease-in-out;
	        transition: opacity .2s ease-in-out;
	-webkit-backface-visibility: hidden;
}
.notransitions
{
	-webkit-transition: none !important;
	   -moz-transition: none !important;
	     -o-transition: none !important;
	        transition: none !important;
}
.imgcap{
	position: absolute;
	bottom: 60px;
	left: 30px;
	color: #555555;
	font-size:10px;
}
.cscap{
	position: absolute;
	bottom: 30px;
	left: 30px;

	color: #FFFFFF;
	font-size:10px;
}
.imgcap2{
	position: absolute;
	  bottom: 5%;
	      left: 30px;
	color: #FFFFFF;
	font-size:10px;
}
.imgcap3{
	position: absolute;
	bottom: 20px;
	left: 250px;
	color: #FFFFFF;
	font-size:10px;
	line-height: 11px;
}
.div_for_360{
	position: absolute;
	top: 15%;
	right: 0%;
	width: 5%;
	height: 0;
	padding-top: 3%;
	background-color: rgba(255, 255, 255, 0.66);
}
.imgcap4{
	width: 84%;
	position: absolute;
	left: 6%;
	top: 10%;
}
.imgcap5, .imgcap6{
	position: absolute;
	top: 22%;
    right: 0%;
	width:5%;
	color: #FFFFFF;
	font-size:36px;
	font-family: 'pala','PT Sans','source-han-sans-traditional','source-han-sans-simplified-c','SimSun', sans-serif;
	text-shadow: 2px 2px 10px rgba(0,0,0,0.9);
}
.imgcap6{
    right: auto;
	left:10%;
}
.southcap1{
  position: absolute;
  bottom: 200px;
  left: 130px;
  color: #fff;
  font-size: 22px;
}
.southcap{
	position: absolute;
	  bottom: 2%;
	    left: 10px;
	  color: #fff;
	  font-size: 12px;
	  *background-image:url(../images/assets/bg_02.png);
	  padding: 15px;
}

.mapbtn{
  position: absolute;
  bottom: 50px;
  left: 50px;
  width: 150px;
  z-index:100;
}

.mapbtn2{
  position: absolute;
  bottom: 215px;
  left: 50px;
  width: 150px;
  
}
.gmapcap{
  position: absolute;
  bottom: 50px;
  left: 50px;
  width: 150px;
}

.gallerycap{
	position: absolute;
	  bottom: 2%;
	    left: 10px;
	  color: #fff;
	  font-size: 12px;
	  *background-image:url(../images/assets/bg_02.png);
	  padding: 15px;
	      width: 50%;
		      line-height: 12px;
			  text-shadow: 1px 1px 1px #61625B, 2px 2px 3px #61625B;
}
#gallery .gallerycap{
left: 470px;
bottom: 7%;
}
a.divlink { 
     display:none;
}
/*##############################################################################
#
# ---- 4. Navigation
#
##############################################################################*/
#dtzoom-in {
    position: absolute;
    bottom: 3%;
    left: 2.5%;
    width: 30px;
    height: 30px;
    margin-top: -30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    background-image: url(../images/assets/zoom_in-icon.png);
    background-repeat: no-repeat;
    color: white;
    text-decoration: none;
    z-index: 111;
}
#dzoom-in2 {
    position: absolute;
    bottom: 3%;
    left: 2.5%;
    width: 30px;
    height: 30px;
    margin-top: -30px;
    line-height: 30px;
    font-size: 20px;
    text-align: center;
    background-image: url(../images/assets/zoom_in-icon.png);
    background-repeat: no-repeat;
    color: white;
    text-decoration: none;
    z-index: 111;
}	

#navigation ul,
#subnav ul
{
	/* float: right; */
}
#navigation ul li,
#subnav ul li
{
	display: inline;
}
#navigation ul li a
{
	display: inline-block;
	padding-left: 20px;
	padding-right: 20px; 
	margin-top: 100px;

}
#navigation ul li a:hover
{
	color: #CCCCCC;
}
#navigation ul li a.onview
{
	color: #CCCCCC;
}
@media only screen and (max-width: 767px){
}
#subnav
{
  display: block;
  margin: 0 auto;
  margin-top: -3px;
  text-align: center;
}
#subnav ul
{
	clear: right;
}
#subnav ul li a
{
  line-height: 23px;
  padding-left: 10px;
  padding-right: 10px;
}
#navigation ul li:before

{

    *border-left:1px solid #999999;
	*content: "";

	*padding-right: 14px;
}

#navigation ul:after,
#navigation ul:before

{
    *border-left:1px  solid #999999;
	*content: "";

}


#navigation ul li:first-child:before

{
	content: none;
}

#subnav li:before {
  content: "•";
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
#subnav ul:after

{
  content: "•";
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}

#mobile_menu
{
	display: none;
}

/*##############################################################################
#
# ---- 5. Intro Area
#
##############################################################################*/
#intro
{
    background-repeat: no-repeat;
    background-position: 50% 0;
	position: relative;
	overflow: hidden;
}
#intro #bg
{
	width: 100%;
	max-width: none;
	max-height: none;
	display: block;
	margin-bottom: 0;
    position: relative;
}
#intro #bg img
{
    height: 100%;
    margin-bottom: 0;
    display: block;
}
#intro #bg .caption
{
    /* margin-top: -40px; */
    margin-top: 0;
    padding: 6px 10px;
}
#intro_overlay
{
	padding-top: 100px;
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
}
#intro,
#intro_overlay
{
	display: block;
}
#intro_overlay h1
{
	padding-bottom: 50px;
}
#intro_overlay ul
{
	padding-bottom: 0;
}

/*##############################################################################
#
# ---- 7. Main Content
#
##############################################################################*/
body
{
	padding-top: 90px;
	padding-bottom: 80px;
}
/*
section,
#main_footer
{
	-webkit-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.45);
	   -moz-box-shadow: inset 0px 1px 1px rgba(0,0,0,0.45);
	        box-shadow: inset 0px 1px 1px rgba(0,0,0,0.45);
}
 */
section
{
    padding-top: 130px;
    margin-top: -90px;
}
section:first-of-type
{
	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}
section h1 span
{
	font-size: 13px;
	display: block;
}
section h1
{
	margin-top: 30px;
	margin-bottom: 10px;
}
section h3
{
	margin-bottom: 25px;
}
section p
{
	margin-bottom: 10px;
}
section img
{
	margin-bottom: 25px;
}
section .intro p
{
	margin-bottom: 60px;
}
section .center
{
	padding-top: 80px;
}
section .center h1
{
	padding-bottom: 0;
}

.southin{
  max-width: 700px;
    margin: 0 auto;
}
.southout{
padding:8%;
padding-bottom: 5%; 
}
.southbg
{
background: url(../images/text-bg.jpg) no-repeat;
}




.imgLiquidFill{
height: 780px;
}
#dcontent{
  padding-top: 150px;
  background: url(../images/text-bg.jpg) no-repeat;
    height: 595px;
}
.textup{
	width:100%;
	height: 95px;
}
.textup2{
	height: 70px;
}
.pic-controllers{
	position:absolute;
	bottom:8%;
	width: 100%;
	height:12px;
	text-align:center;
	z-index: 100;
}
.pic-controllers div{
	width:136px;
	height:12px;
	margin:0 auto;
}
.pic-controllers a{
	float: left;
    display: block;
    background-color: #dfdcdb;
    border-color: #dfdcdb;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.pic-controllers a:nth-child(2){
	margin:0 50px;
}
.pic-controllers .active-control{
    background-color: #775c5c;
    border-color: #775c5c;
}

/*##############################################################################
#
# ---- NEIGHBOURHOOD
#
##############################################################################*/






.mrkthl-grid .links.boven {background-image: url("../gallery/neighbourhood/small/1.jpg");}

.mrkthl-grid .links.onder {background-image: url("../gallery/neighbourhood/small/2.jpg");}

.mrkthl-grid .midden.boven {background-image: url("../gallery/neighbourhood/small/3.jpg");}

.mrkthl-grid .midden.onder{background-image: url("../gallery/neighbourhood/small/4.jpg");}

.mrkthl-grid .midden2.boven {background-image: url("../gallery/neighbourhood/small/5.jpg");}

.mrkthl-grid .midden2.onder {background-image: url("../gallery/neighbourhood/small/6.jpg");}

.mrkthl-grid .rechts.boven {background-image: url("../gallery/neighbourhood/small/7.jpg");}

.mrkthl-grid .rechts.onder {background-image: url("../gallery/neighbourhood/small/8.jpg");}



.mrkthl-grid .boven {
    top: 0;
}

.mrkthl-grid .onder {
    top: 50%;
}

.mrkthl-grid .links {
    width: 25%;
    left: 0;
}
.mrkthl-grid .midden {
    width: 25%;
    left: 25%;
}
.mrkthl-grid .midden2 {
    width: 25%;
    left: 50%;
}
.mrkthl-grid .rechts {
    width: 25%;
    left: 75%;
}
.mrkthl-grid .blok {
    position: absolute;
    height: 50%;
    background-position: center center;
    background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/*##############################################################################
#
# ---- THE GALLERY
#
##############################################################################*/
.e1 img,.e2 img,.e3 img,.e4 img{
    vertical-align: top;
    max-width: 1000px;
    left: 50%;
    position: relative;
}

.cycle5{
background-color:#fff;
}
.tgg{
    z-index: 9999;
    position: relative;
}
.gallerytag{
position: absolute;
    color: #fff;
    font-size: 22px;
    width: 100%;
    bottom: 40px;
    text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.21), 2px 2px 3px rgba(0, 0, 0, 0.19);
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000000);
}
.pvw360{
    position: absolute;
    color: #fff;
    font-size: 22px;
    width: 100%;
    bottom: 90px;
    text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.21), 2px 2px 3px rgba(0, 0, 0, 0.19);
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000000);
}
.exiw{
}

.mrkthl-grid .leftga {background-image: url("../gallery/gallery/galleryindex/leftga.jpg");}

.mrkthl-grid .rightga {background-image: url("../gallery/gallery/galleryindex/middenga.jpg");}

/*.mrkthl-grid .rightga {background-image: url("../gallery/gallery/galleryindex/rightga.jpg");}  modified: deleted*/



.mrkthl-grid .boven {
    top: 0;
}


.mrkthl-grid .leftga {
    width: 50%;
    left: 0;
}
.mrkthl-grid .rightga {
    width: 50%;
    left: 50%;
}
/*.mrkthl-grid .rightga {  modified: deleted;
    width: 34%;
    left: 66%;
}*/

.mrkthl-grid .blok2 {
    position: absolute;
    height: 100%;
    background-position: center center;
    background-size: cover;
	  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.dimimg{
    -webkit-filter:brightness(50%);
    -moz-filter:brightness(50%);
    filter: url(#brightness); /* required for FF */
    filter:brightness(50%);
}
/*##############################################################################
#
# ---- VR
#
##############################################################################*/
/* modified: whole section newly added*/
.mrkthl-grid .leftvr {
    width: 50%;
    left: 0;
}
.mrkthl-grid .rightvr {
    width: 50%;
    left: 50%;
}
.mrkthl-grid .leftvr {background-image: url("../gallery/gallery/galleryindex/sky_tour_bg.jpg");}
.mrkthl-grid .rightvr {background-image: url("../gallery/gallery/galleryindex/house_tour_bg.jpg");}
.vrtag{
position: absolute;
    color: #fff;
    font-size: 22px;
    width: 100%;
    bottom: 40px;
    text-align: center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.21), 2px 2px 3px rgba(0, 0, 0, 0.19);
	filter: progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000000);
}

/*##############################################################################
#
# ---- house
#
##############################################################################*/
#houseout{
  padding-top: 2%;
  /* padding-left: 30%; */
  width: 100%;
  margin: 0 auto;
  text-align: center;
  /* float: none; */
}
#houseout2{
  padding: 2%;
  /* padding-left: 30%; */
  width: 100%;
  margin: 0 auto;
  text-align: center;
  /* float: none; */

}
#housein{
width:73%;
height:100%;
}
#houseimg1{
max-width:600px;
width:450px;
display:inline-block;
margin-top: 40px;
}
#housetext{
position:absolute;
width:350px;
margin-left:25px;
top:25%;
display:inline-block;
text-align: left;
}
@media only screen and (max-width: 900px){
#housetext{
width:300px;
}
}
#houserz3{
  display: inline-block;
    padding-top: 20px;
}
.house_page2_row1 > td ,
.house_page2_row2 > td ,
.house_page2_row3 > td ,
.house_page2_row4 > td ,
.house_page2_row5 > td{
	border:solid 2px white;
	width:140px;
	padding:5px;
}


.house_page2_row1 > td{
	background-color:#58595b;
	color:white;
}

.house_page2_row2 > td{
	background-color:#f4e9db;
	color:#6f767a;
}

.house_page2_row3 > td{
	background-color:#d0bfab;
	color:#6f767a;
}

.house_page2_row4 > td{
	background-color:#afc6d1;
	color:#6f767a;
}

.house_page2_row5 > td{
	background-color:#95a4ad;
	color:white;
}





.house_page3_div > div{
	text-align:center;
	/*border:1px solid green;*/
	margin:0 auto;
	width:200px;
	max-width: 170px;
	bottom:0px;
	display:inline-block;
}






/*##############################################################################
#
# ---- 8. Pullquotes & Blockquotes
#
##############################################################################*/
.testimonial blockquote p
{
	margin-bottom: 0;
	padding: 120px 130px 120px 130px;
}

/*##############################################################################
#
# ---- 9. Blog Posts
#
##############################################################################*/
/* --- Default WordPress Classes --- */
.alignleft, img.alignleft
{
	float: left;
	text-align: left;
}
.alignright, img.alignright
{
	float: right;
	text-align: right;
}
.aligncenter, img.aligncenter
{
	float: none;
	text-align: center;
}
img.aligncenter
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignnone, img.alignnone
{
	float: none;
}
.alignjustify
{
	text-align: justify;
}

/*##############################################################################
#
# ---- 12. Dividers
#
##############################################################################*/
.divider
{
	display: block;
	background: url(../images/assets/divider.png) bottom left no-repeat;
	padding-top: 8px;
	margin-bottom: 5px;
	padding-bottom: 10px;
}
.divider_bigspace
{
	height: 5px;
	display: block;
	background: url(../images/assets/bg_01.png) repeat-x bottom left;
	padding-top: 55px;
	margin-bottom: 70px;
}

/*##############################################################################
#
# ---- 14. Footer
#
##############################################################################*/
footer p,
footer ul							            { line-height: 12px; }
footer span,
footer li							            { font-size: 11px; }
footer .lang_links li                           { font-size: 12px; }
#main_footer
{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
}
#main_footer,
#main_footer_mobile
{
	z-index: 997;
}
#main_footer_overlay
{
    padding-top: 10px;
    padding-bottom: 15px;
    padding-left: 30px;
    padding-right: 30px;
}
#main_footer_overlay
{
   /*  background: url(../images/assets/footer_shadow_retina.png) 50% 0 no-repeat; */
}
#main_footer_overlay span,
#main_footer_overlay ul
{
	/*margin-right: 20px;*/
}
#main_footer_overlay img
{

	margin-left: 12px;
	margin-bottom: 12px;
	margin-top: 2px;
}
#main_footer_overlay .pointer
{

	margin-left: 0px;
	margin-bottom: 3px;
}
#main_footer_overlay p.disclaimer				{ margin-right: 220px;   line-height: 10px;}
#main_footer_overlay #txtdate,
#main_footer_overlay .lang_links                { display: inline; }

#main_footer_mobile                             { display: none; }

.soldout {
    text-align: center;
    background-color: #ececec;
    padding: 5px 0;
}
.soldout a{
    color: #000;
}
/*##############################################################################
#
# ---- 15. Buttons
#
##############################################################################*/
.btt
{
	display: none;
	width: 50px;
	height: 35px;
	padding-top: 15px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	position: fixed;
	bottom: 60px;
	right: 20px;
	background: #666;
	background: rgba(0,0,0,0.15);
	-webkit-border-radius: 50px;
	   -moz-border-radius: 50px;
	        border-radius: 50px;
}
.btt:hover
{
	-webkit-transform: scale(1.20);
	   -moz-transform: scale(1.20);
	     -o-transform: scale(1.20);
	        transform: scale(1.20);
}
.btt:before
{
	content: '^';
}

/*##############################################################################
#
# ---- 16. Portfolio
#
##############################################################################*/
.portfolio_list
{
	display: block;
	margin-bottom: 20px;
}
.inline li
{
	display: inline-block;
}
.portfolio_list li a
{
	margin-left: 15px;
	margin-right: 15px;
	line-height: 36px;
}
.portfolio_list li a:hover,
.portfolio_list li a.active
{
	border-bottom: 1px solid #dad8d6;
}
.hover_zoom
{
	width: 61px;
	height: 61px;
	background: url(../images/icons/hover_zoom.png) no-repeat;
	position: absolute;
	top: 0;
	left: 0;
}
.first_item
{
	clear: left;
}
/*##############################################################################
#
# ---- 17. Helper Classes
#
##############################################################################*/
.container:after 
{ 
	content: "\0020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}
.clearfix:before,
.clearfix:after,
.row:before,
.row:after 
{
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
}
.row:after,
.clearfix:after 
{
	clear: both; 
}
.row,
.clearfix 
{
	zoom: 1; 
}
.clear 
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*##############################################################################
#
# ---- 18. Slideshow
#
##############################################################################*/
.slideshow_overlay
{
	overflow: hidden;
}
.slideshow_overlay,
.slideshow .video img,
.slideshow .slide img,
.slideshow .controls div,
.slideshow .tag
{
	/* height: 280px; */
	height: 745px;
}

.slideshow .tag span
{
	line-height: 280px;
}
.slideshow .controls
{
}
.slideshow .controls div
{
	position: absolute;
	top: 0;
	/* width: 35%; */
	z-index: 100;
}
.slideshow .controls a
{
	position: absolute;
	top: 50%;
	margin-top: -30px;
	width: 42px;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	text-align: center;
	background-image: url(../images/assets/arrow.png);
	background-repeat: no-repeat;
	color: white;
	text-decoration: none;
}

.slideshow .controls .prev,
.slideshow .controls .prev a
{
	left: 0;
}
.slideshow .controls .next,
.slideshow .controls .next a
{
	right: 0;
}
.slideshow .controls .prev a
{
	background-position: 0 -60px;
}
.slideshow .controls span
{
	display: none;
}
.slideshow .slide p
{
	display: none;
}
.slideshow .slideshow_overlay .columns {
    overflow: hidden;
}
.slideshow .leftfade,
.slideshow .rightfade
{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 266px;
}
.slideshow .leftfade
{
    left: 0;
}
.slideshow .rightfade
{
    right: 0;
}
/* .slideshow .controls .prev */
/* .slideshow .leftfade
{
	background: -moz-linear-gradient(left, rgba(199,198,196,1) 0%, rgba(199,198,196,0.9) 40%, rgba(199,198,196,0) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(199,198,196,1)), color-stop(60%,rgba(199,198,196,0.9)), color-stop(100%,rgba(199,198,196,0)));
	background: -webkit-linear-gradient(left, rgba(199,198,196,1) 0%,rgba(199,198,196,0.9) 40%,rgba(199,198,196,0) 100%);
	background: -o-linear-gradient(left, rgba(199,198,196,1) 0%,rgba(199,198,196,0.9) 40%,rgba(199,198,196,0) 100%);
	background: -ms-linear-gradient(left, rgba(199,198,196,1) 0%,rgba(199,198,196,0.9) 40%,rgba(199,198,196,0) 100%);
	background: linear-gradient(to right, rgba(199,198,196,1) 0%,rgba(199,198,196,0.9) 40%,rgba(199,198,196,0) 100%);
} */
/* .slideshow .controls .next */
/* .slideshow .rightfade
{
	background: -moz-linear-gradient(left, rgba(199,198,196,0) 0%, rgba(199,198,196,0.9) 40%, rgba(199,198,196,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(199,198,196,0)), color-stop(40%,rgba(199,198,196,0.9)), color-stop(100%,rgba(199,198,196,1)));
	background: -webkit-linear-gradient(left, rgba(199,198,196,0) 0%,rgba(199,198,196,0.9) 40%,rgba(199,198,196,1) 100%);
	background: -o-linear-gradient(left, rgba(199,198,196,0) 0%,rgba(199,198,196,0.9) 40%,rgba(199,198,196,1) 100%);
	background: -ms-linear-gradient(left, rgba(199,198,196,0) 0%,rgba(199,198,196,0.9) 40%,rgba(199,198,196,1) 100%);
	background: linear-gradient(to right, rgba(199,198,196,0) 0%,rgba(199,198,196,0.9) 40%,rgba(199,198,196,1) 100%);
} */
#gallery .disclaimer
{
    margin-top: 15px;
}

/*##############################################################################
#
# ---- 18. Location
#
##############################################################################*/
#location .map
{
	width: 792px;
	height: 415px;
	background-repeat: no-repeat;
}
/*
#location .map a
{
	height: 83px;
	width: 124px;
}
#location .map a#map_1					{ top: 0; }
#location .map a#map_2					{ top: 95px; }
#location .map a#map_3					{ top: 193px; }
#location .map a#map_4					{ top: 297px; }

#location .map a#map_0					{ top: 297px; }
*/
#location .map #zoomMap
{
	height: 390px;
	width: 603px;
}

/*##############################################################################
#
# ---- 19. Floor Plan
#
##############################################################################*/
#space_map,
#space_map_overlay
{
	height: 580px;
	/* background: url(../images/backgrounds/floorplan_retina.jpg) 0 0 no-repeat; */
}
#space_map_overlay
{
	width: 360px;
}
#space_map .links								{ padding-top: 110px; width: 400px; }
#space_map .links p                             { margin-top: 10px; }
#space_map .links .portfolio_list               { margin-bottom: 0; }
#space .image									{ margin-bottom: 20px; }
#space .portfolio_list li:before,
#space .portfolio_list:after					{ content: " | "; }
.plan ul.menu li								{ display: inline; }
.cs												{display:none;}
/*##############################################################################
#
# ---- 20. Misc
#
##############################################################################*/
.btns											{ margin-top: 10px; margin-bottom: 20px; }
a.btn
{
	/* margin-left: 40px; */
	margin-right: 80px; /* 40px */
	display: inline-block;
}

#brochure h1 .divider							{ margin-bottom: 40px; }
#brochure h1 a									{ line-height: 36px; font-size: 20px; }
#view_video_link								{ display: none; }

/*##############################################################################
#
# ---- 360
#
##############################################################################*/

.video-container {
            position: relative;
            padding-bottom: 32.5%;
            padding-top: 35px;
            height: 0;
            overflow: hidden;
        }
        
        .video-container iframe {
            position: absolute;
            top:0;
            left: 0;
            width: 100%;
            height: 100%;
        }
		
.skynbbtn{
    position: absolute;
    top: 194px;
    left: 59px;
    width: 250px;
    font-size: 12px;
    line-height: 21px;
    color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.21), 2px 2px 3px rgba(0, 0, 0, 0.19);
		    z-index: 100;
			cursor:hand;
}
.skynbbtn:hover{
    color: #FFF;
}
.mapbtns:hover{
    color: #FFF;
}
.mapbtns {
    position: absolute;
    top: 223px;
    left: 59px;
    width: 300px;
    font-size: 12px;
    line-height: 21px;
    color: #FFF;
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.21), 2px 2px 3px rgba(0, 0, 0, 0.19);
		    z-index: 100;
			cursor:hand;
}

.tc .skynbbtn{
    font-size: 13px;

}
.tc .mapbtns {
    font-size: 13px;
}

.sc .skynbbtn{
    font-size: 13px;

}
.sc .mapbtns {
    font-size: 13px;
}
.mapbtn360{
  position: absolute;
  bottom: 50px;
  left: 50px;
  width: 150px;
  z-index:100;
}

/*##############################################################################
#
# ---- ##. lightbox / new added styles
#
##############################################################################*/

.fancybox-wrap{
	position: fixed !important;
	top: 30px !important;
	width: calc(100% - 60px) !important;
}

#starting-popup{
	width: 100%;
	height: 100%;
}

#starting-popup .content{
	width: 100%;
	height: 100%;
}

.fancybox-inner{
	max-width: 100%;
}
@media only screen and (max-width: 1024px){
.fancybox-wrap{
	top: 20px !important;
}
}
@media only screen and (max-width: 767px){
.fancybox-wrap{
	top: 20px !important;
}


}

.section-title{
    position: absolute;
    top: -100px;
    text-align: center;
    font-size: 22px;
    margin: auto;
    display: block;
    left: 50%;
    letter-spacing: 1.5px;
}

@media only screen and (max-width: 767px){
.section-title{
    display: none;
}
}

.container{
	overflow: visible !important;
}
#pano{
	overflow: hidden;
}
/*override popup close button*/
.fancybox-close {
    top: -11.5px;
    right: -10.5px;
    width: 27px;
    height: 27px;
    background-size: 33px 114px;
}
img.icon360 {
	min-height: auto;
    height: auto;
    width: 100px;
    left: 50%;
    top: 50%;
    position: absolute;
    margin-left: -50px;
    margin-top: -28.9px;
}



/*##############################################################################
#
# ---- ##. index first section picture
#
##############################################################################*/
#endview .container .imgLiquidFill{
	background-position: center !important;
}