.site,
body.site{
    position: relative;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .site .form-control {
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-weight: 400;
    font-size:16px;
}

.site#user-account #content { padding-top:150px !important; }


.site p                 {}
.site a,
.site a:hover,
.site a:focus,
.site a:active          {}
.site b, .site strong   {}
.site h1                {}
.site h2                {}
.site h3                {}
.site h4                {}
.site h5                {}
.site h6                {}
.site h1, .site h2, .site h3, .site h4, .site h5, .site h6
{margin-top: 0;}

.site h1, .site .h1                         {font-size: 36px; font-weight:bold; }
.site h1 + .subtitle, .site .h1 + .subtitle {font-size: 21px;}
.site h2, .site .h2                         {font-size: 30px;}
.site h2 + .subtitle, .site .h2 + .subtitle {font-size: 20px;}
.site h3, .site .h3                         {font-size: 24px;}
.site h3 + .subtitle, .site .h3 + .subtitle {font-size: 18px;}
.site h4, .site .h4                         {font-size: 20px;}
.site h4 + .subtitle, .site .h4 + .subtitle {font-size: 16px;}
.site h5, .site .h5                         {font-size: 18px;}
.site h5 + .subtitle, .site .h5 + .subtitle {font-size: 16px;}
.site h6, .site .h6                         {font-size: 16px;}
.site h6 + .subtitle, .site .h6 + .subtitle {font-size: 16px;}

.site .ellipsis             {max-width: 100%; text-overflow: ellipsis; white-space: pre; overflow: hidden;}
.site .ellipsis_pre-line    {max-width: 100%; text-overflow: ellipsis; white-space: pre-line; overflow: hidden;}

.site .p-a-120    {padding: 120px 120px 120px 120px !important;}
.site .p-t-120    {padding-top: 120px !important;}
.site .p-l-120    {padding-left: 120px !important;}
.site .p-r-120    {padding-right: 120px !important;}
.site .p-b-120    {padding-bottom: 120px !important;}
.site .p-a-150    {padding: 150px 150px 150px 150px !important;}
.site .p-t-150    {padding-top: 150px !important;}
.site .p-l-150    {padding-left: 150px !important;}
.site .p-r-150    {padding-right: 150px !important;}
.site .p-b-150    {padding-bottom: 150px !important;}

.site button,
.site button:hover,
.site button:focus,
.site button:active   {}

/*.site .btn            {margin: 0 0 0 0; border: 1px solid; padding: 7px 20px; font-size:16px;}
.site .btn:hover      {}
.site .btn:focus      {}
.site .btn:active     {}
.site .btn.active     {}

.site .btn-xs         {}
.site .btn-sm         {}
.site .btn-lg         {}
.site .btn-link,
.site .btn-link:active,
.site .btn-link:focus,
.site .btn-link:hover {border: 0;}*/

.site .btn-social		    {line-height: 30px; width: 30px; font-size: 20px; padding: 0 0 0 0 !important; margin-right: 5px; margin-bottom: 15px; border-radius: 15px; text-align: center; border: 0;}
.site .btn-social.btn-lg	{line-height: 40px; width: 46px; font-size: 26px; border-radius: 23px; border-width: 3px; margin-right:5px; border: 3px solid; height: 46px;}
.site .btn-social.btn-xl	{line-height: 50px; width: 50px; font-size: 36px; border-radius: 25px;}
.site .btn-social.btn-xxl	{line-height: 80px; width: 80px; font-size: 44px; border-radius: 40px;}
.site .btn-social.btn-xl i	{font-size: 28px;}

.site .btn > small i	{font-size: 16px;}

.site .h-100    {height: 100%;}

.font2 { font-family: 'Shadows Into Light', cursive; }

.site header {
    width: 100%;
    z-index: 20;
    background-color: #FFF;
}

.site #content {
    position:relative;
    overflow:hidden;
}

.site .form-group {
    position: relative;
    /* rechtermarge op 0 gezet, 140417 (partners contactblok groenhout) */
    margin: 0 0px 15px 0;
    padding-bottom: 0;
}


.site .btn {
    margin: 0 0 0 0;
    border: 0;
    border-radius:0px;
    padding: 10px 20px;
    font-size:16px;
}


.site button,
.site button:hover,
.site button:focus,
.site button:active { }

.site #socialmedia {
    position: fixed;
    right: 0;
    top: 300px;
    z-index: 99;
}

.site #socialmedia .socialbutton {
    padding: 0;
    border-radius: 0 0;
    margin-bottom: 0;
}

.site #socialmedia .socialbutton a {
    display: block;
    padding: 7px 15px 7px 15px;
    font-size: 20px;
    border-radius: 0;
    text-align: center;
    color:#FFF;
}


/* topbar */

.site header > .topbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 15px;
    transition: visibility 0s, opacity 0.5s linear;

}
.site header > .topbar > .navbar-header {
    float: left;
    margin-left: -15px;
    margin-right: -15px;
}

.site header > .topbar > .nav {
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

.site header > .topbar > .navbar-left{
    float: left;
}

.site header > .topbar > .navbar-left a.btn{
    text-align: center;
    width:50px;
}


.site header > .topbar > .navbar-left .backlink{
    border:0;
}
.site header > .topbar > .navbar-left .backlink a.btn {
    padding-left: 30px;
}

.site header.shrink{
    top:0;
}

.site header.shrink > .topbar > .navbar-left .logo-icon{
    display:block !important;
    padding-left: 5px;
}

.site header > .topbar > .navbar-left .logo-icon a.btn {
    padding:5px;

}

.site header > .topbar > .navbar-left .logo-icon a img {
    width:40px;
    height:40px;

}


.site .main-menu {
    font-size: 16px;
}

.site header > .topbar > .nav > li,
.site header > .topbar > .nav > .loginmenu-wrapper > li {
    display: inline-block;
    float: left;
}


.site header > .topbar > .nav > li.active a::after,
.site header > .topbar > .nav > .loginmenu-wrapper > li.active a::after,
.site header > .topbar > .nav > .loginmenu-wrapper > li a:hover::after,
.site header > .topbar > .nav > li a:hover::after{
    opacity: 1;
    transform:translateY(0px);
}


.site header > .topbar > .nav > li.slogan,
.site header > .topbar > .nav > .loginmenu-wrapper > li.slogan
{
    margin-bottom: 0;
    line-height: 20px;
    font-size: 17px;
    box-shadow: 0 0 0 0 !important;
    text-transform: none;
    font-size:14px;
    padding: 0px 0px;
}

.site header > .topbar > .nav > li > a,
.site header > .topbar > .nav > .loginmenu-wrapper > li > a {
    padding: 14px 16px;
    height: 50px;
}

.site header > .topbar > .navbar-right> .loginmenu-wrapper > li > a.usericon,
.site header > .topbar > .navbar-right > li > a.usericon {
    padding: 7px 10px !important;
    line-height: 36px;
}

.site header > .topbar > .nav .navbar-form {
    margin-top:0;
    padding-left:10px;
}

.site header > .topbar > .nav .input-group-btn{
    padding-right:0;
}

.site header > .topbar > .nav  .btn-search {
    height: 49px;
    padding-left: 10px;
    padding-right: 10px;
}
.site header > .topbar > .nav  input {
    height:49px;
}

.site header > .topbar > .nav  input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
}
.site header > .topbar > .nav  input::-moz-placeholder { /* Firefox 19+ */
    line-height:50px;
}
.site header > .topbar > .nav  input:-ms-input-placeholder { /* IE 10+ */
}
.site header > .topbar > .nav  input:-moz-placeholder { /* Firefox 18- */
}



.site header > .topbar > .nav > li > a.btn,
.site header > .topbar > .nav > .loginmenu-wrapper > li > a.btn {
    border-radius:0;
}

/* navbar */

.site header > .navbar {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 15px;
}

.site header > .navbar > .navbar-header {
    float: left;
    margin-left: -15px;
    margin-right: -15px;
}


.site header > .navbar > .nav {
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}
.site .main-menu {
    font-size: 16px;
}

.site header > .navbar > .nav > li {
    display: inline-block;
}


.site header > .navbar > .nav > li.active a::after,
.site header > .navbar > .nav > li a:hover::after,
.site .navigation-bar nav > .nav > li.active a.tablink::after,
.site .navigation-bar nav > .nav > li a.tablink:hover::after
{
    opacity: 1;
    transform:translateY(0px);
}

#scrollspy .scrollspy-bar{
    max-height: 70px;
    overflow: hidden;
}

.site .navigation-bar nav > .nav > li:first-child .tablink {padding-left:0;}

.site header > .navbar > .nav > li a {
    margin-bottom: 0;
    padding: 20px 20px 15px;
    line-height: 65px;
    font-size: 17px;
    box-shadow: 0 0 0 0 !important;
    text-transform: none;
    font-weight:bold;
}

.site header.shrink > .navbar > .nav > li a,
.site header.shrink .navbar-form-search .btn-search {
    line-height: 40px;

}


.site .navbar-detail {
    background-color: rgba(51,51,51, 0.90);
}


.site header > .navbar > .nav > li > a::after,
.site .navigation-bar nav > .nav > li > a.tablink::after
{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 8px;
    content: '';
    opacity: 0;
    -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s;
    transition: height 0.3s, opacity 0.3s, transform 0.3s;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    transform: translateY(-10px);
}

.site header .dropdown-menu {
    margin: 0 0 0 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
    padding: 0 0 0 0;
    overflow: hidden;
    min-width: 200px;
}

.site header .dropdown-menu > li {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}

.site header .dropdown-menu li h5{
    display:none;
}


.site .visual > .visual-container {
    position: absolute;
    z-index: 10;
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
    top:110px;

}

.site .visual > .visual-container .block { padding:40px 50px; }
.site .visual > .visual-container .form-group { margin-bottom:15px; }
.site .visual h2 {letter-spacing: -0.3px;}

.site .visual-scroll-down {
    background: url(../images/single-white-down.svg) no-repeat center 20px/auto 15px;
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: -37px;
    transition: background .2s;
    border-radius: 35px;
    border: 10px solid #FFF;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;

}

.site .productVisual .visual-scroll-down {
    right:auto;
    left:40px;
    background: url(../images/single-color-down.svg) no-repeat center 20px/auto 15px;
    bottom:-46px;
    color:#FFFFFF !important;
    background-color: #FFFFFF;
}

/*
.site .carousel-inner .fill {

    width: 100%;
    height: 100%;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
*/



/* Background images are set within the HTML using inline CSS, not here */

.site #carousel-homepage .fill {
    background-position: right top;
    background-size: 100% auto;
    padding-bottom:41%;
    background-repeat:no-repeat;
}



.site .large-form .form-group .form-control, .site .form-group.large-form .form-control {
    border:none;
    border-radius:0;
    height: 60px;
    padding: 10px 10px;
    font-size: 18px;
    font-family: 'Roboto', Arial, 'serif';
    font-weight: 300;
    font-style:italic;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 0 0 0 0;
}


.site .form-group.large-form .form-control::-webkit-input-placeholder {  font-size: 18px; }
.site .large-form .form-group .form-control::-webkit-input-placeholder {  font-size: 18px; }
.site .form-group.large-form .form-control::-moz-placeholder {  font-size: 18px; } /* firefox 19+ */
.site .large-form .form-group .form-control::-moz-placeholder {  font-size: 18px; } /* firefox 19+ */
.site .form-group.large-form .form-control:-ms-input-placeholder {  font-size: 18px; } /* ie */
.site .large-form .form-group .form-control:-ms-input-placeholder {  font-size: 18px; } /* ie */
input:-moz-placeholder {  font-size: 18px; }


.site .large-form.no-radius .form-group .form-control, .site .form-group.large-form .form-control {
    border-radius:0px;
}


.site .form-select:before {
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    right: 1px;
    width: 2em;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    color: rgba(0, 0, 0, 0.75);
    background: white;
    line-height: 32px;
}

.site .large-form .form-select:before {
    right: 10px;
    font-size:30px;
}

.site .project {
    border-radius: 0 0 0 0 !important;
    height: 100%;
    margin-bottom: 0;
    position: relative;
    box-shadow:none;
}

.site .project-container h4 {
    margin: 0 0 30px 0;
    font-weight: 600;
    letter-spacing: -1px;
    font-size:24px;
}

.site .project .project-image {

    width: 100%;
    background-position: center top;
    background-size: cover;
    /*background-position: center center;
    background-size: cover;*/
    background-repeat: no-repeat;
    display: block;
    position: relative;
    padding-bottom: 66%;

}
.site .project .project-info {
    display: block;
    padding: 50px 40px 60px;
}


.site .reference-project .project-image {
    height: 350px;
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    display: block;
    position: relative;
}

.bar-left::before {
    content: '';
    position:absolute;
    left:0;
    width:2px;
    height:100%;
}

.bar-left-sm::before {
    width:1px;
}
.site .project .project-info .project-description100{
    font-weight: normal;
    width: 100%;
    float: left;
}

.site .project .project-info .project-description50 {
    font-weight: normal;
    width: 50%;
    float: left;
}
.site .status-label {
    font-size: 19px;
    position: absolute;
    font-weight:500;
    left: 0;
    top: 15px;
    padding: 10px 20px;
    border-radius:0;
}

.site .status-label.top-right {
    left:auto; right:0;
}

.site .label-small {
    font-size: 18px;
    font-weight:500;
    padding: 5px 10px;
    top: -5px;
}

.panel-link, .panel-link:hover {display:block; position:absolute; bottom:25px; }

.status-label.square { padding:25px 20px; font-size:20px; font-style:italic; font-weight: 100; letter-spacing:2px; }
.status-label.square h4 { font-size:22px; font-weight:600; margin:0; letter-spacing: 2px; }
.status-label.square.top-left { left:40px; top:0; }
.status-label.square.top-right { right:40px; top:0; left:auto; }

.status-label.square.small {
    font-size:12px;
    padding:5px;
}

