#timeout {
    position: fixed; width: 100%; height: 100%; top: 0px; left: 0px;
    background: rgba(255,255,255,0.95); z-index: 10000; pointer-events: none; display: none; text-align: center; padding: 60px;
}
#timeout h3{
    text-align: center; font-size: 14px; color: #CF1744; opacity: 1; display: block;
}
#timeout p{
    text-align: center; font-size: 14px;
}

    

.navbar-toggle::before{
    content: 'close'; left: 0px;
    width: 100%; text-align: center; position: absolute; top: -35px; color: #000000;
    font-family: headfont; text-transform: uppercase; font-size: 12px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotat7(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1.4s ease;
    -moz-transition: all 1.4s ease;
    -o-transition: all 1.4s ease;
    transition: all 1.4s ease;
}
.navbar-toggle::after{
    content: 'menu'; left: 0px;
    width: 100%; text-align: center; position: absolute; top: 46px; color: #000000;
    font-family: headfont; text-transform: uppercase; font-size: 12px;
    -webkit-transition: all 1.4s ease;
    -moz-transition: all 1.4s ease;
    -o-transition: all 1.4s ease;
    transition: all 1.4s ease;
}

.table-bordered>tbody>tr>td{
    padding: 0px 5px 0px 0px    
}
.aanvragen #filtersdetails,
.aanvragen .h2_result{
    display: none!important;
}
/*#menu-search{
    display: none;
}
.locaties #menu-search{
    display: block;
}*/
#languages{
}

.btn-primary{
	background: #CF1744; color: #ffffff; border: 0px; text-transform: uppercase;
    border-radius: 20px; font-family: headfont; font-size: 12px;
}
.btn-primary:hover{
	background: #000000;
    color: #ffffff;
}

fieldset .btn-primary{
	background: #CF1744; color: #ffffff; border: 0px; text-transform: uppercase;
}
fieldset .btn-primary:hover{
	background: #000000;
    color: #ffffff;
}
.navbar-toggle.active::before{
    top: -28.5px;
}
.navbar-toggle.active::after{
    top: 60px;
}
/*
Rood: CF1744
Blauw: 1B76AF
Oranje: F87A1F
Zwart: 000000
Grijs: A3A3A3
Licht grijs: EDEDED
Super Licht grijs: FAFAFA
*/
.menutop.actionblock,
.pagetop.actionblock{
    position: absolute;
    background: #CF1744; color: #ffffff; text-align: center; padding: 10px 15px;
    top: 20px; left: 0px; z-index: 1;
}
.menutop.actionblock p,
.pagetop.actionblock p,
.menutop.actionblock p a,
.pagetop.actionblock p a{
    font-size: 11px;
    font-family: headfont; text-transform: uppercase;
    color: #ffffff; text-align: center;
}

#topMenu{
    border-right: 1px solid #EDEDED;
    padding: 0px; width: auto; position: relative; float: right; margin-right: 90px; margin-top: 15px;
}

#topMenu .navbar-nav li.menu-link{
    width: auto; min-width: 80px; float: left; padding: 0px 15px;
    border-left: 1px solid #EDEDED;
}
#topMenu .navbar-nav li.menu-link a{
    width: 100%; padding: 0px; font-family: headfont;
    color: #000000; text-transform: uppercase; text-align: center;
}
#topMenu .navbar-nav li.menu-link a:before{
    display: block;
    content: ''; left: 0px;
    width: 100%; height: 40px; text-align: center; position: relative; top: 0px;
    background-image: url("../img/btns/login.svg"); background-repeat: no-repeat;
    background-position: center center; background-size: 24px; margin-bottom: 10px;
}
#topMenu .navbar-nav li.menu-favorieten a:before,
#topMenu .navbar-nav li.menu-favorites a:before{
    background-image: url("../img/btns/favorieten.svg");
}

#menu-search{
    overflow: visible;
}

/*
Rood: CF1744
Blauw: 1B76AF
Oranje: F87A1F
Zwart: 000000
Grijs: A3A3A3
Licht grijs: EDEDED
Super Licht grijs: FAFAFA
*/


.st0_logo{
    -webkit-animation: st0_logo 10s linear infinite;
    -moz-animation: st0_logo 10s linear infinite;
    -ms-animation: st0_logo 10s linear infinite;
    -o-animation: st0_logo 10s linear infinite;
    animation: st0_logo 10s linear infinite;
}
@keyframes st0_logo {
  0% {
      opacity: 1;
      fill:#CF1744;
  }
  20% {
      opacity: 1;
      fill:#CF1744;
  }
  21% {
      opacity: 1; /*off*/
      fill:#F87A1F;
  }
  22% {
      opacity: 1;
      fill:#CF1744;
  }
  23% {
      opacity: 1; /*off*/
      fill:#F87A1F;
  }
  24% {
      opacity: 1;
      fill:#CF1744;
  }
  26% {
      opacity: 1; /*off*/
      fill:#F87A1F;
  }
  29% {
      opacity: 1;
      fill:#CF1744;
  }
  100% {
      opacity: 1;
      fill:#CF1744;
  }
}



#livesearch{
    right: auto; left: 15px;
}
.livesearch-result{
    background :#EDEDED;
}
.livesearch-result a{
    color :#CF1744; font-size: 12px; font-family: headfont; width: 100%;
}
.livesearch-result:hover{
    background :#A3A3A3;
}
.livesearch-result:hover a,
.livesearch-result:hover a:hover{
    color :#000000;
}

.main-content{
    margin-top: 150px;
}
.page-block-caption .page-block-txt h4 {
    font-size: 14px; font-family: regularfont; color: #000000;
}

