.login_btn{
	display: none;
}
.mainmenu .menu-link.menu-ccontact-us,
.mainmenu .menu-link.menu-the-foundation,
.mainmenu .menu-link.menu-10-facts,
.mainmenu .menu-link.menu-jobs{
    margin-top: -10px;
}
.mainmenu .menu-link.menu-ccontact-us a,
.mainmenu .menu-link.menu-the-foundation a,
.mainmenu .menu-link.menu-10-facts a,
.mainmenu .menu-link.menu-jobs a,
.mainmenu .childmenu a{
    font-size: 20px; color: #ffffff; padding-left: 45px!important; /*padding-right: 60px!important;*/
}
.mainmenu .menu-link.menu-ccontact-us a::after,
.mainmenu .menu-link.menu-the-foundation a::after,
.mainmenu .menu-link.menu-10-facts a::after,
.mainmenu .menu-link.menu-jobs a::after{
    /*position: absolute; top: 8px; left: auto; right: 30px; height: 10px; width: 10px; background: #363221; content:'';*/
}
.mainmenu ul li.active{
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}
.mainmenu .menu-link.menu-ccontact-us.active a::after,
.mainmenu .menu-link.menu-the-foundation.active a::after,
.mainmenu .menu-link.menu-10-facts.active a::after,
.mainmenu .menu-link.menu-jobs.active a::after{
    background: #ffffff;
}


    .mainmenu .childmenu a{
        font-size: 12px;
    }
    .mainmenu ul li.childmenu{
        height: auto!important; padding-bottom: 8px;
    }
@media(min-width:768px) {
    .mainmenu .menu-link.menu-ccontact-us a,
    .mainmenu .menu-link.menu-the-foundation a,
    .mainmenu .menu-link.menu-10-facts a,
    .mainmenu .menu-link.menu-jobs a,
    .mainmenu .childmenu a{
        font-size: 12px;
    }
    .mainmenu ul li.active{
        padding-top: 12px!important;
        padding-bottom: 5px!important;
     }
    .mainmenu .menu-link.menu-ccontact-us,
    .mainmenu .menu-link.menu-the-foundation,
    .mainmenu .menu-link.menu-10-facts,
    .mainmenu .menu-link.menu-jobs,
    .mainmenu .menu-link.menu-contact-us.active,
    .mainmenu .menu-link.menu-the-foundation.active,
    .mainmenu .menu-link.menu-10-facts.active,
    .mainmenu .menu-link.menu-jobs.active{
        margin-top: 0px; height: 30px!important; padding-top: 5px!important;
    }
}


.home #pageBlockPage{
    margin-top: 0px; margin-bottom: 0px;
    padding: 0px;
}

.home #pageBlockPage::before{
}

.page-block-caption .page-block-txt li{
    list-style-image: url("../img/frame/check.svg"); padding: 0px 45px 10px 5px;
}

#navblock .page-block-module{
    padding: 30px 0px 0px 0px;
}
.block.navblocks{
    padding: 15px 30px; margin: 0px 0px 0px 0px;
}
.block.navblocks .block-image{
    padding: 0px; margin: 0px;
}
.block.navblocks .block-caption{
    position: absolute; left: 0px; top: auto; bottom: 15px; padding: 15px 30px;
}

.block.navblocks .block-caption .block-ttl h2,
.block.navblocks .block-caption .block-ttl h2 a{
    color: #ffffff; font-size: 22px; width: auto;
    position: relative; float: left;
    
}
.block.navblocks .block-caption .block-ttl h2 a::after {
    position: relative; float: right;
    left: 0px;
    top: -2px;
    width: 28px;
    height: 28px;
    margin-left: 10px;
    content: ' ';
    background-color: #433E28;
    background-image: url(../img/btns/navigate/next.svg);
    border-radius: 50%;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}    

.block.navblocks .block-caption .block-txt p{
    color: #ffffff; font-size: 16px;
}

#block44{
    overflow: hidden;
}
#block44 .block-image{
    margin-top: -150px;
}
#block42{
    width: 50%;
    padding: 15px 30px 15px 15px;
}
#block42.block .block-caption .block-ttl{
    padding: 5px 0px 0px 0px;
}
#block45{
    width: 50%;
    padding: 15px 15px 15px 30px;
}

.about-us #pageBlock1 .page-block-name h1{
    text-align: center; margin: 0 auto; max-width: 700px; float: none;
}
.about-us #pageBlock1{
    padding-bottom: 0px;
}
.about-us .page-block-page_image:nth-of-type(2){
    padding-top: 0px;
}

@keyframes overlay {
  0% {  }
  20% { opacity: 0;  left: -2%; }
  60% { opacity: 0.3;  left: -1%; }
  80% { opacity: 1; left: -0.5%; }
  100% { opacity: 1; left: 0%; }
}
footer{
    position: relative;
}
footer::before{
    position: absolute; left: auto; left: 50%; margin-left: -11px; top: -31px; width: 32px; height: 44px; content: ' '; background-color: #6D714E; background-image: url(../img/btns/navigate/next.svg); background-position: 0px center; background-repeat: no-repeat; background-size: 36px;
    z-index: 100; border-top-right-radius: 22px; border-bottom-right-radius: 22px;
    transform: rotate(-90deg); cursor: pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
footer:hover::before{
    margin-left: -11px; top: -39px;
    background-position: -5px center;
    /*background-color: #6D714E;*/
    opacity: 0.8;
}

.home #pageBlock0{
    display: none;
}
.home #pageBlock1 {
    background: #ffffff; margin-top: -75px; height: auto; padding-top: 60px;
}
.home #pageBlock1 .page-block-name{    
    display: none;
}

.home #pageBlock1::before{
    position: absolute; left: auto; left: 50%; margin-left: -15px; top: -16px; width: 30px; height: 60px; content: ' '; background-color: #6D714E; background-image: url(../img/btns/navigate/next.svg); background-position: -5px center; background-repeat: no-repeat; background-size: 36px;
    border-top-right-radius: 30px; border-bottom-right-radius: 30px;
    transform: rotate(90deg); cursor: pointer;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.home #pageBlock1:hover::before{
    opacity: 0.5;
}