.status-label.diagonal.top-right {
    right: -53px;
    top: 32px;
    padding: 17px 70px 17px 64px;
    text-decoration:none;

    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Safari */
    transform: rotate(45deg);
}

.status-label.diagonal.top-left {
    left: -53px;
    top: 32px;
    padding: 17px 70px 17px 64px;
    text-decoration:none;

    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Safari */
    transform: rotate(-45deg);
    box-shadow: 3px 3px 3px #888888;
}

.status-label.bottom-right {
    top:195px;
    left:initial;
    right:10px;
    padding: 17px 70px 17px 64px;
    text-decoration:none;
}


.status-label.diagonal.longtext {
    left: -69px;
    top: 32px;
    padding: 17px 105px 17px 49px;
}
.productVisual .status-label.diagonal.top-left{
    left:-62px;
}

.status-label.diagonal.top-left:before,
.status-label.diagonal.top-left:after,
.status-label.diagonal.top-right:before,
.status-label.diagonal.top-right:after {
    content: "";
    border-top:   4px solid #333;
    border-left:  4px solid transparent;
    border-right: 4px solid transparent;
    position:absolute;
    bottom: -4px;
}

.status-label.diagonal.top-left:before,
.status-label.diagonal.top-right:before {
    left: 0;
}
.status-label.diagonal.top-left:after,
.status-label.diagonal.top-right:after {
    right: 0;
}

.site .projectOverview .status-label-count-2 {
    margin-top:45px;
}

.site .projectOverview .status-label-count-3 {
    margin-top:90px;
}

.site .projectOverview .status-label-count-4 {
    margin-top:135px;
    display:none;
}

.site .projectOverview .status-label-count-5 {
    margin-top:180px;
    display:none;
}

.site .projectOverview .status-label-count-6 {
    margin-top:225px;
    display:none;
}

.site .woning-detail .status-label {
    position: relative;
    margin: 0 15px 0 0;
}


.label-wrapper { overflow:hidden; position:relative;height:100%;}

.site .bar.custom-content { padding: 0; margin-bottom:10px; }
.site .bar.custom-content:first-child { padding:100px 0 0 0; }
.site .bar.custom-content:last-child { padding:0 0 70px 0; }
.site .bar.custom-content:last-child:first-child { padding:100px 0 70px 0; }

.site .bar{
    padding: 80px 0 60px;
}

.site .bar-sm {
    padding:18px;
}

.project-container .project-sales { height: 370px; background-position: center; background-size:cover; position:relative; background-image:url('../images/cijfers.jpg'); background-repeat: no-repeat; }
.project-container .project-sales .overlay { position:absolute; width:100%; height:100%; background-size:100%; background-image:url('../images/sales.png'); background-color: rgba(0,0,0, 0.2) !important; z-index:5; }
.project-container .project-sales.inverted .overlay { background-image:url('../images/sales-inverted.png');}

.project-container .project-sales .sales-info { position:absolute; bottom:0; padding: 50px; padding-left: 10px; }
.project-container .project-sales .sales-info .sales-number { font-size:52px; font-weight: 600; float:left; letter-spacing: -0.2px;}
.project-container .project-sales .sales-info .sales-type { font-size:18px; float:left; margin-top: 13px; margin-left: -15px; font-weight: 300; }

.bar .bar-visual-wrapper { padding: 90px 0 0 0; position: relative;}
.bar .bar-visual {
    height:550px;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: 90%;
    width: 100%;
    position: relative;
    background-color:#FFFFFF;
}
.bar .bar-visual.right {
    background-position: 340%;

}
.bar .bar-visual.visual-small {
    height:450px;
    background-image:url('../images/aanmelden.jpg');
}


.bar .textblock { width:45%; padding:75px; }
.bar .textblock.top-right { position:absolute; right:0; top:0;  padding:90px 100px; }
.bar .textblock.top-left { position:absolute; left:0; top:0;  padding:90px 300px 50px; }
.bar .textblock .content { width:320px; }
.news-form {
    position: absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-30%);
}

.site .voorziening-item { height:395px; clear:both; }
.site .voorziening-item .voorziening-image { float:left; width:40%; height:100%; background-position:center; background-repeat: no-repeat; background-size: cover; position: relative;}
.site .voorziening-item .voorziening-info { width:60%; float:left; height:100%; padding:45px; }

.site .voorziening-item .voorziening-image:after {
    content: '';
    margin-top:175px;
    z-index:100;
    float:right;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #FFFFFF;
}
.site .voorziening-item .voorziening-info .icon {
    height:35px;
    margin:0 0 30px 0;
    display:inline;
}

.site .kopers:before {
    content: '';
    margin-top:75px;
    z-index:100;
    margin-right:-30px;
    float:right;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #FFFFFF;
}




.site .regio-item { height:350px; clear:both; }
.site .regio-item .regio-image { float:left; width:50%; height:100%; background-position:center; background-repeat: no-repeat; background-size: cover; position: relative;}
.site .regio-item .regio-image .regio-image-hover { position:absolute; height:100%; width: 100%; opacity: 0;  transition: all 0.3s}
.site .regio-item:hover .regio-image .regio-image-hover { opacity: 1;}
.site .regio-item .regio-info { width:50%; float:left; height:100%; padding:60px; }


/* subscribe block bottom right of the screen */
.site .visual-newsletter-container,
.site .visual-newsletter-container .row{
    height:100%;
    display:block;
    position:relative;
}

.visual-newsletter {
    position:absolute !important;
    bottom:-30px;
    right:0;
    min-height: 420px !important;
    max-width:400px;
    z-index:19;  /* not higher than 19, otherwise it comes above menu with scroll */
    display: block;
}

.visual-newsletter .form-handler .text-right {
    text-align: left !important;
}

/* h1 kopje voor de responsetekst van een formulier, moet wit blijven */
.site .visual-newsletter h1{
    color:#FFFFFF;
}


.site .regio-item .regio-info .icon-tekst {
    line-height:19px;
    font-weight:300;
    text-transform: uppercase;

    float:left;
    display:inline;
}
.site .regio-item .regio-info .icon-inwoners {
    height:35px;
    float:left;
    margin-right:10px;
    display:inline;
}

.site .regio-item:nth-child(odd) .regio-image { float:right; }


.site .regio-item:nth-child(even) .regio-image:after {
    content: '';
    margin-top:155px;
    z-index:100;
    float:right;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-right: 15px solid #f2f2f2;
}


.site .regio-item:nth-child(odd) .regio-image:before {
    content: '';
    position:absolute;
    margin-top:155px;
    z-index:100;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid #f2f2f2;
}

.site .navbar-form {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;

}

.site .navbar-form .form-group {
    margin-bottom:0 !important;
}

.site .navbar-form .input-group .input-group-btn {
    vertical-align: top;
    padding-top:1px;
    padding-left:0;
}

.site .navbar-form input{
    border:0 !important;
}

.site .navbar-form label {
    display:none;
}


.site .thumbnail-manager {
    float: left;
    position: static;
    width:100%;
    overflow:auto;
}
.site .thumbnail-manager .thumbnail
{
    width: 150px;
    height: 150px;
    float: left;
    position: relative;
    margin: 5px;
    overflow:hidden;
}


.site .thumbnail-manager .thumbnail .thumbnail-hover {position:absolute; height:100%; width: 100%;  opacity: 0; transition: all 0.3s; z-index:10; left: 0px; top: 0px;  }
.site .thumbnail-manager .thumbnail .thumbnail-hover.hovered { opacity:0.5; }
.site .thumbnail-manager .thumbnail .thumbnail-hover .row { margin-bottom:10px; }
.site .thumbnail-manager .thumbnail .thumbnail-hover .fa { font-size:20px; margin-bottom:5px; }
.site .thumbnail-manager .thumbnail:hover .thumbnail-hover {opacity:1;}

.site .thumbnail-manager .thumbnail .controls{
    position: absolute; top: 0; right: 8px; z-index: 10;
}
.site .thumbnail-manager .thumbnail .controls .btn{
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px
}



/******************** OUD *********************************/

.site .control-label {
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
    white-space: pre;
}
.site .form-group label.control-label {
    margin: 0 0 5px 0;
}
.site .radio-inline,
.site .checkbox-inline{
    padding-left: 0;
    margin-top: 0;
}
.radio-inline+.radio-inline,
.checkbox-inline+.checkbox-inline{
    margin-left: 15px;
}
.site .radio label,
.site .checkbox label{
    padding-left: 30px;
    position: relative;
}
.site .radio label span,
.site .checkbox .checkbox-material{
    position: absolute;
    left: 0;
    top: 0;
}
.site .form-group input.form-control[type=file],
.site .form-group input[type=file]{
    opacity: 1;
    padding: 5px 5px;
    background: white !important;
    position:relative;
}
.site .form-group .form-control,
.site .form-control {
    border: 1px solid;
    /*height: 36px;*/
    padding: 0 10px;
    /*font-size: 16px;*/
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    margin: 0 0 0 0;
    border-radius:0;
}
.site .form-control:focus{
    padding: 0 10px;
    border: 1px solid;
    border-bottom: 0;
    /*height: 36px;*/
}
.site .form-label > label{
    line-height: 20px;
    margin-bottom: 0;
}
.site textarea{
    max-width: 100%;
}
.site textarea.form-control {
    height: auto;
    min-height: 100px;
}
.site .modal-body .form-group label{
    width: 100%;
}
.site .alt-form .modal-body .form-group label{
    width: auto;
}

.site .checkbox label,
.site .radio label,
.site label,
.site .form-group .checkbox label,
.site .form-group .radio label,
.site .form-group label{
    text-align:left;
}
.site .radio label{
    display:block;
}

.site select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.site .form-select{
    position: relative;
}
.site .form-select:before{
    content: "\f0d7";
    font-family: FontAwesome;
    position: absolute;
    right: 1px;
    width: 2em;
    text-align: center;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    pointer-events: none;
    color: rgba(0,0,0,0.75);
    background: white;
    line-height: 32px;
    z-index:1;
}
/*
.site .form-group .help-block{
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    box-shadow: 0 0 0;
    margin: 0 0;
    position: absolute;
    right: 0;
    bottom: 40px;
    line-height: 21px;
    display: block;
}

 */
.site .form-group div.help-block {
    position: relative;
    bottom: auto;
    padding: 0 15px;
    line-height: 30px;
}
.site div[class*="col"].form-group .help-block{
    right: 15px;
}
.site .form-group .checkbox .help-block{
    bottom: auto;
    top: 0;
}
.site .has-error .help-block{
    opacity: 1;
}
.site .help-block > .error-tip{
    opacity: 0;
    position: absolute;
    bottom: 100%;
    right: -20px;
    padding: 5px;
    border-radius: 5px;
    white-space: pre;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    -ms-transition-delay: 0.5s;
    -o-transition-delay: 0.5s;
    transition-delay: 0.5s;
    z-index: -1;
}
.site .help-block > .fa{
    cursor: help;
    position: relative;
}
.site .help-block > .fa:before{
    pointer-events: none;
}
.site .help-block > .fa:hover + .error-tip{
    opacity: 1;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    -ms-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    z-index: 1;
}
.site .help-block > .error-tip:after{
    content: " ";
    position: absolute;
    bottom: -5px;
    right: 20px;
    width: 0;
    height: 0;
    border-top: 5px solid;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}
.site .trash-cart{
    padding: 0 0;
    font-size: 30px;
    border: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.site .cart-table td,
.site .cart-table th{
    vertical-align: middle;
}
.site .cart-table tr > td:first-child,
.site .cart-table tr > th:first-child{
    text-align: center;
}
.site .cart-table .thumbnail{
    margin-bottom: 0;
}
.site .cart-table-checkout{
    margin: 0 0;
}
.site .cart-table-checkout tr td,
.site .cart-table-checkout tr th{
    padding: 8px 0;
    border: 0;
}
.site .cart-table-checkout tr:last-child > td,
.site .cart-table-checkout tr:last-child > th{
    border-top: 1px solid rgba(0,0,0,0.2);
    font-size: 21px;
    font-weight: 500;
}

.site .required .checkbox > label:after,
.site .required .control-label:after{
    content: "*";
}
.site fieldset {
    padding: inherit;
    margin: inherit;
    border: inherit;
    min-width: inherit;
}
.site legend{
    width: auto;
    padding: 0 15px;
    text-align: center;
    font-size: 16px;
    margin-bottom: 15px;
}

.site .img-inline	{display: inline;}
.site .img-cover		{background-position: center center; background-size: cover; background-repeat: no-repeat; height: 250px;}
.site .img-cover-sm	{height: 150px;}
.site .img-cover-md	{height: 350px;}
.site .img-cover-lg	{height: 500px;}
.site .img-bordered				{border: 2px solid; border-left: 0;}
.site .img-bordered:first-child	{border-left: 2px solid;}

.site .border-0		{border: 0;}
.site .border-t-0	{border-top: 0;}
.site .border-l-0	{border-left: 0;}
.site .border-r-0	{border-right: 0;}
.site .border-b-0	{border-bottom: 0;}

.site .break		{padding: 15px 0;}

.site .line-30	{line-height: 30px;}
.site .line-40	{line-height: 40px;}
.site .line-50	{line-height: 50px;}
.site .line-60	{line-height: 60px;}
.site .line-70	{line-height: 70px;}

.site .p-16,
.site .p-16 p,
.site .p-16 *	{font-size: 16px;}

.site .z-10		{z-index: 10 !important; position: relative;}
.site .z-20		{z-index: 20 !important; position: relative;}

/*----- HEADER -----*/
.site .header {
    position: relative;
    display: block;
    height: 80px;
    z-index: 10;
}
body.site.modal-open > .header {
    z-index: 5;
}
.site .header .header_inner{
    text-align: center;
    z-index: 0;
    position: absolute;
    left: 15px;
    right: 15px;
    top: -30px;
}
.site .header .header_inner > .logo{
    position: relative;
    z-index: 2;
    display: inline-block;
}
.site .header .header_inner > .logo > img{
    max-height: 160px;
    max-width: 100%;
}
.site .header .header-container{
    text-align: right;
}
.site .header .header-container .btn-group{
    box-shadow: 0 0 0 0;
    border: 0;
    margin: 0 0 0 0;
}
.btn-group-social>.btn {
    border-radius: 0;
    font-size:14px;
    font-weight:600;
}

.site .header .header-container .btn-modal,
.site .header .header-container .btn-dropdown,
.site .header .header-container .btn-toggle{
    line-height: 50px;
    padding: 0 15px;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 0 0 0 0;
}
.site .header .dropdown-menu{
    margin: 0 0 0 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 6px 0 rgba(0,0,0,.12),0 1px 6px 0 rgba(0,0,0,.12);
    padding: 0 0 0 0;
    overflow: hidden;
    min-width: 200px;
}
.site .header .dropdown-menu > li{
    border-top: 1px solid rgba(0,0,0,0.2);
}
.site .header .dropdown-menu > li > a{
    padding: 10px 15px;
}
.site .login-logo{
    position: absolute;
    right: -10px;
    top: -10px;
}
.site #socialmedia {
    position: fixed;
    right: 0px;
    top: 300px;
    z-index: 99;
}
.site #socialmedia .socialbutton{
    padding: 0px;
    border-radius: 0 0;
    margin-bottom: 0;
}
.site #socialmedia .socialbutton a{
    display: block;
    padding: 7px 15px 7px 15px;
    font-size: 20px;
    border-radius: 0;
    text-align: center;
}
.site .btn-link {
    padding-left: 0;
    padding-right: 0;
}
.site header .btn{
    border: 0 !important;
}