@media (max-width: 768px) {
    .pagetop.actionblock{
        display: none;
    }
    #topMenu .menu-favorieten{
        display: none;
    }
    
    
}
@media (min-width: 768px) {
    .pagetop.actionblock{
        top: 0px;
    }
    .pagetop.actionblock p{
        margin-top: 4px; margin-bottom: 0px;
    }
    .menutop.actionblock{
        display: none;
    }
    #topMenu{
         margin-right: 15px; margin-top: 45px;
    }
    #mainmenu #extraMenu{
        display: none;
    }
    .main-content{
        margin-top: 165px;
    }
    .footer .footer-menu {
        position: relative; top: 0px; left: 0px;
        width: 528px!important;
        margin: 0 auto; float: none; margin-top: 30px;
    }
    .footer .navbar-nav{
        width: auto!important; float: left;
    }
    .footer .navbar-nav li a{
        text-transform: uppercase;
    }
    .footer .navbar-nav li a:hover{
        color: #CF1744;
    }
    .prefooter-2.actionblock{
        padding-top: 0px;
    }
}
@media (min-width: 991px) {
    #theBody .mainmenu{
        height: auto!important;
    }
    #mainmenu .navbar-nav li.menu-link{
        width: auto; min-width: 80px; float: left; padding: 0px 15px;
        border-left: 1px solid #EDEDED; height: auto; max-height: none;
    }
    
    #mainmenu .navbar-nav li.menu-link a{
        width: 100%; padding: 0px; font-family: headfont;
        color: #000000; text-transform: uppercase; text-align: center; margin: 0px;
        font-size: 12px;
    }
    #mainmenu .navbar-nav li.menu-link.active a{
        color: #CF1744;
    }
    
    #mainmenu .navbar-nav li.menu-link a:before{
        display: block;
        content: ''; left: 0px;
        width: 100%; height: 40px; text-align: center; position: relative; top: 0px;
        background-image: url("../img/btns/locaties.svg"); background-repeat: no-repeat;
        background-position: center center; background-size: 24px; margin-bottom: 9px;
    }
    #mainmenu .navbar-nav li.menu-info a:before,
    #mainmenu .navbar-nav li.menu-info a:before{
        background-image: url("../img/btns/info.svg");
    }
    #mainmenu .navbar-nav li.menu-over-loes a:before,
    #mainmenu .navbar-nav li.menu-about-us a:before{
        background-image: url("../img/btns/over-loes.svg");
    }
    #mainmenu .navbar-nav li.menu-trending a:before,
    #mainmenu .navbar-nav li.menu-trending a:before{
        background-image: url("../img/btns/trending.svg");
    }
    #mainmenu .navbar-nav li.menu-contact a:before,
    #mainmenu .navbar-nav li.menu-contact a:before{;
        background-image: url("../img/btns/contact.svg");
    }  
    #mainmenu .navbar-nav li.menu-reviews a:before,
    #mainmenu .navbar-nav li.menu-reviews a:before{;
        background-image: url("../img/btns/reviews.svg");
    }  
    
    .nav-container {
        width: 520px; margin-top: 44px; background: none;
    }
    #menu-search{
        width: 180px;
        display: none;
    }

    .main-content{
        margin-top: 165px;
    }
    #detailc.main-content{
        margin-top: 195px;
    }
    .shrink #header{
        margin-top: -45px; max-height: 105px; overflow: hidden; background: #EDEDED;
    }
    .shrink .main-content {
    }
    .shrink #header .navbar-toggle{
    }
    .shrink #header #languages{
        top: 0px;
    }
    .shrink #header #menu-search{
        margin-top : 43px;
    }
    .shrink #header .logo{
        padding-right: 55px;
    }
    
    .shrink #header #topMenu .navbar-nav li.menu-link a,
    .shrink #header #mainmenu .navbar-nav li.menu-link a{
        color: #ffffff !important;
    }
    
    
    #pageBlock1{
        width: 30%;
    }
    .detail-specs-holder{
        width: 70%; float: right;
    }
    
    .algemene-voorwaarden #pageBlock1,
    .privacybeleid #pageBlock1{
        width: 100%; margin: 0px 0%;
    }
    
    #form_user_login_container,
    #form_user_login_password_container,
    #form_locatie_container{
        width: 50%; padding-top: 150px;
    }
    #form_user_login_container .login1,
    #form_user_login_password_container .login1,
    #form_locatie_container .login1{
        width: 50%;
    }
    #form_user_login_container .form-group,
    #form_user_login_password_container .form-group,
    #form_locatie_container .form-group{
        padding: 0px 5px;
    }
    
    #form_register_container,
    #form_locatie_container{
        width: 70%; padding-top: 70px;
    }
    #form_locatie_container .form-group{
        padding: 0px 0px;
    }
    #form_register_container fieldset{
        width: 50%;
    }
    
    /*#languages {
        top: 30px;
        left: auto;
        position: absolute;
        right: -200px;
    }*/
    
}

.alert-success{
    background: #EDEDED;
}

@media (min-width: 1200px) {
    .nav-container {
        width: 650px; margin-top: 44px;
    }
    #topMenu .navbar-nav li.menu-link,
    #mainmenu .navbar-nav li.menu-link{
        min-width: 100px;
    }
    #menu-search{
        width: 150px;
    }
    #menu-search{
        display: block;
    }
    
}

@media (min-width: 1280px) {
    .logo{
        width: 130px; margin-left: 45px;
    }
    .nav-container {
        margin-top: 54px;
    }
    #menu-search{
        margin-top: 65px;
    }
    #topMenu{
        margin-top: 55px; margin-right: 45px;
    }
    .shrink #header .logo{
        padding-right: 75px;
    }
    .shrink #header #topMenu,
    .shrink #header .nav-container{
        margin-top: 44px;
    }
    #menu-search{
        width: 170px;
    }
}


.locaties #pageBlock1,
.locations #pageBlock1,
.locaties #pageBlock2,
.locations #pageBlock2{
    background: #CF1744; padding: 15px 0px; margin-bottom: 0px;
    border:4px solid #ffffff;
}
.locaties #pageBlock2,
.locations #pageBlock2{
    background: #F87A1F;
}

.locaties #pageBlock1 .page-block-caption h2,
.locaties #pageBlock1 .page-block-caption h2{
    color: #F87A1F!important;
}
.locaties #pageBlock2 .page-block-caption h3,
.locaties #pageBlock2 .page-block-caption h3{
    color: #CF1744!important;
    font-family: headfont;
    font-size: 18px!important;
    margin-top:15px;
}
.h2_result{
    font-family: headfont;
    font-size: 18px!important;
}

.locaties #pageBlock1 .page-block-caption .page-block-name h1,
.locaties #pageBlock1 .page-block-caption .page-block-name h1{
    color: #ffffff; font-size: 26px;
}

.locaties #pageBlock2 .page-block-caption .page-block-txt h2,
.locaties #pageBlock2 .page-block-caption .page-block-txt h2{
    
    line-height: 1.1;
    width: 100%;
    text-align: left;
    padding: 0px 0px 15px 0px; margin: 0px;
    text-transform: uppercase;
    
    color: #ffffff; font-size: 26px;
}

.locaties #pageBlock1 .page-block-caption .page-block-txt p,
.locaties #pageBlock1 .page-block-caption .page-block-txt p a,
.locaties #pageBlock2 .page-block-caption .page-block-txt p,
.locaties #pageBlock2 .page-block-caption .page-block-txt p a{
    color: #ffffff;
}

.locaties #pageBlock1 .page-block-caption .btn-default,
.locaties #pageBlock2 .page-block-caption .btn-default{
    color: #ffffff; font-family: headfont; font-size: 12px; background-color: #CF1744; border: 0px!important;
    padding: 0px 15px 0px 35px; background-image: url("../img/btns/whitetriangle.svg"); background-repeat: no-repeat; background-position: 10px center; background-size: 10px; line-height: 20px; height: 20px;
}
.locaties #pageBlock2 .page-block-caption .btn-default{
    background-color: #F87A1F;
}


.locaties #pageBlock1.fav-loesl-aanvraag,
.locations #pageBlock1.fav-loesl-aanvraag{
    background: #ffffff; padding: 15px 0px;
}

.locaties #pageBlock1.fav-loesl-aanvraag .page-block-caption h2,
.locaties #pageBlock1.fav-loesl-aanvraag .page-block-caption h2{
    color: #1B76AF;
}
.locaties #pageBlock1.fav-loesl-aanvraag .page-block-caption .page-block-name h1,
.locaties #pageBlock1.fav-loesl-aanvraag .page-block-caption .page-block-name h1{
    color: #000000; font-size: 26px;
}

.locaties #pageBlock1.fav-loesl-aanvraag .page-block-caption .page-block-txt p{
    color: #A3A3A3;
}
.locaties #pageBlock1.fav-loesl-aanvraag .page-block-caption .page-block-txt p a{
    color: #838383;
}
.locaties #pageBlock1.fav-loesl-aanvraag .page-block-caption .page-block-txt p a.btn-primary{
    color: #ffffff;
}








.block.assortment-item{
    width: 50%;
    background: #ffffff; border: 4px solid #ffffff;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    margin: 0px;
}
.block.assortment-item:hover{
    border: 4px solid #EDEDED;
}

.block.assortment-item .block-image{
    padding: 0px;
}
.block.assortment-item .block-image::after{
    position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,0.3); height: 90px;
    content: '';
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    pointer-events: none;
}
.block.assortment-item .block-image-label{
    display: none;
}
.block.assortment-item .block-image-label span{
    font-size: 14px; 
}
.block.assortment-item .block-caption{
    position: absolute; left: 0px; top: auto; bottom: 0px; width: 100%; padding: 5px 15px;
    pointer-events: none;
}
.block.assortment-item .block-caption .block-ttl h2{
    text-transform: uppercase; font-size: 16px; margin-top: 5px; 
}
.block.assortment-item .block-caption .block-ttl h2 span.locatie_s{
    font-family: regularfont; font-size: 14px;
}
.block.assortment-item .block-caption .block-ttl h2 a{
    color: #ffffff;
}
.block.assortment-item .block-caption .block-desc h3{
}
.block.assortment-item .block-caption .block-desc{
}