.block.methods{
    width: 100%; margin: 0px; padding: 0px;
}
.block.methods .block-image{
    width: 40%; float: right; padding: 0px;
}
.block.methods .block-caption{
    width: 60%; float: left; padding-top: 10px;
}
.block.methods .block-caption .block-ttl,
.block.methods .block-caption .block-txt{
    padding: 0px;
}
.block.methods .block-caption .block-ttl h2{
    color: #433E28;
}
.page-block-caption .page-block-txt h4{
    margin: 0px; padding: 0px; font-size: 16px;
    font-family: headfont; text-transform: none; color: #6D714E;
}
.light .page-block-caption .page-block-txt h4{
    color: #ffffff;
}

.manifesto #pageBlock1{
}
.manifesto #pageBlock1 .page-block-name h1, #pageBlock1 .page-block-ttl h1{
    text-align: center;
}

.manifesto .page-block-module{
    padding-top: 45px; 
    padding-bottom: 45px; margin: 0 auto; float: none; max-width: 1000px;
}
.manifesto.block{
    width: 100%; margin: 0px!important; padding: 0px;
}
.manifesto.block::after{
    display: block; float: left; margin: 0px; content: '';
    background: url("../img/frame/arrow.png"); background-repeat: no-repeat; margin-top: -40px;
    width: 80%; height: 120px; background-position: center; background-size: contain; background-repeat: no-repeat;
}
.manifesto.block:nth-of-type(2n)::after{
    float: right;  margin-right: 10%;
    background: url("../img/frame/arrow-mirror.png");background-position: center right; background-repeat: no-repeat; background-size: contain; 
}
.manifesto.block:nth-of-type(10)::after{
     display: none;
}
.block.manifesto .block-image{
    width: 30%; float: left; padding: 30px 0px 0px 0px; text-align: center;
    color: #F5F5F5; font-family: 'headfont'; font-size: 60px;
    margin-top: -20px;
}
.block.manifesto .block-caption{
    width: 70%; float: right; padding-top: 10px;
}
.block.manifesto:nth-of-type(2n) .block-image{
    float: right; margin-top: -20px;
}
.block.manifesto:nth-of-type(2n) .block-caption{
    float: left;
}
.block.manifesto .block-caption .block-ttl h2{
    font-size: 22px;
}


#container {
    width: calc(100%);
    height: calc(100vh - 90px)!important;
    border: 0px;
    border-top: 1px solid #6D714E;
    border-left: 1px solid #6D714E;
    top: 0px; left: 0px; position: relative; float: left;
}
#flexcanvas{
    width: 100%;
    height: 100vh !important;
}
.rowParent, .columnParent{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.columnParent{
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flexChild{
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    border-bottom: 1px solid #6D714E;
    border-right: 1px solid #6D714E;
    
    
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease;
    
    background-color:rgba(69,91,83,0);
    overflow: hidden;
}
#block_1:hover,
#block_2:hover,
#block_3:hover,
#block_4:hover,
#block_5:hover,
#block_6:hover,
#block_7:hover{
    background-color:rgba(69,91,83,0.8);
}
#block_2 .page-block,
#block_4 .page-block,
#block_6 .page-block,
#block_7 .page-block{
    opacity: 0.3; pointer-events: none;
}
#block_2::after,
#block_4::after,
#block_6::after,
#block_7::after{
    position: absolute; left: 50%; top: auto; bottom: -28px; width: 100px; margin-left: -50px; height: 28px; content: 'coming soon'; background-color: #363221; line-height: 28px;
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease; opacity: 0; color: #ffffff; font-size: 12px; text-align: center;
}
#block_2:hover::after,
#block_4:hover::after,
#block_6:hover::after,
#block_7:hover::after{
    opacity: 1; bottom: 0px;
}
#pageBlockPage .flexChild .page-block{
    padding: 0px 15px; margin: 0px; width: 100%;
    position: absolute; top: 50%; left: 0px; margin-top: -20px;
}
#pageBlockPage .flexChild .page-block-caption,
#pageBlockPage .flexChild .page-block-caption .page-block-ttl,
#pageBlockPage .flexChild .page-block-caption .page-block-txt,
#pageBlockPage .flexChild .page-block-link{
    padding: 0px; margin: 0px; width: 100%;
}
#pageBlockPage .flexChild .page-block-caption .page-block-ttl h2,
#pageBlockPage .flexChild .page-block-caption .page-block-ttl.ttl-only h2,
#pageBlockPage .flexChild .page-block-caption .page-block-ttl h2 a,
#pageBlockPage .flexChild .page-block-caption .page-block-ttl.ttl-only h2 a{
    font-size: 10px; padding: 0px; margin: 0px; width: 100%;
    color: #ffffff;
}
#pageBlockPage .flexChild .page-block-caption .page-block-txt p{
    color: #ffffff;
}

#pageBlockPage #block_1.flexChild .page-block{
    padding: 0px 30px; margin-top: -60px;
}
#pageBlockPage #block_1.flexChild .page-block-caption .page-block-ttl h2 a,
#pageBlockPage #block_1.flexChild .page-block-caption .page-block-ttl.ttl-only h2 a{
    font-size: 40px;    
}

.block_container{
    border: 0px;
}

@media(max-width:768px) {
    .home #pageBlockPage::before{
        height: 50%; content: ''; background-size: cover; width: 70%;
    }
    #container{
        flex-direction:column;
        height: calc(200vh - 120px) !important;
    }

    
}

.page-block-intro p{
    text-align: center;
}
.page-block-intro h3{
    text-align: center; padding: 0px; margin: 0px; color: #433E28;
}

.page-block-page_image.fairchain-model{
    padding: 0px 0px 15px 0px;
}
#pageblockfairchain-model .page-block-image{
    display: none;
}


#this-is-who-we-are .page-block-image{
    display: none;
}


@media(min-width:700px) {

    #this-is-who-we-are .page-block-image{
        display: block;
    }

    #make-a-difference .page-block-image{
		 float: left;
    }