/*----- MENU -----*/

.site header > .navbar {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0 15px;
}
.site .navbar-toggle{
    height: 50px;
    padding: 5px 10px;
    margin: 5px 10px;
}

.site .navbar .navbar-brand {
    padding-left: 30px;
    font-size: 30px;
    font-weight:700;
}
.site .navbar .navbar-brand .projectnaam{
    display: block;
    margin-top: 17px;
}
.site .topbar .special-img{
    float:left;
    background-color: #BBB;
}

.site .topbar .profile-border{
    border-right: 1px solid #FFFFFF;
    height: 36px;
    float: left;
    margin-left: 10px;
    margin-right: 15px;
}

.site .navbar-title {
    display: block;
    font-size: 22px;
    font-weight: 500;
    letter-spacing: -1px;
    text-transform: uppercase;
    line-height: 50px;
    margin: 0 5px 0 5px;
    float: left;
}
.site header .navbar-nav > .loginmenu-wrapper > li > .dropdown-menu,
.site header .navbar-nav > li > .dropdown-menu{
    z-index:11;
    min-width: 215px;
    padding: 0 0;
    overflow: hidden;
    position: absolute;
    background-color: #ffffff;
    left: 0 !important;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    border:none;
    border-radius: 0;
}

.site header .navbar-nav > li:last-child > .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

.site header .navbar-nav > .loginmenu-wrapper > li > .dropdown-menu > li > a,
.site header .navbar-nav > li > .dropdown-menu > li > a{
    line-height: 40px;
    font-size: 16px;
    padding: 10px 15px 10px 20px;
}

.site header .navbar-nav > li > .usermenu > li > a{
    padding-left: 15px;
    will-change: box-shadow, transform;
    -webkit-transition: -webkit-box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s cubic-bezier(0.4, 0, 0.2, 1);

}


.site header .userImg{
    height: 25px;
    width: 25px;
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(0,0,0,0.2);
    margin-bottom: -5px;
    margin-top: -5px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/default-avatar.png);
}
.site header .userImg > img{
    max-width: 25px;
    max-height: 25px;
}
.site header .navbar > .nav > li .menu-toggle {
    line-height: 60px;
    position: relative;
    cursor: pointer;
    padding: 0 20px;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}



.site .menuModal.modal{

}
.site .menuModal.modal .modal-dialog {
    width: 90%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    height: 100%;
    position: relative;
    float:right;
}
.site .menuModal.modal.fade:not(.in).right .modal-dialog {
    -webkit-transform: translate3d(25%, 0, 0);
    transform: translate3d(25%, 0, 0);
}
.site .menuModal.modal .modal-dialog .modal-content{
    height: 100%;
    border-radius: 0;
    border: 0;
}
.site .menuModal.modal .modal-dialog .modal-header{
    padding: 0 30px;
    line-height: 60px;
    text-align: right;
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
.site .menuModal.modal .modal-dialog .modal-header button{
    float: none;
}

.site .menuModal.modal .modal-dialog .modal-body .main-menu > li{
    margin-top: 0;
}
.site .menuModal.modal .modal-dialog .modal-body .main-menu > li > a{
    padding: 15px 30px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    font-size: 20px;
    border-radius: 0 0 0 0;
}

.site .bootbox-confirm.modal .modal-footer {
    padding:15px;
}

/*----- VISUAL -----*/

.site .visual.fullwidth{
    width: 100%;
    height: 530px;
    background-position: center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}
.site .visual > .visual-container.visual-container-right{
    padding: 380px 0 50px 0;
    vertical-align: bottom;
}
.site .visual .visual-text{
    text-shadow: 0 1px 6px rgba(0,0,0,.12),0 1px 6px rgba(0,0,0,.12);
    font-weight: 500;
    text-align:right;
}
.site .visual.contentVisual .visual-text{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: transparent;
    background-image: -moz-linear-gradient(top, rgba(0,0,0,0.33) 0%, rgba(0,0,0,0) 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0)));
    background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 100%);
    background-image: -o-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 100%);
    background-image: -ms-linear-gradient(top, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 100%);
    background-image: linear-gradient(to bottom, rgba(0,0,0,0.33) 0%,rgba(0,0,0,0) 100%);
    background-size: 2px 2px;
}
.site .visual .visual-text.visual-text-right {
    text-align: right;
    margin-bottom: 0;
}
.site .visual .visual-text > h1{
    font-size: 42px;
    font-weight: bold;
    margin-bottom: 0;
}
.site .visual + .productVisualText{
    padding: 30px;
}
.site .visual .visual-text h1{
    text-shadow: 2px 2px 0 rgba(0,0,0,0.5);
}
.site .visual .visual-text p{
    text-shadow: 2px 1px 1px rgba(0,0,0,0.5);
}
.site .visual + .productVisualText .price{
    font-size: 26px;
    font-weight: 600;
}
.site .visual + .productVisualText .price > small{
    font-size: 16px;
    font-weight: 400;
}
.site .productVisual_btn{
    text-shadow: 1px 1px 0 rgba(0,0,0,0.5);
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2), inset 1px 1px 1px 0 rgba(0,0,0,0.2);
}
.site .productVisual .productVisual_wrap{
    position: absolute;
    bottom: 15px;
    right: 15px;
}
.site .productVisual .productVisual_wrap .status-label{
    position: relative;
    top: auto;
    left: auto;
    margin: 0 5px 0 0;
    box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.2);
    padding: 0 15px;
    line-height: 38px;
    font-weight: 300;
}
/* visual carousel */
.site .visual.carousel .sliderBg{
    background-position: center;
    background-size: 100% auto;
    padding-bottom: 25%;
    background-repeat: no-repeat;}


.site .visual.carousel .centerRow {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index:2;
}



.site .nav-tabs{
    margin-top: 20px;
    border-bottom: 0;
}
.site .nav-tabs > li{
    margin: 0 1px 0 0;
}
.site .nav-tabs > li > a{
    -webkit-transition: all 0.05s ease;
    -moz-transition: all 0.05s ease;
    -ms-transition: all 0.05s ease;
    -o-transition: all 0.05s ease;
    transition: all 0.05s ease;
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-size: 16px;
    border-radius: 0 0 0 0;
    cursor: pointer;
}
.site .visual-block .nav-tabs > li.active > a{
    margin-top: -10px;
    opacity: 1;
    filter: alpha(opacity=100);
    padding-bottom: 15px;
    padding-top: 15px;
}
.site .tab-content{
    padding: 30px;
    font-size: 16px;
}
.site .tab-content .form-control{
    font-size: 16px;
    width: 100%;
    /*height: 36px;*/
}

/*----- CONTENT -----*/


.site .block{
    position: relative;
}
.site .block.block-border{
    border: 1px solid rgba(0,0,0,0.2);
}
.site .block .block-header{
    border-bottom: 1px solid rgba(0,0,0,0.2);
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -15px;
    padding: 15px;
}


/*
.site .block{
    padding: 30px;
    position: relative;
    background: #FFF;
    border-radius: 3px !important;
    -webkit-border-radius: 3px;
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-bottom: 1px solid #e2e2e2;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.04);
    transition: padding 500ms;
    -moz-transition: padding 500ms;
    -webkit-transition: padding 500ms;
}

.site .block .block-header,
.site .block .block-header h4{
    border-bottom: 1px solid #dadada;
    margin: 15px 0;
    padding: 0;
    padding-bottom: 15px;
    background-color: #FFFFFF !important;
    font-weight: 100;
    font-size: 28px;
    color: #555555 !important;

}
*/
.site .block.p-a-0 .block-header{
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
}

/*
.site .block.p-a-30 .block-header{
    margin-left: -30px;
    margin-right: -30px;
    margin-top: -30px;
    padding: 30px;
}
*/
.site .block.p-a-60 .block-header{
    margin-left: -60px;
    margin-right: -60px;
    margin-top: -60px;
    padding: 60px;
}
.site .block .block-header.nav-tabs{
    padding: 0;
}
.site .block .block-header.nav-tabs > li.active{
    margin-bottom: -1px;
}
.site .block .block-header.nav-tabs > li > a{
    padding: 15px;
}
.site .block .block-header.nav-tabs > li.active > a{
    margin-top: 0;
}
.site .block .block-header > .label-circle{
    position: relative;
    border-radius: 50%;
    line-height: 30px;
    padding: 0 0;
    width: 30px;
    text-align: center;
    font-size: 15px;
    margin: -10px 5px -10px -5px;
}
.site .block .block-footer{
    border-top: 1px solid rgba(0,0,0,0.2);
    display: block;
}
.site .block .block-footer,
.site .block.p-a-15 .block-footer{
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: -15px;
    padding: 10px 15px;
}
.site .block.p-a-0 .block-footer{
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 0;
}
.site .block.p-a-30 .block-footer{
    margin-left: -30px;
    margin-right: -30px;
    margin-bottom: -30px;
    padding: 15px 30px;
}
.site .block.p-a-60 .block-footer{
    margin-left: -60px;
    margin-right: -60px;
    margin-bottom: -60px;
    padding: 30px 60px;
}
.site .block.block-footer_enabled,
.site .block.block-footer_enabled.p-a-0,
.site .block.block-footer_enabled.p-a-15{
    padding-bottom: 60px !important;
}
.site .block.block-footer_enabled.p-a-30{
    padding-bottom: 75px !important;
}
.site .block.block-footer_enabled.p-a-60{
    padding-bottom: 110px !important;
}
.site .block.block-footer_enabled .block-footer{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
}
.site .block.border-top{
    border-top: 5px solid;
}
.site .block.border-bottom{
    border-bottom: 5px solid;
}

.site .matchheight > .carousel,
.site .matchheight > .carousel > .carousel-inner,
.site .matchheight > .carousel > .carousel-inner > .item {
    height: 100%;
}
.site .matchheight > .carousel > .carousel-inner > .item > a > img {
    height: 100%;
    max-width: none;
    width: auto;
    max-height: 384px;
}
.site .project-container{
    margin-right: auto;
    margin-left: auto;
}
.site .project-container .matchheight{
    margin-bottom: 30px;
}
.site .project .btn-bottom{
    position: absolute;
    bottom: 0;
}
.site .project .project-link /*{ position:relative; }*/
.site .project .project-link:hover,
.site .project .project-link:active,
.site .project .project-link:focus{
    text-decoration: none;
}

.site .project .project-link .project-hover {position:absolute; height:100%; width: 100%;  opacity: 0; transition: all 0.3s; z-index:10; }
.site .project .project-link .project-hover .row { margin-bottom:90px; }
.site .project .project-link .project-hover .fa { font-size:44px; margin-bottom:30px; }
.site .project .project-link:hover .project-hover {opacity:1;}

.site .project .project-image-small{
    height: 200px;
    width: 100%;
}
.site .projectRow .project-image{
    position: relative;
}

.site .project .project-info .project-title{
    font-weight: 500;
    margin-bottom: 15px;
    font-size: 18px;
}
.site .project .project-info .project-description50{
    font-weight: normal;
    width: 50%;
    float: left;
}
.site .project .project-info .project-description100{
    font-weight: 300;
    width: 100%;
    float: left;
}

