#header.menu-side .social-icons .social-label,
#header.menu-side .social-icons .social-icon .fa-brands,
#languages,
#menu-search,
#wrapper .modeldetail #modelhashnav,
.menu-link-arrow,
.menu-agency-switch,
.scrolldown,
#pageBlock0 .page-block-header-caption .page-block-name,
.card-title,
.social-icon a span.social-name,
.social-label,
.breadcrumb,
.scrolltop,
.home .breadcrumb{
    display: none!important;
}


.nav-container{
    display: none!important;
}

#header{
    pointer-events: none!important;
}


#wrapper{
    justify-content: center;display: flex;
}
#wrappercontent{
    max-width: 1920px; background: none;
}
#header{
    background: none!important;
}
.logo {
    width: 160px;
    padding: 5px 0px 0px 15px; z-index: 10;
}
.logo svg{
    max-width: none;
}
.navbar-toggle {
    background: none;
    width: 35px;
    height: 45px;
    top: 0px;
    left: auto;
    right: 30px;
    padding: 0px;
}
.navbar-toggle .icon-bar {
    width: 35px;
    border-radius: 0px;
    height: 2px;
    background: #3B3223;
}
.navbar-toggle .icon-bar+.icon-bar, .navbar-toggle .icon-bar-2{
     margin-top: 4px;
}
.navbar-toggle .icon-bar-3{
}

.navbar-toggle::before{
    position: absolute; top: -15px; left: 0px; width: 100%; content: 'close'; display: block; text-align: center; font-size: 10px; letter-spacing: 1px; text-transform: none;
    left: 0px; color: #F4EFE3;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    opacity: 0;
    transform: rotate(180deg);
}
.navbar-toggle::after{
    position: absolute; top: 35px; left: 0px; width: 100%; content: 'menu'; display: block; text-align: center; font-size: 10px; letter-spacing: 1px; text-transform: none;
    left: 0px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; color: #3B3223;
}
.menuactive .navbar-toggle::after{
    opacity: 0;
}
.menuactive .navbar-toggle::before{
    opacity: 1;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
    font-weight: normal;
}
.page-block-txt h2, .page-block-txt h3, .page-block-txt h4, .page-block-txt h5{
    font-family: Archivo;
    font-weight: 600;
    font-size: 1.1em;
}

#theBody .mainmenu{
	position: fixed; left: 0px; height: 0px; top: 0px; display: block; opacity: 1; margin: 0px; visibility: visible; overflow: hidden !important; padding: 0px;
	width: 0%; max-width: 100%; background: #ADC6FF; max-height: none;
    margin-top: 0px;  pointer-events: none;
    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
}

#theBody.menuactive .mainmenu{
    pointer-events: all;
} 
.mainmenu .navbar-nav{
    margin-top: 85px; overflow: hidden;/* min-height: 300px;*/ padding: 0px;
}
.mainmenu .extra-menu .navbar-nav{
    min-height: 0px;
}

.mainmenu .extra-menu .navbar-nav{
    margin: 0px;
}
.mainmenu ul li{
    min-height: 20px; height: auto; padding-top:45px; padding-right: 0px; overflow: visible; top: 0px; opacity: 0; margin:0px 0px 5px 0px!important; text-align: left; padding: 0px 15px 0px 15px !important;
    padding: 0px;
}
.mainmenu ul li a{
    background: none; padding: 0px 0px !important; margin: 0px;
    float: left; width: 100%; color: #3B3223;
    font-family: headfont; text-align: left;
    border-bottom: 1px solid #ADC6FF;
}	
.mainmenu #extraMenu ul li a{
    font-size: 14px; font-family: Archivo;
    padding-right: 30px!important; width:auto;
    position: relative; width: auto;
}
.mainmenu #extraMenu ul li a:after {
  position: absolute;
  font-family: 'FontAwesome';
  top: 5px; left: auto; right: 0px;
  content: "\f061";
  font: var(--fa-font-thin);
}
.afterMenu{
    float: left;
}
.afterMenu .after-menu{
    margin: 10px 0px 0px 0px;
}

.mainmenu ul.after-menu li.childmenu{
    margin: 3px 0px!important;
}
.mainmenu .navbar-nav ul.after-menu li.childmenu a{
    color: #ffffff!important;
}
.mainmenu .navbar-nav .active ul.after-menu li.childmenu a{
    color: #0056a1!important;
}
.mainmenu .navbar-nav ul.after-menu li.childmenu a:hover{
    color: #ffffff!important;
}
.mainnav-container{
    max-width: none;
}


.menu-address{
    padding: 0px 15px; position: relative; width: 100%; float: left; margin: 30px 0px 15px 0px;
     opacity: 0;
}
.menu-address p,
.menu-address p a{
    color: #3B3223;
}
.menu-address p a:hover{
    color: #BB9727;
}

.call2action.actionblock{
    padding: 0px 30px; position: relative; width: 100%; float: left; margin: 15px 0px;
    opacity: 0;
}
.call2action.actionblock .btn-primary{
    width: 100%; margin-bottom: 10px;
}
.call2action.actionblock p{
    width: 100%; text-align: center; color: #3B3223;
}
.call2action.actionblock{
    
}
.call2action.actionblock{
    
}

.menu-image{
    width: 10px; position: fixed; top: 0px; left: 0px; opacity: 0; width: 50vw; height: 100vh; object-fit: cover; object-position: center;opacity: 0;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease; pointer-events: none;
}

@media(min-width:768px){
li.menu-link.active .menu-image{
    opacity: 1;
}
li.menu-link:hover .menu-image{
    opacity: 1; z-index: 2;
}
}

#extraMenu{
    padding: 0px 0px 50px 0px;
}
#extraMenu ul.navbar-nav li{
    text-align: left;
}
#extraMenu ul.navbar-nav li.menu-socials{
    display: flex; justify-content: flex-end; border-top: 1px solid #ffffff;
    margin: 0px 30px!important; padding: 30px 0px 0px 0px!important;
}
#extraMenu ul.navbar-nav li.menu-socials a{
    width: 40px; padding: 0px!important; margin: 0px;
}
#extraMenu ul.navbar-nav li.menu-socials .social-icon{
    width: 40px;
}
#extraMenu ul.navbar-nav li.menu-socials a:after {
    display: none;
}

#extraMenu ul.navbar-nav li.menu-login{
    background: #0056a1; position: fixed; top: 130px; left: auto; right: 30px; width: 100px;
    padding: 10px 15px!important; display: flex; align-content: center; align-items: center; 
}
#extraMenu ul.navbar-nav li.menu-login a{
    width: 100%; text-align: left; padding: 0px!important;
}
#extraMenu ul.navbar-nav li.menu-login a:after {
    top: 3px;
}
#theBody{
    font-size: 14px; font-family: Archivo; font-weight: 400;
}
.mainmenu ul li a,
.footer h2,
.social-icon .fa-brands{
    font-size: 1.6em;
}
.mainmenu ul li a{
    font-size: 2.6em; font-weight: normal;
    line-height: 1.1em;
}
.footer h3{
    font-size: 1.3em;
}
.footer h3 span{
    font-size: 1em;
}
.footer-menu .navbar-nav li.menu-link a.menu-link{
    font-size: 1em;
}

.footer{
    position: relative;
    background: #ADC6FF; overflow: hidden; margin-top: 45px!important;
    display: none;
}
.footer::before{
}
#footer_links{
    padding: 15px 15px 90px;
}


.footer p,
.footer p a{
    font-size: 1em; text-align: left;
}
.page-block-intro p, .page-block-intro ul{
    font-size: 1em;
}
.page-block-txt p{
    margin: 0px 0px 30px 0px;
}
.page-block-txt ul{
    margin: 0px 0px 30px 0px;
}
.page-block-txt h2{
    margin: 0px 0px 5px 0px;
}
.page-block-txt h3{
    margin: 0px 0px 5px 0px;
}

.footer p a{
    text-decoration: none;
}
#creditsfooter {
    z-index: 199; text-align: center; padding: 15px 15px 15px 15px !important; font-size: 0.8em;
    color: #FFFFFF!important; background: none; position: relative;
}
@media(max-width:768px){
    #footer_links{
        padding-bottom: 100px;
    }
    
}



@media(max-height:700px){
    .mainmenu ul li{
        margin: 0px 0px 5px 0px!important;
    }
    .mainmenu ul li a, .footer h2, .social-icon .fa-brands{
        font-size: 2.2em;
    }
    .mainmenu .navbar-nav ul.after-menu li.childmenu a{
        font-size: 1em;   
    }
    .mainmenu #extraMenu ul li a{
        font-size: 12px;
    }
    .mainmenu .navbar-nav{
        margin-top: 45px; overflow: hidden;
    }
    .menuactive #mainmenu{
        /*min-height: 540px;*/
    }
    
    .menu-address{
        margin-top: 15px;
    }
    .call2action.actionblock{
        margin-top: 0px;
    }
}
@media(max-height:550px){
    #extraMenu{
        position: relative; float: left; top: 0px; left: 0px; bottom: auto; padding-bottom: 0px;
        max-height: none;
    }
    #extraMenu ul.navbar-nav li.menu-socials{
        display: none;
    }
    .menuactive #mainmenu{
        min-height: none;
    }
}

@media(max-height:550px){
    #extraMenu{
        display: none;
    }
}