.page-block-page_image.fairchain-model{
        display: none;
}
    #pageblockfairchain-model .page-block-image{
        display: block;
    }
    
    /*#pageblockfairchain-model .page-block-caption{
        width:100%;
    }
    #pageblockfairchain-model .page-block-caption .page-block-ttl {
        width:50%; padding-right: 30px; float: left; margin: 0px;
    }
    #pageblockfairchain-model .page-block-caption .page-block-txt{
        width:50%; float: left; margin: 25px 0px 0px 0px;
    }*/
    #pageblockfairchain-model .page-block-module{
        max-width: 900px; float: none; margin: 0 auto;
    }
    .block.methods .block-image{
        margin-right: 30%;
    }
    
    .block.methods .block-caption{
        position: absolute; top: 40px; left: 0px; width: 30%; text-align: right!important; padding: 0px 30px 0px 0px;
    }
    .block.methods .block-caption .block-ttl h2{
        text-align: right;
    }
    .block.methods:nth-of-type(2n) .block-caption{
        left: 70%; text-align: left!important; padding: 0px 0px 0px 30px;
    }
    .block.methods:nth-of-type(2n) .block-caption .block-ttl h2{
        text-align: left;
    }
    
    
    .block.manifesto .block-image{
        margin-right: 40%; font-size: 80px; text-align: center; margin-top: 45px!important; margin-bottom: 45px!important;
        float: right; width: 20%;
    }
    .block.manifesto:nth-of-type(2n) .block-image{
        margin-left: 40%; float: left; margin-right: 0px;
    }
    
    
    .block.manifesto .block-caption{
        position: relative; top: 0px; left: 0px; width: 40%; text-align: left!important; padding: 0px 30px 0px 0px;
    }
    .block.manifesto .block-caption .block-ttl h2{
    }
    .block.manifesto:nth-of-type(2n) .block-caption{
        text-align: left!important; padding: 0px 0px 0px 30px; float: right;
    }
    .block.manifesto:nth-of-type(2n) .block-caption .block-ttl h2{
        text-align: left;
    }
    

    .manifesto.block{
        background: none; margin-top: 30px!important;
    }
    .manifesto.block:nth-of-type(10){
        margin-bottom: 60px!important;
    }
    .manifesto.block::after{
        position: absolute;
        width: 50%; top: auto; bottom: -100px; left: 0%;
    }
    .manifesto.block:nth-of-type(2n)::after{
        left: 35%; bottom: -120px;
    }
    
    
    #work-together .page-block-caption,
    #work-together .page-block-caption .page-block-ttl,
    #work-together.page-block.light .page-block-caption .page-block-txt{
        width: 100%;
    }
    #work-together.page-block.light .page-block-caption .page-block-txt{
        width: 100%; padding-top: 0px!important;
    }
    #work-together,
    #work-together .page-block-caption .page-block-ttl h2,
    #work-together p,
    #work-together h4{
        text-align: center!important; width: 100%!important;
    }
    #work-together{
        margin-bottom: 45px;
    }

    
}
@media(min-width:768px) {
    
    #navblock .page-block-module{
        padding: 30px 15px 0px 15px;
    }
    .block.navblocks{
        width: 50%; padding: 15px!important; margin: 0px!important;
    }
    .block.navblocks .block-caption{
        bottom: 15px;    
    }
    .block .block-caption .block-ttl{
        padding: 5px 5px 0px 5px;
    }

    .block.navblocks .block-caption .block-ttl h2,
    .block.navblocks .block-caption .block-ttl h2 a{
        font-size: 18px;
    }
    #block44{
        overflow: hidden;
    }
    #block44 .block-image{
        margin-top: 0px;
    }
    #block42{
        width: 50%;
        padding: 15px 30px 15px 15px;
    }
    #block42.block .block-caption .block-ttl{
        padding: 5px 0px 0px 0px;
    }
    #block45{
        width: 50%;
        padding: 15px 15px 15px 30px;
    }
    
    .block.methods .block-caption{
        top: 60px;
    }

}
@media(min-width:991px) {
    
    #pageBlock1{
        padding-bottom: 0px!important;
    }
    
    #pageBlockPage #block_1.flexChild .page-block{
        width: 500px; left: 50%; margin-left: -250px;
    }
    #pageBlockPage .flexChild .page-block-caption .page-block-ttl h2,
    #pageBlockPage .flexChild .page-block-caption .page-block-ttl.ttl-only h2,
    #pageBlockPage .flexChild .page-block-caption .page-block-ttl h2 a,
    #pageBlockPage .flexChild .page-block-caption .page-block-ttl.ttl-only h2 a{
        font-size: 18px;
    }
    
    .block.methods .block-caption{
        top: 75px;
    }
    .block.methods .block-caption .block-txt p{
        font-size: 16px;
    }
    .contact #pageBlock1{
        width: 40%; margin-bottom: 100px; padding-right: 0px!important;
    }
    .contact #pageBlock1 .page-block-caption{
        width: 100%;
    }
    .contact .page-block.map{
        width: 60%;
    }
    #map2{
        height: 400px;
    }
    
    #navblock{
        padding: 30px 0px!important;
    }
    
    #navblock .page-block-module{
        padding: 30px 15px 0px 15px; width: 940px; float: none; margin: 0 auto;
    }
    .block.navblocks{
        width: 50%; padding: 15px!important; margin: 0px!important;
    }
    .block.navblocks .block-caption{
        bottom: 15px;    
    }
    #block41{
        float: right; margin-bottom: 45px!important;
    }
    #block44{
        overflow: hidden; margin-top: 15px!important;
    }
    #block44 .block-image{
        margin-top: -243px;
    }
    #block42{
        width: 25%;
        padding: 15px 30px 15px 15px;
    }
    #block42.block .block-caption .block-ttl{
        padding: 5px 0px 0px 0px;
    }
    #block45{
        width: 25%;
        padding: 15px 15px 15px 30px;
    }
    
    
    #join.page-block.light .page-block-caption{
        width: 100%;
    }
    #join.page-block.light .page-block-caption .page-block-ttl{
        width: 40%; float: left;
    }
    #join.page-block.light .page-block-caption .page-block-txt{
        width: 60%; float: right; margin-top:30px;
    }
    #join.page-block.light .page-block-link {
        width: 60%; float: right; margin-top:0px; padding-left: 15px;
    }
    
}
@media(min-width:991px) {
    .no-pageblock0 {
        min-height: 200px;
    }
}

#footer_text,
#newsletterblock{
   border-left:1px solid #ffffff; padding-left: 0px; margin-top: 30px;
}
#footer_text{
    padding-left: 30px; height: 100%; padding-bottom: 30px;
}
#newsletterblock #form_newsletter_container{
    padding-left: 15px;
}

