/*

Donkergroen       0 / 50 / 48 003230

Lichtgroen           128 / 165 / 120 80a578

Lichtblauw           178 / 212 / 213 b2d4d5

Oker geel             205 / 151 / 53 cd9735

*/

#header{
	position: relative; background: none; z-index: 100001; background: #d1d5ce;
}
.navbar-toggle{
	display: block; top: 20px; left: auto; right: 15px;
}
.navbar-toggle .icon-bar{
	width: 30px; border-radius: 0px;
}
.navbar-toggle .icon-bar-1{
}
.navbar-toggle .icon-bar-3{
}
#theBody .mainmenu{
	background: #d1d5ce; position: absolute; left: auto; right: 0px; height: 100vh!important; min-height: 550px; top: 0px !important; display: block; opacity: 1; margin: 0px; visibility: visible; overflow: hidden !important; width: 0px;
	max-width: 100%; min-width: 0px;
} 
#theBody.home .mainmenu{
} 
#theBody.home .navbar-header{
} 

.mainmenu ul li a.name-sub{
	color: #000000!important; text-decoration: none;
}

.welcomebtn{
	
}
#welcomebtn{
	
	position: relative; float: left;
	width: 30px; height: 30px; background: none; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; margin-bottom: 15px; cursor: pointer;
}
#welcomebtn .icon-bar{
	position: relative; float: left;
	width: 100%; border-radius: 0px; background:#80a578; height: 4px; margin-top: 2px;
}
#welcomebtn .icon-bar-2{
	margin-top: 5px;
}
#welcomebtn .icon-bar-3{
	margin-top: 5px;
}

#openwelcome{
	position: relative; float: left; line-height: 30px; padding: 0px 0px 0px 10px; cursor: pointer;
}

#welcomeclose{
	position: relative; float: left;
	width: 30px; height: 30px; background: none; border: 0px !important; border-radius: 0px !important; box-shadow: none !important; margin-bottom: 15px; cursor: pointer;
}
#welcomeclose .close{
	color:#80a578; opacity: 1; font-size: 40px;
}
#closewelcome{
	position: relative; float: left; line-height: 30px; padding: 5px 0px 0px 10px; cursor: pointer;
}

#welcomemenublock{
	width: 100%; background: #ffffff; position: relative;
	top: 0px; left: 0px;
	height: 0;
	overflow: hidden;
}
#welcomemenublock .container{
	max-width: 600px!important; padding: 0px 0px 30px 0px;
}
#welcomemenublock .fase2{
	float: right;
}
#welcomemenublock h2{
	text-transform: uppercase; margin: 15px 0px; opacity: 0;
}
#welcomemenublock h2 .attention{
	color: #ffffff; background: #e74836; padding: 2px 4px 0px 4px;
}
#welcomemenublock h3{
	padding: 0px 10px 0px 10px; opacity: 0;
	margin: 0px 0px 4px 0px;
	height: 40px; padding-top: 40px; overflow: hidden;
}
#welcomemenublock h3.top{
	background: #dc8766;
}
#welcomemenublock h3.kade{
	background: #7fa67a; 
}
#welcomemenublock h3.hof{
	background: #44b7a6; 
}
#welcomemenublock h3.kadew{
	background: #cb973c; 
}
#welcomemenublock h3.hofw{
	background: #e4bba9; 
}
#welcomemenublock h3.pen{
	background: #a2c3c6; 
}
#welcomemenublock h3 a{
	text-decoration: none;
}	
#welcomemenublock h3 a .attention{
	font-family: 'thinfont';
}
 
#welcomemenublock h3 a:hover,
#welcomemenublock h3 a:hover .attention{
	color: #ffffff !important;
}
 


.mainmenu .navbar-nav{
	position: relative; width: 100%; bottom: auto; left: 0px; top: 0px; margin-top: 90px; 
}
#extraMenu{
}
#socialicons{
	position: absolute; width: 100%; bottom: auto; left: 0px; top: 240px; margin-top: 45px;
	display: none;
}
.mainmenu ul li a{
}
.mainmenu #extraMenu .navbar-nav{
	width: 100%; margin-top: 0px;
}
.mainmenu ul li{
	text-align: left; height: 45px; padding-top:50px; overflow: hidden; width: 100%; padding-left: 0px; padding-right: 15px; margin-bottom: 5px;
}

.mainmenu ul li.menu-no-link,
.mainmenu ul li a{
	padding-left: 15px !important;
	padding-right: 15px !important;
	font-size: 18px;
	line-height: 40px; text-align: left;
	font-family: 'headfont';
}
.mainmenu ul li.menu-no-link{
	padding-left: 15px !important;
	padding-right: 30px !important;
}
.extra-menu{
	position: absolute; top: 5px; right: 50px; left: auto;
}
.extra-menu ul li a{
	 text-align: right; background: none !important;
}
.social-label{
	width: auto; float: right; line-height: 40px; text-transform: uppercase;
}
.social-icon{
	width: auto; float: right; margin-right: 25px;
}
.social-icon{
}
.navbar-nav > li > .dropdown-menu li a{
	color: #000000;

}	

.footer .navbar-nav li a{
	background: none!important; color: #000000!important; padding: 5px 0px; text-decoration: underline;
}

.btn-pdf{
	background: #000000; padding: 10px 15px;
}
#basicloadercontainer{
	position: fixed; top: 0px; left: 0px; width: 100%; height:100%; background: #ffffff; z-index: 10000000;
}
#basicloader{
	position: fixed; width: 45px; height: 45px; background-color: none !important; top: 50%; left: 50%; margin-top: -22.5px; margin-left: -22.5px; z-index: 10000001; pointer-events: none;
}
#basicloadlayer1{
	fill:#80a578;
}
#basicloadlayer2{
}
#basicloadlayer3{
	fill:#cd9735;
}
#basiccolorring{
	fill:#80a578;
}
#basiccolorpiece{
	fill:#ffffff;
}

#pageBlockPage{
	width: 100%;
}
#pageBlock1{
}

#pageBlock1 .page-block-caption{
}

#pageBlock1 .page-block-caption .page-block-container{
	width:100%; position: relative; left: 0px; top: 0px; float: left;
	padding: 15px 0px 15px 0px;
}
#pageBlock1 .page-block-caption .page-block-name,
#pageBlock1 .page-block-caption .page-block-ttl,
#pageBlock1 .page-block-caption .page-block-txt{
	position: relative; float: left; width: 100%;
}