@media(min-width:768px){
    #header {
        height: 100vh;
        left: auto; right: 0px;
        width: 90px; 
        position: fixed;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
        background: #ADC6FF!important;
    }
    .navbar-toggle{
       top: 50vh; right: 29px; margin-top: -20px;
    }
    .menuactive .navbar-toggle{
    }
    
    .logo {
        width: 100px;
        left: 30px;
        top: 30px;
        padding: 0px 0px 0px 0px;
        position: fixed;
    }
    #theBody .mainmenu{
        padding-right: 90px; left: auto; right: 0px; padding-left: calc(50% + 30px);
        
    }
    #theBody .mainmenu #extraMenu{
        padding-right: 90px; padding-bottom: 30px;
    }
    .mainmenu .navbar-nav {
        margin-top: 10px;
    }
    .navbar-nav li a.menu-link {
        text-align: left;
    }
    .navbar-nav li.active a.menu-link {
        background: none;
    }
    #extraMenu ul.navbar-nav li.menu-login{
        top: 30px; width: 200px;
    }
    .mainmenu #extraMenu ul.navbar-nav li.menu-login a{
        font-size: 18px;
    }
    #mainsection {
        padding: 0px 90px 0px 30px; margin: 0px;
    }
    .footer{
        margin-right: 90px; width: calc(100% - 90px); margin-top: 0px!important;
    }
    #footer_links{
         padding-bottom: 100px;
    }
    

    
    #pageBlock1.page-block.with_page_image,
    .page-block{
        margin: 0px!important;
    }
    
    #pageBlockPage #pageBlock1.page-block.with_block_image{
        min-height: 100vh;
    }
    #pageBlockPage #pageBlock1.page-block .page-block-caption{
        padding: 100px 30px 60px 30px;
    }
    #pageBlockPage #pageBlock1.page-block.with_block_image .page-block-caption{
        width: 50%; align-content: center; align-items: center; padding: 100px 30px 0px 0px;
    }
    #pageBlockPage #pageBlock1.page-block.with_block_image .page-block-image{
        width: 50%; left: 50%; position: absolute; left: 50%; height: 100vh;
        position: sticky;
    }
    #pageBlockPage #pageBlock1.page-block.with_block_image .page-block-image img{
        width: 100%; height: 100%; object-fit: cover;
    }
    
}

@media(min-width:991px){
    .menu-hamburger #header{
        height: 100vh;
    }
    .navbar-toggle{
    }
    .menuactive .navbar-toggle{
    }
    .logo {
        top: 30px; left: 30px ; width: 90px;
    }
    #theBody .mainmenu{
        padding-right: 120px; max-width: none;
    }
    #theBody .mainmenu #extraMenu{
        padding-right: 120px; padding-bottom: 60px;
    }
    .mainmenu .navbar-nav {
        padding-top: 30px; max-height: none;
    }
    .mainmenu #extraMenu .navbar-nav {
        padding-top: 30px;
    }
    #extraMenu ul.navbar-nav li.menu-login{
        top: 130px; left: 670px; right: auto;
    }
    .mainmenu ul.after-menu{
        flex-wrap: nowrap; flex-direction: row; justify-content: flex-end;
    }
    .mainmenu ul.after-menu li.childmenu{
        margin: 3px 0px!important; width: auto; position: relative;
    }
    .mainmenu ul.after-menu li.childmenu::before{
        position: absolute; left: -15px; top: 0px; height: 100%; width: 1px; background: #0056a1; content: '';
    }
    .mainmenu ul.after-menu li.childmenu:nth-of-type(1)::before{
        display: none;
    }
    .mainmenu ul.after-menu li.childmenu a{
        padding: 0px 30px 0px 0px !important; font-size: 13px!important;
    }
    
    
    .menu-hamburger .mainmenu .navbar-nav li a{
        font-size: 3em; line-height: 1em;
    }
    
    #mainsection {
        padding: 0px 90px 0px 30px; margin: 0px!important;
    }
    .footer{
        margin-right: 120px; width: calc(100% - 120px); padding: 0px 15px;
    }
    .footer::before{
        bottom: -250px; height: 500px; width: 500px;
    }
    #footer_links{
         padding-bottom: 100px;
    }
    .prefooter-content-1{
        width: 200px!important;
    }
    .prefooter-content-2{
        width: 250px!important;
    }
    .footer .footer-menu2 .navbar-nav{
        width: 100%!important; flex-direction: row;
    }
    .footer .navbar-nav>li{
        width: auto; padding-right: 30px;
    }
    .page-block-txt p, .page-block-txt ul{
    }
    
}
@media(min-width:991px) and (max-height:700px){
    .mainmenu .navbar-nav{
        padding-top: 45px; min-height: 0px; 
    }
}
@media(min-width:1280px) and (min-height:700px){
    .menu-hamburger .mainmenu .navbar-nav li a{
        font-size: 4em;
    }
}
@media(min-width:1280px) and (max-height:740px){
    .menu-hamburger .mainmenu .navbar-nav li a{
        font-size: 1.5em;
    }
    .mainmenu .navbar-nav{
        padding-top: 45px; min-height: 0px; 
    }
}
 
@media(min-width:1280px){   
    .logo {
        width: 140px;
    }
    #theBody .mainmenu{
        padding-left: (50% + 50px);
    }
    
    .footer .navbar-nav li a,
    .footer p a,
    .prefooter-0.actionblock p, .prefooter-1.actionblock p, .prefooter-2.actionblock p{
        font-size: 18px;
    }
    .prefooter-content h2{
        font-size: 34px;
    }
    .prefooter-content-1 h2, .prefooter-content-2 h2{
        font-size: 24px; margin: 15px 0px;
    }
    .prefooter-content-1{
        width: 300px!important;
    }
    .prefooter-content-2{
        width: 300px!important;
    }   
}

@media(min-width:1280px) and (min-height: 800px){
    .menu-hamburger .mainmenu .navbar-nav li a{
        font-size: 5em;
    }
    
}

@media(min-width:1440px) and (min-height:850px){
    .menu-hamburger .mainmenu .navbar-nav li a{
    }
    
}
@media(min-width:1440px) and (min-height: 930px){
    .menu-hamburger .mainmenu .navbar-nav li a{
    }
    
}
@media(min-width:1440px){
    .footer .navbar-nav li a,
    .footer p a,
    .prefooter-0.actionblock p, .prefooter-1.actionblock p, .prefooter-2.actionblock p{
        font-size: 20px;
    }
}

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

.btn-primary,
.btn-list{
    padding: 10px 15px 10px 15px; position: relative;
    border-radius: 5px; overflow: hidden;
}
/*.btn-primary:before,
.btn-list:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 0px; left: auto; right: 0px; height: 100%; display: flex; align-content: center; flex-wrap: wrap; width: 45px; justify-content: center;
  content: "\f061";
  font: var(--fa-font-thin);
     font-size: 18px;
    z-index: 2;
}
.btn-primary:after,
.btn-list:after {
    position: absolute; top: auto; bottom:0px; left: 0px;width: 100%; height: 0px;
    background: #0056a1; display: block; content: '';
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 1;
}*/
.btn-primary:hover:after, 
.btn-list:hover:after {
    height: 100%;
}
.btn-primary span,
.btn-list span{
    position: relative;
    font-family: Archivo; font-weight: 400;
    text-transform: none; font-size: 1.2em;
    z-index: 2;
}

#theBody #headcontact{
    pointer-events: none;
}
#theBody.contact #headcontact{
    display: none;
}
#theBody #headlogin{
    pointer-events: none;
}
#theBody #headcontact .btn{
    pointer-events: all;
}
#theBody #headlogin .btn{
    pointer-events: all; background: #ffffff!important;
}
#theBody #headlogin .btn span{
    color:#0056a1;
}
#theBody #headlogin .btn:hover span{
    color:#ffffff;
}
#theBody #headlogin .btn::before{
    color:#0056a1;
}
#theBody #headlogin .btn:hover::before{
    color:#ffffff;
}
#theBody #headlogin .btn::after{
    /*background:#ADC6FF;*/
}
#theBody #backblock{
    pointer-events: none;
}
#theBody #backblock .btn{
    pointer-events: all;
}

.breadcrumb{
    padding: 10px 30px;
    background: none; font-size: 0.8em; margin: 0px;
}
.breadcrumb-item a{
    text-decoration: none;
}
#pageBlockPage{
}
.home #pageBlockPage{
    padding-top: 0px;
}
.page-block,
.page-block.list-click-detail,
.page-block.list-click-detail.slider{
    padding: 0px;
}
.page-block-caption{
    padding: 30px;
}
.light.page-block{
    padding: 30px 30px; margin-top: 45px; margin-bottom: 45px;
}
#pageBlock1.light.page-block{
    margin-top: 0px;
}
.page-block-name h1{
    margin-bottom: 25px;
    font-size: 4em; line-height: 1.1em;
    margin-left: -5px;
}
.page-block-ttl h2{
    font-size: 4em; line-height: 1.1em;
    margin-left: -5px;
}

#theBody.services #pageBlockPage #pageBlock1.page-block{
    margin-top: 45px!important;
}
#theBody.about-maxxstrans #pageBlockPage #pageBlock1.page-block{
    margin-bottom: 45px!important;
}