#newsletterblock .page-block-ttl{
    padding-bottom: 10px;
}
#newsletterblock  #form_newsletter_container h2{
    margin-bottom: 30px;
}
#footer_text h2{
    margin-bottom: 15px;
}


.for-businesses #pageBlock1 .page-block-name h1, .for-businesses #pageBlock1 .page-block-ttl h1,
.our-approach #pageBlock1 .page-block-name h1, .our-approach #pageBlock1 .page-block-ttl h1,
.contact-us #pageBlock1 .page-block-name h1, .contact-us #pageBlock1 .page-block-ttl h1,
.for-farmers #pageBlock1 .page-block-name h1, .for-farmers #pageBlock1 .page-block-ttl h1,
.facts #pageBlock1 .page-block-name h1, .facts #pageBlock1 .page-block-ttl h1,
.about #pageBlock1 .page-block-name h1, .about #pageBlock1 .page-block-ttl h1{
    text-align: center!important; padding: 15px 0px 0px 0px!important;
}
.for-businesses #did-you-know .page-block-image{
    width: 100%; text-align: center;
}
.for-businesses #did-you-know .page-block-image img{
    max-width: 500px; display: inline-block; float: none;
}


#pageblockteam.page-block .page-block-caption{
    width: 100%!important;
}
#pageblockteam.page-block .page-block-caption .page-block-ttl h2 {
    text-align: center;
}
#pageblockteam.page-block .block.team{
    margin-bottom: 0px;
}
#pageblockteam.page-block .block.team .block-caption {
    padding: 0px 5px;
}
#pageblockteam.page-block .block.team .block-caption .block-ttl,
#pageblockteam.page-block .block.team .block-caption .block-txt {
    padding: 5px 0px 0px 0px;
}
#pageblockteam.page-block .block.team .block-caption img {
    width: 25px; position: absolute; top: 5px; left: auto; right: 5px;
}

#regenerative-agriculture .page-block-caption .page-block-txt h3{
    margin-bottom: 5px;
}
@media(max-width:768px) {
    .block.team .block-image{
        width: 40%;
    }   
    .block.team .block-caption{
        width: 60%;
    }   
    #pageblockteam.page-block .block.team .block-caption img{
        position: relative; top: 0px; left: 0px; right: auto; margin-top: 5px;
    }
}

@media(min-width:600px) {
    #pageblockteam.page-block .block.team{
        width: 50%;
    }
    #management-board.page-block .page-block-image,
    #supervisory-board.page-block .page-block-image,
    #executive-team.page-block .page-block-image{
        padding-bottom: 0px; float: left!important;
    }
}
@media(min-width:768px) {
    .for-businesses #solution .page-block-caption,
    .our-approach #nnnnature .page-block-caption{
        margin-top: 30px;
    }
    .our-approach #nature .page-block-image{
        margin-top: -60px;
    }
}
@media(min-width:840px) {
    #pageblockteam.page-block .block.team{
        width: 33.33%;
    }
}
@media(min-width:991px) {
    #regenerative-agriculture.page-block.light .page-block-caption{
        width: 50%;
    }
    #regenerative-agriculture.page-block.light .page-block-caption .page-block-txt{
        width: 100%;
    }
}
@media(min-width:1100px) {
    #pageblockteam.page-block .block.team{
        width: 25%; padding-left: 10px; padding-right: 10px;
    }
    #pageblockteam.page-block .block.team .block-caption{
        height: 75px;
    }
}

@media(min-width:1100px) {
    .the-foundation #pageBlockPage{
        margin-top: -100px;
    }

}
@media(min-width:768px) {
    #newsletterblock .page-block-caption{
        width: 50%; padding-right: 45px;
    }
    #newsletterblock #form_newsletter_container{
        width: 50%; padding-right: 45px; position: relative; float: left;
    }
    
    #connecting.page-block .page-block-caption{
        width: 100%;
    }
    #connecting.page-block .page-block-caption h2,
    #connecting.page-block .page-block-caption .page-block-txt p{
        text-align: center;
    }
    #connecting.page-block .page-block-caption .page-block-txt{
        padding: 0px 10%;
    }
    
    .page-block-image img{
    }
    
}

#pageBlock0 .page-block-page_image img{
    width: 100%;
}
.block.vacatures{
    width:100%; margin-bottom: 0px; margin: 0px 0px 30px 0px; background: #F5F5F5; border: 45px solid #ffffff; border-top: 0px;
}
.block.vacatures .block-caption .block-ttl h2 a{
    color: #433E28; font-size: 24px; margin-bottom: 10px;
}
.block.vacatures .block-caption .block-txt{
    max-width: 400px;
}
.block.vacatures .block-caption .block-btns{
    padding: 10px 15px;
}
.block.vacatures .block-caption .block-btns .btn-list{
    font-size: 16px; padding: 10px;
}

@media (min-width: 991px){
.block.vacatures{
    width: 50%;
}
}


@media (min-width: 1440px){
    #navblock .page-block-module{
        padding: 30px 15px 0px 15px; width: 1050px; float: none; margin: 0 auto;
    }
    #block44 .block-image{
        margin-top: -270px;
    }
}
@media (min-width: 1440px){
.jobs .page-block-module {
    padding-top: 45px;
    padding-left: 120px;
    padding-right: 120px;
}
}



#welcome{
    width: 100%!important; height: 90vh; overflow: hidden;
    padding: 0px!important; margin: 0px;
}
#welcome .block{
    width: 100%!important; padding: 0px; margin: 0px;
    height: 90vh;
}
#welcome .page-block-module{
    padding: 0px!important;
}
#welcome .block .block-image img{
    height: 90vh; width: auto!important; margin: 0 -95% 0 0; float: right;
}

#welcome .block .page-block-caption{
    position: absolute; top: auto; bottom: 0px; left: 0px; width: 75%; padding: 10px 30px 10px 30px;
    background: rgb(0,0,0, 0);
    background: linear-gradient(90deg, rgba(115,115,115,1) 0%, rgba(115,115,115,0) 100%);
    display: none;
}
#welcome .block .page-block-caption .page-block-ttl{
     width: 100%; max-width: 450px;
}
#welcome .block .page-block-caption .page-block-ttl h2{
    color: #ffffff; font-size: 18px; margin: 0px!important; padding: 0px!important;
    font-family: transat-text, sans-serif;
    font-weight: 700;
    font-style: normal;
}
#welcome .block .page-block-caption .page-block-ttl h2 span{
    font-weight: 400;
}