.page-block-pagenrs{
    background: #FAFAFA; padding: 30px 0px; margin: 0px; position: relative; float: left; width: 100%; text-align: center;
}
.page-block-pagenrs a{
    background: #ffffff; padding: 10px 15px; margin: 0px 2px 0px 0px; text-decoration: none; text-transform: uppercase; color: #CF1744;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
.page-block-pagenrs a:hover{
    background: #FAFAFA; color: #1B76AF;
}
.page-block-pagenrs a.active{
    background: #CF1744; color: #ffffff;
}


.block .thumbnail{
    border: 0px; padding: 0px; margin: 0px;
}

.block.teamblock{
    padding: 5px;
}
.block.teamblock .thumbnail{
    position: relative; float: left; width: 100%;
}
.block.teamblock .thumbnail::after{
    position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,0.3); height: 90px;
    content: ''; margin-top: -90px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    pointer-events: none;
}
.block.teamblock .block-caption{
    padding: 0px 30px; margin: 0px; margin-top: -50px;
}
.block.teamblock .block-caption h2{
    height: 50px; margin: 0px; padding: 0px; text-transform: uppercase; font-size: 20px; font-family: headfont;
}
.block.teamblock .block-caption h3{
    text-transform: uppercase; font-size: 14px; color: #000000;
}
.block.teamblock .block-caption .maillink{
    color: #F87A1F; position: absolute; top: 63px; left: 7px;
}


#contact.page-block .page-block-caption{
    display: none;
}
#contact.page-block label{
    display: none;
}
#contact.page-block .btn-primary{
    width: 100%; margin-top: 10px;
}

@media(min-width:600px) {
    .block.assortment-item{
        width: 50%;
    }
    .page-block.assortment .page-block-module .block.assortment-item:nth-of-type(3){
       /* display: none;*/
    }
}
@media(min-width:768px) {  
}



@media(min-width:991px) {
    .block.assortment-item{
        width: 33.33%;
    }
    .page-block.assortment .page-block-module .block.assortment-item:nth-of-type(3){
        display: block;
    }
    
    
    #pageblockteam,
    .page-block.map{
        width: 70%; float: right;
    }
    #contact.page-block{
        width: 30%;
    }
}

#zoekcontainerClicker{
	position:relative; float:left; background:#ffffff ; width:200px; padding:10px 15px 0px 15px; overflow: hidden;
	transition: all 0.9s ease 0s; left: 0px; top: 0px; 
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s; z-index: 1; width: 100%;
}
#zoekcontainerClicker .toggleSearch{
    position: relative; float: left; width: 25px; margin-bottom: 10px; height: 25px;
}
#zoekcontainerClicker .toggleSearch::after{
    position: absolute; content: 'filter'; text-decoration: none; margin-left: 5px; color: #CF1744; display: block;
    top: 0px; left: 25px;
}
#zoekcontainerClicker .toggleSearchClose{
    position: relative; float: left; width: 25px; margin-bottom: 10px; color: #1B76AF; height: 25px;display: none;
}
#zoekcontainerClicker .toggleSearchClose span.glyphicon{
    color: #1B76AF; font-size: 25px; 
}
#zoekcontainer{
	position:absolute; float:left; background:#ffffff ; width:200px; padding:10px 15px 0px 15px; overflow: hidden;
	transition: all 0.9s ease 0s; left: -200px;  top: 0px;
	-moz-transition: all 0.9s ease 0s;
	-webkit-transition: all 0.9s ease 0s;
	-o-transition: all 0.9s ease 0s; z-index: 1;
}
#zoekcontainerClicker.active{
    padding-left: 200px;
}
#zoekcontainerClicker.active .toggleSearch{
    display: none;
}
#zoekcontainerClicker.active .toggleSearchClose{
    display: block;
}
#zoekcontainer.active{
    left: 0px;
}

#zoekcontainer .container{
    max-width: none;
}
#zoekcontainer label{
    text-transform: uppercase; font-family: headfont; margin: 10px 0px 10px 0px;
}
#zoekcontainer .search-block-container{
    width: 100%; padding: 0px;
}
#zoekcontainer .search-block{
    width: 100%; padding: 0px 0px 10px 0px; overflow: hidden; border-bottom: 1px solid #EDEDED;
}
#zoekcontainer .search-block.limited-dimensions{
    padding: 0px 0px 30px 0px; max-height: 195px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}
#zoekcontainer .search-block.opened{
    max-height: 800px;
    padding: 0px 0px 40px 0px;
}
#zoekcontainer .search-value-row{
    padding: 0px; height: 24px;
}
#zoekcontainer .search-value-row input{
    margin-right: 5px;
}
#zoekcontainer .search-value-row a{
    color: #A3A3A3; text-decoration: none;
}

#zoekcontainer .search-block .search-value-row-toggler{
    position: absolute; top: auto; bottom: 0px; background: #ffffff; height: 35px; padding: 5px 0px;
    width: 100%;
}
#zoekcontainer .search-block .search-more{
    color: #CF1744;
}
#zoekcontainer .search-block .search-less{
    display: none;
    color: #1B76AF;
}
#zoekcontainer .search-block.opened .search-more{
    display: none;
}
#zoekcontainer .search-block.opened .search-less{
    display: block;
}

#searchBlockName input.form-control{
    margin: 0px; width: calc(100% - 35px); float: left; border-right: 0px!important; margin-bottom: 10px;
}
#searchBlockName .btn-primary{
    width: 35px; height: 35px; border-radius: 0px; padding: 7px; margin: 0px; float: left; background-image: url("../img/btns/searchwhite.svg"); background-size: 20px; background-repeat: no-repeat; background-position:center center;
}
#searchBlockName .btn-primary img{
    width: 20px; height: 20px;
}
#searchBlockName li{
    display: none!important;
}
#voorstelVanLoes .btn-primary{
    background-color: #F87A1F; width: 100%; padding: 10px 20px;
}



@media (max-width: 768px){
    #zoekcontainer{
    }
    
}
@media(min-width:768px) {
    #zoekcontainerClicker{
        display: none;
    }
	.zoeken-form{
		height:auto; padding: 15px 0px 
	}
    #zoekcontainer{
        position: relative; float: left; left: 0px; top: 0px; margin: 0px;
        width: 220px;
    }
    .locaties #pageBlock1,
    .locations #pageBlock1{
        width: 100%;
    }

    .page-content-container.objects{
        width: calc(100% - 220px);
    }
	
}
@media (min-width: 991px) {
    .locaties #pageBlock1,
    .locations #pageBlock1{
        position: relative; left: 0px; width: calc(66.66%); height: calc(33.33vw - 80px);
         max-height: 346px; margin: 0px;
    }
    .locaties #pageBlock2,
    .locations #pageBlock2{
        position: relative; left: 0px; width: calc(33.33%); height: calc(33.33vw - 80px);
         max-height: 346px; margin: 0px;
    }
    .page-content-container.objects{
        width: calc(100% - 220px);
    }
    .locaties #pageBlock1.fav-loesl-aanvraag,
    .locations #pageBlock1.fav-loesl-aanvraag{
        width: 30%; max-height: none; float: left; height: auto!important;
    }
    .page-content-container.objects.fav-loesl-aanvraag{
        width: 70%;
    }
}
@media (min-width: 1200px) {
    .locaties #pageBlock1,
    .locations #pageBlock1{
        position: relative; left: 0px; width: calc(33.33%); height: calc(33.33vw - 80px);
        border: 4px solid #ffffff; max-height: 353px; margin: 0px;
    }
    .locaties #pageBlock2,
    .locations #pageBlock2{
        position: relative; left: 0px; width: calc(33.33%); height: calc(33.33vw - 80px);
        border: 4px solid #ffffff; max-height: 353px; margin: 0px;
    }
    #zoekcontainer{
        width: 220px;
    }
    .page-content-container.objects{
        width: calc(100% - 220px);
    }
    .locaties #pageBlock1.fav-loesl-aanvraag,
    .locations #pageBlock1.fav-loesl-aanvraag{
        width: 30%; max-height: none; float: left;
    }
    .page-content-container.objects.fav-loesl-aanvraag{
        width: 70%;
    }
    .block.assortment-item:nth-of-type(1){
    }
}