.page-block{
    /*transform: scale(0.95);
    opacity: 0;*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.page-block.showMe{
    opacity: 1;
    transform: scale(1.0);
}
#headcontact{
    padding: 0px 0px 0px 30px; margin: 0px; position: absolute; top: 0px; left: 0px;
    height: 60px; z-index: 1;
}
#headcontact .btn-primary{
    padding: 10px 55px 10px 15px;
}

.page-block-caption .page-block-ttl.page-block-ttl-intro h3{
    text-transform: none; margin-bottom: 15px
}

.grapListing .block,
.block{
    border: none; padding: 0px 0px 0px 0px; background: none;
}
#our-team .grapListing .block{
    grid-column: span 3;
}
.block .block-caption{
    padding: 30px 0px 15px;
}
.block .block-btns{
    padding: 0px 0px 0px; background: none; text-align: center; position: relative; top: 0px; bottom: auto;
}
.block .block-caption .block-ttl h2,
.block .block-caption .block-ttl h2 a{
    text-align: center; font-weight: normal;
}

.block .block-caption .block-txt,
.block .block-caption .block-txt p{
    text-align: center; font-weight: 400;
}

.block .block-caption .block-ttl h3,
.block .block-caption .block-ttl h3 a{
}


.page-block.cta{
    margin: 30px 0px;
}
.page-block.video,
.page-block.video .page-block-caption{
    padding: 0px;
}
#a-virtual-visit.page-block.video .page-block-caption .page-block-ttl{
    padding: 0px 30px;
}


.page-block .page-block-caption .page-block-ttl.page-block-ttl-intro h3{
    
}

.page-block.quote .page-block-caption .page-block-txt p::after,
.page-block.quote .page-block-caption .page-block-txt p::before{
    display: none;
}
.page-block.quote .page-block-caption .page-block-txt p{
    padding: 0px; line-height: 1.0em!important; margin: 0px;
    
    font-family: Archivo;
    font-weight: 200;
    font-size: 1.6em;
    
}
.page-block.quote .page-block-caption .page-block-ttl{
    order: 1;
    display: none;
}
.page-block.quote.with_page_image{
    padding-bottom: 0px;
}
.page-block.quote .page-block-image.page-block-image-png{
    display: flex; justify-content: center; align-content: center;
}
.page-block.quote .page-block-image.page-block-image-png img{
    max-width: 200px;
}
.page-block.quote.with_page_image .page-block-image{
    order: 3; width: calc(100% + 60px); margin-left: -30px; margin-right: -30px; margin-top: 90px;
}
.page-block.quote .page-block-caption .page-block-link{
    padding-top: 30px;
}

.grapWrapper{
    margin-bottom: 0px;
}
.grapWrapper .grapListing{
    grid-template-columns: repeat(auto-fill,360px);
    grid-auto-columns: 360px;
    grid-gap: 30px;
}
/*accordion*/

.accordion .page-block-module{
    margin-top: 30px;
    margin-bottom: 30px;
}

.accordion .page-block-module .card .card-header,
.accordion .page-block-module .card,
.accordion .page-block-module .card .card-body{
    background: none;
}
.accordion .page-block-module .card .card-header{
    background: #ffffff; border-radius: 5px;
    border:0px solid #fff; padding-left: 15px; padding-right: 15px; margin-top: 15px;
}
.page-block.accordion .accordion .card .card-header h4,
.page-block.accordion .accordion .card .card-header h4 a{
    padding-left: 0px; font-size: 1em;
}
.page-block.accordion .accordion .card .card-header h4{
    padding-right: 45px;
}
.page-block.accordion .accordion .card .card-header h4 a::before{
  content: "\f061";
  transform: rotate(0deg)!important;
  font: var(--fa-font-solid);
  border: 0px; left: auto; right: 0px; top: 75%; height: auto; color: #0056a1;
}
.accordion .page-block-module .card .card-body{
    padding: 30px 0px;
}
.page-block.accordion .accordion .card .card-header h4 a.collapsed::before{
    transform: rotate(90deg)!important;
}

.page-block.center.accordion .page-block-caption{
    justify-content: center;
}
.page-block.center.accordion .page-block-caption .page-block-ttl{
    max-width: 900px;
}


.page-block.color-1{
}
.page-block.color-1 .page-block-image,
.page-block.color-2 .page-block-image{
    order: 1; background: #FFFFFF; padding: 0px 0px 0px 0px; margin-bottom: 30px;
    display: flex; justify-content: center;
}
.page-block.color-1 .page-block-image img,
.page-block.color-2 .page-block-image img{
    width: 100%; height: 100%; object-fit: cover;
}
#voordeel.page-block.color-1 .page-block-image{
    background: #0056a1; padding: 0px 0px 30px 0px;
}
#voordeel.page-block.color-1 .page-block-image img{
    object-fit: contain; object-position: center center;
}

.page-block.color-1 .page-block-caption,
.page-block.color-2 .page-block-caption{
    order: 2;
}
.page-block.color-1 .page-block-caption-head,
.page-block.color-2 .page-block-caption-head{
    padding-bottom: 0px;
}
.page-block.color-1 .page-block-caption-content,
.page-block.color-2 .page-block-caption-content{
    padding-top: 0px;
}
/*.page-block.list-click-detail.slideshow*/
.page-block.list-click-detail.slideshow{
    padding: 30px; margin-top: 60px; margin-bottom: 60px;
}
.page-block.slideshow .page-block-module .carousel-control-prev,
.page-block.slideshow .page-block-module .carousel-control-next,
.page-block.list-click-detail.slideshow .page-block-module .carouselState{
    display: none!important;
}
.page-block.list-click-detail.slideshow .page-block-module,
.page-block.list-click-detail.slideshow .page-block-caption{
    padding: 0px;
}
.page-block.list-click-detail.slideshow .carousel .carousel-inner{
    padding-bottom: 60px;
}
.page-block.slideshow .page-block-module .carousel-indicators{
    margin: 0px 30px;
}
.page-block.slideshow .page-block-module .carousel-indicators li{
    width: 100%;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block{
    max-width: none; padding-bottom: 120px;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-caption .block-ttl h3{
    display: none;
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block .block-btns{
}
.page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-caption .block-txt{
    display: block;
}
.page-block.slideshow .page-block-module .carousel-indicators li{
    background-color: #ADC6FF; opacity: 0.3;
}
.page-block.slideshow .page-block-module .carousel-indicators li h2,
.page-block.slideshow .page-block-module .carousel-indicators li h3{
    display: none;
}
.page-block.slideshow .page-block-module .carousel-indicators li.active{
    background-color: #ADC6FF; opacity: 1;
}

.block.BlockListItems {
    padding-bottom: 0px;
}

.page-block.with_page_image{
    margin: 45px 0px; padding-top: 0px;
}
#pageBlock1.page-block.with_page_image{
    padding-top: 60px;
}
#pageBlock1.page-block.with_page_image{
    margin: 0px 0px 45px 0px;
}
.page-block.with_page_image .page-block-caption-head{
    display: block;
}
.page-block.with_page_image .page-block-page_image {
    order: 0; width: calc(100% + 60px); margin: 0px -30px 30px -30px;
}
.page-block.with_page_image .page-block-caption-head{
    display: none;
}


.block-listing .block.team{
    padding: 0px; align-items: flex-start; align-content: stretch;
}
.block-listing .block.team .img-0,
.grapListing .block.team .img-0{
    opacity: 0;
}
 
.block-listing .block.team .block-image,
.grapListing .block.team .block-image{
  /*transition: transform 0.6s;
  transform-style: preserve-3d;*/
}
@media (hover: hover) {
.block-listing .block.team:hover .block-image,
.grapListing .block.team:hover .block-image {
  /*transform: rotateY(180deg);*/
} 
.block-listing .block.team:hover .img-1,
.grapListing .block.team:hover .img-1{
    opacity: 0; 
}
.block-listing .block.team:hover .img-2,
.grapListing .block.team:hover .img-2{
    opacity: 1;
}
}


.block-listing .block.team .img-1,
.block-listing .block.team .img-2,
.grapListing .block.team .img-1,
.grapListing .block.team .img-2{
    position: absolute; top: 0px; left: 0px;
    width: 100%;
    height: 100%;
    -webkit-backface-vi210 mmsibility: hidden;
    backface-visibility: hidden;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
}
.block-listing .block.team .img-2,
.grapListing .block.team .img-2{
    opacity: 0;
    /*background-color: #ffffff;
    background: url("../img/frame/LB.jpg"); background-repeat: no-repeat; background-position: top right; background-size: 40px;
    color: white;*/
    /*transform: rxotateY(180deg);*/
}
#theBody.team .grapWrapper .grapListing .block.team .block-caption,
.block-listing .block.team .block-caption{
    padding: 15px; height: 140px;
}
#theBody.about  .grapWrapper .grapListing .block.team .block-caption h2,
.block-listing .block.team .block-caption h2{
    font-size: 1.0em; font-weight: headfont; text-align: center;
}
#theBody.about  .grapWrapper .grapListing .block.team .block-caption h3,
.block-listing .block.team .block-caption h3{
    font-size: 0.8em; text-align: center;
}
#theBody.about .grapWrapper .grapListing .block.team .block-caption .block-txt,
.block-listing .block.team .block-caption .block-txt{
    display: flex; justify-content: center;
}
#theBody.about .grapWrapper .grapListing .block.team .block-caption .block-txt a ,
.block-listing .block.team .block-caption .block-txt a {
    padding: 5px; font-size: 1em;
}

}
@media(min-width:1440px){
.page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-caption .block-ttl{
    display: none;
}
}


@media(min-width:500px){
    .page-block.quote .page-block-caption{
        position: relative; height: auto; background: none; padding: 45px 45px 0px 45px;
    }
    .page-block.quote .page-block-caption .page-block-link{
        padding: 45px 0px 0px 0px;
    }
    .block.services{
    }
    .block.services:nth-of-type(3),
    .block-listing.scrollable .block:nth-of-type(3){

    }
}

@media(max-width:768px){
    .grapWrapper .grapListing{
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 45px; grid-auto-flow: row;
    }
}

