/* normal */



:root{
	--clr1: #1b1c20;
	--clr2: #bb965b;
	--clr3: #bac652;
	--border_clr : #d3d3d3;
}

* {
	margin: 0px;
	padding: 0px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	transition-duration:0.2s;
}
html,
body {
	font-family: "indivisible", sans-serif;
	font-size: 16px;
	color: var(--clr1);
	font-weight: 300;
	line-height:1.75;
	word-break: break-word;
	scroll-behavior:smooth;
}

body {
	background: #fff;
}
img {
	border: 0px;
	display: block;
	max-width: 100%;
	height:auto;
}
a{color:inherit; text-decoration: none;}

input,
select,
textarea,
button{ -webkit-appearance: none;-moz-appearance:none; appearance:none; outline: none;}
input[type="checkbox"]{-webkit-appearance: unset;-moz-appearance:unset; appearance:unset;}

ul {
	list-style: disc;
}
h1,.h1,
h2,.h2,
h3,.h3,
h4,.h4,
h5,.h5,
h6,.h6 {
	font-weight: 500; line-height:1.3;
}

h1, .h1{font-size:40px; margin-bottom:1em}
h2, .h2{font-size:24px;}
h3, .h3{font-size:22px;}
h4, .h4{font-size:20px;}
h5, .h5{font-size:18px;}
h6, .h6{font-size:16px;}

p{margin-bottom:1em}
b{font-weight:500}

.maxw1{max-width:1400px; margin:0 auto; padding: 0 15px}

.hidden{display:none!important;}
.clear{clear:both;}
.flexbox{display:flex; flex-wrap:wrap}
.flexbox.space_between{justify-content: space-between;} 
.flexbox.justify_center{justify-content: center;} 
.flexbox.align_right{justify-content: flex-end;}
.flexbox.align_center{align-items: center;}
.flexbox.align_bottom{align-items: flex-end;}
.flexbox.align_top{align-items: flex-start;}

.wrap{width:calc(100% + 24px); margin: 0 -12px}
.wrap .col25{width:calc(25% - 24px); margin: 0 12px;}
.wrap .col33{width:calc(33.3333% - 24px); margin: 0 12px;}
.wrap .col40{width:calc(40% - 24px); margin: 0 12px;}
.wrap .col50{width:calc(50% - 24px); margin: 0 12px;}
.wrap .col60{width:calc(60% - 24px); margin: 0 12px;}
.wrap .col66{width:calc(66.666% - 24px); margin: 0 12px;}
.wrap .col75{width:calc(75% - 24px); margin: 0 12px;}
.wrap .col100{width:calc(100% - 24px); margin: 0 12px;}

.center_text{text-align:center;}
.center_text ul, .center_text ol{text-align:left;}

.btn_bar{display:block; margin-top:1em;}
.btn{display:inline-flex; align-items:center; justify-content:center;  line-height:1; border:none}
.btn:hover{transform:translatey(-2px)}