.openbare-looproute #pageBlock1 .page-block-caption .page-block-name,
.binnentuinen #pageBlock1 .page-block-caption .page-block-name{
	margin: 0px; padding: 5px 0px 5px 0px;
}
.openbare-looproute #pageBlock1 .page-block-caption .page-block-name h1,
.binnentuinen #pageBlock1 .page-block-caption .page-block-name h1{
	margin: 0px; padding: 0px; font-size: 24px;
}

#pageBlock1 .page-block-caption .page-block-ttl,
#pageBlock1 .page-block-caption .page-block-ttl h2 p,
#pageBlock1 .page-block-caption .page-block-ttl h2{
	font-size: 20px; line-height: 20px; margin: 0px; padding: 0px;
}
h1,
#pageBlock1 .page-block-caption .page-block-txt p{
}
#pageBlock1 .btn-primary{
	height: 40px; overflow: hidden;
}
#pageBlock1 .page-block-txt p .btn-primary{
	height: auto; padding: 15px;
	background: #000000;
}
#pageBlock1 .page-block-txt p .btn-primary:hover{
	background: #b2d4d5;;
	color: #000000;
}

.carousel-inner .glyphicon-search{
	position: absolute; top: 30px; right: 30px; left: auto;
}
.btn-default{
	position: absolute; top: 0px; left: 0px; padding-bottom: 30px !important; background: none!important; color: #26ace2 !important; margin: 0px 0px 0px 30px; border-left: 1px solid #1181b2 !important; text-transform: uppercase!important; font-size: 16px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}
#pageBlock1 .btn-default{
	position: relative; 
}
.btn-default:before{
	background: rgba(0,0,0,1); position: absolute; top: 0px; left: -1px; width: 1px; height: 100%; content: ''; z-index: 0;
            animation: defaultBtnAni 2s 1; 
       -moz-animation: defaultBtnAni 2s 1; 
    -webkit-animation: defaultBtnAni 2s 1; 
         -o-animation: defaultBtnAni 2s 1; 
	animation-iteration-count:infinite; border-left: 1px solid #ffffff;
	-webkit-transition: opacity 0.5s ease-out;
	-moz-transition: opacity 0.5s ease-out;
	-o-transition: opacity 0.5s ease-out;
	transition: opacity 0.5s ease-out;

}

.page-block-caption .page-block-txt li{
	padding: 5px 0px;
}

.btn-default:hover{
	text-decoration: none !important; color: #ffffff !important; border-left: 1px solid #ffffff !important;
}
.btn-default:hover:before{
	opacity: 0 !important;
}



.home .page-block.slideshow .page-block-caption{
	width: 40%; margin-left: 10%; z-index: 20;
}
.home .page-block.slideshow .page-block-caption .page-block-ttl.ttl-only h2::before{
	content:''; 
	width: 40%; height: 5px; background: #000000; position: absolute; margin: 0px 0px 0px 0px; color: #000000; overflow: hidden; float: left; top: 0px; left: 0px;
	max-width: 120px;
}
.home .page-block.slideshow .page-block-caption .page-block-ttl.ttl-only h2::after{
	content:'';
	width: 40%; height: 5px; background: #000000; position: absolute; margin: 0px 0px 0px 0px; color: #000000; overflow: hidden; float: left; bottom: 20px; left: 0px;
	max-width: 120px;
}
.home .page-block.slideshow .page-block-caption .page-block-ttl.ttl-only h2{
	font-family: 'headfont'; text-transform: uppercase; font-size: 10vw;
}
.home .page-block.slideshow .page-block-caption .page-block-ttl.ttl-only h2 a{
}

.home .page-block.slideshow .item:nth-of-type(2n) .page-block-caption .page-block-ttl.ttl-only h2::before{
	background: #ffffff; color: #ffffff;
}
.home .page-block.slideshow .item:nth-of-type(2n) .page-block-caption .page-block-ttl.ttl-only h2::after{
	background: #ffffff; color: #ffffff;
}
.home .page-block.slideshow .item:nth-of-type(2n) .page-block-caption .page-block-ttl.ttl-only h2{
	color: #ffffff;
}

.page-block.slideshow {
	padding: 0px;
}

#bigslidehover{
	position: absolute; bottom: -2px; top: auto; left: 0px; width: 40vw; z-index: 19;
}

.left.carousel-control{
	width: 40px; height: 40px; background: #80a578!important; top: 50%; margin-top: -20px; opacity: 1;
}
.right.carousel-control{
	width: 40px; height: 40px; background: #80a578!important; top: 50%; margin-top: -20px; opacity: 1;
}
#pageBlock3 .left.carousel-control,
#pageBlock3 .right.carousel-control,
#plattegrondcarousel .left.carousel-control,
#plattegrondcarousel .right.carousel-control{
	background: #ffffff!important;
}

.left.carousel-control .glyphicon-menu-left,
.right.carousel-control .glyphicon-menu-right{
	top: 10px!important; color: #ffffff!important; margin-top: 0px !important; font-size: 20px!important;
}

#pageBlock3 .left.carousel-control .glyphicon-menu-left,
#pageBlock3 .right.carousel-control .glyphicon-menu-right,
#plattegrondcarousel .left.carousel-control .glyphicon-menu-left,
#plattegrondcarousel .right.carousel-control .glyphicon-menu-right{
	color: #000000!important; 
}

#pageBlockCarousel4339 .item::after {
	/*content:''; z-index: 1;
	width: 100%; height: 100%; background-image: url(../img/frame/header-overlay.png); background-position: top left; background-repeat: no-repeat; background-size: 200%; position: absolute; margin: 0px 0px 0px 0px;  overflow: hidden; top: 0px; left: 0px;*/
}


#detailcontainer-kadewoningen,
#detailcontainer-hofwoningen{
	width: 100%;
}
#plattegrondcarousel{
	width: 100%; float: left;
}
#specswoning{
	width: 100%; background: #80a578; padding-top: 30px; color: #ffffff; font-size: 16px; padding: 15px;
}
#specswoning .btn-primary{
	margin: 15px; padding: 10px 30px; background: #000000;
}
#specswoning .modal-content{
	color: #000000;
}
#interactiveselector{
	width: 100%; height: 100vw; padding: 0px;
}