#headcontact{
    padding: 0px 30px 0px 0px;
} 

@media(min-width:768px){

    #headcontact{
        padding-right: 0px;
    }    

    #headcontact{
        padding: 0px 0px 0px 30px;
    }
    #headlogin{
        padding: 0px 190px 0px 0px;
    }
    #headcontact .btn-primary,
    #headlogin .btn-primary{
        padding: 10px 75px 10px 15px;
    }

    .breadcrumb{
        padding-left: 0px;
    }
    
    #backblock{
        padding: 0px 30px 0px 0px; margin-top: 12px;
    }
    .page-block.list-click-detail{
        padding: 0px;
    }
    .page-block.list-click-detail.scrollable {
        padding: 60px 0px 30px 0px;
    }
    .page-block.list-click-detail.scrollable.color-1,
    .page-block.list-click-detail.scrollable.color-2 {
        padding: 60px 30px 30px 30px;
    }
    .page-block.list-click-detail.scrollable .page-block-module{
        padding: 30px 0px 0px 0px;
    }
    .page-block.list-click-detail.slider{
        padding: 60px 0px 60px 0px;
    }
    .grapWrapper .grapListing{
       /* grid-template-columns: repeat(auto-fill,calc(((100vw - 250px) / 5) - 0px));
        grid-auto-columns: calc(((100vw - 250px) / 5) - 0px);*/
    }
    .block.methods {
    }
    

    /*.page-block.list-click-detail.slideshow*/
    .page-block.list-click-detail.slideshow{
        
        background: none;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services{
        background: none; padding-bottom: 30px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-image{
        padding-left: 30%;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-caption{
        position: absolute; top: 45px; left: 45px; width: 40%; background: #ffffff; height: 150px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-btns{
        position: absolute; top: 210px; left: 45px; width: 40%; padding: 0px;
    }
    .page-block.slideshow .page-block-module .carousel-indicators{
        margin: 0px;
    }
    .page-block.slideshow .page-block-module .carousel-indicators li h2,
    .page-block.slideshow .page-block-module .carousel-indicators li h3{
        display: none;
    }
    .page-block.slideshow .page-block-module .carousel-indicators li.active{
        background-color: #ADC6FF; opacity: 1;
    }

    .block.BlockListItems {
        padding-bottom: 0px;
    }

    .page-block.color-1 .page-block-image,
    .page-block.color-2 .page-block-image{
        width:50%; position: absolute; height: 100%;
    }
    .page-block.color-1 .page-block-caption{
    }
    .page-block.color-1.with_block_image .page-block-caption,
    .page-block.color-2.with_block_image .page-block-caption{
        width:50%; padding: 45px 15px 45px 15px; display: flex; align-content: center; align-items: center; margin-left: 50%;
    }
    
    .page-block.color-1.with_block_image .page-block-caption-head,
    .page-block.color-2.with_block_image .page-block-caption-head,
    .page-block.color-1 .page-block-caption-head,
    .page-block.color-2 .page-block-caption-head{
        padding-bottom: 0px;
    }
    .page-block.color-1.with_block_image .page-block-caption-content,
    .page-block.color-2.with_block_image .page-block-caption-content,
    .page-block.color-1 .page-block-caption-content,
    .page-block.color-2 .page-block-caption-content{
        padding-top: 0px;
    }
    
    #voordeel.page-block.color-1 .page-block-image,
    #voordeel.page-block.color-2 .page-block-image{
        padding: 60px 30px 60px 60px;
    }
    
    #our-team{
        margin-bottom: 45px!important;
    }
}
@media(min-width:900px){
    .page-block.quote .page-block-image-png{
        width: calc(33.33% - 20px); align-items: center; align-content: center; display: flex; flex-wrap: wrap; padding-right: 30px;
    }
    .page-block.quote.with_block_image .page-block-caption{
        width: 66.66%; align-items: center; align-content: center; padding-top: 0px;
    }
    
    .block.services:nth-of-type(3),
    .block-listing.scrollable .block:nth-of-type(3){
        grid-column: span 1;
    }
    .block-listing.scrollable{
        grid-template-columns: repeat(3, 1fr); grid-gap:30px;
    }
    .block .block-caption .block-ttl h3,
    .page-block-ttl .page-block-ttl-intro h3,
    .page-block-caption .page-block-ttl.page-block-ttl-intro h3{
        font-size: 1.0em;
    }
}
@media(min-width:991px){
    #headcontact{
        padding: 0px 0px 0px 60px;
    } 
    #backcontact{
        padding: 15px 60px 0px;
    } 
    .page-block{
        padding: 60px 75px;
    }
    #pageBlock1.page-block{
        padding: 0px;
    }
    /*.page-block.color-1.with_block_image,
    .page-block.color-2.with_block_image{
        padding: 60px 45px;
    }*/
    
    #pageBlockPage #pageBlock1 .page-block-caption{
        padding: 120px 45px 60px 45px;
    }
    #pageBlockPage #pageBlock1.page-block.with_block_image .page-block-caption{
        padding: 120px 75px 60px 45px;
    }
    
    .light.page-block{
        padding: 60px 60px 30px 60px; margin-top: 45px; margin-bottom: 45px;
    }
    .breadcrumb{
        padding: 10px 60px 10px 0px;
    }
    #pageBlock1{
    }
    #pageBlock1 .page-block-name{
        width: 100%; display: flex; flex-wrap: wrap;
        align-content: flex-start;
    }
    #pageBlock1.center .page-block-name{
        justify-content: center;
    }
    .page-block.two-column-text .page-block-caption-head{
        width: 100%; display: flex; flex-wrap: wrap;
        align-content: flex-start; padding-right: 60px;
    }
    #pageBlock1 .page-block-txt{
        width: 100%;
    }
    .page-block.two-column-text .page-block-caption-content{
        width: 100%; padding-top: 15px;
    }
    
    .page-block.quote.with_page_image  .page-block-image {
        width: calc(100% + 120px);
        margin-left: -60px;
        margin-right: -60px;
    }
    .page-block.quote .page-block-caption .page-block-tx7.small_me p{
        font-size: 2em; max-width: 1200px;
    }
   
    /*.page-block.list-click-detail.slideshow*/
    .page-block.list-click-detail.slideshow{
        background: none; margin: 45px 0px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services{
        background: none; padding-bottom: 90px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-image{
        padding-left: 30%;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-caption{
        background: none; padding: 30px 0px;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-caption .block-ttl{
        display: block;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-caption .block-ttl h2{
        display: none;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-caption .block-txt p{
        font-size: 2em; line-height: 1em; /*mix-blend-mode: difference;*/
        font-family: headfont;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block.services .block-btns{
        position: absolute; top: 210px; left: 45px; width: 40%; padding: 0px;
    }
    .page-block.slideshow .page-block-module .carousel-indicators{
        margin: 0px 0px 0px 0px;
    }
    .page-block.slideshow .page-block-module .carousel-indicators li{
        position: relative; text-indent: 0px;
    }
    .page-block.slideshow .page-block-module .carousel-indicators li h2,
    .page-block.slideshow .page-block-module .carousel-indicators li h3{
        display: none; position: absolute; top: -50px; left: 0px; width: 100%; font-size: 16px;
    }
    .page-block.slideshow .page-block-module .carousel-indicators li h3{
        top: -75px; font-size: 14px; 
    }
    .page-block.slideshow .page-block-module .carousel-indicators li h2 a{
        color: #656565; text-decoration: none; pointer-events: none; 
    }
    .page-block.slideshow .page-block-module .carousel-indicators li h3 a{
        pointer-events: none;
    }

    .block.BlockListItems {
        padding-bottom: 0px;
    }

    
    .page-block.color-1,
    .page-block.color-2{
        margin: 60px 0px;
    }
    #pageBlock0.page-block.color-1,
    #pageBlock1.page-block.color-1,
    #pageBlock0.page-block.color-2,
    #pageBlock1.page-block.color-2{
        margin: 0px 0px;
    }

    .page-block.color-1 .page-block-caption,
    .page-block.color-2 .page-block-caption{
        padding: 90px 105px;
    }
    .page-block.color-1 .page-block-caption-head,
    .page-block.color-2 .page-block-caption-head{
        padding-bottom: 0px;
    }
    .page-block.color-1 .page-block-caption-content,
    .page-block.color-2 .page-block-caption-content{
        padding-top: 0px;
    }
    
    .page-block.with_page_image.default .page-block-caption{
        width: 100%;
    }
    .page-block.with_page_image .page-block-page_image {
        width: calc(100% + 210px);
        margin: 0px -105px 60px -105px; max-height: 500px; overflow: hidden;
    }
    .page-block.with_page_image .page-block-page_image img{
        width: 100%; height: 100%; object-fit: cover; object-position: center center;
    }
    .page-block-page_image .page-block-header-caption{
        padding-left: 105px!important;
    }
}
@media(min-width:1080px){
}
@media(min-width:1200px){
    #theBody #backblock .btn-primary{
        margin-left: -120px;
    }
    .page-block.list-click-detail{
        padding: 0px;
    }
    .page-block.list-click-detail.slider{
        padding: 60px 0px 90px 0px;
    }
    .grapWrapper .grapListing{
      grid-template-columns: repeat(3, 1fr);
    }
    
}
@media(min-width:1280px){
    #backblock{
        top: 0px;
    }
    #theBody{
        font-size: 14px;
    }
    .page-block.default.with_block_image.color-1 .page-block-image,
    .page-block.default.with_block_image.color-2 .page-block-image{
        left: 0px; width: 50%;
    }
    .block-listing .block.team .block-caption h2{
        font-size: 0.8em;
    }
    .block-listing .block.team .block-caption h3{
        font-size: 0.6em;
    }
}
@media(min-width:1440px){
    #theBody{
        /*font-size: 20px;*/
    }
    #headcontact{
        padding: 0px 0px 0px 30px;
    } 
    #backcontact{
        padding: 15px 30px 0px;
    } 
    .page-block{
        padding: 60px 165px;
    }
    .light.page-block{
        padding: 45px 120px; margin-top: 45px; margin-bottom: 45px;
    }
    .page-block.quote.with_page_image  .page-block-image {
        width: calc(100% + 240px);
        margin-left: -120px;
        margin-right: -120px;
    }
    .page-block.color-1 .page-block-caption,
    .page-block.color-2 .page-block-caption{
        padding: 120px 165px;
    }
    .page-block.color-1 .page-block-caption-head,
    .page-block.color-2 .page-block-caption-head{
        padding-bottom: 0px;
    }
    .page-block.color-1 .page-block-caption-content,
    .page-block.color-2 .page-block-caption-content{
        padding-top: 0px;
    }
    .page-block.with_page_image.default .page-block-caption{
        width: 100%;
    }
    .page-block.with_page_image .page-block-page_image {
        width: calc(100% + 330px);
        margin: 0px -165px 60px -165px;
    }
    .block-listing .block.team .block-caption h2{
        font-size: 0.6em;
    }
    .block-listing .block.team .block-caption h3{
        font-size: 0.5em;
    }
    .grapWrapper .grapListing {
    }
}
@media(min-width:1600px){
}
@media(min-width:1920px){
    .grapWrapper .grapListing{
    }
}


