.LogoStyle {
    
    position: absolute;
    left: 2%;
    width: 15%;
    top:5px;
    height: auto;
    bottom:5px;
    background-color: transparent;
    background-position:top;
    background-size:contain;
    background-repeat:no-repeat;
    
}

.NameStyle {

    position: absolute;
    left: 17%;
    top:5px;
    width: 80%;
    height: 50%;
    line-height: 60%;
    font-size: 4vh;
    font-family: "Source Sans Pro";
    font-weight: 300;
    color: rgba(255, 255, 255,0.75);
    /*letter-spacing: 2px;*/
}


.ButtonHeader {
    float: left;
    left: 0px;
    width: 24%;
    height: 100%;
    line-height: 60%;
    font-size: 3vh;
    font-family: "Source Sans Pro";
    font-weight: 200;
    color: rgba(255, 255, 255,0.75);
    /*letter-spacing: 5px;*/
    border: none;
    /*border-bottom:1px solid red;*/
    background-color: transparent;
    outline: none;
    cursor:pointer;
}

.ButtonHeader:hover {
        background-color: rgba(0, 0, 0,0.25);
    }

.CoverDivStyle {

    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    
    background-size: cover;
    background-position: center;

    /*transition: height 2s;
    -webkit-transition: height 2s;*/

}

.CoverTextStyle {
    position: inherit;
    top: calc(80% - 8vw);
    left: 3vw;
    width: 30vw;
    height: 5vw;
    line-height:8vw;
    font-size: 2vw;
    font-weight:200;
    font-family: "Source Sans Pro";
    color: rgba(255, 255, 255,0.95);
    background-color: rgba(0, 0, 0, 0.45);
    text-align: center;
    font-stretch:expanded;
    
}


/*contact pagina*/

.ContactDivStyle {
    position: inherit;
    top: calc(76vh + (11*13vw) + 330vh);
    left: 0px;
    width: 100%;
    height: 90vh;
    font-weight: 200;
    background-color: white;
    /*transition: top 2s;
    -webkit-transition: top 2s;*/
    display: block;
}

.ContactAStyle {
    position: inherit;
    font-size: 3vh;
    font-family: "Source Sans Pro";
    color: black;
    margin-left: 2vw;
}



/*firma pagina*/

.FirmaDivStyle {

    position: inherit;
    top: calc(76vh + (11*13vw) + 120vh);
    left: 0px;
    width: 100%;
    height: 200vh;
    /*display: none;*/
    font-weight: 200;
    background-color: white;
    /*transition: top 2s;
    -webkit-transition: top 2s;*/
    display: block;
    

}

.FirmaHistoryStyle1 {
    font-size: 2.5vh;
    font-family: "Source Sans Pro";
    color: black;
    background-color: white;
    position: inherit;
    top: 20vh;
    left: 5vw;
    width: 45vw;
    height: 180vh;
    bottom: 5vh;
    font-weight: 300;
    overflow: auto;
    text-align: justify;
}

.FirmaHistoryStyle2 {
    font-size: 2.5vh;
    font-family: "Source Sans Pro";
    color: black;
    background-color: white;
    position: inherit;
    top: calc((48vw * ( 9 / 16)) + 5vh);
    left: 51vw;
    width: 44vw;
    height: 140vh;
    bottom: 5vh;
    font-weight: 300;
    overflow: auto;
    text-align: justify;
}


.FirmaFilmStyle {
    position: inherit;
    top: 5vh;
    width: 48vw;
    left: 51vw;
    height: calc(48vw * ( 9 / 16));
}



/*project pagina*/

.ProjectDivStyle {
    position: inherit;
    top: calc(76vh + (11*13vw) + 20vh);
    left: 0px;
    width: 100%;
    height: 90vh;
    /*display: none;*/
    font-weight: 200;
    background-color: white;
    /*transition: top 2s;
    -webkit-transition: top 2s;*/
    display: block;
    /*border-top:1px solid gray;*/
}

.ProjectSlideBackStyle {
    position: inherit;
    top: 15vh;
    bottom: 5vh;
    left: 0px;
    height: auto;
    width: 100%;
    background-color:transparent;
}

.ProjectSlideStyle {
    white-space: nowrap;
    position: inherit;
    /*margin-left:100px;*/
    /*all:initial;*/
    padding-left: 0px;
    padding-right: 0px;
    top: 0px;
    left: 5vw;
    height: 100%;
    /*width:100%;*/
    background-color: transparent;
    /*transition: left 120s;*/
    /*-webkit-transition: left 120s;*/
}