.block-slide-container{
    position: absolute; width: 400px; height: 400px; left: 50%; top: auto; bottom: 90px; z-index: 1; margin: 0px 0px 0px -200px; float: none;
}
.block-slide{
    width: 100px; height: 100px; position: absolute; color: #ffffff; cursor: pointer; left: 0px; top: 0px;
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    -o-transition: all 0.8s ease;
    transition: all 0.8s ease; 
}

.block-slide h2{
}
#block0 h2{
}
.block-slide .block-caption{
    position: absolute; left: 0px; top: auto; bottom: 0px;
    width: 100%; padding: 30px 0px;
    pointer-events: none;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease; 
}
.block-slide .block-caption .block-txt h2{
    color: #ffffff;
    font-family: headfont;
    width: 100%;  text-align: center; font-size: 50px; margin: 0px 0px 60px 0px; line-height: 0.80;
}
.block-slide .block-caption .block-txt p::before{
    position: relative; float: left; width: 100%; content: ''; height: 75px; margin-bottom: 20px;
    background: url("../img/logo/logo.svg"); background-repeat: no-repeat; background-position: center; background-size: contain;display: none;
}
.block-slide .block-caption .block-txt p{
    font-family: headfont;
    color: #ffffff;
    width: 100%;  text-align: center; font-size: 22px;
}
.block-slide-progress{
    position: absolute; top: auto; bottom: 0px; left: 0px; width: 100%; height: 2px; background: #ffffff;
    opacity: 0;
}
.block-slide.active .block-slide-progress{
    display: none;
    opacity: 1;
    animation-fill-mode: forwards;
    -webkit-animation: slideprogress 8s linear;
    -moz-animation: slideprogress 8s linear;
    -ms-animation: slideprogress 8s linear;
    -o-animation: slideprogress 8s linear;
    animation: slideprogress 8s linear;
}

@media (max-width: 991px){
    
    .block-slide-container{
    }
    .block-slide{
        width: 100%; height: 100%; top: auto; bottom: 0px;
    }
    .block-slide-progress{
        height: 2px;
    }
    
}

@media all and (orientation:portrait) { 
}
@media all and (orientation:landscape) and (max-width: 991px) {
    #welcome{
        width: 100%!important; height: auto;
    }
    #welcome .block{
        height: auto;
    }
    #welcome .block .block-image img{
       height: auto; width: 100%!important; margin: 0 0 0 0;
    }
    #welcome .block .page-block-caption{
    }
    
    .block-slide-container{
        bottom: 25px;
    }
    .block-slide .block-caption .block-txt h2{
        font-size: 30px;
    }
    
    #block0,
    #block1,
    #block2{
        bottom: 15px;
    }
}


@media (min-width:600px){
    
    #welcome{
        padding-top: 0px;
    }
    #welcome{
        margin-top: 0px; margin-bottom: 0px;
    }
}

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

@media (min-width:991px){
    
    #welcome .block .page-block-caption .page-block-ttl h2{
        font-size: 26px;
    }
    #welcome{
        width: 100%!important; height: auto;
        padding: 0px;
    }
    #welcome .block{
        height: auto;
    }
    #welcome .block .block-image img{
       height: auto; width: 100%!important; margin: 0 0 0 0;
    }
    #welcome .block .page-block-caption{
    }
    #welcome .block .page-block-caption .page-block-ttl{
        max-width: 750px;
    }
    
    #welcome .block .page-block-caption .page-block-ttl h2{
        font-size: 26px;
    }
    
    
    .block-slide-container{
    }
    .block-slide{
        width: 100%; height: 100%; top: auto; bottom: 0px;
    }
    .block-slide .block-caption .block-txt h2 {
        font-size: 40px;
    }
    
    .block-slide h3{
        color: #000000; width: 100%; margin: 15px 0px;
        font-family: 'mediumfont'; text-transform: uppercase;
    }
    #block1 h3{
        color: #B58A00;
    }
    .block-slide h3::after{
        content: ''; width: 40px; height: 2px; background: #000000; display: block; margin: 15px 0px;
    }
    #block1 h3::after{
        background: #B58A00;
    }
    .block-slide .block-caption .block-txt{
        position: relative; float: left; width: 100%; top: 0px; left: 0px;
    }
    .block-slide .block-caption .block-txt p{
        font-size: 18px;
    }
    #block2.block-slide .block-caption .block-txt p{
        color: #000000;
    }
    .block-slide.active .block-caption{
        opacity: 1;
    }
    
}

@media (min-width:1280px){
    
    #welcome .block .page-block-caption{
        padding-left: 120px;
    }
    #welcome .block .page-block-caption .page-block-ttl{
    }
    #welcome .block .page-block-caption .page-block-ttl h2 {
    }
    .block-slide .block-caption .block-txt h2 {
        font-size: 65px;
    }
    .block-slide-container {
        width: 1050px;
        margin: 0px 0px 0px -525px;
    }
    
    #welcome{
        max-width: 100%;
    }
    
}
    
@media (min-width:1440px){
    
    #welcome{
        max-width: 100%; margin: 0px; left: 0px;
    }
}


p b{
    font-weight: normal; font-family: headfont;
}
.light .page-block-intro{
    padding-bottom: 0px!important;
}
.light .page-block-intro p{
    color: #ffffff;
}



.how-it-works #pageBlock1 .page-block-name h1{
    text-align: center; margin: 0 auto; max-width: 700px; float: none;
}

.how-it-works #pageblockservices .page-block-intro{
    padding-bottom: 0px!important;
}
.how-it-works #pageblockservices .block{
    padding: 10px 30px 0px 30px;
}
.how-it-works #pageblockservices .block .block-txt p{
    color: #6D714E; text-align: center;
}
.how-it-works #pageblockservices .block .block-txt p b{
    color: #433E28;
}

.block.highlights{
	padding: 0px 15px 0px 15px;
}
.block.highlights .block-image{
	text-align: center;
}
.block.highlights .block-image img{
	width: 40%; max-width: 100px; text-align: center; float: none; margin: 0 auto;
}
.block.highlights .block-ttl h2{
	text-align: center; font-size: 20px;
}
.block.highlights .block-txt p{
	text-align: center;
}