.site .project .project-info .project-table{
    margin: 0 0 0 0;
}
.site .project .project-info .project-table>thead>tr>th,
.site .project .project-info .project-table>tbody>tr>th,
.site .project .project-info .project-table>tfoot>tr>th,
.site .project .project-info .project-table>thead>tr>td,
.site .project .project-info .project-table>tbody>tr>td,
.site .project .project-info .project-table>tfoot>tr>td{
    border-top: 0;
    padding: 5px 5px 5px 0;
    vertical-align: middle;
    font-weight: 600;
}
.site .project .project-info .project-table>thead>tr>th + th,
.site .project .project-info .project-table>tbody>tr>th + th,
.site .project .project-info .project-table>tfoot>tr>th + th,
.site .project .project-info .project-table>thead>tr>td + td,
.site .project .project-info .project-table>tbody>tr>td + td,
.site .project .project-info .project-table>tfoot>tr>td + td{
    text-align: right;
    padding-left: 5px;
    padding-right: 0;
    font-size: 26px;
    font-weight: 300;
}
.site .project .project-info .project-table small{
    font-size: 16px;
}
.site .project .project-info .project-table + .project-link{
    position: absolute;
    bottom: 15px;
    right: 30px;
}
.site .map_canvas{
    position: relative;
    overflow: hidden;
}
.site #map_canvas{
    height: 500px;
}
.site .news .newsRow{
    margin-bottom: 30px;
}
.site .newsImg{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 15px;
    left: 15px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.site .news .newsTitle{
    font-size: 16px;
    font-weight: bold;
}
.site .maps{
    height: 500px;
    position: relative;
    overflow: hidden;
}
.site .maps.miniMaps{
    height: 250px;
}
.site .maps:after{
    content: " ";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: -50%;
    background: rgba(0,0,0,0.05);
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    transition: all 1.5s ease
}
.site .maps:hover:after{
    top: 100%;
}
.site .panel-circle{
    width: 140px;
    height: 140px;
    margin: 0 auto;
    position: relative;
    border-radius: 70px;
}
.site .panel-circle > a{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
}
.site .panel-circle .panel-body h4{
    position: relative;
    height: 100%;
    line-height: 100px;
    font-size: 22px;
}
.site .panel-circle .panel-body h4 > small{
    font-style: italic;
}
.site .panel-label{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 500;
    padding: 10px 25px;
    top: -10px;
    position: relative;
    z-index: 1;
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
    transition: box-shadow .28s cubic-bezier(.4,0,.2,1);
    min-width: 140px;
    display: table;
    margin: 0 auto;
    border-radius: 7px;
}
.site .panel-circle:hover + .panel-label{
    box-shadow: 0 12px 15px 0 rgba(0,0,0,.24),0 17px 50px 0 rgba(0,0,0,.19);
}
.site .navigation-bar{
    width: 100%;
    height: 65px;
    position: absolute;
    z-index: 1;
}
.site .navigation-bar nav > .nav > li a.tablink {
    padding: 5px 15px;
    line-height: 60px;
    font-size: 16px;
    font-weight:300;
}
.site .navigation-bar.fixed{
    position: fixed;
    top: 0;
}
.site .contactBar h4 {
    font-size:24px;
}
.site .sticky-container{
    position: absolute;
    left: 0;
    right: 0;
    height: 0;
}
.site .sticky-container > .container,
.site .sticky-container > .container > .row{
    height: 0;
}
.site .fixed-nav{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
}
.site .sticky-container.fixed{
    position: fixed;
    top: 0;
    margin-top: 0;
}
.site .btn-fav{

}
.site .btn-fav.favorite{

}
.site .btn-fav i:before{
    content: "\f08a";
}
.site .btn-fav:after{
    content: " Bewaren als favoriet";
}
.site .btn-fav:hover i:before,
.site .btn-fav.favorite i:before{
    content: "\f004";
}
.site .btn-fav.favorite:after{
    content: " Bewaard als favoriet";
}
.site .label {
    display: inline-block;
}
.site ol.carousel-indicators{
    z-index: 1;
}

/*----- FOOTER -----*/

.site .topfooter{
    padding: 30px 0;
    font-size: 16px;
}
.site .topfooter h5,
.site .footerContent h5{
    font-size:22px;
    margin-bottom:45px;
    font-weight:600;
}
.site .footer{
    font-size:14px;
    padding: 15px 0;
}
.site .footer a:hover { text-decoration: none;}
.site .footer .container > span.footlink + span.footlink:before{
    content: "|";
    margin: 0 15px;
}
.site .topfooter .nav>li>a {
    padding:5px 0;
}


.site .tweetRow .tweetBorder {
    margin: 15px 0;
    float: left;
}

/* tekst over foto's heen */

.site .col-middle {
    text-align:center;

}
.site .col-middle h4 {
    margin-top:68px;
}

.site .prijslijst-popup img {
    width:100px;
}

/*-- ENQUETE --*/





.enqueteTitle h1{
    font-size: 36px;
}
.enqueteFamily{
    height: 140px;
    display: block;
    background-image: url(../images/family.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    margin-top: -35px;
}
.site .woonwensen.enquete_banner .enqueteFamily{
    height: 160px;
    display: block;
    background-image: url(../images/family.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
    margin-top: -45px;
}
.checkboxTile{
    overflow: visible;
}
.checkboxTile label{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.checkboxTile label:after{
    height: 40px;
    width: 40px;
    top: -14px;
    right: -14px;
    display: block;
    position: absolute;
    font-size: 35px;
    line-height: 30px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    color: black;
    font-family: FontAwesome;
}
.checkboxTile input[type="checkbox"]:checked + label:after{
    content: "\f00c";
}


.site #field_budget .checkboxTile {
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}

.checkboxTile.woningtype {
    white-space: nowrap;
}

/*.checkboxTile input[type="checkbox"]{
    left: auto;
    right: -14px;
    top: -18px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}*/
.checkboxTile.woningtype{
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
}

.site #field_daktypes .checkboxTile {
    background-size: contain;
    background-position: center right;
    background-repeat: no-repeat;
}

.bg-woonwensen {
    background-image: url(https://s3.eu-central-1.amazonaws.com/stonepro/media/common/images/interieur-background-blur.jpg);
    background-size:cover;
}

.site .checkbox.checkboxTile.woningtype label {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    height: 100%;
    padding-top:100px;
}
.radioTile .radio{
    position: relative;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 15px;
}
.radioTile .radio label .fa{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    font-size: 35px;
}
.radioTile .radio input[type="radio"]{
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
    margin-top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.radioTile .radio .radio_span{
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    border: 2px solid;
}
.radioTile .radio input[type="radio"]:checked + .radio_span:after{
    content: "\f00c";
    font-size: 28px;
    left: 0;
    right: -2px;
    top: -3px;
    bottom: 0;
    text-align: center;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-family: FontAwesome;
}
.site .budgetImg{
    height: 125px;
    display: block;
    background-image: url(../images/budget.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    margin-top: -25px;
}
.formSlider > .slider{
    width: 100%;
}
.formSlider label{
    position: absolute;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 31px;
}
.formSlider .formSliderValue{
    display: block;
    text-align: center;
    font-size: 20px;
}
.formSlider .slider-selection,
.formSlider .slider-handle{
    background-image: none;
}
.selectTile .selectValue{
    display: inline;
    clear: none;
    width: 30px;
    padding: 0;
    text-align: center;
    background: transparent;
    border: 0;
    font-style: italic;
    font-weight: 500;
}
.checkboxTile.roomview{
    background-size: contain;
    background-clip: border-box;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    min-height: 150px;
}

.checkboxTile.roomview label:after{
    right: auto;
}
.checkboxTile.roomview label > span{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
}
.checklistTile .checkbox{
    position: relative;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 15px;
}
.checklistTile .checkbox label{
    /*padding-left: 0;*/
}
.checklistTile.leeftijd .checkbox label{
    padding-left: 50px;
}
.checklistTile .checkbox label .fa{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    font-size: 35px;
}
.checklistTile .checkbox input[type="checkbox"]{
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
    margin-top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.checklistTile .checkbox .checklist_span{
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
    border: 2px solid;
}
.checklistTile .checkbox input[type="checkbox"]:checked + .checklist_span:after{
    content: "\f00c";
    font-size: 28px;
    left: 0;
    right: -2px;
    top: -3px;
    bottom: 0;
    text-align: center;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-family: FontAwesome;
}
.radioTile.slaapkamer{
    background-image: url(../images/sleep.png);
    background-position: center right 30px;
    background-repeat: no-repeat;
    background-size: 25%;
}


/* Google Maps Form */

.site #form_62{
    position: absolute;
    width: 300px;
    right: 165px;
    top: 510px;
    z-index:10;
}

.site #main_form_62 .tab-content {
    padding:0;
}

.site #form_62 input{
    background: #FFFFFF;
    opacity: 0.70;
    border: 1px solid #010000;
}

.site #form_62 button{
    position: absolute;
    z-index: 1;
    width: 140px;
}

.site #main_form_62 + .paragraph{
    position: absolute;
    margin-left: 750px;
    margin-top:150px;
    padding: 10px;
    z-index: 1;
}

.site #places{
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0px;
    padding: 15px;
    font-size: 15px;
    border: 1px solid;
    border-color: #d2d2d2 !important;
    background: #FFFFFF;
    opacity: 0.90;
    width: 300px;
    line-height:25px;
}
.region-scroller {
    overflow: auto;
    /*    max-height: 360px;
        height: 80vh;*/
}

.site #places .checkbox input[type=checkbox] { z-index:0; }

/* Large devices (large desktops, 1200px and less) */
@media (max-width: 1200px) {

    .site #form_62{
        right: 30px;
    }

}
.site #places label{
    /*margin: 0;
    padding: 0;*/
}

.site #places .radio, #places .checkbox {
    /*margin-bottom:0;*/
    margin-top:0;
}

.site #places .regioLabel {
    margin-left:10px;
}

.site #places h2 {
    margin: 0 0 10px 0;
    font-weight: 600;
    letter-spacing: -1px;
    font-size:26px;
}

.site #places p {
    line-height: 20px;
}



/* gerjan */

.site .form-original-title {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgb(117, 117, 117);
    display: block;
    font-family: RobotoDraft, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight: 900;
    height: 26px;
    line-height: 26.3999996185303px;
    margin-bottom: 10px;
    margin-top: 0px;

}
.site #form_62 .form-original-title{
    display:none;
}
.site .form-original-description{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    box-sizing: border-box;
    color: rgb(117, 117, 117);
    display: block;
    font-family: RobotoDraft, Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 15px;
    font-weight: 300;
    height: 20px;
    line-height: 20px;
    margin-bottom:50px;
}
.site #form_62 .form-original-description {
    display:none;
}

/*-- ENQUETE --*/