#pageBlockPage .page-block{
    order: 4;
}
#pageBlockPage .breadcrumb{
    order: 0;
}
#pageBlockPage #pageBlock0.page-block{
    order: 1;
}
#pageBlockPage #pageBlock0.page-block{
    order: 1;
}
#pageBlockPage #pageBlock1.page-block{
    order: 3;
}
#pageBlockPage .page-menu-list{
    order: 2; display: none;
}
#theBody.services #pageBlockPage .page-menu-list{
    display: none;
}

.home #pageBlockPage #take-control{
    order: 1;
}
.home #pageBlockPage #take-control{
    order: 1;
}
.home #pageBlockPage #minor-role-major-impact{
    order: 2; margin-top: 45px!important;
}
.home #pageBlockPage #pricingtool{
    order: 3; margin: 0px 0px 45px 0px!important;
}
.home #pageBlockPage #infocenter{
    margin: 45px 0px 15px 0px!important;
}
.home #pageBlockPage #pricingtool .page-block-page_image {
    position: absolute; z-index: 0; width: 100%; height: 100%; top: 0px; left: 0px;
    max-height: none; max-width: none; margin: 0px!important;
    opacity: 0.6;
}
.home #pageBlockPage #pricingtool .page-block-page_image img{
    width: 100%; height: 100%; object-fit: cover; object-position: center center;
}

.home #pageBlockPage #pricingtool .page-block-header-caption{
    display: none;
}
.home #pageBlockPage #pricingtool.page-block.with_page_image .page-block-caption-head{
    display: block;
}


#theBody.contact footer{
    display: none;
}
#theBody.contact .breadcrumb{
}

#theBody.contact #mainsection{
}
#theBody.contact #pageBlockPage{
}
#theBody.contact #pageBlock1.light.page-block{
}

#theBody.contact #pageBlock1.light.page-block .page-block-intro{
}


#theBody.contact .page-block-intro .btn-primary{
    width: 245px; text-align: left;
}
@media(min-width:991px){
#theBody.contact .page-block-txt h3{
    margin-bottom: 15px;
}
#theBody.contact .page-block-intro h3{
    margin-bottom: 23px;
}
#theBody.contact .page-block-intro{
    position: absolute; top: 15px; left: 0px; width: 50%; padding-top: 90px; 
}
}
@media(min-width:1280px){
#theBody.contact .page-block-intro .btn-primary{
    width: 265px;
}
}
@media(min-width:1440px){
#theBody.contact .page-block-intro .btn-primary{
    width: 305px;
}
#theBody.contact .page-block-intro{
    padding-top: 135px; 
}
}

#contact-opnemen{
    display: flex; justify-content: center;
}
#contact-opnemen .page-block-caption,
#contact-opnemen .page-block-module{
}
#contact-opnemen .page-block-caption{
    order: 0!important;
}

#contact-opnemen fieldset{
    display: flex; flex-wrap: wrap;
}
.alert-success{
    border: 0px; background: #84b876; justify-content: center;
}

#form_contactsubmit{
    padding: 10px 15px;
}
.form-group.row{
    padding-bottom: 20px!important;
    padding-top: 25px!important; border: 0px!important;
}
.form-group.row label {
    position: absolute;
    top: 0px; left: 15px;
    font-size: 11px; color: #ADC6FF;
}
input.form-control:focus, select.form-control:focus, textarea.form-control:focus,
input.form-control, select.form-control, textarea.form-control {
    border: 0px solid #656565!important;
    font-size: 16px;
    border-bottom: 1px solid #ffffff!important;
    color: #ffffff!important;
    background: none!important; padding-left: 0px!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.form-control:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}


.page-block-subname h3,
.page-block .page-block-caption .page-block-ttl.page-block-ttl-intro h3{
    color: #BB9727; font-size: 1.2em; 
    margin-top: -10px;  margin-bottom: 30px;
    text-transform: none; 
    font-family: Archivo;
    font-weight: 600;
}
.page-block-subname h3{
    margin-top: -10px;  margin-bottom: 30px;
}
.page-block .page-block-caption .page-block-ttl.page-block-ttl-intro h3 a{
    color: #BB9727;
    font-family: Archivo;
    font-weight: 600;
}


#dropdownMenuButton{
    text-transform: none; padding: 13px 45px 10px 15px; height: 60px; background: none; border: 1px solid #ffffff; font-size: 14px!important; line-height: 1em; z-index: 100000;
    width: 230px; text-align: left;
    
    background: #ADC6FF; height: 40px; border-radius: 20px; border: 0px;
}

.page-menu-list.level-1.subatomic{
    position: fixed; top: 90px; height: 90px; margin: 0px; padding: 0px 30px;
}

.page-menu-list.level-1.subatomic .page-block-caption-head,
.page-menu-list.level-1.subatomic .page-block-txt {
    display: none;
}

@media(min-width:768px){
    .page-menu-list.level-1.subatomic{
        left: 90px; width: calc(100vw - 120px); top: 30px;
    }
}
@media(min-width:991px){
    .page-menu-list.level-1.subatomic{
        left: 120px; width: calc(100vw - 150px); top: 30px;
    }

}
@media(min-width:1920px){
    .page-menu-list.level-1.subatomic{
        left: calc(50% - 840px); width: 1770px;
    }
}


.page-menu-list .dropdown{
    display: flex; justify-content: center;
}
.dropdown-toggle::after{
    border: 0px; transform: rotate(90deg);
      position: absolute;
      font-family: 'FontAwesome';
      top: 0px; left: auto; right: 0px; height: 100%; display: flex; align-content: center; flex-wrap: wrap; width: 45px; justify-content: center;
      content: "\f061";
      font: var(--fa-font-thin);
         font-size: 18px;
        z-index: 2;
}
.page-menu-list .dropdown-menu{
    width: 230px; background: #f0f0f0; min-width: 0px; top: 5px!important; max-width: none;
    border-radius: 20px; padding: 10px 0px;
}
.page-menu-list .dropdown-menu .dropdown-item{
    font-size: 13px; height: 35px; line-height: 35px; padding: 0px 15px;
    font-family: buttonFont;
}
.page-menu-list .dropdown-menu .dropdown-item.active,
.page-menu-list .dropdown-menu .dropdown-item:hover,
.page-menu-list .dropdown-menu .dropdown-item:focus{
    background: none; color: #ADC6FF;
}


@media(max-width:767px){
}
.block.methods .block-caption .block-ttl h3{
    color: #ADC6FF;
}
.block.methods .block-caption .block-ttl:before {
    position: absolute; height: 140px; line-height: 1em;
    font-family: 'FontAwesome';
    top: 0px; left: auto; right: 0px; display: flex; align-content: center; flex-wrap: wrap; width: 100%; justify-content: center;
    content: "\f061";
    font: var(--fa-font-thin);
     font-size: 6em;
    z-index: 2; color: #0056a1;
}

.block.methods:nth-of-type(1) .block-caption .block-ttl:before {
    content: "\e4cd";
}
.block.methods:nth-of-type(2) .block-caption .block-ttl:before {
    content: "\e134";
}
.block.methods:nth-of-type(3) .block-caption .block-ttl:before {
    content: "\f733";
}
.block.methods:nth-of-type(4) .block-caption .block-ttl:before {
    content: "\f0ad";
}
.block.methods:nth-of-type(5) .block-caption .block-ttl:before {
    content: "\e1e7";
}


.color-1.page-block .page-block-caption .page-block-txt a.btn-primary,
.color-2.page-block .page-block-caption .page-block-txt a.btn-primary{
    width: 180px; text-align: left;
}


.video-background {
  position: absolute;
  overflow: hidden;
  width: 100%;
  height: 100%; left: 0px; top: 0px;
}
.video-background::after {
  position: absolute;
  width: 100%;
  height: 100%; background: #0056a1; opacity:0.9; left: 0px; top: 0px; display: block; content: '';
  mix-blend-mode: multiply;
}