@media (min-width:600px){
    .how-it-works #pageblockservices .page-block-module{
        width: 100%; max-width: 780px; float: none; margin: 0 auto;
    }
    .how-it-works #pageblockservices .block{
        width: 50%;
    }
}
@media (min-width:991px){
	.block.highlights{
		width: 33.33%;
		}
	.block.highlights .block-ttl h2{
		margin-top: 15px;
	}
}
@media (min-width:1100px){
    .how-it-works #pageblockservices .page-block-module{
        width: 100%; max-width: 1000px; float: none; margin: 0 auto;
    }
    .how-it-works #pageblockservices .block{
        width: 25%;
    }
    .how-it-works #pageblockservices .block .block-image{
        padding: 5px 0px;
    }
    .how-it-works #pageblockservices .block .block-caption{
        padding: 0px;
    }
    .how-it-works #pageblockservices .block .block-txt{
        padding: 0px;
    }
}

#certificates{
    background-color: #433E28; background-image: url("../img/frame/certificate-green.jpg"); background-position: center center; background-size: cover;
    
}



.detail-content #pageBlock0.page-block .page-block-header-caption{
	margin: 0px; position: relative; width: 100%; top:0px; bottom: auto; left: 0px; padding: 15px!important;
}
.detail-content #pageBlock0 .page-block-header-caption .page-block-name h1,
.detail-content #pageBlock0 .page-block-header-caption .page-block-ttl h1{
	color: #433E28; padding-top: 30px;
}
.detail-content #pageBlock0 .page-block-header-caption .page-block-intro{
	padding: 5px 15px 15px 15px;
}
.detail-content #pageBlock0 .page-block-header-caption .page-block-intro h2,
.detail-content #pageBlock0 .page-block-header-caption .page-block-intro p{
	text-align: left; margin: 0px; color: #767676;
}

.case-specs.page-block .page-block-image{
	padding: 0px 0px 30px 0px;
}
.case-specs.page-block .page-block-caption .page-block-ttl{
	display: none;
}
.case-specs .page-block-caption .page-block-txt td{
	padding: 0px 5px 5px 0px;
}
.case-specs .page-block-caption .page-block-txt tr td:first-of-type{
	font-family: headfont; width: 150px!important;
}

.detail-content .page-block-page_image_after{
	margin-bottom: 0px;
}
.detail-content .page-block-caption .page-block-txt h3{
	width: 100%;
}

.image-quote,
.image-quote .page-block-page_image{
	padding: 0px 0px 0px 0px!important;
}
.image-quote .page-block-caption{
	background: #F5F5F5!important;
}

.image-quote .page-block-caption .page-block-ttl.ttl-only h2{
    margin: 0px;
    font-size: 20px;
    line-height: 1.2;
    padding: 15px 15px;
    text-align: center; color: #767676; font-family: mediumfont;
}

.page-block.center-block .page-block-caption .page-block-ttl h2,
.page-block.center-block .page-block-caption .page-block-txt p{
    text-align: center;
}
.page-block.center-block{
    text-align: center; margin: 45px 0px;
}
.page-block.center-block .page-block-image{
    width: 100%; padding: 0px 20%;
}
.page-block.center-block .page-block-caption{
    width: 100%; padding: 0px 20%;
}
.page-block.center-block .page-block-caption .page-block-ttl{
    width: 100%;
}
@media(min-width:600px) {
	.two-columns.page-block .page-block-caption{
		width: 100%;
	}
	.page-block.light.centered .page-block-caption .page-block-ttl,
	.centered.page-block .page-block-caption,
	.one-column.page-block .page-block-caption{
		width: 100%;
	}
	.centered.page-block .page-block-caption h2,
	.centered.page-block .page-block-caption .page-block-txt p{
		text-align: center;
	}
	.centered.page-block .page-block-caption h2,
	.centered.page-block .page-block-caption .page-block-txt p{
		text-align: center;
	}
	.image-quote .page-block-caption{
		position: absolute; top: auto; bottom: 30px; left: 30px;
		background: rgba(255,255,255,0.9)!important;
	}
}

@media(min-width:768px) {
	.detail-content #pageBlock0.page-block .page-block-header-caption{
		padding: 15px 30px!important;
	}
	.two-columns.page-block .page-block-caption .page-block-ttl{
		width: 30%; float: left;
	}
	.two-columns.page-block .page-block-caption .page-block-ttl h2{
		margin: 13px 0px 0px 0px;
	}
	.two-columns.page-block .page-block-caption .page-block-txt{
		width: 70%; float: left;
	}
	

	.case-specs .page-block-caption .page-block-txt td{
	}
	.case-specs .page-block-caption .page-block-txt tr td:first-of-type{
		width: 200px!important;
	}
	.case-specs.page-block .page-block-image{
		float: right; padding-right: 60px;
	}
	
	.detail-content .page-block-page_image_before{
		padding: 0px; margin: 0px;
	}
	
	.image-quote .page-block-caption{
		bottom: 45px; left: 45px;
	}
}
@media(min-width:991px) {
	.detail-content #pageBlock0.page-block .page-block-header-caption{
		padding: 15px 105px!important;
	}
	.image-quote .page-block-caption{
		bottom: 45px; left: 120px;
	}
}
@media(min-width:1280px) {
	.detail-content #pageBlockPage{
	}
	.detail-content #pageBlock0.page-block .page-block-header-caption{
		padding: 15px 150px!important; width: 1280px; margin-left: calc(50% - 640px);
	}
	.image-quote .page-block-caption{
		bottom: 45px; left: 165px;
	}
}

#proof .page-block-caption::before{
    position: absolute; top: auto; bottom:-60px; left:auto; right:0px; display: block; width: 300px; height: 300px; background: url("../img/frame/proof.svg"); background-repeat: no-repeat; background-position: center; content: ' ';
    opacity: 0.1;
}
#knowledge .page-block-caption::before{
    position: absolute; top: auto; bottom:-60px; left:0px; display: block; width: 300px; height: 300px; background: url("../img/frame/knowledge.svg"); background-repeat: no-repeat; background-position: center; content: ' ';
    opacity: 0.1;
}
#network .page-block-caption::before{
    position: absolute; top: auto; bottom:-60px; left:auto; right:0px; display: block; width: 300px; height: 300px; background: url("../img/frame/network.svg"); background-repeat: no-repeat; background-position: center; content: ' ';
    opacity: 0.1;
}