.btn.round_btn{height:50px; width:50px;  font-size:24px; border-radius:100%}
.btn.clr1_white{background:var(--clr1); color:#fff;}
.btn.clr2_white{background:var(--clr2); color:#fff;}
.btn.clr3_white{background:var(--clr3); color:#fff;}

.btn.n_btn{height:50px; border-radius:22px; font-size:16px; padding: 0 30px; font-weight:500}

.btn .icon_left{display:inline-block; margin-right:10px;}
.btn .icon_right{display:inline-block; margin-left:10px;}


.table_wrap{overflow-x:auto; word-break: auto-phrase;}
.table_wrap table{border-collapse: collapse;}
.table_wrap table td{border:1px solid #ebebeb; padding:5px 10px; vertical-align:top; min-width: 200px}

.content_container ul, .content_container ol{margin-left:30px; margin-bottom:1em;}

.template.fixed{overflow:hidden;}

.mob_menu{position:fixed; top:0; right:0; height:100dvh; z-index:999; overflow:hidden; width:0}
.mob_menu.active{width:100%}
.mob_menu .menu_top{margin-bottom:20px;}
.mob_menu .inner{padding:30px 20px; background:var(--clr2); color:#fff; position:absolute; right:0; top:0; height:100%; overflow-y:scroll; width:400px; min-width:250px;max-width:100%; border-left:4px solid var(--clr1)}
.mob_menu ul{font-size:20px; list-style:none; font-weight:500}
.mob_menu ul li{margin-bottom:10px}
.mob_menu ul li.menu-item-has-children a{position:relative; display:block;}
.mob_menu ul li.menu-item-has-children a i{   position: absolute;    right: 0;    top: 50%; transform: translatey(-50%);}
.mob_menu ul li.menu-item-has-children.sub a i{transform:translatey(-50%) rotate(180deg)}
.mob_menu ul ul{font-size:90%; margin-left:10px; display:none}

.mob_menu .search_bar{margin-top:30px; width:100%;  border-radius:100px; overflow:hidden; padding: 10px 20px; background:#fff;}

.header{padding:35px 0}

.header .logo{width:210px}
.header .right_bar{width:calc(50% + 180px)}
.header .right_bar .search_bar{width:360px; border:1px solid var(--border_clr); border-radius:100px; overflow:hidden; padding: 10px 20px;}

.header .right_bar .btns .btn{margin-left:10px}
.header .right_bar .btns .shopping_btn i{display:none}
.header .right_bar .btns .menu_btn{display:none}

.menu_bar{background:var(--clr1); color:#fff; font-size:19px; font-weight:400;}
.menu_bar ul.menu li{display:inline-block; margin-right:50px}
.menu_bar ul.menu > li > a{display:block; padding:13px 15px}
.menu_bar ul.menu > li > a:hover{color:var(--clr2)}
.menu_bar ul.menu > li:first-of-type > a{padding-left: 0}
.menu_bar ul.menu li.menu-item-has-children > a:after{content:"\f107"; font-family:"Font Awesome 6 Pro"; font-weight:700; display:inline-block; margin-left:10px }
.menu_bar ul.menu ul{display:none; position:absolute; background:var(--clr1); color:#fff; z-index:9; padding-bottom:3px }
.menu_bar ul.menu li:hover ul{display:block;}
.menu_bar ul.menu ul li{display:block; margin-right:0}
.menu_bar ul.menu ul li a{display:block; padding: 5px 15px; border-left:3px solid var(--clr1);border-right:3px solid var(--clr1)}
.menu_bar ul.menu ul li a:hover{background:var(--clr2)}


.menu_bar .type_switch{background:#fff; border-radius:20px; color:var(--clr3); line-height:0;display:flex; flex-wrap:wrap}
.menu_bar .type_switch form{padding:0;display:flex; flex-wrap:wrap}
.menu_bar .type_switch .ts_btn {display:inline-block;  color:rgba(0,0,0,0.4); font-size:13px; font-weight:500; border:none; background:none; padding:6px 25px; display:flex; flex-wrap:wrap;align-items: center;    justify-content: center;}
.menu_bar .type_switch button.ts_btn{cursor:pointer}
.menu_bar .type_switch .ts_btn.active{background:var(--clr3); border-radius:20px; color:#fff}


.mob_menu .type_switch{background:#fff; border-radius:20px; color:var(--clr3); line-height:0;display:flex; flex-wrap:wrap; margin-top: 0px; max-width: 212px;}
.mob_menu .type_switch form{padding:0;display:flex; flex-wrap:wrap}
.mob_menu .type_switch .ts_btn {display:inline-block;  color:rgba(0,0,0,0.4); font-size:13px; font-weight:500; border:none; background:none; padding:6px 25px; display:flex; flex-wrap:wrap;align-items: center;    justify-content: center;}
.mob_menu .type_switch button.ts_btn{cursor:pointer}
.mob_menu .type_switch .ts_btn.active{background:var(--clr3); border-radius:20px; color:#fff}

.breadcrumbs{text-align:right; color:#acacac; font-size:90%; padding: 5px 0; margin-bottom:20px}

.usp_bar{padding:13px 0; color:rgba(0,0,0,0.6); font-weight:400}
.usp_bar .usp_slider{width:100%; overflow:hidden;}
.usp_bar .usp{margin-right:30px;     width: auto; max-width:100%}
.usp_bar .usp:before{content:"\f00c"; font-family:"Font Awesome 6 Pro"; font-weight:300; color:var(--clr3); display:inline-block; margin-right:10px}
.usp_bar .usp i{color:var(--clr3)}

.banner {margin-bottom:70px;}
.banner .text{background:var(--clr2); color:#fff;  position:relative; width:40%; padding:90px 60px 40px 0}
.banner .text:after{content:""; position:absolute; right:99%; width:50dvw; height:100%; top:0; background:var(--clr2); z-index:-1 }
.banner .text .slogan{font-size:40px; line-height:1.3}
.banner .text .slogan img{margin-bottom:1em}
.banner .text .slogan b{font-weight:500}
.banner .slider{width:60%; border-radius:0 22px 22px 0; overflow:hidden }

.category_bar {margin-bottom:70px}
.category_bar .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:22px}
.category_bar .cat_item{border-radius:22px; border:1px solid var(--border_clr); overflow:hidden;     display: grid;    grid-template-rows: subgrid; grid-row: span 2; gap:0}
.category_bar .cat_item:hover .cat_title{background:var(--clr2)}
.category_bar .cat_item .image{padding:20px; }
.category_bar .cat_item .image .inner{position:relative;}
.category_bar .cat_item .image .inner:after{content:""; padding-bottom:100%; display:block;}
.category_bar .cat_item .image .inner img{position:absolute; width:100%; height:100%; object-fit:contain}
.category_bar .cat_item .cat_title{color:#fff; background:var(--clr1);  padding:20px 30px; font-weight:500; font-size:20px ; line-height:1.3}

.home_text{background:#e9e8e8; padding:70px 0}
.home_text .logo{width:155px; margin-bottom:3em}
.home_text .text p:first-of-type{font-weight:500; color:var(--clr2); font-size:125%}
.home_text .image img{border-radius:22px; width:100%; height:100%; object-fit:cover}

.footer{background:var(--clr1); color:#fff; text-align:center; padding-top:100px; font-size:125%}
.footer .logo{margin-bottom:2em;}
.footer .logo img{ width:160px}
.footer .address a{padding: 0 10px; display:inline-block; line-height:2}
.footer .address a i{color:var(--clr2); display:inline-block; margin-right:7px}
.footer .address a:hover{color:var(--clr2)}

.footer .pattern{background-image:url(img/pat.png); background-size:900px; height:80px; width:100%; margin-top:50px;}

.footer .bottom{ padding: 20px 0; color:rgba(255,255,255,0.3); }
.footer .bottom a:hover{color:#fff}

.subpage_text{margin-bottom:70px}
.subpage_text .right > img{border-radius:20px;}

.subpage_text .left ul, .subpage_text .left ol {
	margin-left: 20px;
	margin-bottom: 20px;
}

.faq{ position:relative;}
.faq .faq_item{padding:20px 0; border-bottom:1px solid var(--clr2); }
.faq .faq_item:before{border-bottom:1px solid var(--clr2); }
.faq .faq_que{font-size:110%; font-weight:500; position:relative; cursor:pointer; padding: 0 30px 0px 0;}
.faq .faq_que:after{content:"\f107"; font-family:"Font Awesome 6 Pro"; position:absolute; right:10px; font-size:120%; transition-duration:0.2s;top: 0px; }
.faq .faq_ans{display:none; padding: 10px 0px 0 0;}
.faq .faq_item.active .faq_que:after{transform:rotate(180deg)}

.contact_block{background:var(--clr1); color:#fff; padding: 40px; border-radius:20px;}
.contact_block img{margin-bottom:2em; width:120px}
.contact_block a i{display:inline-block; width:30px; color:var(--clr2)}
.contact_block a:hover{ color:var(--clr2)}
.contact_block .opening_hours{margin-top:30px;}
.contact_block .opening_hours .day{width:50%}
.contact_block .opening_hours .hours{width:50%}

.category_page{margin-bottom:70px;}

.categories .grid{display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:22px}
.categories .product_item{border-radius:22px; border:1px solid var(--border_clr); overflow:hidden;     display: grid;    grid-template-rows: subgrid; grid-row: span 2; gap:0}

.categories .product_item .image{padding:20px; }
.categories .product_item .image .inner{position:relative;}
.categories .product_item .image .inner:after{content:""; padding-bottom:100%; display:block;}
.categories .product_item .image .inner img{position:absolute; width:100%; height:100%; object-fit:contain}
.categories .product_item .text{color:#fff; background:var(--clr1);  padding:20px 30px;  }
.categories .product_item:hover .text{background:var(--clr2)}
.categories .product_item .title{font-size:20px ; line-height:1.3; font-weight:500; margin-bottom:10px}
.categories .product_item .price{ font-size:14px; margin-bottom:5px}
.categories .product_item .price span{font-weight:500; width:50px; display:inline-block;}

.product{margin-bottom:70px}
.product .grid{display:grid; grid-template-columns:1fr 2fr; gap:22px}
.product .grid {}

.product ul li::marker {display: none}

.product ul li {	list-style-type: none}
.product .left{}
.product .left .images{display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; margin-bottom:30px; }
.product .left .image{width: 100%; border: 1px solid #5a5b5d; display:block; border-radius:20px; overflow:hidden}
.product .left .image:first-of-type{grid-column-start: 1;  grid-column-end: 4;}
.product .left .image .inner{position:relative;}
.product .left .image .inner:after{content:""; padding-bottom:100%; display:block;}
.product .left .image .inner img{position:absolute; width:100%; height:100%; object-fit:contain}

.product .right{}

.product .block{padding: 25px; margin: 0px 0 30px; width:100%; border-radius:20px }
.product .block.kenmerken, .product .block.prijzen, .product .block.downloads {background:#e9e8e8;}
.product .block.period{border: 1px solid var(--border_clr); padding: 40px 25px;}
.product .block.price{background:var(--clr1); color:#fff; position: relative;}
.product .block .title{font-weight:700; font-size:20px; color:var(--clr2); text-transform:uppercase; margin-bottom:10px;}
.product .block li{border-bottom:1px solid #999999; list-style:none; padding:5px 0 ; display:flex; flex-wrap:wrap; width:100%}
.product .block li:last-of-type{border:none;}
.product .block li span{width: 210px;}
.product .block li a{width:100%}
.product .block.downloads a{display:block; position:relative;}
.product .block.downloads i{position:absolute; right:0; top:5px;}
.product .period .date{width: 50%;  font-weight:500}
.product .period .date:nth-of-type(2){}
.product .period .date input{padding: 7px 20px 7px 40px; font: inherit; color: #707173; background: #fff url(img/calendar.png) no-repeat left 10px center; border: 1px solid #999999;     width: 100%;}
.xdsoft_disabled,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover{background:rgb(190 155 119 / 50%) !important;}
.xdsoft_other_month{opacity: 0!important;}
.product .period .date input::-webkit-input-placeholder{color: #cfcfcf; font-weight: 400;}
.product .period .date input::-moz-placeholder{color: #cfcfcf; font-weight: 400;}
.product .period .date input:-ms-input-placeholder{color: #cfcfcf; font-weight: 400;}
.product .period .date input:-moz-placeholder{color: #cfcfcf; font-weight: 400;}
.product .price .subprice{float:left; font-size:20px; font-weight:700;}
.product .price .amount{float:right; width:inherit; font-size:20px; font-weight:700;}
.product .price .amount span{font-size:16px; font-weight:400;width:inherit;}
.product .price .button{margin-top: 30px;}
.product .price .button i, .buy_popup_footer .button i {margin-right: 20px;}

.order_block{margin-top:30px;}

.qty_block{display:inline-block;vertical-align:top; background: #fff; border-radius: 30px; padding: 5px; margin: 0px 15px 0 0;}
.qty_block[data-limit="1"]{display: none;}
.qty_block a{float: left; width: 30px; height: 40px; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 18px; font-weight: bold; color:var(--clr2)}
.qty_block input{float: left; width: 40px; text-align: center; height: 40px; border-radius: 30px; border: none; background: transparent; font-size: 18px;}

.qty_info{margin: 15px 0 0;}
.qty_info span{color: var(--clr2); font-weight: bold; font-size: 140%;}

/**** Product accessoires ****/
.product_accessoire_block{margin: 0 0 20px;}
.product_accessoire_block h3{margin: 0 0 5px; padding: 0 5px;}
.accesoire_item{float: left; width: 33.3333%; padding: 20px 10px 5px; position: relative;}
.accesoire_item:hover{}
.accessoire_container{position: relative;}
.accessoire_img{border: 1px solid #999999; padding: 80% 0 0; position: relative;}
.accessoire_title{font-size: 12px; font-weight: bold; line-height: 16px; height: 32px; overflow: hidden; padding: 0 5px; margin: 5px 0 0;}
.accessoire_title a{color: #4C4C4C;}
.accessoire_title a:hover{text-decoration: underline}
.accessoire_price{float: left; width: auto; padding: 2px 7px; line-height: 14px; font-size: 9px; color: #fff; background: var(--clr2); position: absolute; left: -1px; bottom: -1px; text-align: center;}
.accessoire_price b{font-size: 11px;}
.accessoire_checker{float: left; width: 34px; height: 34px; line-height: 34px; text-align: center; font-size: 20px; background: #fff; border: 1px solid #999999; position: absolute; right: -5px; top: -5px; color: #D3D7E0}
.accesoire_item input{display: none;}
input:checked + .accessoire_checker{background: var(--clr2); color: #fff; border-color: var(--clr2)}

/**** Pop up ****/
#buy_popup{width:100%}
#buy_popup.active{width: 700px; max-width: calc(100% - 30px); position: absolute; margin: 0 auto; left: 0; right: 0; z-index: 1000;}
#buy_popup.active:before{content: "\00a0"; float: left; width: 100%; height: 100%; position: fixed; top: 0; left: 0; background: #000; opacity: 0.6;}
#buy_popup.active #buy_popup_content{display: flex; flex-direction: column; background: #fff; position: relative; z-index: 2; padding: 0;}
#buy_popup.active #buy_popup_content > .price { order: 1; border-radius: 0; margin-top: 15px; margin-bottom: 0; }
#buy_popup.active #buy_popup_content > .price .order_block { display: none; }
#buy_popup.active #buy_popup_content .close_buy_pop{width: 55px; height: 48px; line-height: 48px; display: block; font-size: 30px; background: #5a5b5d; color: #fff; text-align: center; position: absolute; top: -15px; right: -15px; z-index: 3; border-radius: 24px;}
#buy_popup.active #buy_popup_content .close_buy_pop:hover{background-color: #7a7b7d;}
#buy_popup.active #product_price_block{position: absolute; bottom: 80px; left: 0; margin: 0;}
#buy_popup.active .ppb_block{margin: 0;}
#buy_popup.active .open_add_to_cart{display: none;} 
#buy_popup.active .product_accessoire_block{margin: 0; padding: 0; order: 0;}
#buy_popup.active .pab_tab_content{padding: 0 0 30px}
#buy_popup.active .pab_tab_head{display: none;}
#buy_popup.active .ptc_title{display: block; font-weight: bold; font-size: 18px; padding: 15px 30px; background: #999999; color: #fff;}
#buy_popup.active .pab_tab_item{display: block!important; padding: 0 30px; width: 100%!important; float: left!important;}
.pab_tab_item{display: block!important; padding: 0 30px; width: 100%!important; float: left!important;}
#buy_popup.active .buy_popup_footer { display: flex; padding: 20px; margin: 0; order: 2; flex-direction: row; align-content: center; justify-content: space-between; align-items: center; width: 100%; }
#buy_popup.active .buy_popup_footer > .btn { flex: 1; max-width: 225px; text-align: center; cursor: pointer; }
#buy_popup.active .buy_popup_footer > .btn i.fa { margin-right: 5px; }
#buy_popup.active .buy_popup_footer a.btn { text-align: left; display: block; }
#buy_popup.active .buy_popup_footer button:nth-child(odd){float: left;}
#buy_popup.active .buy_popup_footer button:nth-child(even){float: right;}

.close_buy_pop{display: none;}
.pab_tab_block{background: #fff;}
.pab_tab_head a{float: left; padding: 8px 10px; background: var(--clr2); color: #fff; opacity: 0.5; font-size: 14px; margin: 0 1px 0 0}
.pab_tab_head a.active{opacity: 1;}
.pab_tab_content{background: #F8F8F8}
.pab_tab_item{display: none;}
.ptc_title{display: none;}
.buy_popup_footer{display: none;}

/**** Product tijdstippen ****/
.adb_block input.error{border-color: red!important;}
.errordate{color: red; padding: 0 20px; margin: 0 0 20px;}

.wpcf7 .form_item{margin-bottom: 20px; display:flex; flex-wrap:wrap}
.wpcf7 .label{width: 180px;  padding:5px 0}
.wpcf7 .form_field{width: calc(100% - 180px); }
.wpcf7 input, .wpcf7 textarea,  .wpcf7 select{width:100%; padding:5px 15px; border: 1px solid var(--border_clr) ; font:inherit; border-radius:20px }
.wpcf7 textarea{height:200px}
.wpcf7 input[type="submit"]{  width:auto;  border:none;}
.wpcf7 input[type="submit"]:hover{}
.wpcf7 select{background:url(img/angle-down.png) no-repeat calc(100% - 10px) 50% #fff;}

span.wpcf7-list-item {display: inline-block;margin: 0px 0 0;}
span.checkbox{margin-top:10px; display: block;}
.wpcf7 .wpcf7-list-item {display: inline-block; margin-right:35px; width: 60px;}
.wpcf7-list-item-label {margin-left: 30px;display: inline-block; vertical-align: top;}
.wpcf7-checkbox {padding: 5px 0px; display:inline-block}
.wpcf7-checkbox label {position: relative;cursor: pointer;}
.wpcf7-checkbox input[type=checkbox] {position: absolute;visibility: hidden;width: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-checkbox input[type=checkbox] + span:before {display: block;position: absolute;content: '';border-radius: 0;height:16px;width: 16px;top: 0px;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-checkbox input[type=checkbox] + span:after {display: block;position: absolute;content: "\f00d";font-family:"Font Awesome 6 Pro";font-weight:900;height: 16px;width: 16px;color:var(--clr2);top: 1px;left: 1px;visibility: hidden;font-size: 16px;text-align: center;line-height: 16px;}
.wpcf7-checkbox input[type=checkbox]:checked + span:before {background: transparent;}
.wpcf7-checkbox input[type=checkbox]:checked + span:after {visibility: visible;}

.wpcf7-radio label {position: relative;cursor: pointer;}
.wpcf7-radio input[type=radio] {position: absolute;visibility: hidden;width: 16px;height: 16px;top: 0;left: 0;}
.wpcf7-radio input[type=radio] + span:before {display: block;position: absolute;content: '';border-radius: 100%;height: 16px;width: 16px;top: 0px;left: 0px;border: 1px solid var(--border_clr); background:#fff}
.wpcf7-radio input[type=radio] + span:after {display: block;position: absolute;content: "";font-family:"Font Awesome 6 Pro";font-weight:900;height: 12px;width: 12px;color:var(--clr2); background:var(--clr2); border-radius:100%; top: 3px;left: 3px;visibility: hidden;font-size: 15px;text-align: center;line-height: 16px;}
.wpcf7-radio input[type=radio]:checked + span:before {background: transparent;}
.wpcf7-radio input[type=radio]:checked + span:after {visibility: visible;}

.ppb_overlay {
  display: flex;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  align-content: center;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.8);
}

#btn-add-product-to-cart { cursor: pointer; }
#btn-add-product-to-cart:disabled { cursor: not-allowed; opacity: 0.5; }
#btn-add-product-to-cart i.fa { margin-right: 5px; }

#product-already-booked { margin-top: 20px; width: 100%; display: block; }
.alert { display: flex; flex-direction: row; background: #fafafa; color: #1b1c20; padding: 5px 10px; border-radius: 8px; align-content: center; justify-content: flex-start; align-items: center; }
.alert i.fa { margin-right: 10px; }
.alert.warning { background: #bb965b; color: #ffffff; }

.xdsoft_time_variant { margin-top: 0 !important; }

@media only screen and (max-width: 1300px) {
	.menu_bar ul.menu > li { margin-right: 30px;}
	
}

@media only screen and (max-width: 1150px) {
	.menu_bar ul.menu >  li { margin-right: 10px;}
	.header .right_bar {    width: calc(100% - 250px);}
	.header .right_bar .flexbox{justify-content:flex-end}
	
	.category_bar .grid {  grid-template-columns: 1fr 1fr 1fr}
	.categories .grid{display:grid; grid-template-columns:1fr 1fr 1fr;}
	
}
@media only screen and (max-width: 1050px) {
	.header {padding:20px 0}
	.header .logo{width:150px;}
	.header .right_bar {    width: calc(100% - 200px);}
	.header .right_bar .search_bar { display:none}
	.header .right_bar .btns .search_btn{display:inline-flex}
	.header .right_bar .btns .menu_btn{display:inline-flex}
	.menu_bar{padding:2px 0}
	.menu_bar ul{display:none}
	.menu_bar .type_switch{display:none}
	
	.banner .text .slogan {font-size: 32px;}
	.banner .text {  padding: 70px 20px 40px 0;}
	
	
	.product .grid{grid-template-columns:1fr;     gap: 0px;}
	
	
	.product .left .images{    grid-template-columns: 1fr 1fr 1fr 1fr;}
	.product .left .image:first-of-type { grid-area: 1 / 1 / span 3 / span 3;}
	
	.subpage_text .col40{width:calc(100% - 24px);}
	.subpage_text .col60{width:calc(100% - 24px); margin-bottom:40px;}
	
}
@media only screen and (max-width: 850px) {
	.header .right_bar .btns .btn{position:relative;}
	.header .right_bar .btns .menu_btn{width:50px; height:50px; border-radius:100%; padding:0; font-size:20px;}
	.header .right_bar .btns .menu_btn i{margin-right:0}
	.header .right_bar .btns .menu_btn span{position:absolute; font-size:8px; bottom:7px}
	.header .right_bar .btns .shopping_btn{width:50px; height:50px; border-radius:100%; padding:0; font-size:20px;}
	.header .right_bar .btns .shopping_btn i{margin-right:0; display:block}
	.header .right_bar .btns .shopping_btn span{display:none}
	.category_bar .grid {  grid-template-columns: 1fr 1fr}
	
	.home_text .wrap .col50{width:calc(100% - 24px)}
	.categories .grid{grid-template-columns:1fr 1fr;}
}

@media only screen and (max-width: 770px) {
	.banner > .maxw1 > .flexbox{flex-direction: column-reverse;}
	.banner .text{width:100%; padding: 25px 20px 25px 0 ;   border-radius:0 0 22px  0}
	.banner .text img{display:none}
	.banner .text .slogan{font-size:30px}
	.banner .slider{width:calc(100% + 15px); margin-left:-15px; border-radius:0 22px 0 0}
	.banner .slider .slide:after{content:""; padding-bottom:40%; display:block;}
	
	.footer {    font-size: 110%;}
}

@media only screen and (max-width: 650px) {
	.header .logo{width:100px;}
	.header .right_bar {    width: calc(100% - 130px);}
	.btn.round_btn{width:40px; height:40px; font-size:18px;}
	.header .right_bar .btns .menu_btn{width:40px; height:40px; font-size:18px;}
	.header .right_bar .btns .shopping_btn{width:40px; height:40px; font-size:18px;}
	.header .right_bar .btns .menu_btn span{position:absolute; font-size:7px; bottom:3px}
	.category_bar .cat_item .cat_title{font-size:18px; padding:20px 20px}
	.product .left .images{    grid-template-columns: 1fr 1fr 1fr;}
	.product .left .image:first-of-type { grid-area: 1 / 1 / span 3 / span 3;}
	.wpcf7 .label{width: 100%;  padding: 0}
	.wpcf7 .form_field{width:100%; }
}
@media only screen and (max-width: 550px) {
	.product .period .date {    width: 100%; 	}
	#btn-add-product-to-cart {line-height: 53px}
	.accesoire_item {width: 50%}
	
}

@media only screen and (max-width: 480px) {
	h1, .h1 {font-size: 32px;}
	
	.header .logo{width:70px;}
	.header .right_bar {    width: calc(100% - 80px);}
	.header .right_bar .btns .search_btn{display:none}
	
	.category_bar .grid {  grid-template-columns: 1fr}
	.footer{padding-top:70px;}
	.footer .bottom{margin-top:70px}
	.categories .grid{grid-template-columns:1fr;}
	.product .price .amount{width:100%}
	.contact_block .opening_hours .line{border-bottom:1px solid rgba(255,255,255,0.3)}
	.contact_block .opening_hours .day{width:100%; font-weight:500;}
	.contact_block .opening_hours .hours{width:100%}
}

@media only screen and (max-width: 430px) {
	.order_block .qty_block{display: flex; justify-content: space-between; margin-bottom:10px;}
	.order_block .btn{display:block;}
}

@media only screen and (max-width: 430px) {

	.header .right_bar .btns .shopping_btn{display:none}
	.usp_bar{font-size:14px;}
	.product .block li span{width: 100%; font-weight:500}
}

@media print {
   
	html, body {  
			page-break-after: avoid;
            page-break-before: avoid; 
			border: 1px solid white;
            height: 99%;}
   
	div{display:block; width:100%}
   
  
}