#interactiveselector .page-block-image{
	padding: 0px;
}
#svglayer{
	position: absolute; left: 0px; top: 0px; width:100%; height: 100%;
}
.app-box{
	opacity: 0; cursor: pointer;
}
.app-box:hover{
	opacity: 1;
}
.app-box.active{
	opacity: 1;
}

#specswoning h2{
	font-size: 24px;
}
#specswoning small,
#specswoning .spec-label{
	font-size: 12px; margin-top: 10px;
}
#specswoning .spec-value{
	font-size: 1em; font-family: 'headfont';
}

.btn-pdf{
	position: absolute; top: 0px; right: 0px; left: auto;
}


.kadewoningen.exterieur .page-block .page-block-name h1,
.kadewoningen.interieur .page-block .page-block-name h1{
	background: #cd9735; padding: 8px 15px 4px; width: auto; float: left; font-size: 24px; margin-bottom: 15px; color: #ffffff; text-transform: uppercase;
}
.kadewoningen.exterieur .page-block .page-block-name h1 small,
.kadewoningen.interieur .page-block .page-block-name h1 small{
	color: #000000; text-transform: lowercase; font-size: 18px;
}
.hofwoningen.exterieur .page-block .page-block-name h1,
.hofwoningen.interieur .page-block .page-block-name h1{
	background: #b2d4d5; padding: 8px 15px 4px; width: auto; float: left; font-size: 24px; margin-bottom: 15px; color: #ffffff; text-transform: uppercase;
}
.hofwoningen.exterieur .page-block .page-block-name h1 small,
.hofwoningen.interieur .page-block .page-block-name h1 small{
	color: #000000; text-transform: lowercase; font-size: 18px;
}

.penthouses .page-block .page-block-name h1,
.penthouses .page-block .page-block-name h1{
	background: #83BEC2; padding: 8px 15px 4px; width: auto; float: left; font-size: 24px; margin-bottom: 15px; color: #ffffff; text-transform: uppercase;
}
.penthouses .page-block .page-block-name h1 small,
.penthouses .page-block .page-block-name h1 small{
	color: #000000; text-transform: lowercase; font-size: 18px; font-family: 'thinfont';
}
	

#pageBlockCarousel4792.page-block-carousel .page-block-caption{
    display: none;
}

@keyframes defaultBtnAni {
    0% { margin-top: 0; height: 100%; }
    50% { margin-top: 100%; height: 0px; }
    51% { margin-top: 0%; height: 0px; }
    100% { height: 100%; margin-top: 0%;}
}
@keyframes defaultBtnAniBig {
    0% { margin-top: 0; height: 100%; opacity:1; }
    50% { margin-top: 100vh; height: 0px; opacity:0; }
    51% { margin-top: 0%; height: 0px; opacity:1; }
    100% { height: 100%; margin-top: 0%; opacity:1;}
}
@keyframes defaultBtnAniHor {
    0% { right: 0; width: 30px; }
    50% { right: 30px; width: 0px; }
    51% { right: 0; width: 0px; }
    100% { right: 0; width: 30px; }
}


.justanimageblock{
	padding: 0px!important; width: 100% ;
}
.justanimageblock .page-block-image{
	padding: 0px!important; width: 100% ;
}
#pageBlock3{
	width:100%; padding-top: 30px; padding: 0px;
}



#situatie .page-block-image{
		padding: 75px 15px 30px 15px;
}
#situatie .page-block-caption{
	position: absolute; left: 0px;
}
#situatie .page-block-caption .page-block-ttl.ttl-only h2{
	text-align: center; font-size: 14px; margin: 0px; padding: 0px;
}
#situatie .page-block-image::before {
	content:''; 
	width: 40px; height: 40px; position: absolute; margin: 5px 0px 0px -20px; color: #000000; overflow: hidden; float: left; top: 45px; left: 50%;
	max-width: 120px; z-index: 1;
	background-image: url(../img/icons/pointer.svg); background-position: center center; background-repeat: no-repeat; background-size: contain;
}

.beschikbaarheid .page-block-caption .page-block-ttl.ttl-only{
	padding: 15px 0px;
}
.beschikbaarheid .page-block-caption .page-block-ttl.ttl-only h3{
	padding: 0px 0px; margin-top: 0px;
}

.woningen.page-block{
	background: #b2d4d5;
}

#settingsmenu{
	position: relative; float: left;
	width: 100%; background: #80a578; padding: 5px 0px 0px 0px;
}
#settingsmenu h2{
	text-transform: uppercase; font-size: 18px; padding: 0px 15px 10px 15px;
} 
#settingsmenu ul{
	padding: 0px; margin: 0px;
}
#settingsmenu ul li{
	list-style: none; padding: 0px; width:auto; float: left; position: relative;
}
#settingsmenu ul li a{
	text-decoration: none; padding: 7px 15px 5px 15px; width: 100%;float: left; position: relative;
	font-family: 'headfont';
}
#settingsmenu ul li a:hover{
	background: none; color: #fff;
}
#settingsmenu ul li a.active{
	background: #ffffff; color: #000000;
}
#settingscontainer{
	position: relative; float: left;
	width: 100%;
}
.setting-image{
	width: 100%;
}

.pointer{
	position: absolute; top: 0px; left: 0px;
}
.pointer-icon{
	width: 30px; height: 30px; position: absolute; top: 0px; left: 0px; text-align: center; line-height: 30px; z-index: 1;
}
.open-pointer,
.close-pointer{
	position: absolute; top: 0px; left: 0px;
}
.close-pointer{
	display: none;
}
.pointer.active .close-pointer{
	display: block;
}
.pointer-icon .clicked{
	fill: #000000!important;
}
.pointer-info{
	height: auto; position: fixed; top: 15px; left: 15px; text-align: left; padding: 30px 15px 15px 15px; background: #ffffff; z-index: 0;
	opacity: 0;
	
	-webkit-transition: opacity 0.3s ease-out;
	-moz-transition: opacity 0.3s ease-out;
	-o-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
}
.pointer-info h2{
	display: none;
}
#settingscontainer .pointer-info h2{
	display: block;
}
.pointer-info.active{
	opacity: 1;
}
.pointer-info.active{
	 z-index: 11;
}
.pointer.active{
	 z-index: 12;
}