.projects #pageBlock1 .page-block-name h1{
    text-align: center;
}
.projects .detail-content #pageBlock1 .page-block-name{
    width: 100%;
    position: relative; float: left; margin-bottom: 15px;
}
.projects .detail-content #pageBlock1 .page-block-name h1{
    width: 100%;
    text-align: center; color: #6D714E;
}
.projects .detail-content #pageBlock1 .page-block-intro{
    padding-bottom: 5px;
}
.projects .detail-content #pageBlock50 .page-block-caption,
.projects .detail-content #pageBlock1 .page-block-caption{
    width: 100%;
}
.block.projects {
    padding: 0px;
}
.block.projects .block-caption .block-ttl{
    padding: 15px 15px; width: 90%; margin: 0px 5%; margin-top: -45px; background: #ffffff;
}
.block.projects .block-caption .block-ttl h2{
    font-size: 24px; line-height: 1.3em;
}

.projects .detail-content #projectquestions,
.projects .detail-content #projectdonate,
.projects .detail-content #projectupdates{
    padding: 30px 60px; background: #6D714E;
}
.projects .detail-content #projectdonate,
.projects .detail-content #projectupdates{
    background: #433E28;
}
.projects .detail-content #projectquestions .page-block-caption,
.projects .detail-content #projectdonate .page-block-caption,
.projects .detail-content #projectupdates .page-block-caption{
    width: 100%;
}
.projects .detail-content #projectquestions .page-block-caption .page-block-txt p,
.projects .detail-content #projectdonate .page-block-caption .page-block-txt p,
.projects .detail-content #projectupdates .page-block-caption .page-block-txt p{
    text-align: center;
}


@media (min-width: 768px){
    
    .block.projects {
        padding: 0px 5px;
    }
    .block.projects .block-caption .block-ttl h2{
        font-size: 18px;
    }
    
}
@media (min-width: 991px){
    
    .block.projects {
        width: 33.33%;
    }
    .block.projects .block-caption .block-ttl h2{
        font-size: 22px; text-align: center;
    }
    .projects .detail-content #projectquestions,
    .projects .detail-content #projectdonate,
    .projects .detail-content #projectupdates{
        width: 33.33%;
        width: 50%;
        padding: 30px 30px;
        height: 200px;
        height: 130px;
    }
    .projects .detail-content #projectquestions .page-block-caption .page-block-txt p,
    .projects .detail-content #projectdonate .page-block-caption .page-block-txt p,
    .projects .detail-content #projectupdates .page-block-caption .page-block-txt p{
        font-size: 20px;
    }
     
    
}
@media (min-width: 1200px){
    .projects .detail-content #pageBlock1{
        width: 65%; padding-right: 30px;
    }
    .projects .detail-content #projectspecs{
        width: 35%; padding: 15px 30px!important; margin-top: 120px;
    }
    .projects .detail-content #projectspecs  .page-block-caption{
        width: 100%; padding: 0px;
    }
    .projects .detail-content #projectspecs .page-block-caption .page-block-ttl{
        width: 100%;
    }
}

.lib-links{
	margin-top: -30px; padding-top: 0px!important;
}
.lib-links .page-block-caption{
	width: 100%!important;
}
.lib-link{
	width: 100%; margin: 5px 0px; position: relative; float: left;line-height: 30px; text-decoration: none; padding-left: 45px;
}
.lib-link::before{
	position: absolute; float: left; width: 30px; height: 30px; border-radius: 50%; background: #6D714E;
	color: #ffffff; content: '?'; text-align: center; left: 0px;
	font-family: 'headfont'; line-height: 30px; margin-right: 10px;
}


.lib-links-container{
	margin-top: -30px; padding-top: 0px!important;
}
.lib-links-container h2.lib-ttl{
	background: #767676; padding: 15px; color: #ffffff;
}
.lib-links-container h2.lib-ttl::before{
	position: absolute; float: left; width: 30px; height: 30px; border-radius: 50%; background: #767676;
	color: #ffffff; content: '?'; text-align: center; left: 0px;
	font-family: 'headfont'; line-height: 30px; margin-right: 10px; font-size: 15px; display: none;
}
.lib-links-container .page-block-caption{
	width: 100%!important;
}
.block.liblink{
	width: 100%; margin: 0px; padding: 0px 0px 15px 40px;
}
.lib-links-container h3{
	 padding: 0px 0px 15px 0px; color: #433E28; position: relative; float: left; width: 100%;
}
.block.liblink .block-caption .block-ttl h2 a:hover{
	text-decoration: underline; color: #433E28;
}


.lib-links-container h3.publications{
	background: url("../img/frame/publication.png"); background-repeat: no-repeat; background-size: contain; background-position: center left; padding-left: 60px; padding-top: 12px;
}
.lib-links-container h3.books{
	background: url("../img/frame/book.png"); background-repeat: no-repeat; background-size: contain; background-position: center left; padding-left: 60px; padding-top: 12px;
}
.lib-links-container h3.documentaries{
	background: url("../img/frame/documentary.png"); background-repeat: no-repeat; background-size: contain; background-position: center left; padding-left: 60px; padding-top: 12px;
}
.lib-links-container h3.videos{
	background: url("../img/frame/video.png"); background-repeat: no-repeat; background-size: contain; background-position: center left; padding-left: 60px; padding-top: 12px;
}

h3.partner-group{
    width:100%; float:left; position:relative; color: #E67735;
}
.block.partners{
    padding: 0px; margin: 0px; width: 50%;
}

#ourwork {
    padding: 30px 0px!important;
}

#ourwork.page-block .page-block-caption{
    width: 100%;
}
#ourwork.page-block .block-image{
    position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;
    background-size: cover; opacity: 0.2;
}


#ourwork .page-block-module{
    padding: 0px 15px 60px 15px!important;
}