.alert-warning{
	width: 100%; background: #EDEDED; padding: 15px 15px 15px 15px; margin: 0px; border: 0px solid #ffffff!important;
}
.filter-value{
    color: #A3A3A3; text-transform: uppercase;
    background: #ffffff; padding: 5px 10px; float: left; width: auto; margin-right: 5px;
}
.filter-value-label{
    color: #000000; font-family: headfont; width: 100%; background: none; margin: 0px 0px; padding: 5px 0px;
}
.filter-value a{
    color: #CF1744; margin-left: 5px; 
}
.alert-warning-error{
    background: #F87A1F; text-align: center; padding: 15px 30px 15px 30px; color: #ffffff; font-size: 14px!important;
    font-family: headfont;
}

.alert-warning-error a{
    text-transform: uppercase;
}

#pageBlock100 .page-block-caption{
    padding: 0px; margin: 0px;
}
#pageBlock100 .page-block-caption .page-block-ttl{
    padding: 0px 4px 0px 4px; margin: 0px;
    
}
#pageBlock100 #pageBlock1 .page-block-caption{
    padding: 0px 30px; margin: 0px;
}
#pageBlock100 .page-block-caption .page-block-ttl{
    padding: 0px 4px 4px 19px; margin: 0px;
    
}

h2.h2_result{
    font-size: 14px!important; text-transform: uppercase; color: #1B76AF!important;
}
/*
Rood: CF1744
Blauw: 1B76AF
Oranje: F87A1F
Zwart: 000000
Grijs: A3A3A3
Licht grijs: EDEDED
Super Licht grijs: FAFAFA
*/

.detail-header{
    z-index: 10;    
}
.detail-header,
.readmore-header{
    position: relative;
    float: left;
    background: #ffffff;
    width: 100%;
    padding: 0px 0px 0px 0px;
    margin-bottom: 0px;
    height: auto;
}
.detail-header .btn-default {
    background-color: #ffffff; border: 0px!important;
    background-image: url("../img/btns/back.svg"); background-repeat: no-repeat; background-size: 10px; background-position: 0px center;
    color: #000000;
    text-transform: uppercase;
    padding: 5px 10px 10px 22px; font-size: 12px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    font-family: headfont;
}
.detail-header .btn-default:hover,
.detail-header .btn-default:focus {
    background-color: #EDEDED; background-position: 10px center;
    color: #000000;
    padding: 5px 10px 10px 30px;
}


section.detail-content{
    padding: 0px; position: relative; float: left; width: 100%; margin-bottom: 30px;
}

section.detail-content #content.wrapper{
    padding: 0px; position: relative; float: left; width: 100%;
}

#detail_content{
    padding: 0px; position: relative; float: left; width: 100%; margin-top: 30px;
}

.detail-content .detail-ttl{
    padding: 0px;
}
.detail-content .detail-ttl h1 {
    color: #000000; font-size: 30px; margin-top: 0px; padding-left: 0px; text-transform: uppercase;
    max-width: 280px;
}
.detail-content .detail-ttl h2 {
    color: #F87A1F; text-transform: uppercase;
    font-size: 16px; margin-bottom: 0px; font-family: headfont;
}

.detail-actions-container{
    position: relative; float: left; padding: 30px 15px 15px 15px; margin: 0px; width: 100%;
}
.detail-content .nav.nav-tabs{
    position: relative; float: left; padding: 0px; margin: 0px; border: 0px;
}
.detail-content .nav.nav-tabs li{
    position: relative; float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 100%;
}
.detail-content .nav.nav-tabs li a{
    position: relative; float: left; padding: 0px; margin: 0px; width: 100%; background: none; color: #CF1744;
    line-height: 30px;
}
.detail-content .nav.nav-tabs li a span.text{
    position: relative; float: left; padding: 0px 0px 0px 40px; margin: 0px; width: 100%; color: #CF1744;
    text-transform: uppercase; font-size: 12px;
}
.detail-content .nav.nav-tabs #actionFavs a span.text{
    color: #F87A1F;
}
.detail-content .nav.nav-tabs li a img{
    position: absolute; left: 0px; top: 0px; width: 25px;
}
.detail-content .nav.nav-tabs #openVideo a img{
    width: 20px; top: 5px; left: 5px;
}

.detail-content .nav.nav-tabs li a.btn-primary{
    background: #CF1744; border-radius: 18px; color: #ffffff; text-transform: uppercase; width: 185px; height: 36px; padding: 0px; line-height: 36px; font-size: 12px; margin-top: 15px;
}


#detail_content .actionblock{
    padding: 30px 15px; max-width: 240px;
}
.detail-content .actionblock h3{
    color: #000000; font-size: 12px; text-transform: uppercase;
}
.detail-content .actionblock p{
    color: #A3A3A3; font-size: 12px;
}
.detail-content .actionblock p a{
    color: #CF1744; font-size: 12px; font-family: regularfont;
}


#detail_gallery,
#myGallery{
    padding: 0px; position: relative; float: left; width: 100%; margin-top: 0px;
}
.gal-item{
    width: 100%; padding: 5px;
}
.gal-item img{
    position: relative; float: left; width: 100%; height: auto;
}


@media(min-width:768px) {
    #detailc{
        padding: 0px 30px;
    }
    #detail_content{
        width: 25%; position: absolute; top: 0px; left: 0px;  background: #ffffff;
    }
    .shrink #detail_content{
        width: 25%; position: fixed; top: 60px; left: 30px; 
    }
    #detail_gallery{
        width: 75%; margin-left: 25%; margin-top: -30px;
    }
    .gal-item{
        width: 33.33%;
    }
    
    
    
}

.videomodal .modal-backdrop{
    background: #EDEDED;
}
.videomodal .modal-backdrop.in{
    opacity: 0.9;
}
.videomodal .modal-content{
    background: #CF1744; padding: 5px!important; border: 0px;
}
.videomodal .modal-body{
    padding: 0px!important;
}


.modal fieldset .form-group label {
    padding-top: 15px;
}
.modal fieldset .btn-primary {
    margin-top: 15px;
}
.modal.mapmodal fieldset .btn-primary {
    padding: 5px 10px 5px 10px !important;
    background: #ffffff !important;
    color: #db5f17 !important; float: right;
    margin-top: 0px;
}
.modal fieldset a {
    color: #db5f17;
}
.modal a {
    color: #db5f17;
}
.modal fieldset .btn-primary img {
    width: 30px;
    height: 30px;
}




.div-add{
   position: absolute; float: left; width: 30px; left: auto; right: 15px; top: auto; bottom: 15px;
}
#Favs{
    position: absolute; top: 0px; 
    right: 15px; left: auto;  width: 45px; height: 45px; padding: 30px 0px 0px 0px; 
}
#labelFavs{
	display: none;
}
#actionFavs.updated{
	display: none;
}

@media(min-width:768px) {
    #Favs{
        padding: 5px 0px 0px 0px; right: 415px;
    }
    #labelFavs{
        display: none;
    }
    #actionFavs.updated{
        display: block;
    }
}
.modal{
    z-index: 104000;
}