#settingscontainer .pointer-icon{
	width: 40px; height: 40px;
}
#settingscontainer .pointer-icon svg{
	width: 40px;
}
#settingsinfo{
	position: relative; float: left; top: 0px; left: 0px;
	width: 100%; padding: 0px 0px 0px 0px;
}
#settingscontainer .pointer-info.active{
	z-index: 10; 
}
#settingscontainer .pointer-info h2{
	padding: 0px;
}
#settingscontainer .pointer-info p{
	font-size: 12px;
}
#settingsinfo .pointer-info-image img{
	width: 100%;
}
#settingsinfo .pointer-info-image.active{
	opacity: 1;
}
#settingsinfo .pointer-info-image{
	position: absolute; float: left; top: 0px; left: 0px;
	width: 100%; padding: 0px 0px 0px 0px; opacity: 0;
}

.setting-caption{
	position: absolute; top:40%; left: 0px; padding: 15px; width: 50vw; max-width: 300px;
}
.setting-caption h1{
	padding: 0px; margin: 0px; text-transform: uppercase;
}
.setting-caption h1::before{
	content:''; 
	width: 40%; height: 5px; background: #000000; position: relative; margin: 0px 0px 10px 0px; color: #000000; overflow: hidden; float: left; top: 0px; left: 0px;
	max-width: 120px; margin-right: 55%;
}
.setting-caption h1::after{
	content:'';
	width: 40%; height: 5px; background: #000000; position: relative; margin: 0px 0px 0px 0px; color: #000000; overflow: hidden; float: left; bottom: 0px; left: 0px;
	max-width: 120px;margin-right: 55%;
}
.setting-caption h2{
	font-size: 16px;
}

/*
#settingsinfo .pointer-info{
	position: absolute; top: 0px; left: 0px; padding: 15px; background: #cd9735; width:100%;
}*/

.name-sub{
	color: #80a578!important; background: #ffffff; padding: 8px 0px 2px 0px; font-size: 16px!important; margin-top: 3px; float: left;
}

.menu-pppenthouses .name-sub,
.menu-kadewoningen .name-sub,
.menu-hofwoningen .name-sub,
.menu-appartementen .name-sub,
.menu-penthouses .name-sub,
.menu-laanwoningen .name-sub{
	color: #ffffff!important; background: #aa5245!important; padding: 6px 4px 4px 4px; text-transform: uppercase; font-size: 16px!important; margin-top: 3px; float: left;
	margin-left: 0px; opacity: 1;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.menu-kadewoningen .name-sub{
	margin-left: 9px;
}
.menu-hofwoningen .name-sub{
	margin-left: 5px;
}
.menu-appartementen .name-sub{
	margin-left: 10px;
}
.menu-laanwoningen .name-sub{
	margin-left: 8px;
}
.menu-penthouses .name-sub{
	margin-left: 0px;
}
.menu-penthouses .name-sub a{
    color: #000000!important;
}

.home .menu-penthouses .name-sub,
.home .menu-appartementen .name-sub,
.home .menu-laanwoningen .name-sub,
.home .menu-penthouses .name-sub,
.menu-pppenthouses:hover .name-sub,
.menu-appartementen:hover .name-sub,
.menu-laanwoningen:hover .name-sub{
	opacity: 1;
}

.menu-penthouses,
.menu-appartementen,
.menu-laanwoningen{
	cursor: pointer;
}

#koophuurblock{
    position: absolute; top: 0px; background: #ffffff; height: 100vh; left: 0px; width: 100%; z-index: 10000; padding: 0px; 
}
#koophuurblock .container{
    max-width: 1400px;
}
#koophuurblock .page-block-caption{
    padding: 0px;
}
#koophuurblock .page-block-image{
    padding: 0px;
}
#koophuurblock .page-block-caption p{
    margin-bottom: 8px;
}
#koophuurblock .page-block-caption .btn-primary{
    width: 100%; background: #cca66d; color: #000000;
	font-family: 'thinfont'; padding: 10px 0px;
}
#koophuurblock .page-block-caption .btn-primary:nth-of-type(2n){
    background: #9bb393;
}
#koophuurblock .page-block-caption{
    padding: 0px;
}
#koophuurblock::before{
    position: absolute; top: -80px; background: #ffffff; height: 80px; left: auto; right: 0px; width: 120px; z-index: 10000; content: ' '; 
    display: none;
}

.logo .st00{
    fill:#ffffff;
}

@media(max-height:550px) {
	html,
	body {
		overflow-y:scroll!important;
  		-webkit-overflow-scrolling: touch!important;
		height: 100vh !important;
	}
	
	#pageBlock1{
		padding: 0px;
	}
}


	.mainmenu ul li.active a{
		color: #aa5245!important; background: none!important;
	}	
	.navbar-nav > li > .dropdown-menu li.active a{
		color: #aa5245!important; background: none!important;
	}

@media(max-width:768px) {
	.mainmenu ul li{
		min-height: 45px; height: auto; padding-top:2px; padding-right: 0px;
	}
	.mainmenu ul li a{
		color: #000000!important; background: none!important; padding: 0px 15px !important;
	}
	.mainmenu ul li a{
		opacity: 0;
	}
	.mainmenu ul li.active a{
		color: #aa5245!important; background: none!important;
	}
	.navbar-nav > li > .dropdown-menu{
		display: block!important; position: relative!important; float: left!important; height: auto; opacity: 1;
		width: 100% !important; padding-right: 15px;
	}
	.navbar-nav > li > .dropdown-menu li{
		height: auto; margin: 10px 0px 0px 0px!important; padding: 0px!important; width: auto; float: left; margin-left: 15px!important; min-height: 35px;
	}	
	.navbar-nav > li > .dropdown-menu li a{
		height: auto; margin: 0px!important; padding: 0px 0px 0px 0px!important; text-align: left; font-size: 16px;
		color: #000000!important;
	}	
	.navbar-nav > li > .dropdown-menu li.active a{
		color: #aa5245!important; background: none!important;padding: 0px 15px 0px 15px!important;
	}
	
	.dropdown a.menu-link{
		pointer-events: none;
	}	
	
	.page-block.setting{
		z-index: 1;
	}
	.page-block.setting .carousel-inner{
		overflow: visible!important;
	}
	.pointer-info{
		left: 0px !important; top: 56.25vw!important; position: absolute; width: 100vw; background: #cd9735; padding: 15px 30px; border-bottom:15px solid #ffffff;
	}
	#settingscontainer .pointer-info{
		left: 0px !important; top: 55vw!important; position: absolute; width: 100vw; padding: 15px;background: #ffffff;
	}
	#settingsinfo .pointer-info-image{
		top: 50vw;
	}
	.setting-caption h1{
		font-size: 22px;
	}
	.name-sub{
		position: absolute; top: 4px; left: auto; right: 15px; margin: 0px!important;
		background: #80a578; color: #ffffff!important; padding: 6px 4px 4px 4px!important; line-height: 24px!important;
		opacity: 1 !important;
	}
	.mainmenu ul li a.name-sub{
		padding-left: 30px!important; z-index: 1000000;
    margin-top: -10px!important;
        
	}
	.menu-no-link{
		color: #777; padding-top: 2px;
	}

    
    
}

