/*videoJ*/

#videoJ .container {
  position: relative;
  max-width: 100%;
  margin: 0 auto;
}
#videoJ .container .plyr__poster{
    background-size: cover;
}
#videoJ .container:before{
	content:"";
	position: absolute;
	width: 200px;
	height: calc(0% + 60px);
	background: #1873d682;
	top: -29px;
	right: 0;
	transform: skewX(-37deg);
	z-index: 1;
	transform-origin: top left;
	transition: all 1.1s ease-in-out;
	-webkit-transition: all 1.1s ease-in-out;
	-moz-transition: all 1.1s ease-in-out;
	-o-transition: all 1.1s ease-in-out;
	-ms-transition: all 1.1s ease-in-out;
	opacity: 0;
}
#videoJ .container video{
    width: 100%;
    height: 600px;
    background: #010001;
}
#videoJ .plyr {
  border-radius: 4px;
  margin-bottom: 15px;
}	


#washbox02{
    position: relative;
    background: #f9f9f9;
    padding: 90px 0 180px;
}
.navbaar{
    display: flex;
    justify-content: center;
}
.navbaar h2{
    padding: 6px 28px;
    margin: 31px 5px;
    font-size: 20px;
    font-weight: 400;
    border: #2baacf 1px solid;
    border-radius: 200px;
    color: #2baacf;
}
.navbaar h2:hover , .navbaar h2.active{
    background: #2baacf;
    color: white;
}
#washbox02 .title{
    display: flex;
    flex-direction: column;
    align-items: center;
}
#washbox02 .title h2{
    font-size: 45px;
}
#washbox02 .linesh01{
    position: relative;
    display: flex;
    width: 80px;
    height: 2px;
    background: #7d7d7d;
}
#washbox02 .linesh02{
    position: relative;
    display: flex;
    width: 52px;
    height: 2px;
    background: #7d7d7d;
    margin-top: 7px;
}

#washbox02 .lonwa01 .febox{display: flex;flex-wrap: wrap;}
#washbox02 .two{opacity: 0;height: 0;}
#washbox02 .lonwa02 .febox01{display: flex;flex-wrap: wrap;}
#washbox02 .lonwa01 .phoimg{
    width: calc(33.3% - 16px);
    box-shadow: #b5b5b540 -2px 2px 5px 2px;
    margin: 8px 8px;
    display: flex;
}
#washbox02 .lonwa02 .febox01 .phoimg{
    display: flex;
    width: calc(33.3% - 16px);
    box-shadow: #b5b5b540 -2px 2px 9px 5px;
    margin: 8px 8px;
}
@media screen and (max-width: 890px){
	#videoJ .container video{
    height: 400px;
}
}
@media screen and (max-width: 480px) {
	#washbox02 .title h2{
        font-size: 33px;
    }
    #washbox02{
        padding: 48px 0 106px;
    }
    .navbaar h2{
        font-size: 15px;
    }
    #washbox02 .linesh01{
    width: 67px;
    height: 1px;
    background: #868585;
}
#washbox02 .linesh02{
    position: relative;
    display: flex;
    width: 36px;
    height: 1px;
    background: #868585;
    margin-top: 7px;
	}
	#videoJ .container video{
	    height: 283px;
	}
}