.alert-success h1{
    color: #000000;
}
.assortment-item-fav{
    background: #ffffff!important; width: 100%!important; border-color:#ffffff!important; padding: 0px!important; margin: 0px!important; border: 0px!important;
}
.assortment-item-fav .btn-primary{
    background: #CF1744; color: 12px; float: left!important; padding: 10px 20px; width: 200px; margin-bottom: 10px;
}

#labelFavs{
}
#countFavs{
	display: none;
}
#linkFavs{
	position: relative; float: left;
}
#linkFavsText{
	background-image: url(../img/btns/add-icon.svg); background-repeat: no-repeat; background-size: contain;
	position: relative; float: left; border-radius: 0px; width: 30px; height: 30px; text-align: center; color: #373737 !important; line-height: 30px; text-decoration: none;
	border: 0px solid #333333; font-size: 8px;
}
#linkFavsText:hover{
	background-image: url(../img/btns/remove-icon.svg); background-repeat: no-repeat; background-size: contain;
	color: #ffffff !important;
}

.noformal{
	display: inline!important;
	padding: 0px !important; text-decoration: underline!important; 
}


.favsControls{
	padding: 0px 15px 15px; z-index: 10000; border: 0px solid #000; width: 100%;
}
#SendFavs h3{
	margin-bottom: 0px; margin-top: 30px;
}	
#SendFavs .form-control{
	margin-bottom: 0px;
}


#SendFavs input.form-control-search{
	font-size: 24px; line-height: 36px; 
}

#SendFavs .modal-backdrop{
	background: #F8F8F8;
}
#SendFavs .modal-backdrop.in{
	opacity: 1;
}
#SendFavs .modal-header{
	border: 0px; font-size: 24px;
}
#SendFavs .modal-header .close{
	opacity: 1;
}
#SendFavs .modal-dialog{
	width: 100%; max-width:480px; height: auto;
}
#SendFavs #sendfavorites{
	-webkit-box-shadow:none;
	box-shadow:none; height: auto; border: 0px;
	position: absolute; top: 0px; margin-top: 0px;
	background: #F8F8F8;
}
#SendFavs #sendfavorites .btn-primary{
    margin-bottom: 45px;
}

@media(min-width:468px) {
#SendFavs input.form-control-search{
	font-size: 24px; line-height: 36px; 
}
}

@media(min-width:680px) {
#SendFavs input.form-control-search{
	width: 100%;
}
}

@media(min-width:768px) {
	#SendFavs input.form-control-search{
		font-size: 30px; line-height: 46px; 
	}

}

@media(min-width:991px) {
#SendFavs .force-form-space{
	padding-left: 30px;
}
	
}



@media(min-width:768px) {
	#actionFavs img{
		display: none;
	}
	#actionFavs img{
		display: none;
	}
	#actionFavs .text{
		display: block;
	}

}
@media(min-width:900px) {
	#actionFavs img{
		display: block; float: right; margin-right: 10px; margin-top: 4px; width: 20px;
	}
    .trending .detail-content #detailmedia .block-image{
        width: 50.5%; padding-right: 20px;
    }
    .trending .detail-content #detailmedia .block-image:nth-of-type(2n+2){
        width:49.5%;
        float: right;
    }
}
/*
.info #pageBlock1{
    padding-bottom: 0px; width: 100%; max-width: 720px; margin: 0 auto; float: none;
    margin-bottom: 0px; 
}
.info #pageBlock1 h1{
    display: none;
}*/

#pageblockfaq {
    position: relative; width: 100%; padding: 0px 30px; max-width: 720px; margin: 0 auto; float: none;
}
#pageblockfaq .page-block-module{
	padding: 15px 0px 60px 0px;
}
#pageblockfaq .panel-group .panel{
	border-radius: 0px; border: 0px; margin: 0px 0px 10px 0px;
	position: relative; width: 100%; margin-right: 0%; float: left;
   
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0);
    box-shadow: 0 1px 1px rgba(0,0,0,0);
    
    border: 1px solid #ffffff!important;
    border-bottom: 1px solid #EDEDED!important;
}
#pageblockfaq .panel-group .panel .panel-heading{
	padding: 0px; background: #ffffff;
}
#pageblockfaq .panel-group .panel .panel-heading h4{
	padding: 25px 60px 25px 15px;
    font-family: headfont; font-size: 18px;
}
#pageblockfaq .panel-group .panel .panel-heading h4 a{
	text-decoration: none; color: #000000;
}
#pageblockfaq .panel-group .panel .panel-heading h4 a{
	text-decoration: none; width: 100%;
}
#pageblockfaq .panel-group .panel .panel-heading h4 a .glyphicon-plus,
#pageblockfaq .panel-group .panel .panel-heading h4 a .glyphicon-minus{
	position: absolute; top: 25px; right: 20px; left: auto; color: #ffffff; font-size: 20px;
	margin-top: 0px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;/**/
}
#pageblockfaq .panel-group .panel .panel-heading h4 a .glyphicon-minus{
}
#pageblockfaq .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-plus,
#pageblockfaq .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-minus{
}
#pageblockfaq .panel-group .panel .panel-heading h4 a .glyphicon-minus{
    opacity: 1; color: #CF1744;
}
#pageblockfaq .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-minus{
    opacity: 0;
}
#pageblockfaq .panel-group .panel .panel-heading h4 a.collapsed .glyphicon-plus{
	transform: rotate(180deg); color: #CF1744;
}
#pageblockfaq .panel-group .panel-body{
	padding: 0px 15px 30px 15px; font-size: 14px; line-height: 1.6; border: 0px;
}
#pageblockfaq .panel-group .panel-body h3{
    color: #000000; padding: 0px 0px 0px 10%; text-transform: uppercase; font-size: 14px;
}
#pageblockfaq .panel-group .panel-body p{
	font-size: 14px; line-height: 1.6; color: #A3A3A3; padding: 15px 30px 0px 10%;
}
#pageblockfaq .panel-group .panel-body h2{
    color: #F87A1F; padding: 0px 0px 0px 10%; text-transform: uppercase; font-size: 14px;
}
#pageblockfaq .panel-group .panel-body table{
    max-width: 90%; margin-left: 10%;
}
#pageblockfaq .panel-group .panel-body .table-bordered>tbody>tr>td{
    padding: 0px 5px 5px 0px;
}
#pageblockfaq .panel-group .panel-body p a{
	color: #CF1744; font-family: headfont;
}


@media(min-width:600px) {
    #pageblockfaq .page-block-caption{
    }
}
@media(min-width:768px) {
    
	#pageblockfaq .container{
	}
	#pageblockfaq .page-block-module{
		padding: 15px 0px 60px 0px;
	}
	#pageblockfaq .panel-group .panel{
	}
	#pageblockfaq .panel-group .panel:nth-of-type(2n+2){
	}
}
@media(min-width:991px) {
}
@media(min-width:1200px) {
}
@media(min-width:1440px) {
}


legend{
    color: #CF1744;
    font-family: headfont;
    text-transform: uppercase;
}
label h3{
    color: #000000; font-size: 14px;
}

.plupload_header_content,
.plupload_start{
    display: none;
}
.plupload_done .plupload_file_name{
    pointer-events: none;
}




#list_aanvraag_container h2{
    color: #CF1744; margin-left: 3px; text-transform: uppercase; font-family: headfont; margin-bottom: 10px;
}

#list_aanvraag_container .block.assortment-item {
    margin-bottom: 45px;
}
#list_aanvraag_container .div-remove{
    position: absolute; padding: 0px 15px;
    float: left; width: 100%; left: auto;
    right: 0px; top: auto; bottom: -30px; text-align: right;
}
#list_aanvraag_container .div-remove a{
    line-height: 12px; text-decoration: none;
}
#list_aanvraag_container .div-remove a span{
    margin: 0px 5px 0px 0px; top: 2px;
}