@media(min-width:440px) {
	.page-block-image{
		padding: 30px 45px;
	}
	#situatie .page-block-image img{
		width: 100%; max-width: 300px; float: none; margin: 0 auto;
	}
}
@media(min-width:568px) {
	.page-block{
		padding: 0px 75px 0px 75px;  
	}
	#welcomeblock{
		padding: 0px 15px;
	}
	.detail-content .page-header .btn-primary {
		position: absolute; right: 15px; left: auto; top: 15px;
	}
	.block-image{
		width: 50%;
	}
	.home .page-block.slideshow .page-block-caption .page-block-ttl.ttl-only h2{
		font-size: 36px; 
	}
	.home .page-block.slideshow .page-block-caption{
		top: 5vw;
	}
}

.navbar-toggle .icon-bar{
    background: #ffffff;
}

.extra-menu ul li a{
    color: #ffffff; padding-top: 27px;
}

@media(min-width:768px) {
	.extra-menu{
		top: -85px; padding-right: 65px;
	}
	#interactiveselector{
		width: 100%; height: 40vw; padding: 0px; max-height: 576px;
	}
	#specswoning{
		height: 40vw; max-height: 576px;
	}
	#plattegrondcarousel{
		height: 40vw; max-height: 576px;
	}
	#header{
	}
	.main-content{
	}
	.nav-container{
		position: relative; width: 100%; padding: 0px; float: left; top: 0px; left: 0px;
	}
	.navbar-header{
		display: none;
	}
	#welcomebtn{
		margin-left: 0px; margin-top: 15px;
	}
	#welcomeclose{
		margin-left: 30px;
	}
	#openwelcome{
		 margin-top: 15px;
	}
	#theBody .mainmenu{
		position: relative; top: 0px; left: 0px; height: 45px!important; min-height: 0!important; margin: 30px 0px 45px 0px; float: left!important; width: 100%;  overflow: visible!important; display: block!important;
	}
	.home .nav-container{
		padding-bottom: 30px;
	}
	/*.home .navbar-header {
		position: relative;
		display: block; width: 50%; height: 10px;
	}
	.home .navbar-toggle{
		top: 15px; right: -15px;
	}*/
	.home .navbar-header {
		display: block;
	}
	.home .navbar-toggle{
		top: -90px;
	}
	#theBody.home .mainmenu{
		position: absolute; margin: 0px 0px 0px 0px; display: block!important; padding-top: 15px; height: 110px!important; background: #d1d5ce; top: -105px!important; pointer-events: none; opacity: 0;
		-webkit-transition: all 0.4s ease;
		-moz-transition: all 0.4s ease;
		-o-transition: all 0.4s ease;
		transition: all 0.4s ease; 
	}
	#theBody.home .mainmenu.open-big{
		pointer-events: all; opacity: 1; top: 25px!important;
	}
	.mainmenu .navbar-nav{
		right: auto; float: none!important; width: 100%; margin: 0 auto; max-width: 960px;
	}
	#mainmenu ul li {
		position: relative;
		padding: 0px 5px; height: 30px; float: left;
		width: auto; overflow: visible;
	}
	.mainmenu ul li.menu-no-link,
	.mainmenu ul li a,
	.extra-menu ul li a{
		text-align: left; font-size: 15px;  line-height: 1.2;
		padding: 5px 0px 5px 0px!important;  
   		font-family: 'headfont';
	}
	.name-sub {
    	font-size: 12px!important;
	}
	.menu-penthouses .name-sub, .menu-appartementen .name-sub, .menu-laanwoningen .name-sub {
    	font-size: 12px!important;
	}
	.mainmenu ul li.menu-no-link{
		padding: 5px 10px 5px 10px!important;  
	}
	.mainmenu ul li a{
		color: #000000 !important; background: #ffffff!important;
        background: none!important;
	}
	.mainmenu ul li a:hover{
		color: #80a578 !important; background: #ffffff!important;
        background: none!important;
	}
	.mainmenu ul li.active a,
	.mainmenu ul li.active a:hover{
		color: #aa5245 !important; background: #ffffff!important;
        background: none!important;
	}
	.navbar-nav > li > .dropdown-menu{
		position: absolute!important; left: -15px; top: 50px; width: 100%; min-width: 0; margin: 0px;
	}
	.navbar-nav > .open > .dropdown-menu{
		position: absolute!important; left: -15px; top: 25px; width: 100%; min-width: 0; margin: 0px;
	}
	.navbar-nav > li > .dropdown-menu li{
		width: 100%!important; min-width: 0; float: left; margin: 0px!important; padding: 0px 10px!important; height: auto!important;
	}
	.mainmenu ul li.active > .dropdown-menu li a,
	.navbar-nav > li > .dropdown-menu li a{
		padding: 8px 10px 0px 15px!important; text-align: left; font-size: 14px; background: #ffffff; color: #000000!important;
	}
	.dropdown-menu > li:hover > a,
	.dropdown-menu > li:hover > a,
	.dropdown-menu > li > a:hover{
		background: #ffffff!important;
	}
	.mainmenu ul li.active > .dropdown-menu li.active a,
	.dropdown-menu > .active > a,
	.dropdown-menu > .active:hover > a,
	.dropdown-menu > .active > a:hover{
		color: #aa5245 !important; background: #ffffff!important;
        background: none!important;
	}
	
	
	.social-icon{
		margin-right: 15px;
	}

	.btn-default{
		margin: 0px 0px 0px 35px;
	}
	
	.block-image{
		width: 50%;
	}

	.page-block{
		padding: 0px 0px 0px 0px;  
	}
	.block .block-image{
		width: 80%; margin: 0px 10% 15px 10%;
	}
	#pageBlock1{
		width:50%;
	}
	.de-groene-kaap #pageBlock1{
		width:60%; padding-left: 10%; padding-right: 5%;
	}
	.binnentuinen #pageBlock1,
	.openbare-looproute #pageBlock1{
		 padding: 0px 30px;
	}
	.beschikbaarheid #pageBlock1{
		width:40%; padding-left: 0%; padding-right: 0%;
	}
	#pageBlock2{
		width:50%; padding-top: 60px;
	}
	
	#pageBlock3{
		width:100%; padding-top: 60px;
	}
	.de-groene-kaap #pageBlock3{
		 width: 40%; float: right; padding: 0px;
	}
	.binnentuinen #pageBlock3,
	.openbare-looproute #pageBlock3{
		 width: 40%; padding: 0px;
	}

	
	
	.page-block.beschikbaarheid{
		width:60%; float: right;
	}
	.page-block.woningen{
		width:60%; float: right;
	}

	.page-block .page-block-name{
		padding: 30px 0px 0px 0px;
	}
	.page-block-caption .page-block-ttl{
		padding: 45px 0px 15px 0px;
	}
	.page-block-caption .page-block-txt{
	}

	.justanimageblock{
		padding: 0px; width: 50%;
	}
	.de-groene-kaap .justanimageblock{
		 width: 40%;
	}
	.binnentuinen .justanimageblock,
	.openbare-looproute .justanimageblock{
		 width: 25%;
	}
	
	
	
	
	#plattegrondcarousel{
		width: 30%;
	}
	#specswoning{
		width: 30%;
	}
	#interactiveselector{
		width: 40%;
	}
	
	
	#settingsmenu{
		width: 20%; height: 45vw; max-height: 518px;
	}
	#settingsmenu ul li{
		width:100%;
	}
	#settingscontainer{
		width: 80%;
	}
	#settingscontainer .pointer-icon{
		width: 60px; height: 60px;
	}
	#settingscontainer .pointer-icon svg{
		width: 60px;
	}
	#settingscontainer .pointer-info{
		margin-left: 30px; margin-top: 30px;
	}
    
    #koophuurblock{
        top: 6px;
    }
    #koophuurblock .page-block-caption .btn-primary{
        width: 50%; 
    }
    #koophuurblock::before{
        height: 120px; top: -120px;
    }
}