.block.reports .block-caption .block-ttl h2{
    text-align: center; font-size: 24px;
}
.block.reports .block-caption .block-ttl h2 a{
    color: #ffffff;
}
.block.reports {
    width: calc(100% - 30px); background: #6D714E; margin: 10px 15px;
}
.block.reports:nth-of-type(2) {
    background: #433E28;
}
@media(min-width:600px) {
    .block.partners{
        width: 33.33%;
    }
    .block.reports{
        width: calc(33.33% - 30px);
    }
}
@media(min-width:991px) {
    .block.partners{
        width: 25%;
    }
    .block.reports{
        width: calc(33.33% - 30px); min-height: 130px; padding-top: 45px;
    }
    .block.reports:nth-of-type(2) {
        padding-top: 30px;
    }
}
@media(min-width:1280px) {
    .block.partners{
        width: 20%;
    }
}
.btn-primary[disabled]{
    background: #dddddd; border-color:#dddddd;
}

.lib-img{
    width: 50%; max-width: 220px; float: left; margin: 0px 15px 15px 0px;
}
/*#liblink_309{
    background: #6D714E; padding: 30px; margin: 10px 0px; width: calc(100% - 45px); float: right;
}
#liblink_309 .block-caption .block-ttl h2{
    text-align: center; text-transform: uppercase;
}
#liblink_309 .block-caption .block-ttl h2 a{
    color: #ffffff;
}*/
 /*

Groen: 6D714E
Donker groen: 6D714E
Oranje: 433E28
Donker oranje: 363221
Grijs: F5F5F5
Donker grijs: 9D9D9D
Wit: ffffff

regularfont
mediumfont
headfont

*/
#donate-now .page-block-caption{
	width: 100%!important; display: none;
}

#status_balk{
	

	width: 100%; background: #ffffff; border-radius: 5px; padding: 30px; 
	position: relative; top: 0px; left: 0px; margin: 0px 0px 30px 0px;
}
#status_balk_container{
	position: relative; top: 0px; left: 0px; margin: 20px 0px 15px 0px;
	width: 100%; background: #a1a681; height: 10px;
}
#status_balk_done{
	position: absolute; left: 0px; top: 0px;
	background: #363221; height: 10px;
}
#status_balk h3{
	position: relative; top: 0px; left: 0px; margin: 0px 0px 0px 0px; padding: 0px;
}
#status_balk h3 small{
	color: #363221; font-size: 2em; 
}
#status_balk h3 span{
	color: #363221;
}
#status_balk h4{
	position: relative; top: 0px; left: 0px; margin: 10px 0px 0px 0px; padding: 0px;
	text-transform: none; color: #6D714E; font-size: 14px;
}

.span-step{
    background: #6D714E; color: #ffffff; font-family:headfont; border-radius: 50%; width: 30px; height: 30px; margin: 0px 10px; padding: 0px; position: relative; float: left; text-align: center; line-height: 30px;
}
#donate-now h4.panel-title{
    position: relative; line-height: 30px; height: 30px; margin: 5px 0px; font-family: headfont; color: #363221;
    text-transform: none; font-size: 14px; width: 100%;
}
#donate-now h4.panel-title a .glyphicon-menu-down{
    display: none!important; position: absolute; top: 7px; left: auto; right: 15px;
}
#donate-now h4.panel-title a .glyphicon-menu-up{
    display: block!important;position: absolute; top: 7px; left: auto; right: 15px;
}
#donate-now h4.panel-title a.collapsed .glyphicon-menu-down{
    display: block!important;
}
#donate-now h4.panel-title a.collapsed .glyphicon-menu-up{
    display: none!important;
}

#donate-now .form-control{
    border: 1px solid #9D9D9D!important; width: 260px;
}
#donate-now .input-label{
    font-family: headfont; color: #363221;
    text-transform: none; font-size: 14px; width: 100%; text-align: left;
}

#step1 .input-label{
    text-align: center;
}
#donatepurpose{
    position: relative; float: none; margin: 0 auto; margin-top: 15px; margin-bottom: 15px;
}
#btntostep2{
    position: relative; float: none; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; display: block;
    width: 180px;
    color: #ffffff; border:1px solid #6D714E; background: #363221;
}


#step1 .input-label{
    text-align: center;
}
#step1 .input-label-2{
    margin-top: 15px;
}
.amount-selecter{
    position: relative; float: none; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; width: 260px;
}
.donation-amount{
    position: relative; float: none; margin: 0 auto; margin-top: 5px; margin-bottom: 5px; width: 120px;
    border:1px solid #6D714E; border-radius: 15px; height: 30px; display: block; text-align: center; text-decoration: none;line-height: 30px; font-family:mediumfont;
}
.donation-amount:hover{
    background: #6D714E; color: #ffffff; text-decoration: none;
}

#donate-now #manualamount{
    width: 225px;
}
#d_amount_summary{
    background: #6D714E; color: #ffffff; text-decoration: none; text-align: center; padding: 5px 10px;
    font-family: headfont;
}
#d_amount{
    font-size: 18px;
}
#btntostep2{
    position: relative; float: none; margin: 0 auto; margin-top: 25px; margin-bottom: 15px; display: block;
    width: 180px;
    color: #ffffff; border:1px solid #6D714E; background: #363221;
}


#form_donate_container{
    position: relative; float: none; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; width: 260px;
}
#step2 .input-label{
    font-size: 11px;
}
#step2 .input-label-2{
    margin-top: 15px; text-align: center; margin-bottom: 15px;
    font-size: 14px;
}
.form-row{
    position: relative; float: left; width: 100%; padding: 0px; margin: 0px;
}
@media(min-width:768px) {
    #form_donate_container{
        width: 560px;
    }
    .form-row{
        width: 50%; padding: 0px 10px;
    }
    .form-row-btn{
        width: 100%;
    }
}

#step2 #form_contactsubmit{
    position: relative; float: none; margin: 0 auto; margin-top: 15px; margin-bottom: 15px; display: block;
    width: 180px; padding: 10px 25px 10px 25px!important; text-align: center;
    color: #ffffff; border:1px solid #6D714E; background: #363221;
}


.has-error{
    color: #D4070A!important;
}


.page-block.donate{
    background:#433E28;
}
.page-block.donate .basic-page-block-link{
    text-align: center; padding: 0px; margin: 0px;
}

.annual-reports #pageBlock1 .page-block-name h1{
    text-align: center;
}
.annual-reports #pageBlock1 .page-block-caption{
    text-align: center; width: 100%!important;
}