.video-background iframe {
    width: 100%;
    height: 56.25%;
    min-height: 100%;
    min-width: 177.77%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media(max-width:959px){
    .video-background iframe {
    /* width = 100 / (9 / 16) = 177.777777 */
    width: 177.78vh;
  }
}
    

#lab-zakelijk.page-block.quote .page-block-caption .page-block-txt.small_me p{
    font-size: 1.2em;
}

@media(min-width:991px){
    #breed-inzetbaar{
        width: 50%; padding-right: 45px!important;
    }
    #video-logo{
        width: 50%; background: #ffffff;
    }
}

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

@media(max-width:899px){
}
@media(max-width:399px){
}


#autoinfo h3{
    color: #ffffff; padding: 0px; margin: 0px;
}
#autoinfo h4{
    color: #ffffff; padding: 0px; margin: 0px;
}


    
    
#theBody.viernulvier #pageBlock1{
    padding-bottom: 0px;
    margin-bottom: 0px;
} 
#theBody.viernulvier #pageBlock1 .page-block-name{
    width: 100%; justify-content: flex-start; padding: 0px;
}

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


#sitemap.page-block{
    padding-top: 0px;
    margin-top: 0px;
}
#sitemap.page-block .page-block-module a{
    position: relative; float: left; width: 100%; text-align: left; text-decoration: none;
}
#sitemap.page-block .page-block-module a:hover{
    color: #0056a1;
}
#sitemap.page-block .page-block-module a.subSite{
    padding-left: 30px;
}


#theBody.active_sub #randomTeamMember{
    z-index: 10001;
}
#theBody.active_sub #randomTeamMember img{
    width: 60%;
}




.videoContainer{
    margin: 0px;
}




.page-block-page_image .page-block-header-caption{
    padding: 30px;
}


#pageBlock1.page-block.with_page_image .page-block-name{
    display: block;
}

#pageBlock1.page-block.color-1,
#pageBlock1.page-block.color-2{
    overflow: hidden; padding-bottom: 90px;
}

#pageBlock1.page-block.color-1::before,
#pageBlock1.page-block.color-2::before{
    position: absolute; top: auto; bottom:30px; left: 30px; width: 800px; height: 800px; background: #3cadf9; border-radius: 50%; content: '';
}
.home #pageBlock1.page-block::before{
}

#pageBlock1.page-block.color-2::before{
    background: #0056a1;
}

#pageBlock1.page-block.color-1 .page-block-caption,
#pageBlock1.page-block.color-2 .page-block-caption{
    padding-top: 30px;
    padding-left: 60px;
}


#pageBlock0 .content-link {
    display: none;
}
#pageBlock0 .page-block-subname h3{
    text-transform: none; font-family: quotePAr; font-size: 1.3em; width: 70%; color: #ffffff;
}
.page-block-ttl::before,
#pageBlock0 .page-block-subname h3::before{
    width: 80px; height: 4px; background: #ADC6FF; display: block; position: relative; content: ''; margin-bottom: 15px;
    display: none;
}
.color-2 .page-block-ttl::before,
#pageBlock0.color-2  .page-block-subname h3::before{
   background: #0056a1;
}
#pageBlock0.color-2  .page-block-subname h3::before{
   background: #ADC6FF;
}
.page-block-caption .page-block-ttl:nth-of-type(2)::before{
    display: none;
}


.page-block.color-2 .page-block-ttl h2::before{
    background: #0056a1;
}

.center .page-block-ttl::before,
#pageBlock0.center  .page-block-subname h3::before{
    left: 50%; margin-left: -40px;
}


.page-block-page_image .page-block-header-caption{
}
.page-block-page_image .page-block-header-caption .page-block-ttl h2, 
.page-block-page_image .page-block-header-caption .page-block-ttl h2 a{
    color: #ffffff;
}
.page-block-page_image .page-block-header-caption .page-block-ttl h3 {
    color: #ADC6FF;
}
/*.page-block-page_image .page-block-ttl h3::before{
    width: 80px; height: 4px; background: #ADC6FF; display: block; position: relative; content: ''; margin-bottom: 15px;
}*/



@media(min-width:768px){
    #dropdownMenuButton{
        display: none;
    }
    .page-menu-list .dropdown-menu{
        position: relative; display: flex; justify-content: center; width: 100%; max-width: 100%; opacity: 1; gap:30px;
    }
    .page-menu-list .dropdown-menu .dropdown-item{
        width: auto; padding: 0px; position: relative; font-family: headfont; font-size: 16px; color: #0056a1
    }
    .page-menu-list .dropdown-menu .dropdown-item::before {
        position: absolute;
        left: -15px;
        top: 0px;
        height: 100%;
        width: 1px;
        background: #ADC6FF;
        content: '';
    }
    .page-menu-list .dropdown-menu .dropdown-item:nth-of-type(1)::before {
        display: none;
    }

}
#faq.page-block.color-1{
    overflow: hidden;
}
#faq.page-block.color-1::before{
    position: absolute; top: auto; bottom:30px; left: 30px; width: 800px; height: 800px; background: #3cadf9; border-radius: 50%; content: '';
}
#faqs .accordion .content-card .card-text p{
    color: #ffffff;
}


.block.downloads{
    margin: 0px; padding: 0px;
}
.block.downloads .block-caption {
    margin: 0px; padding: 0px;
}
.block.downloads .block-caption .block-ttl h2{
    font-size: 1em;
}
.block.downloads .block-caption .block-ttl h3{
    font-size: 0.8em; text-transform: uppercase;
}
.block.downloads .block-caption .block-ttl h3 a{
    color: #ADC6FF;
}


#info .block .block-caption .block-ttl h3{
    display: none;
}
#info .block .block-caption .block-ttl h2{
    font-size: 1.1em;
}
#info .block .block-caption{
    margin-top: 0px; padding-top: 0px;
}
#info .block .block-btns{
    position: relative; bottom: auto; top: 0px;
}
#info .block .block-btns .btn-list{
    background: none!important; padding: 0px; color: #0056a1;
}
#info .block .block-btns .btn-list span{
    color: #0056a1; text-transform: uppercase; font-size: 1em;
}

#theBody.contactform #pageBlock1.page-block.with_page_image{
    margin-bottom: 0px; padding-bottom: 30px;
}

#theBody.contactform #pageBlock1 .page-block-caption{
    padding: 30px!important;
}
#theBody.contactform #pageBlock1 .page-block-name,
#theBody.contactform #pageBlock1 .page-block-txt{
    width: 100%;
}
#theBody.contactform #pageBlock1 .page-block-name h1,
#theBody.contactform #pageBlock1 .page-block-txt p{
    text-align: center; width: 100%;
}

#what-we-do .block-listing .block{
    padding: 0px 0px 60px 0px;
}
#what-we-do .block-listing .block .block-caption .block-ttl h3 ,
#what-we-do .block-listing .block .block-caption .block-ttl h2 ,
#for-who .block-listing .block .block-caption .block-ttl h3  {
    display: none;
}
#what-we-do .block-listing .block .block-caption .block-txt p{
    font-family: headfont; font-weight: 700; font-size: 1.7em;
    color: #0056a1;
}

#our-office{
    margin-bottom: 0px; padding-bottom: 0px;
}
#our-office .page-block-caption-head,
#our-office .page-block-caption-content{
    display: none;
}

#vacancies-1 .block,
#vacancies-2 .block{
    padding-bottom: 75px;
}
#vacancies-1 .block  h3,
#vacancies-2 .block  h3{
    display: none;
}
#vacancies-1 .block  h2,
#vacancies-2 .block  h2{
    margin-bottom: 10px;
}


@media(min-width:500px){
    #what-we-do .block-listing,
    #for-who .block-listing  {
        grid-template-columns: repeat(5, 1fr);
    }
    #what-we-do .block-listing .block,
    #for-who .block-listing .block  {
        grid-column: 1 / span 3;
    }
    #what-we-do .block-listing .block:nth-last-of-type(2n + 2),
    #for-who .block-listing .block:nth-last-of-type(2n + 2)  {
        grid-column: 3 / span 3;
    }
    
    
    #info .block-listing.scrollable{
        grid-template-columns: repeat(1, 1fr);
    }
    
}


@media(min-width:768px){
    #pageBlock1.page-block.color-1::before,
    #pageBlock1.page-block.color-2::before,
    #faq.page-block.color-1::before{
        left: 40%;
    }
    #what-we-do .block-listing,
    #for-who .block-listing  {
        grid-template-columns: repeat(6, 1fr);
    }
    #what-we-do .block-listing .block,
    #for-who .block-listing .block  {
        grid-column: 1 / span 3;
    }
    #what-we-do .block-listing .block:nth-of-type(2n + 2),
    #for-who .block-listing .block:nth-of-type(2n + 2)  {
        grid-column: 4 / span 3;
    }
    #what-we-do .block-listing .block:nth-of-type(3n + 3),
    #for-who .block-listing .block:nth-of-type(3n + 3)  {
        grid-column: 1 / span 6;
    }
    #what-we-do .block-listing .block .block-caption,
    #___voor-wie .block-listing .block .block-caption  {
        padding: 30px 30px;
    }
    #what-we-do .block-listing .block .block-btns,
    #___voor-wie .block-listing .block .block-btns  {
        padding: 15px 30px;
    }
    
    
    #downloads,
    #vacancies-2,
    #vacancies-1{
        margin: 45px 0px!important;
    }
    .block.downloads,
    .block.downloads .block-caption,
    #vacancies-1 .block,
    #vacancies-1 .block .block-caption,
    #vacancies-1 .block .block-btns,
    #vacancies-2 .block,
    #vacancies-2 .block .block-caption,
    #vacancies-2 .block .block-btns{
        background: none;
    }
    .page-block.list-click-detail.slideshow .carousel .carousel-item .block{
        padding-bottom: 75px;
    }
    
    #info .block-listing.scrollable{
        grid-template-columns: repeat(2, 1fr); grid-gap: 15px;
    }
    #info .block .block-caption{
        padding: 15px 0px 0px;
    }
    #info .block .block-btns{
        padding: 0px;
    }
}
@media(min-width:900px){
    #vacancies-1 .block-listing.scrollable,
    #vacancies-2 .block-listing.scrollable{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 60px;
    }
}   