#list_aanvraag_container .div-add{
    display: none;
}


@media (min-width: 991px){

    #form_aanvraag_container{
        width: 30%;
    }
    #list_aanvraag_container{
        width: 70%; float: right;
    }

}

.block.news .block-image::after{
    position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; background: rgba(0,0,0,0.3); height: 90px;
    content: '';
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
    pointer-events: none;
}

.block.news .block-image .block-ttl{
    z-index: 1;
}
.block.news .block-image .block-ttl h2{
    font-family: headfont; z-index: 1;
}
.block.news .block-caption{
    padding-top: 0px;
}
.block.news .block-caption h2 a{
    color: #A3A3A3; font-size: 14px; font-family: regularfont;
}
.block.news .block-caption h2 a small{
    color: #CF1744; font-size: 14px;
}
.block.news .block-btns{
    display: none;
}

@media (min-width: 500px){
    
.block.news{
    width: 50%; border: 3px solid #ffffff;
}

}
@media (min-width: 768px){
    
.block.news{
    width: 33.33%; border: 3px solid #ffffff;
}

}

@media (min-width: 991px){

    .trending .page-block-module{
        width: 70%; float: right;
    }

}


@media (min-width: 1640px){
    .locaties #wrapper,
    .locaties #wrappercontent,
    .locations #wrapper,
    .locations #wrappercontent{
        max-width: 1640px;
    }
    .locaties #pageBlock1,
    .locations #pageBlock1,
    .locaties #pageBlock2,
    .locations #pageBlock2,
    .block.assortment-item{
        width: 25%; max-height: 355px;
    }
    
    .locaties #detailc .container-detail,
    .locations #detailc .container-detail{
        max-width: none;
    }
    .gal-item{
        width: 25%;
    }
    .locaties #detailc #detail_content,
    .locations #detailc #detail_content{
        width: 15%;
        
    }
    .locaties #detailc #detail_gallery,
    .locations #detailc #detail_gallery{
        width: 85%; margin-left: 15%;
    }
    .locaties #pageBlock1 .page-block-caption .page-block-txt p, .locaties #pageBlock1 .page-block-caption .page-block-txt p a, .locaties #pageBlock2 .page-block-caption .page-block-txt p, .locaties #pageBlock2 .page-block-caption .page-block-txt p a{
        font-size: 18px;
    }
    .locaties #pageBlock1 .page-block-caption .page-block-txt p, .locaties #pageBlock1 .page-block-caption .page-block-txt p a, .locaties #pageBlock2 .page-block-caption .page-block-txt p, .locaties #pageBlock2 .page-block-caption .page-block-txt p a{
        font-size: 22px;
    }
}
@media (min-width: 1995px){
    .locaties #wrapper,
    .locaties #wrappercontent,
    .locations #wrapper,
    .locations #wrappercontent{
        max-width: 1995px;
    }
    .locaties #pageBlock1,
    .locations #pageBlock1,
    .block.assortment-item,
    .locaties #pageBlock2,
    .locations #pageBlock2{
        width: 25%; max-height: 436px;
    }
    .gal-item{
        width: 25%;
    }
    .locaties #pageBlock2 .page-block-caption .page-block-txt h2, .locaties #pageBlock2 .page-block-caption .page-block-txt h2{
        font-size: 40px;
    }
}
@media (min-width: 2350px){
    .locaties #wrapper,
    .locaties #wrappercontent,
    .locations #wrapper,
    .locations #wrappercontent{
        max-width: 2350px;
    }
    .locaties #pageBlock1,
    .locations #pageBlock1,
    .block.assortment-item,
    .locaties #pageBlock2,
    .locations #pageBlock2{
        width: 25%; max-height: 525px;
    }
    .gal-item{
        width: 25%;
    }
    .locaties #pageBlock1 .page-block-caption .page-block-name h1, .locaties #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 40px;
    }
    .locaties #pageBlock2 .page-block-caption .page-block-txt h2, .locaties #pageBlock2 .page-block-caption .page-block-txt h2{
        font-size: 40px;
    }
    
}
@media (min-width: 2705px){
    .locaties #wrapper,
    .locaties #wrappercontent,
    .locations #wrapper,
    .locations #wrappercontent{
        max-width: 2705px;
    }
    .locaties #pageBlock1,
    .locations #pageBlock1,
    .block.assortment-item,
    .locaties #pageBlock2,
    .locations #pageBlock2{
        width: 25%; max-height: 613px;
    }
    .gal-item{
        width: 25%;
    }
}
@media (min-width: 3060px){
    .locaties #wrapper,
    .locaties #wrappercontent,
    .locations #wrapper,
    .locations #wrappercontent{
        max-width: 3060px;
    }
    .locaties #pageBlock1,
    .locations #pageBlock1,
    .block.assortment-item,
    .locaties #pageBlock2,
    .locations #pageBlock2{
        width: 20%; max-height: 560px;
    }
    .gal-item{
        width: 20%;
    }
}


.page-block.default{
    
}
.page-block.default .page-block-caption h2,
.page-block.default .page-block-caption h2 a,
.page-block.cta-center .page-block-caption h2,
.page-block.cta-center .page-block-caption h2 a{
    font-family: headfont; text-transform: uppercase;
    font-size: 30px;
}
.page-block.default .page-block-link{
    padding: 15px 30px;
}
.page-block.default .page-block-caption .page-block-txt p{
    font-size: 14px;    
}
.page-block.cta-center .page-block-caption h2,
.page-block.cta-center .page-block-caption h2 a,
.page-block.cta-center .page-block-caption .page-block-txt p,
.page-block.cta-center .page-block-link{
    text-align: center;
}
.page-block.cta-center .page-block-caption h2{
    padding: 0px 20%;
}
.page-block.default .page-block-caption .page-block-subttl h3,
.page-block.default .page-block-caption .page-block-subttl h3 p{
    color: #A3A3A3; font-size: 18px;
}



#theBody.default #wrapper,
#theBody.default #wrappercontent {
    max-width: none;
}
#theBody.default #pageBlockPage #pageBlock1{
    background: #EDEDED; padding: 45px 0px;
}
#theBody.default #pageBlockPage #pageBlock1 .page-block-caption .page-block-txt p{
    font-size: 18px;    
}

@media (min-width: 600px){
#theBody.default #pageBlockPage {
    display: flex; justify-content: center;flex-wrap: wrap; padding-top: 60px;
}
#theBody.default #pageBlockPage .page-block.default{
    width: 500px;
}
#theBody.default #pageBlockPage #pageBlock1{
    display: flex; justify-content: center;flex-wrap: wrap ;
    width: 100%;
}
#theBody.default #pageBlockPage #pageBlock1 .page-block-caption{
    display: flex; justify-content: center;flex-wrap: wrap ;
    width: 100%;
}
#theBody.default #pageBlockPage #pageBlock1 .page-block-caption .page-block-container{
    width: 500px; padding: 0px 30px;
}  
.page-block.default .page-block-image {
    width: 100%; margin: 30px 0px;
}
    
}
    
@media (min-width: 900px){
#theBody.default #pageBlockPage #pageBlock1 .page-block-caption .page-block-container{
    width: 600px;
}
#theBody.default #pageBlockPage .page-block.default{
    width: 600px;
}
}
    
@media (min-width: 1200px){
#theBody.default #pageBlockPage #pageBlock1 .page-block-caption .page-block-container{
    width: 400px; padding: 0px 45px;
}
#theBody.default #pageBlockPage .page-block.default{
    width: 400px; padding: 0px 15px;
}
}


