.preloader {background-image: url(/images/preloader.png);} 

    .languages li {float:left;margin:10px;}
    .main-footer .contact-list li:first-child {margin-bottom: 16px;}
    .main-footer .footer-bottom .copyright-text p {font-size: 12px;}
    .main-header .search-box-btn{border:1px dashed #36A9E1;}

    .property-search-form.style-two .form-group {
        border-bottom: 1px solid #DDD;
    }
    .property-search-form.style-two .form-group:first-child {
        border-left: 1px solid #DDD;
    }
    .googlemapNotShow {display:none;}
    .googlemapShow {display:block;}
    .btnsearch {
        width: 100%;
        text-align: center;
        font-family: 'Raleway', sans-serif;
        font-size: 16px;
        font-weight: 600;
    }

    #selection select {
        display: inline-block;
        margin-bottom: 16px;
        width: 100%;
        height: 100%;
        padding: 4px;
        font-size: 13px;
        color: #555555;
        border: 1px solid #cccccc;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
    }
    #selection a.resetcombo.active+select {
        width: 85%;
    }

    #selection .div-select {
        width:100%;
        padding-bottom: 0px;
    }


    #selection a.resetcombo {
        border-radius: 3px;
        float: right;
        width: 15%;
        background-color:#36A9E1;
        height: 100%;
        color: #FFF;
        font-size: 35px;
        text-align: center;
        line-height: 42px;
        font-size: 25px;
        font-weight: 600;
        border: 1px solid #999;
    }


    #friendlyquery {
        margin-top: 10px;
        min-height: 28px;
        -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        text-align: center;
    }
    #friendlyquery .btn-result {
            width:unset;
            margin-top:10px;
            margin-left:10px;
            color:#FFF;
        }
    .PandPrijs:before {
        position: absolute;
        left: -10px;
        top: 0;
        width: 0;
        height: 0;
        border-top: 20px solid #D00;
        border-left: 10px solid transparent;
        content: "";
        -webkit-transition: all 300ms ease;
        -moz-transition: all 300ms ease;
        -ms-transition: all 300ms ease;
        -o-transition: all 300ms ease;
        transition: all 300ms ease;
    }
    .PandPrijs {
        background:#D00;
    }

    .lazyload,
    .lazyloading {
	    opacity: 0;
    }
    .lazyloaded {
	    opacity: 1;
	    transition: opacity 300ms;
    }
    img.lazyload:not([src]) {
	    visibility: hidden;
    }

    .property-search-form.style-three form {
        right: unset;
        max-width: 300px;
        background-color: rgba(255,255,255, 0.35);
    }
    /* Pand detail*/
    .page-title:before {
        opacity: 0.2;
    }

    .owl-stage > .owel-item {
        max-height: 100px;
        min-width: auto;
    }

    /* RoyalSlider */
      #gallery-1 {
  width: 100%;
  height:227px;
  -webkit-user-select: none;
  -moz-user-select: none;  
  user-select: none;
}

.royalSlider > .rsImg {
  visibility:hidden;
}
.royalSlider img {
}
.rsWebkit3d .rsSlide {
    -webkit-transform: none;
}
.rsWebkit3d img {
    -webkit-transform: translateZ(0);
}

#tt{position:absolute;display:block;z-index:999;}
#tttop{display:block;height:5px;margin-left:5px;overflow:hidden;}
#ttcont{display:block;padding:2px 12px 3px 7px;margin-left:5px;font-size:11px;color:#fff;background-color:#36A9E1;}
#ttbot{display:block;height:10px;margin-left:5px;overflow:hidden;background:url('/img/icons/beak36A9E1.png') top left no-repeat transparent;margin-top:-2px;}
.comfort_icons a{display:block;width:45px;height:38px;overflow:hidden;float:left;margin-right:5px;margin-bottom:5px;text-indent:-5000px;outline:none;cursor:default;background-position:top left;background-repeat:no-repeat;}
.comfort_icons{margin:0;}



.hidden-desktop {display: none;}
.visible-desktop {display: block;}
.Periodes .table td, .table th {
        padding: 0.50rem;
    }

.Periodes .table-striped tbody tr:nth-child(odd) td, .table-striped tbody tr:nth-child(odd) th {
    background-color: #e0e0e0;
}

