.flex{display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap; }

.bit-1{width:100%; float:left;}


.btn.green{background:#638351; border-radius:100px; color:#fff; display:inline-block; border:none!important }
.btn.grey{background:#efefef; border-radius:100px; color:#000; display:inline-block;border:none!important  }
.btn.l_btn{font-size:17px; padding: 10px 35px; }

.banner:after{padding-bottom: 18%; display:block; content:"";}

.category{line-height:1.8}

.category h1{font-size:30px;}
.category h2{font-size:30px; color:#638351}

.category .categorieen ul{width:calc(100% + 10px); margin: 0 -5px; font-size:0; padding-inline-start: 0px; margin-bottom: 50px;}
.category .categorieen ul li{width: calc(33.33% - 10px ); font-size:23px; margin: 0 5px 10px; border-radius:25px; background:#638351; overflow:hidden; color:#fff; display:inline-block; box-shadow:-2px 1px 7px rgb(0 0 0 / 10%)}
.category .categorieen ul li .cat_btn{display:block; color:#fff; }
.category .categorieen ul li .image{width: 83px; height:100px; padding: 10px; background:#fff; position:relative;}
.category .categorieen ul li .image .inner{position:absolute; height:80%; width:80%; top:10%; left:10%;}


.category .categorieen ul li .title_cat{width:calc(100% - 100px); color:#fff; padding: 10px 20px; margin-bottom:0; line-height:1.2}

.category .categories{width:calc(100% + 10px); margin: 50px -5px; font-size:0; display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;}
.category .categories .item{width: calc(50% - 10px ); margin: 0 5px 10px; padding: 15px; border-radius:25px; background:#fff; overflow:hidden; color:#000; display:inline-block; box-shadow:-2px 1px 7px rgb(0 0 0 / 10%)}
.category .categories .item .image{width: 100px; height: 150px;  margin-right: 20px;  padding: 10px; background:#fff; position:relative;}
.category .categories .item .image .inner{position:absolute; height:100%; width:100%; top:0; left:0;}
.category .categories .item .text{width:calc(100% - 120px); }
.category .categories .item .title_item{line-height:1.2;  font-size:23px; margin-bottom: 30px;}
.category .categories .item .price{color:#638351; font-size:20px;}
.category .categories .item .btn{background:#638351; font-size:15px; padding: 5px 35px; border-radius:100px; color:#fff}

.product{line-height:1.8}
.product h1{font-size:30px; margin-bottom: 1em;}
.product h2{font-size:30px; color:#638351}
.product .left{width:calc(50% - 50px); float:left; margin-right:50px;}
.product .images {width:calc(100% + 10px); margin: 0 -5px 30px; font-size:0; }
.product .images .image {padding: 30px; width:calc(33.333% - 10px); display:inline-block; margin: 0 5px 10px; box-shadow:-2px 1px 7px rgb(0 0 0 / 10%); border-radius:25px; background:#fff;  }
.product .images .image .inner:after{content:""; padding-bottom:100%; display:block;}

.product .images .image:first-of-type{ width:calc(100% - 10px);}
.product .right{width:calc(50%); float:right;}

.product .block{background:#f4f4f4; border-radius:25px; padding: 25px 35px; margin-bottom:30px}
.product .block .block_title{font-weight:700; font-size:150%}
.product .block ul{list-style:none; padding-inline-start: 0px; font-weight:700}
.product .block ul li{border-bottom:1px solid #cccccc; padding: 5px 0}
.product .block ul li:last-of-type{border-bottom:none}
.product .block ul li span{width:100px; margin-left:0px; display:inline-block;}

.product .block.downloads a{padding-right:40px; display:block; position:relative;}
.product .block.downloads a:after{content:"\f019"; font-family:"Font Awesome 6 Pro"; font-weight:900; position:absolute; right:0;}

.product .hire_date_block{margin-bottom:30px}
.product .hire_date_block .adb_block{width:49%}
.product .hire_date_block .adb_block input{background:#f4f4f4; border:none; border-radius:100px; padding: 23px 25px; font:inherit; color:inherit}

.product .subprice{font-weight:700; font-size:21px;}
.product .amount{font-weight:700; font-size:21px;}
.product .amount span{font-weight:400; font-size:16px;}
.product .price .btn{padding:10px 35px; margin-top: 20px; font-size:17px; }

.product .product_accessoire_block{background:#f4f4f4; border-radius:25px; padding: 25px 35px; margin-bottom: 20px;}
.product .product_accessoire_block .ptc_title{font-size:25px; font-weight:700;}
.product .close_buy_pop{display:none}
.product .accesoire_item{width: 33.333%; padding: 0 5px 10px; display:inline-block; position:relative;}
.product .accessoire_img{position:relative;}
.product .accessoire_img:after{padding-bottom:100%; display:block; content:""; }
.accessoire_title{font-weight:700; margin-top:5px;}
.product .accessoire_checker {
    float: left;
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 20px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #eeeeee;
    position: absolute;
    right: -5px;
    top: -5px;
    color: #eeeeee;
}
.accessoire_price {
    float: left;
    width: auto;
    padding: 2px 7px;
    line-height: 14px;
    font-size: 9px;
    color: #fff;
    background: #638351;
    position: absolute;
    left: -1px;
    bottom: -1px;
    text-align: center;
    border-radius: 0 4px 0 0;
}
.accesoire_item input {
    display: none;
}

input:checked + .accessoire_checker {
    background: #638351;
    color: #fff;
    border-color: #638351;
}


.related_items .related_list{width:calc(100% + 10px); margin: 50px -5px; font-size:0; display: flex;
    align-items: stretch;
    justify-content: space-between;
    flex-wrap: wrap;}
.related_items .related_list .item{width: calc(50% - 10px ); margin: 0 5px 10px; padding: 15px; border-radius:25px; background:#fff; overflow:hidden; color:#000; display:inline-block; box-shadow:-2px 1px 7px rgb(0 0 0 / 10%)}
.related_items .related_list .item .image{width: 100px; height: 150px;  margin-right: 20px;  padding: 10px; background:#fff; position:relative;}
.related_items .related_list .item .image .inner{position:absolute; height:100%; width:100%; top:0; left:0;}
.related_items .related_list .item .text{width:calc(100% - 120px); }
.related_items .related_list .item .title_item{line-height:1.2;  font-size:23px; margin-bottom: 30px;}
.related_items .related_list .item .price{color:#638351; font-size:20px;}
.related_items .related_list .item .btn{background:#638351; font-size:15px; padding: 5px 35px; border-radius:100px; color:#fff}

@media only screen and (max-width: 1100px) {
	.category .categorieen ul li{width: calc(33.333% - 10px );
	
}
@media only screen and (max-width: 900px) {
.category .categorieen ul li{font-size:20px;}
.category .categories .item .title_item{font-size:20px;}
.category .categories .item .price{font-size:18px;}
.product .left .images .image { width:calc(50% - 10px); padding: 10px;}
.product .block {    padding: 25px 20px;}
.product .product_accessoire_block{    padding: 25px 20px;}
}


@media only screen and (max-width: 800px) {
	.category .categorieen ul li{width: calc(50% - 10px );}
	.category .categories .item{width: calc(100% - 10px );}
	.related_items .related_list .item{width: calc(100% - 10px );}
	
	.product .left{width:calc(100%); float:none; margin-right:0px; margin-top:40px;}
	.product .right{width:calc(100%); float:none;}
}


@media only screen and (max-width: 600px) {
	.category .categorieen ul li{width: calc(100% - 10px );}
	.product .images .image { width:calc(50% - 10px); padding: 10px;}
}


@media only screen and (max-width: 450px) {
	.category .categories .item .text{width:calc(100%); }
	.related_items .related_list .item .text{width:calc(100%); }
	
	.product .price .btn {    padding: 10px 30px;    margin-top: 20px;    font-size: 15px;}
	.btn.l_btn {    font-size: 15px;    padding: 10px 30px;}
}