@media(min-width:991px) {
	.mainmenu ul li.menu-no-link,
	.mainmenu ul li a,
	.extra-menu ul li a{
		font-size: 16px;
		padding: 5px 15px 5px 0px!important; 
	}
	.extra-menu ul li a{
		padding: 5px 0px 5px 0px!important; 
	}
	.name-sub,
	.menu-penthouses .name-sub, .menu-appartementen .name-sub, .menu-laanwoningen .name-sub {
    	font-size: 16px!important;
	}
	.mainmenu ul li.menu-no-link{
		padding: 5px 25px 5px 10px!important;  
	}
	#pageBlock1{
		width:50%; margin-left: 20%; float: left;
	}
	#pageBlock2,
	#pageBlock3{
		width:30%;
	}
	#situatie{
		position: absolute; left: 0px; top: 60vw; width: 20%;
	}

	.de-groene-kaap #pageBlock1{
		width:50%; padding-left: 10%; padding-right: 5%; margin: 0px;
		height: 25vw; max-height: 360px;
	}
	.beschikbaarheid #pageBlock1{
		margin: 0px;
	}
	.de-groene-kaap #pageBlock3{
		 width: 50%; float: left;
	}
	.de-groene-kaap .justanimageblock{
		 width: 50%; float: right;
	}
	.block-image{
		width: 25vw; max-width: 360px;
	}
	
	
	.binnentuinen #pageBlock1,
	.openbare-looproute #pageBlock1{
		margin: 0px; width: 25%;
	}
	.binnentuinen #pageBlock3,
	.openbare-looproute #pageBlock3{
		 width: 50%;
	}
	.binnentuinen .justanimageblock,
	.openbare-looproute .justanimageblock{
		 width: 25%;
	}

}

@media(min-width:1280px){
	
}


@media(min-width:1440px) {
	
	h1{
		padding-bottom: 15px;
	}
	#situatie{
		top: 820px;
	}
	
	
	#pageBlock1 .page-block-caption .page-block-ttl,
	#pageBlock1 .page-block-caption .page-block-ttl h2 p,
	#pageBlock1 .page-block-caption .page-block-ttl h2 {
	}

}
@media(min-width:1920px) {
	

	#pageBlock1 .page-block-caption .page-block-ttl,
	#pageBlock1 .page-block-caption .page-block-ttl h2 p,
	#pageBlock1 .page-block-caption .page-block-ttl h2 {
	}

}

.row-list{
	width: 100%; border-bottom:3px solid #ffffff; position: relative; float: left; top: 0px; left: 0px;
	font-size: 12px; padding-top: 2px; padding-left: 15px; color: #ffffff;
}
.row-list a{
	text-decoration: none;
}
.row-list.active,
.row-list:hover{
	background: #80a578;
}

.row-value{
	width: 26%; float: left; top: 0px; left: 0px; position: relative; padding: 5px 0px; min-width: 80px;
}
.row-label{
	text-transform: capitalize; font-family: 'headfont';
	font-size: 14px;
}
.row-list .row-value:nth-of-type(4){
	max-width:30px; min-width: 0px;
}
.row-list .row-value:nth-of-type(5){
	max-width:40px; min-width: 0px;
}
.row-list .row-value:nth-of-type(7){
	max-width:60px; min-width: 0px;
}
@media(min-width:991px) {
.row-value{
	min-width: 100px;
}
.row-list .row-value:nth-of-type(4){
	max-width:40px;
}
.row-list .row-value:nth-of-type(5){
	max-width:50px;
}
.row-list .row-value:nth-of-type(7){
	max-width:70px;
}
}
@media(min-width:1380px) {
.row-value{
	min-width: 100px !important; width: 20%;
}
#koophuurblock::before{
    width: 35%;
}
}

.block{
	padding: 0px 0px 0px 0px;  
}
.block .block-image{
	width: 100%; margin: 0px 0px 0px 0px; max-width: none;
}