.ProjectTileStyle {
    
    white-space: normal;
    margin: 1vw;
    width: 50vw;
    top: 0px;
    bottom: 0px;
    /*height: calc(100% - 2vw);*/
    height: 85%;
    display: inline-block;
    zoom: 1;
    background-color: transparent;
    border: none;
    /*word-break: break-all;*/
}

.ProjectInfoStyle1 {
    float: left;
    width: 100%;
    height:85%;
    border-bottom:0.02vw solid red;

    /*background-position: top;
    background-size: contain;
    background-repeat: no-repeat;*/
}

.ProjectInfoStyle2 {
    float: left;
    width: 100%;
    height: 15%;
    background-color: transparent;
    color: black;
    font-size: 3.5vh;
    font-family: "Source Sans Pro";
    font-weight:300;
}

.ProjectSlideControlBox {
    position: inherit;
    top: 90%;
    left: 41%;
    height: 5%;
    width: 18%;
    background-color: transparent;
}

.ProjectSlideControl {
    /*all: initial;*/
    position: inherit;
    top:0px;

    height: 100%;
    border: none;
   
    width: 32%;
    background-color: transparent;
    color: black;
    font-size:2.5vh;
}


/*product pagina*/

.ProductDivStyle {
    position: inherit;
  
    top: 70vh;
    left: 0px;
    width: 100%;
    height: calc(6vh + (11*13vw) + 10vh);
      
    font-weight: 200;
    background-color: white;
    /*transition: top 2s;
    -webkit-transition: top 2s;*/
   
   
}

.ProductTextStyle1 {
    position: inherit;
    top: 5vh;
    left: 2vw;
    width: 24vw;
    height: 5vw;
    line-height: 5vw;
    font-size: 5vw;
    font-weight: 300;
    font-family: "Source Sans Pro";
    color: rgba(0, 0, 0,0.75);
    background-color: transparent;
    text-align: center;
}

.ProductStyle1 {
    position: inherit;
    top: 1vh;
    left: 30vw;
    width: 22vw;
    height: auto;
    line-height: 5vh;
    font-size: 5vh;
    font-weight: 300;
    font-family: "Source Sans Pro";
    color: rgba(0, 0, 0,0.75);
    background-color: transparent;
    text-align: center;
   
}



.ProductTileStyle1 {
   
    position: inherit;
    left: 0px;
    top: 0px;
    width: 22vw;
    height: calc(22vw * (9/16));
    margin-top:1vh;
    /*background-color: transparent;
    background-size: contain;
    background-repeat: no-repeat;*/
    cursor:pointer;
}

.ProductTileImgStyle1 {
    
    display:block;
    margin: auto;
    width:100%;
    height:100%;
    
}



.ProductTileText1 {

    position: inherit;
    left: 0px;
    bottom: 0px;
    height: 5vh;
    line-height: 5vh;
    width:calc(100% - 2px);
    font-size: 5vh;
    font-weight: 200;
    font-family: "Source Sans Pro";
    color: rgba(255, 255, 255,0.75);
    background-color: rgba(0,0,0,0.5);
    text-align: left;
    padding-left:2px;
   
}


/*BigScroller*/

.BigScrollStyle {
    position: absolute;
    top: 10vh;
    left: 0px;
    width: 100%;
    height: 90%;
    background-color:transparent;
    transition: top 2s;
    -webkit-transition: top 2s;
    overflow-y: scroll;
    overflow-x: hidden;
   
    
    
}




/*link troep*/

.facebookStyle:hover {
    opacity:0.75;
}

.facebookStyle {
    position: absolute;
    width: 7vw;
    height: 7vh;
    right: 1vw;
    top: 1vh;
    background-color: transparent;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.WebCreationStyle1 {
    color: rgba(0, 0, 0,1);
    position: absolute;
    height: 2.5vh;
    left: 0px;
    bottom: 2vh;
    width: 21vh;
    background-color: transparent;
    font-size: 1.5vh;
    font-family: Papyrus;
    text-align: left;
    overflow:hidden;
    padding-left:5px;
}


.WebCreationStyle2 {
    color: black;
    position: absolute;
    height: 2.5vh;
    left: 0px;
    bottom: 0px;
    width: 35vh;
    background-color:transparent;
    font-size: 2.1vh;
    font-family: "Source Sans Pro";
    font-weight: 300;
    text-align: left;
    overflow: hidden;
    padding-left: 5px;
}