.enqueteTitle h2{
    font-weight: 600;
    letter-spacing: -1px;
}
.enqueteFamily{
    height: 140px;
    display: block;
    background-image: url(../images/family.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom right;
    margin-top: -35px;
}
.site .woonwensen.enquete_banner .enqueteFamily{
    height: 160px;
    display: block;
    background-image: url(../images/family.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
    margin-top: -45px;
}

 .tooltip-inner {
    display:none;
}

.checkboxTile{
    overflow: visible;
}
.checkboxTile label{
    position: absolute;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
}
.checkboxTile label:after{
    height: 40px;
    width: 40px;
    top: -14px;
    right: -14px;
    display: block;
    position: absolute;
    font-size: 35px;
    line-height: 30px;
    text-align: center;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    color: black;
    font-family: FontAwesome;
}
.checkboxTile input[type="checkbox"]:checked + label:after{
    content: "\f00c";
}
/*.checkboxTile input[type="checkbox"]{
    left: auto;
    right: -14px;
    top: -18px;
    height: 40px;
    width: 40px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}*/
.checkboxTile.woningtype{
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;

    padding: 10px;
    background-origin: content-box;
    -o-background-size: auto 68px;
    -webkit-background-size: auto 68px;
    -moz-background-size:auto 68px;
    background-size: auto 68px;
}

.checkboxTile.woningtype label > span{
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    text-align: left;
    margin-top: 100px;
}
.radioTile .radio{
    position: relative;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 15px;
}
.radioTile .radio label .fa{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    font-size: 35px;
}
.radioTile .radio input[type="radio"]{
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
    margin-top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.radioTile .radio .radio_span{
    height: 25px;
    width: 25px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    border: 2px solid;

}
.radioTile .radio input[type="radio"]:checked + .radio_span:after{
    content: "\f00c";
    font-size: 28px;
    left: 0;
    right: -2px;
    top: -3px;
    bottom: 0;
    text-align: center;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-family: FontAwesome;
}
.site .budgetImg{
    height: 125px;
    display: block;
    background-image: url(../images/budget.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    margin-top: -25px;
}
.formSlider > .slider{
    width: 100%;
}
.formSlider label{
    position: absolute;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 31px;
}
.formSlider .formSliderValue{
    display: block;
    text-align: center;
    font-size: 20px;
}
.formSlider .slider-selection,
.formSlider .slider-handle{
    background-image: none;
}
.selectTile .selectValue{
    display: inline;
    clear: none;
    width: 30px;
    padding: 0;
    text-align: center;
    background: transparent;
    border: 0;
    font-style: italic;
    font-weight: 500;
}
.checkboxTile.roomview{
    background-size: contain;
    background-clip: border-box;
    background-position: top center;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    min-height: 150px;
}

.checkboxTile.roomview label:after{
    right: auto;
}
.checkboxTile.roomview label{
    top: 0;
    left: 10px;
    position: absolute;
    height: 180px;
    padding-top: 160px;
}
.checkboxTile.roomview label > span{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: left;
    top: 160px !important;
}
.checklistTile .checkbox{
    position: relative;
    line-height: 25px;
    margin-top: 0;
    margin-bottom: 15px;
}
.checklistTile .checkbox label{
    /*padding-left: 0;*/
}
.checklistTile.leeftijd .checkbox label{
    padding-left: 50px;
}
.checklistTile .checkbox label .fa{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 35px;
    height: 35px;
    font-size: 35px;
}
.checklistTile .checkbox input[type="checkbox"]{
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
    margin-top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}
.checklistTile .checkbox .checklist_span{
    height: 25px;
    width: 25px;
    position: absolute;
    right: 0;
    border: 2px solid;
}
.checklistTile .checkbox input[type="checkbox"]:checked + .checklist_span:after{
    content: "\f00c";
    font-size: 28px;
    left: 0;
    right: -2px;
    top: -3px;
    bottom: 0;
    text-align: center;
    position: absolute;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-family: FontAwesome;
}
.radioTile.slaapkamer{
    background-image: url(../images/sleep.png);
    background-position: center right 30px;
    background-repeat: no-repeat;
    background-size: 25%;
}
.formSlider > .slider,
.formSlider > .slider > .slider-track,
.formSlider > .slider > .slider-track > .slider-selection{
    background-image: none;
}


.site .m-b-16 {
    margin-bottom: 16px !important;
}


.site .iconBannerText .circle{
    height: 90px;
    width: 90px;
    display: inline-block;
    border-radius: 50%;
    position: relative;
}
.site .iconBannerText .circle.circle-sm {
    width: 60px;
    height: 60px;
}
.site .iconBannerText .circle p{
    font-size: 42px;
    margin: 0 0 0;
    text-align: center;
    font-weight: bold;
    letter-spacing: 0px;
    line-height: 80px;
}
.site .iconBannerText .circle.circle-sm p {
    font-size: 20px;
    margin: 0 0 0 0;
    line-height: 50px;
}
.site .iconBannerText .circle .circle-label{
    position: absolute;
    left: -5px;
    right: -5px;
    bottom: -5px;
    white-space: pre;
    box-shadow: 0 0 0 1px #ffffff;
    font-weight: 300;
}
.site .iconBannerText .circle.circle-sm .circle-label{
    font-size: 10px;
}
.iconBannerTitle {
    background-color: #ffffff;
}


.iconBannerBar .diensten .carousel-control {
}
.iconBannerBar .diensten .carousel-control i {
    font-size: 30px;
    color: #212121;
    /* text-shadow: none; */
    position: absolute;
    top: 50%;
    margin-top: -15px;
}
.diensten .carousel-control:hover,
.iconBannerBar .carousel-control {
    color: #ffffff;
    background-image: none;
}


/* bar onderaan homepage*/
.site .bg-view-primary-color{
    background-image: url('../images/interieur-visual.jpg');
    height: 400px;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    max-width: none;
}
/* foto achter enquete pagina */
.site .bg-image,
.site .bg-view-success-color{
    background-image: url(../images/interieur-background-blur.jpg);
    height: 100%;
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    position:relative;
    max-width: none;
    min-height: 700px;
}
.site .woonwensen-box {
    padding: 15px;
    font-size: 15px;
    background: #FFFFFF;
    opacity: 0.9;
    line-height: 25px;
}



.site .main-menu a:hover {
    transition: all 0.17s ease-in-out;
    -moz-transition: all 0.17s ease-in-out;
    -webkit-transition: all 0.17s ease-in-out;
    -o-transition: all 0.17s ease-in-out;
    -webkit-backface-visibility: hidden;
}
/*- User -*/

.site .user{
    margin-bottom: 30px;
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
}
.site .user .user_image{
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 170px;
    width: 100%;
    display: block;
    position: relative;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background-image: url(../images/default-avatar.png);
}
.site .user .user_image > .edit_image{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 250px;
    text-align: center;
    font-size: 50px;
    background-color: rgba(255,255,255,0.7);
    transform: scale(0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.site .user .user_image:hover > .edit_image{
    opacity: 1;
    filter: alpha(opacity=100);
    transform: scale(1);
}
.site .user .user_image > .edit_image > a .fa{
    color: rgba(0,0,0,0.5);
}
.site .user .user_image > .edit_image > a:hover .fa{
    color: rgba(0,0,0,0.7);
}
.site .user .user_info{
    padding: 15px;
    display: block;
    text-align: center;
}
.site .user .user_name{
    display: block;
    font-size: 18px;
}


.site #projectswitcher {
    padding:20px 20px;
    margin-bottom:20px;
}

.site .submenu{
    list-style: none;
}
.site .list-group-item.active,
.site .list-group-item.active:hover,
.site .list-group-item.active:focus{
    z-index: auto;
}
.site .submenu.list-group{
    border: 1px solid rgba(0,0,0,0.2);
}
.site .submenu.list-group .list-group-item{
    padding: 10px 15px;
    font-size: 16px;
}
.site .submenu.list-group > li + li > .list-group-item{
    border-top: 1px solid rgba(0,0,0,0.2);
}
.site .submenu.list-group .list-group-item.active:hover,
.site .submenu.list-group .list-group-item.active:focus,
.site .submenu.list-group > li > .list-group-item:hover,
.site .submenu.list-group > li > .list-group-item:focus{
    outline: 0;
}
.site .panel{
    border-radius: 5px 5px 5px 5px;
    border: 0;
}
.site .panel>.panel-heading > a{
    display: block;
    position: relative;
    padding-right: 30px;
}
.site .panel>.panel-heading > a:after{
    position: absolute;
    right: 5px;
    content: "\f106";
    font-family: FontAwesome;
}
.site .panel>.panel-heading > a.collapsed:after{
    content: "\f107";
}
.site .productVisual {
    height: 80vh;
    min-height: 500px;
    background-size: cover;
    background-position: center center;
}




.site .footerVisualWrapper {
    position:relative;
}
.site .footerVisualWrapper .footerVisual {
    filter:blur(3px);
    -webkit-filter:blur(3px);
    position:absolute;
    height:100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
}
.site .navigation-bar .btn-collapser {
    line-height: 65px;
    padding: 0 !important;
    font-size: 18px !important;
    border: 0;
}

.modal-content .modal-body {
    padding: 30px;
}

.site .modal.login-modal .modal-dialog {
    position: fixed;
    top: 33%;
    left: 50%;
    transform: translateX(-50%) translateY(-33%);
    margin: 0;
}
.site .modal-content .modal-body+.modal-footer{
    border-top: 1px solid rgba(0,0,0,0.2);
}
.site .modal-content hr{
    border-top: 1px solid rgba(0,0,0,0.2);
}
.site .strike-wrap {
    margin: 15px -15px 15px -15px;
    display: block;
    position: relative;
}
.site .striked {
    margin: 0 0;
    text-align: center;
    display: table;
    width: 100%;
}
.site .striked > span{
    display: table-cell;
    width: auto;
    vertical-align: middle;
}
.site .striked > .strike{
    position: relative;
    width: 50%;
    margin: 0 15px;
}
.site .striked > .strike:after{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
    right: 15px;
    border-top: 1px solid rgba(0,0,0,0.2);
    content: " ";
}

.h-128 { height:128px !important; }

.site .input-group-addon {
    border: 1px solid #CCC;;
}
.site .input-group-addon:first-child {
    border-right: 0;
}
.site .input-group-addon:last-child {
    border-left: 0;
}


.input-group-lg>.form-control, .input-group-lg>.input-group-addon, .input-group-lg>.input-group-btn>.btn{
    border-radius:0;
}
/*SOCIAL FEED*/

.site .social_table.table > tbody > tr.feed_footer > td {
    border-style: solid;
}

.site .social_table.table > tbody > tr > td{
    border: 0;
}
.site .social_table.table > tbody > tr + tr:not(.feed_footer) > td{
    padding-top: 15px;
}
.site .social_table.table > tbody > tr.feed_footer > td{
    border-bottom: 1px dashed rgba(0,0,0,0.2);
}
.site .social_table.table > tbody > tr > td a.img-thumbnail {
    display: block;
}
.site .social_table.table > tbody > tr > td .feed_img {
    height: 70px;
    max-width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: block;
}

/*- Project fotoalbum -*/

.site .fotoalbum{
    position: relative;
    padding: 2px;
    margin-left: -4px;
    margin-right: -4px;
    line-height: 0;
}
.site .fotoalbum > a{
    width: 50%;
    border: 2px solid transparent;
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.site .fotoalbum > a:before{
    content: " ";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 1;
}
.site .fotoalbum > a:hover:before{
    background-color: rgba(0,0,0,0.5);
}
.site .fotoalbum > a:after{
    content: "\f002";
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    line-height: 30px;
    margin-top: -15px;
    text-align: center;
    color: transparent;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    text-shadow: 1px 1px 0 rgba(0,0,0,0);
    z-index: 1;
}
.site .fotoalbum > a:hover:after{
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    font-size: 20px;
    font-weight: 400;
}

.site .fotoalbum > a.video:after {
    color: #FFFFFF;
    font-size: 36px;
    content: "\f144";
}
.site .fotoalbum > a.video:hover:after {
    font-size: 40px;
}

.site .fotoalbum > a + a + a{
    width: 25%;
}
.site .fotoalbum > a + a + a + a + a + a + a{
    display: none;
}
.site .fotoalbum > a > img{
    width: 100%;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.site .fotoalbum > a:hover > img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.site .fotoalbum > a.show_alles > span{
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    right: 0;
    line-height: 30px;
    margin-top: -15px;
    font-size: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    text-align: center;
}
.site .fotoalbum > a.show_alles:before{
    background-color: rgba(0,0,0,0.5);
}
.site .fotoalbum > a.show_alles:after{
    content: " ";
}

/*- NewsBlock -*/

.site .newsBlock{
    margin-bottom: 30px;
    padding-bottom: 60px;
    position: relative;
    overflow: hidden;
}
.site .newsBlock.newsBlock_small{
    height: 250px;
}
.site .newsBlock.newsBlock_medium{
    height: 200px;
}
.site .newsBlock.newsBlock_big{
    /*height: 250px; responsive.css*/
}
.site .newsBlock .newsBlock_img{
    display: block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}
.site .newsBlock.newsBlock_small .newsBlock_img{
    height: 120px;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 15px;
}
.site .newsBlock.newsBlock_medium .newsBlock_img{
    height: 200px;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
}
.site .newsBlock.newsBlock_big .newsBlock_img{
    height: 250px;
    margin-top: -15px;
    margin-left: -15px;
    margin-right: -15px;
}
.site .newsBlock h2{
    margin-bottom: 0;
}
.site .newsBlock.newsBlock_small h2{
    font-size: 20px;
}
.site .newsBlock.newsBlock_medium h2{
    font-size: 18px;
}
.site .newsBlock.newsBlock_big h2{
    font-size: 24px;
}
.site .newsBlock .muted{
    font-weight: 600;
    opacity: 0.5;
}
.site .newsBlock .newsBlock_footer{
    line-height: 45px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: right;
    padding: 15px 15px 0 15px;
    font-style: italic;
}

/*- BannerBlock -*/

.site .bannerBlock{
    height: 250px;
    margin-bottom: 30px;
}
.site .bannerBlock .bannerImg{
    height: 230px;
    display: block;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: contain;
}

/*- AgendaBlock -*/

.site .agendaBlock{
    padding: 0 0 0 0;
    margin-bottom: 15px;
}
.site .agendaBlock .table{
    margin-bottom: 0;
}
.site .agendaBlock .table tr:first-child > td{
    border-top: 0;
}
.site .agendaBlock .dateDay{
    padding: 5px;
    text-align: center;
    display: block;
    border: 1px solid rgba(0,0,0,0.2);
    border-bottom: 0;
    width: 45px;
    font-weight: 900;
}
.site .agendaBlock .dateMonth{
    text-align: center;
    display: block;
    width: 45px;
    font-weight: 600;
    font-size: 11px;
    letter-spacing: 2px;
}
.site .agendaBlock table tr > td p{
    margin-bottom: 0;
}

/*- plan-nieuwsbrief -*/

.site .plan-visual .visual-container{
    vertical-align: bottom;
}
.site .plan-nieuwsbrief,
.site .visual .visual-text .plan-nieuwsbrief p{
    text-shadow: none;
}
.site .plan-nieuwsbrief{
    padding-top: 15px;
}

.site .list-view .pagination {
    margin-top:0;
    margin-bottom:0;

}
.site .list-view .pagination a,
.site .list-view .pagination span
{
    z-index: 0;
    border: 0;
    border-left: 1px solid #e6e7e8;
    border-right: 1px solid #e6e7e8;
    padding: 14px 20px;
    color: #bcbec0;
    font-size: 18px;
    font-weight: 600;
    border-radius: 0px;
}

.site .list-view .pagination .prev a,
.site .list-view .pagination .prev span{
    border-left:0;
}

.site .list-view .pagination .disabled {
    display:none;
}

.site .list-view .pagination .next a,
.site .list-view .pagination .next span{
    border-right:0;
}
.site .list-view .sorter{
    border: 0;
    border-radius: 0;
    padding: 14px 20px;
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    text-transform: none;
    font-size: 17px;
}


/* sorter */
.site .sorter-dropdown {
    margin-right: 15px;
    border-radius: 0;
}

.site .sorter-dropdown li a {
    padding:7px 20px;
}

/*end sorter */

.site .enquete-preview { display:none; position:absolute; width:300px; }
.site .enquete-vraag-toevoegen:hover .enquete-preview { }
.site .enquete-vraag-toevoegen:hover .enquete-preview {
    display: block;
    right: -310px;
    z-index: 300;
    top: 0px;
    background: #FFF;
    border: 1px solid #CCC;
    margin-left: 10px;
}

.site .previewUpdate { position: absolute; z-index: 101; }
.site .previewUpdate a { padding:5px; }

.site .previewWrapper { position:relative; padding:10px 0; }
.site .previewWrapper > .row > div { margin-left:60px; }

.site .previewWrapper > .previewOVerlay { position:absolute; width:100%; height:100%; z-index: 100;}
.site .previewWrapper > .previewOVerlay:hover { border: 2px dashed #999; }

/*voorzieningen*/
.panel-head {
    position: absolute;
    text-align: center;
    width: 100%;
    height: 100%;
    top: 45%;
    padding-top: 68%;
    padding-bottom: 85%;
    transition: transform 0.35s, color 0.35s;
    transform: translate3d(0,-50%,0);
    z-index: 12;
}
.panel-head:hover h4{font-weight:800 !important; font-size: 21px}
.panel-head:hover {
    transform: translate3d(0,-60%,0) translate3d(0,-40px,0);
}

.panel-head img {  height: 85px; margin-bottom: 15px;}
.panel-head:hover img { height: 45px; margin-bottom: 0; margin-top: 32px;}
.blok-panel {height: 250px}
.image-effect:after { content: ''; top:0; bottom:0; left:0; right:0; position: absolute}

#school {opacity:0}
.panel-head:hover #school {opacity: 1; font-size: 14px; margin-top: 5%; font-weight: 200;}

#winkels {opacity:0}
.panel-head:hover #winkels{opacity: 1; font-size: 14px; margin-top: 5%; font-weight: 200;}

#ov {opacity:0}
.panel-head:hover #ov{opacity: 1; font-size: 14px; margin-top: 5%; font-weight: 200;}

#medisch {opacity:0}
.panel-head:hover #medisch{opacity: 1; font-size: 14px; margin-top: 5%; font-weight: 200;}

.social-wrapper { position:relative; padding-bottom:50px;}
.social-text {
    position:absolute;
    bottom:0;
    right:105px;
}

.carousel .project-visual-item {
    min-height:560px;
    background-size: cover;
    background-position: center center;
}
.carousel .visual-newsletter-container {
    position: relative;
    bottom: 0;
    margin-top: -560px;
}

.project-header {
    position: absolute;
    width: 100%;
    margin-top: -100px;
}

.maps-marker-wonen {
    z-index: 100;
    float: left;
    margin-right:-5px;
    margin-top:0px;
    width:40px;
    height:30px;
    border-top: 15px solid #FFF;
    border-bottom: 15px solid transparent;
    border-left:20px solid transparent;
    border-right: 20px solid #FFF;
}
.maps-marker {
    z-index: 100;
    float: left;
    margin-right:-5px;
    margin-top:5px;
    width:40px;
    height:30px;
    border-top: 15px solid #FFF;
    border-bottom: 15px solid transparent;
    border-left:20px solid transparent;
    border-right: 20px solid #FFF;
}

.infoBox {
    margin-left:20px;
}

.infoBox > img {

    position: relative;
    cursor: pointer;
    margin:  10px -10px 0px 0px;
    left: -33px;
    z-index: 1;
}

.maps-polygon {
    z-index: 100;
    float: left;
    position: absolute;
    margin-left: -30px;
    margin-top: 100px;
    width: 10px;
    height: 10px;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    border-left: 15px solid transparent;
    border-right: 15px solid #FFF;
}



.site .expander .expander-body {
    display: block;
    /*display: -webkit-box;*/
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    font-size:16px;
    line-height: 1.4;
    max-height: 250px; /* $font-size*$line-height*$lines-to-show;*/
}

.site .expander-woning-detail .expander-body {
    max-height:193px;
}

.site .expander .expander-readmore{
    display:block;
    margin-top:15px;
    margin-bottom:15px;
    text-decoration:underline;
}
.site .expander .expander-body p{
    margin:0 !important;
    padding:0 !important;
}
.site .expander.expander-dashboard .expander-body {
    max-height:340px;
}
.site .expander.open .expander-body {
    overflow: hidden;
    max-height: 5000px;
    padding-bottom: 30px;
    -webkit-line-clamp: initial;
}
.site .expander.open.expander-dashboard .expander-body {
    padding-bottom:0;
    -webkit-line-clamp: initial;

}

/*
.site .expander .expander-click {
    background-color: transparent;
    background-image: -o-linear-gradient(top, transparent 0%,#fafafa 100%);
    background-image: -ms-linear-gradient(top, transparent 0%,#fafafa 100%);
    background-image: -moz-linear-gradient(top, transparent 0%,#fafafa 100%);
    background-image: -webkit-linear-gradient(top, transparent 0%,#fafafa 100%);
    background-image: linear-gradient(to bottom, transparent 0%,#fafafa 100%);
}
.site .expander .expander-click.lightest  {
    background-color: transparent;
    background-image: -o-linear-gradient(top, transparent 0%,#f2f2f2  100%);
    background-image: -ms-linear-gradient(top, transparent 0%,#f2f2f2  100%);
    background-image: -moz-linear-gradient(top, transparent 0%,#f2f2f2  100%);
    background-image: -webkit-linear-gradient(top, transparent 0%,#f2f2f2  100%);
    background-image: linear-gradient(to bottom, transparent 0%,#f2f2f2  100%);
}
*/

.site .expander .expander-click {
    margin-top: -30px;
    display: block;
    padding: 40px 0 0;
    position: relative;
    font-size: 18px;
    font-weight: 600;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    background-size: 30px 30px;
    background-repeat: repeat-x;
    background-position: top;
}
.site .expander.expander-dashboard .expander-click {
    margin-top:0;
    padding:10px 0 0;
    margin-bottom:30px;
}

.site .expander.expander-dashboard.open .expander-click {
    padding:0;
}

.popover { color:inherit!important; max-width:400px;}

.import-form .form-control,
.import-form .input-group {float:left; }

.import-form .form-select .form-control { float:none; }

.import-form .input-group > input { float:none; width:100%; }

.import-form .js-editor-container {margin-top:0; }


.sourceIcon {
    position: absolute;
    width: 15px;
    top: 5px;
    left: -8px;
}

.form-select .sourceIcon {
    left: -23px;
}
.error-message { clear:both; }

.property-map-controls {
    position: absolute;
    top: 63px;
    right: 29px;
    z-index:11;
    list-style:none;
}

.property-map-controls li {
    display: inline-block;
    padding: 0;
    float: left;
    padding:3px;
    background:#FFF;
}

.property-map-controls li a {
    display: block;
    padding: 0 9px;
    color: #333;
    font-size: 14px;
    line-height: 28px;
    color:#333;
}

.property-map-controls li:hover {
    background:#DDD;
}

.property-map-controls li:hover a{
    text-decoration: none;
    color:#333;
}

.property-map-controls li.shrink-map {
    display:none;
}

.map-controls {
    position: relative;
}

.property-filters {
    position:absolute;
    top:50px;
    left:10px;
    z-index:1;
}

.property-filters-item {
    margin-bottom:10px;
    background-color:#FFF;
    padding:3px;
    font-size:14px;
    line-height:28px;
}

.property-filters-item:hover {
    background-color:#DDD;
}

.property-filters-button {
    color:#333;
    border:none;
    background-color:transparent;
    padding:0 9px;
}

.property-legend {
    position: absolute;
    top: 55px;
    right: 10px;
    z-index: 1;
    background-color:#FFF;
    font-size: 14px;
    width:225px;
}

.property-legend .panel { border-radius: 0; -webkit-box-shadow: none; box-shadow: none; }
.property-legend .panel .panel-heading { border-radius:0; border-bottom: 1px solid #ddd; padding:0; position:relative; }
.property-legend .panel .panel-heading:hover { background-color:#e6e6e6;}
.property-legend .panel .panel-title { font-size: 14px; font-weight:normal!important; text-transform: none!important; }
.property-legend .panel .panel-heading:after { position:absolute; right:15px; top:5px; content:"\f0da"; font-family: FontAwesome; font-size:18px; color:#929191 ; }
.property-legend .panel .panel-heading.active:after { content:"\f0d7"; }
.property-legend .panel .panel-title a { color:#333; padding: 10px 15px; display: block; }
.property-legend .panel .panel-title a:hover,
.property-legend .panel .panel-title a:focus { text-decoration:none; }
.property-legend .panel-group .panel+.panel { margin:0; }
.property-legend .panel-group .panel-heading+.panel-collapse>.panel-body { border-top:0; border-bottom: 1px solid #ddd; }
.property-legend .panel-group { margin:0; }
.property-legend .panel-group label { display:block; font-size:12px; color:#333; padding-top:2px; }
.property-legend .panel-group label:last-child { margin-bottom:0; }
.property-legend .property-filter { background: #f3f3f3; font-size:16px; }

.property-legend .property-legend-item { display:inline-block; height:16px; width:28px; margin-right:10px; }
.property-legend .property-legend-item-available { background-color:rgba(0, 153, 0, 0.35); border:2px solid rgba(0, 153, 0, 0.8); }
.property-legend .property-legend-item-option { background-color:rgba(255, 170, 0, 0.35); border:2px solid rgba(255, 170, 0, 0.8); }
.property-legend .property-legend-item-mondeling { background-color:rgba(255, 102, 0, 0.35); border:2px solid rgba(255, 102, 0, 0.8); }
.property-legend .property-legend-item-sold { background-color:rgba(255, 0, 0, 0.35); border:2px solid rgba(255, 0, 0, 0.8); }

.property-legend .property-legend-item-available:hover { background-color:rgba(0, 153, 0, 0.8);  }
.property-legend .property-legend-item-option:hover { background-color:rgba(255, 170, 0, 0.8); }
.property-legend .property-legend-item-sold:hover { background-color:rgba(255, 0, 0, 0.8);  }

.property-legend .property-legend-status {position: relative; top: -3px;}

#carousel-homepage .visual { position:relative; z-index:1; }
#carousel-homepage .item img {height:650px; }
#carousel-homepage .carousel-control { width: 75px; }
#carousel-homepage .carousel-indicators { bottom:0; }

.form-label .progress { height:40px; }
.form-label .progress .progress-bar { line-height:40px; }


.voordelen { list-style: none; }
.voordelen li::before { content:"\f00c"; font-family: FontAwesome; position:absolute; left:15px; color:#36B938; }


.contactformulier .form-group {
    background-color: #FFF;
}
.contactformulier label {

    color: #000 !important;
    padding-top:15px;
}
.contactformulier .form-control {
    border: 0 !important;
}
.contactformulier .form-group .form-control, .contactformulier .form-control, .contactformulier .form-control:focus {
    height: 52px;
}

.site .partnerlogo {
    max-width:250px;
    max-height:250px;
}

.site .breadcrumbs {
    font-size: 15px;
}

.site .kenmerken{
}

.site .kenmerken-large-icon{
    margin-bottom:30px;
}

.header-team .content-team{padding: 55px 0 25px}
.text-team {
    position: absolute;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.77);
    width: 92%;
    padding: 30px 15px;
    overflow: hidden;
    margin-bottom: 15px;
}

.hover-teamdescription {
    margin-bottom: -282px;
    margin-top: 15px;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.team-block:hover .hover-teamdescription {
    margin-bottom: 0px;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.team-block {
    overflow: hidden;

}

.site .team-container a.team-contact:hover, .team-container .site a.team-contact:focus {
    text-decoration: underline !important;
}

.bar-top::before {
    content: '';
    position: absolute;
    left: 13px;
    width: 79%;
    height: 2px;
}


.site .subscribe-modal .modal-background { background-size:cover;}
.site .m-b-170 {margin-bottom: 170px}

.site .bar.custom-content img { width:100%; }
.site label.hasIcon .circle,
.site label.hasIcon .check { margin-top:13px; }


.site .floorplan {
    position:fixed;
    top:0;
    left:-5000px;
    width:100%;
    height:100%;
    background-color:#FFF;
    z-index:100;

    -moz-transition: all 0.4s linear;
    -ms-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    -webkit-transition: all 0.4s linear;
    transition: all 0.4s linear;
}

.site .floorplan.open { left:0;}
.site .floorplan iframe { position:absolute; width:100%; height:100%; border:none; }
.site .floorplan .close-floorplan {
    height: 33px;
    width: 100px;
    background: #ffffff url("https://d273csydae9vpp.cloudfront.net/static/images/controlbar/gradient.gif") repeat-x 0 0;
    border-bottom: 1px solid #ccc;
    line-height: 12px;
    overflow: hidden;
    position:absolute;
    right:0;
    top:0;
    z-index:101;
    color: #999;
    font-size: 14px;
    font-weight: bold;
    cursor: pointer;
    padding: 10px;
}
.site .floorplan .close-floorplan:hover {
    color: #666;
    text-decoration: none;
}

.site .summary {
    font-size: 18px;
    margin-top: 12px;
    margin-bottom: 20px;
    font-weight:600;
}

.site .filter-container .bar {
    padding-top: 20px;
    padding-bottom: 5px;
}

.site .filter-container .filter-header {
    font-size: 18px;
    font-weight: 600;
}

.site .filter-container .filter-switch {
    cursor:pointer;
    font-size: 21px;
    margin-top:10px;
    margin-bottom: 20px;
}

.site .filter-container .filter-icon {
    height:30px;
    margin-right:15px;
    vertical-align: middle;
}

.site .filter-container .form-group {
    margin-left: -15px;
}

.site .filter-group .filter > label,
.site .filter-group .filter .display-slider > label{
    font-size:18px;
    font-family: 'Roboto', 'Helvetica', 'Arial', sans-serif;
    font-weight: 600;
    margin-bottom:10px;
    line-height:25px;
}

.site .filter-group .filter .display-slider > label {
    padding-bottom:10px;
}

.site .filter-group .ui-slider-horizontal {
    height: 5px;
    border:0px;
}

.site .filter-group .ui-slider-range {

    border-radius: 0;
}

.site .filter-group  .ui-slider-handle{
    margin-left:-2px;
    top:-5px;
}

.site .filter-group .display-slider {
    padding-bottom:20px;
}

.site .filter-group .filter-handle-label {
    width: 110px;
    text-align: center;
    text-decoration: none;
    display:block;
}

.site .filter-group .filter-handle-label-left {
    text-align:left;
    margin-left:-4px;
}

.site .filter-group .filter-handle-label-right {
    text-align:right;
    margin-left: -52px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: bold;
    width: 16px;
    height: 16px;
    border-radius:8px;
    cursor:pointer;
}

.table-compact {
    font-size: 14px;
    letter-spacing: -0.3px;
}

.site .projectOverview .item {
    height:100%;
}

.site .projectOverview .matchheight-container > .matchheight{
    margin-bottom:30px;
}

.site .aanbod-slider .projectLink,
.site .projectOverview  .projectLink {
    font-weight: bold;
    font-size: 22px;
    position: absolute;
    margin-right: 30px;
    bottom: 30px;
    right: 0;
}

.site .projectOverview .table-condensed>thead>tr>th,
.site .projectOverview .table-condensed>tbody>tr>th,
.site .projectOverview .table-condensed>tfoot>tr>th,
.site .projectOverview .table-condensed>thead>tr>td,
.site .projectOverview .table-condensed>tbody>tr>td,
.site .projectOverview .table-condensed>tfoot>tr>td {

    padding-left: 0;
}

.site tfoot>tr>td { font-weight:bold; }


.mail_wrapper { width:100%; }
.optant-found { position:absolute; background:#FFF; padding:10px; display:none; left:0; width:100%; border:1px solid #999;}

.optant-found .geinteresseerdeClickable {
    cursor: pointer;
}

.configurator-icon1 {
    width: 59px;
    height: 50px;
    padding-right: 9px;
}
.configurator-icon2 {
    width: 61px;
    height: 53px;
    padding-left: 8px;
    padding-bottom: 4px;
}
.configurator-icon3 {
    width: 59px;
    height: 57px;
    padding-left: 6px;
}
.configurator-icon1-home {
    width: 59px;
    height: 55px;
    padding-top: 7px;
}
.configurator-icon2-home {
    width: 68px;
    height: 53px;
    padding-left: 14px;
}
.configurator-icon3-home {
    width: 63px;
    height: 65px;
    padding-left: 10px;
}
.configurator-block-icon {
    border-radius: 50%;
    display: block;
    width: 100px;
    height: 100px;
}
.configurator-text {
    float: left;
}
.configurator-container-block {
    margin-left: -75px;
}
.configurator-text-home {
    padding-top: 18px;
}
.configurator-bg,
.bg-floorplan {
    background-image: url('https://stonepro.s3.eu-central-1.amazonaws.com/media/common/images/detail-achtergrond-compressor.jpg');
    background-size: cover;
}
.configurator-bg-home {
    background-image: linear-gradient(to right, rgba(255,0,0,0)70%, rgba(251,242,240,1)10%), url('https://stonepro.s3.eu-central-1.amazonaws.com/media/common/images/detail-achtergrond-compressor.jpg');
    background-size: cover;
}
.configurator-container1 {
    background: #fbf2f0;
    padding-top: 30px;
    margin-top: -90px;

}

/*contactformulier*/
.overlap-image {
    height: auto !important;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
    overflow: hidden;
    padding-bottom:50%;
}
.contact-container {
    padding: 30px;
    margin-top: -85px;
}
/*banner*/
.banner-styl-hover {
    position: relative;
    display: inline-block;
    overflow: hidden;
    width: 100%;
    line-height: 1.2em;
    text-align: center;
}
.banner-styl-hover *,
.banner-styl-hover *:before,
.banner-styl-hover *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.banner-styl-hover h5 {
    text-transform: uppercase;
    font-size: 1.1em;
    letter-spacing: 2px;
}
.banner-styl-hover figcaption {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.banner-styl-hover:hover .bannerImg {
    opacity: 0.1;
}
.banner-styl-hover .bannerImg {
    height: 185px !important;
}
.banner-styl-hover:hover figcaption,
.banner-styl-hover.hover figcaption {
    -webkit-transition-delay: 0.2s;
    transition-delay: 0.2s;
    opacity: 1;
}
.column {
    margin-bottom: 30px;
}
.paragraph p {
    margin-bottom: 10px;
}
.custom-content h1 {
    font-size: 30px !important;
}
.column h2 {
    font-weight: 500 !important;
    font-size: 20px !important;
    margin-bottom: 10px !important;
}

.nobr td, .nobr th { white-space:nowrap; }

.table-striped>tbody>tr:nth-of-type(even) {
    background-color: #FFFFFF;
}
.table-grey-th thead tr {
    background-color: #f9f9f9;
}

.panorama { height:100%; }
.nav.fixed { width:100%; z-index:100; }
.fullscreen-wrapper { display:none; position:fixed; height:100%; width:100%; }
.modal-fullscreen .modal-content .modal-body button { padding: 13px; float: right; font-size:44px; font-weight:lighter; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; line-height: 0; color: #FFFFFF; text-shadow: 0 1px 0 #000000; opacity: .5; }



/*** FOTOALBUM ***/
.site .fotoalbum-project > a { display: inline-block; position: relative; width: 100%; float: left; overflow: hidden; margin:15px; }
.site .fotoalbum-project > a > img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;

    position: relative;
    /*top: 50%;
    min-height: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
}
.site .fotoalbum-project > a:before{
    content: " ";

    background-color: transparent;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    z-index: 1;
}
.site .fotoalbum-project > a:hover:before{
    background-color: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position:absolute;
}

.site .fotoalbum-project > a > .photo-text {
    position: absolute;
    z-index: 5;
    width: 100%;
    bottom: 30%;
    text-align: center;
    color:transparent;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.site .fotoalbum-project > a:hover > .photo-text {
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    font-size: 20px;
    font-weight: 400;
}

.site .fotoalbum-project > a:hover > img {
    -webkit-transform: scale(1.1)/*translateY(-50%)*/;
    -moz-transform: scale(1.1) /*translateY(-50%)*/;
    -ms-transform: scale(1.1) /*translateY(-50%)*/;
    -o-transform: scale(1.1) /*translateY(-50%)*/;
    transform: scale(1.1) /*translateY(-50%)*/;
}
.site .fotoalbum-project > a:after{
    content: "\f002";
    font-family: FontAwesome;
    font-size: 10px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    line-height: 30px;
    margin-top: -15px;
    text-align: center;
    color: transparent;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    text-shadow: 1px 1px 0 rgba(0,0,0,0);
    z-index: 1;
}
.site .fotoalbum-project > a:hover:after{
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    font-size: 20px;
    font-weight: 400;
}

.site .fotoalbum-project > a.show_alles > span{
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    right: 0;
    line-height: 30px;
    margin-top: -15px;
    font-size: 20px;
    color: #ffffff;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
    text-align: center;
}
.site .fotoalbum-project > a.show_alles:before{
    background-color: rgba(0,0,0,0.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    position:absolute;
    z-index:1;
}
.site .fotoalbum-project > a.show_alles:after{
    content: " ";
}

.site .fotoalbum-project.foto-zes > a { width:649px; height:505px }
.site .fotoalbum-project.foto-zes > a + a {  width:460px; height:225px; }
.site .fotoalbum-project.foto-zes > a + a +a {  width:215px; height:110px; }

#project-reference .fotoalbum-project.foto-zes > a { width:459px; height:225px; }
#project-reference .fotoalbum-project.foto-zes > a + a {  width:215px; height:110px; }
#project-reference .fotoalbum-project.foto-zes > a + a +a {  width:215px; height:110px; }

.site .fotoalbum-project.fotoalbum-75.foto-zes > a { width:419px; height:435px; }
.site .fotoalbum-project.fotoalbum-75.foto-zes > a + a {  width:300px; height:195px; }
.site .fotoalbum-project.fotoalbum-75.foto-zes > a + a +a {  width:135px; height:90px; }

.site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a { width:389px; height:435px; }
.site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a {  width:270px; height:195px; }
.site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a +a {  width:120px; height:90px; }

.site .fotoalbum-project.foto-zes > a:nth-child(1) { margin-left:0; margin-bottom:0;}
#project-reference .fotoalbum-project.foto-zes > a:nth-child(1) { margin: 0 15px 15px 15px; }

.site .fotoalbum-project.foto-zes > a:nth-child(2),
.site .fotoalbum-project.foto-zes > a:nth-child(4),
.site .fotoalbum-project.foto-zes > a:nth-child(6) { margin-right:0; }

#project-reference .fotoalbum-project.foto-zes > a:nth-child(2),
#project-reference .fotoalbum-project.foto-zes > a:nth-child(3),
#project-reference .fotoalbum-project.foto-zes > a:nth-child(4),
#project-reference .fotoalbum-project.foto-zes > a:nth-child(5) { margin-right:15px; }

.site .fotoalbum-project.foto-zes > a:nth-child(5),
.site .fotoalbum-project.foto-zes > a:nth-child(6) { margin-bottom:0; }

.site .album-wrapper { margin:0; padding:0; list-style: none;}
.site .album-wrapper .album-item { display:inline-block; }
.site .album-wrapper .album-divider { display:inline-block; }
.site .album-wrapper .album-divider:last-child span {border: 0px;}
.site .album-wrapper .album-item a {padding:15px 25px; margin:0; display:block; text-decoration:none; }
.site .album-wrapper .album-item:first-child a {padding-left:0; }


.bottom-bar-media {
    padding-left: 25px;
    margin-top: 25px;
}
.media-icon {
    height: 19px;
    width: 19px;
    vertical-align: middle;
}
.count-media {
    color: #808285;
}

.media-bar {
    margin-top:-75px;
}

.media-bar a {
    background-color: rgba(255,255,255, 0.8);
    margin-right:10px;

    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding:15px;
    color:#414042;
    font-weight:bold;
    text-decoration: none;
}
.media-bar a:hover {
    color: #000;
}

.media-bar a b {
    font-weight:bold;
}
.media-bar a .mediatitle{
    margin-right:5px;
}

.blog-items td  {
    padding-left:30px !important;
}

/* Large devices (large desktops, 1200px and less) */
@media (min-width: 992px) and (max-width: 1200px) {
    .site .fotoalbum-project.foto-zes > a { width:550px; height:430px }
    .site .fotoalbum-project.foto-zes > a + a {  width:360px; height:200px; }
    .site .fotoalbum-project.foto-zes > a + a +a {  width:165px; height:85px; }

    .site .fotoalbum-project.fotoalbum-75.foto-zes > a { width:340px; height:350px; }
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a + a {  width:245px; height:155px; }
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a + a +a {  width:107px; height:68px; }

    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a { width:310px; height:350px; }
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a {  width:215px; height:155px; }
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a +a {  width:93px; height:68px; }

    .site .album-wrapper .album-item a {padding:15px 15px; }
}

/* Small devices (tablets, between 769px and 992px) */
@media (min-width: 769px) and (max-width: 992px) {
    .site .fotoalbum-project.foto-zes > a { width:420px; height:330px; }
    .site .fotoalbum-project.foto-zes > a + a {  width:270px; height:150px; }
    .site .fotoalbum-project.foto-zes > a + a +a {  width:120px; height:60px; }

    .site .fotoalbum-project.fotoalbum-75.foto-zes > a { width:185px; height:135px; }
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a + a {  width:185px; height:135px; }
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a + a +a {  width:185px; height:135px; }

    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a { width:315px; height:175px; }
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a {  width:315px; height:175px; }
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a +a {  width:315px; height:175px; }

    .site .fotoalbum-project.foto-zes > a:nth-child(even) { margin-right:0; }
    .site .fotoalbum-project.foto-zes > a:nth-child(odd){ margin-bottom:0; margin-left:0; }

    .site .album-wrapper .album-item a {padding:15px 15px; }
}

/* Extra small devices (phones, less than 769px) */
@media (max-width: 769px) {
    .site .fotoalbum-project.foto-zes > a,
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a,
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a { width:100%; height:210px; margin:15px 0!important; }

    .site .fotoalbum-project.foto-zes > a + a,
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a,
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a + a { width:100%; height:210px; margin:15px 0!important; }

    .site .fotoalbum-project.foto-zes > a + a + a,
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a +a,
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a + a +a{ width:100%; height:210px; margin:15px 0!important; }

    .site .album-wrapper .album-item a {padding:15px 15px; }
    .visual-newsletter .nav-sticker {top:-90px;height:130px;width:130px;line-height:120px;}
    .visual-newsletter .nav-sticker span {font-size:16px;}
    .owl-carousel .owl-item .item img {width:100% !important;}
}
/*Voor tablet foto hoogte*/
@media (max-width: 769px) and (min-width: 400px) {
    .site .fotoalbum-project.foto-zes > a,
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a,
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a {width:100%;height:290px;margin:15px 0!important;}

    .site .fotoalbum-project.foto-zes > a + a,
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a,
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a + a { width:100%; height:290px; margin:15px 0!important; }

    .site .fotoalbum-project.foto-zes > a + a + a,
    .site .fotoalbum-project.fotoalbum-75.padded.foto-zes > a + a +a,
    .site .fotoalbum-project.fotoalbum-75.foto-zes > a + a +a{ width:100%; height:290px; margin:15px 0!important; }
}
.bg-felicitatie {
    background-color: transparent;
    background-size: cover;
    background-attachment: fixed;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: blur(3px);
    z-index: -2;
}
.img-felicitatie {
    margin:0 auto;
    width: 80%;
    -webkit-box-shadow: 3px 6px 31px 1px rgba(0,0,0,0.58);
    -moz-box-shadow: 3px 6px 31px 1px rgba(0,0,0,0.58);
    box-shadow: 3px 6px 31px 1px rgba(0,0,0,0.58);
}
.bg-felicitatie::before {
    content: "";
    background-color: white;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    opacity: 0.8;
}
#world {
    position: fixed;
    top: 0;
    z-index: 10;
    width:100%;
    height:100%;
}

.site #fotos .nav-tabs { display:inherit!important;}

/*zoek-banner*/
.zoek-banner p {
    letter-spacing: 1px;
    font-size: 15px;
    text-transform: uppercase;
}
/*.zoek-banner .form-group {
    position:inherit;
}*/

/**/


/*team-page*/

.team-container .team-text {
    padding: 125px 20px 30px 20px;
}
.team-img {
    min-height: 250px;
    width: 300px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 1;
}
.team-container .team-img {
    position: relative;
    border: 5px solid white;
    width: 250px;
    height: 250px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: -125px;
}
.team-maxheight {
    overflow: hidden;
}
.team-height-container {
    height: 100%;
    margin-bottom: 30px;
}
.team-container .team-text a:hover {
    text-decoration: none;
}
.team-container .team-text span {
    line-height: 1.5em;
}
.team-container .team-text li,
.team-container .team-text a p,
.team-container .team-text p,
.team-container .team-text a,
.team-container .team-text h4 {
    color: #ffffff;
}
.read-more-custom {
    position: absolute;
    bottom: 0;
    padding-bottom: 35px;
}

/* Horizontal filters */

.filter-group-horizontal .collapse,
.filter-group-horizontal .collapsing {
    position:absolute;
    z-index:100;
    background: #BBB;
    color:#FFF !important;
    padding-left: 5px;
    padding-right: 22px;
    max-height:400px;
    min-width:200px;
    overflow-y:scroll;
}

.filter-group-horizontal .disabled-item{
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}




.videoPreview {
    width: 100%;
    height: 421px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.videoPreview i { cursor: pointer; color:rgba(255, 255, 255, 1); transition:200ms all; }
.videoPreview i:hover { color:rgba(125,125,125, 1); }

#project-formulier h5 {
    clear:both;
}

.arrow-steps .step {
    font-size: 14px;
    text-align: center;
    cursor: default;
    margin: 0 2px;
    padding: 10px 10px 10px 30px;
    width: 23%;
    float: left;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: background-color 0.2s ease;
}

.arrow-steps .step:after,
.arrow-steps .step:before {
    content: " ";
    position: absolute;
    top: 0;
    right: -17px;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    z-index: 2;
    transition: border-color 0.2s ease;
}

.arrow-steps .step:before {
    right: auto;
    left: 0;
    z-index: 0;
}

.arrow-steps .step:first-child:before {
    border: none;
}

.arrow-steps .step:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.arrow-steps .step:last-child:after {
    border-radius: 0 4px 4px 0;
}

.arrow-steps .step span {
    position: relative;
}

.arrow-steps .step span:before {
    opacity: 0;
    content: "✔";
    position: absolute;
    top: -2px;
    left: -20px;
}

.arrow-steps .step.done span:before {
    opacity: 1;
    -webkit-transition: opacity 0.3s ease 0.5s;
    -moz-transition: opacity 0.3s ease 0.5s;
    -ms-transition: opacity 0.3s ease 0.5s;
    transition: opacity 0.3s ease 0.5s;
}

.site .breadcrumb{
    border-radius:0;
    background-color:inherit;
    padding-left:0;
}
.tablink i {
    margin-right:5px;
}

.site .project-link:hover{
    text-decoration:none;
}
.team-detail-social i {
    font-size: 20px;
}
.site .header-regio-detail > .visual-container.visual-container-right {
    text-align: right;
}

.site #call {
    position: fixed;
    display: none;
    left: 0;
    right: 0;
    bottom: 0;
    line-height: 50px;
    text-align: center;
    z-index: 999;
    font-size: 16px;
}

.navbar-nav #searchResults {
    position: absolute;
    z-index: 10;
    width: 500px;
}


/*aanbod buttons*/
form.filter-group-horizontal .btn-primary {
    color: #989898 !important;
    background-color: #e3e3e3 !important;
    border: 0 !important;
    border-radius: 0 !important;
    text-align: left;
    width: auto;
    padding: 13px 9px;
}
form.filter-group-horizontal .btn-primary:after {
    content: '\f078';
    font-family: FontAwesome;
    position: absolute;
    right: 0;
    padding-right: 8px;
}

.timelineTag { cursor: pointer; }

/* recent woningaanbod */

.project-info-custom {
    padding: 11px 0;
    width: 100%;
    height: 47px;
    overflow: hidden;
}
.project-info-custom .icon {
    width: 33.3%;
    float: left;
    text-align: center;
    border-right: 1px solid #fff;
}
.project-info-custom .icon:last-child {
    border-right: none;
}
.site .project.recent .project-info {
    padding: 15px 15px 50px 15px !important;
}
.project-info-custom .icon img {
    display: inline-block;
    vertical-align: top;
    height: 20px;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 30px;
    right: 30px;
    display:none;
    z-index:1038;
    padding: 16px 20px !important;

}

#form_0_submit:after,
#form_1_submit:after,
#form_2_submit:after,
#form_3_submit:after,
#form_4_submit:after,
#form_5_submit:after,
#form_6_submit:after,
#form_7_submit:after,
#form_8_submit:after
{
    content: "\f054";
    font-family: FontAwesome;
    margin-right: -10px;
    margin-left: 10px;
}

.radius-0 { border-radius:0; }


.energielabel {
    height: 24px;
    display: inline-block;
    position: relative;
    padding: 0 10px;
    margin: 0 24px 0 0;
    background-color: #999;
    text-transform: uppercase;
}

.energielabel:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 0;
    left: 100%;
    border-style: solid;
    border-width: 12px 0 12px 12px;
    border-color: transparent transparent transparent #999;
}

.energielabel-a { background-color:#009342; color:#FFF;}
.energielabel-b { background-color: #1ba943; color:#FFF;}
.energielabel-c { background-color: #9ecf1b; color:#FFF;}
.energielabel-d { background-color: #f8f51c; color:#000;}
.energielabel-e { background-color: #f4b003; color:#FFF;}
.energielabel-f { background-color: #df6d14; color:#FFF;}
.energielabel-g { background-color: #db261d; color:#FFF;}

.energielabel-a:after { border-left-color:#009342;}
.energielabel-b:after { border-left-color: #1ba943;}
.energielabel-c:after { border-left-color: #9ecf1b;}
.energielabel-d:after { border-left-color: #f8f51c;}
.energielabel-e:after { border-left-color: #f4b003;}
.energielabel-f:after { border-left-color: #df6d14;}
.energielabel-g:after { border-left-color: #db261d; }

.site .kenmerken-bar {
    z-index:19;
}


/* sticker */

.nav-sticker{
    position: absolute;
    right: -95px;
    height: 150px;
    width: 150px;
    border-radius: 50%;
    top: -80px;
    transform: rotate(10deg);
    text-align: center;
    line-height: 140px;
    z-index: 10;
}
.nav-sticker .inner-sticker{
    vertical-align: middle;
    display: inline-block;
}
.nav-sticker span{
    display: block;
    line-height: 22px;
    font-size: 18px;
    padding-top:10px;
}
.nav-sticker span.lead{
    margin-bottom: 0;
    font-size: 32px;
}

.nav-sticker span.sublead{
    margin-top:3px;
}

.shadow-z-2 {
    box-shadow: 0 8px 17px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19);
}

.nav-sticker	{background-color: #efbb28;}

.nav-sticker,
.nav-sticker a,
.nav-sticker a:hover
{color: #ffffff !important;}

.swiper-container {
    width: 100%;
    height:auto;
    background-color:#FFFFFF;
}
.swiper-slide {
    background-position: center;
    background-size: cover;
    height:auto;
}
.swiper-slide img {
    width:100%;
}

.swiper-slide { opacity: 0.2; }
.swiper-slide-active { opacity: 1; }


.expander-dashboard .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.expander-dashboard .overlay-content {
    position: relative;
    top: 45%;
    width: 100%;
    text-align: center;
    margin-top: 30px;
}


#carousel-makelaar .item {
    /*min-height:100px;*/
}

#carousel-makelaar .left {
    margin-left: -40px;
    text-align:left;
}

#carousel-makelaar .right {
    margin-right: -20px;
    text-align:right;
}

.kenmerken-navigation-bar {
    z-index:19 !important;
}

.radio.voorinschrijving {
    padding: 7px 0;
}


/** compact project detail **/
.project-compact .media-bar-wrapper { z-index: 1; }

.site .project-compact . block { padding:30px !important; }

.project-compact .media-bar a {
    margin-right:15px;
    border-radius: 0;
    font-weight:normal;
}
.project-compact .media-bar a:first-child {
    margin-left:-15px;
}

.project-compact .media-icon {
    display:none;
}

.project-compact .bottom-bar-media-wrapper b {
    font-weight: normal;
}

.project-compact .bottom-bar-media  {
    background-color:transparent;
    padding:0;
}

.project-compact .album-wrapper .album-item:first-child a,
.project-compact .album-wrapper .album-item a {
    padding:15px;
}

.project-compact .status-label.diagonal.top-left {
    box-shadow: none;
}
.project-compact .status-label.diagonal.top-left:before,
.project-compact .status-label.diagonal.top-left:after,
.project-compact .status-label.diagonal.top-right:before,
.project-compact .status-label.diagonal.top-right:after {
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

.polygonTable tr {
    border-top:1px solid #CCCCCC;
}
.polygonTable tr td{
    font-size:15px;
    width:50%;
    vertical-align: top;
    padding-top:3px;
    padding-bottom:3px;
}
.polygonTable tr td.polygonValue{
    font-weight:bold;
}

.hidden-kavel { display:none; }

.site .partner-logo{
    margin-top:12px;
    margin-left:5px;
    margin-right:5px;
}

.site .nvm-logo{
    height:25px;
}
.site .funda-logo{
    height:21px;
    margin-top:14px;
}




.site #socialmedia {
    position: fixed;
    right: 0px;
    top: 200px;
    z-index: 99;
}

#socialmedia .socialbutton {
    padding: 1px 0px 1px 1px;
    border-radius: 0 0;
    margin-bottom: 0;
}

.loginmenu-wrapper { position:relative; }


.form-privacy a {
    text-decoration:underline;
}



/* cookie notification */

.cookie-notification {
    background-color: #fff;
    z-index: 99;
    width: 100%;
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    font-size: 14px;
    padding: 10px;
    line-height:18px;
}

.cookie-notification .cookie-text{
    font-size:11px;
    line-height:16px;
    padding-right:15px;
}

.cookie-notification a {color:#CCCCCC;}
.cookie-notification button.cookie-accept {
    background:none;
    border:none;
    cursor:pointer;
    position: absolute;
    right:0;
    top:0;
    font-size: 18px;
    color:#CCCCCC;
}
.cookie-notification button.cookie-accept:hover {color:#BBBBBB;}
.cookie-notification #more {display:none;}
.cookie-notification #meer-btn {
    border:none;
    color:#CCCCCC;
    background:none;
    padding:0;
}

@media (min-width:768px) {
    .cookie-notification {
        position: fixed;
        bottom: 0;
    }
}

/* end cookie notification */

.padding-bottom-100{
    padding-bottom: 100px;
}

.padding-top-100{
    padding-top: 100px;
}


.mapsHeaderWrapper {
    margin:0;
}

.mapsHeaderWrapper .mapsHeaderCol {
    font-weight:bold;
    padding:10px 0;
}

.mapsCol .mapsHeaderCol
{
    font-weight:bold;
    padding:10px 0 10px 15px;
    margin-top:30px;
}

.mapsCol .lotTypeDivider {
    border-bottom:1px solid #DDDDDD;
}

.mapsCol .lotTypeDivider:last-child {
    border-bottom:1px solid transparent;
}

.maps-hide {
    display:none;
}

.popup-link a {
    font-weight:bold;
    color:#000 !important;
    font-size:20px;
}

.mapsHeaderWrapper .mapsHeaderCol > .row {
    margin:0;
    padding:10px 0;
}

.mapsHeaderWrapper .mapsHeaderCol.last {
    padding-right:17px;
}

.mapsWrapper {
    display:flex;
    width:100%;
    height:100%;
    margin:0;
}

.site header  .samenwerking {
    list-style:none;
}

.site header  .samenwerking img {
    height: 55px;
}


.site header:not(.shrink) .samenwerking {
    margin-top: 20px;
}

.site .video-header {
    overflow: hidden;
    height:100%;
}

.site .video-header .embed-container {
    margin-top: auto;
    margin-bottom: auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.site .video-header .embed-container .header-video {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.site .video-header .embed-container .site video::-webkit-media-controls,
.site .site .video-header .embed-container video::-webkit-media-controls-start-playback-button {
    display:none !important;
    opacity:0;
    position: absolute; top: -9999px
}

.bar section {
    position:relative;
}

.my-controls-btns {
    position: absolute;
    background:#fff;
    top: 67%;
    padding:30px 30px 20px;
    box-shadow:0 2px 3px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    z-index:19;
}

.bar section .my-controls-btns {
    top:50%;
}

.prev-slide {
    left: 0px;
}
.next-slide {
    right: 0px;
}

.prev-slide svg {
    transform: scaleX(-1);
}

.woning-streetview { display:none; }
.woning-maps { position:relative; }
.showStreetviewMap {
    cursor:pointer;
    position: absolute;
    z-index: 11;
    top: 10px;
    right: 60px;
    direction: ltr;
    overflow: hidden;
    text-align: center;
    height: 40px;
    line-height: 40px;
    display: table-cell;
    vertical-align: middle;
    color: rgb(86, 86, 86);
    font-family: Roboto, Arial, sans-serif;
    user-select: none;
    font-size: 18px;
    background-color: rgb(255, 255, 255);
    padding: 0px 17px;
    border-bottom-right-radius: 2px;
    border-top-right-radius: 2px;
    background-clip: padding-box;
    box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
    min-width: 65px;
    border-left: 0px;
    box-sizing: border-box;
    font-weight: 400;
}

.showStreetviewMap:hover {
    color: rgb(0, 0, 0);
    background-color: rgb(235, 235, 235);
}

.vragenForm input[type="checkbox"] + img {
    border: 3px solid #FFFFFF;
}

.vragenForm input[type="checkbox"]:checked + img {
    border: 3px solid #FF0000;
}

/* needed to get checkbox in vertical center when places near image */
.vragenForm .checkbox input[type="checkbox"]{
    position:relative;
}

/* don't wrap long email addresses, but use ... */
.email-overflow {
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}


#closeContactSticky{
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20);
    background:none;
    border:none;
}

#closeContactSticky:hover, #closeContactSticky:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50);
}


.ytp-cued-thumbnail-overlay-image {
    background-size: contain !important;
    -moz-background-size: contain  !important;
    -webkit-background-size: contain  !important;
}




.cut-text {
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    display:block;
    white-space: nowrap;
}

.modal.in .modal-dialog {
    z-index: 1041;
}

.site header .navbar-nav > .loginmenu-wrapper > li > .dropdown-menu {
    left: auto !important;
    top: 50px;
}

/* Extra css for older new-style.css */

.account-block .inner h4 {font-weight:500;margin:10px 0 20px;}
ul.breadcrumb li a, #account-profile .extra-info a {
    color: var(--primary);
}
.btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid
    transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.project-list .label.label-default {background:#fff !important;}
#user-account #account-project-list .inner-flex {margin-top:5px;}
#account-project-dashboard .account-project-header .account-project-header-content h2 {color:#fff !important;}
#account-profile h4 {font-weight:500;}
.site .account-header-block .tab-content {padding:0 !important;}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    cursor: default;
}

.site .nav-tabs {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
}

.site .alert-warning {
    background-color: #fcf8e3 !important;
    border-color: #faebcc !important;
    color: #8a6d3b !important;
}