.settings.block{
	padding: 5px;
}
.settings.block .block-caption{
	position: absolute;
	background: rgba(46,46,46,0.8); width: 70%; left: 15px; bottom: 15px; top: auto;
	padding: 15px 15px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.settings.block:hover .block-caption{
	background: rgba(46,46,46,1);
}
.settings.block .block-caption h2 a{
    font-family: 'Roboto-LightItalic';
	color: #AFAFAF; font-size: 22px; padding-bottom: 10px; width: 100%; float: left;
}
.settings.block .block-caption h3 a{
    font-family: 'Roboto-Regular';
	font-weight: normal; color: #ffffff; text-transform: uppercase;
	letter-spacing: 1.5px;
	
}

.settings-icon{
	border-radius: 50%; background: #2E2E2E; color: #ffffff; width: 36px; height: 36px; position: absolute; top: 0px; left: 0px; text-align: center; line-height: 31px; text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
	
	border: 3px solid #AFAFAF;
}
.main-settings-container{
	position: relative; float: left; width: 100%;
	padding: 0px 0px; margin-bottom: 15px; overflow: hidden;
}
.setting-image{
	position: relative; float: left; width: 100%;
}
.settings .detail-content .main-textblock-container{
	max-width: 1920px;
}
.settings-icon:hover,
.settings-icon.active {
    color: #2E2E2E;
    background: #ffffff; text-decoration: none;
	
	border: 3px solid #ffffff;
}

.prev-setting,
.next-setting{
	position: absolute; left: 0px; height: 100%; background: rgba(255,255,255,0.8); width: 45px; color: #000; padding-top: 27%; text-align: center;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.prev-setting:hover,
.next-setting:hover{
	background: rgba(255,255,255,1);
}
.prev-setting img,
.next-setting img{
	width: 30px;
}
.next-setting{
	left: auto; right: 0px;
}

.settings #thecontainer{
	position: absolute; width: 300px; height: 100%; background: rgba(255,255,255,0.95); top: 0px; left: auto; right: -345px; overflow: hidden; opacity: 0;
	padding: 15px 15px;
	
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; 
}
.settings #thecontainer h1{
	margin: 0px; padding: 5px 15px 15px 15px; font-size: 18px;
    font-family: 'Roboto-Regular';
	font-weight: normal;
	letter-spacing: 1.5px;
}

.settings #thecontainer .lister.shop-block{
	width: calc(100% - 30px) !important; position: absolute; top:120px; left: 300px; border: 0px; max-width: 300px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease; padding:0px 0px !important;
	height: calc(100% - 150px);
}

.settings #thecontainer .lister.shop-block .thumbnail{
}

.settings #thecontainer.active{
	right: 45px; opacity: 1;
}
.settings #thecontainer .lister.active{
	left: 15px;
}
.settings #thecontainer .settings-icon{
	position: relative; float: left; z-index: 1; margin: 5px 0px 0px 10px; border: 1px solid #696969; font-size: 11px; width: 24px; height: 24px; line-height: 23px;
}

.inlist-tipscontainer{
	position: relative; float: left; width: 100%; top: 0px; left: 0px;
}

.settings #thecontainer .inlist-tipscontainer .lister.shop-block{
	position: relative; float: left; width: 50%!important; padding: 5px !important; left: 0px; top: 0px; margin-bottom: 0px;
}
.settings #thecontainer .inlist-tipscontainer .lister.shop-block .thumbnail{
	margin-top:0px;
}

.settings #thecontainer .inlist-tipscontainer .lister.shop-block .caption{
	display: none;
}

@media all and (orientation:portrait) and (max-width:768px) {
	
	.main-settings-container::after{
		position: fixed; top: 0px; left: 0px; background-color: rgba(46,46,46,0.9); width: 100%; height: 100%; content: ' '; z-index: 100000;
		
		background-image: url(../img/icons/phone-turn.svg); background-position: center center; background-size: 20%; background-repeat: no-repeat;
		
	}
	
}

@media all and (max-width:768px) {
	
.settings #thecontainer{
	 width: 200px;right: -245px;
}
.settings #thecontainer.active{
	right: 45px; opacity: 1;
}
.settings #thecontainer .settings-icon{
	position: relative; float: left; z-index: 1; margin: 5px 0px 0px 7px; width: 15px; height: 15px; line-height: 15px; font-size: 8px; left: 5px;
}
.settings #thecontainer .lister.shop-block{
	top:100px;
	height: calc(100% - 100px);
}

}

@media all and (min-width:768px) {
	
.pointer-info{
	position: absolute; width: 300px;
}	
.pointer-info.inverse{
	position: absolute; width: 300px; margin-left: -270px!important;
}
.pointer-info.inverse-top{
	position: absolute; width: 300px; margin-top: -150px!important; padding-top: 15px;
}
#settingscontainer .pointer-info{
	 width: 210px; padding-right: 10px; left: 30px; top: 30px;
}
#settingscontainer .pointer-info.inverse{
	margin-left: -200px!important;
}
}


.contact #pageBlock1{
	width: 100%; margin: 0px; padding: 0px; text-align: center!important;
}
.contact #pageBlock1 .page-block-container{
	padding-bottom: 0px;
}
.contact #pageBlock1 .page-block-image{
	width: 120px; padding: 0px;
	 float: none; margin: 0 auto; margin-top: 30px;
}
.contact #pageBlock1 .page-block-caption .page-block-txt,
.contact #pageBlock1 .page-block-caption .page-block-name h1{
	text-align: center!important;
}
.sfeer-contact{
	padding: 0px;
}
.een-ontwikkeling-van{
	width: 100%; padding-bottom: 30px;
}
.een-ontwikkeling-van .page-block-caption .page-block-ttl{
	text-align: center!important; margin-bottom: 60px; margin-top:0px;
}
.een-ontwikkeling-van .page-block-image{
	position: absolute; text-align: center; padding: 0px!important;
}
.een-ontwikkeling-van .page-block-image img{
	width: 200px; float: none; margin: 0 auto; margin-top: 45px;
}
.een-ontwikkeling-van .btn-primary{
	width: 200px; float: none; margin: 0 auto; margin-top: 0px; position: relative;
}

.tohomedna{
	background: #b2d4d5;
}

.tohomedna .page-block-caption .page-block-ttl{
	text-align: center!important; padding-top: 30px;
}
.tohomedna .page-block-link{
	padding-bottom: 45px;
}
.tohomedna .page-block-link .btn-primary{
	background: #000000; text-transform: uppercase; padding: 10px 15px;
}


.page-block.map {
	padding: 0px;
}
#map2{
	width: 100%; height: 50vw;
}