#theBody.landingspage #wrapper,
#theBody.landingspage #wrappercontent {
    max-width: 1440px;
}
#theBody.landingspage #pageBlock0 .page-block-header-caption {
    display: none;
}
#theBody.landingspage #pageBlock0{
    margin-bottom: 30px;
}
#theBody.landingspage #pageBlock1 .page-block-caption .page-block-txt p,
#theBody.landingspage .page-block-caption .page-block-txt p,
#theBody.landingspage #pageBlock1 .page-block-caption .page-block-txt td{
    font-size: 16px;    
}
#theBody.landingspage .page-block-caption .page-block-txt h3{
    font-size: 22px;    
}

#pageBlock0 .page-block-caption .page-block-name h1{
    text-transform: uppercase;
}
#theBody.landingspage #pageBlock0 .page-block-caption .page-block-intro p,
#theBody.landingspage #pageBlock1 .page-block-caption .page-block-intro p {
    color: #000000; font-size: 16px; line-height: 1.1em; margin-bottom: 15px;
}


#theBody.landingspage #pageBlock1 .page-block-caption.with-page-block-image .page-block-intro {
    display: none;
}
#theBody.landingspage #pageBlock1 .page-block-caption-head.with-page-block-image .page-block-intro {
    display: block;
}


#theBody.landingspage #pageBlockPage #pageBlock2{
    background: #EDEDED; padding: 45px 0px;
}

@media (min-width: 600px){
    #theBody.landingspage #pageBlock0 .page-block-header-caption {
        display: block; padding-right: 40%; top: 0px; left: 0px; margin: 0px;
        background: rgba(255,255,255,0.6); height: 100%; width: 100%; display: flex;
        align-content: center; align-items: center; flex-wrap: wrap; padding-left: 30px;
        background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 80%);
        background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 80%);
        background: linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
    }
    #theBody.landingspage #pageBlock0 .page-block-header-caption .page-block-name h1 {
        padding: 0px 0px; text-transform: uppercase; margin: 0px; width: 100%;
    }

    #theBody.landingspage #pageBlockPage #pageBlock1{
        display: flex; justify-content: center;flex-wrap: wrap ;
        width: 100%;
    }
    #theBody.landingspage #pageBlock1 .page-block-caption{
        display: flex; justify-content: center;flex-wrap: wrap ;
        width: 100%;
    }
    #theBody.landingspage #pageBlock1 .page-block-caption-head.with-page-head-image {
        display: none;
    }
    #theBody.landingspage #pageBlockPage #pageBlock1 .page-block-caption .page-block-container{
        width: 500px; padding: 0px 30px;
    }  

    #theBody.landingspage .page-block-caption .page-block-txt p,
    #theBody.landingspage #pageBlock1 .page-block-caption .page-block-txt p,
    #theBody.landingspage #pageBlock1 .page-block-caption .page-block-txt td{
        font-size: 18px;    
    }
    #theBody.landingspage #pageBlock0 .page-block-header-caption .page-block-intro p {
        font-size: 18px;
    }
    
    #theBody.landingspage .page-block .page-block-image{
        width: 500px; margin: 30px 0px; 
    }

    #theBody.landingspage #pageBlockPage #pageBlock2{
        display: flex; justify-content: center;flex-wrap: wrap ;
        width: 100%; background: none;
    }
    #theBody.landingspage #pageBlockPage #pageBlock2 .page-block-caption{
        width: 500px; background: #EDEDED; padding: 45px 45px;
    }
    
}

@media (min-width: 991px){
    #theBody.landingspage #pageBlock0 .page-block-header-caption {
        padding-left: 90px;
    }

    #theBody.landingspage #pageBlock0 .page-block-header-caption .page-block-intro p,
    #theBody.landingspage #pageBlock1 .page-block-caption .page-block-intro p {
        font-size: 24px;
    }
    #theBody.landingspage #pageBlockPage #pageBlock1 .page-block-caption .page-block-container{
        width: 700px; padding: 0px 30px;
    }  
    #theBody.landingspage #pageBlock2{
    }
    #theBody.landingspage #pageBlockPage #pageBlock2 .page-block-caption{
        width: 700px;
    }
    #theBody.landingspage #pageBlock1 .page-block-caption .page-block-name h1{
        font-size: 46px;
    }
    
    
    #theBody.landingspage #pageBlock1.page-block .page-block-image{
        width: 40%; margin: 30px 0px;  max-width: 500px;
    }
    #theBody.landingspage #pageBlock1.page-block .page-block-caption.with-page-block-image{
        width: 60%; margin: 30px 0px;   max-width: 700px;
    }
    #theBody.landingspage #pageBlock1.page-block .page-block-caption-head.with-page-block-image{
        width: 100%; max-width: none;
    }
}




.large-quote.page-block{
    padding: 0px!important;
}
.large-quote.page-block .page-block-image{
    padding: 0px!important; width: 100%!important; margin: 0px!important;
}
.large-quote.page-block .page-block-caption{
    position: absolute; top: auto; bottom: 0px;  padding: 30px 30px; width: 100%; padding-right: 50%!important; height: 100%; display: flex; flex-wrap: wrap; align-items: flex-end; align-content: flex-end;
        background: rgba(255,255,255,0.6); 
        background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 80%);
        background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 80%);
        background: linear-gradient(90deg, rgba(255,255,255,1) 10%, rgba(255,255,255,0) 80%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1);
}
.large-quote.page-block .page-block-caption .page-block-link{
    text-align: left!important; padding-left: 0px; justify-content: flex-start;
}
.large-quote.page-block .page-block-caption .page-block-ttl h2{
    width: 100%; padding: 0px; margin: 0px; line-height: 1.4; 
    text-align: right; font-size: 23px; text-align: left;font-family: headfont;
    text-transform: uppercase;
}
.large-quote.page-block .page-block-caption .page-block-ttl h2,
.large-quote.page-block .page-block-caption .page-block-ttl h2 a,
.large-quote.page-block .page-block-caption .page-block-ttl h3,
.large-quote.page-block .page-block-caption .page-block-ttl h3 a{
    color: #000000!important; text-decoration: none; text-align: left;
}
.large-quote.page-block .page-block-caption .btn-primary{
}
.large-quote.page-block .page-block-caption .page-block-txt p{
    text-align: left;
}
@media (max-width: 600px) {
    .large-quote.page-block .page-block-caption{
        position: relative; top: 0px; bottom: auto; height: auto; padding: 30px 30px; width: 100%; padding-right: 30px!important; float: right;
        background: none;
    }
    .large-quote.page-block .page-block-caption .page-block-ttl,
    .large-quote.page-block .page-block-caption .page-block-ttl h2,
    .large-quote.page-block .page-block-caption .page-block-ttl h2 a,
    .large-quote.page-block .page-block-caption .page-block-txt p,
    .large-quote.page-block .page-block-caption .page-block-txt p a,
    .large-quote.page-block .page-block-link{
        text-align: center; width: 100%;
    }
    .large-quote.page-block .page-block-caption .page-block-link{
        justify-content: center!important; display: flex;
    }
}
@media (min-width: 601px) {
    .large-quote.page-block .page-block-caption .page-block-ttl h2,
    .large-quote.page-block .page-block-caption .page-block-ttl h2 a{
        color: #000000!important;
    }
    .large-quote.page-block .page-block-caption .page-block-txt p,
    .large-quote.page-block .page-block-caption .page-block-txt p a{
        color: #000000;
    }
}
@media (min-width: 991px) {
    .large-quote.page-block .page-block-caption .page-block-ttl h2,
    .large-quote.page-block .page-block-caption .page-block-ttl h2 a{
        font-size: 34px;
    }
    .large-quote.page-block .page-block-caption .page-block-txt p{
        font-size: 18px;
    }
}
@media (min-width: 1280px) {
    .large-quote.page-block .page-block-caption{
        padding-right: 70%!important; padding-left: 90px!important; padding-bottom: 60px!important;
        display: flex; justify-content: center; align-content: center; align-items: center;
    }
    .large-quote.page-block .page-block-caption .page-block-ttl h2,
    .large-quote.page-block .page-block-caption .page-block-ttl h2 a{
        font-size: 44px;
    }
    .large-quote.page-block .page-block-caption .page-block-txt p{
        font-size: 20px;
    }
}