@media(min-width:991px){
    #pageBlock0 .page-block-subname h3{
        font-size: 2.4em;
    }

    #pageBlock1.page-block.color-1 .page-block-caption,
    #pageBlock1.page-block.color-2 .page-block-caption{
        padding-top: 30px;
        padding-left: 0px;
    }
    
    #for-who .page-block-caption  {
        grid-column: 4 / span 3;
    }
    
    #faq.page-block.color-1{
        
    }
    #faq.page-block.color-1 .page-block-caption{
        padding: 90px 0px;
    }
    
    #listdownloadshome{
        display: grid; grid-template-columns:repeat(2, 1fr); grid-gap:15px;
    }
    #listdownloadshome .block.downloads{
        padding-right: 45px;
    }
    #info{
        padding: 0px;
    }
    
    #vacancies-1,
    #vacancies-2{
        padding: 90px 105px;
    }
    #contact-opnemen{
        padding-top: 0px;
    }
    #contact-opnemen .page-block-caption{
        padding-top: 0px;
        padding-bottom: 30px;
    }
}

@media(min-width:991px) and (max-width:1279px){
    
    #for-who .block-listing  {
        grid-gap: 45px;
    }
    #what-we-do .block-listing .block:nth-of-type(3n + 3)  .block-image, #for-who .block-listing .block:nth-of-type(3n + 3) .block-image{
        max-height: 400px; overflow: hidden;
    }
    #what-we-do .block-listing .block:nth-of-type(3n + 3)  .block-caption{
        width: 50%;
    }
    #what-we-do .block-listing .block:nth-of-type(3n + 3)  .block-image img, #for-who .block-listing .block:nth-of-type(3n + 3) .block-image img{
        width: 100%; height: 100%; object-fit: cover; object-position: center center;
    }
    
}



@media(min-width:1280px){
    
    #pageBlock1.page-block .content-link{
    }
    #pageBlock1.page-block.color-1 .content-link .btn-primary,
    #pageBlock1.page-block.color-2 .content-link .btn-primary{
       filter: drop-shadow(1px 1px 1px #0056a1);
    }
    
    .block-listing.scrollable{
        grid-template-columns: repeat(4, 1fr);
    }
    .page-block.quote .page-block-caption .page-block-txt.small_me p{
        font-size: 1.4em;
    }    
    #what-we-do .block-listing,
    #for-who .block-listing  {
        grid-template-columns: repeat(6, 1fr);
    }
    #for-who .block-listing  {
        grid-gap:60px;
    }
    #what-we-do .block-listing .block,
    #for-who .block-listing .block  {
        grid-column: span 2!important;
    }
    #for-who .page-block-caption  {
        padding:  90px 30px;
    }
    
    
    #contact-opnemen .page-block-module{
        display: flex; justify-content: center;
    }
    
    #form_contact_container{
        width: 800px;
    }
}

@media(min-width:1440px){
    #pageBlock1.page-block.color-1::before,
    #pageBlock1.page-block.color-2::before,
    #faq.page-block.color-1::before{
        left: 45%; width: 1000px; height: 1000px;
    }
    #pageBlock0 .page-block-subname h3{
        width: 55%; font-size: 3.5em;
    }
    .page-block-page_image .page-block-header-caption{
        padding-left: 165px!important;
    }
    #vacancies-1,
    #vacancies-2{
        padding: 90px 165px;
    }
}

@media(min-width:991px){
    /*.footer #footer_links{
        padding-left: 90px;
    }*/
    .footer .container{
        padding: 0px;
    }
}
@media(min-width:1440px){
    /*.footer #footer_links{
        padding-left: 120px;
    }*/
    .footer .container{
        padding: 0px;
    }
}
@media(min-width:1560px){
    /*#theBody{
    }
    #mainsection{
        padding-left: calc((((100vw - 0px) - 1440px) / 2 ) + 0px)!important;
        padding-right: calc((((100vw - 0px) - 1440px) / 2) + 90px)!important;
    }
    #header{
        right: calc((((100vw) - 1440px) / 2) + 0px)!important;
    }
    .footer{
        padding-left: calc((((100vw - 90px) - 1440px) / 2 ) - 15px)!important;
        padding-right: calc((((100vw - 90px) - 1440px) / 2) + 90px)!important;
    }
    
    
    #theBody .mainmenu{
       
        margin-left: calc((((100vw - 0px) - 1440px) / 2 ) + 0px)!important;
        max-width: 1440px; padding-left: 780px;
    }
    
    #pageBlockPage #pageBlock1.page-block.with_block_image .page-block-caption{
        padding: 120px 105px 60px 45px;
    }*/
    
    #pageBlockPage #pageBlock1.page-block.with_block_image .page-block-caption{
        padding: 120px 5vw 60px 5vw;
    }
}
@media(min-width:1920px){
    /*#theBody{
    }
    #mainsection{
        padding-left: 120px!important;
        padding-right: 210px!important;
    }
    #header{
        right: calc((((100vw) - 1680px) / 2) + 0px)!important;
    }
    .footer{
        padding-left: calc((((100vw - 90px) - 1560px) / 2 ) - 15px)!important;
        padding-right: calc((((100vw - 90px) - 1560px) / 2 ) - 15px)!important
    }
    #theBody .mainmenu{
        margin-left: calc((((100vw - 0px) - 1680px) / 2 ) + 0px)!important;
        max-width: 1680px; padding-left: 900px;
    }
    */
    #pageBlockPage #pageBlock1.page-block.with_block_image .page-block-caption{
        padding: 120px 150px 60px 150px;
    }
}



.home #pageBlock1 .page-block-image{
    order: 0; margin-bottom: 30px;
}
.home #pageBlock1 .page-block-caption{
    order: 1;
}



.home #pageBlock1 {
    max-width: 1240px;
}
@media(min-width:1280000px){
.home #pageBlock1 .page-block-image{
    width: 50%; height: 100%; position: absolute;
}
.home #pageBlock1 .page-block-image img{
    width: 100%; height: 100%; object-fit: cover; object-position: center left;
}
.home #pageBlock1 .page-block-caption{
    width:50%; margin-left: 50%; padding-left: 90px;
}
.home #pageBlock1 .page-block-caption .page-block-name,
.home #pageBlock1 .page-block-caption .page-block-txt{
    width: 100%; padding: 0px;
}

}


@media(min-width:1440px){
.home #pageBlock1 {
    max-width: none;
}
}











.home #headcontact{
    margin-top: 15px;
}
.home #headlogin{
    margin-top: 15px;
}







#GoDown{
    position: absolute; top: auto; bottom: 0px; width: 100%; text-align: center; color: #ffffff; font-size: 30px; z-index: 1000001; left: 0px; padding: 15px;

    -webkit-animation: glowingGoDown 1.5s linear infinite;
    -moz-animation: glowingGoDown 1.5s linear infinite;
    -ms-animation: glowingGoDown 1.5s linear infinite;
    -o-animation: glowingGoDown 1.5s linear infinite;
    animation: glowingGoDown 1.5s linear infinite;
}
@keyframes glowingGoDown {
  0% {
      opacity: 0.3;
  }
  50% {
      opacity: 1;
  }
  100% {
      opacity: 0.3;
  } 
    
}

.slideLeft,
.slideRight{
    position: absolute; top: auto; bottom: 0px; width: 50%; text-align: right; left: 0px; padding: 0px 10px; cursor: pointer; color: #0056a1; font-size: 20px;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.slideLeft:hover,
.slideRight:hover{
    opacity: 0.6;
}
.slideRight{
    text-align: left; left: 50%;
}
.page-block.list-click-detail.scrollable .page-block-module{
    padding-bottom: 45px;
}









#map {
 width:100%; height: 600px;
}



#theBody.impressies .page-block-name h1{
    margin-bottom: 0px;
}




.page-block.gallery.mosaic{
    padding: 0px;
}
.page-block.gallery.mosaic .page-block-caption{
    padding: 0px;
}
.page-block.gallery.mosaic .page-block-ttl{
    display: none;
}
.page-block.gallery.mosaic .page-block-module .image-item{
   width: 50%; height: 300px; float: left; padding: 15px;
}
.page-block.gallery.mosaic .page-block-module .image-item a.link-image{
    justify-content: flex-start;
}
.page-block.gallery.mosaic .page-block-module .image-item:nth-of-type(2n + 2) a.link-image{
    justify-content: flex-end;
}
.page-block.gallery.mosaic .page-block-module .image-item .link-image img{
    width: calc(100%); height: 100%; object-fit: cover; object-position: center;
}