table.possibilities{width:100%;cursor:default;}
table.possibilities.table tbody tr:hover td{background-color:#d0d0d0;color:#222;}
table.possibilities tr.active td,table.possibilities.table tbody tr.active:hover td{color:#fff;background:#36A9E1 !important;}
table.possibilities tr.active .btn{background-color:#36A9E1;background-image:-moz-linear-gradient(top, #36A9E1, #36A9E1);background-image:-ms-linear-gradient(top, #0074d5, #0074d5);background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#36A9E1), to(#36A9E1));background-image:-webkit-linear-gradient(top, #36A9E1, #36A9E1);background-image:-o-linear-gradient(top, #36A9E1, #36A9E1);background-image:linear-gradient(top, #36A9E1, #36A9E1);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#36A9E1', endColorstr='#36A9E1', GradientType=0);border-color:#36A9E1 #36A9E1 #004a88;border-color:rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);}table.possibilities tr.active .btn:hover,table.possibilities tr.active .btn:active,table.possibilities tr.active .btn.active,table.possibilities tr.active .btn.disabled,table.possibilities tr.active .btn[disabled]{background-color:#36A9E1;}
table.possibilities tr.active .btn:active,table.possibilities tr.active .btn.active{background-color:#0058a2 \9;}

.Periodes .btn-mini 
{
padding: 0 12px 0 12px; 
font-size: 13px;
}
.Periodes h3 {
    font-size: 24px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    position: relative;
    margin-bottom: 40px;
}

.reservation h3 {
    font-size: 24px;
    line-height: 1.2em;
    color: #222222;
    font-weight: 700;
    position: relative;
    margin-bottom: 40px;
}

h3 span, #top { margin-top: -70px; padding-bottom: 70px; display: block; }

.btn-primary
{
    background-color:#36A9E1;
    border-color: #36A9E1;
}

.btn-style-stick {
    position: relative;
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
    padding: 10px 0px 10px; 
    margin: 5px;
    font-weight: 300;

    background-color: #36A9E1;
    text-transform: uppercase;
    -webkit-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
    -moz-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
    -ms-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
    -o-box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
    box-shadow: rgba(34, 34, 34, 0) 0 0px 0px 0px inset;
}

.TeamMember {
    background-color: #36A9E1;
    border: 3px solid #36A9E1;
    height: 150px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    width: 150px;
}


.sidebarright
{
position:fixed;bottom:0px;right:0px;z-index:9999;width:60px;
}

.form-group .error {color:#D00;}
.form-group p {font-size:12px; color:#999}
.alert-danger,.alert-error{background-color:#f2dede;border-color:#e4b9b9;color:#b94a48;}

#reservation-info .alert {
    width: auto;
    margin-bottom: 0;
    text-align: center;
    padding: 8px;
}
#form_contact_holiday {
    visibility: hidden;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
}

.process-section:before {background-color: #E8E8E8;opacity: unset;}
.header-style-one .header-lower .logo-box {left: -45px; }
.header-style-one .header-lower .logo {padding:  50px 0px; }
.header-style-one .main-menu .navigation > li {/* padding-right: 15px; */margin-right: 15px;   }

/* Small Screen max 767px */
.header-style-one .search-box-outer {display: block;}

@media only screen and (max-width: 767px) {
    .nearest-places .map-column {
        height: unset;
    }
    .hidden-desktop {display: block;}
    .visible-desktop {display: none;}
    .Periodes .table-responsive {width: 90%;}
    h3 span, #top { margin-top: -10px; padding-bottom: 10px; display: block; }
    /* .main-menu .navbar-header {padding: 10px 20px 10px;}*/
    
}

@media only screen and (max-width: 850px) {
    .header-style-one .search-box-outer {
        display: none;
    }
}
@media only screen and (min-width: 768px) and (max-width: 832px)  {
    .languages li {float: unset; margin: 0px;height: 20px;}
    .header-style-one .main-menu .navigation > li { padding-right: 15px; margin-right: 15px;  }
    .top-right {margin-top: -10px;}
}

@media only screen and (max-width: 1139px) {
    	.header-style-one .header-lower .logo{padding: 25px 0; padding-right: 0px; padding-left: 10px;}
        .header-style-one .header-lower .logo-box:before {right: 0px;} 
        /*.header-style-one .header-lower .logo-box {left: 0px;}*/
        .main-header .search-box-outer {margin-right: -33px;}
}

@media only screen and (min-width: 1140px) {
    .logo-box {margin-left: 30px;}
    .nav-outer, .top-left {margin-left: 35px;}
    .logo img {width:270px }
    .header-style-one .header-lower .logo {    padding: 48px 0px;}

}

.main-header .outer-box {
    position: relative;
    float: right;
    margin-left: 0px;
    margin-right: 35px;
}

.main-header .search-box-outer {
    margin-left: 0px;
}

/* Titel en breadcrums hoog*/
.page-title .inner-container {margin-top: -80px;}
/* Buttons op foto lager */
.property-search-tabs .tab-buttons {top: -42px;}
/* Button op foto kleiner */
.property-search-tabs .tab-buttons .tab-btn { padding: 5px 10px; }

.upper-info-box .price-column {    text-align: left;}

.contact-section .contact-info-box { margin-bottom: 30px;}


.main-footer .list li:before {content: "";}

/* Overzicht panden */
.Pand {border: 1px solid #36A9E1;}

/* kantoor pagina > formulier */
.contact-section .form-column .inner-column { padding: 20px 15px 85px;}
.contact-section .contact-info-box .icon { color: #e20007;}

/* Algemeen breadcrum pijltjes bovenaan*/
.page-title .bread-crumb li:before {
    content: "\f101";
    font-family: "Line Awesome Free";
    font-weight: 900;
}




#CookiePrivacy {
  display: none;
  width: 100%;
  max-width: 600px;
  padding: 0 0 40px 0;
  text-align: justify;
  border-radius: 5px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

#CookiePrivacy .fancybox-close-small {
  top: 15px;
}

#CookiePrivacy .content-header {
  border-bottom: 1px solid #eee;
  padding: 20px;
}

#CookiePrivacy .content-footer {
    margin: 20px 20px 0 0;
    float: right;
}

#CookiePrivacy .content-scroll {
  max-height: calc(100vh - 200px);
  overflow: auto;
  padding: 0px 20px 0 20px;
}


#NuttigeInformatie
{
display:none; 
overflow:hidden;
width: 100%;
max-width: 600px;
padding: 20px 0 20px 0;
border-radius: 5px;    
box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}
#NuttigeInformatie h3 {color: #36A9E1;margin-bottom:10px;}
#NuttigeInformatie iframe {width:100%;height:400px;}

#Catalogus
{
display:none; 
overflow:hidden;
width: 100%;
max-width: 400px;
padding: 20px 0 20px 0;
border-radius: 5px;    
box-shadow: 0 10px 20px rgb(0 0 0 / 19%), 0 6px 6px rgb(0 0 0 / 23%);
}
#Catalogus h3 {color: #36A9E1;margin-bottom:10px;}




.about-us .process-block h4 a:hover {color: #DA231E;} /* hover bij Team*/

.btn-style-one:hover {
    color: #ffffff;
    -webkit-box-shadow: rgb(5, 43, 108) 0 0px 0px 40px inset;
    -moz-box-shadow: rgba(5, 43, 108, 1) 0 0px 0px 40px inset;
    -ms-box-shadow: rgba(5, 43, 108, 1) 0 0px 0px 40px inset;
    -o-box-shadow: rgba(5, 43, 108, 1) 0 0px 0px 40px inset;
    box-shadow: rgb(5, 43, 108) 0 0px 0px 40px inset;
}


.fancybox-close-small:after { content: "";}
.fancybox-slide--iframe .fancybox-content { width  : 830px; height : 500px; max-width  : 90%; max-height : 90%; margin: 0;} /* hoogte breedte iframe voor kalender */
.fancybox-button--share{display: none;} /* Share knop recht boven weg */



.contact-section .info-column .inner-column h4 {font-size: 20px;}

.contact-section .info-column .inner-column {
    position: relative;
    padding: 25px 0px;
    max-width: 360px;
    margin: 0 auto;
}

.season-comfort li:before {
    font-weight: 900;
    font-family: 'Line Awesome Free';
    content: "\f14a";
}

.recent-property-section .owl-next, .recent-property-section .owl-prev {
    background-color: #36A9E1;
}


.main-header .header-top {
    background-color: #052b6c;
}

.faq-tabs {max-width: unset;}


.sidebar-page-container .sidebar-title {background-color: #36A9E1;}
.sec-title {position: relative;padding-left: 30px; margin-bottom: 20px;}
.sec-title h2 {font-size: 30px;}
.process-block h4 {color: #36A9E1;}



.logo {
    background: #f9f9f9;
    background: -moz-linear-gradient(right, #f9f9f9 0%, #e9eaea 100%);
    background: -webkit-linear-gradient(right, #f9f9f9 0%,#e9eaea 100%);
    background: linear-gradient(to right, #f9f9f9 0%,#e9eaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9eaea', endColorstr='#f9f9f9',GradientType=0 );
}
.logo-box:before {background: #f9f9f9;}
.header-style-one .header-lower .logo:after, .header-style-one .header-lower .logo:before {
    border-bottom: 70px solid transparent; /* onder */
    border-left: 70px solid #e9eaea;
    right: -70px;
}
.main-header .top-left .contact-list li a, .main-header .top-left .contact-list li, .main-header .top-left .contact-list li i, .languages a {color: #36A9E1;}
.main-header .top-left .contact-list li a:hover, .languages a:hover {color: #0056b3;}
.main-header .header-top {background-color: #f9f9f9;}
.main-header .header-top .auto-container,
.main-header .header-lower .main-box {
    background: #f9f9f9;
    background: -moz-linear-gradient(left, #f9f9f9 0%, #e9eaea 100%);
    background: -webkit-linear-gradient(left, #f9f9f9 0%,#e9eaea 100%);
    background: linear-gradient(to left, #f9f9f9 0%,#e9eaea 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e9eaea',GradientType=0 );
}
.header-style-one .header-lower .logo-box:before {background-color: #f9f9f9;}

@media only screen and (max-width: 1139px)  {
        .header-style-one .header-lower .logo-box {left: -20px;}
        .header-style-one .header-lower .logo {
            background: #f9f9f9;
            background: -moz-linear-gradient(left, #f9f9f9 0%, #e9eaea 100%);
            background: -webkit-linear-gradient(left, #f9f9f9 0%,#e9eaea 100%);
            background: linear-gradient(to left, #f9f9f9 0%,#e9eaea 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e9eaea',GradientType=0 );
        }
    } 

@media only screen and (max-width: 767px)
{


    .header-style-one .header-lower .logo-box {background-color: unset;}
    
            .header-style-one .header-lower .logo {
            background: #f9f9f9;
            background: -moz-linear-gradient(right, #F0F1F1 0%, #e9eaea 100%);
            background: -webkit-linear-gradient(right, #F0F1F1 0%,#e9eaea 100%);
            background: linear-gradient(to left, #F0F1F1 0%,#e9eaea 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F1F1', endColorstr='#e9eaea',GradientType=0 );
        }
    
}

.btn-top 
{
    line-height:30px;font-size:16px;font-weight:500;padding:5px 10px;margin-right: 10px;
}

/* Extra search in navigatie bij smartphone*/
.searchmobile {display:none;}
@media only screen and (max-width: 767px)
    {
        .searchmobile input {width:90%;padding-inline: 20px;}   
        .searchmobile button {width:10%;margin:-5px;} 
        .searchmobile {display:block;height:30px;}
        .searchmobile .form-container {margin-left: 1px;}
    }

/* Button om te boeken */
#reservation_now .vanaf {color:#E00;float:left;margin: 9px 10px 0 0;font-size:20px;}
#reservation_now .ReserveerNu {color:#E00;display: flow-root;}
#reservation_now .price {color:#E00}
@media only screen and (max-width: 767px)
    {
    #reservation_now .vanaf {margin: 5px 10px 0 0;}
    }

/* extra adres */
.main-header .top-left .contact-list {position: relative;padding: 5px 0 0 5px;}

.header-style-one .main-menu .navigation > li.DropdownEnd:before {
    content: "";
}
.hidden-control-group {display: none;visibility: hidden;}



h2.home
 {
    position: relative;
    font-weight: normal;
    margin: 0px;
    background: none;
    line-height: 1.2em;
    font-size: 2.5rem;
    font-family: 'Raleway', sans-serif;
    color:#FFF;
    text-transform:unset;
}