.small-quote.page-block{
    margin: 60px 0px!important;
    width: calc(100%); padding:0px; display: flex; align-items: stretch;
}
.small-quote.page-block .page-block-image{
    width: 50%!important; padding: 0px!important;
}
.small-quote.page-block .page-block-image img{
    object-fit: cover; width: 100%; height: 100%;
}
.small-quote.page-block .page-block-page_image{
    width: 100%!important;
}
.small-quote.page-block .page-block-caption{
    position: relative; top: 0px; bottom: 0px; background: rgba(0,0,0,0);
	width: 50%; padding: 30px!important;
}
.small-quote.page-block .page-block-caption{
    display: flex; justify-content: flex-start; align-content: center; align-items: center;
    flex-wrap: wrap;
}
.small-quote.page-block .page-block-caption .page-block-link{
    text-align: left!important; padding-left: 0px; justify-content: flex-start;
}
.small-quote.page-block .page-block-caption .page-block-ttl h2{
    width: 100%; padding: 0px; margin: 0px; line-height: 1.2; 
    font-size: 30px; text-align: left!important; 
    /*font-weight: 400;*/
    color: #000000; font-family: headfont; text-transform: uppercase;
}
.small-quote.page-block .page-block-caption .page-block-ttl h2 a{
    color: #000000;
}
.small-quote.page-block .page-block-caption .page-block-ttl h2::before {
}
.small-quote.page-block .page-block-caption .page-block-ttl h2::after {
}

.small-quote.page-block .page-block-caption .page-block-ttl h3{
    width: 50%; padding: 0px; margin: 5px 0px 0px 0px; line-height: 1.4; 
}
.small-quote.page-block .page-block-caption .page-block-ttl h2,
.small-quote.page-block .page-block-caption .page-block-ttl h2 a,
.small-quote.page-block .page-block-caption .page-block-ttl h3,
.small-quote.page-block .page-block-caption .page-block-ttl h3 a{
    color: #000; text-decoration: none; text-align: left;
}
.small-quote.page-block.medium .page-block-caption .page-block-ttl h2,
.small-quote.page-block.medium .page-block-caption .page-block-ttl h2 a,
.small-quote.page-block.medium .page-block-caption .page-block-ttl h3,
.small-quote.page-block.medium .page-block-caption .page-block-ttl h3 a,
.small-quote.page-block.medium .page-block-caption .page-block-txt p{
    color: #000; max-width: 500px;
}

@media (max-width: 990px) {
.small-quote.page-block .page-block-image{
    width: 100%!important;
}
.small-quote.page-block .page-block-caption{
    width: 100%;
}
}
@media (min-width: 991px) {
.small-quote.page-block{
    width: 900px!important; margin-left: calc(50% - 450px)!important;
}
.small-quote.page-block .page-block-caption{
    padding: 45px!important;
}
}
@media (min-width: 1280px) {
.small-quote.page-block .page-block-caption{
    padding: 60px!important;
}
.small-quote.page-block.medium .page-block-caption .page-block-txt{
    margin-top: 30px;
}
}
@media (min-width: 1440px) {
.small-quote.page-block .page-block-caption{
    padding: 90px!important;
}
}
@media (min-width: 1920px) {
.small-quote.page-block .page-block-caption{
}
}


.reviews #wrapper,
.reviews #wrappercontent{
    max-width: none!important;
}

.reviews #pageBlock1,
.reviews #pageBlock1.page-block .page-block-caption h2,
.reviews #pageBlock1.page-block .page-block-caption h1{
    width: 100%!important; text-align: center;
}

#reviews_container{
    display: flex; flex-wrap: wrap; justify-content: center;
}
#reviews_container .block{
    display: flex; flex-wrap: wrap; width: 100%; max-width: 400px; height: 400px; padding: 30px!important; overflow: hidden; margin: 8px; background: #EDEDED;
}
#reviews_container .block.reviews-sfeer img{
    object-fit: cover;
}

#reviews_container .block .block-ttl{
    position: absolute; top: auto; bottom: 25px;
}
#reviews_container .block .block-ttl h2{
    color: #CF1744; padding: 0px; margin: 0px;
}
#reviews_container .block .block-ttl h3{
    color: #CF1744; font-family: regularfont; margin: 0px; padding: 0px;
}
#reviews_container .block .block-txt p{
    color: #000000; font-family: headfont; font-size: 22px; text-transform: uppercase;
}
#reviews_container .block .block-txt p {
  quotes: "“" "”" "‘" "’";
}
#reviews_container .block .block-txt p::before {
    content: open-quote;
}
#reviews_container .block .block-txt p::after {
    content: close-quote;
}

#reviews_container .block.reviews-long .block-txt p{
    font-size: 14px;
}
#reviews_container .block.reviews-medium .block-txt p{
    font-size: 16px;
}
#reviews_container .block:nth-of-type(even){
    background: #CF1744;
}
#reviews_container .block.reviews-sfeer{
    padding: 0px!important; background: #EDEDED!important;
}
#reviews_container .block:nth-of-type(even) .block-ttl h2,
#reviews_container .block:nth-of-type(even) .block-ttl h3,
#reviews_container .block:nth-of-type(even) .block-txt p{
    color: #ffffff;
}

.page-block.reviews .page-block-link{
    text-align: center;
}

#reviews_random_container{
    display: flex; flex-wrap: wrap; justify-content: center;
}
#reviews_random_container .block{
    display: flex; flex-wrap: wrap; width: 100%; max-width: 640px; height: auto; padding: 30px 30px 105px 30px!important; overflow: hidden; margin: 8px; background: #EDEDED;
}
#reviews_random_container .block .block-ttl{
    position: absolute; top: auto; bottom: -65px;
}
#reviews_random_container .block .block-ttl h2{
    color: #CF1744; padding: 0px; margin: 0px;
}
#reviews_random_container .block .block-ttl h3{
    color: #CF1744; font-family: regularfont; margin: 0px; padding: 0px;
}
#reviews_random_container .block .block-txt p{
    color: #000000; font-family: headfont; font-size: 22px; text-transform: uppercase;
}
#reviews_random_container .block .block-txt p {
  quotes: "“" "”" "‘" "’";
}
#reviews_random_container .block .block-txt p::before {
    content: open-quote;
}
#reviews_random_container .block .block-txt p::after {
    content: close-quote;
}




.block.assortment-item .block-image .hover-carousel{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    opacity: 0; pointer-events: none;
    -webkit-transition: opacity 0.4s ease;
    -moz-transition: opacity 0.4s ease;
    -o-transition: opacity 0.4s ease;
    transition: opacity 0.4s ease;
}
.block.assortment-item .block-image .hover-carousel.displayed{
    opacity:1; pointer-events: all;
}
.block.assortment-item .block-image .hover-carousel .carousel-indicators{
    display: none;
}


/* YOUR CSS simplified 
.carousel-fade .carousel-inner,
.carousel-fade .carousel-inner .item{
	display: block;
	width: 100%; height: 100%; position: absolute; left: 0px; width: 100%; top: 0px;
}

.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
	transit: transform .1s ease-out;
}    
.carousel-fade .carousel-inner .active {
  opacity: 1;
}    
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}    
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}    
.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}
*/  


#pop.page-block{
    display: none;
}