@media all and (min-width:768px) {
.page-block.map {
	width: 50%; 
}
.sfeer-contact{
	width: 50%; 
}
#map2{
	width: 100%;  height: 28.13vw; max-height: 405px;
}
	
}

#form_contact_container{
	margin: 15px 0px; position: relative; float: left;
}
fieldset .btn-primary{
	width: 100%; padding: 15px;
}

#verhuurformulier{
	width: 100%;
}
@media all and (min-width:768px) {

#verhuurformulier{
	width: 25%;
}
}


.penthouses-in-verkoop  h1{
    font-family: 'NEWheadfont'; text-transform: uppercase;
}

.penthouses-in-verkoop h2, h3, h4, h5, h6{
    font-family: 'NEWheadfont'; text-transform: uppercase;
}

.penthouses-in-verkoop #pageBlock1{
    z-index: 1; width: 100%; margin: 0px;
}
.penthouses-in-verkoop h1{
    font-size: 24px; text-align: center!important; max-width: 400px; margin: 0 auto; float: none; color: #000000;
}
.penthouses-in-verkoop h1 small{
    font-size: 40px; color: #000000;
}
#sfeer-penthouse-1{
    padding: 0px 15px;
}
#sfeer-penthouse-1 h2{
    text-transform: none;
}
.page-block-page-image{
    padding: 0px;
}
#sfeer-penthouse-1 .page-block-caption .page-block-ttl{
}
#sfeer-penthouse-1 .page-block-caption .page-block-txt{
    margin: 0 auto; float: none; width: 100%; max-width: 600px; 
}

#interesse .page-block-caption .page-block-ttl,
#interesse .page-block-caption .page-block-txt,
#interesse2 .page-block-caption .page-block-ttl,
#interesse2 .page-block-caption .page-block-txt{
    text-align: center; padding: 0px 0px 10px 0px;
}

#interesse,
#interesse2{
    margin-bottom: 45px;
}


.penthouses-in-verkoop .btn-primary{
    background: #ffffff; border:1px solid #000000; color: #000000;
    font-family: 'NEWheadfont'; text-transform: uppercase;
    font-size: 20px; padding: 8px 20px;
}
.penthouses-in-verkoop .btn-primary:hover{
    background: #d1d5ce; border:1px solid #d1d5ce; color: #000000;
}


#specs .page-block-image{
    padding: 0px; width: 150px;
}
#specs .page-block-caption{
    width: calc( 100% - 150px); margin-bottom: 30px;
}
#specs .page-block-caption .page-block-ttl{
    padding: 0px;
}
#specs .page-block-caption .page-block-ttl h2{
    font-size: 16px;
    font-family: headfont;
}
#specs .page-block-caption .page-block-txt h3{
    font-size: 24px;
}
#specs .page-block-page-image{
    width: 100%!important;  margin-bottom: 30px;
}
#specs .page-block-page-image img{
    width: 100%!important;
}

#plan{
    margin-bottom: 30px;
}

#plan .page-block-caption{
    display: none;
}

#badkamer{
    padding: 0px; margin-bottom: 45px;
}
#badkamer .page-block-caption{
    position: absolute; max-width: 270px; left: auto; right: 30px;
}
#badkamer .page-block-caption .page-block-ttl h2,
#badkamer .page-block-caption .page-block-txt p,
#badkamer .page-block-caption .page-block-txt ul li,
#badkamer .page-block-caption .page-block-txt h3{
    color: #ffffff; text-align: center; text-transform: uppercase; 
}
#badkamer .page-block-caption .page-block-ttl{
    padding: 0px;
}
#badkamer .page-block-caption .page-block-ttl h2{
    font-size: 24px; padding: 0px 45px;
}
#badkamer .page-block-caption .page-block-txt p{
    font-family: 'NEWheadfont'; 
    font-size: 30px;
}

#dviewer{
    padding: 0px!important; overflow: hidden!important;
}


.verkocht-banner{
	color: #ffffff!important; background: #aa5245!important; position: absolute; top:0px; left: 0px; z-index: 100;
    text-align: center; width: 140%; padding: 45px 30px 35px 30px;
    transform: rotate(-10deg); left: -20%; top: 20%; font-size: 60px; line-height: 60px;
}

#pano{
    padding: 0px; border: 0px; width: 100%!important; max-height: 700px; height: 60vw;
}

@media all and (min-width:768px) {
    #sfeer-penthouse-1{
        margin-top: -45px; padding: 0px 15px;
    }
    #sfeer-penthouse-1 .page-block-caption .page-block-ttl{
        margin-top: -100px; margin-bottom: 40px;
    }
    #specs .page-block-image{
        width: 40%;
    }
    #specs .page-block-caption{
        width: 60%; padding-left: 45px;
    }
    #specs .page-block-image img{
        max-width: 200px; float: right;
    }
    #specs .page-block-page-image{
        width: 100%!important;  margin-bottom: 30px;
    }
    #specs .page-block-page-image img{
        width: 100%!important;
        max-width: none; 
    }
    #badkamer .page-block-caption{
        max-width: 300px; top: 45px; right: 15%;
    }
    #badkamer .page-block-caption .page-block-ttl h2{
        font-size: 24px; padding: 0px 55px;
    }
    #badkamer .page-block-caption .page-block-txt p{
        font-size: 40px; line-height: 1.1;
    }
}

input.form-control{
    font-size: 16px;
}
.alert-success{
    background: #d1d5ce; text-align: center;
}

@media all and (min-width:1280px) {
    #specs .page-block-page-image::after{
        display: block; background: rgba(0,0,0,0.2); top: 0px; left: 0px; width: 100%; height: 100%; position: absolute;
        content: '';
    }
    #specs .page-block-image{
        position: absolute; top: 105px;
    }
    #specs .page-block-caption{
        position: absolute; left: 40%; top: 10px!important;
    }
    #specs .page-block-caption .page-block-ttl h2,
    #specs .page-block-caption .page-block-txt p,
    #specs .page-block-caption .page-block-txt ul li,
    #specs .page-block-caption .page-block-txt h3{
        color: #ffffff;
    }
    #specs .page-block-page-image{
        margin-bottom: 60px; position: relative!important; top: 0px!important; left: 0px!important;
    }
}
@media all and (min-width:1440px) {
    #sfeer-penthouse-1 .page-block-caption .page-block-ttl{
        margin-top: -230px; margin-bottom: 140px;
    }
    #specs .page-block-caption{
        top: 30px!important;
    }
}