@media (min-width:650px){
    .page-block.gallery.mosaic{
        padding:15px;
    }
    .page-block.gallery.mosaic .page-block-module{
        grid-template-columns:repeat(3, 1fr);
        grid-gap:15px; background: url(../../../../files/items/30089/background-logo.svg?2);
        background-repeat: no-repeat; background-position: center center; background-size: 70%;
        background: none;
    }
    .page-block.gallery.mosaic .page-block-module::after{
        top: 0p; left: 0px; width: 100%; height: 100%;
        background: url(../../../../files/items/30089/logo_svg-logo.svg);
        background-repeat: no-repeat; background-position: center center; background-size: 70%;
        display: block; content: ''; mix-blend-mode: multiply; opacity: 0.2;
        position: absolute ;
        display: none;
    }
    .page-block.gallery.mosaic .page-block-module .image-item{
        width: 100%; padding: 0px;
    }
}
@media (min-width:768px){
    .page-block.gallery.mosaic{
        padding:60px;
    }
    .page-block.gallery.mosaic .page-block-module{
        grid-template-columns:repeat(12, 1fr);
        grid-gap:60px;
    }
    .page-block.gallery.mosaic .page-block-module .image-item{
        height: auto;
    }
}

#headcontact {
    display: none;
}


#theBody.home #mainsection{
    padding: 0px; margin: 0px;
}


#pageBlockPage .page-block.welcome{
    order: -1; padding: 0px; margin: 0px;
    width: 100%; height: 100vh;
}

#pageBlockPage .page-block.welcome .page-block-image img {
    width: 100%; height: 100vh; object-fit: cover; object-position: center;
}
#pageBlockPage .page-block.welcome .page-block-caption  {
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    display: flex; justify-content: center; align-content: center; align-items: center;
    background: linear-gradient(180deg, #3B3223 0%, rgba(0, 0, 0, 0) 34.69%, rgba(0, 0, 0, 0) 63.93%, #3B3223 99.12%),
linear-gradient(0deg, rgba(59, 50, 35, 0.2), rgba(59, 50, 35, 0.2)); 
}
#pageBlockPage .page-block.welcome .page-block-caption .page-block-txt p {
    font-family: headfont; color: #F4EFE3; font-size: 28px; line-height: 1.1em;
}

.block .block-btns .btn-primary,
#pageBlockPage .page-block.welcome .page-block-caption .page-block-link .btn-primary{
    border: 1px solid #F4EFE3!important;
    background: none!important;
    backdrop-filter: blur(34px);
}
.block .block-btns .btn-primary span,
#pageBlockPage .page-block.welcome .page-block-caption .page-block-link .btn-primary span{
    color: #F4EFE3;
}



#theBody.home #pageBlock1{
    margin: 30px 0px 0px 0px;
}

#services.page-block{
    padding: 60px 0px;
}
#services.page-block .page-block-caption{
    padding: 0px 0px;
}

.block.service .block-caption{
    position: absolute; top: 0px; left: 0%;
    background: none;
    width: 100%; height: 100%; display: flex; justify-content: center; align-content: center; align-items: center;
    background: none;
}

.block.service .block-image{
    text-align: center;
}
.block.service .block-image img{
    width: 80%;
}
.block.service .block-image::after{
    position: absolute; top: 0px; left: 10%; width: 80%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),linear-gradient(180deg, rgba(59, 50, 35, 0) 50.06%, #3B3223 100%);
    height: 100%; display: block; content: '';
}
.block.service .block-caption .block-ttl{
    width: 100%; height: 160px; display: flex; justify-content: center; align-content: center; align-items: center;
}
.block.service .block-caption .block-txt{
    padding: 0px 10%;
}
.block.service .block-caption .block-ttl h2,
.block.service .block-caption .block-ttl h2 a{
    line-height: 1em;
}

#service201473.block.service .block-caption .block-ttl h2{
    font-size: 130px;
    font-size: 60px;
}
#service201472.block.service .block-caption .block-ttl h2{
    font-size: 54px;
    font-size: 60px;
}
#service201474.block.service .block-caption .block-ttl h2{
    font-size: 69px;
    font-size: 60px;
}


#menu .page-block-caption{
    margin-bottom: 0px; padding-bottom: 0px; padding-top: 100px;
}
#menu .page-block-caption {
}
#menu .page-block-module{
    padding: 0px 30px;
}
#menu .nav-pills .nav-link{
    background: none; padding: 0px; border: 0px solid #000!important; outline: none!important;
    font-family: headfont; font-size: 20px; color: #3B3223; margin-right: 15px; opacity: 0.3;
}
#menu .nav-pills .nav-link:hover{
    opacity: 1;
}
#menu .nav-pills .nav-link.active{
    color: #BB9727; opacity: 1;
}
img.menu-img{
    width: 50%; margin-bottom: 15px; position: relative; float: left;
}
.menu-division{
    width: 50%; float: left; padding-left: 15px;
}

.menu-items{
    width: calc(100% + 30px); float: left; position: relative; margin-left: -15px;
}
.menu-list h2{
    font-family: headfont; font-size: 20px; color: #3B3223;
    padding: 0px 0px 0px 15px; opacity: 0.3;
    width: 100%; position: relative; float: left;
}
.menu-list .menu-division h2{
    font-size:20px;
    padding: 0px 0px 0px 0px; opacity: 1;
}
.menu-list .dish{
    padding: 15px; position: relative; width: 100%;
    float: left;
}
.menu-list .dish .dish-ttl{
    
}
.menu-list .dish .dish-ttl h3{
    font-family: Archivo; color: #3B3223; margin: 0px;
    font-weight: 600;
    font-size: 1.1em;
    padding: 0px 60px 0px 0px;
}
.menu-list .dish .dish-ttl h4{
    position: absolute; left: auto; right: 15px; top: 15px; text-align: right; color: #3B3223; margin: 0px;
    font-family: Archivo;
    font-weight: 600;
    font-size: 1.1em;
    padding: 0px 0px 0px 0px;
}
.menu-list .dish.same-segment{
    margin-top: -15px;
}
.menu-list .dish.same-segment .dish-ttl h4{
    top: 22px;
}
.menu-list .dish .dish-desc{
    padding: 5px 60px 0px 0px; color: #3B3223;
}
.menu-list .dish .dish-desc p{
    margin: 0px 0px 0px 0px; color: #3B3223;
}

.menu-list .dish:hover{
    background: #FFFCF3;
}
.menu-list .dish:hover .dish-ttl h3{
    color: #BB9727;
}

@media (min-width:600px){
    #pageBlockPage .page-block.welcome{
        max-height: 70vw;
    }
    #pageBlockPage .page-block.welcome .page-block-image img {
        height: 100%;
    }
    
    #menu .nav-pills .nav-link{
        font-size: 24px; margin-right: 30px;
    }
    #menu.page-block .page-block-txt{
        width: 50%;    
    }
    img.menu-img{
        margin-top: 15px;
        padding-right: 15px; position: sticky;
    }
    .menu-division{
    }
    .menu-list .menu-division h2{
        font-size: 30px;
    }
    .menu-items{
        width: 50%; float: left; position: relative; margin-left: 0px;
    }
    
    
}
@media (min-aspect-ratio: 1/1){
    #pageBlockPage .page-block.welcome{
        max-height: 100vh;
    }
}

@media (min-width:768px){
    #theBody.home #mainsection{
        padding-right: 90px ;     
    }
    #pageBlockPage .page-block.welcome .page-block-caption .page-block-txt p{
        font-size: 44px; padding: 0px 10%;
    }
    
    .home #pageBlock1 .page-block-caption,
    .menu #pageBlock1 .page-block-caption{
        display: flex; flex-wrap: wrap; justify-content: center;
    }
    .home #pageBlock1 .page-block-caption .page-block-txt,
    .menu #pageBlock1 .page-block-caption .page-block-txt{
        max-width: 600px;
    }
    
    #services.page-block{
        margin-top: 45px!important;
    }
    
    #theBody.impressies #pageBlockPage #pageBlock1.page-block{
        margin-bottom: -60px!important;
    }
    
}


@media(min-width:1200px){
    .page-block.list-click-detail.slider .page-block-module{
        padding: 0px 45px;
    }
    .grapListing{
        align-content: center; align-items: center; min-height: 43vw;
    }
    .grapListing .block.service .block-image img,
    .grapListing .block.service .block-image::after{
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        transition: all 0.4s ease;
    }
    .grapListing .block.service:hover .block-image img{
        width: 100%;
    }
    .grapListing .block.service:hover .block-image::after{
        width: 100%; left: 0px;
    }
    .grapListing .block.service:hover .block-caption .block-ttl h2 a{
    }
    .grapListing .block.service:hover .block-caption .block-btns .btn-primary{
        border: 1px solid #bb9727!important;
    }
    .grapListing .block.service:hover .block-caption .block-btns .btn-primary span{
        color: #bb9727;
    }
    #pageBlockPage .page-block.welcome .page-block-caption .page-block-txt p{
        font-size: 64px; padding: 0px 0px;
    }

}


@media (min-width:1440px){
    #menu .nav-pills .nav-link{
        font-size: 30px;
    }
}
@media(min-width:1560px){
    #menu.page-block{
        padding-left: calc(50% - 640px);
        padding-right: calc(50% - 640px);
    }
}
@media(min-width:1920px){
    .logo{
        left: calc(50% - 930px);
    }
    .grapListing{
        min-height: 790px;
    }
    #service201473.block.service .block-caption .block-ttl h2,
    #service201472.block.service .block-caption .block-ttl h2,
    #service201474.block.service .block-caption .block-ttl h2{
        font-size: 70px;
    }
    #pageBlockPage .page-block.welcome{
        max-height: 1080px;
    }
}

.page-block.cta .page-block-caption-head,
.page-block.cta .page-block-caption-head p{
    padding-bottom: 0px; margin-bottom: 0px;
}
.page-block.cta .page-block-caption-content{
    padding-top: 0px; margin-top: 0px;
}